html {
	height: 100%;
}
body  {
font-size: 100.1%;
background: #036;
margin: 0;
height: 100%;
background: #0C2540 url(pics/back_blau.jpg) 0 0 no-repeat;
}
h1, h2, h3, h4, h5, h6, p, br, ul, ol, li, hr  {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, fieldset, input, textarea, address, blockquote, nobr, b, i  {
font-family:  Arial, Helvetica, Verdana, sans-serif; }

/* CONTAINER
--------------------------------------------------*/
#container {
margin-top: -265px;
margin-left: -410px;
width: 820px;
height: 530px;
top: 50%;
left: 50%;
position: absolute;
text-align: left;

}

#oben {
position: relative;
	height: 67px;
	width: 820px;
   background : transparent url(pics/pattern.gif) repeat-x;
   border-top: 5px solid #900;
}	

#logo {
position: absolute;
top: -5px;
border-right: 1px solid #fff;

}

#banner {position: absolute; top: 0; right: 0; z-index: 500;} 

#main  {
width: 820px;
text-align: left;
background: transparent;
clear: both;
background: transparent url(pics/glocken.gif) no-repeat;

}



div.leftcol {
float:left;
width: 277px;
font-size: 0.7em;
color: #9ac6e0;
padding-top: 120px;

}

div.leftcol p {
padding: 20px 0 0 20px;
}
	

#content {
margin-left: 277px;
height: 190px;
}

#main  {
width: 820px;
text-align: left;
}
.hoehe { height: 300px; }
div[class = "hoehe"] { height: auto; min-height: 300px }


#flashcontent {
	width: 820px;	
	height: 250px;	
	float: left;
	position: relative;
	border-bottom: 1px solid #fff;
	background: #0C2540;
}

/*SPRACHE
-----------------------------------*/
div.sprache {
position: absolute;
top: 40px;
left: 315px;
width: 500px;
color: #000;

}

div.sprache ul  {
float : right;
margin : 0;
padding : 0;
list-style-type : none;
}
div.sprache li  {
display : inline;
padding : 0;
margin : 0;
}
div.sprache a      {
margin : 0;
padding :0px 9px 10px 7px;
display : block;
float : left;
text-decoration : none;
color: #fff;
font-size: 11px;

}
div.sprache a:hover   {
text-decoration : none;
color : #9ac6e0;

}
.subhier a:link, .subhier a:visited, .subhier a:hover, .subhier a:active, .subhier a:focus {
color: #9ac6e0;
}




#content p {
line-height: 18px;
padding: 0 20px 5px 20px;
color: #fff;
font-size: 12px;
}

h1 {
font-size: 16px;
padding: 15px 20px 10px 20px;
color: #fff;
font-weight: bold;
}
.hellblau {
color: #9ac6e0;
}
/*TOPNAV
-------------------------------------------------*/
div.topnav     {
position : relative;
left : 312px;
width : 508px;
padding : 0 0 0 0;
}
div.topnav ul  {
float : left;
margin : 0;
padding : 0;
list-style-type : none;
}
div.topnav li  {
display : inline;
padding : 0;
margin : 0;

}
div.topnav a      {
margin : 0;
padding :15px 12px 10px 12px;
display : block;
float : left;
text-decoration : none;
font-weight: bold;
color: #fff;
font-size: 11px;
letter-spacing: 1px;
/*border-top: 4px solid #036;*/
}

 /*\*/
     html*div.topnav a 
{ letter-spacing: normal; }
     /**/

div.topnav a:hover   {
text-decoration : none;
letter-spacing: 1px;
font-size: 11px;
color : #9ac6e0;
/*border-top: 4px solid #c00;*/
}
 /*\*/
     html*div.topnav a:hover 
{ letter-spacing: normal; }
     /**/
.tophier a:link, .tophier a:visited, .tophier a:hover, .tophier a:active, .tophier a:focus {
color: #9ac6e0;
letter-spacing: 1px;
font-size: 11px;
text-decoration: none;
/*border-top: 4px solid #c00;*/
}

 /*\*/
     html*.tophier a:link, .tophier a:visited, .tophier a:hover, .tophier a:active, .tophier a:focus 
{ letter-spacing: normal; }
     /**/

div.topnav #aktiv a {
color: #9ac6e0;
}

#footer {
width: 100%;
color: #fff;
font-size: 0.7em;
padding-left: 10px;
}

#footer img {
position: relative;
top: 15px;
}


a.inhalt:link  {
color : #fff;
background: #900;
text-decoration: none;
}
a.inhalt:visited {
color : #fff;
background: #900;
text-decoration: none;
}
a.inhalt:hover {
color : #000;
background: #9ac6e0;
text-decoration: none;
}
a.inhalt:active {
color : #000;
background: #9ac6e0;
text-decoration: underline;
}

a.extern:link  {
color : #000;
background: #9ac6e0;
text-decoration: none;
}
a.extern:visited {
color : #000;
background: #9ac6e0;
text-decoration: none;
}
a.extern:hover {
color : #fff;
text-decoration: none;
background: #900;
}
a.extern:active {
color : #fff;
text-decoration: none;
background: #900;
}

a.impressum:link  {
color : #fff;
text-decoration: none;
}
a.impressum:visited {
color : #fff;
text-decoration: none;
}
a.impressum:hover {
color : #9ac6e0;
text-decoration: none;
}
a.impressum:active {
color : #9ac6e0;
text-decoration: none;
}