/*Standards *************************************************/
*, div 	{ margin:0; padding:0; }
html 		{ height:100%; }
body 		{ width:100%; margin: 0; padding: 0; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; background: #000; }

/*Breite und Lage*/
#sitebody { width:990px; height:auto; display:block; overflow:hidden; margin:0 auto; color:white; }

/*Header *************************************************/
#header 									{ width:100%; height:145px; display:block; }
/*Reiter*/
#head1  									{ width:350px; height:110px; display:block; float:left;  }
#head1 #logo 							{ position:absolute; width:319px; height:87px; display:block; overflow:hidden; margin-top:38px; background: url(../images/logo.png); z-index:10000; }
*html #head1 #logo				{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='none'); background:none; }
#head2  									{ width:550px; height:110px; display:block; float:right;  }

#head2a 									{ width:550px; height:32px; display:block; overflow:hidden; float:right;  }
#head2a p 								{ display:block; overflow:hidden; float:left; margin-right:10px; height:32px; line-height:32px; }

#head2b 													{ width:550px; height:26px; margin-top:53px; display:block; float:right; text-align:right; }
#head2b ul.head2bnav							{ float:right; }
*html #head2b ul.head2bnav li			{ width:75px; text-align:center; }
#head2b ul.head2bnav li						{ width:auto; display:block; float:left; overflow:hidden; }
#head2b ul.head2bnav li a,
#head2b ul.head2bnav li a:visited { height:23px; line-height:23px; display:block; padding:0 5px; margin-left:1px; background:#b31063;  text-decoration:none; }
#head2b ul.head2bnav li a:hover 	{ background:#2c1469; }

/*MyShop*/
form#login 										{ height:23px; border:none; border:0px; margin:0px; padding:0; margin-top:5px; float:right; display:block; overflow:hidden; }
form#login input							{ border:0px; margin:0px; padding:0 5px; display:block; overflow:hidden; float:left; margin-left:5px; font-size:.9em; padding-top:.3em; }
form#login input#username		 	{ height:23px;border:1px solid grey}
form#login input#username:focus		 	{ border:1px solid #B31063}
form#login input#username:blur		 	{ border:1px solid grey}
form#login input#password			 	{ height:23px;border:1px solid grey}
form#login input#password:focus		 	{ border:1px solid #B31063}
form#login input#password:blur		 	{ border:1px solid grey}
form#login input#password		 	{ height:23px;border:1px solid grey }
form#login input#loginbutton 	{ height:23px; background:#b40f64; color:#fff;  }

form#search 									{ border:none; border:0px; margin:0px; padding:0; margin-top:0px; margin-right:18px; float:right; }
form#search input							{ margin-bottom:5px; }
input#searchbox 							{ width:155px; margin-right:9px; height:27px; background:none; border:0; padding-top:.5em;  }
input#searchbutton						{ width:64px; height:25px; background:none; border:0px; font-weight:bold; color:#fff; }

/*Warenkorb*/
#basketlabel 				{ width:70px; float:left; margin-right:15px; line-height:21px; }
#basketitems 				{ width:220px; float:left; line-height:21px; }
#basketitems a			{ width:220px; display:block; }

#contentbody 					{ width:100%; height:auto; display:block; float:left; overflow:hidden; }
#contentbody_header 	{	width:100%; height:auto; display:block; float:left; overflow:hidden; background: url(../images/content_header.jpg) no-repeat top right; }
#contentbody_footer 	{	width:100%; height:auto; display:block; float:left; overflow:hidden; background: url(../images/content_footer.jpg) no-repeat bottom left; }
#introtext						{ width:100%; height:50px; display:block; float:left; overflow:hidden; }
#introtext h1					{ margin-top:2em; font-weight:normal; }

#breadcrumb															{ width:990px; height:50px; display:block; float:none; overflow:hidden; }
#breadcrumb p.bcrumb 										{ margin-left: 300px; line-height:70px; }
#breadcrumb p.bcrumb a,
#breadcrumb p.bcrumb a:visited 					{}
#breadcrumb p.bcrumb a:hover 						{}
#breadcrumb p.bcrumb span.bcrumb_active {}

/*Links *************************************************/
#left_col 				{ width:250px; height:auto display:block; float:left; overflow:hidden; margin-left:5px; margin-top:1em; }
#left_colI				{ width:150px; height:auto display:block; float:left; overflow:hidden; margin-left:5px; margin-top:1em; }
* html #left_col 	{ margin-left:1px; }

#left_col a 											{ text-decoration:none; font-weight:normal; }
#left_col p,

#left_col #leftnav 									{ width:250px; height:652px; display:block; overflow:hidden; float:left; }
#left_col #leftnavmotiv 						{ width:89px; height:652px; border-right: 1px solid #b31063; display:block; overflow:hidden; background: url(../images/leftnavmotiv.jpg) no-repeat; float:left; }
#left_col #leftnavlinks 						{ width:160px; display:block; overflow:hidden; float:left; }

#left_col #leftnavlinks	h1 					{ margin-left:1em; margin-bottom:1.0em; }
#left_col #leftnavlinks	ul 					{ margin-left:1em; }
#left_col #leftnavlinks	li 					{ }
#left_col #leftnavlinks	li ul 			{ margin-left:.7em; }
#left_col #leftnavlinks	li ul li ul { margin-left:.7em; }

#left_col #leftnavlinks	ul li a,
#left_col #leftnavlinks	ul li a:visited { height:2em; line-height:2em; display:block; font-size:13px; border-bottom: 1px solid #222; }
#left_col #leftnavlinks	ul li ul li a,
#left_col #leftnavlinks	ul li	ul li a:visited { height:1.5em; line-height:1.5em; display:block; color:#e6dcff;}
#left_col #leftnavlinks	ul li ul li ul li a,
#left_col #leftnavlinks	ul li	ul li ul li a:visited { height:1.5em; line-height:1.5em; display:block; color:#fff; }

#left_col #leftnavlinks	a.active 	{ display:block; font-weight:bold; }
#left_col #leftnavlinks	a#active 	{ display:block; font-weight:bold;  }

/*Mitte******************************************************/
#middle_col						{ width:550px; height:auto; display:block; float:left; overflow:hidden; margin-left:5px; margin-top:1em; }
#middle_colI					{ width:550px; height:auto; display:block; float:left; overflow:hidden; margin-left:5px; margin-top:1em; }
* html #middle_col 		{ margin-left:2px; }

/*Frontpage*/
#intro 						{ display:block; overflow:hidden; width:520px; height:550px; margin:100px 0; margin-top:40px; }
#intromotiv				{ width:318px; height:560px; border-right: 1px solid #b31063; display:block; overflow:hidden; float:left; background: url(../images/intromotiv.jpg) no-repeat; }
#intronav 				{ width:170px; display:block; overflow:hidden; float:left; }
#intronav h1 			{ margin-left:.5em; height:2em; line-height:2em; margin-top:1em; display:block; font-size:1.2em; }
#intronav	ul li a,
#intronav	ul li a:visited { margin-left:1em; height:2em; line-height:2em; display:block; font-size:1.2em; border-bottom: 1px solid #222; }

#middle_col .contentbox_head 							{ width:550px; height:31px; display:block; overflow:hidden; background: url(../images/contentbox_head.jpg) left no-repeat;  border-bottom:1px solid #b31063; margin-bottom:2em; }
#middle_col .contentbox_body 							{ width:550px; height:auto; display:block; overflow:hidden; background-image: url(../images/contentbox_body.png); background-repeat: repeat-y; padding:0; font-size:1.1em; }
#middle_col .contentbox_head h2						{ margin-left:165px; line-height:31px; text-align:center; display:block; border-bottom:1px solid #b31063; }
#middle_col .contentbox_footer 						{ width:550px; height:31px; display:block; overflow:hidden; background: url(../images/contentbox_head.jpg) left no-repeat;  border-top:1px solid #b31063;  }
#middle_col .contentbox_footer p.pagenav	{ width:300px; height:31px; line-height:31px; display:block; overflow:hidden; float:right; text-align:right; color:#fff; }

/*Artikelliste*/
#middle_col div.artliste 							{ width:550px; display:block; overflow:hidden; margin-bottom:1em 0; }
#middle_col div.artliste div.row 			{ width:550px; display:block; overflow:hidden; }
#middle_col div.artliste div.col1 		{ width:160px; display:block; overflow:hidden; float:left; margin-bottom:.5em; }
#middle_col div.artliste div.col1 img { float:none; }
#middle_col div.artliste div.col2 		{ width:380px; display:block; overflow:hidden; float:left;  margin-bottom:.5em; }
#middle_col div.artliste div.actions	{ width:380px; height:29px; display:block; overflow:hidden; margin-bottom:.5em; }

#middle_col div.artliste									{ margin-bottom:1em; }
#middle_col div.artliste									{ }
#middle_col div.artliste h2								{ margin-bottom:.5em; }
#middle_col div.artliste p								{ margin-bottom:.2em; color:#fff; }
#middle_col div.artliste a, 
#middle_col div.artliste a:visited 				{ }
#middle_col div.artliste hr 							{ display:block; overflow:hidden; background:#fff; height:1px; border: 0px; border-bottom:1px solid #999; margin:1em 0; }
#middle_col div.artliste a.readon					{ }

/*Artikeldetails*/
#middle_col div.artdetails 								{ width:550px; display:block; overflow:hidden; margin-bottom:1em 0; }
#middle_col div.artdetails div.row 				{ width:550px; display:block; overflow:hidden; }
#middle_col div.artdetails div.col1 			{ width:300px; display:block; overflow:hidden; float:left; margin-bottom:.5em; }
#middle_col div.artdetails div.col1 img 	{ float:none; margin-bottom: .5em;}
#middle_col div.artdetails div.col2 			{ width:245px; display:block; overflow:hidden; margin-bottom:.5em; }
	
#middle_col div.artdetails						{ }
#middle_col div.artdetails h2					{ margin-bottom:.5em; }
#middle_col div.artdetails table			{ margin:0.5em 0; }
#middle_col div.artdetails td					{ padding:0 .5em; color:#fff;}
#middle_col div.artdetails p					{ margin-bottom:.2em; color:#fff; }
#middle_col div.artdetails a, 
#middle_col div.artdetails a:visited 	{ }

#middle_col div.artdetails ul li a,
#middle_col div.artdetails ul li a:visited	{ height:23px; line-height:23px; width:90px; display:block; background:#ff7800; padding:0 5px; text-align:center; margin:5px 0; color:#fff; font-weight:bold; text-decoration:none; }
#middle_col div.artdetails ul li a:hover		{  }

#middle_col div.artdetails div.actions		{ width:560px; height:29px; display:block; overflow:hidden; margin-bottom:.5em; }

/*Rechts******************************************************/
#right_col 					{ width:155px; height:auto; display:block; float:right; overflow:hidden; margin-right:5px; margin-top:1em; }
#right_colI					{ display:block; float:right; }
*html #right_col 		{ width:155px; margin-right:5px; }

#right_col div.rbox 						{	float:right; text-align:right; }
#right_col div.rbox h1 					{ }
#right_col div.rbox ul 					{ }
#right_col div.rbox li 					{ width:150px; line-height:2em; border-bottom: 1px solid #000; }
#right_col div.rbox a,
#right_col div.rbox a:visited 	{ margin-right:5px; }
#right_col div.rbox a:hover 		{ }

#right_col a 				{ text-decoration:none; font-weight:normal; }
#right_col p, 
#right_col ul 			{ margin:0 5px; margin-left:11px; }

/*Footer*****************************************************************/
#footer 					{ width:990px; height:55px; display:block; overflow:hidden; background-image: url(../images/footer_bg.jpg); background-repeat: no-repeat; margin:0 auto; }
#footer p.infos 	{	margin-top:1em;	text-align:center;}
#footer p.infos a {	margin:0 0.5em;}

.cls { clear: both; }

.pinkbutton	a {display:inline;background:#B31063 none repeat scroll 0 0;text-align:center;text-decoration:none;height:23px;line-height:23px;padding:5px}
.pinkbutton a:hover	{display:inline;background:#2C1469 none repeat scroll 0 0;text-align:center;text-decoration:none;height:23px;line-height:23px;}
.pink_order_button {background-color:#B31063;border:0;color:#fff;padding:4px;}
.pink_order_button:hover {background-color:#2C1469;border:0;color:#fff;padding:4px;cursor:pointer}

.text {
	background-color:#fff;
	border:1px solid #CCD7E2;
	color:#000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	height:120px;
	padding:7px 0 0 5px;
	width:400px;
}

.text:hover {
	border:1px solid #95A2B0;
}

.text:focus {
	border:1px solid #FC8C12;
}

.selectbox {
	background-color:#fff;
	border:1px solid grey;
	color:#000;
	font-size:11px;
	padding:4px;
}

.selectbox:hover {
	border:1px solid #B31063;
}

.selectbox:focus {
	border:1px solid #B31063;
}

.textbox {
	background-color:#fff;
	border:1px solid grey;
	color:#000;
	font-size:11px;
	height:18px;
	padding:5px 0 0 5px;
}

.textbox:hover {
	border:1px solid #B31063;
}

.textbox:focus {
	border:1px solid #B31063;
}

.fehler {
	background-color:#aeaeae;
	border:1px solid #C3C4C0;
	color:#000;
	font-size:11px;
}

.textfehler {
	border:1px solid #B31063;
	padding:5px;
}

.textfehler ul li{
	margin-left:30px;
	list-style-type:disc;
}

.textok {
	border:1px solid #80929D;
	padding:5px;
}

.sternchen {
	color:#B31063;
	padding-left:1px;
}

label {
	cursor:pointer;
	font-weight:bold;
}

.bestellschritt {
	padding:5px;
	background-color:#B31063;
	color:#fff;
	font-weight:bold;
	text-align:center;
}

.bestellschritt a{
	padding:5px;
	color:#000;
	font-weight:bold;
	text-align:center;
}


.bestellschritt a:hover{
	padding:5px;
	color:#2C1469;
	font-weight:bold;
	text-align:center;
}

.bestellschritt_aktiv {
	padding:5px;
	background-color:#2C1469;
	color:#fff;
	font-weight:bold;
	text-align:center;
}

#middle_col a.prodinfo {
	background-color:#B31063;
	color:#fff;
	display:block;
	padding:5px 3px;
	text-align:center;
	text-decoration:none;
	width:160px;
}
#middle_col a.prodinfo:hover {
	background-color:#2C1469;
	color:#fff;
	display:block;
	padding:5px 3px;
	text-align:center;
	text-decoration:none;
	width:160px;
}