body {
	margin: 0;
	padding: 0;
	background: #FFF;
	
	font: 11px Tahoma, Verdana, Helvetica, Arial, sans-serif;
	line-height: 16px;
	text-align: center;
}

h1 {
	font: 19px Trebuchet MS, Tahoma, Verdana, Helvetica, Arial, sans-serif;
}

h2 {
	font: 15px Trebuchet MS, Tahoma, Verdana, Helvetica, Arial, sans-serif;
	margin: 0 0 1em;
}

h3 {
	width: 200px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url('img/bg_h3.jpg') no-repeat 0 0;
}

h3 span { 
	display: block;
	margin: 0;
	padding: 20px 20px 0 20px;
	font: 13px Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #777;
}

.box form { margin: 0; }

.styled-searchform { height: 20px }

.styled-searchform input {
	display: block;
	float: left;
	margin: 5px 0;
}

.styled-searchform.small input { width: 60px; }

.styled-searchform input.button {
	width: 25px;
	padding: 0;
	background: url('img/submit.gif');
    text-indent: -9999px;
    font-size: 0px;
    color: #ACACAC;
	cursor: pointer;
}

input.styled_input,
.styled-searchform input {
	width: 122px;
	height: 20px;
	margin: 0;
	padding: 4px;
	border: 0;
	background: url('img/input.gif') no-repeat 0 0;
	
	font-size: 11px;
	color: #595759;
}

.box input.small {
	width: 92px;
}

input.button { width: 100px; }

.box,
ul.navigation { 
	background: #EBEB73 url('img/bg_box.jpg') no-repeat;
	margin: 0 0 2em;
	padding: 0;
}

ul.navigation {	list-style-type: none; }

ul.navigation li {
	padding-left: 20px;
	line-height: 23px;
	border-bottom: 1px dotted #D8D72F;
	background: url('img/bg_navi_li.gif') no-repeat 185px 9px;
}

ul.navigation li.last { border-bottom: 0; }

ul.navigation li.spc { background: #F5F5BB; }

a {
	text-decoration: none;
	color: #000;
}

a.go,
a.shop { 
	padding-left: 20px;
	font-weight: bold;
}

a.go { background: url('img/go_link.gif') no-repeat left center; }
a.shop { background: url('img/shop_link.gif') no-repeat left center; }

a.navigation {
	display: block;
	line-height: 23px;
	border-top: 1px dotted #D8D72F;
	background: url('img/go_link.gif') no-repeat 20px 9px;
	padding-left: 40px;
}

#bottom a { 
	text-transform: uppercase;
	text-decoration: none;
	color: #666;
	font-size: 11px;
}

img { border: 0; }



/* ***************************************************
                   L A Y O U T
   ************************************************ */

#top { 
	background: #D8D72F url('img/bg_top.gif') repeat-x; 
	position: relative;
}

#top_banner {
	position: absolute;
	top: 0;
	right: -60px;
}

#partner_box {
	font: 11px/1.2em Tahoma, Verdana, Helvetica, Arial, sans-serif;
	position: absolute;
	top: 40px;
	right: 10px;
	border: 10px solid #8C77A2;
	background: #EEE;
	padding: 1em;
}

#direktwahl {
	position: absolute;
	top: 228px;
	left: 300px;
	background: url('img/clear.jpg');
}

#navigation {
	width: 840px;
	height: 275px;
	margin: 0 auto;
	background: url('img/header.jpg');
	position: relative;
}

#navigation ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 165px;
	left: 250px;
	list-style-type: none;
	text-align: center;
}

#navigation.big {
	width: 1000px;
	background: url('img/header_big.jpg');
}



#navigation.big ul { 
	left: 169px;
}

.big #direktwahl { left: 386px; }

#navigation.start {
	width: 1000px;
	background: url('img/header_big_start.jpg');
}



#navigation.start ul { 
	left: 169px;
}

.start #direktwahl { left: 386px; }

#breadcrumb { 
	border-bottom: 1px solid #D8D72F;
	padding-bottom: .5em;
	font-size: 10px;
	color: #646464;
}

#bottom { 
	background: #FFF;
	color: #999;
	font-size: 10px;
	line-height: 15px;
	height: 100px;
}

#left, #right, #center { 
	float: left;
	margin-top: 20px; 
	padding-bottom: 20px;
}

#left, #right {	width: 200px; }

#left, #center { margin-right: 20px; }

#center {
	width: 540px;
	background: #ECEB98;
}

#content {
	background: url('img/bg_content.jpg') no-repeat;
	margin-top: 20px; 
	padding-bottom: 20px;

}

.container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

.clearer { clear: both; }

.padding { padding: 20px; }

.nobottom { padding-bottom: 0; }




/* ***************************************************
                S H O P - S T Y L E S
   ************************************************ */

.product-list,
.product-article-list { width: 100%; }

.product-list td,
.product-article-list td { 
	padding: 10px 0 0 10px;
	border-top: 1px solid #D8D72F;
}

.product-list td { width: 50%; }

.product-list td.border-right {
	padding-left: 0px; 
	border-right: 1px solid #D8D72F;
}

.produkt-detail h1,
.product-list h2,
.product-article-list h2 { 
	border-left: 2px solid #D8D72F;
	padding-left: 30px;
	background: url('img/product-list-header.gif') no-repeat 10px center;
}

.product-list .product .description,
.product-article-list .product .description { 
	padding-left: 30px;
	text-align: center;
}

.product-list .product .description p,
.product-article-list .product .description p { text-align: left; padding-right:2px; }

.product-article-list .image { 
	width: 120px; 
	text-align: center;
	padding: 0;
}

.product-article-list .price {
	width: 120px;
	font-size: 15px;
	line-height: 20px;
}
.product-article-list .price a { font-size: 11px; }

.product-article-list .price div {
	background: url('img/product-detail-box.jpg') repeat-y -120px 0px;
	padding: 10px;
}

.produkt-detail .image {
	float: left; 
	margin-right: 20px;
	width: 230px;
	text-align:center;
}

.produkt-detail .right{
    float: left;
    width: 240px;
}

.produkt-detail p.info {
    float: left;
    background: #D9D830;
    color: #FFF;
    font-weight: bold;
    width: 240px;
}


.produkt-detail .info span {
	display: block;
	float: left;
	padding: 10px;
}

.produkt-detail .info .art-nr {
	border-right: 1px dotted #FFF;
	width: 100px;
}

.produkt-detail .description { text-align: justify; }

.produkt-detail .right ul { clear:left; }


.produkt-detail .buy-it {
	width: 240px;
	background: url('img/product-detail-box.jpg') repeat-y;
}

.produkt-detail .buy-it .price,
.produkt-detail .buy-it .cart {
    width: 50%;
    padding: 10px;
}

.produkt-detail .buy-it .price {
	font-size: 15px;
	font-weight: bold;
}

.produkt-detail .buy-it .price span {
	font-size: 11px;
	font-weight: normal;
	color: #646464;
}

.produkt-detail .buy-it form { margin: 0; }




/* ***************************************************
                  N A V I G A T I O N
   ************************************************ */
   
#navigation {
	text-align: left;
	text-decoration: none;
}

/* Ausnullen */
#navigation ul, 
#navigation li,
#navigation span,
#navigation a {
	margin: 0;
	padding: 0;
	border: 0;
}

#navigation ul, 
#navigation li{
	list-style-type: none;
}

/* Bilder 1. Ebene */
#navigation li {
	background: url('img/bg_navi_spacer.gif') no-repeat right top;
	padding-right: 3px;
}

#navigation li li,
#navigation li.last {
	background: none;
	padding-right: 0px;
}

#navigation .no a { background : url('img/bg_navi_a.gif')repeat-x; } 

#navigation .act a,
#navigation li:hover a,
#navigation li.sfhover a { background : url('img/bg_navi_a_act.gif') repeat-x; }

/* Breite der Drop-Down Menues */
#navigation li ul,
#navigation li ul li,
#navigation li ul li a {
	width: 14em;
}


/* Ebenen */
/* 1. Ebene */
#navigation ul li {
	display: block;
	float: left;
}

/* ab 2. Ebene */
#navigation ul ul,
#navigation.big ul ul {
	position: absolute;
	left: -999em;
	top: 52px;
	margin: 0;
	background: #AB8EBF;
}

/* ab 3. Ebene */
#navigation ul ul ul,
#navigation.big ul ul ul {
    margin: -24px 0 0 60px;
    border: 0;
    border-left: 1px dotted #D5C7DF;
    top: auto;
    display: inline;
}

/* Link-Style */
#navigation a {
	display: block;	
	padding: 0 10px;
	font: 13px Trebuchet MS, Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #434343;
	line-height: 52px;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
}

/* Link-Border ab 2. Ebene */
#navigation ul li ul li a {
	padding: 0 10px;
	border-bottom: 1px dotted #D5C7DF;
	font: 11px Tahoma, Verdana, Helvetica, Arial, sans-serif;
	line-height: 23px;
	color: #FFF;
	text-align: left;
	text-transform: none;
}

#navigation ul ul li.spc {
	padding: 0 1em;
	line-height: 20px;
	border-bottom: 1px dotted #D5C7DF;
	background: #C90B15;
	color: #FFF;
}

#navigation ul ul li.last a { border-bottom: 0 }

/* Unsichbar schalten */
#navigation ul li:hover ul ul,
#navigation ul li.sfhover ul ul {
    left: -999em;
}

/* sichtbar schalten */
#navigation ul li:hover ul, 
#navigation ul li.sfhover ul,
#navigation ul ul li:hover ul, 
#navigation ul ul li.sfhover ul {
    left: auto;
}

/* Normal */
#navigation ul li:hover li a,
#navigation ul li.sfhover li a,
#navigation ul li li:hover li a,
#navigation ul li li.sfhover li a{ background: #AB8EBF; }

/* Hover */
#navigation ul li li:hover a,
#navigation ul li li.sfhover a,
#navigation ul li li li:hover a,
#navigation ul li li li.sfhover a { background: #C8B5D5; }


#direktwahl div { 
	display: none;
	width: 198px;
	border-bottom: 2px solid #DEDDE2;
	border-left: 2px solid #DEDDE2;
	border-right: 2px solid #DEDDE2;
}

#direktwahl:hover div { display: block; }
#direktwahl.sfhover div { display: block; }


#navigation #direktwahl a {
	padding: 0 8px;
	border-bottom: 0;
	color: #000000;
	font: 11px Tahoma, Verdana, Helvetica, Arial, sans-serif;
	line-height: 18px;
	text-transform: none;
	text-align: left;
}

#direktwahl a { background: #F1F1F1; }
#direktwahl a:hover { background: #DEDDE2; }