/* Oecher Deal */

html { margin: 0 0 50px 0; padding:0; overflow-y: scroll;} 
body { 	font: 13px Arial, Helvetica, sans-serif; 	margin: 0; padding: 0; 	text-align: center; background: #D6D9CE url(../bilder/bg.jpg) fixed;  }
select, input, textarea, td, th {	font: 14px Arial, Helvetica, sans-serif; }
.clr { clear: both; }
.clrl { clear: left; }
img {	border: none; }
form {	margin: 0;}
form br {	clear: both;}

a { color: #2E4576; }
a:active, a:focus { outline: none; }
.klein { 	font-size: 10px; }
.fliessr { 	float: right; margin: 0 0 10px 10px; }
.fliessl { 	float: left; margin: 0 10px 10px 0; }

h1 { font-size: 25px; margin: 0 0 20px 0; font-family: Constantia, Georgia, "Times New Roman", Times, serif; padding: 0; color: #071933; }

h1 em {
	padding: 2px 0 2px 6px;
	line-height: 1.3;
	background: #ee9e98;
	display: inline;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

h1 em:nth-child(n+2) {
	padding-left: 4px;
}

h1 em:last-child {
	padding-right: 6px;
}

h1.aboplus { margin-top: 25px; }
h2 { font-size: 14px; margin: 0px 0 14px 0; }
h3 { font-size: 11px; margin: 0 0 4px 0;  color: #717761; }
h4 { font-size: 12px; margin: 0 0 3px 0;  }
p {	margin: 0 0 10px 0;  }
ul { margin: 0 0 12px 0; }
p em { background: url(../bilder/bg-h1.gif) no-repeat; font-style: normal; padding: 0 3px;  }
p.rot { font-weight: bold; color:#C00; }
p.claim { position: relative; top: 25px; left: 0px; font-size: 20px; text-shadow: 1px 1px 0 #F2F4EF; width: 500px; }

#wrapper {	background: repeat-x url(../bilder/bg-header.gif); height: 200px; }
#header {	width: 980px; text-align: left; margin: 0 auto; }
#header img.logo { position: relative; top: 5px; left: -13px; float: left; margin-right: 10px; }
#navcontainer  { clear: right; float: left; margin: -5px 0 0 0; }
#navcontainer p { font-size: 20px; text-shadow: 1px 1px 0 #F2F4EF; }
#navcontainer ul { padding: 0; margin: 30px 0 0 0; list-style-type: none; font-size: 20px;  }
#navcontainer li { display: inline; margin: 0; padding: 0px 25px 0px 0px; }
#navcontainer li a { text-decoration: none; color: #D3DEE3; padding: 0 0 57px 0; margin: 0; text-shadow: 1px 1px 0 black; }
/*#navcontainer li a.mehrdeals { color: #F00; }*/
#navcontainer li a:hover, #navcontainer li.aktiv a { color: white; }
#navcontainer li.aktiv a { background: url(../bilder/bg-aktivnav.gif) bottom center no-repeat; }

#headernl {	width: 980px; text-align: left; margin: 0 auto; }
#headernl img.logo { position: relative; top: 5px; left: -13px; float: left; margin-right: 10px; }

#header .newsletter { 	width: 242px; background: url(../bilder/bg-newsletter.gif)  no-repeat; float: right; margin: 9px 0 0 0; border: none; padding: 20px 0 0 38px; font-size: 14px;  }
#header .newsletter em { font-style: normal; background: bottom left no-repeat url(../bilder/underl-newsletter.gif); padding: 0 3px 3px 0; }
#header .newsletter input.inptxt { 	width: 185px; background: no-repeat url(../bilder/inputtext.gif); padding: 7px 6px 6px 6px; font-size: 15px; border: none; margin: 8px 4px 0 -3px; 	float: left; color: #666;}
#header .newsletter input.inptxt:focus, #header .newsletter input.inptxt:active { color: black;	}
#header .newsletter input.inpsubmit { 	float: left; margin-top: 6px; }
#header .newsletter label { display: block; }

#contentcontainer {	width: 980px; text-align: left; margin: 3px auto 0 auto; }
#contentcontainer p, #contentcontainer li { line-height: 1.4; }

.links { width: 658px; background: #E7EAE1; padding: 15px; float: left; }
.links h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; background-color: #B8BFAA; width: 657px; padding: 3px 0 2px 3px; margin-top: 8px; }
.links h2.rot { background-color: #A60029; color:#FFF; }
.links img.progressbar { margin: 20px 0 0 200px; }
.links label.ueberweisung { float: left; width: 150px; margin: 0;}
.links p.ueberweisung { float: left; margin: 0; }
.links label.pwvergessen { width: 140px; float: left; margin-top: 3px; width: 80px; }
.links label.pwvergessenerror { width: 140px; float: left; margin-top: 3px; color:#C03; }
.links input[type=text].pwvergessen { width: 200px; margin-right: 20px; }
.links input[type=text].pwvergessenerror { width: 200px; margin-right: 20px; border: #C03 1px solid; }
.links input[type=image].pwvergessen { margin: 0 0 0 15px; }
.links input[type=text].login {}

.links2 { width: 658px; background: #E7EAE1; padding: 15px; float: left; margin-top: 10px; }
.links2 img { float: left; border: #717761 2px solid; padding: 8px; background-color:#FFF; }

.links3 { width: 668px; background: #E7EAE1; padding: 5px 5px 5px 15px; float: left; margin-top: 10px; }
.links3 p {color: #717761; margin: 0;}

#kontaktdatenbox { width: 310px; height: 316px; margin: 0 0 0 20px; padding: 0; float: left;}

#boxillustrationrahmen { width: 636px; height: 344px; background-color: #B8BFAA; margin: 20px 0 20px 0px; padding: 10px; }
#boxillustration1 { width: 217px; height: 343px; background-image: url(../bilder/sofunktionierts.jpg); float:left; }
#boxillustration2 { width: 380px; height: 343px; margin-left: 20px; float: left; }
#boxillustration2 p.t1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 17px; text-decoration:underline; }

#dealbox1 { width: 650px; min-height: 120px; margin: 0; padding: 0; clear: both;}
#dealbox2 { width: 650px; margin: 0; padding: 0;}

.produktbild { 	float: left; margin: 3px 20px 60px 0; border: #717761 2px solid; padding: 8px; background-color:#FFF; }
.konditionen { clear: both; float: left; width: 300px; margin-top: -50px; }
.konditionen h2 {  background: bottom left no-repeat url(../bilder/bg-h2-kond.gif); padding: 0 3px 5px 3px; }
.highlights { float: left; width: 300px; margin-top: -50px; }
.highlights h2 {  background: bottom left no-repeat url(../bilder/bg-h2-high.gif); padding: 0 3px 5px 3px; }

div#preisschild { background: url(../bilder/preisschild.png) no-repeat; width: 176px; height: 365px; float: right; margin: -20px -58px 10px 20px; padding: 32px 20px 0 20px;  }
#contentcontainer div#preisschild p { 	line-height: 1.2; }
div#preisschild p.wert1 { font-size: 17px; margin: -4px 0 0 13px; font-weight: bold; }
div#preisschild p.wert2 { font-size: 19px; margin: 0 0 0 13px; font-weight: bold; }
div#preisschild p.ankuendigung1 { text-align: center; font-size: 18px; margin: 42px 0 0 0;  }
div#preisschild p.deinpreis { text-align: center; font-size: 20px; margin: 22px 0 0 0;  }
div#preisschild p.preis { text-align: center; font-size: 30px; margin: 0; background: bottom left no-repeat url(../bilder/bg-preis.gif); padding: 0 3px 13px 3px;  }
div#preisschild p.ankuendigung2 { text-align: center; font-size: 24px; margin: 6px 0 0 0; background: bottom left no-repeat url(../bilder/bg-ankuendigung.gif); padding: 0 3px 13px 3px;  }
div#preisschild p.kaufen { 	text-align: center; margin: 14px 0 0px 0; }
div#preisschild p.deals { text-align: center; margin: 30px 0 14px 0; font-size: 15px; }
div#preisschild p.ankuendigung3 { text-align: center; margin: 34px 0 14px 0; font-size: 15px; }
div#preisschild div.weitersagen { text-align: center; background: left no-repeat url(../bilder/bg-weitersagenpfeil.gif); }
div#preisschild div.weitersagen ul { list-style: none; margin: 10px 0 0 0; padding: 0; }
div#preisschild div.weitersagen li { display: inline; margin: 0; padding: 0 0 0 5px;  }
div#preisschild div.weitersagen em { background: bottom right url(../bilder/bg-weitersagen.gif) no-repeat; font-style: normal; padding: 0 3px 7px 0;  }

#boxlinks { width: 460px; float: left; margin-right: 10px;}
#boxrechts { width: 400px; float: left; }
.payment { width: 950px; background: #E7EAE1; padding: 15px; float: left; }
.payment h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; background-color: #B8BFAA; width: 937px; padding: 3px 0 2px 3px; margin-top: 8px; }
.payment h2.fehler { background-color: #A60029; color:#FFF; }
.payment table tr.kopf { background-color: #B8BFAA; height: 22px; }
.payment table tr.kopf td { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; }
.payment table tr.inhalt td { vertical-align: top; padding-top: 10px; }
.payment table td.titel { padding: 0 15px 0 0; }
.payment table td.bezahl { padding: 3px 0 0 10px; }
.payment table td.chkbox { vertical-align: top; padding-bottom: 15px; }
.payment table td.cb_text { vertical-align: top; padding: 2px 0 0 8px; }
.payment table td.gewinnspiel { vertical-align: top; padding: 2px 0 0 0px; }
.payment table td.gs-standard { background-color: #A9D8E8; text-align: center; font-weight: bold; }
.payment table td.gs-geschenk { background-color: #6DBDD8; text-align: center; font-weight: bold; }
.payment input[type=text].summe { color:#000; border: none; background-color: #E7EAE1; margin: 0; font-size: 14px; }
.payment input[type=text].summe:focus { background-color: #E7EAE1; }
.payment label { width: 140px; float: left; margin-top: 3px; }
.payment label.agb { width: 420px; margin: 0; }
.payment label.agberror { width: 420px; margin: 0; color:#C03; text-decoration: underline; }
.payment label.labelerror { width: 140px; float: left; margin-top: 3px; color:#C03; }
.payment label.login { width: 80px; }
.payment label.loginerror { width: 80px; color:#C03; }
.payment input[type=text] { width: 250px; float: left; margin: 0 0 4px 0; padding: 2px 0 2px 2px; border: #999 1px solid; background-color: #E7EAE1; font-size: 12px; }
.payment input[type=text].inputerror { width: 250px; float: left; margin: 0 0 4px 0; padding: 2px 0 2px 2px; border: #C03 1px solid; background-color: #E7EAE1; font-size: 12px; }
.payment input[type=text].login { width: 200px; margin-right: 20px; }
.payment input[type=image].aboplus { margin: -5px 0 0 25px; float:left; }
.payment input[type=text].loginerror { width: 200px; margin-right: 20px; border: #C03 1px solid; }
.payment input[type=text].loginrot { width: 200px; margin-right: 20px; border: #C00 1px solid; }
.payment input[type=password] { width: 250px; float: left; margin: 0 0 4px 0; padding: 2px 0 2px 2px; border: #999 1px solid; background-color: #E7EAE1; font-size: 12px; }
.payment input[type=password]:focus { background-color: #FFF; }
.payment input[type=password].login { width: 200px; margin-right: 20px; }
.payment input[type=password].loginrot { width: 200px; margin-right: 20px; border: #C00 1px solid; }
.payment input[type=password].pwerror { border: #C03 1px solid; }
.payment input[type=text]:focus { background-color: #FFF; }
.payment input[type=image] { margin: -5px 0 0 15px; }
.payment input[type=image].login { margin: -5px 0 0 15px; float:left; }
.payment input[type=image].weiter { margin: 15px 0 0 0; float:left; }
.payment input[type=image].nl-einf { margin: 0; float:left; }
.payment input[type=image].bestellung { margin: 0 0 0 316px; }
.payment input[type=image].aenderung_speichern { margin: 5px 0 5px 234px; }
.payment input[type=image].einladung { margin: 15px 0 5px 210px; }
.payment input[type=image].teilnahme { margin: -3px 0 20px 10px; float: left; }
.payment input[type=text].gewinnspiel { width: 200px; border: #666 1px solid; background-color: #FFF; font-size:14px; margin: 0 10px 0 130px; padding: 3px 3px 3px 2px; color: #999; }
.payment input[type=text].gewinnspiel:focus { color: #000; }
.payment input[type=checkbox].teilnahme { margin: 4px 10px 0 20px; float: left; }
.payment a.pwvergessen { float: left; margin-left: 25px; }
.payment a.teilnahmebedingungen { text-decoration: none; color:#000 }
.payment p.hinweis { margin: 0; font-size: 12px; font-style:italic; }
.payment p.teilnahme { margin: 0 0 5px 0;}
.payment p.teilnahme2 { margin: 0 0 15px 152px;}
.payment img.unterstuetzung { margin: -10px 0 0 15px; }
.payment img.gewinne2 { margin: 25px 0 0 10px; }
.payment img.jetztteilnehmen { margin: 15px 0 35px 130px; }
.payment img.gewinnspiel-maxxolution { margin: 0 0 10px 100px; }
.payment img.aboplus-ja { margin: 0 0 10px 150px; }
.payment img.aboplus-nein { margin: 0 0 10px 20px; }

.meinkarl { width: 950px; background: #BF9E59; padding: 15px; float: left; }
.meinkarl input[type=text] { width: 250px; float: left; margin: 0 0 4px 0; padding: 2px 0 2px 2px; border: #999 1px solid; background-color: #FFF; font-size: 12px; }
.meinkarl label { width: 140px; float: left; margin-top: 3px; }
#meinkarlform { width: 680px; float: left; padding: 20px 20px 20px 10px; }
#meinkarlform a.button { display: inline-block; color: white; background-color: #b20f0a; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; margin-top: 15px; margin-right: 20px; text-decoration: none; }
#meinkarlform iframe { margin: 20px 0 20px 0; }
#meinkarlform input[type=submit] { display: inline-block; color: white; background-color: #b20f0a; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; margin-top: 15px; margin-right: 20px; border: none;}
#meinkarlform input[type=submit]:hover { background-color:#C00; }
#meinkarlform label.labelerror {color:#F00; }
#meinkarlgrafik { width: 200px; float: left; padding-left: 40px; }

.form_einladung input[type=text] { width: 250px; float: left; margin: 0 0 4px 0; padding: 2px 0 2px 2px; border: #999 1px solid; background-color: #FFF; font-size: 12px; }
.form_einladung input[type=text].inputerror { width: 250px; float: left; margin: 0 0 4px 0; padding: 2px 0 2px 2px; border: #C03 1px solid; background-color: #FFF; font-size: 12px; }
.form_einladung label { width: 105px; float: left; margin-top: 3px; margin-left: 100px; }
.form_einladung label.labelerror { width: 105px; float: left; margin-top: 3px; margin-left: 100px; color:#C03; }


.rechts { width: 250px; float: right; color: #2E4576; }
.rechts .block { background: #F1F2EE; padding: 10px; margin-bottom: 15px; }
.rechts .block h2 { background: url(../bilder/bg-h2-rechts.gif) no-repeat; padding: 9px 5px 7px 10px; margin: 0px 0 10px 0; font-size: 13px; }
.rechts .block h2.no { background: transparent; margin-bottom: 0px; }
.rechts .block p { margin: 5px 10px; }
.rechts .block p.facebook { margin: 0 10px 5px 10px; }
.rechts .block p.karl { margin: 0 10px 5px 10px; color: #000; }
.rechts .block p.karl2 { margin: 0 10px 5px 10px; color: #EA0000; font-weight:bold; font-size: 16px; }
.rechts .block div.dealbild { position: relative; z-index: 0; margin: 2px 10px 3px -2px; float:left; }
.rechts .block p.floatleft { margin: 6px 0 0 5px; width: 140px; font-size: 12px; float: left; font-weight: bold; }
.rechts .blockzva { background: #F1F2EE; padding: 9px; margin-bottom: 15px; }
.rechts .blockzva h2 { padding: 2px 5px 0 7px; margin-bottom: 6px; font-size: 16px; font-weight: normal; color: #666; }
.rechts .blockzva img { padding: 0 0 0 7px; }
.rechts ul.empfehlg { list-style: none; margin: -24px 0 0 5px; padding: 0; }
.rechts ul.empfehlg li { display: inline; margin: 0; padding: 0 10px 0 5px;  }
.rechts iframe { position: relative; top: -38px; left: 70px; }
.rechts img.dealbild { margin: 0 0 0 8px; }
.rechts img.switchbutton { margin: 4px 0 0 33px; }
.rechts input[type=image].ansehen { margin: 0; float: left; }

.rechts .blockrot { background: #F1F2EE; padding: 10px; margin-bottom: 15px; }
.rechts .blockrot h2 { background: url(../bilder/bg-h2-rechts-rot.gif) no-repeat; padding: 9px 5px 7px 10px; margin: 0px 0 10px 0; font-size: 13px; color: #FFF; }
.rechts .blockrot p { margin: 5px 10px; }
.rechts .blockrot img.eintragen { margin: 5px 0 3px 18px; }

.rechts .blockdealtitel { background: #A9D8E8; padding: 0; margin: 0; border: 2px solid #A9D8E8; }
.rechts .blockdealtitel h2 { padding: 3px 1px 1px 5px; margin: 0 0 2px 0; font-size: 13px; }
.rechts .blockdeal { background: #FFF; padding: 5px; margin: 0; border: 2px solid #A9D8E8; border-top: none; }
.rechts .blockdeal p { margin: 0 0 3px 5px; width: 210px; font-size: 12px; }
.rechts .blockdeal p.preisangaben { margin: 6px 0 0 5px; width: 100px; font-size: 12px; float: left; font-weight: bold; }
.rechts .blockdeal div.dealbild { position: relative; z-index: 0; margin: 2px 10px 3px -2px; float:left; }
.rechts .blockdeal div.nebenbild { float:left; }
.rechts .blockdeal div.pfeil { position: absolute; z-index: 1; margin-top: -100px; margin-left: 200px;}
.rechts .blockspace { background: none; height: 15px; width: 200px; border: none; margin: 0;}

img.vonac { float: right; margin-top: -20px; margin-right: -22px; }

#footer { width: 840px; text-align: left; margin: 10px auto; background: url(../bilder/dom-rathaus.gif) no-repeat bottom; padding: 0 0 0 140px; font-size: 11px; color: #717761; }
#footer a { color: #717761; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .block { float: left; width: 140px; margin-right: 55px; padding-top: 18px;  }
#footer .last { margin-right: 0; }
#footer .koop { height: 85px; background: url(../bilder/bg-koop.gif) no-repeat; padding: 18px; width: 124px; }
#footer ul { margin: 0; padding: 0; list-style: none; }
#footer li { margin: 0; padding: 0 0 0 14px; background: url(../bilder/pfeil-footer.gif) no-repeat; }
#footer ul.menue li { margin: 0; padding: 0; background: transparent; }

#gutschein { background-color:#FFF; width: 800px; height: 1100px; margin: 0 auto; padding-top: 20px;  }
#gutschein img.drucken { float: right; margin: 15px 0 0 0; }
#rahmen { width: 90%; border: #666 solid 1px; margin: 0 auto; height: 1030px; padding: 20px; }
#rahmen img.logo { margin: 10px 0 0 10px; float: left; }
#rahmen h1 { clear: both; font-size: 29px; margin: 0 0 10px 0; font-family: Constantia, Georgia, "Times New Roman", Times, serif; padding: 0; color: #071933; text-align: left; }
#rahmen h2 { font-size: 16px; text-align: left; margin: 0 0 6px 0; }
#rahmen2 { width: 100%; min-height: 200px; margin-top: 15px; border: 2px #666 solid; padding: 0; }
#rahmen2 img { float: left; margin: 10px 10px 10px 0; }
#rahmen2a { width: 36%; min-height: 200px; margin: 0 5px 5px 10px; float: left; }
#rahmen2a p.gshigh { font-size: 12px; margin-bottom: 3px; }
#rahmen2b { width: 28%; min-height: 200px; margin: 5px; float: left; }
#rahmen2b p.gshigh { font-size: 12px; margin-bottom: 3px; }
#rahmen3 { width: 100%; min-height: 200px; margin: 0 5px 5px 10px; float: left; }
#rahmen3 p.gsregeln { font-size: 12px; margin: 5px 20px 10px 0; }
#rahmen3 p.freude { clear: both; font-size: 29px; margin: 20px 0 10px 0; font-family: Constantia, Georgia, "Times New Roman", Times, serif; padding: 0; color: #071933; text-align: left; }

#gutschein label { width: 140px; float: left; margin-top: 3px; font-size: 16px; }
#gutschein p { float: left; margin: 3px 0 0 0; font-size: 16px; text-align: left; }
#gutschein table { margin: 30px 20px 0 20px; }
#gutschein td { vertical-align: top; text-align: left; }

#boxheader { height: 100px; width: 470px; float: left; margin-left: 30px; }

#newsletteroverlay { display:none; width:400px; border:10px solid #D6D9CE; border:10px solid rgba(82, 82, 82, 0.698); -moz-border-radius:8px; -webkit-border-radius:8px; text-align: left; }
#newsletteroverlay div { padding:10px; border:1px solid #D6D9CE; background: #D6D9CE url(../bilder/bg.jpg) fixed; font-family:"lucida grande", tahoma, verdana, arial, sans-serif }
#newsletteroverlay h2 { margin:-11px; margin-bottom:10px; background-color:#A9D8E8; padding:5px 10px; border: none; font-size: 20px; font-family: Constantia, Georgia, "Times New Roman", Times, serif; color: #071933; }
#newsletteroverlay .newsletter { width: 242px; margin: 0; border: none; padding: 0 0 20px 68px; font-size: 14px;  }
#newsletteroverlay .newsletter input.inptxt { 	width: 185px; background: no-repeat url(../bilder/inputtext.gif); padding: 7px 6px 6px 6px; font-size: 15px; border: none; margin: 8px 4px 0 -3px; 	float: left; color: #666;}
#newsletteroverlay .newsletter input.inptxt:focus, #header .newsletter input.inptxt:active { color: black;	}
#newsletteroverlay .newsletter input.inpsubmit { 	float: left; margin-top: 6px; }
#newsletteroverlay button.close { margin-left: 100px; }

#gewinnspieloverlay { display:none; width:700px; border:10px solid #D6D9CE; border:10px solid rgba(82, 82, 82, 0.698); -moz-border-radius:8px; -webkit-border-radius:8px; }
#gewinnspieloverlay div { padding:10px; border:1px solid #D6D9CE; background: #D6D9CE url(../bilder/bg.jpg) fixed; font-family:"lucida grande", tahoma, verdana, arial, sans-serif }
#gewinnspieloverlay h2 { margin:-11px; margin-bottom:10px; background-color:#A9D8E8; padding:5px 10px; border: none; font-size: 20px; font-family: Constantia, Georgia, "Times New Roman", Times, serif; color: #071933; text-align: left; }
#gewinnspieloverlay img.ipad { float: right; margin-right: 5px; }
#gewinnspieloverlay img.button_eintragen { margin-bottom: 25px; }
#gewinnspieloverlay a.unterstuetzung { float: right; }
#gewinnspieloverlay .newsletter { width: 242px; margin: 0; border: none; padding: 0 0 20px 68px; font-size: 14px;  }
#gewinnspieloverlay .newsletter input.inptxt { 	width: 185px; background: no-repeat url(../bilder/inputtext.gif); padding: 7px 6px 6px 6px; font-size: 15px; border: none; margin: 8px 4px 0 -3px; 	float: left; color: #666;}
#gewinnspieloverlay .newsletter input.inptxt:focus, #header .newsletter input.inptxt:active { color: black;	}
#gewinnspieloverlay .newsletter input.inpsubmit { 	float: left; margin-top: 6px; }
#gewinnspieloverlay td { vertical-align: top; }
#gewinnspieloverlay p.teaser { font-family: Constantia, Georgia, "Times New Roman", Times, serif; color: #071933; text-align: center; font-size: 35px; margin-bottom: 20px;  }
#gewinnspieloverlay p.comment { color:#666; }

/* Dealgitter */
h1.dealgitter { font-size: 18px; width: 460px; margin-bottom: 10px; }
p.dealgitter { font-size:11px; margin:0; padding:2px 0 0 3px; }
p.dealgitterpreis { font-size:15px; margin:0; padding:2px 0 0 3px; font-weight:bold; }

/* VW up Gewinnspiel */
h1.vwupliste { font-size: 18px; width: 650px; margin-bottom: 10px; }
h2.vwup { font-size: 20px; background: none; font-weight: bold; font-family: Constantia, Georgia, "Times New Roman", Times, serif; margin: 0 0 15px -5px; width: 600px; }
p.vwup { width: 600px; }
.payment input[type=text].vwup { width: 200px; border: #666 1px solid; background-color: #FFF; font-size:14px; margin: 0 10px 0 20px; padding: 3px 3px 3px 2px; color: #333; }
.payment input[type=text].vwup:focus { color:#333; }
.payment input[type=checkbox].vwup { margin: 4px 10px 0 20px; padding: 0; }
.payment input[type=image].vwup { margin: -3px 0 20px 0; float: left; }
.rechts .blockvwup { background: #FFF; padding: 10px; margin-bottom: 15px; border: #A60029 solid 5px; }
.rechts .blockvwup img.button { margin: 5px 0 0 19px; }
form.vwup { background-color: #FFF; padding: 10px 10px 0 10px; margin: 0 15px 20px 0; }
table.vwuptable {
	background: #3e0403; /* Old browsers */
	background: -moz-linear-gradient(left,  #3e0403 0%, #901505 50%, #3e0403 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3e0403), color-stop(50%,#901505), color-stop(100%,#3e0403)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #3e0403 0%,#901505 50%,#3e0403 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #3e0403 0%,#901505 50%,#3e0403 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #3e0403 0%,#901505 50%,#3e0403 100%); /* IE10+ */
	background: linear-gradient(to right,  #3e0403 0%,#901505 50%,#3e0403 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e0403', endColorstr='#3e0403',GradientType=1 ); /* IE6-9 */
}
td.vwuptable { vertical-align: top; }
tr.vwupweiss { background-color:#FFFFFF; }
.vwuperror { color:#F00; }

/* 	
	Oecher Deal
 	Ergaenzung für die neue Startseite 
*/

.clear {
	clear: both;
}

.links div.moredeals {
	padding-top: 15px;
}

.links div.moredeals h2 {
	font-size: 22px;
	margin: 0 0 15px 0;
	font-family: Constantia, Georgia, "Times New Roman", Times, serif;
	padding: 0;
	color: #071933;
	width: auto;
	padding: 0;
	background-color: transparent;
}

div.list-deals,
div.maindeals {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

div.first-deal {
	margin-bottom: 0.8rem;
	border: #717761 2px solid;
	padding: 12px 10px 0.8rem;
	background-color: #FFF;
}

div.list-deals .deal,
div.maindeals > .deal {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: calc((100% / 3) - 0.3rem);
	border: 2px solid #717761;
	padding: 6px;
	background-color: #FFF;
	margin: 0 0.45rem 0.45rem 0;
}

div.maindeals > .deal {
  width: calc((100% / 2) - 0.3rem);
}

div.maindeals > .deal h1 {
  font-size: 16px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:500;
  padding-right:10px;
}

div.maindeals > .deal h1 em {
  line-height: 1.4;
}

div.maindeals > .deal > .deal {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

div.first-deal .deal-img-wrapper {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: calc(243px + 16px);
	margin: 0 0 0.45rem 0;
	float: left;
	padding: 6px;
	border: none;
}

div.maindeals .deal img.deal-img {
  width: 100%;
  height: 204px;
  min-height: 1px;
  margin-bottom: 4px;
}

div.list-deals > div:nth-child(3n),
div.maindeals > div:nth-child(2n) {
	margin-right: 0;
}

div.list-deals > div:last-child {
	margin-right: auto;
}

div.first-deal div.fulltext {
	padding: 0.4rem 6px 0.4rem 1rem;
	font-size: 15px;
	width: calc(100% - 259px - 2.2rem);
	float: right;
	border-left: 2px solid rgba(113,119,97,0.3);
}

div.list-deals .deal img.deal-img,
div.first-deal .deal-img-wrapper img {
	width: 100%;
	height: auto;
	margin-bottom: 4px;
}

.deal .dealinfos {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 4px;
	margin-bottom: 10px;
	height: 45px;
}

div.first-deal .deal .dealinfos{
	margin-bottom: 0;
}

.deal .dealinfos p {
	min-width: calc(100% / 3);
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 2px 0 0 0;
	font-weight: bold;
}

.deal .dealinfos p:last-of-type {
	width: 56px;
	min-width: 0;
}

.deal .dealinfos p::before {
	content: attr(data-name);
	position: relative;
	display: block;
	font-size: 11px;
	margin: 0;
	padding: 2px 0 0;
	font-weight: 400;
}

div.list-deals .deal h3 {
	font-size: 15px;
	color: #071933;
	line-height: 1.3;
	padding: 0 4px;
	font-weight: 400;
}

div.list-deals .deal > p {
	padding: 0 4px;
}

.deal p.subline {
	font-size: 12px;
	margin-top: 4px;
	color: rgba(0,0,0,0.6);
}

.deal a.button {
	text-align: center;
	margin-top: auto;
}

div.first-deal .deal a.button {
	display: inline-block;
	margin-top: 1rem;
}

div.list-deals .deal a.button img {
	margin: 4px 0 8px;
}

/* Countdown */

.countdown-container {
  margin: 0 auto;
  height: 90px;
}

.countdown-container .time.Wochen {
	display: none;
}
.countdown-container .time {
  border-radius: 5px;
  /*box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);*/
  display: inline-block;
  text-align: center;
  position: relative;
  height: 70px;
  width: 54px;

  -webkit-perspective: 479px;
  -moz-perspective: 479px;
  -ms-perspective: 479px;
  -o-perspective: 479px;
  perspective: 479px;

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.countdown-container .count {
  background: #193B46;
  color: #f8f8f8;
  display: block;
  font-family: 'Oswald', sans-serif;
  font-weight: 300; 
  font-size: 2.5rem;
  line-height: 70px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
  top: 0;
  width: 100%;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  -ms-transform-style: flat;
  -o-transform-style: flat;
  transform-style: flat;
}
.countdown-container .count.top {
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(14,42,53,0.6);
  border-radius: 5px 5px 0 0;
  height: 50%;

  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.countdown-container .count.bottom {
  background-image: linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent);
  border-top: 1px solid rgba(14,42,53,0.6);
  border-bottom: 1px solid #0E2A35;
  border-radius: 0 0 5px 5px;
  line-height: 0;
  height: 50%;
  top: 50%;

  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.countdown-container .count.next {
}
.countdown-container .label {
  font-size: normal;
  margin-top: 5px;
  display: block;
  position: absolute;
  top: 70px;
  width: 100%;
  color: rgba(0,0,0,0.45);
  font-size: 0.6rem;
}
/* Animation start */
.countdown-container .count.curr.top {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 3;
}
.countdown-container .count.next.bottom {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  z-index: 2;
}
/* Animation end */
.countdown-container .flip .count.curr.top {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;

  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.countdown-container .flip .count.next.bottom {
  -webkit-transition: all 250ms ease-in-out 250ms;
  -moz-transition: all 250ms ease-in-out 250ms;
  -ms-transition: all 250ms ease-in-out 250ms;
  -o-transition: all 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out 250ms;

  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

/*  
  Oecher Deal
  Ergaenzung für Dealauswahl in der Tabelle
*/

.payment h2 {
  padding: 0.4rem;
  font-size: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.clear {
  clear: both;
}

div.dealauswahl {
  width: 937px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

div.dealauswahl > .single-deal {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

div.dealauswahl > .single-deal:nth-of-type(even) {
  background-color: rgba(184,191,170,0.25);
}

div.dealauswahl > .single-deal > div:not(.kaufen) {
  width: calc((100% - 110px - 60px) - 0.8rem);
}

div.dealauswahl > .single-deal > div.kaufen {
  width: 110px;
}

div.dealauswahl > .single-deal > img.dealimg {
  width: 60px;
  height: auto;
  min-height: 1px;
  margin-right: 1rem;
}

div.dealauswahl > .single-deal > div.kaufen img {
  width: 110px;
  height: auto;
  min-height: 1px;
}

div.dealauswahl div.titel {
  font-family: Constantia, Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
}

div.dealauswahl div.titel > div {
  font: 13px Arial, Helvetica, sans-serif;
}

div.dealauswahl div.preis {
  text-align: right;
  font-size: 15px;
  margin-right: 2rem;
}


#cookiedingsbums a {color:#000; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:10px; padding-right:40px;}

#cookiedingsbums { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiedingsbumsCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}