/* Definiert das Design aller seitenspezifischen Elemente */

.pageheader
{
	height:48px;
}                                    

.pageheader.defaulthead {}
.pageheader.carthead {}
.pageheader.searchhead {}
.pageheader.servicehead {}
.pageheader.accounthead {}
.pageheader.userprofilehead {}

.pageheader h1
{
	font-size: 20px;
	padding: 15px 0 0 10px;
	color: #333333;
}


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

.pagefooter
{
	margin: 10px 0 0 0;
	height: 20px;
	padding: 5px;
	color: #333333;
}
.pagefooter a { color: #333333; }
.pagefooter a:link { color:#333333;text-decoration:none; }
.pagefooter a:active { color:#333333;text-decoration:none; }
.pagefooter a:visited { color:#333333;text-decoration:none; }
.pagefooter a:focus { color:#333333;text-decoration:none; }
.pagefooter a:hover { color:#333333;text-decoration:underline; }


.defaultfoot {background-color: #CCC;}
.cartfoot {background-color:#CCC;height: 30px;}
.searchfoot {background-color:#CCC;}
.servicefoot {background-color:#CCC;}
.accountfoot {background-color:#CCC;}
.userprofilefoot {background-color:#CCC;}

.page
{
	padding-top: 10px;
}

.page h2
{
	
}

.page h3
{
	background: url('images/h3.jpg') repeat-x top left;
	/*background-color: #646484;*/
	
	text-align:left;
	margin: 0;
	padding: 2px 5px;
	color: #FFF;
}

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

.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
{
	background: url(images/dancer.jpg) no-repeat right bottom;
	min-height: 400px;
}
.homepage h2
{

}

/* Login */
.loginpage .contentcontainer
{
	width: 50%;
	/*background-color: #C9C1D9;*/
}

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

/* Registration */
.registrationpage h2
{
}

.registrationpage .contentcontainer
{
	/*background-color: #C9C1D9;*/
	float:left;
}
.registrationpage h3 
{
	background: url('images/h3.jpg') repeat-x top left;
	/*background-color: #8E82A7;*/
}

.registrationpage .logindata
{
	width: 50%;
}

/* 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 8px 8px 3px;
	float: left;
}

.catalogpage .list
{
	width: 100%;
}

ul.grouplist
{
	list-style-type:none;
	list-style-image:none;
}

ul.grouplist li
{
	border: 0px;
	height: 130px;
	width: 201px;
	float: left;
	font-size: 10px;
	background: url(images/group_background1.gif) no-repeat left top;
	margin:0;
	padding: 1px 0px 0px 0px;
	display:inline-block;
}

/* End hide from IE-mac */

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

ul.grouplist a
{
	height: 122px;
	width: 193px;
	margin-left: 2px;
	display:block;
}

ul.grouplist a:hover
{
	text-decoration: none;
}

ul.grouplist li .group 
{
	cursor: hand;
	height:23px;
	margin: 2px 4px;
}

ul.grouplist li .product
{
	cursor: hand;
	height:23px;
	margin: 2px 4px;
}

ul.grouplist li .image
{
	margin-left: 1px;
}

.groups a
{
	filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;
}
.groups a:hover
{
	filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;
}

/* Product */

.productpage
{
}

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

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

.productarticlelist thead
{
	background: url('images/thead.jpg') repeat-x top left;
	border: solid 1px;
	height: 32px;
}

.productarticlelist tr.searchresult
{
	background: #814545;
}
 
.productarticlelist .articlenew {}
.productarticlelist .articlepicture {}
.productarticlelist .articleid {width: 100px;text-align: left;}
.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;

}

/* Cart */
.cartpage {}

.cartpage h1{}
.cartpage h2{display: none;}
.cart h3
{
	background: url('images/h3.jpg') repeat-x top left;
	/*background-color: #81A0A0;*/
}

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

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

.cart thead
{
	background: url('images/thead.jpg') repeat-x top left;
	/*background-color: #81A0A0;*/
	height: 32px;
}

.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: none 0;
	padding: 0;
	margin:0;
}

.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 
{
	height: 30px;
	background: url(images/thead.jpg) repeat-x left top;
	/*background-color: #928840;*/
}

/* 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: 20px;}
.sendetcartslist .master .orderid {width: 140px;}
.sendetcartslist .master .status {width: 140px;}
.sendetcartslist .master .entrydate {width: 80px;}
.sendetcartslist .master .orderdate {width: auto;}

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

.sendetcartslist .detail .pos {width: 30px; text-align:right;}
.sendetcartslist .detail .articleid {width: 100px;}
.sendetcartslist .detail .articlename {width:200px;}
.sendetcartslist .detail .quantity {width:auto; text-align:left;}
/*.sendetcartslist .detail .delivered {width: 60px;}*/
.sendetcartslist .detail .deliverydate {width: 60px;}
.sendetcartslist .detail .deliverynote {width: 60px;}



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

.orderlist .master:hover {cursor:hand;}
.orderlist .colOrderID {width: 100px;}
.orderlist .colStatus {width: 140px;}
.orderlist .colEntryDate {width: 80px;}
.orderlist .colOrderDate {}

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

.orderlist .detail .pos {width: 30px; text-align:right; }
.orderlist .detail .articleid {width: 80px;}
.orderlist .detail .articlename {width:200px;}
.orderlist .detail .quantity {width: 40px;}
.orderlist .detail .delivered {width: 60px;}
.orderlist .detail .deliverydate {width: 60px;}
.orderlist .detail .deliverynote {width: 60px;}

/* Search */

.search h3
{
	background: url('images/h3.jpg') repeat-x top left;
	/*background-color: #814545;*/
}

.search .contentcontainer
{
	border: none 0;
}

.search thead
{
	height: 30px;
	background: url('images/thead.jpg') repeat-x top left;
	/*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;}

/*service*/

.service h3
{
	background: url('images/h3.jpg') repeat-x top left;
	/*background-color:#465735;*/
}

/* 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;
	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; }