﻿/*
#
## START head meta information
#
*/
#headmeta, #headmeta a, #headmeta a:visited {
    color: #8f8f8f;
	font-size: 82%;
	text-decoration: none;
	margin-bottom: 8px;
}

#headmeta #commerceitems a {
    padding: 0.2em 0 0.2em 25px;
	text-decoration: none;
}

#headmeta a:hover, #headmeta #commerceitems a:hover {
	text-decoration: underline;
}


#headmeta #commerceitems #account {
    background: transparent url(../img/steller-online.de__icons_commerceitems__account.jpg) top left no-repeat;
}

#headmeta #commerceitems #basket {
    background: transparent url(../img/steller-online.de__icons_commerceitems__basket.jpg) top left no-repeat;
}

#headmeta #commerceitems #checkout {
    background: transparent url(../img/steller-online.de__icons_commerceitems__checkout.jpg) top left no-repeat;
}

#headmeta #commerceitems #basketcount {
	color: #fff;
	font-weight: 600;
	padding: 5px 7px 5px 7px;
    background: transparent url(../img/steller-online.de__icons_commerceitems__basket_count.jpg) center left no-repeat;
}


/*
#
## END head meta information
#
*/

/*
#
## START mainnav
#
*/
#mainnav {
	height: 59px;
	margin-bottom: 9px;
    background: #ffffff url(../img/steller-online.de__bgr__mainnav.jpg) top left no-repeat;
}

#mainnav ul {
    margin: 0;
    padding: 0;

	height: 59px;
}

#mainnav ul li {
	float: left;
	list-style-type: none;

	padding-right: 2px;
    background: transparent url(../img/steller-online.de__mainnav_separator.jpg) top right no-repeat;

}

#mainnav ul li a {
	display: block;
	height: 59px;
	line-height: 59px;
	padding: 0 4px 0 80px;
	width: 106px;

	color: #fff;
	font-size: 70%;
	font-weight: 600;
	text-decoration: none;
}

#mainnav ul li a.cat1 {
    background: transparent url(../img/steller-online.de__bgr__mainnav_01.jpg) top left no-repeat;
}

#mainnav ul li a.cat1:hover {
    background: transparent url(../img/steller-online.de__bgr__mainnav_01_hover.jpg) top left no-repeat;
}

#mainnav ul li a.cat2 {
    background: transparent url(../img/steller-online.de__bgr__mainnav_02.jpg) top left no-repeat;
}

#mainnav ul li a.cat2:hover {
    background: transparent url(../img/steller-online.de__bgr__mainnav_02_hover.jpg) top left no-repeat;
}

#mainnav ul li a.cat3 {
    background: transparent url(../img/steller-online.de__bgr__mainnav_03.jpg) top left no-repeat;
}

#mainnav ul li a.cat3:hover {
    background: transparent url(../img/steller-online.de__bgr__mainnav_03_hover.jpg) top left no-repeat;
}

#mainnav ul li a.cat4 {
    background: transparent url(../img/steller-online.de__bgr__mainnav_04.jpg) top left no-repeat;
}

#mainnav ul li a.cat4:hover {
    background: transparent url(../img/steller-online.de__bgr__mainnav_04_hover.jpg) top left no-repeat;
}

/*
#
## END mainnav
#
*/

/*
#
## START breadcrumbs
#
*/
#breadcrumbs {
    background: #ffffff url(../img/steller-online.de__bgr__breadcrumb.jpg) top left no-repeat;

	height: 32px;
	padding: 8px 0 0 12px;
	margin-bottom: 9px;

	font-size: 75%;
	color: #adadad;
}

#breadcrumbs a, #breadcrumbs a:visited {
	text-decoration: none;
	color: #adadad;
}
/*
#
## END breadcrumbs
#
*/


/*
#
## START leftcol & rightcol boxes
#
*/
#leftcol > div, #rightcol > div {
    background: #0c54a2 url(../img/steller-online.de__bgr__box_bottom.jpg) bottom left no-repeat;
	margin: 0 0 1em 0;
	padding-bottom: 16px;
}

#leftcol div h2, #rightcol div h3 {
    background: #0c54a2 url(../img/steller-online.de__bgr__box_top.jpg) top left no-repeat;
	margin-top: 0;
	padding: 12px 1em 0 1em;

    color: #fff;
	font-size: 92%;
}

#leftcol div h2 a, #rightcol div h3 a {
    color: #fff;
	text-decoration: none;
}


#leftcol div p, #rightcol div p {
	margin-left: 1em;
	font-size: 80%;
	color: #fff;
}


#leftcol ul, #rightcol ul {
	padding: 0;
	margin: 0;

	font-size: 80%;

    list-style-type: none;
}


#leftcol ul li a, #rightcol ul li a {
	display: block;

	padding: 0.3em 1em 0.3em 2em;
	background: transparent url(../img/steller-online.de__icon__arrow.png) 1em 0.6em no-repeat;

	color: #fff;
	font-weight: 600;
	text-decoration: none;
}

#leftcol ul li a:hover, #leftcol ul li a.act, #rightcol ul li a:hover {
	background: #e08a00 url(../img/steller-online.de__icon__arrow_hover.png) 1em 0.6em no-repeat;
	text-decoration: none;
}

#leftcol ul li li a, #rightcol ul li li a {
	padding-left: 2.9em;
	font-size: 125%;

	background-position: 2em 0.6em;
}

#leftcol ul li ul li a:hover, #leftcol ul li ul li a.act, #rightcol ul li ul li a:hover {
	background: #e08a00 url(../img/steller-online.de__icon__arrow_hover.png) 2em 0.6em no-repeat;
}

/*
#leftcol ul li li a:hover, #rightcol ul li li a:hover {
	padding-left: 0.9em;
	font-size: 125%;

	background-position: 2em 0.6em;
}
*/

/*
#
## END leftcol & rightcol boxes
#
*/

/*
#
## START rightcol search box
#
*/

#search form input[type="text"], #search form select {
	font-size: 90%;
}

#search form input[type="text"], #search form select {
    width: 160px;
	padding: 0;
	border: 1px solid silver;
	margin-bottom: 0.5em;
}

#search form select {
	background-color: #f8f8f8;
}

#search form input[type="text"] {
    width: 158px;
}

#search form input[type="submit"] {
    border: 0;
	margin: 0 0 0 -1em;
	background-color: transparent;

	padding: 0.3em 1em 0.3em 2em;
	background: transparent url(../img/steller-online.de__icon__arrow.png) 1em 0.6em no-repeat;

	text-align: left;

	color: #fff;
	font-weight: 600;

}


/*
#
## END rightcol search box
#
*/

/*
#
## START the detail box
#
*/

body #pagewidth #wrapper #twocols #main #productDetailForm #productDetail_box .theCloser {
	position: relative;
	margin-left: -30px;
	margin-bottom: -2px;
}

body #pagewidth #wrapper #twocols #main #basketDetail_box .theCloser,
body #pagewidth #wrapper #twocols #main #content_box .theCloser {
	position: relative;
	margin-left: -30px;
	margin-bottom: -2px;
}

body #pagewidth #wrapper #twocols #main .startBox .theCloser {
	position: relative;
	margin-left: -20px;
	margin-bottom: -6px;
}


/*
#
## END the detail box
#
*/

/*
#
## START product listing
#
*/
#main .productListing_box {
	width: 540px;

	margin-bottom: 4px;

/*
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #ebebeb;

*/
    background: #ffffff url(../img/steller-online.de__bgr__productlisting_bottom.png) bottom left no-repeat;

}

#main .productListing_box .productListing_image {
	float: left;
	width: 170px;
	height: 150px;
	display: table-cell;
	margin: 0 0 0 5px;
	text-align: center;
	vertical-align: middle;
	
/*	background-color: #f8f8f8;	*/
}

#main .productListing_box .productListing_image a {
	line-height: 150px;
}

#main .productListing_box .productListing_image a img {
    vertical-align: middle;
}


#main .productListing_box .productListing_text {
	float: right;
    width: 320px;
	margin: 0 5px 0 0;
}

#main .productListing_box .productListing_text h3 {
	margin: 0.2em 0 0 0;
	color: #000;
	font-size: 95%;
	font-weight: 900;
}

#main .productListing_box .productListing_text h3 a {
	color: #000;
	text-decoration: none;
}

#main .productListing_box .productListing_text .articleID {
	font-size: 75%;
}


#main .productListing_box .productListing_text .productListing_commerceAction {
	display: block;
	background-color: #f7f7f7;
	padding: 5px;
	margin: 5px 5px 5px 0;
}

#main .productListing_box .productListing_text .productListing_commerceAction .price {
	font-size: 100%;
	font-weight: 900;
	color: #1e0f54;
}

#main .productListing_box .productListing_text .productListing_commerceAction .taxShipping {
    font-size: 70%;
	color: #1e0f54;

	text-decoration: none;
	margin-bottom: 0.5em;
}

#main .productListing_box .productListing_text .productListing_commerceAction .submit {
	margin-top: 0.5em;
}

#main .productListing_box .productListing_text .productListing_commerceAction .submit input {
	border: 0;
	height: 25px;
	width: 173px;
	padding: 0 0 0 0.5em;
	background: transparent url(../img/steller-online.de__bgr__addtobasket.jpg) center left no-repeat;

	line-height: 20px;

	cursor: pointer;

	color: #ffffff;
	text-align: left;
	font-size: 75%;
	font-weight: 600;

}

/*
link Produktdetails anzeigen
*/
#main .productListing_box .productListing_text a.productListing_linkProductDetail {
	color: #7a7a87;

	font-size: 70%;
    text-decoration: none;
}

#main .productListing_box .productListing_text a.productListing_linkProductDetail img {
	display: inline;
	vertical-align: baseline;
}


/*
#
## END product listing
#
*/

/*
#
## START pagination
#
*/

#main .pagination {
	text-align: center;
}

#main .pagination a.arrow {
	text-decoration: none;
}

#main .pagination a.active {
	text-decoration: none;
	font-weight: 900;
	color: #000000;
}

/*
#
## END pagination
#
*/


/*
#
## START footer columns
#
*/

#footercontent div {
    width: 195px;
	min-height: 200px;
	float: left;
	color: #6f6f6f;
}

#footercontent a {
	color: #6f6f6f;
	text-decoration: none;
}

#footercontent div ul {
	margin: 0.5em 0 0 0;
	padding: 0;
	list-style-type: none;
}

#footercontent div ul ul {
	margin: 0;
}

#footercontent div ul li {
	margin: 0;
	padding: 0 0 0.8em 0;
	font-weight: 900;
	line-height: 4em;
}

#footercontent div ul li ul li {
	margin: 0;
	padding: 0.4em 0;
	font-weight: 100;
	line-height: 1em;
}

/*
#
## END footer columns
#
*/

/*
#
## START Oxid Basket popup
#
*/

#mask{visibility: hidden;display:none;}
#mask iframe{visibility: hidden;border:none;}
#mask.on {visibility: visible;display:block;position:fixed;opacity:0.5;top:0;left:0;width:100%;height: 100%;background:#d9d9d9;z-index: 1500;}

div.popup{visibility: hidden;display:none;}
div.popup strong{display: block; margin: 9px 0; font-size: 11px;}
div.on.popup{visibility: visible;display:block;position:fixed;top:50%;left:50%;width:270px;height: 150px;background: #ffffff;z-index: 2000;margin-top:-75px;margin-left:-135px;border:1px solid #000000;padding:10px;}
div.on.popup.load {background: #fff url(bg/ajax-loader.gif) center center no-repeat;}
div.on.popup table {width:100%;}
div.on.popup table th, div.on.popup table td {font-size: 80%; text-align: left;}
div.on.popup input {color:#555555;background:#e2e2e2;border:1px solid #555555;font-weight: bold;padding:2px;width:130px;}
div.on.popup input.disabled {color:#cbcbcb;background:#fff;border:1px solid #cbcbcb;font-weight: bold;padding:2px;width:130px;}
div.on.popup input.bl{position:absolute;bottom:10px;left:10px;}
div.on.popup input.br{position:absolute;bottom:10px;right:10px;}

div.fbMsg.on.popup { width: 400px; height: 200px; margin-top: -100px; margin-left: -200px;}
div.on.popup span.btn{background: transparent url(bg/buttons_ce_.gif) right -150px no-repeat;padding: 0 1px 0 0;height:18px;line-height:18px;display:-moz-inline-stack;display:inline-block;margin:0;outline:0;}
div.on.popup span.btn input, span.btn a{width: auto; border:none;height:18px;line-height:10px;outline:0;position:relative;display:block;padding:2px 7px;margin:0;color:#ffffff;font-weight: bold;cursor:pointer;background: transparent url(bg/buttons_ce_.gif) no-repeat left -150px;}
div.on.popup span.btn a{padding:3px 8px 2px; position:relative;}
div.fbMsg.on.popup .popupMsg { font-size: 11px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 5px;}
div.fbMsg.on.popup .popupFooter { position: absolute; bottom: 10px; left: 10px; }

/*
#
## END
#
*/
