body  {
font-size: 100.1%;
background: #b9b49f;
margin: 40px 0 40px 0;
min-height: 101%;
font-size: 101.01%;
}
:focus {
	outline: 0;
}
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; }

li li {
  font-size: 100% !important;
}

/* CONTAINER
--------------------------------------------------*/

#container {
text-align: left;
margin: 0 auto;
width: 900px;
background: transparent url(../pics/bg-container.gif) repeat-y;
height: 100%;
 }
 
#header {
position:relative;
width: 900px;
background: transparent url(../pics/bg-header.gif) no-repeat;
height: 123px;
}

#logo {
position : absolute;
top: 10px;
left : 10px;
}
/*TOPNAV
-------------------------------------------------*/
div.topnav     {
position : relative;
left : 530px;
width : 300px;
padding : 0 0 0 0;
}
div.topnav ul  {
float : right;
margin : 0;
padding : 0;
list-style-type : none;
}
div.topnav li  {
display : inline;
padding : 0;
margin : 0;
}
div.topnav a      {
margin : 0;
padding :25px 0px 10px 15px;
display : block;
float : left;
text-decoration : none;
color: #666;
font-weight:normal;
font-size: 11px;
}
div.topnav a:hover   {
text-decoration : underline;
}
.tophier a:link, .tophier a:visited, .tophier a:hover, .tophier a:active, .tophier a:focus {
text-decoration : underline;
}
 


.mainnav {
width: 900px;
height: 25px;
background: #000;
}

div.mainnav ul  {
float : left;
margin-left : 40px;
padding : 0;
list-style-type : none;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html div.mainnav ul {
  margin-left: 20px;
  }

/* End hide from IE5/mac */


div.mainnav li  {
display : inline;
padding : 0;
margin : 0;
}
div.mainnav a      {
margin : 0;
padding :5px 15px 5px 0;
display : block;
float : left;
text-decoration : none;
color: #fff;
font-weight:normal;
font-size: 12px;
}
div.mainnav a:hover   {
text-decoration : underline;
}

#splash {
width: 900px;
height: 145px;
float: left;
background: transparent url(../pics/splash.jpg) no-repeat;

}

#nav, #nav ul {
	float: left;
	width: 870px;
	list-style: none;	
	font-weight: bold;
	padding: 0 0 0 30px;
	font-size: 12px;
	background: #000;
}

.oben {
background: #1c3f81;
}

#nav a {
	display: block;
	width: 10em;
	w\idth: 8em;
	color: #fff;
	text-decoration: none;
	padding: 0.25em 1em;
	line-height: 25px;
	background: #000;
	
}

#nav a.daddy {
	/*background: url(rightarrow2.gif) center right no-repeat;*/
}

#nav li {
	float: left;
	padding: 0;
	width: 10em;
	}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 12em;
	w\idth: 13.9em;
	font-weight: normal;
	margin: 0 0 0 -30px;
}

#nav li li {
	padding-right: 1em;
	width: 14em;
	font-size: 11px;
	background: transparent;
}


#nav li li a{
	color: #fff;
	background: #000;	
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #nav li li a {
background: #000;
}
/* End hide from IE5/mac */
#nav li ul a {
	width: 14em;
	w\idth: 10em;
}


#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

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


.current {
color: #e18336;
}				

#nav li:hover, #nav li.sfhover {
	
}



/* INHALT
----------------------------------------------*/
#main  {
width: 880px;
padding-top: 10px;
margin: 0 10px;
text-align: left;
background: #fff;
clear: both;

}
.hoehe { height: 400px; }
div[class = "hoehe"] { height: auto; min-height: 400px }


#content       {
float: left;
width: 525px;
background: #ffffff;
line-height: 1.2em;
text-align: left;
background: #ffffff;  
}

#content p { color: #000; font-size: 0.8em;  padding: 10px 15px 10px 30px; line-height: 1.4em;}
#content h1    { color: #666; font-size: 0.9em; padding: 25px 10px 15px 10px; font-weight: bold;  }
#content h2    { color: #666; font-weight: bold; padding: 10px 0 20px 0px; font-size: 0.8em; margin-left: 30px; background: transparent url(../pics/headline-punkte.gif) 0 0 repeat-x;}
#content h3    { color: #666; font-weight: bold; padding: 10px 0 20px 0px; font-size: 0.8em; margin-left: 30px; }
#content ul { list-style-type: none;padding: 0; margin: 0 5px 15px 30px;}
#content li {
font-size: 0.8em;
color: #000;
padding-left: 20px;
padding-bottom: 5px;
background: transparent url(../pics/anstrich.gif) 0 0 no-repeat;  
}

#content a:link  {
color : #e18336;
text-decoration : none;

}

#content a:visited {
color : #e18336;
text-decoration : none;

}
#content a:hover {
color : #e18336;
text-decoration: underline;

}
#content a:active {
color : #e18336;
text-decoration : none;

} 


#content li li {
background-image: url(../pics/kreis.gif);
background-position: 0 5px;
background-repeat: no-repeat;
padding-left: 2em;
}

#rechtespalte {
width: 355px;
float: right;
padding-top: 70px;
background: transparent url(../pics/post-it.jpg) 10px 0 no-repeat;
}

.platz { height: 322px; }
div[class = "platz"] { height: auto; min-height: 322px }

.werbelektorat { height: 400px; }
div[class = "werbelektorat"] { height: auto; min-height: 400px }

#rechtespalte h2    { color: #c00000; font-weight: bold; padding: 10px 0  10px 10px; font-size: 0.8em; margin: 0; background: transparent url(../pics/punkte-rot.gif) 0 bottom repeat-x;}
#rechtespalte p { color: #000; font-size: 0.8em;  padding: 10px 0 5px 80px;}
#rechtespalte ul { list-style-type: none; padding: 0; margin: 10px 5px 15px 90px;}
#rechtespalte li {
font-size: 0.8em;
line-height: 18px;
color: #000;
padding-left: 20px;
margin: 0;
background: transparent url(../pics/anstrich.gif) 0 0 no-repeat;  
}

#rechtespalte a:link  {
color : #000;
text-decoration : none;

}

#rechtespalte a:visited {
color : #000;
text-decoration : none;

}
#rechtespalte a:hover {
color : #000;
text-decoration: underline;

}
#rechtespalte a:active {
color : #000;
text-decoration : none;

} 


/* FOOTER
------------------------------*/
#footer   {
font:  0.7em Arial, Helvetica, Verdana, sans-serif;
clear: both;
width: 900px;
height: 49px;
background: transparent url(../pics/bg-footer.gif) no-repeat;
color: #666;
}
#footer p {
padding: 12px 60px 20px 10px;
color: #666;
text-align: right;
}
#footer a      {
 color: #000;
 text-decoration: underline;
 background: transparent;
 font-weight: normal;
  }

.orange {
color: #ff9900;
}
.kleiner {
font-size: 10px;
}

/* FORMULAR
---------------------------------------------------*/
fieldset {
	width: 400px;
	border: 0;
}
fieldset p { 
width: 100%; 
float: left; 
}
fieldset input  {
width: 60%; 
border: 1px solid #ccc;
background: #fafafa;
}
.submit {	
	background:  #fafafa;
	width: 20%;
}
.rechts {
	text-align: right;
	margin-right: 5px;
	
}
fieldset select  {
width: 100px; 
padding-right: 5px;
}
fieldset label {
display: block; 
float: left;
width: 35%;
padding: 0px; 
margin: 0 5px 0 0;
background: #f3ebca; 
color: inherit;

	}
.lang {
	width: 80%;
	background: #fff;
}
fieldset textarea {
	border: 1px solid #ccc;
	width: 240px;
	background: #fafafa;
}	
.kurz {
	width:20px;
}
/*Ende Formular*/


dl {
width: 100%;
overflow: auto;
padding-left: 30px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html dl {
width: 495px;
}
/* End hide from IE5/mac */


dt {
width: 280px;
float: left;
clear: left;
font-size: 0.8em;
line-height: 20px;
margin-bottom: 5px;

}
dd { 
margin-left: 295px;
width: 70px; 
font-size: 0.8em;
line-height: 20px;
margin-bottom: 5px;
text-align:right;
}

.grau {
color: #999;
}