@charset "utf-8";
@import url("reset.css");

@font-face {
	font-family: 'FontinBold';
	src: url('fonts/fontin-bold-webfont.eot');
	src: local('☺'), url('fonts/fontin-bold-webfont.woff') format('woff'), url('fonts/fontin-bold-webfont.ttf') format('truetype'), url('fonts/fontin-bold-webfont.svg#webfont05DGgMl0') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FontinSmallCapsRegular';
	src: url('fonts/fontin-smallcaps-webfont.eot');
	src: local('☺'), url('fonts/fontin-smallcaps-webfont.woff') format('woff'), url('fonts/fontin-smallcaps-webfont.ttf') format('truetype'), url('fonts/fontin-smallcaps-webfont.svg#webfontyG2fAsFk') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FontinRegular';
	src: url('fonts/fontin-regular-webfont.eot');
	src: local('☺'), url('fonts/fontin-regular-webfont.woff') format('woff'), url('fonts/fontin-regular-webfont.ttf') format('truetype'), url('fonts/fontin-regular-webfont.svg#webfontdEqN9A0n') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */ 

/* Standard Tags */
html, body { height: 100% }
body { font: 1em/1.3em Arial, Helvetica, sans-serif; background: #daecd1 }
h1, h2, h3, h4, h5 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 1.2em }
h1 { font-size: 2em; margin: 0.75em 0; color: #388325 }
h2 { font-size: 1.8em; margin: 0.75em 0 }
h3 { font-size: 1.4em; margin: 0.75em 0 }
h4 { font-size: 1.2em; margin: 0.75em 0 }
h5 { font-size: 1.1em; margin: 0.75em 0 }

em { font-style: italic }
strong { font-weight: bold }
p { margin-bottom: 0.5em }
blockquote { padding: 0.5em 1em 1em; letter-spacing: 0.05em; font-style: italic } 
a:focus { outline: none }

.content { position: relative }
.content ul, .overlay ul { margin: 0 0 0.25em 0 }
.content li, .overlay li { margin: 0.25em 0; padding: 0 0 0 1em; background: transparent url("images/bullet.png") 0 4px no-repeat }
.overlay li { background-image: url("images/bullet_kasten.png") }

/* Wrapper */
#wrapper { position: relative; margin: 0 auto; width: 1220px; background: #fff url("images/body_bg.png") repeat-y left top }
#wrapper.print { padding: 20px 70px 50px; width: 1080px }

/* Layout */
#header { position: relative; background: transparent url("images/head_bg.png") repeat-x center top; height: 285px; width: 1220px }
#header .text { position: absolute; top: 0px; left: 0; width: 100%; height: 285px; display: block; background: transparent url("images/head_text.png") no-repeat left top }
#header .image { position: absolute; top: 0; right: 0; width: 500px; height: 351px; background: transparent url("images/head_image.jpg") no-repeat right top } 
#header .image.event { background: transparent url("images/head_image_event.jpg") no-repeat right top } 
#header .countdown { position: absolute; left: 48px; top: 130px; width: 110px; height: 110px; text-align: center; font-family: FontinRegular, "Times New Roman", Times, serif; font-size: 20px; line-height: 30px }
#header .countdown .days, #header .countdown .tomorrow, #header .countdown .today { font-family: FontinBold, "Times New Roman", Times, serif; font-size: 56px; line-height: 48px; color: #c11424 }
#header .countdown .tomorrow, #header .countdown .today { font-size: 28px; line-height: 110px }
#header .countdown .today { font-size: 32px }
#content { position: relative; width: 1220px }
#geschenke { background: #fff url("images/geschenke.jpg") no-repeat left bottom; width: 858px; height: 193px; position: relative; left: 60px; clear: both }
#footer { position: relative; background: #fff url("images/bottom_bg.png") no-repeat left top; font-size: 0.7em; clear: both; margin: 0 auto; padding: 15px 0 0; text-align: center; height: 20px; width: 1220px }
#footer p { margin-bottom: 0; line-height: 1.2em }

/* Columns */
#leftcolumn { position: relative; margin-left: -100%; width: 300px; float: left }
#rightcolumn { position: relative; margin-left: -300px; width: 300px; float: left; overflow: hidden }
#contentinner { position: relative; background: transparent url("images/content_bg.png") repeat-y center top }
#textwrapper { width: 100%; float: left }
#text { position: relative; margin: 0 300px; padding: 0 25px; width: 570px }
#text > h1 { margin-top: 0 } 

/* Menu */
#content #menu { padding: 0 10px 0 70px; position: relative; z-index: 10 }
#content #menu ul li { margin-top: 8px }
#content #menu ul li a { padding: 2px 6px 8px; background: transparent url("images/menu_bg1.png") no-repeat 0 0; color: #fff; display: block; position: relative; z-index: 10 }
#content #menu ul li span { display: block }
#content #menu ul li a:hover { color: #fff }
#content #menu ul ul li { margin-top: 0 }
#content #menu ul ul li a { padding: 2px 0 2px 6px; background: none; font-size: 0.9em; color: #000; display: inline-block }
#content #menu ul ul li span { margin-top: 0; padding-right: 34px; display: inline-block }
#content #menu ul ul li:hover { background: transparent url("images/menu_hover.png") no-repeat 0 0 }
#content #menu ul ul li a:hover { color: #000 }
#content #menu a { color: #1a1a1a; text-decoration: none }
#content #menu a:hover { color: #388325; text-decoration: none }
#content #menu ul li.selectedLava a { background: transparent url("images/menu_bg1_active.png") no-repeat 0 0 }
#content #menu ul li.selectedLava li a { background: none }
#content #menu ul ul li.selectedLava a { background: transparent url("images/menu_hover.png") no-repeat 0 0 }
#content #menu .backLava { background: transparent url("images/menu_hover.png") no-repeat right top; z-index: 8; position: absolute; height: 30px; margin: 0 }
#content #menu .leftLava { background: transparent url("images/menu_hover.png") no-repeat left top; z-index: 9; height: 30px; width: 6px }

/* Topmenu */
#header .topmenu { position: absolute; top: 259px; left: 72px; font-size: 0.95em } 
#header .topmenu ul li { float: left; padding: 0 8px; border-right: 1px solid #fff }
#header .topmenu ul li.last { border-right: none }
#header .topmenu ul li a { padding: 4px 0 4px 0; color: #fff; text-decoration: none }

/* Breadcrumbs */
#breadcrumbs { padding: 15px 75px; font-size: 0.75em; height: 38px }
#breadcrumbs a { text-decoration: none }
#breadcrumbs a:hover { text-decoration: underline }

/* Suche */
#searchbox { padding: 10px 40px 20px 18px; width: 208px }
#searchbox fieldset { background: transparent url("images/search_bg.png") no-repeat right top }
#searchbox fieldset:hover { background-position: right -34px }
#searchbox .text { background: none; border: none; float: left; height: 21px; line-height: 21px; padding: 7px 8px 6px 32px; width: 135px; font-size: 0.8em }
#searchbox .button { background: none; border: none; cursor: pointer; float: left; height: 34px; line-height: 34px; padding: 0; width: 33px; text-indent: -3000px }

/* Content */
#content a, #footer a, #ajaxPopup .inner a, #wrapper.print a { color: #388325; text-decoration: none }
#content a:hover, #footer a:hover, #ajaxPopup .inner a:hover, #wrapper.print a:hover { color: #388325; text-decoration: underline }

/* GoogleAds */
.container { padding: 10px 28px 20px 18px }
#leftcolumn .container { padding: 10px 22px 20px 70px } 
.container .inner { margin-bottom: 20px }

/* Empfehlung */
#content .empfehlung { background: transparent url("images/kasten_empfehlung.png") no-repeat left bottom; position: relative; width: 208px }
#content .empfehlung p { padding: 5px }
#content .empfehlung h2 { color: #fff; background: transparent url("images/kasten_empfehlung.png") no-repeat left top; padding: 2px 8px; font: 1em/1.3em Arial,Helvetica,sans-serif; margin-bottom: 0 }
#content .empfehlung blockquote { position: absolute; bottom: 0; width: 208px; padding: 0; font-size: 0.8em; font-style: normal; letter-spacing: 0; line-height: 1.2em }
#content .empfehlung blockquote a { margin: 4px 5px; padding: 4px 5px; color: #000 !important; display: inline-block; background: rgba(255, 255, 255, 0.75) }
#content .empfehlung blockquote a:hover { text-decoration: none !important }

#content .empfehlung.top-klicks p, #content .empfehlung.top5 p, #content .empfehlung.twitter p, #content .empfehlung.warenkorb form, #content .empfehlung.shop-informationen p { font-size: 0.9em; padding: 5px 8px 0; width: 192px }
#content .empfehlung.top-klicks ul, #content .empfehlung.top5 ul, #content .empfehlung.shop-informationen ul { font-size: 0.9em; padding: 0 8px 5px }
#content .empfehlung.shop-informationen ul { margin-top: 8px }
#content .empfehlung.top-klicks li, #content .empfehlung.top5 li, #content .empfehlung.shop-informationen li { background: url("images/bullet_geschenk_kasten.png") no-repeat scroll 0 4px transparent; padding-left: 16px }

#content .empfehlung.twitter { background: transparent url("images/kasten_twitter.jpg") no-repeat left bottom; width: 230px; height: 215px; line-height: 1.2em }
#content .empfehlung.twitter h2 { background: none; padding-top: 11px }
#content .empfehlung.twitter a { color: #000 }
#content .empfehlung.twitter a:hover { text-decoration: none !important }

#content .empfehlung.warenkorb .land { margin: 2px 0 4px } 
#content .empfehlung.warenkorb .product { position: relative } 
#content .empfehlung.warenkorb .quantity { line-height: 15px } 
#content .empfehlung.warenkorb .icons { position: absolute; right: 0; top: 0 } 
#content .empfehlung.warenkorb .name, #content .empfehlung.warenkorb .quantity { padding-bottom: 3px }
#content .empfehlung.warenkorb .name { font-size: 1.1em }
#content .empfehlung.warenkorb .price, #content .empfehlung.warenkorb .itemPrice { text-align: right }
#content .empfehlung.warenkorb .price { border-bottom: 1px solid #ccc; margin-bottom: 9px; padding-bottom: 3px }
#content .empfehlung.warenkorb .summe { font-weight: bold; margin-bottom: 3px; text-align: right }
#content .empfehlung.warenkorb .mwst { margin-bottom: 6px }
#content .empfehlung.warenkorb .mwst a { color: #000 }
#content .empfehlung.warenkorb .label { float: left; display: block; width: 95px; text-align: left }
#content .empfehlung.warenkorb .buttons { padding-bottom: 9px; height: 22px }
#content .empfehlung.warenkorb .buttons input { width: 93px }
#content .empfehlung.warenkorb .buttons > .jqTransformButtonWrapper:first-child { margin-right: 6px }
#content .empfehlung.warenkorb .jqTransformButton { font-size: 13px }
#content .empfehlung.warenkorb .jqTransformButton span { line-height: 22px }
#content .empfehlung.warenkorb .jqTransformInputWrapper { float: none; display: inline-block; vertical-align: middle }

#content .empfehlung.trusted-shops-kundenmeinungen p { text-align: center }

/* Shop */
#content .shop .kopf { background: url("images/produkt_kopf.png") no-repeat left top; position: relative; height: 191px; margin-bottom: 8px; padding: 8px }
#content .shop .image { float: left; margin-right: 20px }
#content .shop .image img { height: 175px; width: 250px } 
#content .shop .mwst, #content .shop .lager, #content .shop .preis, #content .shop .itemPreis { font-size: 0.9em }
#content .shop .mwst a { color: #000 }
#content .shop .rating { float: none; margin: 8px 0 }
#content .shop .rating .score { display: none }
#content .shop .rating .star-rating { margin: 0 }
#content .shop .bestellen { position: relative; margin-left: 250px; height: 175px }
#content .shop .bestellen .preis { font: 24px Georgia,"Times New Roman",Times,serif }
#content .shop .bestellen .submit { font-size: 13px; position: absolute; bottom: 2px; right: 2px }
#content .shop .bestellen .submit input { width: 140px }

#content .shop .product { background: url("images/produkt_kopf.png") no-repeat left top; position: relative; height: 175px; margin-bottom: 8px; padding: 8px }
#content .shop .product .icons { position: absolute; right: 8px; top: 8px } 
#content .shop .product .quantity { line-height: 15px; padding-bottom: 3px } 
#content .shop .product .label { width: 90px }
#content .shop .image { float: left }
#content .shop .summe { clear: left; margin: 8px 0 }
#content .shop .betrag { text-align: right; width: 230px }
#content .shop .label { float: left; display: block; width: 140px; text-align: left }
#content .shop .buttons input { width: 93px }
#content .shop .buttons > .jqTransformButtonWrapper:first-child { margin-right: 6px }
#content .shop .jqTransformButton { font-size: 13px }
#content .shop .jqTransformButton span { line-height: 22px }
#content .shop .jqTransformInputWrapper { float: none; display: inline-block; vertical-align: middle }
#content .shop .products { background: #fff; border: 1px solid #ccc; padding: 2px 6px; margin-bottom: 12px }
#content .shop .products th { font-weight: bold; text-align: left }
#content .shop .products .count { width: 60px }
#content .shop .products .name { width: 390px }
#content .shop .products .price { width: 100px }

#content .warenkorb.klein { background: #fff url("images/tipp_bg.png"); margin-bottom: 12px; position: relative; padding: 10px 10px 0 }
#content .warenkorb.klein .top { background: #fff url("images/tipp_top.png") no-repeat; position: absolute; top: 0; left: 0; width: 570px; height: 10px }
#content .warenkorb.klein .bottom { background: #fff url("images/tipp_bottom.png") no-repeat;  position: absolute; bottom: 0; left: 0; width: 570px; height: 50px }
#content .warenkorb.klein .product { padding-bottom: 10px; position: relative; z-index: 1; height: 100px }
#content .warenkorb.klein .image { float: left; height: 100px; margin-right: 10px }

#content .shop .star-rating, #content .shop .star-rating a:hover, #content .shop .star-rating a:active, #content .shop .star-rating .current-rating { background-image: url("images/rating_star_weiss.png") }

table.versand { background: #fff; border: 1px solid #ccc; padding: 2px 6px; margin-bottom: 12px; width: 100% }
table.versand .preis { width: 60px; text-align: left; padding-right: 8px }
.inner table.versand { border: none; background: #eee }

#content .checkout { margin-top: 12px }
#content .checkout .submit { font-size: 13px }

#content .widerrufsbelehrung, #ajaxPopup .widerrufsbelehrung { background: #fff; padding: 10px; border: 1px solid #388325; -moz-border-radius: 5px }
#ajaxPopup .widerrufsbelehrung { background: #eee }

#KasseForm { position: relative; font-size: 0.9em; margin-bottom: 20px }
#KasseForm li { background: none; margin: 0; padding: 0; overflow: hidden }
#KasseForm a, #KasseForm a:hover, #KasseForm a.selected:hover { color: #000; text-decoration: none }
#KasseForm a.selected { color: #fff }
#KasseForm button, #KasseForm input { font: 1em Arial, Helvetica, sans-serif }

#KasseForm label { width: 110px; float: left; display: block; clear: left; margin-bottom: 4px }
#KasseForm label.inline { clear: none }
#KasseForm select { float: left; width: 400px; height: 22px }
#KasseForm input { width: 394px; margin-bottom: 1px }
#KasseForm input[type="radio"], #KasseForm input[type="checkbox"] { width: 14px; float: left; margin-right: 10px }
#KasseForm textarea { width: 400px }
#KasseForm #vorname, #KasseForm #name, #KasseForm #versandvorname, #KasseForm #versandname { width: 191px }
#KasseForm #plz, #KasseForm #versandplz { width: 60px }
#KasseForm #ort, #KasseForm #versandort { width: 322px }
#KasseForm .buttons input { width: 93px }
#KasseForm .jqTransformInputWrapper { margin-right: 6px }
#KasseForm #adresse, #KasseForm #versandadresse { clear: left }
#KasseForm .buttons { position: relative; top: 16px }
#KasseForm .errors { width: 500px }
#KasseForm .formindent { margin-left: 118px; width: 450px  }
#KasseForm .checkindent { margin-left: 145px; width: 402px; margin-top: 2px }
#KasseForm br { clear: left }

/* Webtipps */
#webtipps { margin-bottom: 2em }
#webtipps .webtipp_category { width: 193px; float: left; padding: 0 20px 0 70px; background: transparent url("images/geschenk_gelb.jpg") no-repeat 0 10px; height: 75px }
#webtipps .webtipp_category h3 { font-size: 1.35em }
#webtipps .gruen { background-image: url("images/geschenk_gruen.jpg") }
#webtipps .blau { background-image: url("images/geschenk_blau.jpg") }

/* Bilder */
img.links { float: left; margin: 0 1em 1em 0; padding: 3px; border: 1px solid #ccc; background: #fff }
img.rechts { float: right; margin: 0 0 1em 1em; padding: 3px; border: 1px solid #ccc; background: #fff }

/* Kästen */
span.links { float: left; margin: 0 1em 1em 0 }
span.rechts { float: right; margin: 0 0 1em 1em }

/* Boxen */
.relatedBox { background: url("images/kasten_tipp.png") bottom left; padding: 0 10px; position: relative; left: 0; width: 550px }
.relatedBox .title { background: url("images/kasten_tipp.png") top left; position: relative; left: -10px; padding: 32px 10px 27px; color: #fff; width: 560px } 
.relatedBox .teasers { position: relative; top: -10px }
.relatedBox .pagination { font-size: 0.8em; height: 28px }
.relatedBox .position { position: absolute; left: 10px }
.relatedBox .navigation { position: absolute; right: 27px }
.relatedBox .previous { background: url("images/nav_left.png") no-repeat left 2px; padding-left: 18px }
.relatedBox .next { background: url("images/nav_right.png") no-repeat right 2px; padding-right: 18px }
#text .relatedBox li  { background-image: url("images/bullet_kasten.png") }

/* Content Bottom */
#content .bottom { clear: both }
#content .bottom .star-rating, #content .bottom .star-rating a:hover, #content .bottom .star-rating a:active, #content .bottom .star-rating .current-rating { background-image: url("images/rating_star.png") }

/* Zurück */
#content .back { font-size: 0.9em; margin: 1.5em 0 0.5em; background: transparent url("images/back_bg.png") no-repeat scroll 0 0; color: #fff; display: block; line-height: 25px; height: 25px; width: 70px; padding: 0 0 0 20px }
#content .back:hover { color: #fff; text-decoration: none }

/* Facebook */
.facebook { float: right; margin-left: 10px }

/* Rating */
.rating { float: right; margin-left: 10px }
.rating .score { margin-top: 0px; line-height: 1em }

/* Shop */
#auswahl { position: relative; font-size: 0.9em }
#auswahl li { background: none; margin: 0; padding: 0; overflow: hidden }
#auswahl a, #auswahl a:hover, #auswahl a.selected:hover { color: #000; text-decoration: none }
#auswahl a.selected { color: #fff }
#auswahl button, #auswahl input { font: 1em Arial, Helvetica, sans-serif }

#auswahl label { width: 70px; float: left; display: block; clear: left; margin-bottom: 4px }
#auswahl select { float: left; width: 358px; margin-right: 6px }
#auswahl #produktsuche { width: 352px }
#auswahl .filter { position: absolute; right: 0; top: 26px }
#auswahl .reset { position: absolute; right: 0; top: 52px }
#auswahl .filter input, #auswahl .reset input { width: 130px }

.ldb_pagination { height: 40px; clear: both; padding-top: 10px; text-align: center }

#produkte .produkt { float: left; width: 50% } 
#produkte .produkt p, #produkte .produkt .titel { margin-right: 10px }
#produkte .produkt .titel { margin-top: 0; height: 54px; overflow: hidden }
#produkte .produkt a { color: #000 } 
#produkte .produkt .foto { float: right; height: 120px; margin: 3px 0 8px 8px; border: 1px solid #ccc; padding: 3px; background: #fff  } 
#produkte .produkt .kurztext { height: 210px } 
#produkte .produkt .preis { font: 1.3em Georgia,"Times New Roman",Times,serif; text-align: right; border-top: 2px dotted #ccc; position: relative; top: 7px; margin-right: 0 }
#produkte .produkt .preis span { background: #f4f4f4; padding: 0 8px; position: relative; top: -20px; right: 40px }

/* Geschenkideen */
#geschenkideen { background: url("images/tipp_bg.png") top left repeat-y; clear: left; width: 570px }
#geschenkideen .head { background: url("images/tipp_head.png") left top no-repeat; position: relative; padding: 2px 10px 20px; color: #fff } 
#geschenkideen .pagination { background: url("images/tipp_bottom.png") left bottom no-repeat; position: relative; padding: 25px 10px 0; font-size: 0.8em; height: 28px }
#geschenkideen .position { position: absolute; left: 10px }
#geschenkideen .navigation { position: absolute; right: 10px }
#geschenkideen .previous { background: url("images/nav_left.png") no-repeat left 2px; padding-left: 18px }
#geschenkideen .next { background: url("images/nav_right.png") no-repeat right 2px; padding-right: 18px }

#ideeauswahl { position: relative; font-size: 0.9em; left: 14px }
#ideeauswahl li { background: none; margin: 0; padding: 0; overflow: hidden }
#ideeauswahl a, #ideeauswahl a:hover, #ideeauswahl a.selected:hover { color: #000; text-decoration: none }
#ideeauswahl a.selected { color: #fff }
#ideeauswahl button, #ideeauswahl input { font: 1em Arial, Helvetica, sans-serif }

#ideeauswahl label { float: left; display: block; margin-right: 5px; margin-bottom: 4px }
#ideeauswahl label.schmal { width: 65px } 
#ideeauswahl label.display { margin-left: 6px } 
#ideeauswahl select { float: left; width: 105px; margin-right: 5px; margin-bottom: 5px }
#ideeauswahl #display { width: 50px }
#ideeauswahl #suche { width: 464px }
#ideeauswahl #produktsuche { width: 352px }
#ideeauswahl .filter { position: absolute; top: 0; right: 30px }
#ideeauswahl .filter input { width: 130px }
#ideeauswahl br { clear: left }

#geschenkideen .ideen { float: left; clear: left; padding-top: 20px; position: relative }
#geschenkideen .ideen .geschenkidee { position: relative; left: 20px; float: left; overflow: hidden; width: 178px; height: 218px } 
#geschenkideen .ideen .geschenkidee:hover { left: 21px; top: 1px }
#geschenkideen .ideen .geschenkidee .image { position: absolute; width: 140px; height: 140px; left: 4px; top: 3px; text-align: center }
#geschenkideen .ideen .geschenkidee .link { background: url("images/tipp_schmal.png") top left no-repeat; position: absolute; width: 170px; height: 218px } 
#geschenkideen .ideen .geschenkidee .link:hover { background-image: url("images/tipp_schmal_hover.png") } 
#geschenkideen .ideen .geschenkidee .intro { text-indent: -10000px }
#geschenkideen .ideen .geschenkidee .titel { font-size: 1em; position: absolute; left: 26px; top: 109px; width: 134px; height: 65px; overflow: hidden; line-height: 1.3em }
#geschenkideen .ideen .geschenkidee a { color: #000 } 
#geschenkideen .ideen .geschenkidee a:hover { text-decoration: none } 
#geschenkideen .ideen .geschenkidee .foto { float: right; height: 120px; margin: 3px 0 8px 8px } 
#geschenkideen .ideen .geschenkidee .kurztext { height: 210px } 
#geschenkideen .ideen .geschenkidee .preis { font: 1.3em Georgia,"Times New Roman",Times,serif; text-align: right; border-top: 2px dotted #ccc; position: relative; top: 7px; margin-right: 0 }
#geschenkideen .ideen .geschenkidee .preis span { background: #fff; padding: 0 8px; position: relative; top: -20px; right: 40px }
#geschenkideen .ideen .noresults { position: relative; left: 10px } 

.pagination { clear: left }

/* Kategorieübersicht */
#content .Kategorie { clear: left }
#content .Kategorie h2 { font: 1em/1.3em Arial, Helvetica, sans-serif; background: transparent url("images/balken_bg.png") repeat-x left 8px; color: #fff; padding: 10px 6px 4px }
#content .Kategorie .aGeschenkideen { -webkit-column-count: 2; -webkit-column-gap: 10px; -moz-column-count: 2; -moz-column-gap: 10px }
#content .Kategorie .Geschenkidee { padding-left: 20px; background: transparent url("images/bullet_geschenk.png") no-repeat left 4px; -moz-break-inside: avoid; -webkit-break-inside: avoid }
#content .Kategorie .Geschenkidee a { color: #000 }

/* Slider */
#slider { background: url("images/slider_bg.png") no-repeat left bottom; width: 568px; height: 198px; padding: 1px; margin-bottom: 20px }
#slider .inner { width: 568px; height: 198px }
#slider a, #slider a:hover { color: #000 }
#slider span { display: block }
#slider .image { background: url("images/slider_img_bg.png") no-repeat 0 0; float: left; width: 120px; height: 120px; margin: 10px; text-align: center }
#slider .image img { position: relative; top: 10px; width: 100px; height: 100px }
#slider .title { font-size: 0.9em; font-weight: bold; position: relative; top: 7px; line-height: 1.2em; margin-left: 140px }
#slider .text { font-size: 0.8em; position: relative; top: 12px; line-height: 1.2em; margin-left: 140px }
#slider .scrollable { position: relative; overflow: hidden }
#slider .scrollable .items { width: 20000em; position: absolute; clear: both }
#slider .scrollable .items .geschenkidee { float: left; width: 265px; margin-right: 15px }
#slider .browse_outer { position: absolute; top: 75px; left: 0; height: 50px; width: 25px; background: url("images/nav_slider_bg.png") no-repeat left top; display: none }
#slider .browse_outer.right { right: 0; left: auto; background-position: right top }
#slider a.browse { background: url("images/nav_slider.png") no-repeat; display: block; width: 30px; height: 30px; position: absolute; top: 10px; cursor: pointer; font-size: 1px }
#slider a.right { background-position: 0 -30px; right: -15px }
#slider a.right:hover { background-position: -30px -30px; }
#slider a.right:active { background-position: -60px -30px; } 
#slider a.left { left: -15px } 
#slider a.left:hover { background-position: -30px 0 }
#slider a.left:active { background-position: -60px 0 }

/* Anzeige */
.advertisement.top { background: url("images/kasten_bg.png") no-repeat left top; width: 570px; height: 75px; margin: 8px 0 20px; padding-top: 5px }
.advertisement.top .inner { background: url("images/kasten_bg.png") no-repeat left bottom; padding: 0 5px 5px }
.advertisement.top .comment { position: absolute; right: 25px; top: -18px; text-transform: uppercase; color: #333; font-size: 0.7em }
.advertisement.top img { width: 560px; height: 70px }

.advertisement.content { background: url("images/kasten_bg.png") no-repeat left top; width: 570px; height: 65px; margin: 15px 0; padding-top: 5px }
.advertisement.content .inner { background: url("images/kasten_bg.png") no-repeat left bottom; padding: 0 5px 5px; text-align: center }

/* Adventskalender */
#adventskalender { width: 689px; height: 731px; position: relative; margin: 0 auto }
#adventskalender #kopf { background: url('adventskalender/kopf.png') no-repeat; width: 689px; height: 138px }
#adventskalender #kalender { width: 689px; height: 593px }
#adventskalender .bg_links { width: 29px; height: 593px; position: absolute; left: 0px; background: url('adventskalender/links.png') no-repeat }
#adventskalender .bg_mitte { width: 620px; height: 593px; position: absolute; left: 29px; background: url('adventskalender/mitte.png') repeat-x }
#adventskalender .bg_rechts { width: 40px; height: 593px; position: absolute; left: 649px; background: url('adventskalender/rechts.png') no-repeat }
#adventskalender .tueren { margin: 0 28px; width: 649px; position: relative }
#adventskalender .tuer { float: left; width: 90px; height: 125px; position: relative; margin: 4px 16px 12px 0; background: #000 url('adventskalender/innen.png') no-repeat }

#adventskalender #tuer01 div { background: #fa0010 url('adventskalender/tuer_01.jpg') no-repeat } 
#adventskalender #tuer02 div { background: #fa0010 url('adventskalender/tuer_02.jpg') no-repeat } 
#adventskalender #tuer03 div { background: #fa0010 url('adventskalender/tuer_03.jpg') no-repeat } 
#adventskalender #tuer04 div { background: #fa0010 url('adventskalender/tuer_04.jpg') no-repeat } 
#adventskalender #tuer05 div { background: #fa0010 url('adventskalender/tuer_05.jpg') no-repeat } 
#adventskalender #tuer06 div { background: #fa0010 url('adventskalender/tuer_06.jpg') no-repeat } 
#adventskalender #tuer07 div { background: #fa0010 url('adventskalender/tuer_07.jpg') no-repeat } 
#adventskalender #tuer08 div { background: #fa0010 url('adventskalender/tuer_08.jpg') no-repeat } 
#adventskalender #tuer09 div { background: #fa0010 url('adventskalender/tuer_09.jpg') no-repeat } 
#adventskalender #tuer10 div { background: #fa0010 url('adventskalender/tuer_10.jpg') no-repeat } 
#adventskalender #tuer11 div { background: #fa0010 url('adventskalender/tuer_11.jpg') no-repeat } 
#adventskalender #tuer12 div { background: #fa0010 url('adventskalender/tuer_12.jpg') no-repeat } 
#adventskalender #tuer13 div { background: #fa0010 url('adventskalender/tuer_13.jpg') no-repeat } 
#adventskalender #tuer14 div { background: #fa0010 url('adventskalender/tuer_14.jpg') no-repeat } 
#adventskalender #tuer15 div { background: #fa0010 url('adventskalender/tuer_15.jpg') no-repeat } 
#adventskalender #tuer16 div { background: #fa0010 url('adventskalender/tuer_16.jpg') no-repeat } 
#adventskalender #tuer17 div { background: #fa0010 url('adventskalender/tuer_17.jpg') no-repeat } 
#adventskalender #tuer18 div { background: #fa0010 url('adventskalender/tuer_18.jpg') no-repeat } 
#adventskalender #tuer19 div { background: #fa0010 url('adventskalender/tuer_19.jpg') no-repeat } 
#adventskalender #tuer20 div { background: #fa0010 url('adventskalender/tuer_20.jpg') no-repeat } 
#adventskalender #tuer21 div { background: #fa0010 url('adventskalender/tuer_21.jpg') no-repeat } 
#adventskalender #tuer22 div { background: #fa0010 url('adventskalender/tuer_22.jpg') no-repeat } 
#adventskalender #tuer23 div { background: #fa0010 url('adventskalender/tuer_23.jpg') no-repeat } 
#adventskalender #tuer24 div { background: #fa0010 url('adventskalender/tuer_24.jpg') no-repeat } 

#adventskalender .tuer .links { position: absolute; top: 0; left: 0; width: 45px; height: 125px; background: #fa0010; az-index: 0 }
#adventskalender .tuer .rechts { position: absolute; top: 0; left: 45px; width: 45px; height: 125px; background: #fa0010; az-index: 0; background-position: top right !important }
#adventskalender .tuer .zahl, #adventskalender .tuer .closed { position: absolute; top: 0; left: 0; display: block; width: 90px; height: 125px; font-size: 30px; font-weight: bold; color: #fff; text-align: right; line-height: 185px } 

#adventskalender #beschreibung { position: absolute; top: 135px; left: -8px; width: 309px; max-height: 540px; padding: 10px 10px 0; -moz-box-shadow: 0px 5px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 4px rgba(0,0,0,0.3); box-shadow: 0px 5px 4px rgba(0,0,0,0.3); ; background: #fff url('adventskalender/popup.png') no-repeat; display: none }
#adventskalender #beschreibung #close { position: absolute; left: -20px; top: -20px; width: 41px; height: 41px; background: url('adventskalender/close.png') no-repeat }
#adventskalender #beschreibung .inner { height: 100%; width: 100%; overflow-y: auto }
#adventskalender #beschreibung .inner p { margin-right: 10px }
#adventskalender #beschreibung .neugierig { font-size: 24px; font-weight: bold; margin: 7px 7px 12px }

/* Gewinnspiel */
#gewinnspielForm { position: relative }
#gewinnspielForm button, #gewinnspielForm input { font: 1em Arial, Helvetica, sans-serif }
#gewinnspielForm input { width: 398px }
#gewinnspielForm .jqTransformInputWrapper { margin-right: 0 }
#gewinnspielForm #submit { left: -3px; position: relative }
#gewinnspielForm label { float: left; display: block; width: 150px }
#gewinnspielForm br { clear: left }

/* AjaxPopup */
#ajaxPopup { display: none; background-image: url("images/overlay_white.png"); width: 640px; height: 450px; padding: 35px }
#ajaxPopup .close { background-image:url("images/overlay_close.png"); position: absolute; right: 5px; top: 5px; cursor: pointer; height: 35px; width: 35px }
#ajaxPopup .inner { height: 480px; padding: 10px; position: relative }
#ajaxPopup .inner .text { height: 450px; overflow-y: auto; padding: 0 10px 0 1px }
#ajaxPopup .inner .link { position: absolute; bottom: 5px }
#ajaxPopup .inner .link a { font-weight: bold }

/* TrustedShop */
#tsBox { position: absolute; left: 560px; top: 93px; z-index: 1 }
#tsBox a { color: #fff; text-decoration: none }
#tsCheck { float: left; margin-right: 1em }
#tsSeal { display: block; background: transparent url("images/trustedshops_k.png") no-repeat left top; width: 60px; height: 120px; border: none; cursor: pointer }
#tsShop { margin-top: 1em }
#tsShop p { margin: 0 0 1em }

.errors { background: #fff; padding: 6px 8px; margin-bottom: 10px; border: 1px solid #d60010; -moz-border-radius: 5px }

.disclaimer_bottom { text-align: center; font-size: 0.9em; clear: both }
.piwik { display: none }