/*** Grundformatierung ***/

@import url(typostyle.css);


/*** Allgemein ***/
html { overflow-y:scroll; }
html, body { height: 100%; }
body {
	background: #ffffff url('../images/bg.png') no-repeat;
	font-family:Arial,Helvetica,Tahoma,Verdana;
	font-size:12px;
	color:#000000;
	margin:0;
	padding:0;
}


form {
	font-family:Arial,Helvetica,Tahoma,Verdana;
	font-size:12px;
	color:#000000;
	margin:0;
	padding:0;
}

td, p, div {
	font-family:Arial,Helvetica,Tahoma,Verdana;
}


/** ========================= Allgemeine Kurz-Deklarationen ========================= **/
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }

.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

.rel { position:relative; }
.abs { position:absolute; }

.hand { cursor:pointer; }
.move { cursor:move; }
.help { cursor:help; }
.cdef { cursor:default; }

.line-through { text-decoration:line-through; }

.space-5  { width:5px; height:5px; font-size:0px; overflow:hidden; }
.space-10 { width:10px; height:10px; font-size:0px; overflow:hidden; }
.space-20 { width:20px; height:20px; font-size:0px; overflow:hidden; }
.space-30 { width:30px; height:30px; font-size:0px; overflow:hidden; }
.space-40 { width:40px; height:40px; font-size:0px; overflow:hidden; }
.space-50 { width:50px; height:50px; font-size:0px; overflow:hidden; }


.clear { clear:both; }
.halfSpace {height:10px; font-size:0px;overflow:hidden;}
.fullSpace {height:20px; font-size:0px;overflow:hidden;}
.floatL { float:left; }
.floatR { float:right; }
.rtl { text-align:right; }
.hand { cursor:pointer; }

.errtext { color:red; padding:0px 0px 0px 16px; background:url(../images/t3_warn.gif) 0px 1px no-repeat; }

a:link, a:active, a:visited {
	color:#2810bd;
	text-decoration:none;
	outline: none;
}

a:hover {
	color:#ffbd00;
	text-decoration:underline;
	outline: none;
}


/*********** Durckansicht ***********/

@media screen
{
	#printView {
	    width:840px;
		margin:0px auto;
		padding:30px 0px 30px;
	}
	.menuSubExtra {
	}
}

@media print
{
	#printView {
	    width:840px;
	    margin:0px;
	    padding:0px;
	}
	.menuSubExtra {
	    display:none;
	}
}


/*********** Main & Header ***********/

#maincontainer {
	background:url('../images/bg_layout.gif') repeat-y left top;
	margin:0px auto;
	padding:0px 0px 50px 0px;
	width:1000px;
	position:relative;
}

#header {
	background:#ffffff;
	margin:0px;
	padding:0px;
	width:1000px;
	height:128px;
	border:0px red solid;
}

#header #layoutHeadLeft {
	border-top:10px #e5e9ff solid;
	height:115px;
	width:180px;
	float:left;
	border-bottom:3px #2810bd solid;
}

#header #layoutHeadRight {
	border-top:10px #2810bd solid;
	height:115px;
	width:820px;
	font-size:0px;
	float:left;
	border-bottom:3px #2810bd solid;
	background:#fff url('../images/header.jpg') no-repeat;
}


/*********** Navigation (1.Ebene) ***********/

#layoutMenuBefore {
	float:left;
	width:160px;
	margin:0px;
	padding:3px 10px;
	background-color:#ced9ef;
	height:17px;
}

#layoutMenu {
	float:left;
	width:815px;
	background-color:#2810bd;
	margin:0px;
	padding-left:5px;
}

#layoutMenu .mainnavi {
	float:left;
	width:660px;
	margin:0px;
	padding:0px;
}

#layoutMenu .mainnavi ul {
	list-style:none;
	padding:0;
	margin:0;
}

#layoutMenu .mainnavi li {
	float:left;
}

#layoutMenu .mainnavi li a {
	display:block;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	margin:0px 0px 0px 25px;
	padding:3px 0px 5px 0px;
}

#layoutMenu .mainnavi li a:hover, #layoutMenu .mainnavi li a.on {
	display:block;
	color:#ffbd00;
	font-weight:bold;
	text-decoration:none;
	margin:0px 0px 0px 25px;
	padding:3px 0px 5px 0px;
}

#layoutMenu .iconnavi {
	float:right;
	width:120px;
	margin:0px;
	padding:4px 5px 3px 5px;
	text-align:right;
}

#layoutMenu .iconnavi a:link, 
#layoutMenu .iconnavi a:active, 
#layoutMenu .iconnavi a:visited, 
#layoutMenu .iconnavi a:hover{
	margin:0px 5px 0px 5px;
	padding:0px;
	text-align:right;
}


/*********** Navigation (Unterebenen) ***********/

#layoutMenuLeft {
	float:left;
	width:180px;
	padding:20px 0px 0px 0px;
}

#layoutMenuLeft ul {
	list-style:none;
	padding:0;
	margin:0;
	border-top:1px #c8d2fa solid;
}

#layoutMenuLeft ul li a {
	display:block;
	padding:5px 7px;
	color:#000000;
	text-decoration:none;
	border-bottom:1px #c8d2fa solid;
	border-left:4px #c8d2fa solid;
}

#layoutMenuLeft ul li a:hover, #layoutMenuLeft ul li a.on {
	display:block;
	padding:5px 7px;
	color:#2810bd;
	text-decoration:none;
	border-bottom:1px #c8d2fa solid;
	border-left:4px #2810bd solid;
}

#layoutMenuLeft ul li ul {
	padding:0px 0px 10px;
	border-bottom:1px #c8d2fa solid;
	border-top:0px;
}

#layoutMenuLeft ul li ul li a {
	display:block;
	padding:5px 10px;
	margin:0px 0px 0px 20px;
	color:#000000;
	border:0px;
	background:url(../images/submenu_icon.gif) 0px 10px no-repeat;
}

#layoutMenuLeft ul li ul li a:hover, #layoutMenuLeft ul li ul li a.on {
	display:block;
	padding:5px 10px;
	margin:0px 0px 0px 20px;
	color:#2810bd;
    border:0px;
    background:url(../images/submenu_icon_on.gif) 0px 10px no-repeat;
}

#layoutMenuLeft .leftcontent {
	margin:0px;
	padding:0px 10px 0px 10px;
}

table.vorteile {
	background:none;
	margin:0px;
	padding:0px;
}

table.vorteile tr td {
	background:0px;
	margin:0px;
	padding:2px 5px 2px 0px;
	font-size:11px;
	color:#3b3b3b;
	vertical-align:middle;
}




/*********** Content ***********/
.layoutcontentbox {
    float:left;
	margin:0px;
	padding:0px;
	width:820px;
}

/*** Filter ***/
.layoutcontentbox .kategoriefilter {
	background:#f7f8ff;
	margin:0px;
	padding:2px 20px 2px 20px;
	width:780px;
	color:#727272;
	font-size:11px;
}

.layoutcontentbox .kategoriefilter select {
	font-size:13px;
}

#layoutContent {
    float:left;
	width:800px;
	margin:0px;
	padding:20px 0px 0px 20px;
}

#layoutContentLeft {
    float:left;
	width:600px;
	margin:0px;
	padding:20px 0px 0px 20px;
}

#layoutContent .ordershortinfo .bodyText, 
#layoutContentLeft .ordershortinfo .bodyText, 
#layoutContent .ordershortinfo .bodyText p, 
#layoutContentLeft .ordershortinfo .bodyText p
{
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#aaaaaa;
}

#layoutContentRight {
    float:right;
	width:180px;
	padding:20px 0px 0px 0px;
}


/*********** Warenkorb und Zahlung ***********/

.basket {
    border:1px #ced9ef solid;
	margin:0px;
	padding:10px 10px;
	background-color:#f6f7fd;
}

.payment {
    background:white;
    border:1px solid #c8d2fa;
    padding:1px;
}

.payment label {
    display:block;
    cursor:pointer;
	padding:4px 4px;
	border:1px solid #ffffff;
}

.payment label * {
    vertical-align:middle;
}

.payment label.on, .payment label:hover {
    background-color:#ced9ef;
}



/*********** Produktinfo ************/
.ppc_list {
	margin:0px;
	padding:0px;
}

.ppc_list .trenner {
	margin:0px;
	padding:0px;
	border-top:1px #c4c4c4 solid;
	border-bottom:1px #e9e9e9 solid;	
}

.ppc_list .item_ib {
	margin:0px;
	padding:16px 0px 16px 0px;
}

.ppc_list .item_ib .img {
	background:#ffffff;
	margin:0px;
	padding:0px;
	border:1px #d9d9d9 solid;
	width:98px;
	height:98px;
	overflow:hidden;
}

.ppc_list .item_ib .img table {
	margin:0px;
	padding:0px;
	width:98px;
	height:98px;
}

.ppc_list .item_ib .img a:link,
.ppc_list .item_ib .img a:visited,
.ppc_list .item_ib .img a:active,
.ppc_list .item_ib .img a:hover {
	margin:0px;
	padding:0px;
}

#preview{
	position:absolute;
	background:#ffffff;
	padding:5px;
	border:1px #f0f0f0 solid;
	color:#000000;
}

.ppc_list .item_ib .infobox {
	margin:0px;
	padding:5px 0px 0px 0px;
	width:490px;
}

.ppc_list .item_ib .infobox .descbox {
	margin:0px;
	padding:0px 0px 5px 0px;
	min-height:75px;
	_height:75px;
}

.ppc_list .item_ib .infobox .descbox .desc h3.title {
	margin:0px;
	padding:0px 0px 5px 0px;
	border:none;
	font-size:14px;
	font-weight:normal;
	color:#2810bd;
}

.ppc_list .item_ib .infobox .descbox .desc {
	margin:0px;
	padding:0px;
	width:330px;
}

.ppc_list .item_ib .infobox .descbox .pricebox {
	margin:0px;
	padding:0px 5px 0px 0px;
	width:150px;
}

.ppc_list .item_ib .infobox .descbox .pricebox .icons {
	margin:0px;
	padding:0px;
	width:150px;
	min-height:45px;
	_height:45px;
}

.ppc_list .item_ib .infobox .descbox .pricebox .price {
	margin:0px;
	padding:0px;
	width:150px;
	font-size:24px;
	font-weight:bold;
	color:#2810bd;
}

.ppc_list .item_ib .infobox .detailbox {
	margin:0px;
	padding:3px 0px 0px 0px;
	border-top:1px #d7d7d7 dotted;
}

.ppc_list .item_ib .infobox .detailbox .status {
	margin:0px;
	padding:0px;
}

.ppc_list .item_ib .infobox .detailbox .todetail {
	margin:0px;
	padding:0px;
}

.ppc_list .item_ib .infobox .detailbox .todetail a:link, 
.ppc_list .item_ib .infobox .detailbox .todetail a:visited, 
.ppc_list .item_ib .infobox .detailbox .todetail a:active, 
.ppc_list .item_ib .infobox .detailbox .todetail a:hover {
	background:url('../images/product_detail_arrow.gif') no-repeat 0px 5px;
	margin:0px;
	padding:0px 0px 0px 12px;
	font-size:12px;
}
.ppc_list .item_ib .infobox .detailbox .todetail a:hover {
	background:url('../images/product_detail_arrow_over.gif') no-repeat 0px 5px;
}



/*********** Produktinfo ************/
.productinfo {
	margin:0px;
	padding:0px;
	width:600px;
}

.productinfo tr.productinfo_head th {
	margin:0px;
	padding:2px 2px 2px 7px;
	border-bottom:1px dotted #c5c5c5;
	border-left:1px dotted #c5c5c5;
	font-weight:normal;
	font-size:11px;
	color:#939393;
}

.productinfo tr.productinfo_head th:first-child {
	padding:2px 2px 2px 4px;
	border-left:none;
}

.sidebar {
	margin:0px;
	padding:0px 0px 0px 20px;
	width:180px;
}

.sidebarbox {
	margin:0px;
	padding:0px;
}

.sidebarbox .sidebarboxtitle {
	background:#ffffff url('../images/sidebar_tab_b.gif') repeat-x left bottom;
	margin:0px;
	padding:0px 7px;
	width:166;
	border:none;
	min-height:18px;
	_height:18px;
}

.sidebarbox .sidebarboxtitle div.fl {
	background:url('../images/sidebar_tab_l.png') no-repeat left top;
	margin:0px;
	padding:0px 0px 0px 8px;
}

.sidebarbox .sidebarboxtitle div.fl div.fl {
	background:url('../images/sidebar_tab_r.png') no-repeat right top;
	margin:0px;
	padding:0px 8px 0px 0px;
}

.sidebarbox .sidebarboxtitle div.fl div.fl div.fl {
	background:url('../images/sidebar_tab_m.png') repeat-x left top;
	margin:0px;
	padding:2px 2px 1px 2px;
	font-size:12px;
	color:#828187;
}

.sidebarbox .sidebarboxtitle div.fl div.fl div.fl h1 {
	margin:0px;
	padding:0px;
	border:none;
	font-size:12px;
	font-weight:normal;
	color:#828187;
}

.sidebarbox .content {
	background:#fbfbfb;
	margin:0px;
	padding:5px;
	border-right:1px #dddddd solid;
	border-bottom:1px #dddddd solid;
	border-left:1px #dddddd solid;
	color:#606060;
}

.sidebarbox .npib {
	margin:0px;
	padding:0px;
}

.sidebarbox .content .basket {
	background:none;
	margin:0px;
	padding:1px 0px 0px 0px;
	border:none;
}

.sidebarbox .content .basket .basket_shbox {
	background:none;
	margin:1px 5px;
	padding:3px 5px 3px 7px;
	border-bottom:1px dotted #c5c5c5;
}



.sidebarbox .content .basket .item_ib {
	margin:0px;
	padding:5px 5px 5px 5px;
	border:none;
	font-size:10px;
}
.sidebarbox .content .basket .item_ib:hover { background:#ececec; }
.sidebarbox .content .basket .item_ib span { color:#2810bd; }
.sidebarbox .content .basket .item_ib .img {
	background:#ffffff;
	margin:0px 5px 0px 0px;
	padding:1px;
	border:1px #d9d9d9 solid;
	width:24px;
	height:24px;
}
.sidebarbox .content .basket .item_ib .img table tr td {
	width:24px;
	height:24px;
}

.sidebarbox .content .basket .trenner {
	margin:1px 5px;
	padding:0px;
	border-bottom:1px dotted #c5c5c5;
}

.sidebarbox .content .basket .item_ib_zf {
	margin:0px;
	padding:1px 5px;
}

.sidebarbox .content .basket a.basket_button:link,
.sidebarbox .content .basket a.basket_button:visited,
.sidebarbox .content .basket a.basket_button:active,
.sidebarbox .content .basket a.basket_button:hover {
	background:#2912bf url('../images/button.gif') repeat-x left top;
	margin:0px;
	padding:3px 5px 2px 5px;
	display:block;
	width:150px;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
}


/*********** Preise nach Größen ************/
.liste {
	background:#ffffff;
	margin:0px;
	padding:0px;
}

.liste thead tr.title th {
	background:#c8d2fa;
	margin:0px;
	padding:4px 4px 3px 4px;
	font-weight:normal;
	font-size:12px;
}

.liste thead tr.dimension_unit th {
	background:#ffffff;
	margin:0px;
	padding:1px 4px 1px 4px;
	border-top:1px dotted #c5c5c5;
	border-bottom:1px dotted #c5c5c5;
	font-weight:normal;
	font-size:11px;
	color:#acacac;
}

.liste tbody tr.productdimension td {
	background:#fafafa;
	margin:0px;
	padding:2px 4px 2px 4px;
	border-top:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
	font-weight:normal;
	font-size:12px;
}

.liste tbody tr.productdimension td:first-child { border-left:none; }

.liste tbody tr.productstatus td {
	background:#ffffff;
	margin:0px;
	padding:0px;
	border:none;
	font-weight:normal;
	font-size:12px;
}

.liste tbody tr.productstatus td div.status {
	margin:0px;
	padding:2px 4px 2px 4px;
	font-size:10px;
}

div.status span {padding:0px 0px 0px 4px; font-size:10px;}
div.status span.stat {color:#b3b3b3;}
div.status span.stat1 {color:#7bc321;}
div.status span.stat2 {color:#e2bf00;}
div.status span.stat3 {color:#eb2910;}

.liste tbody tr.productstatus td div.basket {
	/*background:#c5c5c5;*/
	background:#ffffff;
	margin:0px;
	padding:2px 4px 3px 4px;
	border:none;
	height:16px;
	width:88px;
	text-align:right;
}

.liste tbody tr.productstatus td div.basket .tfield {
    width:22px;
	text-align:center;
	margin:0;
	padding:0;
}

.liste tbody tr.productstatus td div.basket .none {
    background:transparent;
    width:22px;
	text-align:center;
	margin:0;
	padding:0;
	border:1px transparent solid;
	font-size:12px;
	font-family:Arial;
}

.liste tbody tr.productstatus td div.price_brutto {
	background:#c5c5c5;
	margin:0px;
	padding:3px 10px 2px 10px;
	height:16px;
}

.liste tbody tr.productstatus td div.price_netto {
	background:#ededed;
	margin:0px;
	padding:3px 10px 2px 10px;
	height:16px;
}

.liste tbody tr.productstatus td div.basket_status {
	background:#b6edb6;
	margin:0px;
	padding:3px 10px 2px 10px;
	height:16px;
}



/*********** Kontaktfeld ***********/
.tfield {
	border:1px solid #c8d2fa;
	font-family:Arial,Helvetica,Tahoma,Verdana;
	font-size:12px;
	color:#000000;
	width:200px;
}
.err { border:1px solid #FF7070; }

.button {
	background:#2912bf url('../images/button.gif') repeat-x left top;
	padding:2px 5px 3px 5px;
	border:1px #220dae solid;
	font-size:11px;
	color:#fff;
	overflow:visible;
}

.button_basket_change {
	background:url('../images/icon_basket_change.gif') no-repeat left top;
	margin:0px 0px 0px 5px;
	padding:1px 0px 2px 20px;
	border:none;
	overflow:hidden;
	font-size:11px;
	color:#000000;
	overflow:visible;
}




/*********** Footer ***********/
#footer {
    border-top:1px #ced9ef solid;
    padding:0px 0px 10px 0px;
}

#footer .footerbox {
	margin:0px auto;
	padding:0px;
	width:1000px;
}

#footer .footerbox .adress {
    border-left:1px #ced9ef solid;
    border-right:1px #ced9ef solid;
    border-bottom:1px #ced9ef solid;
	margin:0px;
	padding:5px 10px 6px 10px;
	width:158px;
	float:left;
}

#footer .footerbox .footernavi {
	background: #f6f7fd;
    border-right:1px #ced9ef solid;
    border-bottom:1px #ced9ef solid;
	margin:0px;
	padding:5px 10px 0px 10px;
	width:799px;
	float:left;
	color:#000000;
}


/*********** Footer Navi ***********/
.footernavi ul {
	list-style:none;
	padding:0;
	margin:0;
}

.footernavi li {
	float:left;
}

.footernavi li a {
	display:block;
	color:#000000;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
	margin:0px 0px 0px 25px;
	padding:3px 0px 5px 0px;
}

.footernavi li a:hover, .footernavi li a.on {
	display:block;
	color:#2810bd;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
	margin:0px 0px 0px 25px;
	padding:3px 0px 5px 0px;
}







#layoutMenuLeft .leftcontent ul.thumb_fraeser {
	list-style: none;
	margin: 0px auto;
	padding:0px;
	width:120px;
	border:none;
}

#layoutMenuLeft .leftcontent ul.thumb_fraeser li {
	list-style: none;
	margin: 0;
	padding: 5px 0px 5px 0px;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 120px;
	height: 23px;
}

#layoutMenuLeft .leftcontent ul.thumb_fraeser li img {
	width: 120px;
	height: 23px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
}