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

/* Standard Tags */
html, body { height: 100% }
body { font: 1em/1.3em Arial, Helvetica, sans-serif; background: #303030 url("images/body_bg.png") repeat-x left top }
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: #fe6a00 }
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 } 

#text ul { margin: 0 0 0.25em 0 }
#text li { margin: 0.25em 0; padding: 0 0 0 1em; background: transparent url("images/bullet.png") 0 4px no-repeat }

/* Wrapper */
#wrapper { position: relative; height: auto !important; height: 100%; min-height: 100%; margin: 0 auto; width: 1220px; background: transparent url("images/wrapper_bg.png") repeat-y center top; padding-bottom: 30px }

/* Layout */
#header { position: relative; background: transparent url("images/head.jpg") no-repeat top center; height: 322px; width: 1220px }
#header .text { position: absolute; left: 0; top: 0; width: 1220px; height: 268px }
#content { position: relative; width: 1220px }
#geschenke { background: #fff url("images/geschenke.jpg") no-repeat left bottom; width: 888px; height: 193px; position: relative; left: 60px; clear: both }
#footer { color: #fff; position: absolute; background: transparent url("images/bottom_bg.png") no-repeat left top; font-size: 0.7em; clear: both; margin: 0 auto; padding: 25px 0 0; text-align: center; height: 30px; width: 1220px; bottom: 0 }
#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 50px; 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 a { padding: 6px 8px 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 { margin-top: 4px; display: block }
#content #menu ul li a:hover { color: #fff }
#content #menu ul ul li a { padding: 2px 0 2px 26px; background: none; font-size: 0.9em; color: #000 }
#content #menu ul ul li span { margin-top: 0 }
#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: #fe6a00; 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 li.backLava { background: transparent url("images/menu_hover.png") no-repeat 0 0; z-index: 8; position: absolute; height: 30px; margin: 0 }

/* Topmenu */
#header .topmenu { position: absolute; top: 275px; left: 22px; 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: 40px }
#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: 8px 8px 5px 29px; width: 138px; 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: #fe6a00; text-decoration: none }
#content a:hover, #footer a:hover { color: #fe6a00; text-decoration: underline }

/* GoogleAds */
#adcontainer { padding: 10px 28px 20px 18px }

/* 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 0.5em 0.5em 0 }
img.rechts { float: right; margin: 0 0 0.5em 0.5em }

/* Boxen */
.relatedBox { background: url(images/kasten_tipp.png) bottom left; padding: 0 10px 30px; 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 { width: 50%; float: left }

/* 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: 62px }
#auswahl .labelpreis { width: 32px }
#auswahl #kategorie, #auswahl #preis { width: 176px; height: 22px }
#auswahl #preis { width: 80px }
#auswahl #produktsuche { width: 350px }
#auswahl #reset { position: absolute; top: 26px; left: 440px }

.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 } 
#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: #fff; padding: 0 8px; position: relative; top: -20px; right: 40px }

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