/* 1. Basics */

body {
  margin: 0px 0px 30px 0px;
  padding: 0;
  background: #ffffff;
  font: 12px Arial;
  color: #505050;
}

/* 2. Schrift & Links */

h1, h2{

}

.right h1 {
font-size: 14px;
color: #000000;
font-weight: bold;
clear:both;
background-image: url(img/dotted-lang.gif);
background-position: bottom left;
background-repeat: no-repeat;
padding-bottom: 5px;
margin-left: 10px;
}

h2 {
  font-size: 14px;
}

h3 {
  font-size: 12px;
}


.center p {
}

p {
  font-size: 11px;
  padding-top: 0px;
  padding-bottom: 0px;
}

a{
outline:none;
color: #5a5a5a;
font-size: 12px;
}

a:link, a:visited, a:active, a.internal-link:active {
text-decoration: none;
color: #5a5a5a;
font-size: 12px;
}



/*a:hover {
text-decoration: none;
color: #5a5a5a;
font-size: 12px;
}

*/

a:active, a.active {
  font-size: 12px;
}

a img{
border: 0px;
}

ul.nav-footer a{
font-size: 12px;
color: #ffffff;
}

div.teaser p{
font-family: Arial;
font-size: 12px;
color: #555555;
line-height: 20px;
}


span.grey {
color: #555555;
}

h1.single{
font-size: 14px;
margin-top: 25px;
}



img.top-5{
margin-top: 5px;
float:left;
}

/* 3. Layout */


/* 3.1 Main */

div.main{
  	margin: 0 auto;
  	overflow: visible;
	width: 960px;
}


div.page{
  	position:relative;
  	float:left;
	border: 0px solid #000000;
	/*background-image: url(img/bg-page.jpg);
	background-position: bottom left;*/
	padding-bottom: 13px;
}

div.header{
  	float:left;
   	overflow:hidden;
	border: 0px solid #000000;
	background-color: #ffffff;
	text-align: left;
	width: 960px;
	height: 106px;
	margin: 0px 0px 0px 0px;
	background-image: url(img/bg-header.jpg);
}


div.breadcrumb {
  	float:right;
   	overflow:visible;
	border: 0px solid #666666;
	background-color: #ffffff;
	text-align: left;
	width: 750px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.breadcrumb div.nav{
  	float:left;
   	overflow:hidden;
	border: 0px solid #666666;
	width: 570px;
	height: 15px;
	margin-top: 10px;
	}
div.breadcrumb div.nav a{
	font-size: 10px;
	text-transform: uppercase;
	color: #969696;
	margin-top: 12px;
}
div.breadcrumb div.info{
  	float:right;
   	overflow:visible;
	border: 0px solid #666666;
	background-color: #ffffff;
	margin-top: 10px;
	}


div.center {
  	float:left;
   	overflow:visible;
	border: 0px solid #666666;
	background-color: #ffffff;
	text-align: left;
	width: 960px;
	min-height: 500px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.left {
  	float:left;
   	overflow:visible;
	border: 0px solid #666666;
	text-align: left;
	width: 198px;
	min-height: 1100px;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.right {
  	position: absolute;
   	overflow:visible;
	border: 0px solid #666666;
	text-align: left;
	width: 960px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 2;
}


/* 3.2 Navigation bzw. linke Spalte */

div.suche{
  	float:left;
   	overflow:visible;
	border: 0px solid #666666;
	background-image: url(img/bg-suche.jpg);
	text-align: left;
	width: 198px;
	height: 128px;
	color: #ffffff;
}

div.suche form{
border: 0px solid;
margin: 35px 0px 0px 45px;
}

div.suche label{
float: left;
clear: both;
margin: 0px 0px 5px 0px;
}

div.suche form input{
margin: 0px 0px 10px 0px;
width: 127px;
height: 15px;
border: 1px solid #505050;
}

div.suche a, div.suche a:hover{
color: #ffffff;
float:left;
clear:both;
display:block;
margin: 4px 0px 0px 0px;
text-transform: uppercase;
font-size: 11px;
background-image: url(img/bg-suche-pfeil.jpg);
background-repeat: no-repeat;
background-position: left center;
padding: 0px 0px 0px 12px;
}

div.kategorien{
  	float:left;
   	overflow:visible;
	border: 0px solid #666666;
	background-image: url(img/bg-kategorien.jpg);
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: bottom left;
	text-align: left;
	width: 198px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding-bottom: 60px;
	display:inline;
}

div.katalog{
  	float:left;
   	overflow:visible;
	border: 0px solid #666666;
	background-image: url(img/bg-katalog.jpg);
	text-align: left;
	width: 198px;
	height: 188px;
	color: #ffffff;
	margin: 5px 0px 0px 0px;
}

div.katalog span.right{
float:right;
display:block;
margin: 5px 0px 5px 0px;
}

div.katalog img.image{
float:left;
margin: 34px 0px 0px 37px;
}

div.katalog span.white{
display:block;
float:right;
width: 66px;
border: 0px solid;
text-transform: uppercase;
margin-left: 2px;	
font-size: 11px;
}

div.katalog a {
color: white;
font-size: 11px;
}

div.katalog span.black{
margin-top: 95px;
display:block;
float:right;
width: 66px;
border: 0px solid;
text-transform: uppercase;
color: #505050;
font-weight: bold;
margin-left: 2px;
}

div.katalog span.link{
display:block;
float:right;
width: 146px;
border: 0px solid;
clear:both;
background-image: url(img/bg-suche-pfeil.jpg);
background-repeat: no-repeat;
background-position: left center;
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 12px;
text-transform: uppercase;
font-size: 11px;
}


div.sicherheit{
  	float:left;
   	overflow:visible;
	text-align: left;
	width: 198px;
	color: #ffffff;
	margin: 5px 0px 0px 0px;
}

div.sicherheit img {
  float: left;
}

div.sicherheit a {
  float:left;
  padding-top:10px;
  padding-left: 15px;
}

div.blank{
  	float:left;
   	overflow:visible;
	text-align: left;
	width: 198px;
	color: #ffffff;
	margin: 5px 0px 0px 0px;
}


/* 3.2.1 Service Navigation im Header, Logo & Trusted Shops*/

div.header ul{
float:right;
list-style: none;
margin: 85px 20px 0px 0px;
border: 0px solid #ffffff;
padding: 0px 0px 0px 0px;
}

div.header ul li{ 
float:left;
margin: 0px 3px 0px 3px;
text-align: center;
border: 0px solid #fff;
}

div.header ul li a, div.header ul li a_link, div.header ul li a:visited{
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #ffffff;
text-transform: uppercase;
display:block;
padding-top: 2px;
}


div.header ul li a:hover{
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #fff200;
text-transform: uppercase;
display:block;
}

div.header ul li a.act{
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #fff200;
text-transform: uppercase;
display:block;
}

div.header a.logo{
float:left;
clear: none;
width: 380px;
height: 100px;
display:block;
margin: 15px 40px 0px 280px;
border: 0px solid #ffffff;
}

/* 3.2.2 Haupt-Navigation */

div.kategorien ul{
list-style: none;
border: 0px solid #ffffff;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
width: 180px;
}

div.kategorien ul li img{
vertical-align: middle;
}

div.kategorien ul li{
clear:both;
}

div.kategorien ul li.dotted{
background-image: url(img/dotted.gif);
background-repeat: no-repeat;
height: 3px;
width: 180px;
margin: 10px 0px 10px 0px;
display:block;
border: 0px solid;
float:left;
}

div.kategorien ul li.dottedyellow{
background-image: url(img/dotted_yellow.gif);
background-repeat: no-repeat;
height: 3px;
width: 150px;
margin: 5px 0px 5px 30px;
display:block;
border: 0px solid;
float:left;
}

div.kategorien ul li.dottedgrey{
background-image: url(img/dotted.gif);
background-repeat: no-repeat;
height: 3px;
width: 150px;
margin: 5px 0px 5px 30px;
display:block;
border: 0px solid;
float:left;
}

div.kategorien ul li.yellow{
float:left;
clear:both;
border: 0px solid;
display:block;
width: 175px;
margin-top: 2px;
margin-bottom: 2px
}

div.kategorien ul li a{
margin: 3px 0px 3px 7px;
}

div.kategorien ul li.yellow img{
float:left;
clear:none;
}

div.kategorien ul li.yellow a{
margin: 3px 0px 3px 7px;
font-size: 12px;
font-family: Arial;
font-weight: bold;
color: #FFF200;
display:block;
width: 140px;
border: 0px solid;
float:left;
}

div.kategorien ul li.yellow a:hover, div.kategorien ul li.yellow a.active{
color: #ffffff;
}

div.kategorien ul li.yellow-sub{
float:left;
width: 160px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid;
} 

div.kategorien ul li.yellow-sub a{
margin: 0px 0px 0px 18px;
padding-left: 12px;
font-size: 12px;
font-family: Arial;
color: #FFF200;
line-height: 20px;
display:block;
clear:both;
}

div.kategorien ul li.yellow-sub a:hover{
margin: 0px 0px 0px 18px;
padding-left: 12px;
font-size: 12px;
font-family: Arial;
color: #ffffff;
background-image: url(img/dot.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
display:block;
}

div.kategorien ul li.yellow-sub a.active{
margin: 0px 0px 0px 18px;
padding-left: 12px;
font-size: 12px;
font-family: Arial;
color: #ffffff;
background-image: url(img/dot.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
display:block;
}

div.kategorien ul li.grey{
float:left;
clear:both;
border: 0px solid;
display:block;
width: 175px;
margin-top: 2px;
margin-bottom: 2px
}

div.kategorien ul li.grey img{
float:left;

}

/* div.kategorien ul li.grey a{
float:left;
margin: 0px 0px 0px 7px;
font-size: 12px;
font-family: Arial;
font-weight: bold;
color: #FFF200;
line-height: 16px;
display:block;
border: 0px solid;
width: 140px;
} */
div.kategorien ul li.grey a{
margin: 3px 0px 3px 7px;
font-size: 12px;
font-family: Arial;
font-weight: bold;
color: #FFF200;
display:block;
width: 140px;
border: 0px solid;
float:left;
}

div.kategorien ul li.grey a:hover, div.kategorien ul li.grey a.active{
color: #ffffff;
}

div.kategorien ul li.grey-sub{
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid;
} 

div.kategorien ul li.grey-sub a{
margin: 0px 0px 0px 18px;
padding: 3px 0px 3px 12px;
font-size: 12px;
font-family: Arial;
color: #FFF200;
display:block;
border: 0px solid;
clear:both;
}

div.kategorien ul li.grey-sub a:hover{
margin: 0px 0px 0px 18px;
padding-left: 12px;
font-size: 12px;
font-family: Arial;
color: #ffffff;
background-image: url(img/dot.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
display:block;
}

div.kategorien ul li.grey-sub a.active{
margin: 0px 0px 0px 18px;
padding-left: 12px;
font-size: 12px;
font-family: Arial;
color: #ffffff;
background-image: url(img/dot-grey.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}


/* 3.2.3 Produkt Selector */


/* 3.2.4 Sekundärnavigation auf der linken Seite */

div.secondnav{
float:left;
width: 198px;
background-image: url(img/secondnav.jpg);
background-repeat: repeat;
margin: 0px 0px 0px 0px;
padding: 22px 0px 0px 0px;
}

div.secondnav h2{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}


div.secondnav h2 a{
font-size: 24px;
color: #8a2940;
font-weight: normal;
line-height: 20px;
margin: 0px 0px 0px 28px;
padding: 0px 0px 0px 0px;
}

div.secondnav ul{
list-style: none;
margin: 0px 0px 24px 28px;
padding: 0px 0px 0px 0px;
}


div.secondnav ul li{
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

div.secondnav ul li a{
}





/* Navigation im Footer */

ul.sb{
    float:left;
    list-style: none;
    width: 198px;
    border: 0px solid;
    margin: 25px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
ul.sb li{
    float: left;
    list-style: none;
    margin: 0px 0px 0px 7px;
    padding: 0px 0px 0px 0px;
}


ul.nav-footer{
    float:right;
    list-style: none;
    width: 746px;
    border: 0px solid;
    margin: 30px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
}

ul.nav-footer li{
    float: left;
    list-style: none;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
}

.footer ul {
    list-style: none;
}
.footer li {
    display:inline;
    margin:10px;
}


/* 3.3 Main Area */

div.c-header{
position: absolute;
width: 757px;
height: 224px;
border: 0px solid;
z-index: 2;
margin: 0px 0px 0px 203px;
}


div.c-content{
float:left;
width: 540px;
overflow:hidden;
border: 0px solid;
margin: 0px 0px 0px 0px;
border: 0px solid;
display:inline;
}

div.c-content .c-text{
margin: 0px 10px 0px 10px;
}


div.c-navbar{
float: right;
width: 198px;
padding-left: 4px;
padding-top: 4px;
margin-left: 0px;
border: 0px solid;
margin-top: 50px;
background-image: url(img/abdeck.gif);
background-repeat: no-repeat;
background-position: top left;
display:inline;
/*overflow: hidden;*/
}
     
div.setscroll {
  z-index: 50;
  
}

div.set{
float: left;
width: 198px;
height: 76px;
background-image: url(img/set-config.gif);
}

div.set a, div.set a:link, div.set a:visited, div.set a:active, div.set a:hover{
font-size: 11px;
color: #fff200;
text-transform: uppercase;
display:block;
margin: 30px 0px 0px 40px;
padding-left: 10px;
background-image: url(img/pfeil-gelb.gif);
background-repeat: no-repeat;
background-position: top left;
}


div.warenkorb{
float: left;
overflow: visible;
width: 198px;
background-image: url(img/bg-warenkorb.gif);
background-position: top left;
background-repeat: no-repeat;
background-color: #b3b3b3;
/*margin-top: 5px;*/
padding-top: 30px;
padding-bottom: 10px;
color: #ffffff;
border-bottom: 1px solid #ffffff;
display:inline;
}

div.warenkorb span.right{
float:left;

clear:both;
margin-left: 38px;
color: #ffffff;
border: 0px solid;
width: 160px;
margin-bottom: 0px;
}

div.warenkorb span.right img{
float:left;
margin: 5px 0px 5px 0px;
clear:both;
}

div.warenkorb span.white{
display:inline;
float:left;
width: 160px;
border: 0px solid;
margin-left: 2px;	
font-size: 11px;
color: #ffffff;
margin: 5px 0px 0px 40px;
clear:both;
}

div.warenkorb span.white a{
font-size: 11px;
color: #ffffff;
text-decoration:none;
}

div.warenkorb span.link a{
display:inline;
float:left;
width: 143px;
border: 0px solid;
clear:both;
background-image: url(img/bg-suche-pfeil.jpg);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0px 0px 15px;
margin: 5px 0px 0px 40px;
font-size: 11px;
color: #ffffff;
text-transform: uppercase;
}

div.login{
float: left;
position:relative;
width: 198px;
height: 169px;
margin-bottom:5px;
background-image: url(img/bg-login.jpg);
background-repeat: no-repeat;
background-color: #b2b2b2;
display:inline;
overflow: hidden;
}

div.login form{
float:left;
position: relative;
border: 0px solid;
margin: 30px 0px 0px 40px;
display:inline;
padding: 0px 0px 0px 0px;
}

div.login label{
float: left;
clear: both;
margin: 0px 0px 3px 0px;
color: #ffffff;
display:inline;
position:relative;
}

div.login form input{
margin: 0px 0px 10px 0px;
width: 127px;
height: 15px;
border: 1px solid #505050;
display:inline;
position:relative;
}

div.login form img{
float:left;
border: 0px solid;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position:relative;
}

div.login a{
color: #ffffff;
float:left;
position:relative;
clear:both;
display:inline;
margin: 4px 0px 0px 0px;
font-size: 11px;
background-image: url(img/bg-suche-pfeil.jpg);
background-repeat: no-repeat;
background-position: left center;
padding: 0px 0px 0px 10px;
width: 150px;
}

div.newsletter{
float: left;
width: 198px;
height: 95px;
margin-top: 5px;
background-image: url(img/bg-newsletter.jpg);
background-repeat: no-repeat;
background-color: #b2b2b2;
text-align: left;
}

div.newsletter div.text{
border: 0px solid;
margin: 30px 0px 0px 40px;
}

div.newsletter label{
float: left;
clear: both;
margin: 0px 0px 3px 0px;
color: #ffffff;
width: 100%;
}

div.newsletter div.text input{
margin: 0px 0px 10px 0px;
width: 127px;
height: 15px;
border: 1px solid #505050;
}

div.newsletter a{
color: #ffffff;
float:left;
clear:both;
display:block;
margin: 4px 0px 0px 0px;
font-size: 11px;
background-image: url(img/bg-suche-pfeil.jpg);
background-repeat: no-repeat;
background-position: left center;
padding: 0px 0px 0px 12px;
width: 100%;
}

div.newsletter img{
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.newsletter span.white{
display:block;
float:left;
border: 0px solid;
font-size: 11px;
color: #ffffff;
margin: 5px 0px 10px 0px;
font-weight: bold;
width: 100%;
}

div.deal{
float: left;
width: 198px;
background-image: url(img/bg-deal.jpg);
background-repeat: no-repeat;
margin: 5px 0px 0px 0px;
padding-bottom: 15px;
border: 0px solid #000;
}

div.deal h3{
float: left;
color: #000000;
font-size: 12px;
font-weight: bold;
margin: 40px 0px 0px 40px;
display:inline;
}

div.deal img{
float: left;
margin: 5px 0px 0px 40px;
display:inline;
}

div.newdeal{
float:left;
border: 0px solid;

}

div.deal span.black{
display:none;
float:right;
width: 155px;
height: 38px;
border: 0px solid;
margin-left: 2px;	
font-size: 11px;
color: #000000;
margin: 10px 0px 0px 0px;
}

div.deal span.link{
display:block;
float:right;
width: 155px;
border: 0px solid;
clear:both;
background-image: url(img/dotted-gelb.gif);
background-position: top left;
background-repeat: no-repeat;
margin: 5px 0px 3px 0px;
padding: 7px 0px 0px 0px;
font-size: 11px;
color: #000000;
text-transform: uppercase;
}

div.deal span.link a{
color: #000000;
float:left;
clear:both;
display:block;
margin: 4px 0px 0px 0px;
font-size: 11px;
background-image: url(img/pfeil-sg.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 0px 0px 0px 12px;
width: 150px;
}

div.deal div.grey{
float:left;
clear:both;
width: 154px;
height: 33px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 44px;
background-color:transparent;
font-size: 14px;
color: #505050;
border: 0px solid;
}
div.deal div.grey span{
text-decoration:line-through;
}
div.deal div.grey span.angebot{
text-decoration:none;
font-size: 18px;
font-weight: bold;
color: #c80000;
display: block;
clear:both;
margin-top: 5px;
}

span.through{
text-decoration:line-through;
font-size: 12px;
}

div.information{
float: right;
width: 198px;
margin: 5px 0px 0px 0px;
background-image: url(img/bg-information.jpg);
background-repeat: no-repeat;
background-position: left bottom;
background-color: #b2b2b2;
padding: 0px 0px 0px 0px;
border: 0px solid;
height: inherit;
}

div.information ul{
border: 0px solid;
float:right;
list-style-image: url(img/pfeil-info.gif);
margin: 0 40px 0 0;
height:150px;
}
div.information ul li{}
div.information ul li a{
color: #ffffff;
font-size: 11px;
}

/* 3.3 Teaser & Boxen in der linken Spalte */


/* 3.3.2 Teaser & Boxen im Main Content*/

div.product-box{
float:left;
width: 260px;
height: 250px; 
border: 0px solid #000000;
margin: 0px 0px 30px 10px;
display:inline;
}


div.product-box a img{
float:left;
}

div.product-box a.topfive{
display:block;
margin-top: 7px;
display:inline;
}

/* div.product-box h2{
background-image: url(img/bg-header2.gif);
font-family: Arial;
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
color: #fff200;
height: 15px;
padding: 0px 0px 0px 5px;
} */


div.product-box div.header{
float:left;
border: 0px solid;
height: 40px;
width:250px;
border: 0px solid;
background-image: none;
}

div.product-box h2{
background-image: url(img/bg-header2.gif);
background-repeat: no-repeat;
width: 228px;
height: auto;
display:block;
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #fff200;
padding: 2px 0px 0px 3px;
background-color: #000000;
border: 0px solid;
margin-top: 5px;
}


div.product-box h2 a{
width: 225px;
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #fff200;
padding: 1px 3px 1px 0px;
margin-left: 0px;
background-image: url(img/corner-right-black.gif);
background-position: bottom right;
background-repeat: no-repeat;
display:block;
height: auto;
border: 0px solid;
}


div.product-box div.buttons{
float:left;
width:250px;
height: 21px;
margin: 10px 0px 20px 0px;
border: 0px solid;
display: inline;
}

div.product-box div.buttons img{
margin: 0px 3px 0px 0px;
}


div.product-box div.p-list{
width: 110px;
height: 55px;
border: 0px solid;
float:right;
margin: 40px 20px 5px 0px;
font-size: 16px;
color: #505050;
display:inline;
padding: 0px 0px 0px 0px;
}

div.product-box div.p-list div.priceab {
 font-size: 14px;
}

div.product-box div.p-list div.lightbox {
float:right;
font-size:16px;
}


div.specials-image{
float:left;
border: 0px solid;
margin-bottom: 10px;
}


span.versand{
display:block;
margin: 0px 0px 10px 0px;
}
span.angebot{
color: #c80000;
font-size: 12px;
font-weight:bold;
display:block;
clear:both;
}
/* 3.3.3 Main Content Boxen & Product List View*/


/* 3.4 Product Single View*/


/* 3.3 Footer */

div.footerprint{
width: 640px;
height: 120px;
margin: 13px 0px 0px 10px;
border: 0px solid #000000;
clear:both;
text-align: center;
background-image: url(img/bg-footer-print.gif);
background-repeat: no-repeat;
background-position: top left;
padding-top: 25px;
color: #969696;
}

div.footer{
float:left;
width: 960px;
height: 120px;
margin: 13px 0px 0px 0px;
border: 0px solid #000000;
clear:both;
text-align: center;
background-image: url(img/bg-footer.gif);
background-repeat: no-repeat;
background-position: top left;
padding-top: 25px;
color: #969696;
}

div.footer span{
font-size: 11px;
}

div.footer div.footertext {
  color: #5a5a5a;
  font-size: 11px;
}

div.footerlinks a {
  font-size: 11px;
  text-transform: uppercase;
}

/* states and images */
div.information .ui-icon { width: 16px; height: 21px; background-image: url(img/pfeil-icons.jpg); }
div.information .ui-widget-content .ui-icon {background-image: url(img/pfeil-icons.jpg); }
div.information .ui-widget-header .ui-icon {background-image: url(img/pfeil-icons.jpg); }
div.information .ui-state-default .ui-icon { background-image: url(img/pfeil-icons.jpg); }
div.information .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(img/pfeil-icons.jpg); }
div.information .ui-state-active .ui-icon {background-image: url(img/pfeil-icons.jpg); }
div.information .ui-state-highlight .ui-icon {background-image: url(img/pfeil-icons.jpg); }
div.information .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(img/pfeil-icons.jpg); }

div.kat-selector .ui-icon { width: 11px; height: 9px; background-image: url(img/pfeil-icons-kat.gif);}
div.kat-selector .ui-widget-content .ui-icon {background-image: url(img/pfeil-icons-kat.gif); }
div.kat-selector .ui-widget-header .ui-icon {background-image: url(img/pfeil-icons-kat.gif); }
div.kat-selector .ui-state-default .ui-icon { background-image: url(img/pfeil-icons-kat.gif); }
div.kat-selector .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(img/pfeil-icons-kat.gif); }
div.kat-selector .ui-state-active .ui-icon {background-image: url(img/pfeil-icons-kat.gif); }
div.kat-selector .ui-state-highlight .ui-icon {background-image: url(img/pfeil-icons-kat.gif); }
div.kat-selector .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(img/pfeil-icons-kat.gif); }

div.set-accordeon .ui-icon { width: 14px; height: 19px; background-image: url(img/set-pfeil.gif); background-position: -14px -0px;}
div.set-accordeon .ui-widget-content .ui-icon {background-image: url(img/set-pfeil.gif); }
div.set-accordeon .ui-widget-header .ui-icon {background-image: url(img/set-pfeil.gif); }
div.set-accordeon .ui-state-default .ui-icon { background-image: url(img/set-pfeil.gif); }
div.set-accordeon .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(img/set-pfeil.gif); }
div.set-accordeon .ui-state-active .ui-icon {background-image: url(img/set-pfeil.gif); }
div.set-accordeon .ui-state-highlight .ui-icon {background-image: url(img/set-pfeil.gif); }
div.set-accordeon .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(img/set-pfeil.gif); }



/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -0px -0px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
div.kat-selector .ui-icon-triangle-1-s { background-position: -11px -0px; }
div.set-accordeon .ui-icon-triangle-1-s { background-position: -0px -0px; }
.ui-icon-triangle-1-s { background-position: -15px -0px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/*
 * jQuery UI Accordion @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */

.ui-accordion { width: 198px; }
div.kat-selector .ui-accordion { width: 519px; }
div.set-accordeon .ui-accordion { width: 540px; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; background-image: url(img/informationen-zu.gif);height: 35px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; outline:none;}
div.kat-selector .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; background-image: url(img/bg-katselector.gif);height: 14px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; outline:none;}
div.set-accordeon .ui-accordion .ui-accordion-header { font-size: 14px;
color: #000000;
font-weight: bold;
clear: both;
background-image: url("img/dotted-lang.gif");
background-position: left bottom;
background-repeat: no-repeat;
padding-bottom: 0px;
margin-left: 10px;
margin-bottom: 10px;
border: 0px solid;
height: 22px;
}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; background-image: url(img/informationen-zu.gif);height: 35px;}
div.kat-selector .ui-accordion .ui-accordion-header {font-size: 11px; padding: 2px 0px 0px 10px;color: #fff500; font-variant: bold; display: block;}
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; right: .5em; top: 0; top: 50%;  margin-top: -8px;}
div.kat-selector .ui-accordion .ui-accordion-header .ui-icon { position: absolute; right: .5em; top: 50%; margin-top: -4px; }
div.set-accordeon .ui-accordion .ui-accordion-header .ui-icon { position: absolute; border: 0px solid; top: 5px;}
.ui-accordion .ui-accordion-content { border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 0px; padding-bottom: 0px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; margin-bottom: 0px; padding-bottom: 0px;}
div.kat-selector .ui-accordion .ui-accordion-content { border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 0px; padding-bottom: 0px; overflow: auto; display: none; zoom: 1; width: 519px; background-image: url(img/bg-katse.gif); background-position: bottom left; background-repeat: no-repeat;}
div.set-accordeon .ui-accordion .ui-accordion-content { border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 0px; padding-bottom: 0px; overflow: auto; display: none; zoom: 1; width: 540px;}
div.kat-selector .ui-accordion .ui-accordion-content-active { display: block; margin-bottom: 0px; padding-bottom: 0px; margin-top: 2px; padding-top: 0px;}


div.set-accordeon .ui-accordion .ui-accordion-content-active { display: block; margin-bottom: 0px; padding-bottom: 0px; margin-top: 2px; padding-top: 0px;}





.slideshow {  }
.slideshow img { }


div.header-text img{
float:left;
vertical-align: top;
margin: 10px 0px 0px 10px;
padding-right: 0px;
}

div.header-text{
position:absolute;
z-index: 7;
width: 400px;
}

div.header-text h1{
float:left;
color: #ffffff;
text-transform: uppercase;
clear:none;
background: none;
font-size: 18px;
margin-top: 18px;
}


div.alphabet{
border: 0px solid;
float:left;
background-image: url(img/bg-alphabet.jpg);
width: 490px;
height: 31px;
padding-left: 30px;
margin-bottom: 10px;
}


div.alphabet a{
float:left;
display:block;
margin: 9px 0px 5px 0px;
height: 13px;
width: 15px;
text-align: center;
border: 1px solid #ffffff;
cursor: pointer;
color: #b4b4b4;
padding-top: 2;
}

div.alphabet a:hover{
border: 1px solid #584d4b;
cursor: pointer;
font-weight: bold;
color: #505050;
}

div.alphabet a.active{
border: 1px solid #584d4b;
cursor: pointer;
font-weight: bold;
color: #505050;
}


div.brand{
float:left;
border: 0px solid;
width:180px;
height: 100px;
text-align: center;
}
div.header-clear{
position:relative;
float:left;
display:block;
border: 0px solid;
width: 530px;
height: 200px;
}

div.header-clear-start{
float:left;
display:block;
border: 0px solid;
width: 530px;
height: 240px;
z-index:1;
}


div.claim{
position:absolute;
z-index: 7;
width: 200px;
height: 65px;
border: 0px solid;
margin-left: 358px;
margin-top: 80px;
/*background-image: url(img/bg-claim.png);*/
background-repeat: no-repeat;
font-family: arial;
color: #ffffff;

}

span.first{
float:left;
clear:both;
font-size: 25px;
line-height: inherit;
font-style: italic;
margin: 0px 0px 0px 3px;
padding: 0px 0px 0px 0px;
}

span.second{
float:left;
clear:both;
font-size: 20px;
width: 190px;
font-style: normal;
margin: -5px 0px 0px 3px;
padding: 0px 0px 0px 0px;
border: 0px solid;
}

span.third{
float:left;
clear:both;
font-size: 12px;
font-style: normal;
margin: 0px 0px 0px 3px;
padding: 0px 0px 0px 0px;
width: 190px;
}


div.claim-zwei{
position:absolute;
z-index: 7;
width: 500px;
height: 40px;
border: 0px solid;
margin-left: 25px;
margin-top: 180px;
}

div.claim-zwei{
font-family: Arial;
font-style: italic;
font-variant: normal;
font-weight: bold;
font-size: 16px;
color: #fff500;
}



/* Listview */

div.sortbar{
float:left;
border: 0px solid;
width: 530px;
margin-left: 10px;
}


div.sortbar a{
background-image: url(img/pfeil-white.gif);
background-position: 3px 4px;
background-repeat: no-repeat;
padding-left: 15px;
text-transform: uppercase;
margin: 10px 0px 0px 0px;
display:block;
}

div.list-pager{
float:right;
border: 0px solid;
text-align: right;
margin: 0px 15px 0px 0px;
}

div.bottom-list{
margin: 40px 15px 0px 0px;
}
div.list-pager span{
float:left;
}


div.list-pager a{
float:left;
background-image: none;
display:block;
margin: 0px 5px 0px 3px;
padding: 0px 0px 0px 0px;
}
div.list-pager a.active, div.list-pager a:hover{
color: #969696;
}

div.list-pager a.next{
background-image: url(img/pfeil-white.gif);
background-position: right 3px;
background-repeat: no-repeat;
padding-left: 15px;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
padding-right: 10px;
padding-left: 0px;
display:block;
float:left;
}

div.product-list{
float:left;
border: 0px solid;
width: 520px;
height: 170px;
margin-left: 10px;
display:inline;
overflow:hidden;
}

div.product-list h2, div.product-single h2, div.product-set h2{
display: block;
height: 14px;
width:516px;
background-image: url(img/bg-list-header.jpg);
font-size: 11px;
color: #fff200;
font-weight:bold;
padding: 2px 0px 0px 3px;
clear:both;
}

div.product-list h2 a, div.product-single h2 a, div.product-set h2 a{

font-size: 11px;
color: #fff200;
font-weight:bold;
padding: 2px 0px 0px 3px;

}



div.list-image{
float:left;
border: 0px solid;

}

div.list-description{
float:left;
border: 0px solid;
width: 230px;
margin: 5px 0px 0px 10px;
}

div.list-buttons{
float:right;
width: 150px;
border: 0px solid;
text-align: right;
margin-right: 5px;
height: 100px;
display:inline;
}

div.kat-selector{
float:left;
clear:both;
margin: 0px 0px 30px 10px;
}

div.katse a, div.katse a:link, div.katse a:hover, div.katse a:active, div.katse a:visited{
float:left;
color: #969696;
font-size: 11px;
width: 156px;
height: 14px;
display:block;
margin-left: 9px;
margin-top: 0px;
margin-bottom: 0px;
border: 0px solid;
padding-top: 3px;
border: 0px solid;
}

div.katse a:hover,div.katse a.active {
color: #505050;
}

/* Product Single View */

div.product-single{
float:left;
width: 530px;
border: 0px solid;
margin-left: 10px;
/*background-image: url(img/pixel_grau.gif);
background-position: 260px 20px;
background-repeat: repeat-y;*/
}


a.back{
float:left;
clear:both;
background-image: url(img/pfeil-white-le.gif);
background-position: 3px 4px;
background-repeat: no-repeat;
padding-left: 15px;
text-transform: uppercase;
margin: 10px 0px 10px 10px;
display:block;
}

a.forward{
float:left;
background-image: url(img/pfeil-white.gif);
background-position: 3px 4px;
background-repeat: no-repeat;
padding-left: 15px;
/*text-transform: uppercase;*/
margin: 3px 0px 3px 0px;
display:block;
cursor: pointer;
clear:both;
width: 100%;
}

div.single-left{
float:left;
border: 0px solid;
width: 270px;
display:inline;
padding: 0px 0px 0px 0px;
overflow:hidden;
border-right: 1px solid #cacaca;
}

div.single-right{
float:right;
width: 255px;
/*border-left: 1px solid #cacaca;*/
display:inline;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
overflow:hidden;
clear:none;
}
div.single-left a.pfeil{
background-image: url(img/pfeil-white.gif);
background-position: 3px 4px;
background-repeat: no-repeat;
padding-left: 15px;
text-transform: uppercase;
margin: 5px 0px 5px 0px;
display:block;
}
div.single-left h3{
font-size: 11px;
color: #b2b2b2;
font-weight: normal;
}
div.single-left a.zoom{
background-image: url(img/zoom.gif);
background-position: 3px 0px;
height: 17px;
background-repeat: no-repeat;
padding-left: 25px;
text-transform: uppercase;
margin: 5px 0px 5px 0px;
display:block;
color:#505050;
border: 0px solid;
padding-top: 3px;
}

div.single-left a.video{
background-image: url(img/video.gif);
background-position: 3px 0px;
height: 17px;
background-repeat: no-repeat;
padding-left: 25px;
text-transform: uppercase;
margin: 5px 0px 5px 0px;
display:block;
color:#505050;
border: 0px solid;
padding-top: 3px;
}
div.single-left p{
clear:both;
padding-right: 5px;
font-size: 12px;
}

div.single-left input{
float: none;
}

div.single-right div.list-description{
width: 220px;
padding-right: 20px;
padding-top: 5px;
margin-bottom: 10px;
border: 0px solid;
font-size: 12px;
color: #5050505;
}

div.single-right table.options{
margin-top: 20px;
text-align: left;
width: 100%;
}

a.warenkorb-single{
margin: 20px 20px 0px 80px;
display:block;
}

input.warenkorb-single{
margin: 20px 20px 0px 70px;
display:block;
}
/* Set Artikel */


div.product-set{
float:left;
width: 530px;
border: 0px solid;
margin: 0px 0px 20px 10px;
}

div.set-left{
float:left;
border: 0px solid;
width: 270px;
border-right: 0px solid #cacaca;
}

div.set-right{
float:left;
border: 0px solid;
width: 250px;
}

div.sset-left a{
background-image: url(img/pfeil-white.gif);
background-position: 3px 4px;
background-repeat: no-repeat;
padding-left: 15px;
text-transform: uppercase;
margin: 5px 0px 5px 0px;
display:block;
}
div.set-left h3{
font-size: 11px;
color: #b2b2b2;
font-weight: normal;
}
div.set-left a.zoom{
background-image: url(img/zoom.gif);
background-position: 3px 0px;
height: 17px;
background-repeat: no-repeat;
padding-left: 25px;
text-transform: uppercase;
margin: 5px 0px 5px 0px;
display:block;
color:#505050;
border: 0px solid;
padding-top: 3px;
}

div.set-left a.video{
background-image: url(img/video.gif);
background-position: 3px 0px;
height: 17px;
background-repeat: no-repeat;
padding-left: 25px;
text-transform: uppercase;
margin: 5px 0px 5px 0px;
display:block;
color:#505050;
border: 0px solid;
padding-top: 3px;
}
div.set-left p{
clear:both;
}

div.set-left input{
float: none;
font-size: 11px;
}

div.set-left div.image-options {
  border-right: 1px solid #cacaca; 
}

div.set-right div.list-description{
width: 200px;
height: 100%;
padding-right: 40px;
padding-top: 10px;
margin-bottom: 10px;
font-size: 11px;
color: #5050505;
padding-left: 10px;
margin-left: 0px;
}

div.set-left div.options {
  width:200px;
  margin: 0px 0px 0px 20px;
}

div.set-left table{
margin-top: 20px;
text-align: center;
}

div.set-left table tr td{
padding-right: 30px;
text-align: left;
}

div.set-right table tr td{
padding-right: 10px;
}

div.set-right a.warenkorb-single{
margin: 20px 0px 0px 80px;
display:block;
}

div.set-right input.warenkorb-single{
margin: 0px 0px 0px 70px;
display:block;
}

div.set-right ul{
padding-left: 15px;

}

span.kopplungspreis{
color: #c80000;
font-size: 14px;
font-weight: bold;
display: block;
clear: both;
}

p.rot{
color: #c80000;
}

div.set-highlight{
position:relative;
float:left;
width: 154px;
height: 215px;
border: 0px solid;
padding: 0px 0px 0px 0px;
margin: 0px 13px 18px 0px;
}



div.set-highlightbox p{
font-size: 11px;
}

div.set-accordeon h3 {
  text-transform: uppercase;
} 

div.set-highlight h4{
position: relative;
display: block;
float:left;
height: 14px;
width:149px;
height: 28px;
background-image: url(img/bg-set-highlight.gif);
text-transform: none;
font-size: 11px;
color: #fff200;
font-weight:bold;
padding: 2px 2px 0px 3px;
clear:both;
margin: 0px 0px 0px 0px;
border: 0px solid;
}  

div.set-header{
position: relative;
display: block;
float:left;
height: 14px;
width:151px;
height: 28px;
background-image: url(img/bg-set-highlight.gif);
text-transform: none;
font-size: 11px;
color: #fff200;
font-weight:bold;
padding: 2px 0px 0px 3px;
clear:both;
margin: 0px 0px 0px 0px;
border: 0px solid;
line-height: 11px;
}  

div.set-highlightbox {
position:relative;
float:left;
border:1px solid #b2b2b2;
text-align: center;
width:152px;
clear:both;
margin-top: 0px;
}

div.set-highlightbox a {
text-align: center;
}


a.makeset{
display:block;
margin: 0px 0px 0px 0px; 

}





/* Bestellprozess */

div.shoppingCart, div.createAccount{
float:left;
border: 0px solid;
width: 518px;
margin-left: 10px;
}

div.createAccount a.forward{
float:left;
background-image: url("img/pfeil-grau.gif");
background-position: 3px 4px;
background-repeat: no-repeat;
padding-left: 15px;
margin-left: 0px;
text-transform: uppercase;
clear:both;
display: block;
border: 0px solid;
}


div.shoppingCartHead, div.createAccountHead, div.modLoginHead, div.passwordDoubleHead{
color: #fff200;
background-color: #000000;
background-image: url(img/bg-header-hc.gif);
background-position: top right;
background-repeat: no-repeat;
padding: 1px 0px 0px 10px;
height: 15px;
text-transform: uppercase;
}

div.shoppingCartBody{
background-color: #d8d8d8;
margin: 3px 20px 0px 0px;
padding: 5px 5px 5px 15px;
background-image: url(img/corner-left-grey.gif);
background-repeat: no-repeat;
background-position: bottom left;
font-family: Arial;
font-size: 11px;
color: #505050;
}

span.markProductOutOfStock{
  color: red;
}

div.red, span.red{
  color: red;
}

div.shoppingCartBodyWhite{
background-color: #ffffff;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: none;
}

div.orderDetails input {
  font-size: 11px;
  width: 15px;
}

td.orderDetailsTblHeadPic{
color: #fff200;
background-color: #000000;
background-image: url(img/corner-left-black.gif);
background-position: top left;
background-repeat: no-repeat;
padding: 0px 0px 0px 10px;

}

td.orderDetailsTblHeadQtc, td.orderDetailsTblHeadArticle, td.orderDetailsTblHeadSingle{
color: #fff200;
background-color: #000000;
background-position: top left;
background-repeat: no-repeat;
padding: 1px 0px 0px 10px;
border-left: 1px solid #ffffff;
height: 15px;
}

td.orderDetailsTblHeadTotal{
color: #fff200;
background-color: #000000;
background-position: top left;
background-repeat: no-repeat;
padding: 1px 20px 0px 10px;
background-image: url(img/right-hc.gif);
background-position: top right;
border-left: 1px solid #ffffff;
height: 15px;
}

td.orderDetailsTblBodySingle, td.orderDetailsTblBodyTotal, td.orderDetailsTblBodyPic, td.orderDetailsTblBodyQtc{
vertical-align: top;
}

td.orderDetailsTblBodyArticle {
padding-left: 10px; 
}


div.shoppingCartFooterRight{
float: right;
border: 0px solid;
text-align: right;
}


div.shoppingCartBody a.forward{
float:left;
background-image: url("img/pfeil-grau.gif");
background-position: 3px 4px;
background-repeat: no-repeat;
padding-left: 15px;
margin-left: 10px;
text-transform: uppercase;
width: 100px;
clear:none;
}

div.modLogin a.forward{
float:left;
background-image: url("img/pfeil-grau.gif");
background-position: 3px 4px;
background-repeat: no-repeat;
padding-left: 15px;
margin-left: 0px;
text-transform: uppercase;
clear:both;
display: block;
border: 0px solid;
}


#input_code span{
float:left;
padding: 3px 3px 0px 0px;;
}

#input_code input{
float:left;

}

div.modLogin{
float:left;
border: 0px solid;
width: 518px;
margin-left: 10px;
}


/* div.modLoginHead{
color: #fff200;
background-color: #000000;
background-image: url(img/right-hc.gif);
background-position: top right;
background-repeat: no-repeat;
padding: 1px 0px 0px 10px;
height: 15px;
text-transform: uppercase;
}
*/
div.modLoginBody{
float:left;
background-color: #d8d8d8;
margin: 3px 20px 20px 0px;
padding: 5px 5px 5px 10px;
background-image: url(img/corner-left-grey.gif);
background-repeat: no-repeat;
background-position: bottom left;
font-family: Arial;
font-size: 11px;
width: 483px;
color: #505050;
}

div.createAccountBody{
float:left;
background-color: #d8d8d8;
margin: 3px 20px 0px 0px;
padding: 5px 5px 5px 10px;
font-family: Arial;
font-size: 11px;
width: 483px;
color: #505050;
border: 0px solid;
}

div.progress{
float:left;
margin: 0px 0px 20px 10px;
}

div.createAccountBodyTopTitle{
margin-top: 10px;
font-weight: bold;
text-transform: uppercase;
width: 200px;
float:left;
border: 0px solid;
}

div.createAccountBodyTop{
margin-top: 5px;
font-weight: bold;
text-transform: uppercase;
}

div.createAccountBodyTopMust{
margin: 0px 10px 0px 0px;
font-weight: bold;
text-align: right;
width: 200px;
border: 0px solid;
float:right;
color: #c80000;
text-transform: none;
}

span.inputRequirement{
margin: 0px 10px 0px 0px;
color: #c80000;
text-transform: none;
}

div.createAccountFooter{
margin: 26px 0px 0px 0px;
border: 0px solid;
}

div.createAccountBodyBottomLeft{
width: 100px;
border: 0px solid;
float:left;
margin-top: 2px;
}


div.createAccountBodyBottomRight input, div.modLoginBodyCellShortRight input{
height: 15px;
border: 1px solid #787878;
margin-bottom: 3px;
}
div.createAccountBodyBottomRightL, div.createAccountBodyBottomRightR{
float:left;
width: 60px;
clear:none;
}

div.bodyright {
float:left;
width: 200px;
clear:none;
}

div.clear{
clear:both;
}

div.bg-left{
background-image: url(img/corner-left-grey.gif);
background-repeat: no-repeat;
background-position: bottom left;
margin-bottom: 20px;
}

div.modLoginBodyCellShortLeft{
width: 100px;
float:left;
clear:none;
}

div.footerleft {
 float:left;
}
div.footerright {
  float:right;
}

div.paymentBlock {
  margin-top:10px;
}
div.paymentBlockBodyTopLeft {
  float:left;
}
div.paymentBlockBodyTopMiddle {
  float:left;
  margin: 3px 0px 0px 0px;
}
div.paymentBlockBodyTopRight {
  float:left;
}
div.paymentBlockBodyDesc, div.paymentBlockBodyBottom{
  margin: 5px 0px 0px 20px;
}

div.agbComment {
  margin: 0px 30px 20px 10px;
}
div.agbCommentHeader {
  font-weight:bold;
}

div.conditions {
  border: 1px solid #fff200;
  background-color: #fffbb3;
}

div.modSitemapBody {
  float:left;

}

div.modSitemapBodyRowCell {
  float:left;
  width: 160px;
  margin: 10px 10px 0px 0px;
}

div.modSitemapBodyRowCellCatHead a{
  font-size: 13px;
  font-weight: bold;
}

/*Setkonfigurator Setwarenkorb*/

div.tooltip, div.loadtip{
  display:none;
  position:absolute;
  top:20px;
  left: -187px;
  width: 150px;
  height: 84px;
  background: url("img/bg_tooltipp.png") no-repeat top left;
  font-size: 12px;
  font-weight: bold;
  color: #2f2f2f;
  padding: 5px 40px 5px 10px;
  /*border: 1px solid;*/
}
div.tooltip-text, div.tooltip-imgtext {
  display:none;
}

div.setbasket{
float:left;
width: 198px;
background-image: url("img/setbasket.gif");
/*margin: 4px 0px 0px 0px;*/
padding: 0px 0px 0px 0px;
color: #b2b2b2;
font-size: 11px;
font-family: Arial;
margin-bottom:5px;
}

div.row{
float:left;
width: 166px;
height: 62px;
/*clear:both;*/
color: #b2b2b2;
font-size: 11px;
font-family: Arial;
border: 0px solid #ffffff;
/*padding-bottom: 5px;*/
margin: 1px 0px 0px 1px;
padding: 5px 15px 10px 15px;
}

div.rowbg{
background-image: url("img/bg-setrow.gif");
background-position: 38px bottom ;
background-repeat: no-repeat;
}
div.row:hover {
  background: url("img/setbox_hover.png") repeat-y;
}

div.row img{
float:left;
margin-right: 6px;
}

div.row div.row-text{
float:left;
display: block;
width: 85px;
height: 50px;
border: 0px solid;
padding-top: 0px;
margin-top: 0px;
}

div.row-text select {
  font-size: 11px;
  background-color: #000000;
  color: white;
  width: 45px;
  border: 1px ;
}

div.row div.row-change {
  /*clear:both;*/
  float:left;
  margin: 3px 0px 0px 20px;
  background-image: url("img/pfeil-info.gif");
  background-repeat: no-repeat;
  background-position: left center;
}
a.tabsselect {
  text-decoration:none;
  color: #b2b2b2;
}
a.tabselect:hover {
  color: #ffffff;
}
div.row-change a:active,div.row-change a:link, div.row-change a:visited {
  text-decoration:none;
  padding-left: 13px;
  color: #b2b2b2;
}

div.row-change a:hover {
  color: #ffffff;
}

div.row div.row-blank{
float:left;
display: block;
width: 120px;
height: 50px;
border: 0px solid;
padding-top: 0px;
margin-top: 0px;
}


div.set-total{
float:left;
border: 0px solid;
margin-left: 40px;
width: 100%;
height: 75px;
}

div.set-total p{
float:left;
border: 0px solid;
margin: 15px 0px 0px 0px;
width: 100%;
}

div.set-total p.settotal{
font-size: 16px;
color: #c80000;
font-weight:bold;
margin: 0px 0px 0px 0px;
padding-top: 0px;
}
div.set-total img{
  float:left;
  margin: 0px 0px 0px 130px;
}

div.button, div.button a, div.button a img{
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
bottom: 0px;
}



div.off{
text-transform: uppercase;
font-size: 12px;
}

div.wrong {
  border: 1px solid red;
}


#set-accordeon{
width: 540px;
border: 0px solid;
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


div.set-products{
width: 540px;
border: 0px solid;
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.set-highlight p{
float:left;
margin: 3px 5px 5px 5px;
text-align: left;
font-size: 12px;
}

div.set-highlight p span.setprice{
font-weight:bold;
color: #c80000;
font-size: 13px;
}

div.set-highlight p span.skib{
font-size: 11px;
}

div.set-anker {
  width: 300px;
  clear:both;
}

#montage table{
  font-size:12px;
}
#montage input {
  font-size: 12px;
}

#montage h2 {
font-size: 14px;
color: #000000;
font-weight: bold;
clear:both;
background-image: url(img/dotted-lang.gif);
background-position: bottom left;
background-repeat: no-repeat;
padding-bottom: 5px;
}

input.montage-set {
float:right;
margin-top: 30px;
margin-right: 5px;
margin-bottom: 0px;
display: block;
}



/*
 * jQuery UI CSS Framework 1.8.6
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
div.set-tab .ui-widget { font-family: Arial,sans-serif; font-size: 1.1em; }
div.set-tab .ui-widget .ui-widget { font-size: 1em; }
div.set-tab .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; }
div.set-tab .ui-widget-content { border: 1px solid #aaaaaa; color: #222222; }
div.set-tab .ui-widget-content a { color: #222222; }
div.set-tab .ui-widget-header { border: 0px solid #aaaaaa; color: #222222; font-weight: bold; }
div.set-tab .ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
div.set-tab .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; font-weight: normal; color: #555555; }
div.set-tab .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
div.set-tab .ui-state-hover,div.set-tab .ui-widget-content .ui-state-hover,div.set-tab .ui-widget-header .ui-state-hover,div.set-tab .ui-state-focus, .ui-widget-content .ui-state-focus,div.set-tab .ui-widget-header .ui-state-focus { border: 1px solid #999999; font-weight: normal; color: #212121; }
div.set-tab .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
div.set-tab .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; font-weight: normal; color: #212121; }
div.set-tab .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
div.set-tab .ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
div.set-tab .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
div.set-tab .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
div.set-tab .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
div.set-tab .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
div.set-tab .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
div.set-tab .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
div.set-tab .ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
div.set-tab .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }




/* Corner radius */
div.set-tab .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
div.set-tab .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
div.set-tab .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
div.set-tab .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
div.set-tab .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
div.set-tab .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
div.set-tab .ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
div.set-tab .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
div.set-tab .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
div.set-tab .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
div.set-tab .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*

 /* jQuery UI Tabs 1.8.6
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
div.set-tab .ui-tabs { position: relative; padding: 0; zoom: 1; clear:both; float:left; width:52	0px; border: 0px solid; margin-left: 10px;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
div.set-tab .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; border: 0px solid;}
div.set-tab .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; background-color: #cccccc;}
div.set-tab .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; font-weight:bold;}
div.set-tab .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background-color: #ffffff;}
div.set-tab .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
div.set-tab .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
div.set-tab .ui-tabs .ui-tabs-panel { display: block; border-top: 1px solid; padding: 20px 10px 20px 10px; background: none; float:left; width: 500px; border-color: #999999; margin-left: 2px;} 
div.set-tab .ui-tabs .ui-tabs-hide { display: none !important; }


.HL_gelb_auf_schwarz {
    background: url("../images/black-headline.png") repeat scroll 0 0 transparent;
    clear: both;
    color: #FFF200;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 15px;
    margin-bottom: 4px;
    padding: 1px 0 0 6px;
    width: 512px;
}

/*	Kontaktformular		*/
.floatbox {
    margin-bottom:10px;
}
.contactUsBodyBottom {
    clear:both;
    padding-bottom:10px;
    font-size:11px;
}
.contactUsBodyBottomLeft {
    font-size:11px;
    float:left;
    width:100px;
}
.contactUsBodyBottomRight {
    float:left;
}
.contactUsBodyBottomRight input {
    width:405px;
}
.contactUsError {
    font-size:11px;
}

/*	Newsletter	*/
.newsletterBodyBottom {
    clear:both;
    padding-bottom:30px;
}
.newsletterBodyBottomLeft {
    float:left;
    width:100px;
}
.newsletterBodyBottomRight {
    float:left;
}
.newsletterBodyBottomRight input {
    width:400px;
}
.newsletterRow {
    height:80px;
    padding-top:10px;
    padding-left:5px;
    padding-bottom:5px;
    width: 400px;
    margin-top:5px;
    margin-bottom:10px;
    background-color:
    rgb(204, 204, 204);
}
.newsletterCheck {
    float:left;
    width:100px;
    font-size:0.9em;
}
.newsletterCheckbox {
    float:left;
    width:100px;
}
.newsletterCheckbox input {
    width:30px;
}
div#contactFormSubmit input[type="submit"] {
    background: url("img/info/btn_senden.jpg") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    height: 17px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-top: 10px;
    width: 90px;
}
div#contactFormSubmit input[type="reset"] {
    width:81px;
    background: url("img/info/btn_loeschen.jpg") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    height: 17px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-top: 10px;
    width: 90px;
}

/*	navileft	*/
img.navileft {
    margin-top:6px;
    margin-left:6px;
    margin-right:10px;
}

a.home{
position:absolute;
display: block;
width: 300px;
height: 100px;
border: 0px solid #ffffff;
}

a.versand{
margin: 3px 0px 3px 0px;
cursor: pointer;
background-image: url(img/pfeil-white.gif);
background-repeat: no-repeat;
background-position: 3px 4px;
padding-left: 15px;
}

div.list-buttons a{
float:right;
border: 0px solid;
}

div.jobs {
float: left;
width: 198px;
background-image: url(img/bg-jobs.jpg);
margin: 0px 0px 0px 0px;
padding-bottom: 15px;

}

div.jobs a, div.jobs a:link, div.jobs a:visited, div.jobs a:active, div.jobs a:hover {
font-size: 11px;
color: #FFF200;
text-transform: uppercase;
display: block;
margin: 60px 0px 0px 40px;
padding-left: 10px;
background-image: url(img/pfeil-gelb.gif);
background-repeat: no-repeat;
background-position: top left;
}

div.single-right .price_singleview {
  font-size:18px;
  width:100%;
  text-align:right;
  display:block;
  height: 30px;
}

div.single-right .productOldPrice {
  font-size:14px;
}

div.single-right .angebot {
  font-size: 18px;
  padding-bottom: 5px;
}

div.single-right input[type=text] {
  font-size: 12px;
  width:30px;
}

/************************************** AUTOCOMPLETE ************************************************/

.acInput {
	width: 155px; 
	font-size:11px;
  padding:0px;
  float: left;
  height: 15px;
  border: 1px solid #ccc;

}
.acResults {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	z-index: 100;
	width: 250px !important;
}

.acResults ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.acResults li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.acLoading {
	background: url('img/indicator.gif') right center no-repeat #fff;
}

.acSelect {
	background-color: #000000;
	color: #FFF200;
}


/*Design update 2011*/

div.fb{
float:left;
margin-top: 5px;

}

div.fb a img{
border: 0px solid;
}


div.product-box{
border-bottom: 1px dotted #ccc;
height: auto;
padding-bottom: 20px;
width: 228px;
margin-right: 30px;
}

div.product-box div.p-list{
float:left;
border: 0px solid;
margin: 0px 0px 0px 0px;
height: auto !important;
text-align: right;
}

a.detailbutton{
display:block;
position:absolute;
padding: 3px 4px 2px 4px;
margin:140px 0px 0px 134px;
background-color: #505050;
color: #fff;
font-size: 12px;
-moz-border-radius:3px; /* Firefox */
-webkit-border-radius:3px; /* Safari, Chrome */
-khtml-border-radius:3px; /* Konqueror */
border-radius:3px; /* CSS3 */
width: auto;

}

span.angebot{
color: #c80000;
font-size: 16px;
font-weight:normal;
display:block;
clear:both;
}

div.priceab span.angebot{
color: #c80000;
font-size: 14px;
font-weight:normal;
display:block;
clear:both;
}

span.versand{
margin-top: 8px;
}

span.abutton{
float:right;
margin-top: 8px;

}

div.jobs{
border: 0px solid;
height: auto;
background-image:none;
background-color: #000; 
}

div.jobs a, div.jobs a:link, div.jobs a:visited, div.jobs a:active, div.jobs a:hover {
font-size: 11px;
color: #FFF200;
text-transform: uppercase;
display: block;
margin: 10px 0px 0px 10px;
padding-left: 10px;
background-image: url(img/pfeil-gelb.gif);
background-repeat: no-repeat;
background-position: top left;
}


div.warenkorb{
border: 0px solid red;
background-image:url(img/bg-warenkorb.gif);
background-color: #000000;
padding-top: 0px;
margin-bottom: 5px;
background-position: bottom;
padding-bottom: 0px;
}

div.warenkorb span.link a{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
background: none;
float:right;
}

div.warenkorb span.link{
width: 196px;
margin-top: 10px;
float:left;
display:block;
background-color: #fff800;
height: 23px;
border: 1px solid #000;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
}

div.warenkorb span.white{
display: inline;
float: left;
width: 160px;
border: 0px solid;
margin: 5px 0px 0px 40px;
font-size: 11px;
color: white;
margin: 5px 0px 0px 15px;
clear: both;
border-image: initial;

}

div.warenkorb span.white a {
font-size: 12px;
}

div.warenkorb span.white a:hover {
font-size: 12px;
color:#FFF200;
}



/*
div.warenkorb span.white{
background-image: url(bg-navileft-pfeil.jpg);
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 10px;
}
*/




div.warenkorb span.right {
float: left;
clear: both;
margin-left: 15px;
color: white;
border: 0px solid;
width: 180px;
margin-bottom: 0px;
border-image: initial;
}

div.warenkorb span.rightfinal {
float: right;
clear: both;
margin-left: 15px;
margin-right: 10px;
color: white;
margin-bottom: 0px;
border-image: initial;

}

 div.warenkorb span.rightfinal a{
 color: #fff;
 }
 
 .finalprice{
 float:left;
 font-weight: bold;
 margin-bottom:6px;
 margin-top:2px;
 width: 171px;
 border-top:1px dotted #fff;
 text-align: right;
 margin-top: 3px;
 padding-top: 3px;
 padding-bottom: 5px;
 }
 
div.warenkorb span.right img {
float: left;
margin: 5px 0px 5px 0px;
clear: both;
}


div.set{
float: left;
width: 198px;
height: 76px;
background-image: url(img/set-config.gif);
}

div.login {
float: left;
position: relative;
width: 198px;
height: auto;
overflow:hidden;
margin-bottom: 5px;
background-image: url(img/bg-login.gif);
background-repeat: no-repeat;
background-color: #B2B2B2;
display: inline;
overflow: hidden;
}

div.login form {
float: left;
width: 180px;
position: relative;
border: 0px solid;
margin: 0px 0px 0px 10px;
display: inline;
padding: 0px 0px 0px 0px;
border-image: initial;
border: 0px solid #fff;
}

div.set a, div.set a:link, div.set a:visited, div.set a:active, div.set a:hover {
font-size: 11px;
color: #FFF200;
text-transform: uppercase;
display: block;
margin: 30px 0px 0px 10px;
padding-left: 10px;
background-image: url(img/pfeil-gelb.gif);
background-repeat: no-repeat;
background-position: top left;
}

div.login form input {
float:right;
margin: 0px 0px 7px 0px;
width: 110px;
height: 15px;
border: 1px solid #505050;
display: inline;
position: relative;
border-image: initial;
}

div.login a {
color: white;
float: right;
position: relative;
clear: both;
display: inline;
margin: -2px 3px 5px 0px;
font-size: 11px;
background-image: url(img/bg-suche-pfeil.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 0px 0px 0px 10px;
width: auto;
}

div.login label {
float: left;
clear: both;
margin: 3px 0px 3px 0px;
color: white;
display: inline;
position: relative;
}

div.deal {
float: left;
width: 198px;
background-image: url(img/bg-deal.gif);
background-repeat: no-repeat;
margin: 5px 0px 0px 0px;
padding-bottom: 15px;
border: 0px solid black;
border-image: initial;
}

div.deal img {
float: left;
margin: 0px 0px 0px 0px;
display: inline;
}


div.deal a img {
float: left;
margin: 0px 0px 0px 10px;
display: inline;
}

div.deal h3 {
float: left;
color: black;
font-size: 12px;
font-weight: bold;
margin: 20px 15px 0px 10px;
display: inline;
}

div.deal div.grey {
float: left;
clear: both;
width: 154px;
height: 33px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
background-color: transparent;
font-size: 14px;
color: #505050;
border: 0px solid;
border-image: initial;
}


div.deal span.link {
display: block;
float: left;
width: 155px;
border: 0px solid;
clear: both;
background-image: url(img/dotted-gelb.gif);
background-position: top left;
background-repeat: no-repeat;
margin: 5px 0px 3px 10px;
padding: 7px 0px 0px 0px;
font-size: 11px;
color: black;
text-transform: uppercase;
border-image: initial;
}


div.information {
float: right;
width: 198px;
margin: 5px 0px 0px 0px;
background-image: url(img/bg-informationen.gif);
background-repeat: no-repeat;
background-position: left bottom;
background-color: #B2B2B2;
padding: 0px 0px 0px 0px;
border: 0px solid;
height: inherit;
border-image: initial;
}

div.information ul {
border: 0px solid;
float: left;
list-style-image: url(img/pfeil-gelb.gif);
margin: 10px 0px 10px 0px;
height: auto;
border-image: initial;
padding-left: 30px;
}

div.information ul li a {
color: #FFF200;
font-size: 11px;
}


div.newsletter {
float: left;
width: 198px;
height: 95px;
margin-top: 5px;
background-image: url(img/bg-newsletter.gif);
background-repeat: no-repeat;
background-color: #000000;
text-align: left;
}

div.newsletter div.text {
border: 0px solid;
margin: 30px 0px 0px 10px;
border-image: initial;
}

div.newsletter span.white {
display: block;
float: left;
border: 0px solid;
font-size: 11px;
color: #FFF200;
margin: 5px 0px 10px 0px;
font-weight: bold;
width: 100%;
border-image: initial;
}

div.newsletter a {
color: #FFF200;
float: left;
clear: both;
display: block;
margin: 4px 0px 0px 0px;
font-size: 11px;
background-image: url(img/pfeil-gelb.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 0px 0px 0px 12px;
width: 100%;
}

div.katalog {
float: left;
overflow: visible;
border: 0px solid #666;
background-image: url(img/bg-katalog.gif);
text-align: left;
width: 198px;
height: 188px;
color: white;
margin: 5px 0px 0px 0px;
border-image: initial;
}

div.katalog img.image {
float: left;
margin: 10px 0px 0px 10px;
}

div.katalog span.black {
margin-top: 65px;
display: block;
float: left;
width: 66px;
border: 0px solid;
text-transform: uppercase;
color: #FFF200;
font-weight: bold;
margin-left: 2px;
border-image: initial;
margin-left: 10px;
}

div.katalog span.right {
float: left;
display: block;
margin: 5px 0px 5px 10px;
}

div.katalog span.link {
display: block;
float: left;
width: 146px;
border: 0px solid;
clear: both;
background-image: url(img/pfeil-gelb.gif);
background-repeat: no-repeat;
background-position: left center;
margin: 0px 0px 0px 10px;
padding: 2px 0px 0px 12px;
text-transform: uppercase;
font-size: 11px;
}

div.katalog a {
color: #FFF200;
font-size: 11px;
}

div.vkosten{
float:left;
clear:both;
width: 100%;
font-weight: bold;
margin-left: 10px;
}

span.price_singleview span.through{
font-size: 12px;

}
span.price_singleview span.angebot{  
margin-bottom: 0px;
padding-bottom:0px;
}

a.textbutton{
display:block;
float:right;
padding: 3px 4px 2px 4px;
margin: 3px 0px 3px 0px;
background-color: #505050;
color: #fff;
font-size: 12px;
-moz-border-radius:3px; /* Firefox */
-webkit-border-radius:3px; /* Safari, Chrome */
-khtml-border-radius:3px; /* Konqueror */
border-radius:3px; /* CSS3 */
width: 130px;
text-align: center;
}

a.textbutton.left {
float:left;
}
div.price, div.priceab {
  float:right;
}
                      
div.pricesuff {
  float:right;
  font-size: 14px;
}

span.price_singleview div.pricesuff {
  font-size: 18px;
}
                      
/* a.setbutton{
display:block;
position:absolute;
padding: 3px 4px 2px 4px;
margin:140px 0px 0px 140px;
background-color: #FFF200;
color: #000;
font-size: 12px;
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
-khtml-border-radius:3px;
border-radius:3px; 
width: auto;
} */



a.setbutton{
display:block;
float:right;
padding: 3px 4px 2px 4px;
margin-top: 5px;
margin-right: 0px;
background-color: #FFF200;
color: #000;
font-size: 12px;
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
-khtml-border-radius:3px;
border-radius:3px; 
width: auto;
border: 1px solid #000;
min-width: 75px;
text-align: center;
}


span.c-input input{
display:block;
float:right;
padding: 3px 4px 2px 22px;
margin-top: 1px;
margin-right: -10px;
background-color: #000000;
border: 1px solid #000000;
color: #fff800;
font-size: 12px;
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
-khtml-border-radius:3px;
border-radius:3px; 
width: auto;
background-image: url(img/wkbg.gif);
background-repeat: no-repeat;
background-position: 2px 2px;
cursor: pointer;
font-size: 12px;
background-color: #FFF200;
color: #000;
font-size: 12px;
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
-khtml-border-radius:3px;
border-radius:3px; 
width: auto;
border: 1px solid #000;
font-weight: bold;
}

#montage span.c-input input{
  margin-right: 0px;
}

div.vinfo{
float:left;
clear:both;
margin-left: 20px;

}

#seterror {
  color: red;
}

input.error {
  background-color: red;
  color: white;
}