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

/* 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 { margin: 0 0 0.25em 0 }
.content li { margin: 0.25em 0; padding: 0 0 0 1em; background: transparent url("images/bullet.png") 0 4px no-repeat }

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

/* Layout */
#header { position: relative; background: transparent url("images/head_bg.png") repeat-x top center; 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 0 0 }
#header .image { position: absolute; top: 0; right: 0; width: 411px; height: 351px; background: transparent url("images/head_image.jpg") no-repeat 0 0 } 
#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 }
#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 { color: #388325; text-decoration: none }
#content a:hover, #footer a:hover { color: #388325; text-decoration: underline }

/* GoogleAds */
.adcontainer { padding: 10px 28px 20px 18px }
#leftcolumn .adcontainer { padding: 10px 22px 20px 70px } 
.adcontainer .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, #content .empfehlung.top5 {  background: transparent url("images/kasten_empfehlung.png") no-repeat left bottom }
#content .empfehlung.top-klicks p, #content .empfehlung.top5 p, #content .empfehlung.twitter p { font-size: 0.9em; padding: 5px 8px 0; width: 192px }
#content .empfehlung.top-klicks ul, #content .empfehlung.top5 ul { font-size: 0.9em; padding: 0 8px 5px }
#content .empfehlung.top-klicks li, #content .empfehlung.top5 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 }

/* 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 }

/* 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 }
#auswahl select { float: left; width: 335px; height: 22px }
#auswahl #produktsuche { width: 352px }
#auswahl .filter { position: absolute; top: -1px; left: 450px; width: 130px }
#auswahl .reset { position: absolute; top: 25px; left: 450px; 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_kasten.png") no-repeat left 2px; padding-left: 18px }
#geschenkideen .next { background: url("images/nav_right_kasten.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 }
#ideeauswahl label.schmal { width: 70px } 
#ideeauswahl select { float: left; width: 75px; height: 22px; margin-right: 5px; margin-bottom: 5px }
#ideeauswahl #display { width: 40px }
#ideeauswahl #suche { width: 405px }
#ideeauswahl #produktsuche { width: 352px }
#ideeauswahl .filter { position: absolute; top: -1px; left: 407px; 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 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 }
.scrollable { position: relative; overflow: hidden }
.scrollable .items { width: 20000em; position: absolute; clear: both }
.scrollable .items .geschenkidee { float: left; width: 265px; margin-right: 15px }

.browse_outer { position: absolute; top: 75px; height: 50px; width: 25px; background: url("images/nav_slider_bg.png") no-repeat left top }
.browse_outer.right { right: 0; background-position: right top }
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 }
a.right { background-position: 0 -30px; right: -15px }
a.right:hover { background-position: -30px -30px; }
a.right:active { background-position: -60px -30px; } 
a.left { left: -15px } 
a.left:hover { background-position: -30px 0 }
a.left:active { background-position: -60px 0 }

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