/* CSS Document */
html {
  height: 100%;
margin:0;
padding:0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #0F1255;
	background: #FFEEDE url(pix/bg_site.jpg) top center repeat-y;
}



#page_bg {
	padding: 0;
	color: #0F1255;
	}


div.center {
	text-align: center;
	margin: 0px auto;
	width: 941px;
	color: #0F1255;	
}

div#wrapper {
	margin: 0px auto;
	width: 941px;
	padding: 0px;
	color: #0F1255;
	
}

/* Header */

.oben {
	width: 941px;
	text-align: center;
	height: 81px;
	margin: 0 auto;
	padding:0px;
	background-image:url(pix/bg_top.jpg);
	background-color: #5E5F80;
}
#oben {
	width: 940px;
	margin: 0px;
	padding: 0px;
}

#oben ul {
list-style:none;
margin:0;
padding:60px 0 0 280px;
}

#oben li {
display:inline;
margin:0;
padding:0 1.3em 0 0;
}

#oben li a {
text-decoration:none;
letter-spacing:1px;
}

#oben li a:link {
color:#FFFFFF;
}

#oben li a:visited {
color:#FFFFFF;
}

#oben li a:hover {
color:#FFFFFF;
text-decoration: underline;
}

#logo {position: relative;
min-height: 187px;
text-align: left;
padding: 0px;
margin: 0px;
	width: 940px;
	background: url(pix/bg_logo.jpg) top left no-repeat;
z-index: 999;
}


#menu {
width: 600px;
color: #FFFFFF;
}

.logo {
	float: right;
	padding: 0px;
	margin: 0px;
	}
	
#logo_siedlung {position: relative;
min-height: 187px;
text-align: left;
padding: 0px;
margin: 0px;
	width: 940px;
	background: url(pix/bg_logo_siedlung.jpg) top left no-repeat;
z-index: 999;
}
	


/* Inhalt */
#main {
margin: 0px;
padding: 0px;
width: 940px;
clear:both;
text-align: left;
color: #0F1255;
}

#links {
margin: 0px;
padding: 0px;
width: 676px;
float: left;}

#rechts {
width: 200px;
margin-left: 676px;
}

h1, h2, h3, h4, p {
padding-left: 25px;
color: #0F1255;
width: 550px;
}

p a{
color: #0F1255;
}

.tabelle{
margin-left: 25px;
border-collapse: collapse;
}

.tabelle_kosten{
margin-left: 25px;
border-collapse: collapse;
text-align:center;
}

h1{padding-top: 5px;
margin-top: 35px;
margin-bottom: 30px;
font-size: 16px;
color: #0F1255;
}

h2{
margin-top: 45px;
margin-bottom: 5px;
font-size: 14px;
color: #0F1255;
}

h3{
margin-top: 45px;
margin-bottom: 5px;
font-size: 13px;
color: #0F1255;
}

h4{
margin-top: 25px;
margin-bottom: 5px;
font-size: 14px;
color: #0F1255;
}


.emph{
padding: 10px 0 0 190px;
font-size: 14px;
line-height: 150%;
display: block;
font-weight: bold;}

.cent{
text-align: center;
font-size: 14px;
line-height: 250%;
font-weight: bold;
display: block;}

.cent2{
width: 550px;
text-align: center;
font-size: 14px;
font-weight: bold;
display: block;
padding: 0px}

.cent3{
width: 550px;
text-align: center;
font-size: 14px;
font-weight: bold;
display: block;
padding: 10px 0 10px 0px}


.emph2{
margin: 10px 0 0 190px;
font-size: 14px;
line-height: 150%;
display: block;
font-weight: bold;
color: #ffffff;
background-color: #5E5680;
padding: 10px;
width: 350px;
}

.einzug{
padding: 0 0 0 190px;
}

.einzug2 {
padding: 0 0 0 160px;
}

.einzug3{
padding-left: 25px;
}

.beweis, .beweis a {
color: #90002F;
font-weight: bold;
letter-spacing: 1px;
font-size: 13px;
width: 200px;
}

.pad {
padding: 1px;
}

.bigger {
display: block;
width: 150px;
background-image:url(pix/lupe.gif);
background-repeat:no-repeat;
padding-left: 18px;
font-size: 11px;
}

.bigger a {
color: #0F1255;
text-decoration: none;
}

.links {
float: left;
padding-right: 10px;}




/* Baufortschritt */

#aktuell {
width: 580px;
height: 125px;
background-color: #181063;
position: relative;
left: 25px;
margin: 0px;
padding: 0px;
color: #FFFFFF;
}

#aktuell a {
color: #FFFFFF;
font-weight: bold;
}


#aktuell_foto {
width: 580px;
height: 355px;
background-color: #181063;
position: relative;
left: 25px;
margin: 0px;
padding: 0px;
color: #FFFFFF;
}

#aktuell_foto a, #aktuell_foto table td a, #aktuell_foto table td a:hover {
color: #FFFFFF;
font-weight: bold;
}



.heading_aktuell {
display: block;
background-color:#FFDFBF;
padding: 8px;
color: #0F1255;
font-weight: bold;
letter-spacing: 1px;
}

#aktuell table {
border-top: 3px solid #181063;
bottom: 0px;
height: 90px;
}

td {
vertical-align: top;
}

.stand {
position: relative;
top: 7px;
}

.stand2 {
position: relative;
top: 7px;
left: 8px;
}

#text_baufortschritte {
width: 550px;
position: relative;
left: 25px;
padding: 15px 0 0 8px;
}


.separate {
border-right: 3px solid #181063;
}

.link_aktuell, .link_aktuell a{
position: relative;
left: 570px;
color: #90002F;
font-weight: bold;
letter-spacing: 1px;
font-size: 12px;}

.td_kosten {
border-collapse: collapse;
border: 1px solid #333333;
}

.td_kosten2 {
border-collapse: collapse;
border: 1px solid #333333;
text-align:left;
padding-left: 4px;
}

.small {
font-size: 11px;
}

.small2 {
font-size: 11px;
font-weight: bold;
padding-bottom: 10px;
display: block;
margin-left: 0px;
}


.zitat {
display: block;
margin-left: 0px;
font-size: 14px;
width: 550px;
font-style:italic;
}

#links ul {
width: 430px;
margin-left: 100px;
list-style-type: none;
}


#links ul li {
padding: 0px 0 10px 22px;
background:  url(pix/list.gif) top left no-repeat;
}


#links ul li a{
color: #0F1255;
}



#links2 ul {
width: 430px;
font-weight: bold;
margin-left: 200px;
list-style-type: none;
}


#links2 ul li {
padding: 0px 0 5px 22px;
background:  url(pix/list.gif) top left no-repeat;
}

#links #presse ul {
width: 530px;
margin-left: 100px;
padding: 0px;
list-style-type: none;
}


#links  #presse ul li {
padding: 0px 0 20px 20px;

}


#links table p {
margin: 0px;
padding: 0px;
width: auto;
}


#links table ul {
margin: 5px 0 0 10px;
padding: 0px;
width: auto;
}

#links table ul li {
margin: 0px;
padding: 0px 0 5px 15px;
width: auto;
}

#links table a{
color: #0F1255;
text-decoration: none;
}

#links table a:hover{
color: #0F1255;
text-decoration: underline;
}

/* Boxen Rechts */

.box {
position: relative;
top: 30px;
margin: 0px;
padding: 0px;
display: block;
width: 200px;
height: 190px;
background-color: #FFF1E2;
}

.heading_box {
display: block;
background-color:#90002F;
padding: 8px;
color: #FFFFFF;
}

.text_box {
padding: 5px;
display: block;
}

.pix_box {
float: right;
padding: 5px;
}

.textlink, textlink a {
color: #90002F;
font-weight: bold;
letter-spacing: 1px;
font-size: 12px;
}

.textlink2, textlink2 a {
color: #90002F;
font-size: 12px;
}


.direkt {
margin-top: 0px;
padding-top: 0px;
}

/* Ansicht groesser */
#landschaftsplan {
position: absolute;
z-index:1000;
width: 600px;
height: 427px;
padding: 0;
margin:0;
visibility: hidden;
top: 235px;
border: 15px solid #FFFFFF;
}

#map1 {
position: absolute;
z-index:1001;
width: 500px;
height: 457px;
padding: 0;
margin:0;
visibility: hidden;
top: 205px;
left: 450px;
border: 15px solid #FFFFFF;
}


/* Verfuegbarkeit */

.box_objekte {
margin: 0px 0 0 0px;
padding: 0px;
display: block;
width: 230px;
height: 175px;
background-color: #FFF1E2;
}

.box_objekte2 {
margin: 0px;
padding: 0px;
display: block;
width: 225px;
height: 175px;
background-color: #FFF1E2;
}

.pix_diagramm {
float: right;
padding: 15px 5px 3px 0px;
}



.heading_box {
display: block;
background-color:#90002F;
padding: 8px;
color: #FFFFFF;
}

.text_box {
padding: 5px;
display: block;
}

.pix_box {
float: right;
padding: 5px;
}

.textlink, textlink a {
color: #90002F;
font-weight: bold;
letter-spacing: 1px;
font-size: 12px;
}

.textlink2, textlink2 a {
color: #90002F;
font-size: 12px;
}


.direkt {
margin-top: 0px;
padding-top: 0px;
}