/* Definiert das Design aller seitenspezifischen Elemente */

.pageheader
{
	height:42px;
}                                    

.pageheader.defaulthead {background-image:url(images/pagehead_overview.jpg);}
.pageheader.carthead {background-image:url(images/pagehead_cart.jpg);}
.pageheader.searchhead {background-image:url(images/pagehead_search.jpg);}
.pageheader.servicehead {background-image:url(images/pagehead_contact.jpg);}
.pageheader.accounthead {background-image:url(images/pagehead_account.jpg);}
.pageheader.userprofilehead {background-image:url(images/pagehead_userprofile.jpg);}

.pageheader h1
{
	font-size: 18px;
	padding: 15px 0 0 10px;
	color: #ffd701 !important; /*HIER color: #FFF;*/
}


.sitemap
{
	font-size: 10px;
	color: #999;
}

.pagefooter
{
	margin: 10px 0 0 0;
	height: 20px;
	padding: 5px;
	color: #000000 !important; /*HIER color: #FFF;*/
}

.pagefooter a { color: #000000; }
.pagefooter a:link { color:#000000;text-decoration:none; }
.pagefooter a:active { color:#000000;text-decoration:none; }
.pagefooter a:visited { color:#000000;text-decoration:none; }
.pagefooter a:focus { color:#000000;text-decoration:none; }
.pagefooter a:hover { color:#000000;text-decoration:underline; }
/*HIER
.pagefooter a { color: #FFF; }
.pagefooter a:link { color:#FFF;text-decoration:none; }
.pagefooter a:active { color:#FFF;text-decoration:none; }
.pagefooter a:visited { color:#FFF;text-decoration:none; }
.pagefooter a:focus { color:#FFF;text-decoration:none; }
.pagefooter a:hover { color:#FFF;text-decoration:underline; }
*/

.pagefooter.defaultfoot {background-color: #ffffd2;}
.pagefooter.cartfoot {background-color:#ffffd2;height: 30px;}
.pagefooter.searchfoot {background-color:#ffffd2;}
.pagefooter.servicefoot {background-color:#ffffd2;}
.pagefooter.accountfoot {background-color:#ffffd2;}
.pagefooter.userprofilefoot {background-color:#ffffd2;}
/*HIER
.pagefooter.defaultfoot {background-color: #646484;}
.pagefooter.cartfoot {background-color:#81A0A0;height: 30px;}
.pagefooter.searchfoot {background-color:#814545;}
.pagefooter.servicefoot {background-color:#465735;}
.pagefooter.accountfoot {background-color:#928840;}
.pagefooter.userprofilefoot {background-color:#8E82A7;}
*/

.page
{
	padding-top: 10px;
}

.page h2
{
	
}

.page h3
{
	background-color: #646484;
	font-size: 12px;
	text-align:left;
	margin: 0;
	padding: 2px 5px;
	color: #FFF;
}

.page .contentcontainer
{
	width: 100%;
	margin: 10px 0 0 0;	
	padding: 0;
	display: inline-block;
}

/*HIER*/
.page .contentcontainer h3
{
	background-color: #000000 !important;
	color: #ffd701 !important;
}

.page .contentcontainer .content
{
	padding: 10px;
}

.page .contentcontainer .content tr
{
}

.page .contentcontainer .content .label
{
	width: 100px;
	text-align: right;
}

.page .contentcontainer .content .input
{
	width: 140px;
	text-align: left;
}

.page #litError
{
	border: solid 3px #F00;
	background-color: Fuchsia;
	margin: 15px 0;
	font-weight: bold;
	color: #F00;
}

/* homepage */

.homepage
{
	/* HIER background: url(images/dancer.jpg) no-repeat right bottom;*/
	min-height: 400px;
}
.homepage h2
{

}

/* Login */
.loginpage .contentcontainer
{
	width: 50%;
	background-color: #ffffd2;
	border: solid 2px #000000;
	/* HIER
    background-color: #C9C1D9;
	border: solid 2px #8E82A7;*/
}

.loginpage .contentcontainer .AspNet-Login
{
    padding: 0px 0px 12px 5px;
}

.loginpage .contentcontainer .Newbie
{
    padding: 0px 0px 0px 5px;
    font-size: 12px;
}

.loginpage h3 {background-color: #8E82A7;}

/* Registration */
.registrationpage h2
{
}

.registrationpage .contentcontainer
{
	background-color: #ffffd2;
	border: solid 2px #000000;
	/* HIER
    background-color: #C9C1D9;
	border: solid 2px #8E82A7;*/
}
.registrationpage h3 {background-color: #8E82A7;}

.registrationpage table
{
	width: 100%;
}

.contentcontainer table td.label
{
	font-size: 11px;
	text-align: right;
	padding: 2px;
}
.contentcontainer table td.control
{
	font-size: 11px;
	text-align: left;
	padding: 2px;
}

.contentcontainer table td.required
{
	font-weight: bold;
}

.contentcontainer table td.spacer
{
	width: 45px;
}

.registrationpage .logindata
{
	width: 95%;
}

.registrationpage .invoicedata {width:48%; float: left;}

.registrationpage .shippingdata {width:48%; float: right;}

.registrationpage input.postalcode {width: 40px;}
.registrationpage input.city {width: 99px;}



/* Catalog */

.catalogpage
{
}


.catalogpage .description
{
	padding: 10px 0;
}

.catalogpage .groupimage
{
	background: url(images/productpicture_background.gif) no-repeat left top;
	height: 160px;
	width: 232px;
	padding: 2px 3px 11px 3px;
}
* html .catalogpage .groupimage {float: left;}
* + html .catalogpage .groupimage {float: left;}

.catalogpage .list
{
	width: 100%;
}

ul.grouplist
{
	margin: 0;
	padding: 0;
}

ul.grouplist li
{
	height: 134px;
	font-size: 10px;
	list-style-type:none;
	list-style-image:none;
	background: url(images/group_background1.gif) no-repeat left top;
	padding: 2px 6px 8px 1px; /*padding: 2px 6px 8px 1px;*/
	margin: 0;
}

* html ul.grouplist li { width: 190px; }   /* for IE 6 */
ul.grouplist li > * { width: 190px; }      /* for all other browser */


/* End hide from IE-mac */

ul.grouplist li:hover
{
	background: url(images/group_background2.gif) no-repeat left top;
	padding: 1px 6px 9px 1px; /*padding: 1px 6px 9px 1px;*/
}

ul.grouplist a
{
	height: 134px;
	width: 190px;
	display:block;
}
ul.grouplist a:hover
{
	text-decoration: none;
}

ul.grouplist li .group 
{
	height: 22px;
	padding: 2px;
	color:#000000;/*color:#ffd701; HIER*/
}
ul.grouplist li .product
{
	height: 22px;
	padding: 2px;
	
}
ul.grouplist li .caption
{
	font-size: 10px;
	padding: 2px;
	height: 22px;
}

#grouplist li .image
{
	height: 134px;
	width: 190px;
}


/* Product */

.productpage
{
}

.productpage .description
{
	padding: 10px 0;
}

.productpage .productimage
{
	background: url(images/productpicture_background.gif) no-repeat left top;
	height: 160px;
	width: 232px;
	padding: 1px 3px 11px 3px;
}

* html .productpage .productimage {float: left;}
* + html .productpage .productimage {float: left;}

/* HIER
.productarticlelist tr.searchresult
{
	background: #814545;
} */
 
.productarticlelist .articlenew {}
.productarticlelist .articlepicture {}
.productarticlelist .articleid {width: 100px;}
.productarticlelist .characteristicnumeric {width: 60px;text-align:right;}
.productarticlelist .characteristictext {width: 60px;}
.productarticlelist .characteristicdate {width: 60px;}
.productarticlelist .price {text-align:right;}
.productarticlelist .scalediscount {text-align:center;}
.productarticlelist .quantity {width:100px;}
.productarticlelist .availability {text-align:center;width: 40px;}
.productarticlelist .datasheets 
{
	width: 40px;

}

/*HIER*/
.productarticlelist th
{
	background: #000000 !important;
	color: #ffd701;
}

/* Cart */
.cartpage {}

.cartpage h1{}
.cartpage h2{display: none;}
.cartpage h3{background-color: #81A0A0;}

.cartpage #update
{
	text-align:right;
	padding: 0;
	margin:0;
}

.cartpage .contentcontainer
{
	border: none 0;
	padding: 0;
	margin:0;
}

.cart thead
{
	background-color: #81A0A0;
}

.cartarticlelist .articlepicture {}
.cartarticlelist .articleid {width:100px;}
.cartarticlelist .articlename {}
.cartarticlelist .availability {text-align: center;}
.cartarticlelist .price {}
.cartarticlelist .quantity {width:60px;}
.cartarticlelist .detailamount {width: 70px;white-space:nowrap;text-align:right;}
.cartarticlelist .scalediscount {}
.cartarticlelist .priceinformation {}
.cartarticlelist .delete {}

.cartpage .subtotal
{
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}

.cartpage .vat
{
	text-align: right;
	font-weight: bold;
	padding: 0 0 2px 0;
	white-space: nowrap;
}

.cartpage .total
{
	border-top: solid 2px #81A0A0;
	text-align: right;
	font-weight: bold;
	padding: 2px 0 0 0;
	white-space: nowrap;
	color: #81A0A0;
}

/* Order Summary */
.orderpage h3
{
	background-color: #81A0A0;
}

.orderpage .contentcontainer
{
	border: solid 2px #81A0A0;
}

.orderarticlelist table
{
	width:580px;
}


.orderarticlelist .quantity {width:60px;}
.orderarticlelist .detailamount {width: 70px;white-space:nowrap;text-align:right;}
.orderarticlelist .subtotal 
{
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}
.orderarticlelist .vat
{
	text-align: right;
	font-weight: bold;
	padding: 0 0 2px 0;
	white-space: nowrap;
}

.orderarticlelist .total
{
	border-top: solid 2px #81A0A0;
	text-align: right;
	font-weight: bold;
	padding: 2px 0 0 0;
	white-space: nowrap;
	color: #81A0A0;
}
/* changeaddress */

.changeaddresspage h3
{
	background-color: #81A0A0;
}

.changeaddresspage .contentcontainer
{
	border: solid 2px #81A0A0;
}

/* saleshistory */
.account thead {background-color: #928840;}

.historylist .master:hover {cursor:hand;}
.historylist tbody tr:hover {background: url(images/history_hover.jpg) repeat-x left top;}

.historylist .master .expand {width: 25px;}
.historylist .master .orderid {width: 120px;}
.historylist .master .status {width: 100px;}
.historylist .master .entrydate {width: 80px;}
.historylist .master .orderdate {width: 80px;}

.historylist .details {border-bottom: solid 1px #706731;}
.historylist .details tbody tr:hover {background: none;}

.historylist .detail .pos {width: 20px;}
.historylist .detail .articleid {width: 80px;}
.historylist .detail .articlename {}
.historylist .detail .quantity {width: 40px;}
.historylist .detail .delivered {width: 60px;}
.historylist .detail .deliverydate {width: 60px;}
.historylist .detail .deliverynote {width: 60px;}

/* Current Orders */

.sendetcartslist tbody tr:hover {background: url(images/history_hover.jpg) repeat-x left top;}

.sendetcartslist .master:hover {cursor:hand;}
.sendetcartslist .master .expand {width: 25px;}
.sendetcartslist .master .orderid {width: 120px;}
.sendetcartslist .master .status {width: 100px;}
.sendetcartslist .master .entrydate {width: 80px;}
.sendetcartslist .master .orderdate {}


.sendetcartslist .details {border-bottom: solid 1px #706731;}
.sendetcartslist .details tbody tr:hover {background: none;}

.sendetcartslist .detail .pos {width: 20px;}
.sendetcartslist .detail .articleid {width: 80px;}
.sendetcartslist .detail .articlename {}
.sendetcartslist .detail .quantity {width: 40px;}
.sendetcartslist .detail .delivered {width: 60px;}
.sendetcartslist .detail .deliverydate {width: 60px;}
.sendetcartslist .detail .deliverynote {width: 60px;}

.currentorderlist thead {background-color: #928840;}
.currentorderlist tbody tr:hover {background: url(images/history_hover.jpg) repeat-x left top;}

.currentorderlist .master:hover {cursor:hand;}
.currentorderlist .master .expand {width: 25px;}
.currentorderlist .master .orderid {width: 120px;}
.currentorderlist .master .status {width: 100px;}
.currentorderlist .master .entrydate {width: 80px;}
.currentorderlist .master .orderdate {}

.currentorderlist .details {border-bottom: solid 1px #706731;}
.currentorderlist .details tbody tr:hover {background: none;}

.currentorderlist .detail .pos {width: 20px; }
.currentorderlist .detail .articleid {width: 80px;}
.currentorderlist .detail .articlename {}
.currentorderlist .detail .quantity {width: 40px;}
.currentorderlist .detail .delivered {width: 60px;}
.currentorderlist .detail .deliverydate {width: 60px;}
.currentorderlist .detail .deliverynote {width: 60px;}

/* Search */

.search h3{background-color: #814545;}

.search .contentcontainer
{
	border: none 0;
}

.search thead
{
	background-color: #814545;
}

.search td {padding: 2px;}


.searchresultlist tr
{
	margin-top: 20px;
	border-top: solid 1px #814545;
}

.searchresultlist h4
{
	font-size: 12px;
	font-weight: normal;
	color: #814545;
	padding: 0;
	margin: 0;
}

.searchresultlist .resultheader
{
	padding: 2px;
}

.result:hover .resultheader
{
	padding: 2px;
}

ul.resultpath
{
	font-size: 10px;
	color: #999;
}

ul.resultpath a
{
	color: #999;
	
}
.resultpath a:link { color:#999 }
.resultpath a:active { color:#999}
.resultpath a:visited { color:#999}
.resultpath a:focus { color:#999}
.resultpath a:hover { color:#000;text-decoration: underline;}


ul.resultpath li
{
	display:inline;
	padding: 0 5px 0 0;
	margin: 0;
}

/* SearchByAttributes */

.attributelist select {width: 160px;}
.attributelist input {width: 154px;}
.attributelist .caption {width: 160px;}
.attributelist .from {width: 200px;}
.attributelist .to {}

/* BookmarkList */

.bookmarkpage #update
{
	text-align:right;
	padding: 0;
	margin:0;
}

.bookmarkarticlelist .articleid {width: 100px;}
.bookmarkarticlelist .quantity {width: 80px;}


/* message */


.message { margin-top: 20px;}

.messageheader 
{
	background-color:#646484;
}
.messageheader h2
{
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	margin: 0;
	padding: 5px 5px;
	color: #FFF;
}

.messagecontent 
{
	background-color:#DCDCE3;
	font-weight: bold;
	padding:10px;
}

.messageactions
{
	background-color:#646484;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	margin: 0;
	padding: 5px 5px;
	color: #FFF;
}
.messageactions a {color: #FFF;}
.messageactions a:link { color:#FFF;text-decoration:none; }
.messageactions a:active { color:#FFF;text-decoration:none; }
.messageactions a:visited { color:#FFF;text-decoration:none; }
.messageactions a:focus { color:#FFF;text-decoration:none; }
.messageactions a:hover { color:#FFF;text-decoration:underline; }


.message.cart {}
.message.cart .messageheader {background-color:#81A0A0; }
.message.cart .messagecontent {background-color:#D3DEDE; }
.message.cart .messageactions {background-color:#81A0A0; }

.message.registration .messageheader {background-color:#8E82A7; }
.message.registration .messagecontent {background-color:#C9C1D9; }
.message.registration .messageactions {background-color:#8E82A7; }