/**
 * CSS Datei Buero Schaal
 * Version:_____________0.2
 * Author:______________Andreas Becker
 * letzte Aenderung:____Andreas Becker (#hauptnav aktiv)
 * vorletzte Aenderung:_
 * Aenderung davor:______
 * Templateumsetzung:___
 * Inhalt CSS:
 *    0.........Angaben zum Body
 *    1.........Allgemeingueltige Elementformatierungen
 *    2.........Allgemeingueltige Klassenangaben
 *    3.........IDs (von oben nach unten)
 *    3.1.......Header
 *    3.2.......Content
 *    3.2.1.....Navigation
 *    3.2.2.....Inhaltsbereich
 *    3.2.3.....Footer
 *    4.........Tabellen
 *    5.........Formulare
 *
 * Info: in der Datei reset.css werden die Browserstandars zurueckgesetzt und initialisiert
 **/
/*--------------------0.....Angaben zum Body-------------------------------------------*/
html,body{background:#0268ab url('../bilder/bg.gif') left top repeat-x;color:#000;font:normal normal normal 10px/16px Verdana,sans-serif;height:100%;letter-spacing:0;margin:0;padding:0;text-align:center;width:100%;}
/*--------------------1.....Allgemeingueltige Elementformatierungen--------------------*/
a:link, a:visited {color: #000;	font: inherit; text-decoration: underline;}
* html a {font-family: Verdana;} /*IE6*/
a:hover, a:active {color: #000;	text-decoration: none;}
h1 {color: #000; font: normal bold 16px Verdana, sans-serif; margin: 10px 0 20px 0;}
h2 {color: #000; font: normal bold 14px Verdana, sans-serif; margin: 20px 0 15px 0;}
h3 {color: #000; font-size:14px; font-weight:bold; margin: 20px 0 0 0;}
h4 {color: #000; font-size:14px; font-weight: bold; margin: 0 0 10px 0;}
h5 {color: #000; font-size:14px; font-weight: bold;}
hr {border-width: 1px 0 0 0;	border-style: solid; border-color: #374F9A; height: 1px; margin: 13px 0 13px 0;}
li {list-style: none; margin: 5px 0 10px 0; padding: 0 0 2px 18px;}
p {margin: 0 0 10px 0;}
ul {margin: 10px 0 5px 0;}
/*--------------------2.....Allgemeingueltige Klassenangaben---------------------------*/
.csc-textpic {float: left;}
.csc-textpic-clear {clear: both;}
.hidehost{display:none;}
.csc-textpic-caption {font-size: .9em; font-style: italic; padding: 0 10px;}
.grauer-rahmen {border:1px solid #d4cece; padding: 19px 19px;}
 * html .grauer-rahmen {width: 761px;}
/*--------------------3.....IDs (von oben nach unten)----------------------------------*/
#grid {background: #fffce4;	border: 1px solid #999;	border-width: 0 1px 1px 1px; font-size: 1em; margin: 0 auto; padding: 0; position: relative; text-align: left; width: 998px;} /*Container*/
* html #grid {width: 1000px;} /*IE6*/
/*HEADER*/
#A {background: url('../bilder/header.jpg') left top no-repeat; position: relative; height: 125px; width: 100%;}
/*CONTENT*/
#Ba{float: right; font-size: 1.2em; padding-top: 10px; position: relative; width: 783px;}
 #Baa{display: inline; float: left; min-height: 390px; padding-right: 20px; position: relative; width: 502px;}
 * html #Baa {height: 390px;} /*IE6*/
 #Baa #cLeft {background: #f9f6df; float:left; width: 241px; margin-right: 20px;}
 #Baa #cRight {background: #f9f6df; float:left; width: 241px;}
 #Baa #cCenter {clear: both; margin: 0 0 15px 0; padding-top: 30px;}
 #Bab{background: #f9f6df; float: right; min-height: 390px; margin-right: 20px; padding: 0 0 20px 0; position: relative; width: 241px;}
 * html #Bab {height: 390px; margin-right: 10px;} /*IE6*/
 #Bab p {padding: 10px 19px 5px 19px;}
 #Bac {margin-right: 20px;}
/*NAVIGATION*/
#Bb{float: left; font-size: 1.2em; min-height: 390px; padding: 10px 20px; position: relative; width: 175px;}
* html #Bb {height: 390px;} /*IE6*/
#Bb #hauptnav {margin: 0; padding: 0;}
* html #Bb #hauptnav {width: 175px;} /*IE6*/
#Bb #hauptnav li {border-top: 1px solid #d2d0bf; cursor: hand; margin: 0; padding: 6px 0 7px 15px;}
@media all and (min-width:0px) {:root body:not(:root:root) #Bb #hauptnav li {padding: 7px 0 6px 15px;}} /*Safari*/
#Bb #hauptnav li a {text-decoration: none;}
#Bb #hauptnav li a:hover, #Bb #hauptnav li a.aktiv {font-weight: bold;}
#Bb #hauptnav ul {font-size: .9em; margin: 2px 0 0 1px; padding: 0;}
#Bb #hauptnav ul li {border: none; margin: 0; padding: 0;}
@media all and (min-width:0px) {:root body:not(:root:root) #Bb #hauptnav ul li {padding: 0;}} /*Safari*/
#Bb #hauptnav ul li a {background: url('../bilder/li-2-inaktiv.gif') 10px 3px no-repeat; margin: 0; padding: 0 0 0 25px;}
#Bb #hauptnav ul li a:hover, #Bb #hauptnav ul li a.aktiv {background: url('../bilder/li-2-aktiv.gif') 10px 3px no-repeat; font-weight: normal;}
#Bb #hauptnav ul li a.aktiv {font-weight: bold;}
#Bb #hauptnav ul.gewerbe li a:hover, #Bb #hauptnav ul.gewerbe li a.aktiv {background: url('../bilder/li-2-aktiv-gewerbe.gif') 10px 3px no-repeat;} /*Bereich Gewerbekunden*/
#Bb #hauptnav ul.fachmarkt li a:hover, #Bb #hauptnav ul.fachmarkt li a.aktiv {background: url('../bilder/li-2-aktiv-fachmarkt.gif') 10px 3px no-repeat;} /*Bereich Fachmarkt*/
#Bb #hauptnav ul.city li a:hover, #Bb #hauptnav ul.city li a.aktiv {background: url('../bilder/li-2-aktiv-city.gif') 10px 3px no-repeat;} /*Bereich City-Fachgeschäft*/
/*FOOTER*/
#C{background: url('../bilder/footer.jpg') left bottom no-repeat; clear: both; font-size: 1.1em; height: 105px; position: relative;}
/*--Metanavigation Start--*/
#C #metanav {left: 216px; margin: 0; padding: 0; position: absolute; top: 40px;}
#C #metanav li {border-right: 1px solid black; display: inline; margin: 0; padding: 0;}
#C #metanav .li-first{padding-right: 5px;}
#C #metanav .li-middle{padding-left: 1px; padding-right: 5px;}
#C #metanav .li-last{border: none; padding-left: 1px;}
* html #C #metanav li {float:left;padding:0; margin:0;} /*IE6*/
* html #C #metanav .li-first{padding-right: 5px;} /*IE6*/
* html #C #metanav .li-middle{padding-left: 5px; padding-right: 5px;} /*IE6*/
* html #C #metanav .li-last{padding-left: 5px;} /*IE6*/
*+html #C #metanav li {float:left;padding:0; margin:0;} /*IE7*/
*+html #C #metanav .li-first{padding-right: 5px;} /*IE7*/
*+html #C #metanav .li-middle{padding-left: 5px; padding-right: 5px;} /*IE7*/
*+html #C #metanav .li-last{padding-left: 5px;} /*IE7*/
/*--Metanavigation Stop--*/
#C #footer {bottom: 5px; font-size: .8em; left: 110px; margin: 0; padding: 0; position: absolute;}
* html #C #footer {bottom:3px;} /*IE6*/
*+html #C #footer {bottom:4px;} /*IE7*/
@media all and (min-width:0px) {:root body:not(:root:root) #C #footer {bottom:3px; left:111px;}} /*Safari*/
/* *** Float containers fix: */ 
.clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/*--------------------3.1...Header-----------------------------------------------------*/
/*--------------------3.2...Content----------------------------------------------------*/
/*Startseite*/
.startseite #Bab p {padding: 0 19px;}
.startseite .box {background: #f9f6df;}
.startseite .box p {padding: 0 19px;}
.startseite #cLeft .csc-textpic-caption,
.startseite #cRight .csc-textpic-caption,
.startseite #Bab .csc-textpic-caption {color: #fff; font-size: .9em; font-style: normal; font-weight: bold; padding:0;}
.startseite #cLeft .csc-textpic-above .csc-textpic-text,
.startseite #cRight .csc-textpic-above .csc-textpic-text,
.startseite #Bab .csc-textpic-above .csc-textpic-text {color: #676767; font-size: .9em; padding: 0 10px; text-align: center;}
* html .startseite #Bab .csc-textpic-above .csc-textpic-text{padding: 0 10px;}
.startseite #cLeft .csc-textpic-above .csc-textpic-text a,
.startseite #cRight .csc-textpic-above .csc-textpic-text a,
.startseite #Bab .csc-textpic-above .csc-textpic-text a {color: #676767; text-decoration: none;}
.startseite #cLeft .csc-textpic-above .csc-textpic-text a:hover,
.startseite #cRight .csc-textpic-above .csc-textpic-text a:hover,
.startseite #Bab .csc-textpic-above .csc-textpic-text a:hover {text-decoration: underline;}
.startseite #cLeft .csc-textpic-caption {background: #026bb1 url('../bilder/bg-caption-box1.gif') 10px 2px no-repeat; padding: 2px 10px 2px 94px;}
.startseite #cRight .csc-textpic-caption {background: #df2927 url('../bilder/bg-caption-box2.gif') 43px 1px no-repeat; padding: 2px 10px 2px 119px;}
.startseite #Bab .csc-textpic-caption {background: #f5d40b url('../bilder/bg-caption-box3.gif') 58px 1px no-repeat; color: #000; padding: 2px 10px 2px 133px;}
.zitat-fueller {background:url('../bilder/bg-fueller.gif') left top no-repeat; height: auto; margin-bottom: 20px; min-height: 55px; padding: 25px 180px 0 20px;}
* html .zitat-fueller {height: 55px;}
.zitat-fueller .bodytext {font-style:italic; font-weight:bold;}
.zitat-rahmen {border:1px solid #d2d0bf; height: auto; margin-bottom: 20px; min-height: 25px; padding: 20px 20px 10px 20px;}
.zitat-rahmen .bodytext {font-style:italic; font-weight:bold;}
.csc-textpic {width: 100%; }

/*Kontakt*/
.tx-wemitarbeiter-pi1 {float: left; clear: both; padding-bottom:20px;}
* html .tx-wemitarbeiter-pi1 {padding-bottom: 0;}
.floatLeft {float: left; padding-top: 1px;}
.floatRight {float: right; margin-top: 14px;}
.floatRight p {padding-left: 19px; padding-top: 10px;}
.vcard {background: #f9f6df; padding: 19px 10px 10px 19px; margin: 14px 25px 0 0; width: 428px;}
* html .vcard {padding: 11px 10px 14px 10px; width: 457px;}
.vcard img {float: left; padding-right: 35px;}
* html .vcard p {float: left; padding-left: 35px;}
/*--------------------3.2.1.Navigation-------------------------------------------------*/
/*--------------------3.2.2.Inhaltsbereich---------------------------------------------*/
/*--Sitemap--*/
#Da .csc-sitemap ul {list-style-image: none; list-style: none; padding: 2px 0 0 0;}
* html #Da .csc-sitemap ul {margin: 0 0 0 2px;} /*IE6*/
*+html #Da .csc-sitemap ul {margin: 0 0 0 2px;} /*IE7*/
#Da .csc-sitemap li {margin: 0; padding: 0;}
#Da .csc-sitemap li{background: url('../bilder/li-sitemap-eins.gif') no-repeat; padding: 2px 0 2px 20px;}
#Da .csc-sitemap li ul{margin: 0 0 0 -20px;}
#Da .csc-sitemap li li{background: url('../bilder/li-sitemap-zwei.gif') no-repeat; padding: 4px 0 0 40px;}
#Da .csc-sitemap li ul ul{margin: -2px 0 0 -40px;}
#Da .csc-sitemap li li li{background: url('../bilder/li-sitemap-drei.gif') no-repeat; padding: 2px 0 2px 55px;}
#Da .csc-sitemap li ul ul ul{margin: 0 0 -2px -55px;}
#Da .csc-sitemap li li li li{background: url('../bilder/li-sitemap-vier.gif') no-repeat; padding: 2px 0 0 68px;}

/*--------------------4.....Tabellen---------------------------------------------------*/
.contenttable { width: 100%;}
.contenttable td {vertical-align: top;}
.contenttable-1 {background: #f4f3e1;}
.contenttable-1 td {padding: 20px;}

/*--------------------5.....Formulare--------------------------------------------------*/
label {float: left;	margin: 2px 0px 2px 0px; width: 135px;}
label.hidden {display: none;}
label.inLine {float: none; padding-right: 10px;}
form br {clear: both;}
input {background: #fff; border: 1px solid #d2d2d2; height: 15px; margin: 3px 0; padding: 2px 0 0 0; width: 120px;}
select {background: #fff; border: 1px solid #d2d2d2;}
textarea {background: #fff; border: 1px solid #d2d2d2; margin: 3px 0 15px 0; width: 120px;}
.button {background: #d2d2d2; border: 1px solid #999; color: #000; cursor: pointer; font-size: 1em; font-weight: bold; height: auto; width: auto;}
.offset {margin: 0 0 0 135px;}
.shortInput {width: 42px;}
/*--Shoplogin--*/
.shoplogin {padding: 0 0 10px 19px;}
* html .shoplogin {width: 191px;}
.shoplogin h2 {font-size: 1em; margin-top: 20px; margin-bottom: 5px;}
.shoplogin label {display: block; font-size: .9em; font-weight: bold; margin: 0; padding: 0;}
.shoplogin input {margin: 0;}
.shoplogin .button {font-size: .9em; margin: 6px 0 16px 0;}
.shoplogin .shoplogin-reg {margin: 0 0 0 -19px; padding: 0;}
.shoplogin .shoplogin-lostpw {margin: 0 0 0 -19px; padding: 0;}

/*--------------------6.....Tabs-------------------------------------------------------*/
.tx-wetabs-pi1 {margin:0; padding: 0; width: 100%;}
.tx-wetabs-buttons {font-size: .9em; float: left; height: auto; line-height: normal; width: 100%;}
.tx-wetabs-buttons ul {float: left; margin: 0; padding: 3px 0 2px 4px;}
.tx-wetabs-buttons li {display: inline; margin: 0 0 0 -4px; padding: 0;}
.tx-wetabs-buttons li a {background: url('../bilder/tab-left.gif') no-repeat left top; padding: 3px 0 2px 4px; position: relative; text-decoration: none;}
* html .tx-wetabs-buttons li a {text-decoration: none !important; margin: 0; padding: 0 0 0 4px;} /*IE6*/
*+html .tx-wetabs-buttons li a {padding: 0 0 0 4px;} /*IE7*/
.tx-wetabs-buttons li a:hover {background-position:0% -19px;}
.tx-wetabs-buttons li a#aktiv {background-position:0% -19px;}
.tx-wetabs-buttons li a#aktiv:hover {}
.tx-wetabs-buttons li a span {background: url('../bilder/tab-right.gif') no-repeat right top; color: #676767; font-weight: bold; padding: 3px 15px 2px 15px; text-transform: uppercase;}
* html .tx-wetabs-buttons li a span {cursor:pointer; padding: 4px 15px 2px 15px;} /*IE6*/
.tx-wetabs-buttons li a:hover span {background-position:100% -19px; color:#fff;}
.tx-wetabs-buttons li a#aktiv span {background-position:100% -19px; color:#fff;}

.tx-wetabs-container {background:#f9f6df !important; border: 1px solid #d2d2d2; border-width: 1px 0; clear: both; float: left; font-size: .9em; padding: 10px 19px; width: 464px;}
* html .tx-wetabs-container {border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; width: 464px; padding: 10px 19px 0 19px;} /*IE6*/
*+html .tx-wetabs-container {height:1%;} /*IE7*/
*+html .tx-wetabs-container #xa_content {height:1%;} /*IE7*/

/*--------------------7.....GoogleMaps-------------------------------------------------*/
.tx-wegmanfahrt-pi1 .tx_wegmanfahrt_direction .googledir{background: #f9f6df !important; /* Hintergrundfarbe Google Ergebnisseite*/ }