/***** formate *****/
body { background: white; font-family: arial, sans-serif; }

h2 { font-size: 1em; font-weight: bold; }
h3 { font-size: 1em; font-weight: bold; }
a { color: #003399; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
a.weiter { background: url(/media/bilder/_layout/buttons/weiter.png) no-repeat 0 0; }
strong { font-weight: bold; }
em { font-style: italic; }

.hint { font-size: 0.8em; }

div.contentInhalt { background: #dae3f4; }

div.offersInhalt { background: white; }
div.offerCategories ul { list-style: none; margin: 0; }
div.offerCategories li { background: url("/media/bilder/_layout/offer-categories-bg.gif") right repeat-y; }
div.offerCategories li.aktiv a { font-weight: bold; }
div.offerCategories li.aktiv a.category1  { color: #99cc33; }
div.offerCategories li.aktiv a.category2  { color: #669933; }
div.offerCategories li.aktiv a.category4  { color: #ffcc33; }
div.offerCategories li.aktiv a.category6  { color: #0055a4; }
div.offerCategories li.aktiv a.category7  { color: #0099cc; }
div.offerCategories li.aktiv a.category9  { color: #cc0033; }
div.offerCategories li.aktiv a.category11 { color: #f19fc1; }
div.offerCategories li.aktiv a.category10 { color: #82182c; }
div.offerCategories li.aktiv a.category23 { color: #ffec00; }
div.offerCategories li.aktiv a.category12 { color: #9999ff; }
div.offerCategories li.aktiv a.category13 { color: #9999ff; }
div.offerCategories li.aktiv a.category14 { color: #9999ff; }
div.offerCategories li.aktiv a.category15 { color: #9999ff; }
div.offerCategories li.aktiv a.category16 { color: #9999ff; }
div.offerCategories li.aktiv a.category17 { color: #9999ff; }
div.offerCategories li.aktiv a.category18 { color: #9999ff; }
div.offerCategories li.aktiv a.category19 { color: #9999ff; }
div.offerCategories li.aktiv a.category20 { color: #ff6666; }
div.offerCategories li.aktiv a.category22 { color: #e3151b; }
div.offerCategories li.aktiv a.category3  { color: #006633; }
div.offerCategories li.aktiv a.category5  { color: #003399; }
div.offerCategories li.aktiv a.category8  { color: #990099; }
div.offerCategories li.aktiv a.category21 { color: #e4002b; }
div.offerCategories li.aktiv a.category26 { color: #ffec00; }
div.offerCategories li.aktiv a.category39 { color: #0099cc; }
div.offerCategories li.aktiv a.category40 { color: #0099cc; }
div.offerCategories li.aktiv a.category41 { color: #0099cc; }
div.offerCategories li.aktiv a.category42 { color: #f19fc1; }
div.offerCategories li.aktiv a.category55 { color: #9999ff; }
div.offerCategories li.aktiv a.category54 { color: #9999ff; }

.productsList td.category1  { border-color: #99cc33; }
.productsList td.category2  { border-color: #669933; }
.productsList td.category4  { border-color: #ffcc33; }
.productsList td.category6  { border-color: #0055a4; }
.productsList td.category7  { border-color: #0099cc; }
.productsList td.category9  { border-color: #cc0033; }
.productsList td.category11 { border-color: #f19fc1; }
.productsList td.category10 { border-color: #82182c; }
.productsList td.category23 { border-color: #ffec00; }
.productsList td.category12 { border-color: #9999ff; }
.productsList td.category13 { border-color: #9999ff; }
.productsList td.category14 { border-color: #9999ff; }
.productsList td.category15 { border-color: #9999ff; }
.productsList td.category16 { border-color: #9999ff; }
.productsList td.category17 { border-color: #9999ff; }
.productsList td.category18 { border-color: #9999ff; }
.productsList td.category19 { border-color: #9999ff; }
.productsList td.category20 { border-color: #ff6666; }
.productsList td.category22 { border-color: #e3151b; }
.productsList td.category3  { border-color: #006633; }
.productsList td.category5  { border-color: #003399; }
.productsList td.category8  { border-color: #990099; }
.productsList td.category21 { border-color: #e4002b; }
.productsList td.category26 { border-color: #ffec00; }
.productsList td.category39 { border-color: #0099cc; }
.productsList td.category40 { border-color: #0099cc; }
.productsList td.category41 { border-color: #0099cc; }
.productsList td.category42 { border-color: #f19fc1; }
.productsList td.category55 { border-color: #9999ff; }
.productsList td.category54 { border-color: #9999ff; }

div.inhalt.info h4, /*dl.tankstelleInfo dt, #contentBox.tankstelle #preistafelBox h4 */ #contentBox.tankstelle h4 { font-weight: bold; color: #cc0000; }
#warenhausSucheBox #warenhausOrt { border: 1px solid #003399; }
#warenhausSucheBox label { font-weight: bold; padding-right: 1em; }

#teaserWarenhaus .teaserInhalt h3 { color: #cc0000; }

#productsOverview .productPrice del { font-size: 0.25em; display: block; text-align: right; }
#productsOverview .productPrice ins { text-decoration: none; }

#stellenBox { border: 0; }

#warnungBox { background:url("/media/bilder/_layout/warnung-bg.gif") repeat-x; color: black; border-bottom: 2px solid white; } 
#warnungBox h3 { font-size: 1.2em; }

textarea { font: 1em/1.2 arial, sans-serif; }

#popup .einkaufsliste tfoot { text-align: right; }
#popup .notizen .tfoot .linkAdd, #popup .notizen .linkChange { text-align: right; }
#popup .einkaufsliste .priceTotal, #popup .einkaufsliste .priceProduct { font-size: 2em; font-weight: bold; }
#popup .einkaufsliste .priceTotal span, #popup .einkaufsliste .priceProduct span { font-size: 0.6em; font-weight: bold; vertical-align: top; }
#popup .einkaufsliste .col2, #popup .einkaufsliste .col3, #popup .einkaufsliste .col4, #popup .einkaufsliste .col5 { text-align: right; }
#popup .notizen .col2, #popup .notizen .col3 { text-align: right; }


/***** layout *****/
#logo { display: none; }

#sitemap ul { margin-left: 1em; }

/* zeilenabstand hoch-/tiefgestellter text */
sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
p { margin: 1em 0; }

ul { list-style: disc; margin: 1em 0 1em 1em; }
dl { margin: 1em 0; }
dl dd { margin: 0 0 0 1em; }

#navigation ul { list-style: none; margin: 0; }

div.offerCategories { margin: 10px 0; }
div.offerCategories li { float: left; white-space: nowrap; margin: 0.25em 7px 0.25em 0; padding: 0 8px 0 0; }

.productsNavi .settings { float: left; }
.productsNavi .pagesNavi { float: right; }
.productsNavi .pagesNaviTitle { float: left; margin: 0; padding: 0.2em 0 0; }
.productsNavi .pagesNavi ul { list-style: none; margin: 0; float: left; }
.productsNavi .pagesNavi li { float: left; }
.productsNavi a { display: block; padding: 0.2em 0.5em; }

.anfahrt p.map, #map { border: 1px solid #003399; }

dl.bild { float: left; margin: 0 1em 0.5em 0; }
dl.bild dt, dl.bild dd { margin: 0; display: block; }
.eventDescription dl.bild { margin: 0 1em 0 0; }

.linkFeatured a { background: url("/media/bilder/_layout/buttons/weiter.png") no-repeat left center; padding-left: 18px; }

div.inhalt.info h4 { margin: 0 0 0.5em; }
#warenhausKarte { width: 626px; height: 500px; }
#warenhausSucheBox #warenhausOrt { width: 140px; padding: 0.2em; }
#warenhausSucheBox { margin: 1em 0; }
#warenhausSucheBox input { vertical-align: middle; }
#warenhausListe ul { margin-left: 0; list-style: none; }
#warenhausListe li { margin-top: 2em; }
#warenhausListe li.first { margin-top: 0; }

/*
dl.tankstelleInfo dt { margin-bottom: 0.5em; }
dl.tankstelleInfo dd { margin: 0 0 2em; }
dl.tankstelleInfo ul.kartenlogos { list-style: none; margin: 1em 0; }
dl.tankstelleInfo ul.kartenlogos li { float: left; margin: 0 0 0 20px; }
dl.tankstelleInfo ul.kartenlogos li.first { margin-left: 0; }
*/
.tankstelle .kraftstoffe ul, .tankstelle .dienstleistungen ul { list-style: none; margin: 0; }
.tankstelle .kraftstoffe li, .tankstelle .dienstleistungen li { display: inline; }
.tankstelle .adresse, .tankstelle .zeiten, .tankstelle .kraftstoffe, .tankstelle .dienstleistungen, .tankstelle .anfahrt { margin-bottom: 1em; }

#stellenBox { width: 100%; height: 300px; }

.formclearer { clear: both; height: 0; }

/* allgemein */
.wq_form { margin-top: 30px;}
.wq_form .label { float: left; margin: 0 5px 5px 0; width: 150px; }
.wq_form .field { float: left; margin: 0 0 5px 0; width: 450px; }
.wq_form input, .wq_form #nachricht , .wq_form #newsletter { border:1px solid #003399; }
.wq_form input.buttons { border: none; }
.wq_form .fehler { border-color: #9b0000; color: #9b0000; }
.wq_form #thema input {margin-bottom: 10px; border: none;}
.wq_form #Kontaktdaten {margin-bottom: 10px; margin-top:10px;}
.wq_form .themenpunkt {vertical-align: top; line-height:5px;}
.wq_form .themenpunkt input { margin-top: -2px; float: left; }

/* einzelne felder */
.wq_form #firma, .wq_form #nachname, .wq_form #adresse1, .wq_form #adresse2, .wq_form #telefon, .wq_form #handy, .wq_form #email, .wq_form #nachricht, wq_form div #bestBefore, wq_form div #charge-Nr. { width: 260px; }
.wq_form #anrede { width: 60px; margin-right: 5px; float: left;}
.wq_form #vorname { width: 195px; float: left;}
.wq_form #plz { width: 50px; margin-right: 5px; display: block; float: left; }
.wq_form #ort { width: 203px; display: block; float: left; }
.wq_form #nachricht { height: 100px; font-family: arial, sans-serif; font-size:1em;}
.wq_form #datenschutz { border: none;  }
.wq_form #kopie { border: none;  }

.wq_form #thema, .wq_form #nachricht {margin-bottom:20px;} 
.wq_form #warenhaus {margin-bottom: 10px;}

.wq_form .fehlertext {margin-left: 50px; color:#9b0000;}
.wq_form .fehlerliste {margin-left: 80px; color:#9b0000;}

/*** immobilien-kontaktformular-styles 20090623 wquadrat-ff ***/

.wq_form #immobilienart,
.wq_form #zustand,
.wq_form #vertragsart {width:265px;}
.wq_form #firmaobjekt, .wq_form #adresse1objekt { width: 260px; }
.wq_form #plzobjekt { width: 50px; margin-right: 5px; display: block; float: left; }
.wq_form #ortobjekt { width: 203px; display: block; float: left; }
.wq_form #groesseobjekt,
.wq_form #preisobjekt {width:50px;}


/*** ende immo-styles ***/



#votingBox fieldset input#datenschutz { float:left; margin-right:5px; margin-top:2px; margin-bottom:10px;}


#warnungBox { padding: 10px; }
#warnungBox .warnungText { float: left; width: 60%; }


#votingBox fieldset label { display: block; line-height: 1.8; }
#votingBox legend { display: none; }
#votingBox p.buttonSubmit { float: left; }
#votingBox p.buttonResults { float: right; }
.teaser h3 { margin: 0 0 0.25em; }

.teilnahmebedingungen {margin-top:20px; font-size:80%;}

.imgfloatrechts {float:right; margin: 2px 0 5px 5px;}

.imgfloatlinks {float:left; margin: 2px 5px 5px 0;}

/**
 * TODO: in format/layout trennen
 */
.graph { border: 1px solid #003399; padding: 2px; }
.graph .bar { background: url("/media/bilder/_layout/umfrage-bg.gif"); text-align: center; font-weight: bold; color: #003399; }

.graph { position: relative; width: 200px; margin: 0.25em 0 0.8em; }
.graph .bar { display: block; height: 2em; line-height: 2em; position: relative; }
.graph .bar span { position: absolute; left: 1em; }

form.newsletterSubscribe label { float: left; text-align: right; width: 40%; margin-right: 2%; }
form.newsletterSubscribe .button { margin-left: 42%; }
p.message.error { color: #cc0000; }

/* styles für newslettersubscribe auf der startseite wquadrat-ff 20090724 */
form.newsletterSubscribeStart {margin-top:10px;}
form.newsletterSubscribeStart label {float:left;padding:2px 5px 0 0;}
form.newsletterSubscribeStart input#email {border:1px solid #003399;padding:2px 0 2px 4px;width:130px;}
form.newsletterSubscribeStart div.holder {margin-bottom:10px;}

#popup #gewinnspiel #gewinnspielDaten li { margin: 0.5em 0; }
#popup #gewinnspiel #gewinnspielSendenBox p label { display: inline-block; width: 85%; margin-left: 1%; vertical-align: top; }

/* rezeptdatenbank */
div.recipeCategories ul { list-style: none; margin: 0; }
div.recipeCategories li { background: url("/media/bilder/_layout/offer-categories-bg.gif") right repeat-y; }
div.recipeCategories li.aktiv a { font-weight: bold; }
div.recipeCategories li { float: left; white-space: nowrap; margin: 0.25em 7px 0.25em 0; padding: 0 8px 0 0; }


.winner-listing { }