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

/* Standard Tags */
html, body { height: 100% }
body { font: 1em/1.3em Arial, Helvetica, sans-serif; background: #fff url("images/body_bg.png") repeat top center; min-width: 1220px }
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: #4d4d4d }
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; margin: 0 auto; width: 1220px; background: #fff url("images/wrapper_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: 564px; height: 374px; 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: 888px; 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: 25px 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; margin-top: 25px }
#contentinner { position: relative; background: transparent url("images/content_bg.png") repeat-y center top; margin-bottom: 15px; padding-bottom: 10px }
#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 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 { 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: #388325; text-decoration: none }
#content #menu ul li.selectedLava a { background: transparent url("images/menu_bg1_active.png") no-repeat 0 0; color: #2d2d2d }
#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: 259px; left: 58px; font-size: 0.95em } 
#header .topmenu ul li { float: left; padding: 0 8px; border-right: 1px solid #4d4d4d }
#header .topmenu ul li.last { border-right: none }
#header .topmenu ul li a { padding: 4px 0 4px 0; color: #4d4d4d; text-decoration: none }
#header .topmenu ul li a:hover { color: #000 }

/* Breadcrumbs */
#breadcrumbs { padding: 15px 67px; 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 .text { background: transparent url("images/search_bg.png") no-repeat 0 0; border: none; float: left; height: 21px; line-height: 21px; padding: 8px 8px 5px 29px; width: 138px; font-size: 0.8em }
#searchbox .button { background: transparent url("images/search_bg.png") no-repeat 100% 0; border: none; cursor: pointer; float: left; height: 34px; line-height: 34px; padding: 0; width: 33px; text-indent: -3000px }

/* Content */
#content a, #footer a { color: #4d4d4d; text-decoration: none }
#content a:hover, #footer a:hover { color: #000; text-decoration: none }

/* 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 5px; height: 70px }
#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 }