@charset "utf-8";
/* CSS Document */


#skiplink {

display: none;}


* { margin: 0;
padding: 0;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

h1 { 
font-size : 12px;
font-weight : bold;
color : #000000;
padding-left : 0;
font-style : normal;
padding-bottom : 0;
margin-bottom : 0;
vertical-align : top;
height : 40px;
margin-top : 0;
padding-top : 0;
line-height : normal;
letter-spacing : 0.1em;
word-spacing : 0.1em;
} 
h2 {
	font-size : 11px;
	font-weight : bold;
	color : #000000;
	line-height : normal;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
} 
#gruen {
background-color: #a5e22c;
}

#tuerkis { 
background-color : #00bfdf;
} 
#gelb { 
background-color : #fffd2c;
} 



#fallbeispiele {
	position:absolute;
	left:0;
	top: 35px;
	width:144px;
	height:94px;
	z-index:4;
	visibility: hidden;
}
#grundlagen {
	position:absolute;
	left:0;
	top:65px;
	width:144px;
	height:94px;
	z-index:4;
	visibility: hidden;
}
#plattform {
	position:absolute;
	left:0;
	top:95px;
	width:144px;
	height:80px;
	z-index:4;
	visibility: hidden;
	overflow: hidden;
}

#wrapper-gaupark {
	
	margin-left: 7px;
	margin-top: 65px;
	width: 913px;
	height: 459px;
	border: 0;
	background-image: url(../grafik/grafik_einkaufen.jpg);
	background-position: right top;
	background-repeat:no-repeat;
	padding-left: 0;
	
}

#wrapper-grundlagen {
	
	margin-left: 7px;
	margin-top: 65px;
	width: 913px;
	height: 459px;
	border: 0;
	background-image: url(../grafik/grafik.jpg);
	background-position: right top;
	background-repeat:no-repeat;
	padding-left: 0;
	
}
#wrapper-kiesgrube {
	
	margin-left: 7px;
	margin-top: 65px;
	width: 913px;
	height: 459px;
	border: 0;
	background-image: url(../grafik/grafik_kiesgrube.jpg);
	background-position: right top;
	background-repeat:no-repeat;
	padding-left: 0;
	
}
#wrapper-neubauquartier {

	margin-left: 7px;
	margin-top: 65px;
	width: 913px;
	height: 459px;
	border: 0;
	background-image: url(../grafik/grafik_neubauquartier.jpg);
	background-position: right top;
	background-repeat:no-repeat;
	padding-left: 0;
	
}
#navibereich { position: absolute;
top: 65px;
left: 7px;
width: 180px;

padding:0;}
#wrapper-inhalt {
position: absolute;
width: 560px;
height: 459px;
top: 65px;
left: 190px;

padding-left: 0;
padding-right: 0;


background-color:#ffffff;
}
#titel {
position: absolute;
	left: 0;
	top:0;
	padding-left:8px;
	height: 85px;
}
#inhalt {
position: absolute;
top: 85px;
left: 0;
width: 500px;
	height: 360px;
	
	overflow: auto;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 0;
	line-height: 150%;
	
}
#inhalt p {
	font-size : 11px;
	font-weight : normal;
	color : #000000;
	
	padding-left : 0;
	padding-bottom : 7px;
	padding-top: 0;
	margin-top : 0;
} 
#inhalt ul {
	margin-left: 23px;
	padding-left: 16px;
	padding-bottom: 30px;
	padding-top: 12px;
	list-style-position: outside;
	list-style-image: url(../grafik/pkt_s.gif);
}
#inhalt ol {
margin-left: 23px;
padding-left: 16px;
padding-bottom: 30px;
padding-top: 12px;
list-style-position: outside;}
#inhalt ol li {
	font-size : 11px;
	font-weight : normal;
	color : #000000;
	line-height : 150%;
	padding-bottom : 5px;
	padding-top : 0;
	padding-left : 0;
	margin-top : 2px;
	margin-bottom : 2px;
	margin-left : 0;

}

#inhalt li {
	font-size : 11px;
	font-weight : normal;
	color : #000000;
	line-height : 150%;
	padding-bottom : 3px;
	padding-top : 0;
	padding-left : 0;
	margin-top : 2px;
	margin-bottom : 2px;
	margin-left : 0;
}
#inhalt li.strich {
	font-size : 11px;
	font-weight : normal;
	color : #000000;
	line-height : 150%;
	padding-bottom : 2px;
	padding-top : 0;
	padding-left : 0;
	margin-top : 2px;
	margin-bottom : 2px;
	margin-left : 0;
	list-style-position: outside;
	list-style-image: url(../grafik/_.gif);
}
#arbeiten {
position: relative;
float: right;
top: 0;
font-weight: bold;
padding-top: 0;
margin-top: 0;}
#arbeiten2 {
position: relative;
float: right;
top: 0;
font-weight: bold;
padding-top: 0;
margin-top: 0;}

#naviunten {
	position: absolute;
	left: 0;
	top: 444px;
	height: 14px;
	background-color: #f30606;
	width: 530px;
	padding-top: 1px;
	padding-left: 30px;
	font-size : 10px;
font-weight : bold;
color : #ffffff;
font-weight: bold;
	
}
#naviunten a,
#naviunten a:link,
#naviunten a:visited,
#naviunten a:hover,
#naviunten a:active {color: #ffffff;
text-decoration: none;
}
#naviunten ul {
display: inline;}
#naviunten li {
display: inline;}




#navi2 {
	text-align: right;
	list-style-type: none;
	font-size: 12px;
	line-height: 140%;
	text-decoration: none;
	outline: none;
	padding-right: 0;
	padding-top: 27px;
}
#navi2 ul {
	text-align: right;
	list-style-type: none;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	padding: 0;
}

#navi2 ul a:link {
	text-align: right;
	list-style-type: none;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	font-weight: normal;
	color: #000000;
	padding-top: 0px;
}

#navi2 ul a:visited {
	text-align: right;
	list-style-type: none;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	font-weight: normal;
	color: #000000;
}

#navi2 ul a:hover {
	text-align: right;
	list-style-type: none;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	font-weight: normal;
	color: #000000;
}
#navi2 ul a:active {
	text-align: right;
	list-style-type: none;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	font-weight: normal;
	color: #000000;
}
#navi2 li {
	text-align: right;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-top: 6px;
}
#navi2 li.aktiv {
	font-weight: bold;
	color: #000000;}
#navi2 li.aktiv a:link {
	font-weight: bold;
	color: #000000;}
#navi2 li.aktiv a:visited {
	font-weight: bold;
	color: #000000;}
#navi2 li.aktiv a:hover {
	font-weight: bold;
	color: #000000;}
#navi2 li.aktiv a:active {
	font-weight: bold;
	color: #000000;}
	
#navi2 .titel {
	font-weight: bold;
	background-image: url(../grafik/hg_weiss.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	padding-right: 7px;
	padding-bottom: 2px;
	
}
#navi2 .titel2 {
	font-weight: bold;
	background-image: url(../grafik/hg_weiss_.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	padding-right: 4px;
	padding-bottom: 2px;
	
}
	
a:link { 
color : #e40505;
text-decoration : none;
outline: none;
} 
a:active { 
color : #000000;
text-decoration : underline;
} 
a:visited { 
color : #e40505;
text-decoration : none;
outline: none;
} 
a:hover { 
color : #000000;
text-decoration : underline;
} 
.enter a:link { 
color : #ffffff;
text-decoration : none;
outline: none;
} 
.enter a:active { 
color : #ffffff;
text-decoration : none;
} 
.enter a:visited { 
color : #ffffff;
text-decoration : none;
outline: none;
} 
.enter a:hover { 
color : #ffffff;
text-decoration : none;
} 
.navi {
	font-size : 12px;
	font-weight : bold;
	color : #ffffff;
	background-image : url(../grafik/rot_F30606.gif);
	background-repeat : no-repeat;
	background-position : right 0%;
	text-decoration : none;
	border-style : none;
	padding-right : 5px;
	text-align : right;
} 
.navi a:link { 
border-style : none;
color : #ffffff;
text-decoration : none;
} 
.navi a:visited { 
text-decoration : none;
color : #ffffff;
border-style : none;
} 
.navi a:hover { 
border-style : none;
color : #ffffff;
text-decoration : none;
text-decoration : none;
} 
.navi a:active { 
border-style : none;
color : #ffffff;
text-decoration : none;
} 


.rotaufweiss {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #e40505;
	background-image : url(../grafik/weiss_hg.gif);
	background-repeat : repeat-y;
	background-position : right top;
	text-align : right;
	padding-right : 5px;
	padding-left : 0;
} 
.rotaufweiss a:link { 
border-style : none;
color : #e40505;
text-decoration : none;
} 
.rotaufweiss a:visited { 
text-decoration : none;
color : #e40505;
border-style : none;
} 
.rotaufweiss a:hover { 
border-style : none;
color : #e40505;
text-decoration : none;
text-decoration : none;
} 
.rotaufweiss a:active { 
border-style : none;
color : #e40505;
text-decoration : none;
} 
.navi3 { 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
} 
.navi3 a:link { 
border-style : none;
color : #000000;
text-decoration : underline;
} 
.navi3 a:hover { 
border-style : none;
color : #ff0000;
font-style : normal;
text-decoration : underline;
} 
.navi3 a:active { 
border-style : none;
text-decoration : underline;
color : #ff0000;
} 
.navi3 a:visited { 
border-style : none;
text-decoration : underline;
color : #000000;
} 
.navi4 { 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
text-align: right;
text-decoration : none;


} 
.navi4 a:link { 
border-style : none;
text-decoration : underline;
color : #000000;
} 
.navi4 a:hover { 
border-style : none;
text-decoration : underline;
font-weight : normal;
font-style : normal;
color : #000000;
} 
.navi4 a:active { 
border-style : none;
text-decoration : underline;
color : #000000;
} 
.navi4 a:visited { 
border-style : none;
text-decoration : underline;
color : #000000;
} 
#drucken {
	text-align: right;
	margin: 0px;
	padding: 0px;
	
}

.navi5 { 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
text-decoration : none;
color : #ffffff;
} 
.navi5 a:link { 
border-style : none;
color : #ffffff;
text-decoration : none;
} 
.navi5 a:hover { 
border-style : none;
text-decoration : none;
font-weight : bold;
color : #ffffff;
} 
.navi5 a:active { 
border-style : none;
font-weight : bold;
color : #ffffff;
text-decoration : none;
} 
.navi5 a:visited { 
text-decoration : none;
border-style : none;
color : #ffffff;
} 
#liste a:link {color: #000000; }

#liste a:visited {color: #000000; }
#liste a:hover {color: #000000; }
#liste a:active {color: #000000; }
#liste h2 {
padding-bottom: 12px;}
#liste ul {
padding-left:0;}


#material ul {
	padding-left: 0;
	list-style-position: outside;
	list-style-image: url(../grafik/pkt_rot.gif);
	padding-top: 0;
	padding-bottom: 15px;


	
}
#material ul.liste-schwarz {
list-style-image: url(../grafik/pkt_s.gif);

}



#material li {
	line-height : 150%;
	padding-bottom : 3px;
	padding-top : 0;
	padding-left : 0;
	margin-top : 2px;
	margin-bottom : 2px;
	margin-left : 0;}



#material li.eingerueckt {

margin-left: 20px;}


#material p{
}
#material p.lauftext{
	line-height: 140%;
}

.links { 
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 140%;
color : #f30606;
text-decoration : none;
} 
.formfeld { 
font-family : Arial, Helvetica, sans-serif;
font-size : 10pt;
color : #000000;
border-left : 1px solid #666666;
border-bottom : 1px solid #666666;
border-right : 1px solid #666666;
border-top : 1px solid #666666;
} 
.formsendeknopf { 
background-color : #ffffff;
font-weight : bold;
color : #005797;
border-left : 1px solid #666666;
border-bottom : 1px solid #666666;
border-right : 1px solid #666666;
border-top : 1px solid #666666;
} 
#inhalt .speztabelle {
	border-collapse : collapse;
	border-width: thin;
	border : 1px;
	border-style : solid;
	background-color : #ffffff;
	
	border-color : #000000 #000000 #000000 #000000;
	line-height: 130%;
	text-indent: 3px;
	font-size: 11px;
} 
.sondert { 
border : 1px solid;
background-color : #ffffff;
padding : 0;
margin : 0;
border-color : #f3f38f #f3f38f #e2e259 #e2e259;
} 
.sondertabelle { 
border : 1px solid;
background-color : #ffffff;
padding : 0;
margin : 0;
border-color : #000000 #000000 #000000 #000000;
} 
.navi-weiss { 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #ff0000;
background-image : url(grafik/hg_weiss.gif);
background-repeat : no-repeat;
background-position : right top;
text-decoration : none;
border-style : none;
padding-right : 10px;
text-align : right;
}
.navihg-weiss {
	font-size : 12px;
	font-weight : bold;
	color : #000000;
	background-image : url(../grafik/hg_weiss.gif);
	background-repeat : no-repeat;
	background-position : right center;
	text-decoration : none;
	border-style : none;
	padding-right : 10px;
	text-align : right;
	vertical-align : middle;
} 
#grafik {
	margin-left: 30px;
	width: 100px;
	padding-left: 40px;
}
#grafik2 {
margin-left: 300px;
	width: 100px;
	padding-left: 0px;
}
h3 {
	font-weight: bold;
	padding-bottom: 16px;
	font-size: 11px;
}
.weissgross { 
font-size : 13px;
font-weight : bold;
color : #ffffff;
text-align : left;
line-height : 150%;
padding-left : 25px;
margin-top : 0;
padding-top : 0;
top : 0;
} 
.enter { 
font-size : 26px;
font-weight : bold;
color : #ffffff;
text-align : left;
line-height : 150%;
padding-left : 25px;
margin-top : 0;
padding-top : 0;
top : 0;
}
.schwarzgross { 
font-size : 12px;
font-weight : bold;
color : #000000;
text-align : left;
line-height : 150%;
padding-left : 0;
margin-top : 0;
padding-top : 0;
} 
.schwarzgross a {
color: #000000;}

#Layer1 {
position:absolute; 
left:726px; 
top:400px; 
width:122px; 
height:95px; 
z-index:2;
}

#Layer2 {position:absolute; 
left:430px; 
top:487px; 
width:490px; 
height:75px; 
z-index:3; 
}
#Layer3 {position:absolute; 
left:190px; 
top:77px; 
width:202px; 
height:205px; 
z-index:4;
}
#Layer4 {
position:absolute; 
left:190px; 
top:50px; 
width:308px; 
height:22px; 
z-index:5;
}
#karte {position: absolute; 
left: 190px; 
top: 66px; 
width: 730px; 
height: 413px; 
z-index: 1
}
#Map2 {
z-index:13;}


.bildlinks {
float: left;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 20px;}
.bildhome {
float: left;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;}
.clearing {
clear: both;}

