/* Farben

	Dunkler Hintergrund: fcf3fd
	Heller Hintergrund: c19bee für hoovers verwendet
	Helle Schrift: fffffe
	Dunkle Schrift: 333333
	
	position
	margin
	padding
	width
	height
	left
	top
	text-align
	float
	background
	style
	
*/
/*	margin: top right bottom left	*/

/*
	Höhe muss bei #footer (margin-top) und #boxes_right (height) angepasst werden. 
	Empfohlen: margin-top:1000px; entpsricht: 18 Artikeln
			   height:

*/

body	{
			margin:0px;
			text-align:center;
			font-family: Arial, Helvetica, sans-serif;
			font-size:9pt;
			background-image:url(images/bg.jpg);
			background-position:center;
			background-repeat:repeat-y;
		}
		
table	{	
			font-family: Arial, Helvetica, sans-serif;

		}
		
#page	{
			background-image:url(images/bg.jpg);
			width:800px;
			text-align:left;
		}
		
#header	{
			margin-left:6px;
			margin-right:6px;
			background-color:#fcf3fd;
		}
		
#sidebar{
			margin-left:6px;
			margin-bottom:24px;
			width:150px;
			background-color:#fcf3fd;
		}
		
		#sidebar h1{
			margin:0px;
			padding-left:6px;
			font-size:13pt;
			color:#777771;
			font-weight:normal;
		}
		
		#sidebar a{
			color:#777771;
			text-decoration:none;
			margin-bottom:10px;
		}
		
		#sidebar a:hover{
			color:#c19bee;
		}
		
		#sidebar a.maincat{
			padding-left:12px;
			font-size:11pt;
		}
		
		#sidebar a.subcat{
			padding-left:18px;
			font-size:9pt;
		}

		#sidebar img.circle{
			position:absolute;
			margin-left:150px;
		}
		
		#sidebar img.circlebottom{
			margin-left:120px;
			vertical-align:bottom;
		}
		
a{
	color:#333333;
	text-decoration:none;
}

a:hover{
	color:#000000;
}
		
#content{
			position:absolute;
			width:626px;
			margin-left:168px;
			top:280px;
		}

* html #content{
			width: 620px;
		}
		
		#content h1{
			margin:0 0 12px 0;
			padding-left:24px;
			color:#333333;
			font-size:16pt;
			font-weight:normal;
			/*width:425px;*/
			overflow:hidden;
			word-wrap:break-word;
		}
		
		#content h1 a{
			color:#333333;
		}
		
		#content h1 a:hover{
			color:#000000;
		}
		
		#content .text{
			margin-left:22px;
			width:425px;
		}
		
		#content .articles{
			table-layout:fixed;
			border:0px;
			margin-left:16px;
			margin-top:16px;
			margin-bottom:24px;
		}
		
		#content .articles .articles_title{
			background-color:#fcf3fd;
			text-align:center;
			color:#777771;
		}
		
		#content td.articlepreview{
			border:1px solid #fcf3fd;
			overflow:hidden;
			text-align:center;
			padding:2px;
			width: 130px;
			background-color:white;
			word-wrap:break-word;
		}
		
		#content td.articlepreview:hover{
			border:1px solid #c19bee;
		}
		
		#content a img{
			border:0px;
		}
		
		#content .articles a img {
			width:115px;
		}
		
		#content .article{
			float:left;
			margin-left:15px;
			margin-bottom:14px;
			width:120px;
			text-align:center;
			background:white;
			border:1px solid #fcf3fd;
		}

		/* html #content .article{
			margin-left:4px;
			margin-bottom:12px;
		}*/
		
		#content a{
			text-decoration:underline;
		}
		
		#content a:hover{
			color: #000000
		}
		
#box_left{
			margin-left:6px;
			margin-bottom:24px;
			padding-left:12px;
			width:138px;
			background-color:#fcf3fd;
		}
		
		#box_left a{
			color:#777771;
			font-size:9pt;
			text-decoration:none;
		}
		
		#box_left a:hover{
			color:#c19bee;
		}
		
		#box_left img.circletop{
			position:absolute;
			margin-left:108px;
			vertical-align:top;
		}
	
		#box_left img.circlebottom{
			margin-left:108px;
			vertical-align:bottom;
		}
		
		.warenkorb{
			font-size:8pt;
		}
		
		.warenkorb h1{
			margin:0px;
			padding:0px;
			font-size:9pt;
		}
		
		.warenkorb .line{
			height:1px;
			overflow:hidden;
			width:120px;
			margin-top:4px;
			margin-bottom:3px;
			background-color:black;
		}
		
		.warenkorb .price{
			width:120px;
			text-align:right;
			font-weight:bold;
		}
		
		.warenkorb{
			padding-left:3px;
			width:120px;
		}
		
#boxes_right{
			float:right;
			padding-top:50px;
		}

/* html #boxes_right{
			padding-top:34px;
		}*/
		
#box_right{
			margin-bottom:24px;
			padding-left:36px;
			width:114px;
			background-color:#fcf3fd;
		}
		
		
/* html #box_right{
			width:150px;
		}*/
		
		/*Login Box*/
		form.login h1{
			padding-left:18px;
		}
		form.login input{
			border-style:solid;
			border-width:1px;
			border-color:black;
			margin-bottom:3px;
		}
		form.login{
			font-size:8pt;
			color:#333333;
		}
		
		#box_right form.login{
			font-size:8pt;
			color:#777771;
		}
		
		/*Login Box-End*/
		
		#box_right h1{
			color:#777771;
			font-size:13pt;
			font-weight:normal;
			margin-bottom:6px;
			padding:0px;
		}
		
		#box_right img.circletop{
			position:absolute;
			margin-left:-36px;
		}
		
		#box_right a{
			color:#777771;
			font-size:9pt;
			text-decoration:none;
		}
		
		#box_right a:hover{
			color:#c19bee;
		}
		
		#box_right img.circlebottom{
			position:absolute;
			margin-left:-36px;
			margin-top:-30px;
			vertical-align:bottom;
		}
		
.text input{
			margin-top:10px;
			border:1px black solid;
		}
		
img.thumbnail{
			widht:115;
		}


table{
			font-size:9pt;
			border:1px solid #fcf3fd;
			width:435px;
		}
		
		table input{
			border-style:solid;
			border-width:1px;
			border-color:black;
			margin-bottom:3px;
			width:200px;
		}
		
		table input.chk{
			border:0px;
		}
		
table.article{
			font-size:9pt;
			background-color:white;
			width:500px;
		}
		
		table.article td{
			border: 1px solid #fcf3fd;
		}
		
		table.article td.pic{
			padding:3px;
		}
		
		table.article td.pic img{
			width:300px;
		}
		
		table.article td.thumbnail img{
			width:115px;
		}
		
		table.article td.description{
			text-align:left;
		}
		
		table.article td.infos{
			text-align:left;
		}

table.cart{
			font-size:9pt;
			border:1px solid #fcf3fd;
			width:435px;
			margin-left:12px;
		}
		
		/* html table.cart
		{
			margin-left:0px;
		}*/
		
		table.cart tr.header{
			background-color:#fcf3fd;
			font-weight:bold;
		}
		
		table.cart a.number{
			color:#333333;
			text-decoration:none;
			border: 1px black solid;
			padding-left:2px;
			padding-bottom:2px;
			padding-right:3px;
			height:15px;
			text-align:center;
			vertical-align:middle;
		}
		
		table.cart a.numberdec{
			color:#333333;
			text-decoration:none;
			border: 1px black solid;
			padding-bottom:2px;
			height:15px;
			text-align:center;
			vertical-align:middle;
			padding-left:4px;
			padding-right:5px;
		}
		
		table.cart a.number:hover{
			color:#c19bee;
			background-color:#fcf3fd;
		}
		
		table.cart a.numberdec:hover{
			color:#c19bee;
			background-color:#fcf3fd;
		}
		
		table.cart td.total{
			padding-top:5px;
			border-top:1px solid black;
			text-align:right;
			font-weight:bold;
		}
		
		table.cart td{
			padding-top:4px;
			padding-bottom:4px;
		}
		
		table.cart td.price{
			width:90px;
			text-align:right;
		}

table.orders{
			font-size:8pt;
			border-collapse:collapse;
		}
		
		table.orders tr.header{
			background-color:#fcf3fd;
			font-weight:bold;
		}