/* HEADANDLIST */
div#headandlist .headandlist {
}

div#headandlist .headandlist-content {
}

div#headandlist .headandlist-content-on {
}

div#headandlist h3 {
	color: #EC008C;
}


/* HEADERLIST */

div#headerlist .headerlist-content {
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
margin-bottom: 5px;
}

div#headerlist .headerlist-content-on {
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
margin-bottom: 5px;
}

div#headerlist h1 {
}

div#headerlist a {
}


/* STANDARD */
div#standard {
	position: absolute;
	float: left;
	text-align: left;
	height: 420px;
	margin-left: 40px;
}

div#standard .standard {
margin-left: 218px;
width: 742px;
background: url(../images/bg_page.png) repeat-x;
height: 420px;
}

div#standard h1 {
padding-top: 30px;
margin-left: 60px;
font-size: 16px;
font-weight: bold;
}

div#standard .content, div#standard .content-on {
margin-left: 60px;
border-bottom: 1px solid #FFF;
padding-top: 10px;
padding-bottom: 10px;
width: 80%;
}

div#standard h2 {
font-weight: bold;
font-size: 13px;
margin: 0px;
float: left;
font-family: Verdana;
}

div#standard .date {
font-size: 11px;
}

div#standard .ingress {
font-size: 11px;
}

div#standard .content-on {
background: none;
}


/* ARTICLE 1 */

div#article_one {
	position: absolute;
	float: left;
	text-align: left;
	margin-left: 40px;
}

div#article_one h1 {
	font-size: 16px;
	font-weight: bold;
}

div#article_one .ingress {
	font-size: 11px;
	font-weight: bold;
}

div#article_one .text {
	font-size: 11px;
	margin-top: 10px;
	width: 90%;
	text-align: left;
}

div#article_one .content {
	float: left;
	margin-left: 40px;
	height: 420px;
}

div#article_one .content table.main {
	margin-left: 178px;
	width: 742px;
	height: 100%;
	background: url(../images/bg_page.png) repeat-x;
}

div#article_one .content table.main td {
	padding-left: 0px;
	
}




/* WEBSHOP FORM */
input.button-buy {}
input.quantity-buy {
	width: 30px;
	margin: 0px 5px 0px 5px;
}


/* WEBSHOP TABLE */
table#prodlist .even {
	background: #fff;
}
table#prodlist .odd {
	background: #f0f0f0;
}


/* WEBSHOP_STANDARD */
div#webshop-standard .header-product {
	font-weight: bold;
}
div#webshop-standard .header-artnr {
	font-weight: bold;
	text-align: right;
}
div#webshop-standard .header-price {
	font-weight: bold;
	text-align: right;
}
div#webshop-standard .header-purchase {
	font-weight: bold;
	text-align: right;
}

div#webshop-standard .product {
	text-align: left;
}
div#webshop-standard .artnr {
	text-align: right;
}
div#webshop-standard .price {
	text-align: right;
	font-weight: bold;
}
div#webshop-standard .purchase {
	text-align: right;
}


	/* WEBSHOP STANDARD SORT */
	div#webshop-standard table#prodlist thead tr {
		color: #000;
	}
	div#webshop-standard table#prodlist thead tr .headerSortUp {
		color: red;
	}

	div#webshop-standard table#prodlist thead tr .headerSortDown {
		color: green;
	}




/* WEBSHOP IMAGELIST */
div#webshop-imagelist .header-image {
	font-weight: bold;
	text-align: left;
}
div#webshop-imagelist .header-product {
	font-weight: bold;
	text-align: left;
}
div#webshop-imagelist .header-price {
	font-weight: bold;
	text-align: right;
}
div#webshop-imagelist .header-purchase {
	font-weight: bold;
	text-align: right;
}

div#webshop-imagelist .image {
	width: 150px;
	text-align: left;
	vertical-align: top;
}
div#webshop-imagelist .product {
	text-align: left;
	vertical-align: top;
}
div#webshop-imagelist .purchase {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}
div#webshop-imagelist .price {
	text-align: right;
	vertical-align: top;
}

div#webshop-imagelist div.prod-artinr {
	margin-left: 10px;
	display: inline;
}

div#webshop-imagelist div.prod-ingress {
	width: 300px;
	margin: 5px 0px 5px 0px;
}


/* WEBSHOP-IMAGECOLS */
div#webshop-imagecols {
}

div#webshop-imagecols div.box {
	float: left;
	text-align: center;
	border: 1px solid #ccc;
	padding: 0px;
	margin: 0px 3px 0px 3px;
	width: 32%;
}

div#webshop-imagecols div.cleaner {
	clear: both;
	margin-bottom: 10px;
}

div#webshop-imagecols .image {
	height: 100px;
}
div#webshop-imagecols .product {
	height: 120px;
	margin-top: 5px;
}

div#webshop-imagecols .prod-artinr {}
div#webshop-imagecols .prod-ingress {
	margin-top: 5px;
}
div#webshop-imagecols .purchase {
	margin-top: 5px;
}


/* WEBSHOP ARTICLE */
div#webshop-article table {
	width: 100%;
}

div#webshop-article table td {
	vertical-align: top;
}

div#webshop-article table td.prod-left {
	text-align: left;
}

div#webshop-article table td.prod-right {
	text-align: center;
}

div#webshop-article h3 {
   color: #EC008C;
}

div#webshop-article .artinr {
	margin-top: 5px;
}
div#webshop-article .artinr-head {
	font-weight: bold;
	display: inline;
	margin-right: 5px;
}
div#webshop-article .artinr-body {
	display: inline;
}



div#webshop-article .productimage {
	width: 300px;
}

div#webshop-article div.productImageThumbnail {
	float: right;
	cursor: pointer;
	background: #fff;
	border: 1px solid #ccc;
	margin: 0px 2px 2px 0px;
}

div#webshop-article div.productImageThumbnail-selected {
	float: right;
	background: #fff;
	border: 1px solid #777;
	margin: 0px 2px 2px 0px;
	-moz-opacity:.70;
	opacity:.70;
}

div#webshop-article .desc {
	margin-top: 5px;
}

div#webshop-article .price {
	margin-top: 5px;
}
div#webshop-article .price-head {
	font-weight: bold;
	display: inline;
	margin-right: 5px;
}
div#webshop-article .price-body {
	display: inline;
}

div#webshop-article .purchase {
	margin-top: 5px;
}
div#webshop-article input.quantity-buy {
	width: 30px;
	margin: 0px 5px 0px 0px;
}


/* MEDIA STANDARD */
div#media-standard div.thumbnailbox,
div#media-standard div.thumbnailbox-on {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 1px;
	margin-bottom: 1px;
	border: 1px solid #ccc;
}

div#media-standard div.thumbnailbox-on {
	border: 1px solid #666;
}

/* MEDIA VIDEOPLAYER */
div#media-videoplayer div.player {
	margin-bottom: 15px;
}

div#media-videoplayer div.thumbnailbox,
div#media-videoplayer div.thumbnailbox-on {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 1px;
	margin-bottom: 1px;
	border: 1px solid #ccc;
}

div#media-videoplayer div.thumbnailbox-on {
	border: 1px solid #666;
}


/* REGISTER FORM */
div#register input{
	width: 200px;
	border: 1px solid #CC0000;
}

div#register .radio {
	width: 12px;
	height: 12px;
}


/* PAGINATION */
div.pagination {
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3px 0px 3px 0px;
	margin-top: 20px;
}

table.pagination {
	width: 100%;
}

table.pagination td.pagin-l {
	width: 40px;
	text-align: left;
}

table.pagination td.pagin-c {
	text-align: center;
}

table.pagination td.pagin-r {
	width: 40px;
	text-align: right;
}


/* Productlist */

div#productlist {
	position: absolute;
	float: left;
	text-align: left;
	height: 420px;
}

div#productlist div#productMenu {
	float: right;
	width: 287px;
	height: 386px;
	margin-right: 33px;
	margin-top: 17px;
	background: url('../images/bg_products.png') top left no-repeat;
}

div#productlist .menu {
	float: left;
	color: #FFF;
	margin-left: 22px;
	margin-top: 24px;
}

div#productlist div#productMenu .link,
div#productlist div#productMenu .link-on {
	position: relative;
	z-index: 300;
	color: #FFF;
	font-size: 7pt;
	font-weight: bold;
	line-height: 16px;
	cursor: pointer;
	padding-left: 30px;
	height: 20px;
	margin-top: -5px;
}

div#productlist div#productMenu .link-on {
	color: #00a4e8;
	background: url('../images/kula.png') no-repeat;
}

div#productlist table {
	margin-left: 258px;
	width: 742px;
	height: 100%;
	background: url(../images/bg_page.png) repeat-x;
}

div#productlist td.article {

}

div#productlist .image {
	width: 370px;
	height: 220px;
	margin-top: 65px;
	overflow: hidden;
	text-align: center;
}

div#productlist .image img {
	cursor: pointer;
	position: relative;
	z-index: 300;
}

div#productlist .header {
	width: 310px;
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
}

div#productlist .text {
	width: 310px;
	font-size: 10px;
}


/* STARTPAGE */

div#startpage { width: 1000px; height: 420px; }
div#startpage .layer {  width: 1000px; height: 420px; position: absolute; background: url(../images/bg_startpage.png) right bottom no-repeat; z-index: 50; }
div#startpage .images { text-align: left; width: 300px; height: 300px; position: absolute; margin: 10px 0 0 26px; overflow: hidden; }
div#startpage .images img { border: 0; }
div#startpage .page { width: 400px; margin: 20px 0 0 400px; position: absolute; z-index: 400; }
div#startpage .page a, div#startpage .images a { position: relative; }
