@charset "utf-8";
/* www.dance-showband.de css screen
Theme Name: Showband - Danceband
Description: Responsive CSS screen
Version: 2.0
*/
body {
	background-attachment: fixed;
	background-image: url(images/hintergrund.jpg);
	background-repeat: no-repeat;
	background-position: 0 48px;
}
#container {
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}
a:link {
	font-size: 1em; /* 90% 14,4px */
	text-decoration: none;
	color: #666;
	padding: 0 10px;
	letter-spacing: 0.3em;
	-webkit-tap-highlight-color: rgba(166,162,162,.3);
}
a:visited {
	font-size: 1em; /* 90% 14,4px */
	text-decoration: none;
	color: #666;
}
a:hover {
	font-size: 1em; /* 90% 14,4px */
	text-decoration: underline;
	color: #000;
}
a:active {
	font-size: 1em; /* 90% 14,4px */
	text-decoration: none;
	color: #000;
}
#top,h1,h2,h3,h4,h5,h6,p,.text,.mittel,.small,.klein,.big,ul,a:link{font-family:Geneva,Arial,sans-serif;}
h1,.big{font-size:1.5em; /* 24px */}
h2{font-size:1.25em; /* 20px */}
h3{font-size:1.188em; /* 19px */}
h4{font-size:1.125em; /* 18px */}
h5{font-size:1.063em; /* 17px */}
h6{font-size:1em; /* 16px */}
.text,.mittel{font-size:0.875em; /* 90% 14,4px */line-height:150%;}
.small,.klein{font-size:0.688em; /* 70% 11px */}
#top,#content,#navi{
	border:1px solid #ccc;
	position:static;
	background-color:#fff;
	margin-bottom:2.7586206896551726%; /* 16 / 580 */
}
#top{
	padding:2% 0;
	max-width:100%;
	min-height:12.413793103448276%; /* 72 / 580 */
	margin-top:2.7586206896551726%; /* 16 / 580 */
}
#content{
	padding:2.7586206896551726%; /* 16 / 580 */
	max-width:100%;
	min-height:106.89655172413792%; /* 620 / 580 */
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
 *behavior:url(/scripts/boxsizing.htc);
}
#navi{
	text-align:center;
	width:700px;
	height:30px;
	vertical-align:middle;
	display:table-cell;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
 *behavior:url(/scripts/boxsizing.htc);
}
.rahmen{padding-left:7.5%;padding-right:4%;}
h1{font-style:normal;}
.head,h1,p{margin:0;padding:0;}
.text{
	margin:5.517241379310345% /* 32 / 580 */ 0 0.5172413793103449% /* 3 / 580 */ 0;
	text-align:left;
	font-size:1em;
}
.small{color:#999;word-spacing:1.1em;letter-spacing:0.09em;text-align:center;}
.klein{color:#999;letter-spacing:0.09em;text-align:center;margin:3% 0;}
.big{
	font-weight:300;
	line-height:1em;
	color:#666;
	font-style:italic;
	text-align:left;
	padding-left:8.96551724137931%; /* 52 / 580 */
	letter-spacing: +0.3em;
	height:1em;
	vertical-align:absmiddle;
}
ul,li{
	text-align:left;
	padding:0;
	background-position:left;
	text-indent:0;
	list-style-type:square;
	font-size:0.95em; /* 90% 14,4px */
	list-style-position:inside;
}
ul{margin:0 0 5.517241379310345% /* 32 / 580 */ 0;}
hr{border:none;border-top:0.1% solid #ccc;color:#ccced;background-color:#ccc;height:1px;}
.line-1{width:91%;margin-right:0; }
.line-2{width:90%;}
.abstandnach1{margin-bottom:2.7586206896551726%; /* 16 / 580 */}
.abstandnach2{margin-bottom:5.517241379310345%; /* 32 / 580 */}
img{max-width:100%;height:auto;}
.logo{margin:5.6% 0 3.5% 0;}
.logo2{margin:2% 0 0 0;}
.links{text-align:left;}
.zentriert{text-align:center;}
.grau{color:#999;}
/********* Breakpoints ************/
@media screen and (max-width:600px) {
body {
	font-size: 0.85em;
	background-image: none;
	margin: 0;
}
#container {
	max-width: 100%;
	margin: 1%;
	padding: 0;
	border: 0 solid red;
}
#top, #content, #navi {
	margin-bottom: 2%;
}
#top {
	margin-top: 0;
}
.rahmen {
	padding-left: 3.2%;
	padding-right: 4%;
}
.big {
	padding-left: 6%; /* 52 / 580 */
	letter-spacing: +0.3em;
}
.line-1 {
	width: 94%;
}
}

@media screen and (max-width:470px) {
body {
	font-size: 0.65em;
	background-image: none;
}
#container {
	min-width: 300px;
}
.rahmen {
	padding-left: 1%;
	padding-right: 1%;
}
a:link {
	font-size: 1.3em; /* 90% 14,4px */
}
.big {
	padding-left: 3%; /* 52 / 580 */
	letter-spacing: +0.2em;
}
.line-1 {
	width: 97%;
}
}