body
{
background-color:#cccccc;
margin:0;
padding:0;

font-size: 0.75em;
line-height:1.5em;
font-family: Verdana,Arial,Helvetica,sans-serif;
}

#zentriert
{
background-color:#FFFFFF;
position:absolute;
left:50%;
width:934px;
margin-left:-518px;

/*background-color:yellow;
padding:15px;*/
}

#header
{
background-color:#FFFFFF;
background-image:url(bilder/header_background.gif);
background-repeat:no-repeat; 
height:237px; /* 254-34 +17*/
width:917px; /* 934-17 */
margin:0;
padding:34px 0 0 17px;
}

#inhalt_und_navigation
{
background-color:#FFFFFF;
background-image:url(bilder/content_background.gif);
background-repeat:repeat-y;
width:917px;
margin:0;
padding:0 0 0 17px;
}



#navigation
{
/*background-color:orange;*/
list-style-type:none;
margin:34px 0 0 0;
padding:0;
/*width:264px;*/
width:213px;
float:left;
border-top: 2px solid #cccccc;
}

#navigation li
{
/*background-color:red;*/
border:0;
border-bottom: 2px solid #cccccc;
margin:0;
padding:11px 0 11px 17px;
line-height:1em;
}

#navigation li.logo1
{
/*background-color:red;*/
border:0;
border-bottom:2px solid #ffffff;
margin:0;
padding:68px 0 0 17px;
line-height:1em;
}

#navigation li.logo2
{
/*background-color:red;*/
border:0;
border-bottom:2px solid #ffffff;
margin:0;
padding:34px 0 0 17px;
line-height:1em;
}

#navigation li a
{
font-weight:normal;
background-color:none;
text-decoration:none;
color:#85187C;
}

#navigation li a:hover
{
font-weight:bold;
background-color:none;
text-decoration:none;
color:#2a287e;
}

#navigation li a#highlight
{
font-weight:bold;
background-color:none;
text-decoration:none;
color:#000000;
}

#navigation li ul
{
/*background-color:yellow;*/
list-style-type:none;
margin:0 0 0 0;
padding:11px 0 0 17px;
}

#navigation li ul li
{
border:none;
/*border-bottom:2px solid #ffffff;*/
margin:0 0 0 0;
padding:11px 0 0 0;
line-height:1em;
}

#navigation li ul li a
{
font-weight:normal;
background-color:none;
text-decoration:none;
color:##85187C;
}


#inhalt
{
/*background-color:pink;*/
margin:0;
padding:34px 17px 0 51px;
/*width:585px;*/ /* 917-264-17-51 */
width:636px;
float:left;
}

#footer
{
/*border: 1px solid red;*/
background-color:#FFFFFF;
background-image:url(bilder/footer_background.gif);
background-repeat:no-repeat; 
height:85px; /* 119-34 */
width:917px; /* 934-17 */
margin:0;
padding:34px 0 0 17px;
}



h1
{
color:#85187C;
font-size:1em;
border-bottom:2px solid #cccccc;
border-top:2px solid #ffffff;
margin:0 102px 0 0;
padding:11px 0 11px 0;
line-height:1em;
}

h2
{
margin:0 0 1em 0;
padding:8px 102px 0 0;
font-size:1em;
line-height:1.5em;
}

h2 a, h2 a:visited
{
text-decoration:none;
font-weight:bold;
color:#000000;
}

h2 a:hover, h2 a:active
{
text-decoration:underline;
font-weight:bold;
color:#85187C;
}
p
{
margin:0 0 1em 0;
padding:8px 102px 0 0;
font-size:1em;
line-height:1.5em;
/*background-color:yellow;*/
}

p a
{
text-decoration:none;
font-weight:bold;
color:#000000;
}

p a:hover
{
text-decoration:underline;
font-weight:bold;
color:#85187C;
}


img
{
border:0;
margin:0;
padding:0;
}

#info
{
/*position:absolute;
top:34px;
left:332px;*/
list-style-type:none;
margin:0 85px 0 0;
padding:0;
}

#info li
{
/*background-color:red;*/
border:0;
margin:0;
padding:0;
padding:0 34px 0 0;
float:right;
}

#info li a

{
text-decoration:none;
font-weight:bold;
color:#000000;
}

#info li a:hover
{
text-decoration:none;
font-weight:bold;
color:#85187C;
}

p img
{
float:left;
border:0;
margin:0;
padding:5px 1em 0 0;
}

div.blogs
{

background-color:#CCCCCC;
position:absolute;
/*top:305px;*/
top:535px;
left:50%;
/*width:264px;*/
width:298px;
/*margin-left:382px;*/
margin-left:331px;
}

div.blogs p, div.blogs h2, div.blogs h3
{
font-size:1em;
clear:both;
border:0;
background-image:url(bilder/blogs_bg.gif);
background-repeat:repeat-y;
margin:0;
padding:0 0 12px 51px;
color:#000000;
}

div.blogs h3
{
font-weight:bold;
color:#85187C;
}

div.blogs h1
{
border:0;
background-image:url(bilder/blogs_bg_header.gif);
background-repeat:no-repeat;
background-color:#cccccc;
margin:0;
padding:11px 0 13px 51px;
color:#FFFFFF;
line-height:1.5em;
}

div.blogs div.bottom
{
border:0;
background-image:url(bilder/blogs_bg_footer.gif);
background-repeat:no-repeat;
background-position:left bottom;
background-color:#cccccc;
margin:0;
padding:0 0 37px 51px;
color:#FFFFFF;
line-height:1.5em;
}

div.blogs a, div.blogs a:hover, div.blogs a:visited 
{
font-weight:bold;
color:#85187C;
text-decoration:none;
}

div.blogs a:hover 
{
text-decoration:underline;
}

div.blogs div.bottom a, div.blogs div.bottom a:hover, div.blogs div.bottom a:visited
{
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

div.blogs div.bottom a:hover
{
font-weight:bold;
color:white;
text-decoration:underline;
}

div.blogs img
{
float:none;
/*border:1px solid red;*/
margin: 0;
padding:0;
display:block;
}

#anklickkarte
{
z-index:1;
position:relative;
width:483px;
height:641px;
background-image:url(bilder/anklickbare_karte.jpg);
}

.anklickbare_karte_stadt
{
margin:5px;
z-index:99;
position:absolute;
display:block;
/*background-color:green;*/
width:0px;
height:14px;
padding:0 0 0 14px;
overflow:hidden;
/*
background-image:url(bilder/anklickbare_karte_TMP.gif);
background-position:0 0;
background-repeat:no-repeat;
*/
}

.anklickbare_karte_stadt:hover
{
text-align:center;
margin:0px;
z-index:2;
text-transform:uppercase;
font-weight:bold;
color:#000000;
text-decoration:none;
display:block;
background-color:#f2ca1d;
/*background-color:#FFFFFF;*/

background-image:url(bilder/anklickbare_karte_hover.gif);
background-position:0 0;
background-repeat:no-repeat;

width:13em;
height:1.5em;
line-height:1.5em;
padding:11px 27px 11px 24px;
border:1px solid #000000;
}

/*CLOUD*/

.cloud
{

background-color:#CCCCCC;
position:absolute;


left:50%;
width:298px;
margin-left:331px;
/**/

position:absolute;
/*top:556px;*/
top:305px;
font-size:12px;
}

div.cloud h1
{
border:0;
background-image:url(bilder/blogs_bg_header.gif);
background-repeat:no-repeat;
background-color:#cccccc;
margin:0;
padding:10px 0 10px 51px;
color:#FFFFFF;
line-height:1.5em;
}

div.cloud p
{
text-align:justify; 
font-size:1em;
clear:both;
border:0;
background-image:url(bilder/blogs_bg.gif);
background-repeat:repeat-y;
margin:0;
padding:0 0 0 51px;
color:#000000;
height:157px;
position:relative;
}

div.cloud div.bottom
{
border:0;
background-image:url(bilder/blogs_bg_footer.gif);
background-repeat:no-repeat;
background-position:left bottom;
background-color:#cccccc;
margin:0;
padding:0 0 37px 51px;
color:#FFFFFF;
line-height:1.5em;
}

.cloud a, .cloud a:link, .cloud a:visited, .cloud a:hover
{
text-decoration:none;
}

.cloud a:hover
{
z-index:99;
}

.cloud .tags
{
position:absolute;
}

.cloud .wind
{
width:41px;
height:18px;
left:97px;
top:65px;
background-image:url(bilder/taga/wind.gif);
}

.cloud .wind:hover
{
width:51px;
height:28px;
left:91px;
top:59px;
background-image:url(bilder/tagb/wind.gif);
border:1px solid white;
}


.cloud .kwh
{
width:34px;
height:18px;
left:33px;
top:102px;
background-image:url(bilder/taga/kwh.gif);
}

.cloud .kwh:hover
{
width:44px;
height:28px;
left:27px;
top:96px;
background-image:url(bilder/tagb/kwh.gif);
border:1px solid white;
}

.cloud .erneuerbar
{
width:94px;
height:18px;
top:24px;
left:199px;
background-image:url(bilder/taga/erneuerbar.gif);
}

.cloud .erneuerbar:hover
{
width:104px;
height:28px;
top:18px;
left:193px;
background-image:url(bilder/tagb/erneuerbar.gif);
border:1px solid white;
}

.cloud .gemeinderat
{
width:82px;
height:15px;
top:24px;
left:95px;
background-image:url(bilder/taga/gemeinderat.gif);
}

.cloud .gemeinderat:hover
{
width:92px;
height:25px;
top:18px;
left:89px;
background-image:url(bilder/tagb/gemeinderat.gif);
border:1px solid white;
}

.cloud .landschaftsbild
{
width:128px;
height:18px;
left:164px;
top:42px;
background-image:url(bilder/taga/landschaftsbild.gif);
}

.cloud .landschaftsbild:hover
{
width:138px;
height:28px;
left:158px;
top:36px;
background-image:url(bilder/tagb/landschaftsbild.gif);
border:1px solid white;
}

.cloud .potenzial
{
width:75px;
height:18px;
top:0px;
left:34px;
background-image:url(bilder/taga/potenzial.gif);
}

.cloud .potenzial:hover
{
width:85px;
height:28px;
top:-6px;
left:28px;
background-image:url(bilder/tagb/potenzial.gif);
border:1px solid white;
}


.cloud .bedarf
{
width:54px;
height:18px;
left:136px;
top:120px;
background-image:url(bilder/taga/bedarf.gif);
}

.cloud .bedarf:hover
{
width:64px;
height:28px;
left:130px;
top:114px;
background-image:url(bilder/tagb/bedarf.gif);
border:1px solid white;
}

.cloud .solar
{
width:44px;
height:18px;
top:24px;
left:32px;
background-image:url(bilder/taga/solar.gif);
}

.cloud .solar:hover
{
width:54px;
height:28px;
top:18px;
left:26px;
background-image:url(bilder/tagb/solar.gif);
border:1px solid white;
}

.cloud .kernenergie
{
width:78px;
height:15px;
left:157px;
top:64px;
background-image:url(bilder/taga/kernenergie.gif);
}

.cloud .kernenergie:hover
{
width:88px;
height:25px;
left:151px;
top:58px;
background-image:url(bilder/tagb/kernenergie.gif);
border:1px solid white;
}

.cloud .power
{
width:51px;
height:18px;
left:33px;
top:45px;
background-image:url(bilder/taga/power.gif);
}

.cloud .power:hover
{
width:61px;
height:28px;
left:27px;
top:39px;
background-image:url(bilder/tagb/power.gif);
border:1px solid white;
}

.cloud .investition
{
width:65px;
height:15px;
top:1px;
left:126px;
background-image:url(bilder/taga/investition.gif);
}

.cloud .investition:hover
{
width:75px;
height:25px;
top:-5px;
left:120px;
background-image:url(bilder/tagb/investition.gif);
border:1px solid white;
}

.cloud .enev
{
width:41px;
height:18px;
left:252px;
top:61px;
background-image:url(bilder/taga/enev.gif);
}

.cloud .enev:hover
{
width:51px;
height:28px;
left:248px;
top:55px;
background-image:url(bilder/tagb/enev.gif);
border:1px solid white;
}

.cloud .niedrigenergiehaus
{
width:125px;
height:15px;
left:33px;
top:84px;
background-image:url(bilder/taga/niedrigenergiehaus.gif);
}

.cloud .niedrigenergiehaus:hover
{
width:135px;
height:25px;
left:27px;
top:78px;
background-image:url(bilder/tagb/niedrigenergiehaus.gif);
border:1px solid white;
}

.cloud .nachhaltig
{
width:84px;
height:18px;
left:209px;
top:80px;
background-image:url(bilder/taga/nachhaltig.gif);
}

.cloud .nachhaltig:hover
{
width:94px;
height:28px;
left:203px;
top:74px;
background-image:url(bilder/tagb/nachhaltig.gif);
border:1px solid white;
}

.cloud .erdoel
{
width:43px;
height:18px;
left:166px;
top:100px;
background-image:url(bilder/taga/erdoel.gif);
}

.cloud .erdoel:hover
{
width:53px;
height:28px;
left:160px;
top:94px;
background-image:url(bilder/tagb/erdoel.gif);
border:1px solid white;
}

.cloud .nutzung
{
width:51px;
height:15px;
left:100px;
top:44px;
background-image:url(bilder/taga/nutzung.gif);
}

.cloud .nutzung:hover
{
width:61px;
height:25px;
left:94px;
top:38px;
background-image:url(bilder/tagb/nutzung.gif);
border:1px solid white;
}

.cloud .verbrauch
{
width:83px;
height:18px;
top:0px;
left:209px;
background-image:url(bilder/taga/verbrauch.gif);
}

.cloud .verbrauch:hover
{
width:93px;
height:28px;
top:-6px;
left:203px;
background-image:url(bilder/tagb/verbrauch.gif);
border:1px solid white;
}

.cloud .strom
{
width:49px;
height:18px;
left:33px;
top:65px;
background-image:url(bilder/taga/strom.gif);
}

.cloud .strom:hover
{
width:59px;
height:28px;
left:27px;
top:59px;
background-image:url(bilder/tagb/strom.gif);
border:1px solid white;
}


.cloud .bioenergie
{
width:87px;
height:18px;
left:33px;
top:139px;
background-image:url(bilder/taga/bioenergie.gif);
}

.cloud .bioenergie:hover
{
width:97px;
height:28px;
left:27px;
top:133px;
background-image:url(bilder/tagb/bioenergie.gif);
border:1px solid white;
}

.cloud .stadtwerke
{
width:73px;
height:15px;
left:82px;
top:101px;
background-image:url(bilder/taga/stadtwerke.gif);
}

.cloud .stadtwerke:hover
{
width:83px;
height:25px;
left:76px;
top:95px;
background-image:url(bilder/tagb/stadtwerke.gif);
border:1px solid white;
}

.cloud .braunkohle
{
width:72px;
height:15px;
left:220px;
top:100px;
background-image:url(bilder/taga/braunkohle.gif);
}

.cloud .braunkohle:hover
{
width:82px;
height:25px;
left:214px;
top:94px;
background-image:url(bilder/tagb/braunkohle.gif);
border:1px solid white;
}

.cloud .genehmigung
{
width:87px;
height:15px;
left:32px;
top:121px;
background-image:url(bilder/taga/genehmigung.gif);
}

.cloud .genehmigung:hover
{
width:97px;
height:25px;
left:26px;
top:115px;
background-image:url(bilder/tagb/genehmigung.gif);
border:1px solid white;
}

.cloud .stadtplanung
{
width:84px;
height:15px;
left:209px;
top:120px;
background-image:url(bilder/taga/stadtplanung.gif);
}

.cloud .stadtplanung:hover
{
width:94px;
height:25px;
left:203px;
top:114px;
background-image:url(bilder/tagb/stadtplanung.gif);
border:1px solid white;
}

.cloud .erdgas
{
width:56px;
height:18px;
left:237px;
top:139px;
background-image:url(bilder/taga/erdgas.gif);
}

.cloud .erdgas:hover
{
width:66px;
height:28px;
left:231px;
top:133px;
background-image:url(bilder/tagb/erdgas.gif);
border:1px solid white;
}

.cloud .wasserkraft
{
width:79px;
height:15px;
left:139px;
top:141px;
background-image:url(bilder/taga/wasserkraft.gif);
}

.cloud .wasserkraft:hover
{
width:89px;
height:25px;
left:133px;
top:135px;
background-image:url(bilder/tagb/wasserkraft.gif);
border:1px solid white;
}

.cloud .co2
{
width:26px;
height:18px;
left:173px;
top:82px;
background-image:url(bilder/taga/co2.gif);
}

.cloud .co2:hover
{
width:36px;
height:28px;
left:167px;
top:76px;
background-image:url(bilder/tagb/co2.gif);
border:1px solid white;
}