/* 26.03.2009 21:00  Version 4.0 */
/*Fuer Formatierung Textbereich bitte ganz unten in der CSS nachsehen */

body {
 background-color:rgb(255,255,255);
 margin:0px;
 padding:0px;
 overflow:auto;
 text-align:center;
}

#bodyblock {
 position:relative;
 top:0px;
 left:0px;
 width:480px;
 min-height:500px; 		
 border:1px solid rgb(0,0,0);
 margin:auto;
 padding:143px 280px 30px 220px;	
 background-image:url(bilder/hintergrund.jpg);
 background-repeat:repeat-y;
 z-index:1;
 overflow:hidden;
}

#body2block {
 position:relative;
 top:0px;
 left:0px;
 width:760px;
 min-height:485px; 		
 border:1px solid rgb(0,0,0);
 margin:auto;
 padding:143px 0px 30px 220px;	
 background-image:url(bilder/hintergrund.jpg);
 background-repeat:repeat-y;
 z-index:1;
}

bodyinline {
}

#bild       { position:absolute; top:190px; right:0px;  width:260px;               }
#logo       { position:absolute; top:0px;   left:0px;   width:200px; height:123px; }
#obenmitte  { position:absolute; top:0px;   left:200px; width:520px; height:98px;  }
#obenrechts { position:absolute; top:0px;   left:720px; width:260px; height:98px;  }
#komet      { position:relative; margin-top:50px; margin-left:6px; width:175px; height:48px; padding: 6px; background-color: white; }
#energie    { position:relative; margin-top:20px; margin-left:6px; width:187px; height:36px; padding:0px; }
#leiste     { position:absolute; top:98px;  left:200px; width:780px; height:5px;   }
#obenmitte  { background-color:rgb(245,245,245); }
#obenrechts { background-color:rgb(255,255,255); }
#leiste     { background-image:url(bilder/leiste.jpg); }

#ttnewslink {position:absolute; right:10px; bottom:20px; text-align:right; }
#ttnewslink a { font-weight:normal; font-size:11px; }

#klickpfad1, #klickpfad2 {
 position:absolute;
 left:10px;
 width:240px;
 height:25px;
}

#klickpfad1 { top:10px; }
#klickpfad2 { top:35px; }

#logorechts {
 position:absolute;
 top:5px;
 right:9px;
 width:60px;
 height:60px;
 border:0px none;
 overflow:hidden;
}

#logorechts .csc-textpic,
#logorechts .csc-textpic-imagewrap,
#logorechts .csc-textpic-image {
 position:absolute;
 top:0px;
 left:0px;
 margin:0px;
 padding:0px;
 border:0px none;
 width:auto;
 height:auto;
}
 

.menu-searchfields {
 position:absolute;
 top:66px;
 left:10px;	
 width:150px;
}

.search-button {
 position:absolute;
 top:66px;
 left:162px;
}

#klickpfad1 a, #klickpfad2 a {
 color:rgb(164,170,160);
 font-family:Arial, Helvetica, sans-serif;
 font-size:17px;
 font-style:italic;
 font-weight:bold;
 text-align:left;
 text-decoration:none;
}

#strich1, #strich2, #strich3, #strich4, #strich5 {
 position:absolute;
 top:7px;
 width:2px;
 height:7px;
 background-color:rgb(2,69,136);
 overflow:hidden;
}

#strich1 { left:129px; }
#strich2 { left:259px; }
#strich3 { left:389px; }
#strich4 { left:519px; }
#strich5 { left:649px; }

#menuoben {
 position:absolute;
 top:103px;
 left:200px;
 width:780px;
 height:20px;
 text-align:center;
 background-color:rgb(214,214,214);
	z-index:10;
}

#menuoben ul {
 padding:0px;
 margin:0px;
 list-style:none;
 text-align:center;
}

#menuoben li {
 position:relative;
 float:left;
 width:130px;
}

#menuoben li li {
 width:129px;
}

#menuoben li ul    { display:none; position:absolute; top:20px; left:0px;   }
#menuoben li li ul { display:none; position:absolute; top:0px;  left:129px; }
#menuoben li:hover ul    {display:block; }
#menuoben li:hover ul ul {display:none;  } 
#menuoben li li:hover ul {display:block; }
#menuoben table {
 position:absolute;
 top:19px;
 left:0px;
 margin:0px;
 padding:0px;
 border-collapse:collapse;
}

#menuoben table table {
 top:0px;
}

#menuoben table ul {
 display:block;	
 visibility:hidden;
 position:relative;
 top:0px;
 left:0px;
 width:128px;
 height:0px;
 overflow:hidden;
}

#menuoben table ul ul {
 display:block;
 visibility:hidden;
 position:absolute;
 top:0px;
 left:128px;
 width:128px;
 height:0px;
 overflow:hidden;
}

#menuoben ul a:hover table ul            { visibility:visible; overflow:visible; }
#menuoben ul a:hover table ul ul         { visibility:hidden;  overflow:hidden;  } 
#menuoben ul a:hover table ul a:hover ul { visibility:visible; overflow:visible; }
#menuoben ul a {
 color:rgb(0,68,138);
 display:block;
 line-height:20px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 font-style:normal;
 font-weight:bold;
 text-decoration:none;
}

#menuoben ul ul a {
 width:128px;
 height:auto;
 background-color:rgb(214,214,214);
 background-image:url(bilder/rollmenu.jpg);
 background-repeat:no-repeat;
 background-position:top;
}

#menuoben ul ul ul a {
 background-image:url(bilder/rolluntermenu.gif);
}

#menuoben ul a:link, #menuoben ul a:visited, #menuoben ul a:active {
 background-color:rgb(214,214,214);
}

#menuoben ul a:hover, #menuoben ul a:focus {
 background-color:rgb(245,245,245);
}

#menuelinks {
 position:absolute;
 top:123px;
 left:0px;
 width:200px;
 padding:40px 0px 0px;
	z-index:11;
}

#links1navi, #links2navi, #links3navi, #links4navi {
 position:relative;
 width:150px;
 height:24px;
 border:0px none;
 margin:0px;
 padding:10px 0px 0px 40px;
}

#links1navi { background-image:url(bilder/braun.jpg);
              background-repeat:no-repeat; background-position:left bottom; } 
#links2navi { background-image:url(bilder/rot.jpg);
              background-repeat:no-repeat; background-position:left bottom; }
#links3navi { background-image:url(bilder/orange.jpg);
              background-repeat:no-repeat; background-position:left bottom; }
#links4navi { background-image:url(bilder/okker.jpg);
              background-repeat:no-repeat; background-position:left bottom; }
#links1navi a, #links2navi a, #links3navi a, #links4navi a {
 line-height:25px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:15px;
 font-style:normal;
 font-weight:bold;
 text-align:left;
 text-decoration:none;
}

#links1navi a { color:rgb(97,46,43);   }
#links2navi a { color:rgb(158,40,49);  }
#links3navi a { color:rgb(236,146,26); }
#links4navi a { color:rgb(201,84,31);  }
#unter1navi, #unter2navi, #unter3navi, #unter4navi {
 position:relative;
 top:0px;
 left:40px;
 width:150px;
 border:0px none;
 margin:0px;
 padding:0px;
}

#unterstrich1, #unterstrich2, #unterstrich3, #unterstrich4 {
 position:absolute;
 top:15px;
 right:136px;
 width:50px;
 height:1px;
 margin:0px;
 padding:0px;
 overflow:hidden;
}

#unterstrich1 { background-color:rgb(97,46,43);   }
#unterstrich2 { background-color:rgb(158,40,49);  }
#unterstrich3 { background-color:rgb(236,146,26); }
#unterstrich4 { background-color:rgb(201,84,31);  }
#unter1navi ul, #unter2navi ul, #unter3navi ul, #unter4navi ul {
 padding:0px;
 margin:0px;
 list-style:none;
 text-align:center;
}

#unter1navi ul ul, #unter2navi ul ul, #unter3navi ul ul, #unter4navi ul ul {
 border-style:solid;
 border-width:0px 5px 4px 0px;
 background-color:#FFFFFF;
}

#unter1navi ul ul { border-color:rgb(97,46,43);   }
#unter2navi ul ul { border-color:rgb(158,40,49);  }
#unter3navi ul ul { border-color:rgb(236,146,26); }
#unter4navi ul ul { border-color:rgb(201,84,31);  }
#unter1navi ul li, #unter2navi ul li, #unter3navi ul li, #unter4navi ul li {
 position:relative;
 width:160px;
}

#unter1navi ul ul li, #unter2navi ul ul li, #unter3navi ul ul li, #unter4navi ul ul li {
 position:relative;
 width:150px;
}

#unter1navi li ul, #unter2navi li ul, #unter3navi li ul , #unter4navi li ul {
 display:none;
 position:absolute;
 top:0px;
 left:160px;
}

#unter1navi li:hover ul, #unter2navi li:hover ul, #unter3navi li:hover ul, #unter4navi li:hover ul {
 display:block;
}

#unter1navi table, #unter2navi table, #unter3navi table, #unter4navi table {
 position:absolute;
 top:0px;
 left:150px;
 margin:0px;
 padding:0px;
 border-collapse:collapse;
}

#unter1navi table ul, #unter2navi table ul, #unter3navi table ul, #unter4navi table ul {
 display:block;	
 visibility:hidden;
 position:relative;
 top:0px;
 left:0px;
 width:0px;
 height:0px;
 overflow:hidden;
}

#unter1navi ul a:hover table ul, #unter2navi ul a:hover table ul,
#unter3navi ul a:hover table ul, #unter4navi ul a:hover table ul {
 width:150px;
 visibility:visible;
 overflow:visible;
}

#unter1navi ul a, #unter2navi ul a, #unter3navi ul a, #unter4navi ul a {
 padding:0px 0px 0px 10px;
 color:rgb(113,120,120);
 display:block;
 line-height:15px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 font-style:normal;
 font-weight:bold;
 text-align:left;
 text-decoration:none;
 background-image:url(bilder/pfeil.gif);
 background-position:left bottom;
 background-repeat:no-repeat;
}

#unter1navi ul a:link,    #unter2navi ul a:link,    #unter3navi ul a:link,    #unter4navi ul a:link,
#unter1navi ul a:visited, #unter2navi ul a:visited, #unter3navi ul a:visited, #unter4navi ul a:visited,
#unter1navi ul a:active,  #unter2navi ul a:active,  #unter3navi ul a:active,  #unter4navi ul a:active {
 background-color:transparent;
}

#unter1navi ul a:hover, #unter2navi ul a:hover, #unter3navi ul a:hover, #unter4navi ul a:hover,
#unter1navi ul a:focus, #unter2navi ul a:focus, #unter3navi ul a:focus, #unter4navi ul a:focus {
 background-color:rgb(255,255,255);
}

#unter1navi ul ul a, #unter2navi ul ul a, #unter3navi ul ul a, #unter4navi ul ul a {
 width:146px;
 height:auto;
 padding:0px 0px 0px 4px;
 border-style:solid;
 border-width:1px 0px 0px 1px;
 color:rgb(0,0,0);
 display:block;
 line-height:15px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 font-style:normal;
 font-weight:bold;
 text-align:left;
 text-decoration:none;
 background-image:none;
}

#unter1navi ul ul a { border-color:rgb(97,46,43);   }
#unter2navi ul ul a { border-color:rgb(158,40,49);  }
#unter3navi ul ul a { border-color:rgb(236,146,26); }
#unter4navi ul ul a { border-color:rgb(201,84,31);  }
#unter1navi ul ul a:link,    #unter2navi ul ul a:link,    #unter3navi ul ul a:link,    #unter4navi ul ul a:link,
#unter1navi ul ul a:visited, #unter2navi ul ul a:visited, #unter3navi ul ul a:visited, #unter4navi ul ul a:visited,
#unter1navi ul ul a:active,  #unter2navi ul ul a:active,  #unter3navi ul ul a:active,  #unter4navi ul ul a:active {
 background-color:rgb(255,255,255);
}

#unter1navi ul ul a:hover, #unter2navi ul ul a:hover, #unter3navi ul ul a:hover, #unter4navi ul ul a:hover,
#unter1navi ul ul a:focus, #unter2navi ul ul a:focus, #unter3navi ul ul a:focus, #unter4navi ul ul a:focus {
 background-color:rgb(245,245,245);
}

/* formatierung für Standorte-Details */

#body2block .csc-textpic {
 background-image:url(bilder/aktuelles.jpg);
 background-repeat:no-repeat;
}

#body2block .csc-textpic-imagewrap {
 position:relative;
 top:9px;
}

#body2block .csc-textpic-clear {
 height:10px;
}

/* Formatierung des Textbereiches */

#bodyblock, #body2block {
 color:rgb(113,120,120);
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height:16px;
 font-style:normal;
 font-weight:normal;
 text-align:left;
}

/* Formatierung Hyperlinks im normalen Text */

a:link, a:visited, a:active {
 color:rgb(2,69,136);
 font-weight:bold;
 text-decoration:none;
}

a:hover, a:focus {
 color:rgb(2,69,136);
 font-weight:bold;
 text-decoration:underline;
}

p.bodytext {
padding:0px;
margin:0px;
}

img { border-style:none; }

h1 { font-size:22px; font-weight:bold; margin:0px; padding:0px; font-style:italic; }

h1.csc-firstHeader,
h2 { font-size:17px; font-weight:bold; margin:0px 0px 10px; padding:0px; line-height:21px; font-style:normal; }

h3 {  font-size:15px; font-weight:bold; font-style:normal; color:rgb(2,69,136); margin:0px 0px 2px; padding:0px; }


.blau   { color:rgb(2,69,136);   } /* das dunkle Blau aus dem Logo */
.braun  { color:rgb(97,46,43);   } /* die 4 Menufarben links */
.rot    { color:rgb(158,40,49);  }
.orange { color:rgb(236,146,26); }
.okker  { color:rgb(201,84,31);  }

.csc-textpic-caption {
font-style:italic;
margin:0px 0px 15px;
}

.gross  { font-size:17px; font-weight:bold; }
.ueber0 { color::rgb(2,69,136);  } /* das dunkle Blau aus dem Logo */
.ueber1 { color:rgb(97,46,43);   } /* die 4 Menufarben links */
.ueber2 { color:rgb(158,40,49);  }
.ueber3 { color:rgb(236,146,26); }
.ueber4 { color:rgb(201,84,31);  }

.ueber0, .ueber1, .ueber2, .ueber3, .ueber4 {
 font-size:22px;
 font-weight:bold;
 font-style:italic;
}