/**
 * 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 0;
  	padding: 0 0 0 0;
}
h2.first, h2.csc-firstHeader {
 	margin: 0 0 10px 0;
}
h3 { 
  	color: #000;
  	font-size: 1.1em;
  	margin: 0 0 0 0;
  	padding: 0 0 0 0;
}
h4 { /* ueberschrift rechte Spalte */
  	color: #A80231;
  	font-size: 1.2em;
  	margin: 0 0 0 0;
  	padding: 0 0 0 0;
}
h5 { /* ueberschrift rechte Spalte */
  	color: #000;
  	font-size: 1.1em;
  	margin: 0 0 0 0;
  	padding: 0 0 0 0;
}
hr {
  	border: 2px solid #ccc;
  	margin: 8px 0 5px 0;
}
* 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: 0px;
}

* 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:bold;
  	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: 0px; } 
/*--------------------3.1.......Gesamte Seite (A)----------------------------------------------------------------------------------------------------------------*/
#A {
	background-color: #fff;
	border: #ccc 1px solid;
  	margin: 10px auto 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 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:bold;
	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 0;  
	font-size: 1.2em;
}
* html #C {
  	padding: 0 0 10px 0; 
}
* + html #C {
  	padding: 0 0 10px 0;  
}
/*--------------------3.5.......C.Links (D)----------------------------------------------------------------------------------------------------------------------*/
#D {
	float:left;
	margin: 32px 0 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 0;
  	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 0px 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: normal;
  	margin: 0;
  	padding: 0px 0px 0px 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: bold;
}
#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 0;
  	width: 686px; 
}
/*--------------------3.7.......C.Mitte (F)----------------------------------------------------------------------------------------------------------------------*/
#F {
	float:left;
	padding: 0 15px 0 19px;
  	width: 485px;   
}
#F p{
	margin: 10px 0 10px 0;
}
#F .eintrag p{
	margin: 0 0 10px 0;
}
#F a.mehr {
	color: #069;
  	text-decoration: none;
}
#F a:hover.mehr {
  	text-decoration: underline;
}
#F ul{
line-height:1.5em;
margin: 10px 0px 0px 0px;
}
#F ul li{
padding-bottom:5px;
background: url('../../bilder/liste.gif') 0px 5px no-repeat;
list-style-type: none;
padding: 0px 0px 0px 12px;
}
* html #F ul{
margin: 10px 0px 0px 20px;
}
* + html #F ul{
margin: 10px 0px 0px 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 3px 0;
  	padding: 0 0 0 0;
}
select {
 	background: #f4f4f4;
  	border: 1px solid #cdcdcd;
  	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size: 1em;
  	margin: 3px 0 3px 0;
}
textarea {
  	background: #f4f4f4;
  	border: 1px solid #cdcdcd;
  	margin: 3px 0 15px 0;
}
.button {
  	background-color: #d2e6fc;
  	border:none;
  	color: #000;
  	cursor: pointer;
  	float: left;
  	font-size: 0.9em;
  	font-weight: bold;
  	padding: 0 5px 5px 5px;
  	text-decoration: none;
}
.offset{
  	margin: 0 0 0 150px;
}
.formErrorMessage{
	color: #A80231;
  	margin: 0 0 0 150px;
  	padding: 0;
}
/*--------------------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: 0px 0px 0px 50px;
}

#sitemap .csc-sitemap ul {
    list-style-image:none;
    list-style:none;
  	padding: 2px 0px 0px 0px;
}
/* IE fix for bug */
* + html #sitemap .csc-sitemap ul {
   	margin: 0px 0px 0px 2px;
}
/* IE fix for bug */
* html #sitemap .csc-sitemap ul {
   	margin: 0px 0px 0px 2px;
}
#sitemap .csc-sitemap li {
  	font-weight:bold;
   	margin: 0;
    padding: 0;
  	text-transform:uppercase;
}
#sitemap .csc-sitemap li {
  	background: url('../../bilder/li-sitemap-eins.gif') no-repeat;
  	padding: 2px 0px 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 0px 0px 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 0px 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 0px 0px 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 0px;
	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 10px 0;
}
/*-----------------Formular-----------------*/
#tx_wegmanfahrt_form {
	font-size: 1em;
	padding-top: 10px;
}
#tx_wegmanfahrt_form h2{
	font-size: 1.1em;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
#tx_wegmanfahrt_form br {
	clear: both;
}
#tx_wegmanfahrt_form input{
	margin: 2px 5px 2px 0px;
	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: 0px 0px 8px 60px;
}
#tx_wegmanfahrt_form #zielAdresse{
	display: block;
	float: left;
	padding: 4px 0px 0px 0px;			
}
#tx_wegmanfahrt_form .button{
	font-size: 1.3em;
	font-weight: bold;
	height: 20px;
	margin: 5px 5px 5px 60px;
}
/*------------Anfahrtsbeschreibung------------*/
#tx_wegmanfahrt_direction{
	font-size: 1em;
	margin: 20px 0px 5px 0px;
}
#tx_wegmanfahrt_direction h2{
	font-size: 1.1em;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
#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;
}