/* CSS Document Architektur + Gartenraum Version 1.0   04/2008*/
* {margin: 0;padding: 0;}
body{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#414042;
/*background: #fff;*/
background-color:#E0e2dd;
font-size:100.01%;
}
a {color:#414042;font-weight:bold;text-decoration: none;}
a:hover{color:#a7be83;text-decoration: none;}
a img {border: 0 none;padding:0;margin:0;}
img{border: 0 none;}
ul{list-style:none;}
p{font-size:0.7em;}
/*Ebenen*/
#zentrum{
position:absolute;
width:56.2em;
left:50%;
top:50%;
margin-left:-450px;
margin-top:-300px;
background-color:#EEF0EA;
padding:0;
z-index:1;
}
/*--------------------------------------*/
#logo{
position:relative;
width:385px;f
height:175px;
border-bottom: 1px #b6b7b8 solid; 
border-right: 1px #b6b7b8 solid;
z-index:6; 
}
#logobild{
margin: -5px 0 0 92px;
padding-bottom:0px;
}
#logo p{margin:-23px 0;position:relative;}
/*--------------------------------------*/
#navigation{
position:absolute;
top:0px;
left:385px;
width:515px;
height:175px;
border-bottom: 1px #b6b7b8 solid;
z-index:5;
padding:0;
}
.naviliste {
font-family:arial,sans-serif;
font-size:0.8em;
margin:145px auto;
position:relative;

}
.naviliste table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px;}
.naviliste ul li a, .naviliste ul li a:visited {
color:#414042;
display:block;
font-size:0.91em;
height:2.5em;
line-height:25px;
padding-left:8px;
text-align:left;
text-decoration:none;
width:5.9em;
text-transform:uppercase;
}
.naviliste ul {
list-style-type:none;
margin:0pt;
padding:0pt;
}
.naviliste ul li {
height:1.8em;
line-height:25px;
padding-left:10px;
font-size:0.98em;
float:left;
position:relative;
}
.naviliste ul li ul {position:absolute;visibility:hidden;}
.naviliste ul li ul li li{height:1.0em;line-height:15px;vertical-align:bottom;}
.naviliste ul li:hover a, .naviliste ul li a:hover {
color:#a7be83;}
/*background:transparent;*/
}
.naviliste ul li:hover ul, .naviliste ul li a:hover ul {
bottom:20px;
left:0pt;
visibility:visible;
}
.naviliste ul li:hover ul li, .naviliste ul li a:hover ul li {
clear:both;
color:#000000;
display:block;
width:5.5em;
}
.naviliste ul li:hover ul li ul, .naviliste ul li a:hover ul li a ul {
position:absolute;
visibility:hidden;
}
.naviliste ul li:hover ul li a, .naviliste ul li a:hover ul li a {
color:#414042;
display:block;
padding-left:8px;
width:100%;
}
.naviliste ul li:hover ul li a:hover, .naviliste ul li a:hover ul li a:hover {color:#a7be83;}
.naviliste ul li:hover ul li:hover ul, .naviliste ul li a:hover ul li a:hover ul {
bottom:0pt;
left:210px;
visibility:visible;
}
.naviliste ul li:hover ul.left, .naviliste ul li a:hover ul.left {left:-100px;}
.naviliste ul li:hover ul li:hover ul.left, .naviliste ul li a:hover ul li a:hover ul.left {left:-210px;width:209px;}
/*--------------------------------------*/
/*-------------Navigation mit Tabelle---------------------*/
#navigation table{
font-size:0.7em;
position:absolute;
top:97px;
padding: 0 0 0 10px;
}
#navigation td{
padding-top:5px;
line-height:1em;
text-transform:uppercase;
width:5.5em;}
.ausgleich{padding-left:14px;}
.ausgleich_untermenue{
padding-left:20px;}
.linkaktiv_ausgleich{
padding-left:20px;
color:#a7be83;
font-weight:bold;
}
.ausgeklappt_aktiv{
visibility:visible;
padding:0px 0 0px 20px;
line-height:0.8em;}
.ausgeklappt_inaktiv{
visibility:hidden;
font-size:0.9em;
padding:4px 0 10px 20px;}
.ausgeklappt_aktiv ,.linkaktiv_ausgleich {
padding-right:5px;
border-right:1px solid #a7be83;
border-collapse:collapse;
}
/*--------------------------------------*/
#content{clear:both;
background-color:#ADAEAF;
position:absolute;
top:175px;
width:385px;
height:14.06em;
border-bottom: 18px #e2e3e4 solid;
border-top: 29px #ccc8ca solid;
border-right: 1px #b6b7b8 solid;
padding:0;
z-index:5;
line-height:1.0em;}
#content h1{
padding: 10px 0 4px 15px;
font-weight:bold;
font-size:0.75em;
text-transform:uppercase;}
#content h2{
padding: 10px 0 0px 15px;
font-weight:bold;
font-size:0.7em;
text-transform:uppercase;}
#content p{font-size:0.7em;padding:3px 15px 0 15px;}
#content ul{position:relative;margin-left:15px;padding:5px 0 15px 0;}
#content li{font-size:0.8em; padding:1px 0 1px 0;}
#content ul li a{font-weight:bold; text-decoration:underline;}
#content ul li:hover a, #content ul li:visited a{color:#414042;}
#content_haftung{
background-color:#ADAEAF;
position:absolute;
top:175px;
width:56.25em;
height:28em;
border-bottom: 18px #e2e3e4 solid;
border-top: 29px #ccc8ca solid;
border-right: 1px #b6b7b8 solid;
padding:0;
z-index:5;}
#content_haftung h1{
font-weight:bold;
font-size:0.8em;
text-transform:uppercase;
padding:10px 0 20px 5px;
}
#content_haftung h2{
padding-left:5px;
font-weight:bold;
font-size:0.7em;
text-transform:uppercase;
}
#content_haftung p{font-size:0.7em;padding:5px;}
/*--------------------------------------*/
#hauptbildbereich{
position:absolute;
top:175px;
left:385px;
width:515px;
padding:0;
height:14.04em;
border-bottom: 18px #e2e3e4 solid;
border-top: 29px #ccc8ca solid;
background-color:#ADAEAF;
z-index:3;
}
#hauptbildbereich_projekt{
background-image:url(../images/stadtgarten/plan_stadtgarten.jpg);
background-position: top right;
background-repeat:no-repeat;
position:absolute;
top:175px;
left:385px;
width:32.19em;
height:14.04em;
border-bottom: 18px #e2e3e4 solid;
border-top: 29px #ccc8ca solid;
background-color:#ADAEAF;
z-index:3;
}
#hauptbildbereich_wandel{
position:absolute;
top:175px;
left:385px;
width:32.19em;
height:14.04em;
border-bottom: 18px #e2e3e4 solid;
border-top: 29px #ccc8ca solid;
background-color:#ADAEAF;
z-index:3;
}
#hauptbildbereich_projekt_bibelgarten{
background-image:url(../images/bibelgarten/plan_labyrinth.jpg);
background-position: top right;
background-repeat:no-repeat;
position:absolute;
top:175px;
left:385px;
width:32.19em;
height:14.04em;
border-bottom: 18px #e2e3e4 solid;
border-top: 29px #ccc8ca solid;
background-color:#ADAEAF;
z-index:3;
}
#hauptbildbereich img{float:left; padding:0;}
#hauptbildbereich div{clear:both;}
#hauptbildbereich ul{
position:relative;
top:-3px;
left:15px;
margin-left:0pt;}
#hauptbildbereich li{font-size:0.72em; line-height:1.2em;}
#hauptbildbereich ul ul{clear:both; display:block;}
#hauptbildbereich h1{
font-size:0.9em;
font-weight:bold;
padding:15px 0 12px 20px;
text-transform:uppercase;}
#hauptbildbereich h2{
font-size:1em;
font-weight:bold;
padding:15px 0 9px 0;
text-transform:uppercase;}
#hauptbildbereich p{font-size:0.6em; padding-top:5px;}
#hauptbildbereich .impress_liste{padding:0 0 0 20px;}
#hauptbildbereich .impress_liste li{padding-bottom:1px; 
line-height:1.4em;
position:relative;
left:-15px;}
#hauptbildbereich #kammerlogo {margin-right:120px; margin-top:-32px; float:right; }
#hauptbildbereich a{color:#414042; text-decoration:underline;}
#hauptbildbereich a:hover{color:#414042; text-decoration:none;}
#hauptbildbereich .externlink{margin-top:200px; font-size:0.8em;}
#hauptbildbereich .fremdlink{position:relative; top:40px; left:30px;}

#punkte{clear:both;position:absolute; top:160px; left:290px; z-index:4;}
#punkte_grau{clear:both;position:absolute; top:160px; left:480px; z-index:4;}
#punkte_drei{clear:both;position:absolute; top:127px; left:290px; z-index:4;}
/*--------------------------------------*/
#bildleiste_links{
padding:0 0 2px 0;
position:absolute;
top:447px;
background-color:#EEF0EA;
width:385px;
height:3.19em;
border-bottom: 1px #b6b7b8 solid;
border-top: 1px #b6b7b8 solid;
border-right: 1px #b6b7b8 solid;
z-index:4;
}
#bildleiste_links p{padding:1px 0 0 15px;}
#bildleiste_rechts{
padding:1px;
position:absolute;
top:447px;
margin:0;
left:385px;
background-color:#EEF0EA;
width:515px;
height:3.19em;
border-bottom: 1px #b6b7b8 solid;
border-top: 1px #b6b7b8 solid;
z-index:3;
}
#bildleiste_rechts img{padding: 0px 5px 0px 0;float:left;}
#bildleiste_rechts .adresse_kraea{
padding:25px 0 0 5px;
font-size:0.65em;}
/*--------------------------------------
/*Klassen*/
.aktiv{color:#a7be83;font-weight:bold;text-transform:uppercase;font-size:1em;}
.linkaktiv{
color:#a7be83;
font-weight:bold;
padding-right:5px;
font-size:11px;
text-transform:uppercase;
}
.sub_linkaktiv{margin-left:9px;color:#a7be83;font-weight:bold;}
.klein_logo{
font-family:Verdana, Tahoma, Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:10px;
padding-left:56px;
color:#414042;
}
.adresse{font-size:0.65em;margin:3px 0 0 0;}