/************************************************************/
/*** BODY ***/
* {
	font-family: Verdana, Arial, Helvetica, Sans;
	
}
body{
	font-size: 11px;
	color: #000000;	
	background-image: url(../images/bodyback.gif);
	background-repeat: repeat-y;
	background-color: #ffffff;
	background-position: 0px 150px;
	
	margin: 0 auto;
}

/************************************************************/
/*** LINK ELEMENTS ***/
a:link, a:visited, a:active, a:hover{
	color: #000000;
	text-decoration: underline;
}


/************************************************************/
/*** HTML ELEMENTS ***/
h1, h2 {font-size: 22px; font-weight: bold;  margin: 0px 0px 20px 0px;}
h2 {font-size: 12px; margin: 0}
h3, h4, h5, h6, h7{font-size: 11px; font-weight: bold; margin:0; padding:0;}
td {font-size: 11px;}

h1{font-family:Arial,Helvetica;color:#646464;}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	background-color: #DDDDDD;
	color: #000000;
}

img {behavior: url(css/png.htc);}

/************************************************************/
/*** HEAD ***/
#head{
	position: absolute;	
	top: 0px;
	left: 0px;
	
	width: 1000px;
	height: 150px;
	
	background-color: #ffffff;
}

#topline{
	position: absolute;
	top: 150px;
	left: 0px;
	
	width: 1000px;
	height: 36px;
	background-image: url(../images/topline.gif);
	background-repeat: no-repeat;

}

/************************************************************/
/*** DIRECTORY NAVIGATION ***/
#topnav {
	position: absolute;
	top: 0px;
	left: 250px;
	padding: 7px 50px 10px 30px;
	
	color: #ffffff;
	font-size: 10px;
}


/************************************************************/
/*** LOGO ***/
#logo{
	position: absolute;
	top: 3px;
	left: 66px;
}


/************************************************************/
/*** LANGUAGES SELECT ***/
#languages {
	position: absolute;
	top: 125px;
	left: 850px;
	
	width: 112px;
	
	z-index: 2;
	
	font-size: 12px;
	color: #888888;

}

#languages a:link, #languages a:active, #languages a:visited, #languages a:hover{
	text-decoration: none;
	color: #888888;
} 

#languages a.act {
	color: #000000;
}


/************************************************************/
/*** BASKET ***/ /*** MYACCOUNT ***/
#account {
	position: absolute;
	top: 25px;
	right: 30px; 
	width: 600px;
	height: 60px;
	z-index: 2; 
}

#basket, #myaccount, #logout {
	position: relative;
	/*top: 20px;*/
	/*left: 850px;*/
	float: right;
	color: #888888;
}

#basket {
	width: 120px;
}

#basket-link {
	padding: 0px 10px 5px 5px;
	background-image: url(../images/basket.gif);
	background-repeat: no-repeat;
	background-position: right top; 
}

#basket-info {
	padding: 5px;
	padding-top: 2px;
}


/*** LOGOUT, MY ACCOUNT ***/
#logout, #myaccount {
	padding: 0px 18px 0px 0px;
}


#basket a:link, #basket a:active, #basket a:visited, #basket a:hover,
#myaccount a:link, #myaccount a:active, #myaccount a:visited, #myaccount a:hover,
#logout a:link, #logout a:active, #logout a:visited, #logout a:hover  
{
	font-size: 12px;
	font-weight: bold;
	color: #888888;
	
	text-decoration: none;
}



/************************************************************/
/*** LEFT COLUMN ***/
#leftcolumn{
	position: absolute;
	top: 170px;
	left: 50px;
	
	padding: 0px 15px 0px 15px;
	
	/*width: 170px;*/
	width: 175px;
	z-index: 2;
}


/************************************************************/
/*** LEFT NAVIGATION ***/
#leftnav1{
	position: relative;
	top: 0px;
	left: 0px;
	
}

#leftnav2{
	position: relative;
	top: 0px;
	left: 0px;
}


#leftnav1 ul, #leftnav2 ul{
	list-style: none;
	margin: 0;
	padding: 0;
	
}

#leftnav1 li{
	padding: 4px 0px 4px 0px;
}

#leftnav2 li{
	padding: 7px 0px 7px 0px;
	border-bottom: 1px solid #d9d9d9;
}

#leftnav2 a:link, #leftnav2 a:visited, #leftnav2 a:active, #leftnav2 a:hover{
	color: #888888;
	text-decoration: none;
}



/************************************************************/
/*** SEARCH ***/
#searchmask {
	position: relative;
	top: 0px;
	left: 0px;
	
	/*width: 175px;*/
	/*height: 45px;*/
	height: 105px;
	
	margin: 30px 0px 15px 0px;
	padding: 20px 0px 0px 0px;
	
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	
	
	font-size: 12px;
}




/************************************************************/
/*** CONTENT LAYERS ***/
#content{
	position: absolute;

	top: 180px;
	left: 280px;
	
	width: 680px;
	height: 500px;
}

div.path, div.block, div.block_group, div.register {
	border-bottom: 1px solid #ffffff; 
	color: #ffffff;
	font-size: 13px;
	text-align: right;
	padding: 3px 0px 3px 0px;
}

div.block_without_line {
	color: #ffffff;
	text-align: left;
	line-height: 18px;
	
	padding: 5px 0px 20px 5px;
}

div.block_without_line a:link, div.block_without_line a:visited, div.block_without_line a:active, div.block_without_line a:hover{
	color: #ffffff;
}

div.path a:link, div.path a:visited, div.path a:active, div.path a:hover{
	color: #ffffff;
	text-decoration: none;
}

div.path a:link.i, div.path a:visited.i, div.path a:active.i, div.path a:hover.i{
	color: #717171;
}


div.block{
	font-size: 11px;
	text-align: left;
	line-height: 18px;
	
	padding: 20px 0px 5px 5px;
} 

div.block_group{
	font-size: 11px;
	text-align: left;
	line-height: 18px;
	
	padding: 15px 0px 5px 5px;
}

div.block a:link, div.block a:visited, div.block a:active, div.block a:hover{
	color: #ffffff;
}
div.block_group a:link, div.block_group a:visited, div.block_group a:active, div.block_group a:hover{
	color: #ffffff;
}

div.register {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;	
	text-align: left;
	line-height: 18px;
	padding: 40px 0px 10px 5px;
}


/************************************************************/
/*** NEWS ***/
#news {
	float: left;
	width: 675px;
	margin-top: 20px;	
	padding-bottom: 20px;
}
#news-col-left, #news-col-right {
	float: left;	
	width: 330px;
}

#news-col-right {
		margin-left: 10px;
}


div.news-entry {
		margin-bottom: 20px;
}

div.news-entry img{
	margin: 5px 10px 1px 0px;
}

h2.news-title {
	font-size: 11px;
	font-weight: bold;	
}

h2.news-title a:link, h2.news-title a:active, h2.news-title a:visited, h2.news-title a:hover {
	text-decoration: none;
	font-weight: bold;
}

div.news-details {
	display: block;
	width: 450px;
}
div.news-details-img {
	display: block;
	width: 250px;
	margin: 40px 0px 0px 0px; 
}

/************************************************************/
/*** LEFT COLUMN ***/
#leftcol{
	position: relative;
	float: left;
	display: block;
	
	top: 0px;
	left: 0px;
	
	width: 250px;
	margin-right: 30px;
}

/************************************************************/
/*** LEFT NAVIGATION ***/
#leftnav {
	position: relative;
	float: left;
	display: block;
	
	top: 0px;
	left: 0px;
	
	padding: 0px 10px 0px 0px;
	
	color: #ffffff;
}
	
#leftnav ul{
	float: none;
	list-style: none; 
	padding: 0; 
	margin: 0px 0px 0px 0px;
}

#leftnav li{
	background-image: url(../images/more.gif);
	background-repeat: no-repeat;
	background-position: 5px 11px;
	
	padding-left: 18px;
	
	width: 200px;
	/*height: 30x;*/
	
	line-height: 30px;
	
	border-top: dotted 1px #888888;
}

#leftnav a {
	text-decoration:none;
	/*font-variant: small-caps;
	font-weight: bold;*/
}


/******************************************************************/
/*** PULLDOWN MENU IMAGE ***/
div.pulldown{
	margin-top: 5px;
	
	width: 130px;
	height: 20px;
	
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../images/pulldown.gif);
	
	float: left;
	text-align: left;
	z-index: 1;
}

div.pulldown img.colorimg{
	position: relative;
	top: 3px;
	left: 6px;
}

div.pulldown div.colorname{
	position: relative;	
	top: 0px;
	left: 9px;
	
	display: inline;
}

/******************************************************************/
/*** COLOR IMAGE ***/
div.color-img-b{
	float:left; 
	margin-left:12px;
}

/******************************************************************/
/*** COLOR EXAMPLE LINK ***/
div.color-exp-link{
	clear: both;
	margin-bottom: 15px;
}

#color-exp-box{
	position: absolute;
	top: 0px;
	left: 0px;

	width: auto;
	height: auto;
	
	min-height: 50px;
	min-width: 100px;
	

	padding: 19px 4px 4px 4px ;
	
	color: #ffffff;
	background-color: #504f55;
	border: 1px solid #000000;
	text-align: center;
	
	
	z-index: 3;
	
	display: none;
}

#all-color-exp-box{
	position: absolute;
	top: 0px;
	left: 0px;

	width: auto;
	height: auto;
	
	min-height: 50px;
	min-width:  50px;
	
	padding: 19px 4px 4px 4px ;
	
	color: #ffffff;
	background-color: #504f55;
	border: 1px solid #000000;
	text-align: center;
	
	z-index: 3;
	
	display: none;
}

#all-color-exp-box-content{
	background-color: #23232A;
	font-size: 14px;
}


div.versandkosten {
	width: 650px;
	padding: 7px;
	text-align: left;
	font-size: 12px;
	background-color: #626167;
}


/******************************************************************/
/*** SELECT COLOR LAYER ***/
div.select {
	position: absolute;
	width: 130px;	
	
	/*
	height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;
	*/
	font-size: 14px;
	
	display: none;
	z-index: 2;
}


/******************************************************************/
/*** SELECT COLOR LAYER HEAD ***/
div.selecthead {
	width: 130px;
	height: 20px;
}


/******************************************************************/
/*** COLORS LAYER ***/
div.options {
	padding: 0;
	color: #ffffff;
	background-color: #504f55;
	border: 1px solid #000000;
	text-align: left;
	z-index: 4;
	height: 245px;
	
	
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-face-color: #504f55;
	scrollbar-highlight-color: #696969;
	scrollbar-shadow-color: #808080;
	scrollbar-3dlight-color: #808080;
	scrollbar-arrow-color: #23232A;
	scrollbar-track-color: #808080;
	scrollbar-darkshadow-color: #696969;	
	
}

/* links */
div.options a:link, div.options a:visited, div.options a:active, div.options a:hover{
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
}


/* list */
div.options ul {
	list-style: none;
	margin: 0;
	padding: 0;	
	cursor: hand;
}


/* list options */
div.options li{
	padding: 0px 1px 4px 27px;
	background-repeat: no-repeat;
	background-position: 5px 4px;
	height: 18px;
	font-size: 10px;
	cursor: hand;

}

div.options li.a{
	background-color: #96959a;
}


div.options li.i{
	background-color: #504f55;
}

	
/************************************************************/
/*** FOOTER ***/
#footer{
	position: relative;
	float: left;
	display: block;
	
	top: 0px;
	left: 1px;
	
	width: 698px;
	height: 40px;
	
	padding: 7px 0px 7px 0px;
	margin-top: 25px;

		
	color: #646464;
	border-top: solid 1px #646464; 
}


#footerleft{float: left;}
#footerright{float: right;}

#footer a {color: #646464; font-weight: normal}


/*********************************************************************/
/* SHOPMENU LAYER - oben */
/*********************************************************************/

#shopnavi a:link, #shopnavi a:visited, #shopnavi a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #B4B4B4;
	text-decoration: none;
} 



#shopnavi a:hover.level4{
	color: #FFFFDD;
}




/************************************************************/
/*** FORMS ***/
#searchfield {
	width: 80px;
	border: 1px solid #000000;
	background-color: #f3f3f1;
}

#searchbutton{
	background-color: #ffffff;
	border: 0px;
}


/*********************************************************************/
/* FORMS */
/*********************************************************************/
.field{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	background-color: #DDDDDD;
	color: #000000;
}

.basketcount{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	background-color: #504F55;
	color: #ffffff;
	
	border: 1px solid #B1B0B5;
}

.fielddark{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	background-color: #23232A;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

.button{
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	background-color: #CCCCCC;
	
	border: 1px solid #000000;
}

/************************************************************/
/*** CLASSES ***/
.fontbig {
	font-size: 15px;
}

.price {
	font-size: 14px;
	font-weight: bold;
}

.pricesmall{
	font-size: 11px;
	font-weight: bold;
}

.linedark{
	background-color: #46464C;
}

.linelight{
	background-color: #616166;
}

.info1{
	padding: 5px 5px 5px 5px;
}

.padcell{
	padding: 5px 5px 5px 5px;
}

.namesmall{
	font-size: 10px;
}

/* statt "namesmall" in productslist.html */
.namenormal{
	font-size: 11px;
}

.namesmall_smaal{
	font-size: 9px;
}

.error{
	color: #FFFF00;
	font-weight: bold;
	font-size: 11px;
}

.basket{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #C0C0C0;	
}

.info{
	color: #AAAAAA;
	font-size: 10px;
}

.headline{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

.basketnaviinactive{
	color: #717171;
}
.basketnaviactive{
	color: #FFFFFF;
}

.menu2act{
	color: #000000;
}

.shopnavi-grouptext {
	color: #FFFFFF;
}

a:link.group-path, a:visited.group-path, a:active.group-path, a:hover.group-path {
	text-decoration: none;
}

h3.search-group-name {text-transform: uppercase;}


/*** Logos für die Zahlungsarten ****/
img.payment-logo {
	padding: 5px;
	padding-right: 10px;	
}

td.payment-logo {
	text-align: right;
}


/*** Hinweiß zu den Versandkosten ***/
#versandinfo {
	padding-left: 5px;
	padding-bottom: 60px;
	color: #FFFFFF;
}