/**
* CSS Datei abfallwirtschaft-breisgau.de
* Version:_____________0.2
* Author:______________Sandra Eberl
* letzteAenderung:_____Sandra Eberl:05.10.2009 - (#B)Hauptnavigation 
* letzte Aenderung:____Matthias Thuro:28.05.2009 - (Klasse .csc-textpic-clear ergänzt)
* vorletzte Aenderung:_Matthias Thuro:25.05.2009 - (Farbe #900 überall auf #A80231 gesetzt)
* Aenderung davor:_____Sandra Eberl:05.05.2009 - (#B)Hauptnavigation war überdeckt; Formular Error Meldung
* Templateumsetzung:___Sandra Eberl
* Inhalt CSS:
*    0.........Angaben zum Body
*    1.........Allgemeingueltige Elementformatierungen
*    2.........Allgemeingueltige Klassenangaben
*    3.........IDs
*    3.1.......Gesamte Seite (A)
*    3.2.......kopf - Wobinich Logo + Hauptnavigation + Imagebanner  (B)
*    3.3.......Imagebanner  (Ba)
*    3.4.......Content (C)
*    3.5.......C.Links (D)
*    3.6.......C.Mitte+Rechts (E)
*    3.7.......C.Mitte (F)
*    3.8.......C.Rechts (G)
*    3.9.......Footer (H)
*    4.........Formulare
*    5.........Tabellen
*    6.........Sitemap
*    7.........Druckversion
*	  8.........GoogleMaps
* 
**/
/*--------------------0.....Angaben zum Body---------------------------------------------------------------------------------------------------------------------*/
html, body {background:#ececec;color:#000;font-family:Arial, Verdana, Helvetica, Tahoma, sans-serif;font-size:10px;margin:0;}
/*--------------------1.........Allgemeingueltige Elementformatierungen------------------------------------------------------------------------------------------*/
a:link, a:visited {color:#A80231;}
a:hover, a:active {color:#000; text-decoration:none;}
h1 {
color:#A80231;
background:#fff url('../../bilder/hint-h1.gif') 20px 7px no-repeat;
font-size:1.5em;
height:18px;
letter-spacing:0.05em;
margin:0 0 0 19px;
padding:4px 0 10px 30px;
position:relative;
top:-15px;
width:50%;
}
@media all and (min-width:0px){h1 { padding:6px 0 10px 30px;height:16px;} }
* html h1{padding:5px 0 6px 30px;}
* + html h1{padding:5px 0 9px 30px;}
h2 {color:#069;font-size:1.2em;margin:15px 0 10px;padding:0;}
h2.first, h2.csc-firstHeader {margin:0 0 10px;}
h3 { color:#000;font-size:1.1em;margin:0;padding:0;}
h4 { /* ueberschrift rechte Spalte */
color:#A80231;
font-size:1.2em;
margin:0;
padding:0;
}
h5 { /* ueberschrift rechte Spalte */
color:#000;
font-size:1.1em;
margin:0;
padding:0;
}
hr {border:2px solid #ccc;margin:8px 0 5px;}
* html hr {border:2px solid #ccc;margin:-1px;}
* + html hr {border:2px solid #ccc;margin:-1px;}
ul {margin:0;}
li {list-style:none;margin:0;padding:0;}
p {margin:0;padding:0;}
img {border:0;}
* html img{margin-bottom:-3px;}
* + html img{margin-bottom:-3px;}
form {display:inline;}
/*--------------------2.........Allgemeingueltige Klassenangaben-------------------------------------------------------------------------------------------------*/
.mehr{
background:url('../../bilder/mehr.gif') no-repeat;
font-weight:700;
margin:0;
padding:0 0 0 12px;
}
.mehr a{
color:#069;
text-decoration:none;
}
.mehr a:hover{
text-decoration:underline;
}
.Z {
clear:left;
}
.csc-textpic-clear,
.Zb { 
clear:both;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {margin-bottom:0;} 
/*--------------------3.1.......Gesamte Seite (A)----------------------------------------------------------------------------------------------------------------*/
#A {
background-color:#fff;
border:#ccc 1px solid;
margin:10px auto;
width:854px;
}
/*--------------------3.2.......kopf - Wobinich Logo + Hauptnavigation (B)---------------------------------------------------------------------------------------*/
/*Wobinich--------------------------------------------------------------------*/
#B .wobinich{
background-color:#A80231;
color:#fff;
font-size:1.1em;  
padding:4px 8px;
}
#B .wobinich a{
color:#fff;
text-decoration:none;
}
#B .wobinich a:hover{
text-decoration:underline;
}
#B .logo{
float:left;
position:relative;
z-index:100;
}
* html #B .logo{
margin-bottom:-3px;
}
* + html #B .logo{
margin-bottom:-3px;
}
/*hauptnavigation--------------------------------------------------------------------*/
#B .hauptnavigation{
float:left;
font-size:1.6em;
height:80px;
position:relative;
width:551px;
z-index:100;
}
#B .hauptnavigation ul{
margin:50px 0 0 2px;
padding:0;
}
* html #B .hauptnavigation ul{
margin:51px 0 0 2px;
}
@media all and (min-width:0px){ #B .hauptnavigation ul{
margin:51px 0 0 2px;
}
}
#B .hauptnavigation li{
display:inline;
margin:0 11px 0 0;
padding:0;
}
* html #B .hauptnavigation li{
margin:0 10px 0 0;
}
* + html #B .hauptnavigation li{
line-height:1.9em;
margin:0 10px 0 0;
}
#B .hauptnavigation a{
background:url('../bilder/hint-hauptnav.gif') no-repeat;	
color:#069;
font-weight:700;
padding:1px 18px 9px 5px;
text-decoration:none;
}
#B .hauptnavigation a:hover, #B .hauptnavigation a#aktiv1{
background:#e8f3fe url('../bilder/hint-hauptnav.gif') no-repeat;	
padding:1px 18px 9px 5px;
}
* html #B .hauptnavigation a{
padding:1px 18px 10px 5px;
}
* html #B .hauptnavigation a:hover, * html #B .hauptnavigation a#aktiv1{
padding:1px 18px 10px 5px;
}
/*@media all and (min-width:0px) { #################### Sollte ein Hack nur für Safari, aber FF 3.5 regagiert auch .
#B .hauptnavigation a{
padding:1px 18px 10px 5px;
}
}
@media all and (min-width:0px) {
#B .hauptnavigation a:hover{
padding:1px 18px 10px 5px;
}
}
@media all and (min-width:0px) {
#B .hauptnavigation a#aktiv1{
padding:1px 18px 10px 5px;
}
}*/

/*--------------------3.3.......Imagebanner (Ba)-----------------------------------------------------------------------------------------------------------------*/
#Ba{ 
position:relative;
}
/*--------------------3.4.......Content (C)----------------------------------------------------------------------------------------------------------------------*/
#C {
margin:0 0 10px;  
font-size:1.2em;
}
* html #C {
padding:0 0 10px; 
}
* + html #C {
padding:0 0 10px;  
}
/*--------------------3.5.......C.Links (D)----------------------------------------------------------------------------------------------------------------------*/
#D {
float:left;
margin:32px 0 0;
width:168px; 
}
/*Navigation Links*/
#D #navlink {
background-color:#e8f3fe;
border-left:1px #fff solid;
border-right:1px #fff solid;
margin:0 0 10px;
padding:0;
width:166px;
}
/*1.ebene*/
#D #navlink ul {
list-style-type:none;
margin:0;
padding:0;
}
#D #navlink li {
background:none;
margin:0;
padding:0;
}
#D #navlink li a {
background:url('../../bilder/nav-inaktiv.gif') no-repeat;
border-bottom:1px #fff solid;
border-top:1px #fff solid;
color:#000;
display:block;
font-size:1.1em;
padding:1px 0 1px 15px;
text-decoration:none;
}
* html #D #navlink li a {
height:10px;
}
/*2.ebene*/
#D #navlink ul ul {
margin:0;
padding:0;
}
#D #navlink li li {
list-style-type:none;
margin:0;
padding:0;
}
#D #navlink li li a {
font-size:1em;
font-weight:400;
margin:0;
padding:0 0 0 20px;
text-decoration:none;
}
/*Navigation alle ebenen - Hover und Aktiv zustand*/
#D #navlink li a#aktiv2,  #D #navlink li a:hover{
background:#d2e6fc url('../../bilder/nav-aktiv2.gif') no-repeat;
}
#D #navlink li li a#aktiv3{
background:url('../../bilder/nav-aktiv3.gif') no-repeat;
color:#A80231;
font-weight:700;
}
#D #navlink li li a:hover{
background:url('../../bilder/nav-aktiv3.gif') no-repeat;
color:#A80231;
}
/*--------------------3.6.......C.Mitte+Rechts (E)---------------------------------------------------------------------------------------------------------------*/
#E {
float:left;
margin:0 0 30px;
width:686px; 
}
/*--------------------3.7.......C.Mitte (F)----------------------------------------------------------------------------------------------------------------------*/
#F {
float:left;
padding:0 15px 0 19px;
width:485px;   
}
#F p{
margin:10px 0;
}
#F .eintrag p{
margin:0 0 10px;
}
#F a.mehr {
color:#069;
text-decoration:none;
}
#F a:hover.mehr {
text-decoration:underline;
}
#F ul{
line-height:1.5em;
margin:10px 0 0;
}
#F ul li{
padding-bottom:5px;
background:url('../../bilder/liste.gif') 0 5px no-repeat;
list-style-type:none;
padding:0 0 0 12px;
}
* html #F ul{
margin:10px 0 0 20px;
}
* + html #F ul{
margin:10px 0 0 20px;
}
/*--------------------3.8.......C.Rechts (G)---------------------------------------------------------------------------------------------------------------------*/
#G {
float:left;
width:158px;  	
}
/*Startseite-------*/
#G .boxRechtsHome{
background-color:#fff;
font-size:0.9em;
}
#G .boxRechtsHome p{
padding:5px;
}
#G .boxRechtsHome a{
color:#069;
text-decoration:underline;
}
#G .boxRechtsHome a:hover{
text-decoration:none;
}
/*Allgemein-------*/
#G .boxRechts{
background-color:#e8f3fe;
}
#G .boxRechts p{
padding:5px;
}
#G .boxRechts h3{
background-color:#d2e6fc;
color:#A80231;
font-size:1em;
padding:2px 2px 2px 5px;
}
/*--------------------3.9.......Footer (H)---------------------------------------------------------------------------------------------------------------------*/
#H {
background-color:#ccc;
color:#fff;
font-size:1.1em;
height:15px;
padding:4px 10px 0 0;
text-align:right;
width:844px;
}
#H a{
color:#fff;
text-decoration:none;
}
#H a:hover{
text-decoration:underline;
}
/*--------------------4.......Formulare--------------------------------------------------------------------------------------------------------------------------*/
label {
float:left;
margin:2px 20px 2px 0;
text-align:right;
width:130px;
}
form br {
clear:both;
}
input {
background:#f4f4f4;
border:1px solid #cdcdcd;
height:16px;
margin:3px 0;
padding:0;
}
select {
background:#f4f4f4;
border:1px solid #cdcdcd;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
margin:3px 0;
}
textarea {
background:#f4f4f4;
border:1px solid #cdcdcd;
margin:3px 0 15px;
}
.button {
background-color:#d2e6fc;
border:none;
color:#000;
cursor:pointer;
float:left;
font-size:0.9em;
font-weight:700;
padding:0 5px 5px;
text-decoration:none;
}
.offset{
margin:0 0 0 150px;
}
.formErrorMessage{
color:#A80231;
margin:0 0 0 150px;
padding:0;
}
#contact-formhandler br#contact-formhandler span{clear:both;}
#contact-formhandler input{float:left;width:213px;}
#contact-formhandler textarea{height:80px;width:210px;}
#contact-formhandler .offset{margin-left:140px;}
#contact-formhandler .tx-srfreecap-pi1-cant-read{margin-left:150px;display: block;}
#contact-formhandler .tx-srfreecap-pi2-cant-read{margin-left:150px;display: block;}
#contact-formhandler .btn-action{height:auto;line-height:auto;margin-left:150px;margin-top:10px;padding:2px 10px;width:auto;}
.Tx-Formhandler .error{color:#CD0921;}
.Tx-Formhandler input.error{background:#FFD9D9;border:1px solid #CD0921;}
/*--------------------5.......Tabellen---------------------------------------------------------------------------------------------------------------------------*/
.contenttable {
border-collapse:collapse;
width:100%;
}
.contenttable-1 {
font-size:0.9em;
margin:0 0 0 3px;
}
.contenttable-1 td {
border-right:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
font-size:0.9em;
padding:2px;
text-align:right;
}
/*--------------------6.......Sitemap----------------------------------------------------------------------------------------------------------------------------*/
#sitemap  {
padding:0 0 0 50px;
}

#sitemap .csc-sitemap ul {
list-style-image:none;
list-style:none;
padding:2px 0 0;
}
/* IE fix for bug */
* + html #sitemap .csc-sitemap ul {
margin:0 0 0 2px;
}
/* IE fix for bug */
* html #sitemap .csc-sitemap ul {
margin:0 0 0 2px;
}
#sitemap .csc-sitemap li {
font-weight:700;
margin:0;
padding:0;
text-transform:uppercase;
}
#sitemap .csc-sitemap li {
background:url('../../bilder/li-sitemap-eins.gif') no-repeat;
padding:2px 0 2px 20px;
}
#sitemap .csc-sitemap li ul {
margin:0 0 0 -20px;
}
#sitemap .csc-sitemap li li {
background:url('../../bilder/li-sitemap-zwei.gif') no-repeat;
font-weight:bold;
padding:2px 0 0 40px;
text-transform:none;
}
#sitemap .csc-sitemap li ul ul {
margin:0 0 0 -40px;
}
#sitemap .csc-sitemap li li li {
background:url('../../bilder/li-sitemap-drei.gif') no-repeat;
font-weight:normal;
padding:2px 0 2px 55px;
text-transform:none;
}
#sitemap .csc-sitemap li ul ul ul {
margin:0 0 -2px -55px;
}
#sitemap .csc-sitemap li li li li {
background:url('../../bilder/li-sitemap-vier.gif') no-repeat;
font-weight:normal;
padding:2px 0 0 68px;
text-transform:none;
}
#sitemap .csc-sitemap a {
color:#069;
text-decoration:none;
}

#sitemap .csc-sitemap a:hover {
text-decoration:underline;
}
/*--------------------7.......Druckversion-----------------------------------------------------------------------------------------------------------------------*/
#Aa  {
background-color:#fff;
border:#ccc 1px solid;
margin:10px;
}
#druckversion h1.csc-firstHeader{
background-image:none;
padding:4px 0 10px;
margin-bottom:30px;
top:20px;
}

#druckversion {
font-size:1.2em;
}
#druckversion #G {
margin:20px 0 0 20px; 	
}
#Aa #H {
background-color:#ccc;
color:#fff;
font-size:1.1em;
height:15px;
padding:4px 1% 0 0;
text-align:right;
width:99%;
}
#Aa #H a{
color:#fff;
text-decoration:none;
}
#Aa H a:hover{
text-decoration:underline;
}
.csc-textpic-clear{
height:8px;
background-color:#FFFFFF;
}
/*--------------------8.......GoogleMaps-----------------------------------------------------------------------------------------------------------------------*/
#tx_wegmanfahrt_map {
margin:10px 0;
}
/*-----------------Formular-----------------*/
#tx_wegmanfahrt_form {
font-size:1em;
padding-top:10px;
}
#tx_wegmanfahrt_form h2{
font-size:1.1em;
margin:0 0 5px;
padding:0;
}
#tx_wegmanfahrt_form br {
clear:both;
}
#tx_wegmanfahrt_form input{
margin:2px 5px 2px 0;
padding:2px;
font-size:1.1em;
}
#tx_wegmanfahrt_form label {
float:left;
margin-right:10px;
margin-top:4px;
text-align:right;
width:50px;
}
#tx_wegmanfahrt_form .hinweistext {
display:block;
font-size:.9em;
padding:0 0 8px 60px;
}
#tx_wegmanfahrt_form #zielAdresse{
display:block;
float:left;
padding:4px 0 0;			
}
#tx_wegmanfahrt_form .button{
font-size:1.3em;
font-weight:700;
height:20px;
margin:5px 5px 5px 60px;
}
/*------------Anfahrtsbeschreibung------------*/
#tx_wegmanfahrt_direction{
font-size:1em;
margin:20px 0 5px;
}
#tx_wegmanfahrt_direction h2{
font-size:1.1em;
margin:0 0 5px;
padding:0;
}
#tx_wegmanfahrt_direction .googledir{
background:#fff; /* Hintergrundfarbe Google Ergebnisseite*/
}
/*-----------------Infofenster-----------------*/
.tx_wegmanfahrt_marker{ 
margin:-6px 6px 0 0;
font-size:1em;
padding-bottom:10px;
}
*+html .tx_wegmanfahrt_marker { /*IE7*/
margin:0 6px 0 0;
}
* html .tx_wegmanfahrt_marker { /*IE6*/
margin:0 6px 0 0;
}
.tx_wegmanfahrt_marker a:link,
.tx_wegmanfahrt_marker a:visited{ /* Hyperlink im Infofenster */
text-decoration:underline;
}
.tx_wegmanfahrt_marker a:hover,
.tx_wegmanfahrt_marker a:active{ /* Hyperlink im Infofenster */
text-decoration:underline;
}