﻿
body {
    margin:0;
	padding:0;
    font-family:Verdana, Arial, Sans-Serif;
	font-size:12px;
	color:white;
	background-color:black;}
	
p {
	margin:0;}
    
a {
    text-decoration:none;
	color:red;}
	
a img {border:0 none;}

input[type=text] {
	margin:0;
	font-size:12px;    
	border:1px solid red;
	color:white;
	background-color:black;
	vertical-align: top;
	}
	
input[type=submit]{
	border:2px solid red;
	color:white;
	background:#333333;}
	
select, textarea {
	border:1px solid red;
	background-color:black;
	color:white;}
	
table, tr, td {
	table-layout:fixed;
	border:none;
	padding:0;}

.clear {
	clear:both !important;
	height:0;}

/*main-layout________________________*/

#wrap {
	width:1000px;
	margin:0 auto;
	padding-bottom:70px;
	background:url(orig/footer.jpg) bottom no-repeat}
	
#head {
	height:170px;
	position:relative;
	background:url(orig/head.jpg) no-repeat;}

#head .toHome {
	display: block;
    height: 66px;
    left: 0;
    position: absolute;
    top: 25px;
    width: 354px;}
	
.languageswitch {
	float:right;
	display:inline;
	width:100px;
	margin-right:5px;
	margin-top:15px;}
	
.wkbutton {
	display:block;
	width:172px;
	height:60px;
	float:right;
	margin-right:9px;
	margin-top:15px;
	padding:5px;
	color:white;
	text-transform:uppercase;}

#navigation {
	clear:both;
	margin:0 15px;}

#navigation a {
	display:block;
	float:left;
	margin-right:10px;
	height:20px;
	line-height:20px;
	padding-left:25px;
	background:url(orig/skull.gif) no-repeat;
	color:white;}
	
#navigation select.language {float:left;}
	
.search {
	float:right;
	width:290px;
	margin-top:1px;
	line-height:17px;}	
.search * {vertical-align:middle;}
.search input {
	float:left;
	margin-top:1px;
	margin-right:5px;
	width:145px;
	height:17px;
	background:none;
	border:none;
	color:white;}

#left {
	float:left;
	width:276px;}

#middle {
	display:inline;
	float:left;
	margin-left:20px;
	width:690px;}
	
.batbox {
	width:276px;
	color:white;}
	
.batbox a {color:white;}
	
.batbox .head {
	background:url(orig/box_oben.png) top no-repeat;
	color:red;
	height:32px;
	font-size:16px;
	padding:20px 0 0 85px;}
	
.batbox .content {
	padding:5px 12px 0 55px;
	background:url(orig/box_1px.png) repeat-y;}

.batbox .foot {
	height:12px;
	background:url(orig/box_unten.png) no-repeat;}
	
div.DacurisNote {
	color:red !important;
	font-size:7pt;
	text-align:center;}

.DacurisNote > a { color:red !important;}

/*Treeview_________________________*/

#producttreeview .content {padding-left:70px;}

#producttreeview  div.AspNet-TreeView ul ul {margin-left:15px;}

#producttreeview  div.AspNet-TreeView a {
	display:block;
	padding:1px 0 2px;
	line-height:15px;}

#producttreeview  div.AspNet-TreeView a:hover {color:red;}
	
#producttreeview  div.AspNet-TreeView a.AspNet-TreeView-Leaf {
	padding-left:15px;
	background:url(orig/list_point.png) left 4px no-repeat}
	
#producttreeview  div.AspNet-TreeView a.AspNet-TreeView-Selected {background-image:url(orig/list_point_aktiv.png) no-repeat;}
	
#producttreeview  div.AspNet-TreeView span.AspNet-TreeView-Collapse,
#producttreeview  div.AspNet-TreeView span.AspNet-TreeView-Expand
	{float:left;
	clear:left;
	display:block;
	width:15px;
	height:18px;
	cursor:pointer;}

#producttreeview  div.AspNet-TreeView span.AspNet-TreeView-Expand {background:url(orig/list_point.png) left 4px no-repeat}
#producttreeview  div.AspNet-TreeView span.AspNet-TreeView-Collapse {background:url(orig/list_point_down.png) left 4px no-repeat}

#producttreeview li.AspNet-TreeView-Selected > span.AspNet-TreeView-Expand,
#producttreeview li.AspNet-TreeView-ChildSelected > span.AspNet-TreeView-Expand
	{background:url(orig/list_point_aktiv.png) left center no-repeat}

#producttreeview li.AspNet-TreeView-Selected > span.AspNet-TreeView-Collapse,
#producttreeview li.AspNet-TreeView-ChildSelected > span.AspNet-TreeView-Collapse
	{background:url(orig/list_point_aktiv_down.png) left center no-repeat}	
	
/*Crossold + Mostsold*/

.crosssold ul, .mostsold ul {
	margin-top:0;
	margin-bottom:0;
	padding-left:0;
	list-style-type:none;}
	
/*Login*/

/*Paypal Left*/

.paypal {
	padding-left:25px;
	margin-top:15px;
	text-align:center;}

.paypal * {
vertical-align:middle;}
	
#login .content {
	padding-left:70px;
	padding-bottom:5px;}

#login input.loginbox {
	background:none;
	border:1px solid #888888;
	width:175px;
	color:white;
	margin:5px 0;}
	
#login a.loginbutton {
	border:1px solid #888888;
	background-color:black;
	padding:2px 15px;}
	
/*productlist*/

div.article_mini {
	float:left;
	width:180px;
	margin-right:35px;}

.article_mini table {width:100%;}

.article_mini table td {vertical-align:middle}

.article_mini td.title {height:51px;}

.article_mini div.title {
	max-height:51px;
	text-align:center;
	font-size:14px;}

.article_mini div.title a {color:white;}
	
.article_mini td.image {height:240px;}

.article_mini div.image {
	max-height:240px;
	text-align:center;}

.article_mini .price {
	height:25px;
	line-height:25px;
	float:left;
	font-size:18px;}

.article_mini .pricebefore{
	text-decoration: line-through;
	clear:both;
	color:white;}

.info .pricebefore{
	text-decoration: line-through;
	color:white;}

.article_mini .action {
	display:block;
	height:25px;
	line-height:25px;
	float:right;
	font-size:11px;}
	
.article_mini .foot {
	background:url(orig/box_footer.jpg) no-repeat bottom;
	height:45px;}
	
#middle .sitemappath {
	display:block;
	float:left;
	font-size:11px!important;}
	
#middle .sitemappath .rootnode {display:none;}
	
#middle .contenthead {
	background:transparent url(orig/warenkorb.gif) no-repeat scroll 0 0;
	font-size:13px;
	color:red;
	height:45px;
	line-height:45px;
	margin-top:7px;
	margin-bottom:10px;
	padding-left:15px;
	padding-right:20px;
	width:630px;}

#middle .paging {
	font-size:11px;
	float:right;}
	
.paging .current {color:white}

/*Productdetail*/

#productdetail {
	background:url(orig/detail_footer.gif) bottom center no-repeat;
	padding-bottom:30px;
	width:650px;
	margin-top:10px;
	margin-left:25px;
	position:relative;
	clear:both;}
	
#productdetail .image {
	float:left;
	width:220px;
	padding-top:25px;}
#productdetail .image img {cursor:pointer;}
	
#productdetail .image .modalBackground {
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
	background-color:black;}

#productdetail .info {
	float:left;
	width:425px;
	padding-bottom:115px;}
	
#productdetail .info a.article_title{
	font-size:16px;
	display:block;
	margin-bottom:15px;}

#productdetail .info .productcode {font-size:10px;}
	
#productdetail .info .description {
	display:block;}
#productdetail .info .highlight {
	font-size:larger;
	font-weight:bold;}
	
#productdetail .info .choose {
	display:block;
	margin:10px 0;
	width:200px;
	font-size:14px;
	text-align:right;}
	
#productdetail .choose input, #productdetail .choose select {
	min-width:40px;}
	
#productdetail .info .bottom {
	height:115px;
	width:250px;
	position:absolute;
	bottom:30px;
	left:215px;
	text-align:left;}

#productdetail .info .small.bottom {height:90px;}
	
#productdetail .info .bottom  a.button {
	display:block;
	float:left;
	margin-right:10px;
	background:url(orig/suchen_button.png) left no-repeat;
	height:17px;
	line-height:17px;
	padding-left:25px;}

#productdetail .info .bottom .price {
	background:url(preis_box.png) no-repeat;
	height:44px;
	width:138px;
	margin:10px 0;
	text-align:center;
	line-height:42px;
	color:#CCCCCC;
	font-size:20px;}
	
#productdetail .info .bottom .hint {font-size:10px;}

/*##################################*/

.VarItemCode{
	display: block;
	float: left;
	width: 110px;
}

.VarItemSize{
	display: block;
	float: left;
	width: 70px;
}

.VarItemAmount{
	width: 30px;
}
/*##################################*/

/* Warenkorb*/

#basket {
	margin:8px auto 0;
	width:660px;}
	
#basket .numbering {
	background:url(orig/warenkorb.gif) no-repeat;
	height:33px;
	width:650px;
	padding-left:10px;
	padding-top:12px;
	margin-bottom:10px;
	font-size:11px;}

#basket .numbering div.number, #basket .numbering span.number {
	display:block;
	float:left;
	height:20px;
	line-height:20px;}

#basket .numbering span.number {
	background:url(orig/qod_warenkorb.gif) no-repeat;
	width:20px;
	margin-left:10px;
	margin-right:5px;
	text-align:center;
	color:white;}
	
#basket .numbering span.active {
	color:black;
	background:url(orig/point_warenkorb.gif) no-repeat;}

#basket table.basket, #basket table.sum {
	margin-left:auto;
	margin-right:40px;}

#basket table.basket tr.hover:hover {background:#222222;}
	
#basket table.basket {table-layout:auto;}

table.basket th.article {
	width:290px;
	text-align:center;}

table.basket th.amount {
	text-align:center;
	width:100px;}

table.basket th.price {width:86px;}

table.basket th.total {
	width:86px;
	text-align:right;}
	
table.basket td.image {
	width:110px;
	text-align:center;}

table.basket td.amount , table.basket td.price {text-align:center;}
table.basket td.amount  div {display:inline;}
	
table.basket td.amount input.amount {width:25px;}
	
table.basket td.total {
	text-align:right;}
	
table.basket td.separator {height:2px;}

table.sum {
	margin-top:15px;
	width:470px;
	font-size:14px;}

table.sum tr.sum_total {
	font-size:16px;
	font-weight:bold}
	
table.sum tr.vat {font-size:12px;}

table.sum td.firsttd {width:350px;}

div.adressdata table {table-layout:auto}

#orderview table.summary th.article {width:200px}
#orderview table.summary th.prodcode {width:100px}
#orderview table.summary th.amount {width:70px}
#orderview table.summary th.price {width:75px}
#orderview table.summary th.total {width:90px}
	
.orderlist div.pic{width:120px;height:120px;float:left;overflow:hidden}
.orderlist .title{}
.orderlist .var{width:250px;float:left;overflow:hidden}
.orderlist .cart{width:165px;float:left;overflow:hidden;text-align:right;}
.orderlist .btn{
	display:block;
	margin-right:10px;
	background:url(orig/suchen_button.png) left no-repeat;
	line-height:17px;
	padding-left:25px;
	position:fixed;
	left:995px;
	top:380px;
	width:95px
}
.orderlist a.btn:hover {
	color:white;
}

#basket a.button {
	margin-top:15px;
	display:block;
	height:17px;
	line-height:17px;
	color:white;
	text-transform:uppercase;}
	
#basket a.button.right {
	float:right;
	background:url(orig/suchen_button.png) right no-repeat;
	padding-right:22px;}
	
#basket a.button.left{
	float:left;
	background:url(orig/zurueck_button.png) left no-repeat;
	padding-left:22px;}
	
/*Contact*/
table.contactform td {vertical-align:top;}

table.contactform td.label {text-align:right;}

div.contactform div.buttons {text-align:center}

/*IE Bugfixing*/
.ie6fix #productdetail .info .bottom {
	position:static;
	margin-top:30px;}

.iefix .wkbutton {display:inline;}

.ie6fix .sitemappath {padding-top:15px;}

.iefix #producttreeview  div.AspNet-TreeView a.AspNet-TreeView-Root {position:absolute;}
	
.iefix #producttreeview  div.AspNet-TreeView a.AspNet-TreeView-Root {background:none;}

#orderlist .choose .variants{
	float:left;
	width:500px;
}

#orderlist .choose .variants .variantitem{
	clear: both;
	display: block;}

div.moreProducts {margin-left: 22px;}
h2.moreProducts {
    color:red;
	font-weight: normal;
    background:url(ornament.png) left center no-repeat;
    padding-left:45px;}
.moreProducts .productSmall {
	float: left;
	margin-right:13px;}
.moreProducts .productSmall a {
    display: block;
    background:url(qod_boxen_kategorie_03.png) no-repeat;
    width:148px;
    padding: 3px 3px 0 3px;
    color:White;}
.moreProducts .productSmall .title {
    display: block;
    height: 28px;
	margin-bottom:5px;
    overflow: hidden;
    text-align: center;}
.moreProducts .productSmall .image {
    display:block;
    height:85px;
    text-align:center;}
.moreProducts .productSmall .image * {vertical-align:middle}
.moreProducts .productSmall .price {
    display:block;
    margin-top:22px;}
.moreProducts .productSmall .price .value {
    display:block;
    padding-left:15px;
    height:29px;
    line-height:29px;
    font-size:16px;
    color:#E5E5E5;}
.moreProducts .productSmall .price .hint {
    display:block;
    margin-top:4px;
    color:#808080;
    font-size:9px;}
