@import url("/css/basis.css");
/*****************************************************************
Name		:	gernsbach.css
Date		:	20.01.2010
Version		:	0.5
Author		:	Gernsbach
Description	:	Style Sheet für das Basis-Layout
******************************************************************/

/* Farben

#d22226 rot
#FFCFD1 hellrot
#faf5e6 hellbeige (aus Hintergrund 
#FCF2B7 hellbeige -> Hintergrund aus Container-Spalte
#fff3c4 beige (aus Infokasten)
#E4DF82 grün aus Hintergrundkachel
#9D8910 braun
#673016 dunkelbraun (Überschrift)
#eccacb rosa
#ffffff weiß

*/




/***************************************************************/
/***************************************************************/
/* Allg.-Formatierungen */
/***************************************************************/
/***************************************************************/

/*#qePageContent { font: Arial, Helvetica, sans-serif; font:110.01%/150% "Trebuchet MS",helvetica,arial,sans-serif;  margin-top: 14em; margin-bottom: 2em;  margint-right: 0; padding-top: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em } */

#contentSpalte { }

#qePageContent { /* width: 55em; margin-right: 0;  margin: 14.7em 0 0em 0; padding: 0.5em 0.5em 0.5em 0.5em; background-color:#CCCCCC; */ } 

#qePageContent hr {color: #673016; height: 0.1em;}

/* Überschriften */
#qePageContent h1, 
#qePageContent h2, 
#qePageContent h3, 
#qePageContent h4, 
#qePageContent h5, 
#qePageContent h6 { color: #673016; letter-spacing: 0em; }

#qePageContent h1 { margin-bottom: 1em; font-size: 1.8em; line-height: 1.5em}

#qePageContent h2 { margin: 0 0 1em 0; font-size: 1.4em; line-height: 1.5em}
#qePageContent h2.item {font-size: 1em }

#qePageContent h3 { margin: 0.5em 0 0.5em 0; font-size: 1.25em/1.4em}
#qePageContent h6 { margin-bottom: 0; }


/* Absatz */
#qePageContent p { margin: 0 0 1em 0;  }
#qePageContent p.last {margin: 0 0 4.5em 0;}
#qePageContent p img {margin-top: 0;}

#qePageContent p.big {font-size: 1.5em; font-weight: bold; color: #d22226; margin: 0.4em 0 0 0 0 }
#qePageContent p.phone, span.phone{ padding-left: 1.5em; background: url(/img/icon-phone.gif) left center no-repeat; color: #D22226; font-weight: bold; }
#qePageContent p.fax, span.fax { color: #D22226; font-weight: bold; }

#qePageContent p.small {font-size: 0.7em; }

#qePageContent p.autor {font-size: smaller; font-weight: bold }

#qePageContent hr.trenner100 { width: 100%; color: transparent; border-bottom: 1px dotted #d22226 }
#qePageContent hr.trenner90 { width: 90%; color: transparent; border-bottom: 1px dotted #d22226; text-align: center; }


/* Bilder */
#qePageContent img {margin-top: 0;}


/***************************************************************/
/***************************************************************/
/* Div's - Formatierungen */
/***************************************************************/
/***************************************************************/

div.item_divider_unsichtbar { display: block; margin: 1em 0 0 0; padding: 0 0 0.5em 0; height: auto; overflow:hidden;}
div.item_divider { display: block; margin: 1em 0 0 0; padding: 0 0 0.5em 0; border-bottom: 1px dotted #673016; height: auto; overflow: auto;}
div.kasten { display: inline-block; margin: 1em 0; padding: 1em ; border: 2px solid #673016 }
div.kasten h1, div.kasten h2, div.kasten h3 { margin: -2em 0 0 0; padding: 0}

div.odd { margin-bottom: 1em; padding: 0.5em; overflow: auto; }
div.even { margin-bottom: 1em; padding: 0.5em; background: url(../img/bg_60.png) top left repeat; overflow: auto;}
div.odd img, div.even img { }




div.werbung {width: 100%; height: auto; margin: 0; padding: 0; display: inline }

/* Werbung 1-spaltig*/
div.werbung_1s { display: inline-block; margin-right: auto; padding: 4em 0.5em 1em 0.5em; height: 250px; width: 30% /*210px;*/; overflow: hidden; float: left; background: url(/img/div_werbung_s1.png) left center no-repeat; font-size: smaller}
div.werbung_1s p {margin: 0 1em 0 0;}

/* Werbung 2-spaltig*/
div.werbung_2s { display: inline-block; margin: 0 0.5em 0 0; padding: 2em 0.5em 1em 0.5em; height: 250px; width: 46% /*345px;*/; overflow: hidden; float: left; background: url(/img/div_werbung_s2.png) left center no-repeat; font-size: smaller }
div.werbung_2s p {margin: 0 1em 0 0;}

/* Werbung 3-spaltig*/
div.werbung_3s { display: inline-block; margin: 0; padding: 4em 2em 1em 1em; height: 250px; width: 100% /*720px;*/; overflow: hidden; background: url(/img/div_werbung_s3.png) left center no-repeat; font-size: smaller}
div.werbung_1s p {margin: 0 3em 0 0;}


div .index_1s {display: inline-block; height: 110px; width: 33%; margin-right: 0.5em; margin-bottom: 0.5em; float: left; padding: 0.5em; overflow: hidden; background: url(/img/bg_60.png) repeat; font-size: smaller}

div .index_2s {display: inline-block; height: 220px; width: 48%; margin-right: 0.5em; margin-bottom: 0.5em; float: left; padding: 0.5em; overflow: hidden; background: url(/img/bg_60.png) repeat; font-size: smaller}

div .index_3s {display: inline-block; height: 200px; width: 100%; margin-right: 0.5em; margin-bottom: 0.5em; float: left; padding: 0.5em; overflow: hidden; background:url(/img/bg_60.png) repeat; font-size: smaller}

div .index_50 {display: inline-block; height: 200px; width: 47%; margin-right: 0.5em; margin-bottom: 0.5em; float: left; padding: 0.5em; overflow: hidden; background: #FCF2B7; font-size: smaller}




/***************************************************************/
/***************************************************************/
/* Link-Formatierungen */
/***************************************************************/
/***************************************************************/

a { color: #D22226; text-decoration: underline; font-weight:bold; }
a:focus, a:hover, a:active { color: #86401D; text-decoration: underline; font-weight:bold; }
a:visited { 	color: #D22226; }
a:visited:hover { color: #86401D; }

a.siteup { 	padding-left: 1.1em; background: url(/img/icon-nach-oben.gif) left center no-repeat;}
a.sitedown { padding-left: 1.1em; background: url(/img/icon-nach-unten.gif) left center no-repeat;}
a.siteback { padding-left: 1.1em; background: url(/img/icon-nach-links.gif) left center no-repeat; }
a.internlink { padding-left: 1.1em; background: url(/img/li-nav-aktiv-kl_p.gif) left center no-repeat;}
a[href^="https://ekp.dvvbw.de"], a[href^="https://formulare.virtuelles-rathaus.de"], a[href^="https://egov.virtuelles-rathaus.de"] { padding-left: 2em; background: url(/img/icon-secure-link.gif) left center no-repeat; }
a.securelink { padding-left: 2em; background: url(/img/icon-secure-link.gif) left center no-repeat;}


/* Überschriften */
h1 a, h1 a:focus, h1 a:active, h1 a:visited, 
h2 a, h2 a:focus, h2 a:active, h2 a:visited,
h3 a, h3 a:focus, h3 a:active, h3 a:visited,
h4 a, h4 a:focus, h4 a:active, h4 a:visited,
h5 a, h5 a:focus, h5 a:active, h5 a:visited,
h6 a, h6 a:focus, h6 a:active, h6 a:visited,
{ text-decoration: none; border-bottom: 1px dotted}

h1 a:hover, h2 a:hover , h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #D22226; text-decoration: none; border-bottom: 1px solid}



/***************************************************************/
/***************************************************************/
/* Tabellen-Formatierungen */
/***************************************************************/
/***************************************************************/


/* Tabelle farbig */
table.tabelle { border-top: 0px solid #9D8910; border-right: 1px solid #9D8910; vertical-align: top; margin: 1.5em 0 0.5em 0; float: none; width: 100%; }
table.tabelle caption { }
.tabelle th { background-color: #9D8910; color: #faf5e6; font-weight: bold; border-bottom: 1px solid #9D8910; border-left: 1px solid #9D8910; vertical-align: top; padding: 0.3em !important; 	height: auto; }
.tabelle td { background-color: #fff3c4; border-bottom: 1px solid #9D8910; border-left: 1px solid #9D8910; vertical-align: top; color: #673016; padding: 0.3em !important; height: auto; }
.tabelle p { padding: 0 0 0 0; margin: 0 0 0 0 !important; }
.tabelle td.first { background-color: #9D8910; color: #faf5e6; font-weight: bold; }
.tabelle th.leer { border: none; background-color: transparent; }
.tabelle td.leer { border: none; background-color: transparent; }
.tabelle td.last { border-top: 2px solid #9D8910; font-weight: bold; color: #673016; }


/* Tabelle Grundstücksangebote */
table.grundstuecksangebote { border-top: 0px solid #9D8910; border-right: 1px solid #9D8910; vertical-align: top; margin: 1.5em 0 0.5em 0; float: none; width: 100%; }
table.grundstuecksangebote caption { }
.grundstuecksangebote th { background-color: #9D8910; color: #faf5e6; font-weight: bold; border-bottom: 1px solid #9D8910; border-left: 1px solid #9D8910; vertical-align: top; padding: 0.3em !important; 	height: auto; }
.grundstuecksangebote td { background-color: #fff3c4; border-bottom: 1px solid #9D8910; border-left: 1px solid #9D8910; vertical-align: top; color: #673016; padding: 0.3em !important; height: auto; }
.grundstuecksangebote p { padding: 0 0 0 0; margin: 0 0 0 0 !important; }
.grundstuecksangebote td.first { background-color: #9D8910; color: #faf5e6; font-weight: bold; }
.grundstuecksangebote th.leer { border: none; background-color: transparent; }
.grundstuecksangebote td.leer { border: none; background-color: transparent; }
.grundstuecksangebote td.last { border-top: 2px solid #9D8910; font-weight: bold; color: #673016; }
.grundstuecksangebote img {width: 12.5em; height: auto; }



/* Tabelle farbig kleiner */
table.tabelleklein { border-top: 0px solid #9D8910; border-right: 1px solid #9D8910; vertical-align: top; margin: 1.5em 0 0.5em 0; float: none; width: 100%; font-size: 0.8em; }
table.tabelleklein caption { }
.tabelleklein th { background-color: #9D8910; color: #faf5e6; font-weight: bold; border-bottom: 1px solid #9D8910; border-left: 1px solid #9D8910; vertical-align: top; padding: 0.3em !important; 	height: auto; }
.tabelleklein td { background-color: #fff3c4; border-bottom: 1px solid #9D8910; border-left: 1px solid #9D8910; vertical-align: top; color: #673016; padding: 0.3em !important; height: auto; }
.tabelleklein p { padding: 0; margin: 0 !important; }
.tabelleklein td.first { background-color: #9D8910; color: #faf5e6; font-weight: bold; }
.tabelleklein th.leer { border: none; background-color: transparent; }
.tabelleklein td.leer { border: none; background-color: transparent; }
.tabelleklein td.last { border-top: 2px solid #9D8910; font-weight: bold; color: #673016; }



/* Tabelle einfach Unterstrich */
table.unterstrich { border: none; float: none; overflow: hidden; margin: 1.5em 0 0 0; padding: 0 0 0 0; vertical-align: top; }
table.unterstrich caption { display: table-caption } 
table.unterstrich th { background-color: #9D8910; color: #faf5e6; border-top: 1px solid #9D8910; border-bottom: 1px solid #9D8910; vertical-align: top; margin: 0; padding: 0.3em !important;}
table.unterstrich tr { border-bottom: 1px solid #9D8910; vertical-align: top; padding: 0; margin: 0.4em 0 0 0; }
table.unterstrich td {padding: 0.3em !important; }
table.unterstrich p {padding: 0 0 0 0; margin: 0 0 0 0 !important;}
table.unterstrich td.first { background-color: #9D8910; color: #faf5e6; font-weight: bold; border-bottom: 1px solid #9D8910; }
table.unterstrich tr.first { background-color: #9D8910; color: #faf5e6; font-weight: bold; border-bottom: 1px solid #9D8910; }
table.unterstrich th.leer { border: none; background-color: transparent; }
table.unterstrich td.leer { border: none; background-color: transparent; margin: 0; }
table.unterstrich td.lastfirst { border-top: 2px solid #673016; border-bottom: 1px solid #673016; font-weight: bold; color: #673016; background-color: #faf5e6; }
table.unterstrich td.last { border-top: 2px solid #673016; border-bottom: 1px solid #673016; font-weight: bold; color: #673016; background-color: transparent; }

/* Tabelle einfach Unterstrich kleiner */
table.unterstrichklein { border: none; float: none; overflow: hidden; margin: 1.5em 0 0 0; padding: 0 0 0 0; vertical-align: top; font-size: 0.8em; }
table.unterstrichklein caption { display: table-caption } 
table.unterstrichklein th { background-color: #9D8910; color: #faf5e6; border-top: 1px solid #9D8910; border-bottom: 1px solid #9D8910; vertical-align: top; height: auto; padding: 0 0 0 0 !important; margin: 0 0 0 0;}
table.unterstrichklein td { border-bottom: 1px solid #9D8910; vertical-align: top; padding: 0.3em; margin: 0 0 0 0;}
table.unterstrichklein tr {height: auto; padding: 0 0 0 0; margin: 0 0 0 0;}
table.unterstrichklein p { padding: 0 0 0 0; margin: 0 0 0 0 !important } 
table.unterstrichklein td.first { background-color: #9D8910; color: #faf5e6; font-weight: bold; border-bottom: 1px solid #9D8910; }
table.unterstrichklein tr.first { background-color: #9D8910; color: #faf5e6; font-weight: bold; border-bottom: 1px solid #9D8910; }
table.unterstrichklein th.leer { border: none; background-color: transparent; }
table.unterstrichklein td.leer { border: none; background-color: transparent; }
table.unterstrichklein td.lastfirst { border-top: 2px solid #673016; border-bottom: 1px solid #673016; font-weight: bold; color: #673016; background-color: #faf5e6; }
table.unterstrichklein td.last { border-top: 2px solid #673016; border-bottom: 1px solid #673016; font-weight: bold; color: #673016; background-color: transparent; }


/* Tabelle item */
table.unterstrichitem { border: none; float: none; overflow: hidden; margin: 1.5em 0 0 0; padding: 0 0 0 0 !important; vertical-align: top;  }
table.unterstrichitem caption { display: table-caption } 
table.unterstrichitem th { background-color: #9D8910; color: #faf5e6; border-top: 1px solid #9D8910; border-bottom: 1px solid #9D8910; vertical-align: top; margin: 0; padding: 0.3em !important;}
table.unterstrichitem tr { border-bottom: 20px solid #9D8910; vertical-align: top; padding: 0; margin: 0; }
table.unterstrichitem td {padding: 0.5em 0.3em !important; }
table.unterstrichitem p {padding: 0 0 0 0; margin: 0 0 0 0 !important;}
table.unterstrichitem td.first { background-color: #9D8910; color: #faf5e6; font-weight: bold; border-bottom: 1px solid #9D8910; }
table.unterstrichitem tr.first { background-color: #9D8910; color: #faf5e6; font-weight: bold; border-bottom: 1px solid #9D8910; }
table.unterstrichitem th.leer { border: none; background-color: transparent; }
table.unterstrichitem td.leer { border: none; background-color: transparent; margin: 0; }
table.unterstrichitem td.lastfirst { border-top: 2px solid #673016; border-bottom: 1px solid #673016; font-weight: bold; color: #673016; background-color: #faf5e6; }
table.unterstrichitem td.last { border-top: 2px solid #673016; border-bottom: 1px solid #673016; font-weight: bold; color: #673016; background-color: transparent; }


/*Tabelle unsichtbar */
table.unsichtbar { border: none; float: none; overflow: hidden; margin: 0.5em 0 0.5em 0; padding: 0em !important; vertical-align: top; }
table.unsichtbar caption { display: none }
table.unsichtbar td {border: none; background: none; vertical-align: top; padding: 0; margin: 0;}
table.unsichtbar tr { padding: 0; margin: 0 }
table.unsichtbar p {padding: 0em; margin: 0 !important;}


/***************************************************************/
/***************************************************************/
/* Listen-Formatierungen */
/***************************************************************/
/***************************************************************/

/* Ungeordnete Listen */
#qePageContent ul { /*list-style-image: url(/img/list-style-icon-red.png); */ list-style-type: square; list-style-position: outside; margin-top: 0.5em;  }
#qePageContent ul li { margin: 0 0 0.15em -1.3em; }
#qePageContent ul ul { list-style-type: circle; }
#qePageContent ul ul li { margin: 0.2em 0 0.2em -1.7em; }
#qePageContent ul ul ul { list-style-type: disc; }
#qePageContent ul ul ul li { margin: 0.2em 0 0.2em -1.7em; }
#qePageContent ul ul ul ul { list-style-type: square; }
#qePageContent ul ul ul ul li { margin: 0.2em 0 0.2em -1.7em; }


/* Ungeordnete Listen neben Bildern*/
#qePageContent ul.bilderliste { list-style-type: square; list-style-position: inside; margin-left: 1em; margin-top: 0.5em;  }
#qePageContent ul.bilderliste li { margin: 0 0 0.15em -1.3em; }
#qePageContent ul.bilderliste ul { list-style-type: circle; }
#qePageContent ul.bilderliste ul li { margin: 0.2em 0 0.2em -1.7em; }
#qePageContent ul.bilderliste ul ul { list-style-type: disc; }
#qePageContent ul.bilderliste ul ul li { margin: 0.2em 0 0.2em -1.7em; }
#qePageContent ul.bilderliste ul ul ul { list-style-type: square; }
#qePageContent ul.bilderliste ul ul ul li { margin: 0.2em 0 0.2em -1.7em; }



/* Geordnete Listen */
#qePageContent ol { list-style-position: outside; margin-top: 0.5em; }
#qePageContent ol li { margin: 0 0 0.15em -0.5em; }
#qePageContent ol ol{ list-style-type: lower-alpha; }
#qePageContent ol ol li{ margin: 0.2em 0 0.2em -1.2em; }
#qePageContent ol ol ol { list-style-type: upper-roman; }
#qePageContent ol ol ol li{ margin: 0.2em 0 0.2em -1.5em; }
#qePageContent ol ol ol ol { list-style-type: lower-roman; }
#qePageContent ol ol ol ol li{ margin: 0.2em 0 0.2em -1.5em; }


/* Ungeordnete Listen ohne Listenpunkt */
#qePageContent ul.linkliste { list-style-type: none; list-style-position: outside; margin-top: 0.5em }
#qePageContent ul.linkliste li { margin: 0 0 0 -3em; }
#qePageContent ul.linkliste ul { list-style-type: none; margin-top: 0; }
#qePageContent ul.linkliste ul li { margin: 0 0 0 -1.7em; }
#qePageContent ul.linkliste ul ul { margin-bottom: 0; list-style-type: none; }
#qePageContent ul.linkliste ul ul li { margin: 0.2em 0 0.2em 0em; }
#qePageContent ul.linkliste ul ul ul { list-style-type: none; }
#qePageContent ul.linkliste ul ul ul li { margin: 0.2em 0 0.2em 0em; }


/* Ungeordnete Listen Service-Spalte */
#qePageContent ul.servicespalte { list-style-type: none; list-style-position: outside; margin-top: 0em; font-size: 0.8em }
#qePageContent ul.servicespalte li { margin: 0 0 0 -3em; }
#qePageContent ul.servicespalte ul { list-style-type: none; margin-top: 0; }
#qePageContent ul.servicespalte ul li { margin: 0 0 0 -1.7em; }
#qePageContent ul.servicespalte ul ul { margin-bottom: 0; list-style-type: none; }
#qePageContent ul.servicespalte ul ul li { margin: 0.2em 0 0.2em 0em; }
#qePageContent ul.servicespalte ul ul ul { list-style-type: none; }
#qePageContent ul.servicespalte ul ul ul li { margin: 0.2em 0 0.2em 0em; }






/***************************************************************/
/***************************************************************/
/* Bild- und Bilderkasten-Formatierungen */
/***************************************************************/
/***************************************************************/

img .BildLinks { float: left; margin: 0.5em;  }
img .BildRechts { float: right; margin: 0.5em; }
#qePageContent p img { margin: 0.5em }
#qePageContent p img span.uebersicht { margin-bottom: 3em }
#qePageContent p img .BildLinks { float: left; margin: 0.5em; }
#qePageContent p img .BildRechts { float: right; margin: 0.5em; }



.bilderkasten_links { display: inline-block; float: left; background-color: none; border: none; margin: 0.5em 0.5em 0.5em 0; padding: 0; max-width: 350px; height: auto; overflow: hidden; }
.bilderkasten_links p { margin: -0.5em 0 0 0; font-size: 0.8em; line-height: 1.1em; font-weight: bold; color: #673016; }
.bilderkasten_rechts { display: inline-block; float: right; background-color: none; border: none; margin: 0.5em 0 0.5em 0.5em; padding: 0; max-width: 350px; height: auto; overflow: hidden; }
.bilderkasten_rechts p { margin: -0.5em 0 0 0; font-size: 0.8em; line-height: 1.1em; font-weight: bold; color: #673016; }




/***************************************************************/
/***************************************************************/
/* Infokasten-Formatierungen */
/***************************************************************/
/***************************************************************/

/* Infobox */
div .infobox {padding: 1em; margin: 1.5em 0; border: 1px dotted #d22226; background: url(/img/bg_60.png) left top repeat; }
p.infobox {padding: 1em; margin: 1.5em 0; border: 1px dotted #d22226; background: url(/img/bg_60.png) left top repeat; color: #d22226 }
p.infobox img {float: left; margin: 0.5em;}



/* Infokasten rechts */
.infokasten_rechts { display: inline-block; float: right; background-color: #fff3c4; border: 1px dotted #673016; margin: 0.5em 0 0.5em 0.5em; padding: 0.5em; width: 38%; height: auto; overflow: hidden; }
.infokasten_rechts h2 { font-size: 0.95em; color: #d22226; }
.infokasten_rechts p{ font-size: 0.8em; font-weight: bold; color: #673016; }
.infokasten_rechts img { width: 267px; height: auto; }


.spalteLinks { 	display: inline-block;  width: 50%; float: left; border: none; margin-right: 2em; height: auto; overflow: hidden }




/***************************************************************/
/***************************************************************/
/* Formulare */
/***************************************************************/
/***************************************************************/


/*******************************
/* normales Formular 
/******************************/

#qePageContent form.gernsbach { margin: 1em 1em 1em 0; border: none; padding: 1em; 	background-color: transparent;}

#qePageContent form.gernsbach fieldset { margin-bottom: 1em; border: none; }
#qePageContent form.gernsbach legend { padding: 0 0.5em; font-weight: bold; color: #d22226; font-size: 1.1em; margin: 0 0 1.5em 0; } 
#qePageContent form.gernsbach label { width: 10em /*Label-Breite */; display: inline-block; vertical-align: top; line-height: 1.5em;  } 

/* --- Listenformatierung --- */
#qePageContent form.gernsbach fieldset ol { margin: 0; padding: 0; } 
#qePageContent form.gernsbach fieldset li { list-style: none; padding: 0.5em; margin: 0; vertical-align: top;}
#qePageContent form.gernsbach fieldset li:hover { background-color: #faf5e6; }
#qePageContent form.gernsbach fieldset li.buttons {background-color: none;}
#qePageContent form.gernsbach fieldset li.buttons:hover { background-color: none;}
#qePageContent form.gernsbach fieldset li:hover.submit { background-color: none;}

/* --- Formatierung der Eingabefelder --- */
#qePageContent form.gernsbach input { border: 1px dotted #9D8910; height: 1.2em; font-size: 1.1em; line-height: 1.2em; background-color: #faf5e6; color: #d22226; font-family:"Courier New", Courier, monospace; font-weight: bold}
#qePageContent form.gernsbach input:active,
#qePageContent form.gernsbach input:hover,
#qePageContent form.gernsbach input:focus
#qePageContent form.gernsbach input:select { border: 1px solid #d22226; background-color: #ffffff; }

#qePageContent form.gernsbach input[type=button],
#qePageContent form.gernsbach input[type=submit],
#qePageContent form.gernsbach input[type=reset] { cursor: pointer; font-size: 1em; font-family: Arial, Helvetica, sans-serif; line-height: auto; height: auto; padding: 0.1em; background-color: #d22226; border: 1px solid #d22226; color: #faf5e6; font-weight: bold }
#qePageContent form.gernsbach fieldset li input[type=submit] {margin-left: 10em; }

#qePageContent form.gernsbach input[type=checkbox] {color: #d22226; border: none; cursor: pointer; padding: 0; background: transparent; }
#qePageContent form.gernsbach input[type=checkbox]:hover,
#qePageContent form.gernsbach input[type=checkbox]:active,
#qePageContent form.gernsbach input[type=checkbox]:focus,
#qePageContent form.gernsbach input[type=checkbox]:select {color: #d22226; border: 1px solid #d22226; cursor: pointer; padding: 0; }

#qePageContent form.gernsbach fieldset li input[type=button]:hover,
#qePageContent form.gernsbach fieldset li input[type=submit]:hover,
#qePageContent form.gernsbach fieldset li input[type=reset]:hover { background-color: #faf5e6; color: #d22226; }

/* --- Textfelder --- */
#qePageContent form.gernsbach textarea {border: 1px dotted #9D8910; font-size: 1.1em; line-height: 1.2em; background-color: #faf5e6; color: #d22226; font-weight:bold; }
#qePageContent form.gernsbach textarea:hover, 
#qePageContent form.gernsbach textarea:focus,
#qePageContent form.gernsbach textarea:select {border: 1px solid #d22226; background-color: #ffffff; }

/* --- Auswahlbox --- */
#qePageContent form.gernsbach select {border: 1px dotted #9D8910; font-size: 1em; line-height: 1.2em; background-color: #faf5e6; color: #d22226; }

/* --- Integrierte Fieldsets --- */
#qePageContent form.gernsbach fieldset fieldset { border: none; margin: 0.5em 0 0; } 
#qePageContent form.gernsbach fieldset fieldset legend { padding: 0 0 0.5em; font-weight: normal; } 
#qePageContent form.gernsbach fieldset fieldset label { margin-left: 123px  /* Label-Breite */; display: block; width: auto; } 

/* --- Hervorhebungen --- */
#qePageContent form.order em { font-weight: bold; font-style: normal; color: #f00; } 


/******************************************************
/* Formular Prospektbestellung *
******************************************************/
#qePageContent form.order { margin: 1em 0; border: none; padding: 0; 	background-color: transparent; border: none; }

#qePageContent form.order fieldset { margin-bottom: 1em; border: none;}
#qePageContent form.order legend { padding: 0 0.5em; font-weight: bold; color: #d22226; font-size: 1.2em; margin-bottom: 1.5em;} 
#qePageContent form.order label { width: 10em /*Label-Breite */; display: inline-block; vertical-align: top; line-height: 1.5em;  } 
#qePageContent form.order img {margin: 0.1em;}
#qePageContent form.order p {font-size:smaller; line-height: 1.2em;}


/* --- Tabellenformatierung innerhalb des Formulars --- */
#qePageContent form.order table.unsichtbar {text-align: center;}
#qePageContent form.order table.unsichtbar td {border-bottom: 1px solid #9D8910; padding-bottom: 1em;}

/* --- Listenformatierung --- */
#qePageContent form.order fieldset ol { margin: 0; padding: 0; } 
#qePageContent form.order fieldset li { list-style: none; padding: 0.5em; margin: 0; vertical-align: top;}
#qePageContent form.order fieldset li:hover { background-color: #faf5e6; }
#qePageContent form.order fieldset li.buttons {background-color: none;}
#qePageContent form.order fieldset li.buttons:hover { background-color: none;}

/* --- Formatierung der Eingabefelder --- */
#qePageContent form.order input { border: 1px dotted #9D8910; height: 1.2em; font-size: 1.1em; line-height: 1.2em; background-color: #faf5e6; color: #d22226; font-family:"Courier New", Courier, monospace; font-weight: bold}
#qePageContent form.order input:active, 
#qePageContent form.order input:focus,
#qePageContent form.order input:select {border: 1px solid #d22226; background-color: #ffffff; color:}

#qePageContent form.order input[type=button],
#qePageContent form.order input[type=submit],
#qePageContent form.order input[type=reset] { cursor: pointer; font-size: 1em; font-family: Arial, Helvetica, sans-serif; line-height: auto; height: auto; padding: 0.1em; background-color: #d22226; border: 1px solid #d22226; color: #faf5e6; font-weight: bold }
#qePageContent form.order fieldset li input[type=submit] {margin-left: 10em; }

#qePageContent form.order input[type=checkbox] {color: #d22226; border: none; cursor: pointer; padding: 0; background: transparent;}
#qePageContent form.order input[type=checkbox]:hover,
#qePageContent form.order input[type=checkbox]:active,
#qePageContent form.order input[type=checkbox]:focus,
#qePageContent form.order input[type=checkbox]:select {color: #d22226; border: 1px solid #d22226; cursor: pointer; padding: 0; }

#qePageContent form.order input[type=button]:hover,
#qePageContent form.order input[type=submit]:hover,
#qePageContent form.order input[type=reset]:hover { background-color: #faf5e6; color: #d22226; }

/* --- Textfelder --- */
#qePageContent form.order textarea {border: 1px dotted #9D8910; font-size: 1.1em; line-height: 1.2em; background-color: #faf5e6; color: #d22226; font-weight:bold; }
#qePageContent form.order textarea:hover, 
#qePageContent form.order textarea:focus,
#qePageContent form.order textarea:select {border: 1px solid #d22226; background-color: #ffffff; }

/* --- Auswahlbox --- */
#qePageContent form.order select {border: 1px dotted #9D8910; font-size: 0.9em; line-height: 1.2em; background-color: #faf5e6; color: #d22226; font-weight:bold; }

/* --- Integrierte Fieldsets --- */
#qePageContent form.order fieldset fieldset { border: none; margin: 0.5em 0 0; } 
#qePageContent form.order fieldset fieldset legend { padding: 0 0 0.5em; font-weight: normal; } 
#qePageContent form.order fieldset fieldset label { margin-left: 123px  /* Label-Breite */; display: block; width: auto; } 

/* --- Hervorhebungen --- */
#qePageContent form.order em { font-weight: bold; font-style: normal; color: #f00; } 



/****************************************************/
/* Formular-Hacks */
/****************************************************/

#qePageContent form.gernsbach legend {_margin: 0 -7px; /* IE Win */ }
/*\*//*/ 
#qePageContent form.gernsbach legend { display: inline-block; } 
/* IE Mac legend fix */





/***************************************************************/
/***************************************************************/
/* Spalten-Formatierung */
/***************************************************************/
/***************************************************************/

.spaltencontainer { width: 100%; overflow:hidden; }

.spalten_alt { width: 100%; float:left; }

.spalte_50_links, .spalte_25_links, .spalte_33_links, .spalte_38_links, .spalte_66_links, .spalte_75_links, .spalte_62_links {float: left; }
.spalte_50_rechts, .spalte_25_rechts, .spalte_33_rechts, .spalte_38_rechts, .spalte_66_rechts, .spalte_75_rechts, .spalte_62_rechts {float: right; margin-left: -5px; }

.spalte_25_links, .spalte_25_rechts { width: 25%; }
.spalte_33_links, .spalte_33_rechts { width: 33.333%; }
.spalte_50_links, .spalte_50_rechts { width: 50%; }
.spalte_66_links, .spalte_66_rechts { width: 66.666%; }
.spalte_75_links, .spalte_75_rechts { width: 75%; }
.spalte_38_links, .spalte_38_rechts { width: 38.2%; }
.spalte_62_links, .spalte_62_rechts { width: 61.8%; }

.spalte_mitte  { padding: 0 0.5em; }
.spalte_links { padding: 0 1em 0 0; }
.spalte_rechts { padding: 0 0 0 1em; }



/***************************************************************/
/***************************************************************/
/* Navigation Sekundär*/
/***************************************************************/
/***************************************************************/

li.navEbene2Active { background: url(/img/li-nav-aktiv-kl_p.gif) 12px 7px no-repeat; }
li.navEbene3Active {  background: url(/img/li-nav-aktiv-kl_p_3.gif) 21px 7px no-repeat; }




/***************************************************************/
/***************************************************************/
/* Service-BW-Integration*/
/***************************************************************/
/***************************************************************/


/* Mitarbeiter-Integration aus Service-BW */
div.lpPlugIn { margin: 0.5em 0.5em 0.5em 0;}
.kId1729487, .kId1729488, .kId1729489, .kId1729490, .kId1728885 {float: left; width: 49%; margin: 0;}
.lpBAnsprechFunktion { margin-left: 1.9em;}
.lpBAnsprechNameDiv { border-left: 17px solid #d22226; font-weight: bold; padding: 0 0 0 0.6em }

.lpBAnsprechTable { margin: 0.35em 0 1em 1.9em;}
.lpBAnsprechTable  span {}
.lpBAnsprechTable  span.lpBAnsprech1 {float:left;display:block; width:6em;}
.lpBAnsprechTable  span.lpBAnsprech2 {display:block; /*margin-left:8em; */position:relative;}
/* Ende Mitarbeiterintegration */


/***************************************************************/
/***************************************************************/
/* Teaser-Modul*/
/***************************************************************/
/***************************************************************/

.teaserElement {overflow: auto; padding: 0.5em; }
.teaserTitle h2 { }
.teaserOuter .even {background: url(../img/bg_60.png) top left repeat;}
div.teaserSeparator { margin-bottom: 1em; }
/* div.teaserImage{ float: left; margin: 0 0.5em 0.5em 0;} */

/***************************************************************/
/***************************************************************/
/* Service-Spalte */
/***************************************************************/
/***************************************************************/

/* Ungeordnete Listen */
/* Ungeordnete Listen ohne Listenpunkt */

#serviceSpalte .KastenRechts {	padding-top: 1em;}
#serviceSpalte .KastenRechts ul.linkliste { list-style-type: none; list-style-position: outside; margin-top: -0.1em; margin-left: 1.8em; font-size: 0.95em; }
#serviceSpalte .KastenRechts ul.linkliste li { margin: 0 0 0 -2em; }

#serviceSpalte .KastenRechts ul.linkliste ul { list-style-type: none; margin-top: 0; }
#serviceSpalte .KastenRechts ul.linkliste ul li { margin: 0 0 0 -1.7em; }