body {	Font-Family : Verdana, Arial, sans-serif;
	Color : #0E2C64 ; Font-Size : 12px ;
	scrollbar-base-color:rgb(244,244,244);
	background: url(banner-blau.jpg);
}
#header   	{ display: block; position: relative; text-align: center; width: 950px; margin: 0 auto; background-color: white; }
#header img 	{ border-width:0px; width:900px; padding:25px; height: auto;}

#navigation 	{ list-style:none;  text-align:center; margin: 0 auto;  width:950px; background-color: #E51030;}	
#navigation li 	{ display:inline-block; }	
#navigation li a:link, #navigation li a:visited, #navigation li a:hover 
		{color: white; padding: 2px 20px 2px 20px; border:1px solid #F6B927; background-color:#0E2C64; font-size:16px; text-decoration:none; }
#navigation li a:hover, #navigation .aktiv { font-weight: bold; color: #E51030;}

#content    	{ display: block; position: relative; background-color:white; width: 950px; margin: 0 auto; }
#content li 	{list-style-position: outside; list-style-image: url(images/rot.jpg); margin: 0 25px 0 20px;}


#footer     	{ display: block; position: relative; text-align: center; background-color: white; width:950px; padding:5px; margin: 0 auto;}
#unten     	{ display: block; position: relative; text-align: center; width:950px; color:white; font-weight:bold; margin: 10px auto;}

#blockTotal    	{ margin: 0 auto;}	
#block50 	{ display:inline-block; width: 43%; padding:0 0 0 40px; margin-left: 10px; }
#block600 	{ display:inline-block; width: 600px; padding:0 20px 0 20px; margin: 10px; }
#block200  	{ display:inline-block; width: 200px; padding:0 20px 0 20px; margin: 10px; }
#blockShadow 	{ margin: 20px; display:block; border:1px solid grey; background-color: white; padding: 10px; box-shadow: 2px 2px 10px grey; }

h1, h2, h3, h4	{ font-family: Verdana, Arial,sans-serif; color: #0E2C64 ; font-weight:normal; }
h1		{ font-size: 40px; color: #E51030; }
h2		{ font-size: 24px; Font-Weight: Bold; line-height: 18pt;}
h3		{ font-size: 18px; color:#E51030; Font-Weight: Bold;}
h4		{ font-size: 18px; Font-Weight: Bold; margin-left:30px;}

#content a:link, #content a:visited, #content a:hover {color: #0E2C64; text-decoration:underline; }
#content a:hover{ color: #E51030;}

#footer a:link, #footer a:visited, #footer a:hover {color: #0E2C64; text-decoration:none; }
#footer a:hover{ color: #E51030;}

#unten a:link, #unten a:visited, #unten a:hover {color: white; text-decoration:none; }
#unten a:hover 	{ color: #E51030;}

p		{ margin-right:30px; margin-left:30px; line-height:20px;}
.asf		{ color:#0E2C64; Font-size: 50px; font-weight:bold;}
.clear {clear:both}
.line { border-width:0px; width:100%; height: auto;}
.w1	{
	border-width:1px; 
	border-color:rgb(95,95,95); 
	border-style:solid;}
.w2	{
	border-width:1px; 
	border-color:#990000; 
	border-style:solid;}

.small {
   	Font-Family : Verdana,Arial,sans-serif;  
	Font-Size   : 8pt ;}

.normal {
   	Font-Family : Verdana,Arial,sans-serif;  
	Font-Size   : 9pt ; 
	Color 	    : #333; 
   	line-height : 13pt;}

.bold16 {
   	Font-Size : 16px ; font-weight: bold; color: #0E2C64; line-height: 20px;}

.normal12rot {
   	Font-Family : Verdana,Arial,sans-serif;  
	Font-Size : 12pt ; 
	Color : #990000; 
   	line-height : 18pt;}

.normalbold {
   	Font-Family : Verdana,Arial,sans-serif; 
	Font-Size   : 9pt ; 
	Color       : #333333 ; 
	Font-Weight : Bold;}

.normalboldrot {
   	Font-Family : Verdana,Arial,sans-serif; 
	Font-Size   : 9pt ; 
	Color       : #990000 ; 
	Font-Weight : Bold;}
.titel {
   	Font-Family :Verdana,Arial,sans-serif;  
	Font-Size   : 18pt ; 
	Color       : #333333 ;}
.titelrot {
   	Font-Family :Verdana,Arial,sans-serif;  
	Font-Size   : 18pt ; 
	Color       : #990000 ;}

a:link, a:visited, a:hover {text-decoration:none; }
a:hover, a:active { font-weight: bold; color: #E51030;}


/* ---------------------------------------------- Tablet -------------------------------------*/

@media only screen and ( min-width: 440px ) and ( max-width: 950px ) 
{    /* Tablets und mittlere Bildschirme */

#header, #footer, #navigation, #content, #unten {width : 95%;}
#navigation li 	{ display:inline-block; padding: 0 0 10px 0;}
#header img { border-width:0px; width:100%; padding: 0; height: auto;}
#content img { border-width:0px; width:95%; height: auto;}

#blockTotal    	{ margin: 0 auto;}	
#block50 	{ display:inline-block; width: 95%; padding:0; margin-left: 10px; }
#block600 	{ display:inline-block; width: 95%; padding:0;}
#block200  	{ display:inline-block; width: 95%; padding:0;}
#blockShadow 	{ display:inline-block; border:1px solid grey; background-color: white; padding: 10px; margin: 10px; box-shadow: 2px 2px 10px grey; }

#block200 img { margin-left:30px;}

.line { border-width:0px; width:100%; height: auto;}
}
/* ---------------------------------------------- Mobile -------------------------------------*/

@media only screen and ( max-width: 440px ) 
{    /* mobile Geräte */

#header, #footer, #navigation, #content, #unten {width : 95%;}
#header img { border-width:0px; width:100%; padding: 0; height: auto;}

#navigation li 	{ display:inline-block; padding: 0 0 10px 0;}
#content img { border-width:0px; width:90%; height: auto;}	
h1		{ font-size: 30px;}
h2		{ font-size: 20px; Font-Weight: Bold; line-height: 22pt;}
h3		{ font-size: 16px; 
#blockTotal    	{ margin: 0 auto;}	
#block50 	{ display:inline-block; width: 95%; padding:0; margin-left: 10px; }
#block600 	{ display:inline-block; width: 95%; padding:0; }
#block200  	{ display:inline-block; width: 95%; padding:0; }
#blockShadow 	{ display:inline-block; border:1px solid grey; background-color: white; padding: 10px; margin: 10px; box-shadow: 2px 2px 10px grey; }

#block200 img { width:80%; height: auto; margin-left:30px;}
.line { border-width:0px; width:100%; height: auto;}

}