html {
	height: 100%;
}
body  {
font-size: 100.1%;
background: #036;
margin: 0;
min-height: 101%;
}
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 {
text-align: left;
margin: auto;
width: 840px;
background: transparent url(pics/bg_3.gif) repeat-y;

 }

/* HEADER
----------------------------------------------------*/ 
#header {
	position: relative;
	height: 40px;
	width: 820px;
	margin-left: 10px;
	margin-right: 10px;
   background : transparent url(pics/pattern.gif) repeat-x;

	}

	
#oben {
position: relative;
	height: 67px;
	width: 820px;
	margin-left: 10px;
	margin-right: 10px;
   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;} 

#splash {
	width: 820px;	
	margin-left: 10px;
	height: 250px;
	margin-right: 10px;
	border-bottom: 1px solid #fff;
}

/*TOPNAV
-------------------------------------------------*/
div.topnav     {
position : relative;
left : 312px;
width : 508px;
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 :15px 12px 10px 12px;
display : block;
float : left;
text-decoration : none;
font-weight: bold;
color: #fff;
font-size: 11px;
letter-spacing: 1px;
}
 /*\*/
     html*div.topnav a 
{ letter-spacing: normal; }
     /**/
div.topnav a:hover   {
text-decoration : none;
color : #9ac6e0;
}
 /*\*/
     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;
}
 /*\*/
     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;
}

/*SUBNAVI
-----------------------------------*/
div.subnavi {
position: absolute;
top: 40px;
left: 320px;
width: 500px;
color: #000;

}

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

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

}
.subhier a:link, .subhier a:visited, .subhier a:hover, .subhier a:active, .subhier a:focus {
color: #9ac6e0;
}
/*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;
}


/* INHALT
----------------------------------------------*/
#main  {
width: 830px;
text-align: left;
background: transparent;
}
.hoehe { height: 800px; }
div[class = "hoehe"] { height: auto; min-height: 800px }

div.mainnav   {
float: left;
width: 275px;
padding-left: 10px;

}


div.mainnav p {
padding-left: 20px;
font-size: 12px;
}

div.mainnav img {
display: block;
}

div.mainnav  ul {
margin: 0;
list-style-type: none;
display: block;
background: #133c62;
width: 100%;
background: #234a70 url(pics/nav-on-bg.gif) repeat-x bottom left;
}
div.mainnav li      {
font-size:  12px;
line-height: 20px;
}

div.mainnav li a   {
color: #fff;
width: 247px;
text-decoration: none;
padding: 3px 8px 5px 20px;
display: block;
line-height: 20px;
}
div.mainnav li a:hover, div.mainnav li a:active   {
color : #fff;
background: #900 url(pics/rot.gif) repeat-x top left; 

}
.mainhier a:link, .mainhier a:visited, .mainhier a:hover, .mainhier a:active {
color : #fff;
background: #900 url(pics/pfeil_orange.gif) 160px 10px no-repeat;
}

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


#content       {
margin-left: 285px;
padding: 15px 0 20px 0;
text-align: left;
background: #fff url(pics/background-mieter.jpg) repeat-x;
}
#content p { color: #000; font-size: 0.8em;  padding: 0 50px 15px 50px;}
#content h1    { font-weight: normal;  color: #900; font-size:1.1em; margin: 10px 0 25px 50px; }
#content h2    { color: #900; font-size: 0.8em; margin: 10px 0 10px 50px;}
#content h3    { color: #003366; font-size: 0.9em; margin-bottom: 5px;}
#content h4 { color: #000; font-size: 0.8em;  padding: 0 50px 15px 0px; font-weight:normal;}
#content ul { list-style-type: none; padding-bottom: 15px; margin-left: 180px;}
#content li {
font-size: 0.8em;
color: #000;
background-image: url(pics/marker.gif);
background-position: 0 0.2em;
background-repeat: no-repeat;
padding-left: 2em;
}
#content img {
border: 0;
}


#plan {
width: 400px;
position: relative;
margin-left: 100px;
top: -100px;
z-index: 10;
}

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

/*INTRO
----------------------------------*/
#intro {
position: relative;
top: 170px;
width: 350px;
z-index: 50;

}
.kleiner {
font-size: 11px;
}

#direktlinks {
position: relative;
top: -100px;

}

#box_rechts {
width: 300px;
float: right;
text-align: right;
font-size: 0.8em;
margin-right: 10px;
}



#content p.datum {
	margin: 0;
	padding: 0;
}

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

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


/* FOOTER
------------------------------*/
#footer   {
font:  0.7em Arial, Helvetica, Verdana, sans-serif;
width: 100%;
background : transparent url(pics/pattern.gif) repeat-x;
/*background: #6F7B6F;*/
color: #fff;
}
#footer p {
text-align: center;
padding: 10px 0 50px 0;
}
#footer a      {
 color: #326495;
 text-decoration: none; }

#footer a:visited {
color : #326495;
text-decoration : none;
}
#footer a:hover {
color : #326495;
text-decoration: underline;
}
#footer a:active {
color : #326495;
}

/* FORMULAR
-------------------------*/

fieldset {
	width: 400px;
	border: 0;
}
fieldset p { 
width: 100%; 
float: left;
}
fieldset input  {
width: 60%; 
background: #fafafa;
border: 1px solid #ccc;
}
.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: 0; 
margin: 0 5px 0 0;
background: #F2F5F5; 
color: inherit;
	}
.lang {
	width: 80%;
	background: #fff;
}
fieldset textarea {
	border: 1px solid #ccc;
	width: 240px;
	background: #fafafa;
	font-size: 12px;
}	
.kurz {
	width:20px;
}
/* SPECIALS
----------------------------*/
.platz {
margin-top: 10px;
}
.rot {
	color: #cb1603;
}
.wichtig {
	font-weight: bold;
}


/*
dl {
width:450px;
overflow: auto;
margin-left: 50px;
}

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

}
dd { 
margin-left: 85px; 
font-size: 0.8em;
line-height: 20px;
margin-bottom: 5px;
}
dt.breit {
width: 300px;
float: left;
font-size: 0.8em;
line-height: 20px;
margin-bottom: 5px;

}
dd.breit { 
margin-left: 305px; 
font-size: 0.8em;
line-height: 20px;
margin-bottom: 5px;
}*/

dl {
width:230px;
overflow: auto;
margin-left: 30px;
}

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

}
dd { 
margin-left: 25px; 
font-size: 0.8em;
line-height: 20px;
margin-bottom: 5px;
}
dt.breit {
width: 20px;
float: left;
font-size: 0.8em;
line-height: 20px;
margin-bottom: 5px;

}
dd.breit { 
margin-left: 35px; 
font-size: 0.8em;
line-height: 20px;
margin-bottom: 5px;
}


.bild {
border: 3px solid #C4C7BC;
margin-right: 5px;
}
	/* STYLES FOR CROSSFADER */



	div.cf_wrapper
	{
		position: relative;
		width: 820px;
	height: 250px;
	clear: both;
	}
	
	div.cf_element
	{
		width: 820px;
		height: 250px;
		background-color: #fff;
	}
	
	div.cf_element div.content
	{
		padding: 0px;
	}

	div.cf_element div.content h3
	{
		padding-top: 0;
		margin-top: 0;
	}		

	
	
	table {
 border-collapse: collapse;
 
}

.mieter {
font-size: 12px;
margin-left: 50px;
}

td {
 color:#414141;
 padding:5px;
 text-align:left;
}

td.bezeichnung {
background: #d8e5e9;
}

td.abschnitt {
border-bottom: 1px solid #f0f0f0;
}

.blau {
color: #069;
}

.rot {
color: #c00;
}

.capitalletter {
	font-weight: bold;
	font-size:16px !important;
}