/* CSS Document */
body { 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	color:#000;
}
IMG, A{
	border:none;
	text-decoration:none;
}

LI {list-style-type:circle}

a:link, a:visited, a:active, a:hover { text-decoration:none }


.container {
	width:980px; 
	height:750px;
}

:focus { outline:0 }

.container a{ font-weight:bold; color:#004b7d;}
/*    ----------- HEAD CONTAINER -------------      */
.head {
  height:60px;
  width:100%;
  margin:10px 0px 10px 0px;
}
html>body .head{margin:20px 0px 20px 0px}

.logo{ width:650px;  float:left; }
.imageLogo{clear:both; margin:10px 0px 0px 0px;}

.headElement{
  float:left;
  height:18px;
  width:160px;
  margin-right:2px;
}

.headNavigation{
  float:left;
  margin:0px 0px 0px 10px;
  width:290px;
  height:auto;
}

.headNavigation ul, li{text_align:right}
html>body .headNavigation{margin:0px 0px 0px 40px;}
.headNavigation p{ margin:0px}
.headNavigation ul{margin:0px; padding:0px}
.headNaviElement, .headNaviElementEnd{
  display:inline;
  float:left;
  border-right:2px solid #e21d3c;
  padding:0px 5px;
  margin:0px 0px 0px 0px;
}
.headNaviElementEnd {padding:0px 0px 0px 5px;}
html>body .headNaviElement, html>body .headNaviElementEnd{  margin:0px 0px 15px 0px;}
.headNaviElementEnd{ border:none; }
.headNavigation a{
  font-size: 1.4em;
  font-weight:bold;
  color:#58595b;
}
.searchField{
  clear:left;
  margin-left:85px;
  text-align:left;
    font-size: 1.4em;
  font-weight:bold;
  color:#58595b }

html>body .searchField{margin-left:85px}
.searchField label{
	width:auto;
	text-align:left;
	padding:0px 5px 0px 0px }
 
.searchFieldElement{
  background-color:#e6e7e8;
  width:140px;
}

/*    ----------- MAIN NAVIGATION CONTAINER -------------      */
.mainNavigation {
  float:left;
  width:175px;
  height:auto;
  margin:5px 10px 0px 0px;
}
html>body .mainNavigation{margin:10px 20px 0px 0px; }

.mainNavigation a{
  width:100%;
  display:block;
}

.mainNavigation ul, li{
  padding:0px;
  margin:0px;
  text-align:left;
  list-style-type:none;
}

.level1 {
  clear:left;
  margin:0px;
  width:175px;
  min-height:22px;
  height:auto;
  font-size: 1.4em;
  font-weight:bold;
  border-top:3px solid white;
  background-color:#e6e7e8;
}
.level1 a{ 
  color:#7b7d7f; 
  padding-left:20px;
  padding-top:7px;
  padding-bottom:7px;
  width:155px; }

.level1 a:hover { 
  background-color:#808285; 
  color:#ffffff;
  background-image:url(../images/background_hoover.gif);
  background-repeat:no-repeat;
  background-position:0px 0px; }

.level1_act{
  margin:0px;
  width:175px;
  min-height:22px;
  height:auto;
  background-color:#808285;
  font-size: 1.4em;
  font-weight:bold;
  border-top:3px solid white;
  background-image:url(../images/background_active2.gif);
  background-repeat:no-repeat;
  background-position:0px 0px;
}
.level1_act a{ 
  color:#ffffff;
  padding-left:20px;
  padding-top:7px;
  padding-bottom:7px;
  width:155px;}

ul.lilevel2{float:left; }

.level2, .level2_act{
  margin:0px;
  width:153px;
  min-height:12px;
  height:auto;
  background-color:#bbbdbf;
  font-size: 1.1em; 
  border-left:15px solid #e6e7e8;
}
html>body .level2, html>body .level2_act{ width:170px}

.level2 a, .level2_act a{
  color:#000000; 
  font-weight:normal;
  padding-left:20px;
  padding-top:7px;
  padding-bottom:7px; }

.level2_act{
  background-image:url(../images/quadrat_icon_rot.gif);
  background-repeat:no-repeat;
  background-position:0px 4px;  
}

.sonnenzentrum{
  clear:left;
  color:#000000;
  font-size: 1.4em;
  background-color:#e6e7e8;
  padding:15px 0px 15px 0px;
  border-top: 3px solid white;
}

.sonnenzentrum a{ color:#000000;}

.adresse{
  color:#7b7d7f;
  padding:15px 0px 60px 5px ;
  text-align:left;
  font-size:0.8em;
  border-top:3px solid white;
  background-color:#e6e7e8;
}

.adresse p{
  margin-bottom:5px;
}

/*    ----------- MAIN CONTENT CONTAINER -------------      */

.content{
  float:left;
  margin-top:5px;
  margin-right:5px;
  width:540px;
  height:auto;
  text-align:left;
  font-size:1.2em;
  color:#000000;
}

.content ul, .content li{
list-style-type:disc;
}

html>body .content{  margin-top:10px; margin-right:10px;}
html>body .impressumContent{margin-top:10px}
.impressumContent{margin-top:5px}
.contentElement{
  text-align:left;
  width:100%;
  height:auto;
  float:left;
  margin-bottom:10px;
  border-bottom:1px solid #e21d3c;
}
.impressumContentLinksOben .contentElement{border:none}
.impressumContentLinksOben .contentElement p {padding:0px; width:100%;}
.contentElement h1, .impressumContentLinksOben h1, .breadcrumb, .breadcrumb2 h1 {
  border-top:1px solid #e21d3c;
  border-bottom:1px solid black;
  width:97%;
  font-size:1.1em;
  font-weight:bold;
  color:#000000;
  text-align:left;
  padding:7px 0px 7px 20px;
  background-image:url(../images/pfeil_icon_red.gif);
  background-repeat:no-repeat;
  background-position:4px 4px;
  margin-top:4px;
}

.contentElement .csc-firstHeader { background-color:#FFF; margin-bottom:-1px }

html>body .contentElement h1{margin-top:0px}
.contentElement h2{
  clear:left;
  float:left;
  width:329px;
  font-size:1.1em;
  font-weight:bold;
  padding-left:3px;
  margin-bottom:4px;
  margin-top:0px;
}
html>body .impressumContentLinks h2, html>body .impressumContentRechts h2, html>body .content h2{ margin-top:15px;}
.contentElement p{
  margin:10px 0px 0px 0px;
  width:329px;
  padding:0px 5px 10px 3px;
  color:#000000;
}
html>body .contentElement p{ padding:0px 10px 20px 5px;}

.contentElement img{padding-top:10px}
.platzhalter{
  margin:8px 0px 0px 5px;
  float:right;
  width:185px;
}
html>body .platzhalter{ margin:15px 0px 0px 10px;}

/*    ----------- IMPRESSUM CONTENT CONTAINER -------------      */

.impressumContent, .kontaktContent {
  float:left;
  margin-top:3px;
  font-size:1.2em;
  color:#000000;
  width:760px;
  height:auto;
}

.impressumContent ul, .impressumContent li, .kontaktContent li, .kontaktContent ul{
list-style-type:disc;
}

html>body .kontaktContent {margin-top:5px; width:785px}
html>body .impressumContent{ width:785px}
.impressumContentLinksOben{
  float:left;
  width:760px;
  margin-right:5px;
  text-align:left;
}
html>body .impressumContentLinksOben{width:775px}
.impressumContentUntenLinks{
  float:left;
  width:380px;
  margin-right:13px;
  text-align:left;
}
html>body .impressumContentUntenLinks{  margin-right:25px;  width:390px;}

.impressumContentUntenRechts{
  float:right;
  width:365px;
  text-align:left;
}
html>body .impressumContentUntenRechts{width:370px}
.impressumContentLinksOben p{
  clear:left;
  margin:5px 0px 0px 3px;
}
html>body .impressumContentLinksOben p{  margin:10px 0px 0px 3px;}
.impressumContentUntenRechts p{
  margin:0px 0px 5px 3px
}
html>body .impressumContentUntenRechts p{margin:0px 0px 10px 3px}
.impressumContentUntenLinks p{
  margin:0px 0px 0px 3px
}

.impressumContentUntenLinks h2, .impressumContentUntenRechts h2{
  font-size:1.1em;
  font-weight:bold;
  padding-left:3px;
  margin-bottom:0px;
  margin-top:4px;
}
html>body .impressumContentLinksOben h1, html>body .impressumContentUntenLinks h1, html>body .impressumContentUntenRechts h1{  margin-top:8px;}
.impressumContentLinksOben h2{ width:390px}

/* ----------------- KONTAKT WEGBESCHREIBUNG CONTENT CONTAINER ------------------ */
.kontaktText{
  float:left;
  width:225px;
  margin-right:13px;
  padding-left:3px;
  text-align:left;
}
html>body .kontaktText{  width:230px; margin-right:25px;}

.kontaktText #contentLeft{  height:150px; }
.kontaktText .contentElement{ border:none}

.kontaktText p{
  width:auto;
  margin:5px 0px 5px 0px;
}
html>body .kontaktText p{ margin:10px 0px 10px 0px}

.kontaktLinks{
  clear:left;
  margin-top:100px;
  padding-left:3px;
}
html>body .kontaktLinks{  margin-top:100px;}
  
.kontaktLinks a{ 
  background-image:url(../images/icon_pfeil_blau.jpg);
  background-repeat:no-repeat;
  background-position:left;
  padding: 3px 0px 3px 20px;
  display:block;
  margin-bottom:0px }

.kontaktBild{
  float:right;
  width:515px;
  text-align:left;
}
html>body .kontaktbild{ width:515px }
.kontaktBild img{ padding-top:10px; }

/* --------------- CONTENT RIGHT CONTAINER ------------------- */

.contentRechts{
  margin-top:5px;
  float:left;
  width:210px;
  height:auto;
  font-size:1.2em;
  border-left:3px solid #cccccc;
}
html>body .contentRechts{margin-top:17px;}
.contentRechts h1, .sonnelinks h1{
  width:auto;
  font-size:1.2em;
  text-align:left;
  margin:0px;
  margin-left:10px;
  margin-bottom:10px;
}

.contentRechts h1 strong{
  border-left:1px solid #e21d3c;
  border-right:1px solid #e21d3c;
  padding:0px 3px 0px 3px;
 margin-left:3px;
}

.contentRechts p, sonnelinks p{
  margin:0px 0px 10px 10px;
  text-align:left;
  font-size:0.9em;
  color:#000000;
  height:auto;
  height:50px;
}


html>body .contentRechts p, html>body .sonnelinks p { height:auto; min-height:50px; margin:12px 0px 10px 10px; border:none}

#contentCenter img{padding-left:10px;}
html>body #contentCenter img{ padding-top:0px;}
.energieSparen{
  margin:25px 0px 25px 10px;
  width:100%;
  background-color:#e6e7e8;
  text-align:left;
}

.energieSparen h3{ margin-left:3px; color:#7b7d7f; margin-bottom:0px}

.energieSparen h3 strong{
  border-left:1px solid #e21d3c;
  border-right:1px solid #e21d3c;
  padding:0px 3px 0px 3px;
 margin-left:3px;
}

.energieSparen p{
  background-color:#e6e7e8;
  margin:5px 0px 5px 5px;
  color:#000000;
}
#contentBottom img{padding-left:10px; padding-bottom:5px;}
.sonnelinks{
  width:100%;
  height:300px;
}
.sonnelinks div{margin:0px}

.V9G a{color:#000; font-size:1.2em; font-weight:bold}
#calendar-event fieldset{border:3px solid #bbbdbf; width:60%;}
#calendar-event label{text-align:left; font-weight:bold; clear:left;}

.searchbody {
  text-align:left;
  border-bottom:1px solid black;
  padding-bottom:10px;
  margin-bottom:10px;
}
.searchhead{ margin:0px}
.searchhead a{
  text-align:left;
  background-image:url(../images/icon_pfeil_blau.jpg);
  background-repeat:no-repeat;
  background-position:left;
  padding: 3px 0px 3px 20px;
  display:block;
  margin:0px;
}
.searchhead br{ display:none}

p.gefunden{margin:5px 0px; font-weight:bold; font-size:0.8em; clear:left;}


.newstext {
  float:left;
  width:330px;
  margin-right:5px;

}

html>body .newstext{ margin-right:10px}
.newsimage{
  float:left;
  width:195px;
}
.datumStrong{margin-left:3px; font-size:0.7em; color:#bbbdbf;}
.newsimage img{float:right}
.newsbottom{
  clear:both;
}

img.drucken {position:absolute; margin:50px 0px 0px 152px}
.csc-textpic-clear { height:10px;}
.tx-ttnews-browsebox p{width:30%}

#month-header-prevnext img {height:15px}

a.ansicht{margin-left:235px}

div.kal{
clear:left;
width:100%;
margin-left:5px;
}
div.kal h2{
  padding-left:0px;
  margin-left:0px;
}
#calendar-event-backlink{margin-top:10px}