/* CSS Document */
/* Voreinstellungen der Browser zurücksetzen*/
* { margin:0; padding:0; font-size: 100%; }


/*Formatierung globaler FUnktionen der html-tags*/
html {height:100%}

body {
	min-height: 101%;
	font-size: 0.8em;
	color: #333;
	text-align: left;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;	
}

fieldset, img { border:0; }

select, input, textarea, label { font-size: 1em }

li {  
	list-style-type: none;
	}
p {
	font-size: 1em;
	line-height: 1.5em; 	
	}
img{
	border: solid 0px #FFFFFF;
	margin: 0px;
}
a {
	text-decoration: none;
	color: #333;
}
 a:focus{
    outline: none;
}
td{
	vertical-align: top;
	font-size: 1em;
}
/*haupt-ids*/
#wrap{
	width: 100%;
	text-align: center;
	/*
	background-image: url(../images/wrapBg.jpg);
	background-repeat: no-repeat;
	*/
}
#mainWrap{
	width: 980px;
	margin: 0px auto;
	background-image: url(../images/pageBg.gif);
	background-repeat: repeat-y;			
}
#page{
	margin: 0 40px;
	background-color: #fff;
	text-align: left;
}
/*alle infos im header beginn------------------------------*/
#header{
	overflow: hidden;
	margin: 0 2px;
	
}
#headNav{
	height: 115px;
	overflow: hidden;
	background-image: url(../images/shopNavBg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;		
}

.shopNav{
	overflow: hidden;
	float: left;
	width: 598px;
	margin-top: 15px;
	text-align: left;
	color: #666;	
}
.shopNav h2{
	font-size: 1.1em;
	font-weight: normal;
	padding: 0 0 5px 0;
}
.shopNav p{
	font-size: 1.1em;
	padding-bottom: 5px;
}
ul.shopMenu{
	width: 199px;
	float: left;	
}

.shopNav ul li {
	font-size: 1.3em;
	margin: 0;
	display: inline;
	line-height: 1.6em;
	margin: 0 30px 0 0;
	font-weight: normal;
}
ul.shopMenu li h1{
	color: #666;	
	padding: 2px 0 2px 0;
}
.shopNav ul.helpMenu{
	width: 160px;
	float: left;	
}
.shopNav ul.helpMenu li{
	font: 1.1em "Lucida Sans", Arial, sans-serif;
	height: 29px;
	color: #fff;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #666;	
}
.shopNav ul.helpMenu li.last{
	border-width: 0;
	height: 30px;	
}
.shopNav li a{
	color: #666;
	border-color:#E2C6C6;
	border-style:solid;
	border-width:0 0 1px 0;
}

.shopSubNav{
	clear: both;
	overflow: hidden;
	height: 20px;
	padding-right: 10px;
	text-align: right;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #EFDDD6;
	background-image: url(../images/shopSubNavBg.jpg);
	background-repeat: no-repeat;	
}
.shopSubNav ul{
	margin-top: 1px;	
}
.shopSubNav li{
	display: inline;
	margin-left: 15px;
}
.shopSubNav li a{
	font-size: 0.85em;
	color: #666;
}

#logoBox{
	width: 298px;
	height: 115px;
	overflow: hidden;
	float:left;
	background-image: url(../images/headerBg.jpg);
	background-repeat: no-repeat;			
}
#logo img{
	margin: 20px 0 0 120px;
}
#logo{
	height: 90px;
	color: #fff;		
}
#logo p{
	padding: 15px;
	font: 14px "Lucida Sans", Arial, sans-serif;	
}
#logo h1{
	font: 14px "Lucida Sans", Arial, sans-serif;
	color: #fff;
	font-weight: normal;
	margin: 1px 0;	
}
#logo h2{
	font: 18px "Lucida Sans", Arial, sans-serif;
	color: #fff;
	font-weight: normal;
	margin: 1px 0;	
}
#logo a{
	color: #9AA6A4;
	font-weight: normal;
}
#logoText{
	width: 210px;
	float:left;
	color: #CEC0AA;
	text-align: center;
	padding-top: 0;
}
.logo{
	margin-bottom: 15px;
}
#logoText h3{
	font-weight: normal;
	font-size: 1.1em;
	margin: 2px 0;
}

/*
.infoNav{
	width: 188px;
	float: left;
	font-size: 1.1em;
	color: #60817B;
}
.infoNav ul{
	margin: 10px;
}
.infoNav li{
}
.infoNav ul li a{
	color: #60817B;
}

alle infos im header ende------------------------------*/
/*alle infos im content beginn------------------------------*/
#contentWrap{
	clear: both;
	overflow: hidden;	
}
/*alle allgemeinen infos im content ende------------------------------*/
.center{
	text-align: center;
}
.left{
	float: left;
}
.right{
	float: right;
}
.crumbNav{
	clear: both;
	overflow: hidden;
	text-align: left;
	padding: 4px 13px 0 13px;
	height: 25px;
	font-size: 0.85em;	
}

.crumbNav ul{	
	color: #666;
	margin-bottom: 20px;
}
.crumbNav ul li{
	display: inline;
	margin-right: 5px;
}
.crumbNav ul li a{
	color: #666;
}
.prodNav{
	clear: both;
	height: 25px;
	padding: 3px 15px;
	background-color: #fff;	
}
.prodNav ul{
	display: inline;
	margin: 0;
	padding: 0;
}
.prodNav ul li{
	font-size: 0.85em;
	margin: 0;
	padding: 0 5px 2px 0;
	color: #666;
	display: inline;	
}
.prodNav ul li.first, .crumbNav ul li.first{
	font-size: 1.35em;
	padding-bottom: 0;	
}
.prodNav ul li.prodTitel{
	font: 18px "Lucida Sans", Arial, sans-serif;
}
#productBg{
	overflow: hidden;	
}
/*startseite anfang------------------------------*/
#startBox{
	margin: 0 12px;
	text-align: center;
	background-color: #F1F7EC;
	padding: 20px 0;	
}
.startBoxLeft, .startBoxRight{
	float: left;
	width: 288px;
	margin-top: 25px;
	padding: 20px 0;
}
.startBoxMiddle{
	float: left;
	width: 300px;
	padding: 50px 0;
}
.startBoxMiddle h1{
	font-size: 1.2em;
	margin-bottom: 5px;
	font-weight: normal;
}
.startBoxMiddle p{
	font-size: 0.85em;
	padding: 5px 20px 10px 20px;
	line-height: 1.8em;
}
.startBoxMiddle a{
	border-color:#E2C6C6;
	border-style:solid;
	border-width:0 0 1px 0;
}
.startBoxBg{
	height: 450px;
	background-color: #fff;
}
.text p a.emphasis{
	font-size: 1.4em;
	line-height: 1.8em;
	font-weight: bold;
	border-style: solid;
	border-width: 0 0 2px 0;
	border-color:#c99;
}
.imageRow{
	overflow: hidden;
	background-color: #fff;
}
/*startseite ende------------------------------*/

/*infoseiten anfang------------------------------*/
#contentBox{
	overflow: hidden;
	background-color: #fff;
	margin: 0 12px;
	background-image: url(../images/overviewBg.gif);
	background-repeat: repeat-y;
	background-position: left;
}
#leftBox, #middleBox, #rightBox{
	width: 268px;
	float: left;
	padding: 5px 0;
	
}
#middleBox, #rightBox{
	width: 304px;
	float: left;
	
}
#rightBoxWide{
	width: 608px;
	float:left;
}
#middleBoxWide{
	width: 400px;
	text-align: center;
}
#middleBoxBg{

	padding: 20px 210px;
}

#sideMenu{
	font-size: 0.85em;
	padding: 0 15px 5px 20px;	
}
#sideMenu h1{
	font-size: 1.1em;
	margin: 10px 0;
}
#sideMenu h2{
	font-size: 1.0em;
	font-weight: normal;
	margin: 10px 0;
}
#sideMenu h3{
	margin: 5px 0;
}
#sideMenu ul{
	margin: 20px 0;
}
#sideMenu li{
	line-height: 1.6em;
}
#sideMenu li a{

}
#sideMenu p{
	margin: 5px 0 20px;
}

.subMenu{
	margin: 10px 10px 30px 0;
}
.subMenu2{
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #CDCBA0;
}
.subMenu li{
	padding:2px 0 2px 13px;
	font-size: 1em;
	line-height: 1.6em;
}
.subMenu li a, p.up a{
	font-weight: normal;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #E2C6C6;
}
.subMenu li.active{
	background-image: url(../images/list-point2.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
}
/*
.subMenu li.active a{
	font-weight: bold;
}
*/
.subMenu2 li{
	display: inline;
	padding: 5px 5px 5px 0;
}
.text{
	font-size: 0.85em;
	padding: 0 20px 20px 20px;
}
.text h1{
	/*font: 1.7em "Lucida Sans", Arial, sans-serif;*/
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding: 0;
}
.text p{
	line-height: 1.6em;
	margin: 10px 0;
}
.text p a{
	border-color:#E2C6C6;
	border-style:solid;
	border-width:0 0 1px;
}
.text p.up{
	text-align: right;
	font-weight: bold;
}
.text p.agbdisc{
	padding: 10px 0px 20px 0px;
}
.text .rueck p{
	font-weight: bold;
}
.textRight{
	text-align: right;
}
#textBg{
	overflow: hidden;
	margin-bottom: 70px;	
	background-color: #fff;
}
.textblock{
	width: 250px;
	border: solid 1px #E8F0E2;
	margin: 20px 0;
}
.textblock h3{
	padding: 5px;
	background-color: #F1F7EC;
}
.textblock p{
	margin: 5px 0;
	padding: 5px; 
}
.textblock p.more{
	border-style: dotted;
	border-width: 2px 0 0 0;
	border-color: #E8F0E2; 
	text-align: right;
	padding: 0 5px;
	margin: 0;
}
.marked img{
	float: left;
	margin: 0px 5px 5px 0;
}
.trenner{
	clear:both;
	height: 25px;
}
#descrContent div{

}
.descrDiv{
	margin: 10px 0;
	padding: 5px 0;
	border-style: solid;
	border-width: 2px 0;
	border-color: #fff;
}

/*kontaktseite------------------------------*/
#formular{
	padding: 10px 0px;
}
#formular h2{
	font-size: 1.2em;
	font-weight: normal;
	margin: 25px 0px 5px 70px;
}
#formular label{
	clear:both;
	float:left;
	font: 1.0em Verdana, Arial, sans-serif;
	width: 60px;
	height: 25px;
	margin: 0px 10px 0px 0px;
}

#formular input{
	margin: 0px 0px 6px 0px;
	font: 1.2em Verdana, Arial, sans-serif;
}
#formular input.inpText{
	width: 350px;
	float:left;
	border: solid 1px #c99;
}
#formular textarea{
	width: 350px;
	height: 200px;
	float:left;
	border: solid 1px #c99;
	font: 1.2em Verdana, Arial, sans-serif;
}
#formular input.submit{
	width: 350px;
	margin: 5px 0px 15px 70px;
	border: solid 1px #c99;
	background-color: #c99;
	font-weight: bold;
}
/*infoseiten ende------------------------------*/

/* produkt anfang------------------------------*/
/*produkt ende------------------------------*/


#productBox{
	overflow: hidden;
	background-color: #fff;
	padding: 0;
}


.force-break{
	text-align: center;
	clear: both;
	padding: 5px;
}

li .strike{
	font-weight: normal;
	text-decoration: line-through;
	
}
li .sold{
	font-size: smaller;
	
}

#overview{
	overflow: hidden;	
	text-align: center;	
	background-color: #F1F7EC;
}
#overview .declaration{
	margin: 30px auto;
	padding: 20px;
	border: solid 1px #fff;
	font: normal 1.5em "Lucida Sans", Arial, sans-serif;
}
#overview h1{
	clear: both;
	font: normal 1.6em "Lucida Sans", Arial, sans-serif;
	padding: 3px 10px;
	background-color: #F1F7EC;
	margin: 5px 0;
}
#overview h2{
	font: normal 1.6em "Lucida Sans", Arial, sans-serif;
	clear: both;
	color: #80846B;
	margin: 20px 0 0 0;
	padding: 5px 0 ;
	text-align: center;
	border-style: dotted;
	border-width: 2px 0 0 0;
	border-color: #fff;
}
#overview h3{
	font: normal 1.4em "Lucida Sans", Arial, sans-serif;
	clear: both;
	color: #333;
	margin: 20px 0 0 0;
	padding: 5px 0 ;
	text-align: center;
	border-style: dotted;
	border-width: 2px 0 0 0;
	border-color: #fff;
}
#overview p{
	margin: 15px 0 ;
}
.groupDesc{
	text-align: center;
	margin: 0px;
}
/*Produktübersicht*/
.overviewDisplay{
	margin: 0;
	width: 225px;
	float: left;
	background-color: #fff;
	text-align: center;
}
/*
.overviewDisplay img{
	border-style: solid;
	border-width: 2px 1px;
	border-color: #fff;
}
*/
.overviewList{
	height: 75px;
	margin-top: 2px;
	padding: 3px;
	background-color: #F1F7EC;
	border-style: solid;
	border-width: 0 0 0 1px;
	border-color: #fff;
}
.overviewList li{
	line-height: 1.6em;
}
.overviewList li a{
	font-size: 0.85em;
	font-weight: normal;
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: #fff;
}
.overviewRow{
}
.zusatz{
	font-size: 0.8em;
	clear: both;
}


/*einzelproduktansicht*/
#productContent{
	overflow: hidden;
	background-color: #F1F7EC;
	margin: 0 12px;
			
}
.sizeTable p{
	font-size: 0.85em;
	padding: 3px 0 3px 0;
}
.sizeTable h3{	
	font-size: 0.85em;
	padding: 0 0 3px 0;
}
.sizeTable table{
	border-collapse: collapse;
	margin: 5px 5px 5px 0px;
}
.sizeTable td{
	font-size: 11px;
	padding: 1px 4px;
	border: 1px solid #fff;	
}


.imgDisplay{
	overflow: hidden;
	float: left;
	width: 306px;
	background-color: #fff;	
}
#shoppingInfo{
	width: 285px;
	float:left;
	overflow: hidden;
}
#shoppingInfo h3, #shoppingInfo h5{
	font-size: 0.85em;
	margin: 15px 15px 2px 15px;
	font-weight: bold;
}
#shoppingInfo p{
	font-size: 0.85em;
	line-height: 1.4em;
	padding: 0 15px;
}
#prodImg{
	margin: 0 7px 7px 7px;
	overflow: hidden;
	border: solid 1px #E2EFE7;
}
#prodImg img{
}
#prodImg p{
	margin: 20px 10px;
	font-size: 0.85em;
	color: #7D3D4C;
}
.productHead{
	height: 60px;
	background-color: #DEEAD1;	
}
.prodDisplay{
	overflow: hidden;
	/*background-image: url(../images/productBg.gif);*/
}


.prodDisplay h2{
	font-size: 1.0em;
	font-weight: normal;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: left;
}
.additionalImg{
	background-color: #fff;
	padding: 5px 0;
}
.additionalImg .imgBorder{
	border: solid 1px #E2EFE7;
}
.orderForm{
	clear: both;
	text-align: left;
	margin: 20px 0;
}

.orderForm td{
	padding: 2px 3px;
}
.orderForm form label{
	width: 80px;
	height: 20px;
	float: left;
	clear: both;
	padding: 2px 0 0 15px;	
}
.orderForm form fieldset {
	font-size: 0.85em;
	padding: 0;
	margin: 0;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #fff;
}
.orderForm form fieldset div.inputData{
	float: left;
	padding: 2px 0;
	line-height: 1.4em;
	margin: 0px 0px 5px 5px;
}
.orderForm form fieldset div.inputLong{
	clear: both;
	padding: 5px 15px;
	margin: 3px 0;
	border-style: solid;
	border-width: 1px 0;
	border-color: #fff;
}
.orderForm form{

}
.orderForm form select{
	width: 105px;
	float: left;
	margin: 0px 0px 5px 5px;
}
.orderForm form input.order, .orderForm form input.notice{
	width: 285px;
	font-size: 1.35em;
	padding: 2px 0;
	background-color: #fff;
	border-style: solid;
	border-width: 1px 0;
	border-color: #E2EFE7;
}

.orderForm form input.order p, .orderForm form input.notice p{
	margin: 0;
	background-color: #fff;
}
.orderForm .buttonBg{
	clear: both;
	background-color: #fff;
	padding: 5px 0;
}
.marked{
	color: #7D3D4C;
	background-color: #fff;
	padding: 0 0 7px 0;
}
.markedBorder{
	border: 2px solid #C4919D;
	padding: 15px;	
}
.marked a{
	color: #7D3D4C;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #C4919D;
}



.prodInfo{
	width: 285px;
	float: left;
}
.prodInfo h3{
	font-size: 0.85em;
	margin: 15px 15px 2px 15px;
	font-weight: bold;
}

.prodText{
	padding: 20px 15px;
}
.prodText h1, .prodText h2{
	font: 1.3em "Lucida Sans", Arial, sans-serif;
	margin: 15px 20px 15px 0;
	padding: 0 0 0 5px;
	border-style: solid;
	border-color: #D5EDEB;
	border-width: 0 0 1px 0;
}


.prodText p{
	font-size: 0.85em;
	padding-bottom: 10px;
	line-height: 1.4em;
}

.prodText h2, .prodText h3, .prodText h5{
	font-size: 0.85em;
	margin: 5px 0 2px 0;
}



.prodText img
{

}
.displayAddInfo{
	padding: 0;
	overflow: hidden;
	background-color: #E2EFE7;
	border-style: solid;
	border-width: 1px 0;
	border-color: #fff;
	/*background-image: url(../images/addInfoBg.gif);*/
}
.displayAddInfo h5{
	font-size: 0.85em;
	margin: 10px 15px 2px 0;	
}
.addInfoBox3 p{
	font-size: 0.85em;
	line-height: 1.4em;
	padding: 2px 15px 10px 15px;
	
}
.displayAddInfo h3{
	font-size: 0.85em;
	margin: 10px 15px 2px 15px;	
}
.addInfoBox1{
	padding: 10px 0;
	width: 285px;
	float: left;
}
.addInfoBox2{
	padding: 10px 0;
	width: 306px;
	float: left;
}
.addInfoBox3{
	padding: 10px 0;
	width: 285px;
	float: left;
}
.variationNav{
	background-color: #fff;
	padding: 5px 5px 5px 0;
}
.kombiNav{
	background-color: #fff;
	padding: 5px 5px 5px 0;
}
.kombiNav img, .variationNav img{
	margin: 0 2px;
}
.imgCenter{
	text-align: center;
}

.kombiNav .imgBorder{
	border: solid 1px #E2EFE7;
}
.variationNav .imgBorder{
	border: solid 1px #E2EFE7;
}

.sizeTable{
	padding: 0 15px 0 17px;
}
.prodInfotags{
 	width: 290px;
	padding: 10px 0;
	float: left;
}
.prodInfotags h2{
	font-size: 0.9em;
	margin: 10px 15px;	
}
.prodInfotags h3{
	font-size: 0.85em;
	margin: 10px 15px 2px 15px;	
}
.prodInfotags p{
	font-size: 0.85em;
	padding: 2px 15px 10px 15px;
	line-height: 1.4em;
}

/*alle infos im subcontent beginn------------------------------*/
#subContent{
	clear: both;
	overflow: hidden;
	margin-top: 2px;
	padding: 25px 10px;
	color: #333;
	/*
	background-image: url(../images/subContentBg.gif);
	background-repeat: repeat-x;
	background-position: top;
	*/	
}
#subContent h5{
	font-size: 0.9em;
}

#subcontent li{
	line-height: 1.3em;
	padding: 2px 15px;
}
#subContent li.ques{
	font-weight: bold;	
}
#subContent li.answer{

	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #DDDEC0;	

}

#subContent h1{
	font: 1.6em "Lucida Sans", Arial, sans-serif;
	margin: 0 5px 0px 0px;
}
#subContent h2{
	font-size: 14px;
	margin: 0 5px 0px 0px;
}
.tagBlock{
	float: left;
	width: 208px;
	overflow: hidden;
}
.tagBlock img{
	width: 183px;
	height: 80px;
	border: solid 2px #fff;
	margin-left: 10px;
}
.tagBlock h4{
	font: 1.3em "Lucida Sans", Arial, sans-serif;
	margin: 0 10px 0 0;
	padding: 3px 10px;
}
.tagBlock p{
	font-size: 0.85em;
	display: block;
	height: 150px;
	width: 183px;
	padding: 3px 10px;

}
.disclaimer{
	font-size: 0.85em;
}
/*alle infos im subcontent ende------------------------------*//* footer anfang------------------------------*/
.footNav {
	background-image:url(../images/footNavBg.gif);
	color:#666666;
	font-size:0.85em;
	height:57px;
	margin:0 auto;
	text-align:left;
	width:980px;
}
.footNav ul {
	padding:4px 55px;
}
.footNav li{
	display: inline;
	padding-right: 10px;
}
.footNav ul li a{
	color: #666;
}

.impressum{
	text-align: right;
	padding: 3px 0;
	
}
/*footer ende------------------------------*/