@charset "utf-8";
/* CSS Document by Dieter Schneider | CssTemplateHeaven.com */

/* Reset Styles (Credits to Eric Meyer: http://meyerweb.com/eric/tools/css/reset/) */
* {
        margin:0; padding:0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* end reset */

img {border: 1px solid #CCCCCC;}
html {background: #f7f7f7; font-size: 100%}

/*------------------ Site Structure ------------------*/

body {width: 980px; margin: auto; font-family: Arial, "Times New Roman", Times, serif; font-size: .875em; color: #000}
#background {background: #ffffff;padding: 10px;}
#header {height: 125px; background: url(/images/logo.png) no-repeat}

#logo-oben {width: 960px;height: 46px;margin: 0 auto;}
#logo-oben h1 {padding: 8px 140px;font-weight: bold;font-size: 1.7em;color: #000000;text-transform: uppercase;}
#logo {width: 960px;height: 200px;margin: 0 auto;margin-bottom: 20px;background: url(/images/img5.jpg) no-repeat left top;}
#social {width: 73px; height: 26px; float: right; margin-top: 18px}
#phone {width: 300px; height: 26px; float: right; margin-top: 18px}
#content {width: 620px;float: left;margin-bottom: 44px;border: 1px solid #dcdcdc;padding: 20px 15px;;background: #ffffff;}
#content h1, h2, h3 {background: #eaeaea;padding: 5px 10px;margin-bottom: 15px;border: 1px solid #FFF;outline:1px solid #dcdcdc;}
#content-shop {width: 620px;float: left;margin-bottom: 44px;border: 1px solid #dcdcdc;padding: 15px 15px;;background: #ffffff;}
#sidebar {width: 260px;padding: 20px;float: right;border: 1px solid #dcdcdc;margin-bottom: 44px;;background: #ffffff;}
#sidebar h3, .sidebar_box {background: #eaeaea;padding: 5px 10px;margin-bottom: 15px;border: 1px solid #FFF;outline:1px solid #dcdcdc;}

/* sidebar menu */
.navcontainer { width: 280px; margin-bottom: 25px }
.navcontainer ul{margin-left: 0;padding-left: 0;list-style-type: none;}
.navcontainer a {display: block;padding: 10px 10px;width: 240px;background: url(/images/seperator.png) repeat-x bottom;}
.navcontainer a:link, .navlist a:visited {text-decoration: none;}
.navcontainer a:hover{color: #000;}

/* end sidebar menu */

#intro {border: 1px solid #FFF;clear: both;padding: 20px;font-size: 1.0em;line-height: 1.6em;margin-bottom: 44px;outline:1px solid #dcdcdc;background: #eaeaea}
#intro span {font-weight: 700}
#intro p {padding: 10px}
#intro h1 {font-size: 1.4em;font-weight: 700;padding: 10px}
#intro h2 {font-size: 1.2em;font-weight: 700;padding: 10px}
#box_left {width: 300px; float: left; margin-bottom: 44px; text-align: justify}
#box_right {width: 300px; float: right; margin-bottom: 44px; text-align: justify}
#box_middle {margin-left: 330px; margin-right: 330px; margin-bottom: 44px; text-align: justify}

#box_left h3, #box_right h3, #box_middle h3 {background: #eaeaea;font-weight: normal;margin-bottom: 25px;position: relative;text-transform: uppercase;letter-spacing: .08em;font-size: 1.4em;padding: 8px 15px;border: 1px solid #FFF;outline:1px solid #dcdcdc;}
#footer {clear: both; padding: 10px; text-align: right; background: url(/images/seperator.png) repeat-x top; font-size: .8em; color: #a3a3a3}
/*------------------ typography and images ------------------*/
/* global links */
a {text-decoration: none; color: #740000}
/* text styles */
h1 {font-size: 2em; font-weight: normal; padding-bottom: 10px}
h2 {font-size: 1.6em; font-weight: normal; padding-bottom: 6px}
h3, h4 {font-size: 1.4em; font-weight: normal}
h5, h6  {font-size: 1.2em}
p {line-height: 1.4em; padding-top: 10px; padding-bottom: 15px; text-align: justify;}
img {margin-bottom: 20px}
/* images */
.more {float: right; margin-right: 10px}
/*------------------ gallery ------------------*/
#gallery {overflow: auto;margin-left: -44px;padding-bottom: 18px;position:static;}
#gallery ul li {width: 190px;height: 215px;padding-top: 17px;padding-left: 17px;float: left;background: url(/images/thumb_bg.png) no-repeat;margin-left: 44px;margin-bottom: 28px;}
.center {margin: auto;}
#no_gallery_found {width: 798; padding: 50px; margin: auto; background: red; border: 10px solid white}

/*-----------------------------------------------*/
/*---------------    Dropdown    ---------------*/
/*---------------------------------------------*/
/*
        LEVEL ONE
*/
ul.dropdown                         { position: relative; z-index:10; margin: auto; border: 1px solid #dbdbdb;
                                     height:36px; background: #eaeaea; margin-bottom: 44px}
ul.dropdown li                      { float: left; zoom: 1; margin-left:20px; }
ul.dropdown a:hover                 { color: #666; }
ul.dropdown a:active                { color: ; }
ul.dropdown li a                    { display: block; padding: 9px 20px; color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: #666; position: relative; }
ul.dropdown li.hover a              { color: #666; }
/*
        LEVEL TWO
*/
ul.dropdown ul                      { width: 185px; visibility: hidden; position: absolute; top: 100%; left: 0; background: #eaeaea;border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb}
ul.dropdown ul li                   { font-weight: normal; background: url(/images/dropdown.png);  color: #000;border-bottom: 1px solid #dbdbdb; float: none; }

                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a                 { border-right: none; background: none; padding: 9px 8px; width: 100%; display: inline-block; }

/*
        LEVEL THREE
*/
ul.dropdown ul ul                  { left: 100%; top: 0; z-index:300; border-top: 1px solid #dbdbdb }
ul.dropdown li:hover > ul          { visibility: visible; }

.ratingblock {display:block;margin-bottom:8px;padding-left:10px}
.loading {height: 30px;background: url('images/working.gif') 50% 50% no-repeat;}
.unit-rating { /* the UL */ list-style:none; margin: 0px;padding-left:5px;height: 30px;position: relative;background: url('../images/starrating.gif') top left repeat-x;}
.unit-rating li{text-indent: -90000px;padding:0px;margin:0px;/*\*/float: left;/* */}
.unit-rating li a {outline: none;display:block;width:30px;height: 30px;text-decoration: none;text-indent: -9000px;z-index: 20;position: absolute;padding: 0px;}
.unit-rating li a:hover{background: url('images/starrating.gif') left center;z-index: 2;left: 0px;}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {background: url('images/starrating.gif') left bottom;position: absolute;height: 30px;display: block;text-indent: -9000px;z-index: 1;}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}

.contentmodule{background:#f3f3f3;overflow:hidden;margin-bottom:10px;padding:10px;clear:both;border-style:solid;border-width:1px;border-color:#a292a3;}
#search-form {padding-left: 80px;}
#search-form fieldset {border:none;background:url(/shopping/templates/standard/images/search-bg.gif) no-repeat 0 100%;padding-top: -10px;}
#search-form input.text {width:320px;border:none;padding: 4px;background:none;font-weight:bold;color:#000;}
.formhead {text-align:left;margin-left: 5px;font-size: 12px;color: #333;font-weight: bold;}
.formleft {text-align:left;margin-left: 7px;font-size: 11px;}
#search-form input.submit {width:28px;height:30px;border:none;background:none;cursor:pointer}

#preis table{border-spacing:0;border-style:solid;border-width:3px;border-color:#bbb;}
#preis table tr td{padding:2px;border-style:solid;border-width:1px;border-color:#bbb;}