/* ===================================================
Stylesheet
Datei: screen.css
Datum  10/05/10
Projekt: stadtwerke schleswig
Autor: wquadrat medien gmbh
=================================================== */

html{
   overflow-y: scroll;
}

/* Farben für die Bereiche unterschiedlichen Bereichen */

/*Allgemein*/
body.category_0 #col2 h1, body.category_0 #col2 h2, body.category_0 span.farbauswahl, .farbe0{color: #00509f;}
/*einfachStrom*/
body.category_1 #col2 h1, body.category_1 #col2 h2, body.category_1 span.farbauswahl, .farbe1{color: #bbd26a;}
/*mehrStrom*/
body.category_2 #col2 h1, body.category_2 #col2 h2, body.category_2 span.farbauswahl, .farbe2{color: #bbd26a;}
/*natürlichStrom*/
body.category_3 #col2 h1, body.category_3 #col2 h2, body.category_3 span.farbauswahl, .farbe3{color: #bbd26a;}
/*Erdgas*/
body.category_4 #col2 h1, body.category_4 #col2 h2, body.category_4 span.farbauswahl, .farbe4{color: #fabe5d;}
/*Wärme*/
body.category_5 #col2 h1, body.category_5 #col2 h2, body.category_5 span.farbauswahl, .farbe5{color: #e76f6f;}
/*Wasser*/
body.category_6 #col2 h1, body.category_6 #col2 h2, body.category_6 span.farbauswahl, .farbe6{color: #94ceed;}
/*Abwasser*/
body.category_7 #col2 h1, body.category_7 #col2 h2, body.category_7 span.farbauswahl, .farbe7{color: #959cce;}
/*Business*/
body.category_8 #col2 h1, body.category_8 #col2 h2, body.category_8 span.farbauswahl, .farbe8{color: #b1b3b4;}
/*StromSicher*/
body.category_9 #col2 h1, body.category_9 #col2 h2, body.category_9 span.farbauswahl, .farbe1{color: #bbd26a;}


 /*
body #farbe1 #stage #col2 .coltext .p .arrows{
	background:url("/media/bilder/_layout/arrows_strom.png") no-repeat scroll 0 10px transparent;
	left:-20px;
	padding-left:18px;
	padding-top:5px;
	position:relative;
	top:2px;
}*/
/* Definition der Aufzählungspfeile nach Farbe abhängig vom Produkt */
/* werden nicht mehr gebraucht ?? ... */

body.category_1 #col1 ul li.arrows{background: url(/media/bilder/_layout/arrows_strom.png) 0 10px no-repeat;}
body.category_2 #col1 ul li.arrows{background: url(/media/bilder/_layout/arrows_strom.png) 0 10px no-repeat;}
body.category_3 #col1 ul li.arrows{background: url(/media/bilder/_layout/arrows_strom.png) 0 10px no-repeat;}
body.category_4 #col1 ul li.arrows{background: url(/media/bilder/_layout/arrows_erdgas.png) 0 10px no-repeat;}
body.category_5 #col1 ul li.arrows{background: url(/media/bilder/_layout/arrows_waerme.png) 0 10px no-repeat;}
body.category_6 #col1 ul li.arrows{background: url(/media/bilder/_layout/arrows_wasser.png) 0 10px no-repeat;}
body.category_7 #col1 ul li.arrows{background: url(/media/bilder/_layout/arrows_abwasser.png) 0 10px no-repeat;}


* tabellendefinierung */
body.category_0 #col2 .coltext table td.first {background:url("/media/bilder/_layout/table-bg/business/table_bg_verlauf.gif") right bottom repeat-y;}
body.category_1 #col2 .coltext table td.first {background:url("/media/bilder/_layout/table-bg/e-strom/table_bg_verlauf.gif") right bottom repeat-y;}
body.category_2 #col2 .coltext table td.first {background:url("/media/bilder/_layout/table-bg/n-strom/table_bg_verlauf.gif") right bottom repeat-y;}
body.category_3 #col2 .coltext table td.first {background:url("/media/bilder/_layout/table-bg/m-strom/table_bg_verlauf.gif") right bottom repeat-y;}
body.category_4 #col2 .coltext table td.first {background:url("/media/bilder/_layout/table-bg/erdgas/table_bg_verlauf.gif") right bottom repeat-y;}
body.category_5 #col2 .coltext table td.first {background:url("/media/bilder/_layout/table-bg/waerme/table_bg_verlauf.gif") right bottom repeat-y;}
body.category_6 #col2 .coltext table td.first {background:url("/media/bilder/_layout/table-bg/wasser/table_bg_verlauf.gif") right bottom repeat-y;}
body.category_7 #col2 .coltext table td.first {background:url("/media/bilder/_layout/table-bg/abwasser/table_bg_verlauf.gif") right bottom repeat-y;}
body.category_8 #col2 .coltext table td.first {background:url("/media/bilder/_layout/table-bg/business/table_bg_verlauf.gif") right bottom repeat-y;}
body.category_9 #col2 .coltext table td.first {background:url("/media/bilder/_layout/table-bg/e-strom/table_bg_verlauf.gif") right bottom repeat-y;}

body.category_1 #col2 .coltext table td.last_round {background:url("/media/bilder/_layout/table-bg/e-strom/table_bg_tdround.gif") right bottom no-repeat #bbd26a;}
body.category_2 #col2 .coltext table td.last_round {background:url("/media/bilder/_layout/table-bg/n-strom/table_bg_tdround.gif") right bottom no-repeat #bbd26a;}
body.category_3 #col2 .coltext table td.last_round {background:url("/media/bilder/_layout/table-bg/m-strom/table_bg_tdround.gif") right bottom no-repeat #bbd26a;}
body.category_4 #col2 .coltext table td.last_round {background:url("/media/bilder/_layout/table-bg/erdgas/table_bg_tdround.gif") right bottom no-repeat #fabe5d;}
body.category_5 #col2 .coltext table td.last_round {background:url("/media/bilder/_layout/table-bg/waerme/table_bg_tdround.gif") right bottom no-repeat #e76f6f;}
body.category_6 #col2 .coltext table td.last_round {background:url("/media/bilder/_layout/table-bg/wasser/table_bg_tdround.gif") right bottom no-repeat #94ceed;}
body.category_7 #col2 .coltext table td.last_round {background:url("/media/bilder/_layout/table-bg/abwasser/table_bg_tdround.gif") right bottom no-repeat #a5acd8;}
body.category_8 #col2 .coltext table td.last_round {background:url("/media/bilder/_layout/table-bg/business/table_bg_tdround.gif") right bottom no-repeat #b1b3b4;}
body.category_9 #col2 .coltext table td.last_round {background:url("/media/bilder/_layout/table-bg/e-strom/table_bg_tdround.gif") right bottom no-repeat #bbd26a;}

body.category_1 #col2 .coltext table td.last{background-color: #bbd26a;}
body.category_2 #col2 .coltext table td.last{background-color: #bbd26a;}
body.category_3 #col2 .coltext table td.last{background-color: #bbd26a;}
body.category_4 #col2 .coltext table td.last{background-color: #fabe5d;}
body.category_5 #col2 .coltext table td.last{background-color: #e76f6f;}
body.category_6 #col2 .coltext table td.last{background-color: #94ceed;}
body.category_7 #col2 .coltext table td.last{background-color: #a5acd8;}
body.category_8 #col2 .coltext table td.last{background-color: #b1b3b4;}
body.category_9 #col2 .coltext table td.last{background-color: #bbd26a;}


/* Farben für die Produkte (blau und grau) */
.product_color1{
	color: #00509f;
}

.product_color2,.farbe00 {
	color: #c8c8c8;
}


/*******************************************/
html, body {height: 100%;}


body{
 background: url("/media/bilder/_layout/bg.gif") repeat-x scroll 0 0 #fefefe;
 font-family: arial,sans-serif;
}


#container {min-height: 100%;background:url("/media/bilder/_layout/main-bg2.png") repeat-y center;}

#main {
	width: 1024px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 150px;}  /* must be same height as the footer */

	


#top_bg {
	background: url("/media/bilder/_layout/bg.gif") repeat-x scroll 0 0 #fefefe;
}

/***************** topnavi **************************/
/* Reiter oben auf der Seite */
#topnavi{
	margin: 0 auto;
	position: relative;
	height: 50px;
	left: -6px;
	top: 22px;
	background: url(/media/bilder/_layout/topnavi_bg.png) center center no-repeat;
}

#topnavi ul{
	margin: 0;
	list-style-type: none;
	padding-top: 7px;
	padding-left: 17px;
}

#topnavi ul li{
	float: left;
	padding:5px 0px 0px 7px;
	margin:0px 3px 0px 0px;
	width: 113px;
	height:19px;
}

#topnavi ul li a {
	margin-top:4px;
	text-decoration: none;
	color: #00509f;
}

#topnavi ul li.selected {
background: url(/media/bilder/_layout/topnavi_aktiv.gif) no-repeat; 
}


/***************** header **************************/

#header{
	height: 97px;
	background: url(/media/bilder/_layout/header_bg.png) no-repeat; 
}


#header h1#logo{
	width: 176px;
	height: 63px;
	position:absolute;
	top: 72px;
	left: 38px; 
	text-indent:-9999px;
}

#header h1#logo a{
	background:url(/media/bilder/_layout/logo.png) no-repeat;
	display:block;
	height: 49px;
	width: 192px;
}

#header #logo img{
	display: none;
	border: none;
}

#header h1#claimer{
	position:absolute;
	text-indent:-9999px;
	top: 77px;
	right: 0;
}

#header h1#claimer a{
	background:url(/media/bilder/_layout/logo_claim.png) no-repeat;
	display:block;
	height: 42px;
	width: 217px;
}

#header #claimer img{
	display: none;
	border: none;
}

/* suche */
#header #searchbox{
	position: absolute;
	left: 810px;
	top: 18px;
	width: 168px;
	background: url(/media/bilder/_layout/searchbox_bg.png) no-repeat;
}

#header #searchbox form{
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 28px;
}

#header #searchbox form.search input.searchsuggest{
	background: #eceded;
	//color: #bcbebf;
	color: #646567;
	border: none;
	width: 129px;
	padding-left: 5px;
	float: left;
	font-size: 1.2em;
}

#header #searchbox form.search input.submit{
	background: url(/media/bilder/_layout/buttons/suchen_btn_bg.png) 5px 5px no-repeat;
	color: #00509f;
	border: none;
	float: left;
	padding-right: 0;
	padding-left: 9px;
width: 20px;
}

/***************** hauptnavigation **************************/

#header #navi{
	height: 33px;
	width: 996px;
	background-color: #c8c8c8;
	position: absolute;
	top: 143px;
	left: 10px;
	z-index: 20;
}

#header #navi ul{
	margin: 0;
	list-style-type: none;
}

#header #navi ul li.selected{
	color: #00509f;
}

#header #navi>ul>li{
	height: 33px;
	font-size: 1.2em;
	float: left;
	position: relative;
	margin-left: 0;
	border-right: 1px solid #fff;
	font-weight: bold;
}

#header #navi>ul>li.last{
border: none;
}

#header #navi a{
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: 145px;
}

#header #navi li a:hover{
	color: #00509f;
}

#header #navi li.selected a{
	color: #00509f;
}



/***************** subnavigation **************************/


#header #navi li ul.submenu{
	position: absolute;
	display: none;
	top: 33px;
	left: -4px;

}

#header #navi li.hover ul.submenu{
	display: block;
}

#header #navi li ul.submenu li{
	font-size: 0.9em;
	padding: 0;
	margin:0;
	float: none;
}
	
#header #navi li ul.submenu li.all a {
	width: 161px;
	height:24px;
	text-transform: none;
	color: #646567;
	font-size: 0.9em;
	display:block;
	padding: 8px 0px 0px 15px;
	background: url(/media/bilder/_layout/submenu_li_bg.png) left top no-repeat;
}

#header #navi li ul.submenu li.all a:hover {
	background: url(/media/bilder/_layout/submenu_hover-bg.png) left top no-repeat;
}



#header #navi li ul.submenu li.last a {
	background: url(/media/bilder/_layout/submenu_li_bg_bottom.png) left top no-repeat;	
	width: 161px;
	height:23px;
	text-transform: none;
	color: #646567;
	font-size: 0.9em;
	display:block;
	padding: 8px 0px 11px 15px;
}

#header #navi li ul.submenu li.last a:hover {
	background: url(/media/bilder/_layout/submenu_hover-bg_bottom.png) left top no-repeat;
}


/***************** stage **************************/
#stage{
	padding-top: 26px;
	padding-left: 10px;
	padding-right: 15px;	
}



/***************** col1 **************************/
#stage #col1{
	float: left;
	width: 332px;
	padding-top: 8px;
}


.box { 
	margin-bottom: 10px;
	border: 1px solid #c8c8c8;
	width: 317px;
	margin-left: 8px;
}

/* Mouseover Produktinfo auf der Startseite */
.box.productoverview{
	position: relative;
}

.box.productoverview .mouseoverinfo{
	background: url("/media/bilder/_layout/buttons/suchen_btn_bg.gif") no-repeat 8px 5px #FFFFFF;
}

.box.productoverview .mouseoverinfo.p{
	//padding-left: 13px;
padding-left: 22px;
}

.box.productoverview a:hover{
	text-decoration: none;
}

.box.productoverview ul {
	list-style-type: none;
	margin-bottom: 2px;
	padding-top: 3px;
	padding-bottom: 6px;
	line-height: 1.8em;
	width: 111px;
	float: left;
}

.box.productoverview ul li{
	margin-left: 0;
}

.box.productoverview li .productinfo{
	display: none;

}

.box.productoverview li:hover .productinfo{
	position: absolute;
	top: 7px;
	/*left: 120px;
	width: 158px;*/
	display: block;
	background: url("/media/bilder/_layout/buttons/suchen_btn_bg.gif") no-repeat 15px 5px #FFFFFF;
	color: #004e9e;
	font-weight: bold;
        left: 128px;
	width: 150px;
	padding-left: 29px;
	height: 156px;
	line-height: 1.4em;

}

/* mittlere box auf der startseite */
.box.middle{
	min-height: 138px;
}

/* Newsbox auf der startseite */

.box.news{
	height: 111px;
}

.box .imageholder{
	padding-top: 8px;
	padding-left: 8px;
}

/* Archiv-Box auf der Aktuelles-Seite */
.box.teaserbox .boxtext{
	float: none;
	width: 268px;
	padding-left: 30px;
	padding-bottom: 10px;
}

.box.teaserbox .boxtext h1{
	font-size: 1.5em;
	padding-bottom: 10px;
}

.box.teaserbox .boxtext .section h2{
	color: #00509f;
	font-size: 0.85em;
	margin: 0;
	padding-bottom:6px;
}

.box.teaserbox .boxtext .section .noentries {
	color: #00509f;
	font-size: 0.85em;
	margin: 0;

}

.box.teaserbox .boxtext .section .p{
	color: #646464;
	font-weight: normal;
}

.box.teaserbox .boxtext .section a{
	padding: 0;
	display: inline;
	font-weight: bold;
}

.box.teaserbox a{
	text-decoration: none;
	color: #00509f;
	font-weight: bold;
}

.box.teaserbox a:hover{
	text-decoration: underline;
}

/* allgemeine Box-Styles */
/* bilderserie auf den unterseiten */
.box .boximage{
/*	width: 131px; */ /* kh 20110605 */
	float: left;
}

.box .boximage img.teaser{
	display:block;
position: absolute;
z-index:4;

}

.box  .boximage img.abdecker_links {
	position: absolute;
	z-index:6;
}



.box .boximage dl{
	margin: 0;
}

.box .boxtext{
	padding-top: 7px;
	width: 182px;
	float: right;
}

.box .boxtext .p{
	margin-right: 6px;	
	color: #004e9e;
	font-weight: bold;
	/*line-height: 18px;*/
	padding-bottom: 4px;
}

.box .boxtext .p a, #stage #col2 .coltext .p a.moreLink{
	color: #004e9e;
	text-decoration: none;
	padding-top: 10px;
	display: block;
}

.box .boxtext .p a:hover{
	text-decoration: underline;
}

.box #fanicon{
	position: relative;
	top: 4px;
	left: -19px;
	margin-bottom: 0;
	margin-left: 0;
}



.box ul li a{
	text-decoration: none;
	font-size: 1.2em;
}

.box ul li a.first{
	border-top: 1px solid #e1e1e1;
}

.box  ul li a:hover{
	text-decoration: underline;
}

.box ul li a img{
	position: absolute;
	top: 6px;
	left: 300px;
	z-index: 10;
}

/*** bilderserie auf den unterseiten ***/
#stage #col1.images img.serie {
	padding-bottom: 10px;
	padding-left: 10px;
	display:block;
	margin-top: -5px;
}

#stage #col1.images img.abdecker_oben {
padding-bottom: 0px;
bottom:-5px;
padding-left: 10px;
position:relative;
}

#stage #col1.images img.abdecker_unten {
padding-bottom: 0px;
top:-15px;
padding-left: 10px;
position:relative;
}

/*** jquery slideshow ***/
#slideshow {
    position:relative;
    height:461px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}


/********************** #col2**************************/
#stage #col2{
	float: left;
	width: 662px;
	margin-bottom:10px;
}

#stage #col2 dl{
	margin-bottom: 0;
	margin-left: 0;

}


/* Standard-Seiten */


#stage #col2 .coltext{
	padding-left: 37px;
	padding-right: 31px;

}

#stage #col2 ol#breadcrumb {
	list-style-type: none;
	margin-left: 0;
	width: auto;
	border-bottom: 1px solid #e1e1e1;
	padding-top: 32px;
	padding-bottom: 10px;
}

#stage #col2 ol#breadcrumb li.first {
	padding-left: 0;
	padding-top: 4px;
	width:auto;
	background: none;
}


#stage #col2 ol#breadcrumb li {
	float: left;
	padding-right: 10px;
	padding-left: 18px;
	padding-top: 4px;
	margin: 0;
	background: url("/media/bilder/_layout/breadcrumb_arrows.gif") 0 9px no-repeat;
	color: #00509f;
}

#stage #col2 ol#breadcrumb li.active{
	font-size: 1.2em;
	background: url("/media/bilder/_layout/breadcrumb_arrows.gif") 0 9px no-repeat;	
	padding-top: 4px;
}


#stage #col2 ol#breadcrumb li a{
	color: #b3cbe2;
	text-decoration: none;
        font-weight:normal;
}

#stage #col2 #headline {
padding-bottom: 45px;
padding-top: 40px;	
}

#stage #col2 h1{
font-size: 2.2em;
font-weight: bold;
}

#stage #col2 h1.right {
text-align:right;
margin-right:115px;
}

#stage #col2 h2{
font-size: 1.5em;
font-weight: bold;
margin-bottom:10px;
}



#stage #col2 h3{
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 10px;
	padding-top: 32px;
	font-size: 1.3em;
	color: #00509f;
	margin-bottom: 20px;
}

#stage #col2 .coltext h4{
	color: #00509f;
	margin-bottom: 4px;
	font-weight: bold;
}


#stage #col2 .coltext .textblock {
	padding-bottom: 22px;
}

#stage #col2 .coltext .produktblock h2 {
	padding-top: 22px;
}

#stage #col2 .coltext .p{
	color: #646464;
	line-height: 1.8em;

}




#stage #col2 .coltext .p.lastsection{
	padding-top: 50px;
}

#stage #col2 .coltext .p a{
	color: #646464;
	text-decoration: none;
}

#stage #col2 .coltext .p a:hover{
	text-decoration: underline;
}

#stage #col2 .coltext img.stoerer{
	float: right;
}


#stage #col2 .coltext table.produkttable th.first{
	color: #00509f;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0;

}

#stage #col2 .coltext table.produkttable th{
  border-bottom: 1px solid #000000;
  padding-left: 16px;
  padding-bottom: 5px;	
}

#stage #col2 .coltext table.produkttable tr td{
	border-bottom: 1px solid #000000;
}

#stage #col2 .coltext table.produkttable tr.lastrow td{
	border: none;
}


#stage #col2 .coltext table.produkttable td.first{
	width: 260px;
	padding: 0;
	font-weight: bold;
	font-size: 1em;
	color: #00509f;
}





#stage #col2 .coltext table.produkttable td{
	font-size: 1.4em;
	font-weight: bold;
	color: #646464;
	/*height: 36px; */
	padding-top: 7px;
	padding-bottom: 8px;
	padding-left: 16px;
	width: 86px;
}

#stage #col2 .coltext .p.tablelegend{
	padding-top:10px;
	font-size: 0.85em;
	line-height:1.2em;
	width: 460px;
}

#stage #col2 .coltext .p.tablelegendUntertext{
	padding-top:10px;	
}


/************************* contenttable   ***********************/
table.contenttable {
width:100%;
border:1px solid #00509f;
border-collapse:collapse;
margin-bottom:20px;
}

#stage #col2 .coltext table.contenttable th{
   //text-align:left;
  font-weight: bold;
  border-bottom: 1px solid #00509f;
  padding-left: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
  color:#fff;	
  background:#00509f;
}

#stage #col2 .coltext table.contenttable tr td{
	border: 1px solid #00509f;
}

#stage #col2 .coltext table.contenttable td{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 16px;
}

/************************* News ***********************/
.newsdate  {
color:#00509f;
font-weight:bold;
padding:0 20px 10px;
text-align:right;
font-size: 1.2em;
}

#stage #col2 .coltext .news_section{
	border-bottom: 1px solid #e1e1e1;
	padding-top: 11px;
	padding-bottom: 11px;
	margin-bottom: 10px;
}

#stage #col2 .coltext .news_section .news_section_img{
	float: left;
	width: 278px;
	padding-right: 30px;
}

#stage #col2 .coltext .news_section .news_section_img img{
	float: right;
}

#stage #col2 .coltext .news_section .news_section_text{
	width: 286px;
	float: right;
}

#stage #col2 .coltext .news_section .news_section_text h4, #stage #col2 .coltext .news_section .news_section_text h4 a{
color: #00509f;
font-size: 1em;
line-height: 1.5em;
margin-bottom: 4px;
font-weight: bold;
text-decoration:none;
}

#stage #col2 .coltext .news_section .news_section_text h4 a:hover{
text-decoration:underline;
}

#stage #col2 .coltext .news_section .news_section_text h5{
	padding-bottom:6px;
	font-size: 0.85em;
	color: #646464;
}

#stage #col2 .coltext .news_section .news_section_text .p{
	padding-bottom: 0;
}

#stage #col2 .coltext .news_section .news_section_text a, #stage #col2 .coltext .linkboldblue a{
	font-weight: bold;
	color: #00509f;
}


/********************** footer *************************/

#footer{
	position: relative;
  margin: 0 auto;
	margin-top: -150px; /* negative value of footer height */	
	height: 150px;
	clear:both;
	width: 1021px;
}

#footer #inner_footer{
	border-top: 1px solid #c8c8c8;
	width: 988px;
	margin-left: 6px;
	margin: 0 auto;
}

#footer #inner_footer ul#service_navi{
	list-style-type: none;
	padding-top: 3px;
	width: 448px;
	float: left;
	margin-left: 0;
}

#footer #inner_footer ul#service_navi li{
	float: left;
	margin-left: 0;
}

#footer #inner_footer ul#service_navi li a:link,
#footer #inner_footer ul#service_navi li a:visited,
#footer #inner_footer ul#service_navi li a:hover,
#footer #inner_footer ul#service_navi li a:active,
#footer #inner_footer ul#service_navi li a:focus{
	font-weight:normal;
	color: #646464;
	text-decoration: none;
	font-size: 0.9em;
	border-right: 1px solid #9c9e9f;
	padding-right: 4px;
	padding-left: 4px;
}

#footer #inner_footer ul#service_navi li a:hover{
	text-decoration: underline;
}

#footer #inner_footer ul#service_navi li a.last{
	border: none;
}

#footer #inner_footer ul#service_info{
	width: 386px;
	float: right;
	list-style-type: none;
	color: #646464;
	font-size: 0.9em;
}

#footer #inner_footer ul#service_info li{
	float:left;
	line-height: 2em;
}

#footer #inner_footer ul#service_info li.first{
	padding-top: 23px;
}

#footer #inner_footer ul#service_info li a{
	font-size: 1.9em;
	font-weight: bold;
	color: #6b6c6e;
	text-decoration: none;
	padding-left: 12px;
	background: url(/media/bilder/_layout/arrows_kontakt.png) 0 10px no-repeat;
}

#footer #inner_footer ul#service_info li a:hover{
	text-decoration: underline;
}

#footer #inner_footer ul#service_info span.phone_nr{
	font-size: 1.9em;
	font-weight:bold;
}

#footer .p{
	width: 73px;
	float: left;
	font-family: arial, verdana, sans-serif;
	font-size: 0.9em;
	color: #666666;
}

#footer .p a{
	color: #666666;
}

#footer .p a:hover{
	color: #e0041c;
}

/********** plz-suche **********/
#plzbox {
padding: 20px 0px;
}

form.plz-search label, form.searchresult label  {
padding-top:2px;
float: left;
margin:0px 10px 0px 0px;
color: #00509f;
font-weight:bold;	
}

form.plz-search input.plzsuggest,form.searchresult input.searchsuggest  {
	color:#646464; 
	font-family: arial,sans-serif;
	width: 129px;
	padding-left: 5px;
	float: left;
}


form.plz-search input.submit {
	background: url(/media/bilder/_layout/buttons/suchen_btn_bg.png) 8px 5px no-repeat;
	color: #00509f;
	border: none;
	float: left;
	cursor:pointer;
	width: 20px;

}
/*************************** suchergebnis *******************************************/
#searchresultbox {
padding: 0px 0px;
}
#searchresultbox div.p {width:300px;float:left;}

form.searchresult {
	float: left;
	margin-left:20px;
	margin-top:20px;
}

form.searchresult input.submit{
	background: url(/media/bilder/_layout/buttons/suchen_btn_bg.png) 8px 5px no-repeat;
	color: #00509f;
	border: none;
	float: left;
	cursor:pointer;
	width: 20px;
}



.search_results ul {list-style-type:none;margin:0;padding:0;border-bottom:1px solid #e1e1e1;}
.search_results ul li {margin:0;border-top:1px solid #e1e1e1;padding:10px 0 10px 0;}
.search_results ul li:hover {background:#edf3fc;}
.search_results h4 {margin:0 0 5px 0;border: none;}
.search_results h4 a {margin:0 0 5px 0;color:#00509f;text-decoration:none;}
.search_results p {margin:0 0 10px 0;}
.search_results a {color:#00509f;margin:0 0 5px 0;}

.search_results .control_top {margin:0px 0 10px 0;}

/********** Kontaktformular **********/
#kontaktform {padding:20px 0px 10px 0px;}
form.contact, .results.contact {width:100%;}

div.label, div.field { margin:0px 0px 10px 0px;color: #00509f;font-weight:bold; }
div.label { float: left;width:130px;padding-top:5px;}
div.field { float: left;}

#firstName, #lastName, #email, #phone, #email,#subject, #message, #street, #number {width:340px;float: left;padding:3px 0px 3px 0px; } 
#zip{ width: 55px; float: left; margin-right: 15px }
#city{ width: 255px; float: left; margin-left: 7px }
input, select, textarea  { color:#646464; font-family: arial,sans-serif;}
textarea { font-size:small;height:180px;}

#kontaktform div.line{height:1px;width:472px;margin:2px 0px 12px;background: #e1e1e1;}

	


#kontaktform form.contact div.field input.submit{
	background: url(../../../media/bilder/_layout/buttons/suchen_btn_bg.gif) right 6px no-repeat;
	color: #00509f;
	border: none;
	font-weight:bold;
	cursor:pointer;
}


#errorMsg {padding-bottom:10px; padding-top:10px;}
#antwortText {margin-left:10px;}


.errorField {font-weight:bold;color:#cc0033;}
ol.fehlerliste {color:#cc3333;margin-bottom:20px;padding:0px 0px 0px 20px;}


/**** 2010-11-22 login-bereich im footer dazu ****/
#footer #inner_footer ul#service_navi { width: 323px; }
#footer #inner_footer ul#service_info { margin-left: 0; width: 380px; }
#login { float: left; width: 266px; border: 1px solid #c8c8c8; border-top-color: transparent; padding: 6px; font-size: 0.9em; background: #e5f2ff;}
#login h2 { font-size: 1.11em; font-weight: bold; margin-bottom: .7em; }
#login .ctrlHolder { overflow: auto; margin-bottom: .7em; }
#login label { display: block; float: left; width: 30%; }
#login input { display: block; float: left; width: 36%; background-color: #eceded; font-size: 1.33em; border: none; padding: 1px 0 1px 5px; }
#login button { background-color: transparent; display: block; float: left; margin-left: 5px; border: none; font: bold 1.11em arial, sans-serif; color: #00509F; padding: 3px 1px; }
#login .meta_links { margin-left: 30%; }
#login .meta_links a { color: #646464; font-weight: normal; }

#login .formInfo { float: left; width: 70%; }
#login button { padding: 10px 1px; cursor: pointer; }

/* kh 20110506 */

.box-container {
  margin-top: 14px;
}

.box.news {
    height: 118px;
}

.box.middle {
    min-height: 138px;
    height: 138px;
}

.box .boximage {
    float: left;
    margin-left: 8px;
    margin-top: 2px;
}
/* mittleren Teaser auf Startseite in der Höhe verkleinern 2011-10-21 */
.box.middle {
     height: 122px;
        min-height: 122px;
    }

    .box-container {
        margin-top: 3px;
    }