/* CSS Document */


/*  RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, div, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; position:relative; }
	
/*body { line-height: 1;}*/
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}

/* remember to define focus styles! */
:focus { outline: 0;}

/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}


/* Grundgerüst */ 

html, body {
	padding:0px;	
	margin:0px;
		}

body {
	font-family: arial, sans-serif;
	height:100%;
	color:#fff;
	font-size:14px;
	line-height:20px;
	background:#000;
		}
		
#alles {
	margin:0 auto;
	max-width:640px;
		}
		
		
		
/*  K O P F  */																

#head {
	width:100%;
	display:block;
		}

#head img {
	width:100%;
		}

#headmobil {
	width:100%;
	display:none;
		}

#headmobil img {
	width:100%;
		}
				

			
/*  C O N T E N T  */																
																
#content {
	
	width:100%;
	padding:0 0 0 0;
	float:left;
		}
		
.box0 {
	display:block;
	
		}
	
.box1 {
	display:none; 
		}

.box2 {
	padding:2.5% 19% 7.5% 19%;
	width:62%;
	float:left;
	text-align:center;
		}
		
.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom:40px; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		

/*  F U S S  */		

#footer {
	height:50px;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	float:left;

		}	
		
#footer p {
	text-align:center;
		}

#footer a {
	color:#fff;
	text-decoration:none;
		}
#footer a:hover {
	text-decoration:underline;
		}

		

		



/*  T E X T F O R M A T I E R U N G E N  */																
																
		
.hidden { display:none; }		

														
h1 {
	font-size: 30px;
	font-style: normal;
	line-height: 22px;
	font-weight: 600;
	font-variant: normal;
	text-transform: none;
	color: #fff;
	text-decoration: none;
		}
		
h2 {
	font-size: 42px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
	color:#fff;
	text-align:center;
		}
		
h3 {
	font-size: 28px;
	font-style: normal;
	line-height: 34px;
	font-weight: 600;
	font-variant: normal;
	text-decoration: none;
	color:#fff;
	margin:0px 0px 30px 0px;
	padding:0px;
		}
		

#content p {
	font-weight: 400;

		}

		
#content ul {
	margin-top:4px;
	padding-left:25px;
	margin-left:0px;
		}
		
#content ol {
	margin-top:4px;
	padding-left:25px;
	margin-left:0px;
		}
		
		
#content li {
	list-style:disc;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding-right: 12px;
	padding-left:5px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-top: 0px;
		}		
		
#content img {
	margin:0px 0px 0px 0px;
	padding:0px 0 5% 0px;
	width:100%;
	float:left;
		}	
	
#content td {
	padding:0 0 4px 0;
		}	
		
#content a {
	font-style: normal;
	line-height: 20px;
	font-weight: 700;
	font-variant: normal;
	color:#fff;
		}
#content a:hover {
	text-decoration: underline;
		}
		
#content a.button {
	width:234px;
	height:47px;
	display:block;
	background: url('../images/button_hover.png') no-repeat 0 0;
	background-size:200%;
	color:#f04e23;
	text-decoration: none;
	margin:5px auto;
		}
#content a.button:hover {
	background-position:-234px 0;
		}
		
		
	
.dunkelblau { color: #0070b0; }
.grau { color: #666666; }	
.gelb { color: #ffcb00; }
.hellblau { color: #a0bfda; }
.trenner { color: #5098c5; }		
.center { text-align:center; }	
.initial { text-transform:initial; color:#0070b0; font-size:40px; font-weight:900; vertical-align: top; float:left; line-height:39px; padding-right:5px; }
.bggrau { background:#eee;  }
.fett { font-weight:700;  }
.normal { font-weight:400;  }

		
		
/*  R E S P O N S I V E  */

/* small desktop */
@media screen and (max-width: 110px) {


}

/* tablet */
@media screen and (max-width: 1030px) {


}


/* small tablet */
@media screen and (max-width: 820px) {

#content img {
	margin:0px 0px 0px 0px;
	padding:0px 0 5% 0px;
	width:100%;
	float:left;
		}

}

/* mobile */
@media screen and (max-width: 580px) {

#head {
	width:100%;
	display:none;
		}
		
#headmobil {
	width:100%;
	display:block;
		}		

#content {
	
	width:100%;
	padding:0 0 0 0;
	float:left;
		}
		
#content img {
	margin:0px 0px 0px 0px;
	padding:0px 0 5% 0px;
	width:100%;
	float:left;
		}	

.box0 {
	display:none; 
	
		}
	
.box1 {
	display:block; 
		}
	
.box2 {
	padding:2.5% 5% 10% 5%;
	width:90%;
	float:left;
	text-align:center;
		}	
}