/*

	autor:		Marco Tralles | qb-it.de
	date:		2012-02-07
	type:		style
*/

body, html
{
	margin: 					0px;
	padding: 					0px;
	background: 				#ebeadb url("../img/bg.gif") repeat-x left top;
	color:						#000;

	font-family:				Verdana, Tahoma, Arial, Helvetica;
	font-size:					12px;
	text-align:					center;
	line-height:				16px;
}

/*
div
{
	background: #333;
}

div div
{
	background: #444;
}

div div div
{
	background: #555;
}

div div div div
{
	background: #666;
}

div div div div div
{
	background: #777;
}

div div div div div div
{
	background: #888;
}
*/

#main
{
	width:						750px;
	margin:						0 auto 0 auto;
	text-align:					left;
}

#header
{
	padding:					0 0 0 10px;
	width:						750px;
	height:						100px;
}

#header #logo
{
	float:left;
	width:						330px;
	height:						65px;
	background: 				url("../img/logo.gif") no-repeat left top;
}

#header #user_menu a
{
	color:#666666;
}

#header #user_menu a:hover
{
	color:#000000;
}



#header #meta_navi
{
	float:left;
	width:						750px;
	height:						50px;
}

#header #meta_navi img.langselect
{
	margin:						0 2px 0 0;
}



#header #meta_navi #langselect
{
	float:						left;
}

#header #meta_navi #user_menu
{
	float:						right;
	text-align:					right;
	color:						#CCCCCC;
	margin: 					8px 10px 0 0;
}


#content
{
	clear:both;
	width:						760px;
	text-align:					left;
}

#menu
{
	width:						160px;
	float:						left;
	margin:						0 0 0 5px;
	text-align:					left;
}

#inhalt
{
	width:						580px;
	float:						right;
	margin:						0;
	padding:					0;
}









#menu ul
{
	list-style:					none;
	margin: 					0px;
	padding: 					0px;
}

#menu ul ul
{
	margin: 					0 0 0 10px;
}




#menu ul li a
{
	font-weight:				bold;
}





#item_price
{
	font-weight:				bold;
}


#footer
{
	clear:						both;
	padding-top:				25px;
	text-align:					right;
	color:						#ccc;
	font-size:					9px;
}


.small
{
	font-size:					9px;
	color:						#CCCCCC;
}


.trenner
{
	clear:						both;
	width:						570px;
	height:						10px;
}

h1
{
	clear:						both;
	font-weight:				normal;
	color:						#333333;
	font-size:					20px;
	letter-spacing: 			2px;
	margin:						0 0 20px 0;
	padding:					0 0 5px 5px;
	border-bottom: 				1px dotted #404040;
	border-left: 				1px dotted #404040;

}

h2
{
	color:						#666666;
	font-weight:				normal;
	font-size:					16px;
	margin:						0 0 10px 0;
	padding:					0 0 5px 5px;
	letter-spacing: 			2px;
	border-bottom: 				1px dotted #404040;
	border-left: 				1px dotted #404040;
}

h3
{
	font-weight:				bold;
	font-size:					12px;
	margin:						0 0 5px 0;
	padding:					0px;
}


.imgright
{
	float:right;
	margin:0 0 10px 10px;
}

.imgleft
{
	float:left;
	margin:0 10px 10px 0;
}

.hidden
{
	display:					none;
}


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

a:hover
{
	text-decoration:			underline;
}


a.active
{
	color:						#990000;
}

a img
{
	border:						0px solid #FFFFFF;
}


.red
{
	color: #f00;
}

.grey
{
	color:#666666;
}


.pager
{
	float:left;
	width:	570px;
	padding:					2px 0 2px 0;
	margin:						10px 0 10px 0;
	text-align:					center;
	border:						1px solid #404040;
	background					: #f5f5ed;
}


.submitline
{
	border-top:1px dotted #404040;
	padding-top:10px;
	text-align:right;
}


.itemInfoText
{
	width:	570px;
	clear:both;
	margin:10px 0 0 0;
	padding:0;
}


.itemLine
{
	float:left;
}


.itemInfoPreis
{
	width:250px;
	float:left;
}

.itemInfoPreis input
{
	margin		: 0 0 5px 0;
}

.itemInfoPreis select
{
	margin		: 0 0 5px 0;
}


.itemInfoMiniCart
{
	width:300px;
	float:right;
}

.miniline
{
	clear				: both;
	padding				: 2px 0 1px 0;
	border-top			: 1px solid #202020;
	font-size			: 85%;

}

.minilinetext
{
	float				: left;
}

.minilinetextanzahl
{
	float				: left;
	width:15px;
}

.minilinetextmodifier
{
	float				: left;
	width:130px;
}

.minilinetextprice
{
	float				: left;
	text-align			: right;
	width:60px;
}

.minilineoption
{
	float				: right;
	text-align			: right;
	width:90px;
}

.minilineoption input
{
	text-align:center;
	padding-left:2px;
	padding-right:2px;
}






.cartline
{
	clear:				both;
	padding: 			2px 0 1px 0;
	border-top:			1px solid #202020;
	font-size:			85%;
}

.cartline .nr
{
	width:				20px;
	text-align:			right;
	margin: 			0 10px 0 0;
	color:				#999;
}

.cartline .count
{
	text-align:right;
	float:left;
	width:20px;
	margin-right:5px;
	font-weight:bold;
}

.cartline .name
{
	float:left;
	width:220px;
}

.cartline .name a
{
	display: block;
}

.cartline .nummer
{
	float:left;
	width:90px;
	color:#666;
}

.cartline .modifier
{
	float:left;
	color:#666;
}

.cartline .modifierkasse
{
	float:left;
	width:155px;
	margin:0 5px 0 0;
	color:#666;
}

.cartline .price
{
	float:left;
	width:80px;
	text-align:right;
}

.cartline .sumprice
{
	float:left;
	width:80px;
	text-align:right;
}

.cartline .changebuton
{
	float:right;
	text-align:right;
	width:80px;
}

.cartline .changebuton a
{
  padding: 2px 5px;
	border:						1px solid #999;
	background					: #f5f5ed;
  font-weight: bold;
  color: #999;
}

.cartline .changebuton a:hover
{
  border: 1px solid #000;
  color: #000;
  background: #fff;
  text-decoration: none;
}

.cartline .options
{
	display:none;
	float:right;
	text-align:right;
	width:80px;
}

.cartline .submit
{
	text-align:center;
	padding-left:2px;
	padding-right:2px;
	margin:0 0 2px 0;
}









.cartlinekasse_error
{
	float:left;
	padding				: 10px;
	border:1px solid #404040;
	background:#efefef;
	width:560px;
}


.cartlinekasse
{
	float:left;
	padding				: 2px 10px 2px 0;
	border-bottom		: 1px solid #404040;
	background			: #efefef;
	width				: 560px;
	font-size			: 85%;
}


.cartlinekasse .nr
{
	float:left;
	width:25px;
	text-align:right;
	margin: 0 10px 0 0;
	color:#666;
}

.cartlinekasse .count
{
	text-align:right;
	float:left;
	width:20px;
	margin-right:5px;
	font-weight:bold;
}

.cartlinekasse .name
{
	float:left;
	width:280px;
}

.cartlinekasse .name a
{
	display: block;
}

.cartlinekasse .nummer
{
	float:left;
	width:90px;
	color:#666;
}

.cartlinekasse .modifier
{
	float:left;
	color:#666;
}

.cartlinekasse .modifierkasse
{
	float:left;
	width:155px;
	margin:0 5px 0 0;
	color:#666;
}

.cartlinekasse .price
{
	float:left;
	width:80px;
	text-align:right;
}

.cartlinekasse .sumprice
{
	float:left;
	width:80px;
	text-align:right;
}

.cartlinekasse .versandinfo
{
	float:left;
	width:350px;
	text-align:right;
}

.cartlinekasse .versandprice
{
	float:right;
	width:200px;
	text-align:right;
}

.cartlinekasse .options
{
	display:none;
	float:right;
	text-align:right;
	width:80px;
}

.cartlinekasse .submit
{
	text-align:center;
	padding-left:2px;
	padding-right:2px;
	margin:0 0 2px 0;
}



















.searchform
{
	clear:both;
}

.searchform .searchbox
{
	float:left;
	width:260px;
	margin:0 15px 0 0;
	text-align:right;
}


.searchform .searchoption
{
	border-left:1px solid #404040;
	float:left;
	margin:0 10px 0 0;
	padding: 0 5px 0 15px;
}

.searchform .searchoption .dropline
{
	margin-bottom: 2px;
}


.searchline
{

	clear:both;
	padding				: 2px 0 1px 0;
	border-top:1px solid #202020;
}

.searchline .name
{
	margin: 0 15px 0 15px;
	float:left;
	width:250px;
}

.searchline .nummer
{
	float:left;
	width:80px;
	color:#CCCCCC;
}

.searchline .price
{
	float:right;
}





.loginline
{
	clear	: both;
	padding-top: 2px;
}

.loginname
{
	float	: left;
	width	: 150px;
	text-align 	: right;
	margin-right	: 15px;
}

.loginfield
{
	float	: left;
	width	: 400px;
}


.loginfield input
{
	width	: 250px;
}

.loginfieldsubmit
{
	float	: left;
	width	: 250px;
	text-align 	: right;
}






.rabattinfo
{
	color				: #f00;
	border				: 1px solid #404040;
	background			: #202020;
	padding				: 10px;
}

.error
{
	color				: #f00;
}

.image
{
	margin				: 0 10px 5px 0;
	float				: left;
	width				: 135px;
	height				: 191px;
}

.imagecontent
{
	margin				: 0 0 5px 0;
	float				: left;
	width				: 135px;
	height				: 191px;
}

.image img
{
	width				: 135px;
	height				: 135px;
}

.imagecontent img
{
	width				: 135px;
	height				: 135px;
}

.bu
{
	padding				: 5px 5px 0 0;
	text-align			: right;
}








.itemtreeoverview
{
	clear				: both;
	padding				: 10px 0 0 0;
	margin				: 0 10px 15px 0;
	text-align			: left;
}


.itemtreeoverview .icon
{
	float				: left;
	margin-right		: 15px;
}


.itemtreeoverview .text
{
	width				: 375px;
	float				: left;
	text-align			: left;
}









.versandpriceline
{
	clear				: both;
	width				: 200px;
	border-top			: 1px dotted #404040;
}

.versandpriceline .gewicht
{
	float				: left;
	width				: 100px;
	text-align			: right;
}

.versandpriceline .preis
{
	float				: left;
	width				: 100px;
	text-align			: right;
}



.versandline
{
	clear				: both;
	padding-top			: 15px;
	margin-bottom		: 15px;
	padding-left		: 15px;
}

.vname
{
	float				: left;
	width				: 100px;
	font-weight			: bold;
}

.vpreis
{
	float				: left;
	width				: 100px;
	text-align			: right;
}

.vpreise
{
	float				: left;
	width				: 250px;
}






.developline
{
	clear:both;
	width:570px;
	padding:5px;
	min-height: 20px;
}

.developline:hover
{
	background: #fcfae6;
}

.developline .amount
{
	float:left;
	margin-right:15px;
	border:1px solid #000;
	width:15px;
	height:15px;
}

.developline .anzahl
{
	float:left;
	margin-right:15px;
	width:20px;
}

.developline .anzahl input
{
	width:20px;
	text-align:right;
	padding:1px 2px;
	font-weight:bold;
	border:1px solid #000;
	text-align:center;
}

.developline .number
{
	float:left;
	margin-right:15px;
	width:100px;
}

.developline .info
{
	float:left;
	margin-right:15px;
	width:270px;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
	text-align: left;
	border: none;

}

.developline .price
{
	float:left;
	text-align:right;
	width:100px;
}








.bestelloverview
{
	clear:both;
}

.bestelloverview .orderline
{
	clear:both;
}

.bestelloverview .orderline .nummer
{
	float:left;
	width:35px;
	text-align:right;
	padding-right:10px;
	color:#9999;
}

.bestelloverview .orderline .store
{
	float:left;
	width:150px;
	text-align:left;
	color:#9999;
	padding-right:10px;
}

.bestelloverview .orderline .datum
{
	float:left;
	width:120px;
	text-align:right;
	padding-right:10px;
}

.bestelloverview .orderline .pdf
{
	float:left;
	width:60px;
	text-align:right;
	padding-right:10px;
}






.dcxlink
{
	margin			: 10px 0 10px 0;
	padding			: 5px;
	border			: 1px dotted #999;
	background		: #eee;
	color			: #999;
}

.dcxlink:hover
{
	color			: #666;
}

.dcxlink a
{
	color			: #666;
	font-weight		: bold;
}

.dcxlink:hover a
{
	color			: #333;
}

.dcxlink a:hover
{
	color			: #000;
}










form
{
	margin				: 0px;
	padding				: 0px;
}


input, select, textarea
{
	background:					#FFFFFF;
	color:						#000000;
	border:						1px solid #404040;
	font-family:				Tahoma, Arial, Verdana, Helvetica;
	font-size:					11px;
	line-height:				14px;
}

input.submit
{
	font-weight:				bold;
	border:						1px solid #404040;
	color:						#666666;
	background:					#DDDDDD;
}

input.submit:hover
{
	font-weight:				bold;
	border:						1px solid #606060;
	color:						#000000;
	background:					#CCCCCC;
}


.toggle
{
	margin: 25px 0 0 0;
	padding: 0;
	background: #ebeadb;
	color: #000;
	text-align: left;
	border: 1px dotted #990000;
	border-bottom: none;
}


.toggle label
{
	display: block;
	padding: 5px 0 5px 30px;
	border-bottom: 1px dotted #990000;
}

.toggle label:hover
{
	background: #fcfae6;
}

.toggle label input
{
	display: none;
}

.toggle label.checked
{
	color: #000;
	font-weight: bold;
	background: #f5f5ed url('/img/toggle_on.png') no-repeat 5px 5px;
}


.info
{
	margin: 25px 0 0 0;
	padding: 5px 0;
	background: #f5f5ed;
	color: #000;
	text-align: center;
	border: 1px dotted #999;
}

.info .hotline
{
/*	margin: 0 0 15px 0;	*/
/*	border-bottom: 1px dotted #000;	*/
	padding: 5px;
}



.downloadline
{
	padding: 2px 5px;
}

.downloadline:hover
{
	background: #f5f5ed;
}

.downloadline a
{
	font-weight: bold;
}

.downloadline .infos
{
	float: right;
	border-left: 1px dotted #999;
	padding: 2px 0 2px 10px;
	margin: 0 0 0 10px;
	width: 80px;
	text-align: right;
}




table.developmenttable
{
  border-collapse: collapse;
  border-left: 1px dotted #ccc;
  border-top: 1px dotted #ccc;
}

table.developmenttable *
{
  font-size: 9px;
}

table.developmenttable th
{
  font-weight: bold;
  background: #ccc;
  vertical-align: top;
  padding: 2px 4px;
  border-bottom: 1px dotted #999;
  border-right: 1px solid #ccc;
}

table.developmenttable td
{
  padding: 2px 4px;
  vertical-align: top;
  border-bottom: 1px dotted #999;
  border-right: 1px dotted #ccc;
  position: relative;
}

table.developmenttable td .tooltip
{
  font-size: 11px;
  position: absolute;
  z-index: 999;
  padding: 5px;
  margin: 10px 0 0 10px;
  background: rgba(200,200,200,.9);
  width: 250px;
  border: 1px solid #fff;
  box-shadow: 1px 1px 4px #999;
  -moz-box-shadow: 1px 1px 4px #999;
  -webkit-box-shadow: 1px 1px 4px #999;
}