@import url("commerce.css");
/* CSS Docment */

html, body 	{ height:100%; margin:0; padding:0; }
body 		{ background:#121212 url(../img/bg_bodyrepeat.gif) repeat-y 0px 0px; font: normal 11px/1em "Segoe UI", Arial, Helvetica, sans-serif}
a img 		{ border:none}

/*- Position fixed -*/
#header, #bgleft, #logo, #navi, #subnavi, #altnavi, #title, #bgcont, #right, #claim, #rvh, #copy, #border, #rose { position:fixed;}

#logo	{ left:108px; top:29px; height:65px; width:331px; z-index:101}
#navi	{ left:450px; top:78px; height:22px; width:380px; z-index:110}
#subnavi	{ left:49px; top:140px; height:275px; width:153px; z-index:50}
.sub1 { height:17px; border-top:solid 1px #fff}

.sub2 { padding:1px 0px 1px 12px; background:url(../img/menu3.gif) right repeat-y}
.sub2 a { display:block; width:100%}
	.sub2 a:link, .sub2 a:visited { text-decoration:none; color:#333 }
	.sub2activ { background:#fff url(../img/menu3act.gif) right repeat-y;}
.sub3 	{ padding-left:17px; background-color:#fff; width:119px}
.sub3 a { display:block; width:100%} 
	.sub3 a:link, .sub3 a:visited { text-decoration:none; color:#333 }
	.sub3activ { background:#F2F3EB url(../img/menu3act.gif) right repeat-y; width:136px!important}

#altnavi	{ left:54px; top:102px; height:30px; width:143px; z-index:50; text-align:right;
			   color:#999; font-size:9px;}
		#altnavi a:link, #altnavi a:visited { color:#999; text-decoration:none}
		#altnavi a:hover { color:#fff; text-decoration:underline}
	#altnavi span	{ float:left}
		#altnavi span a:link, #altnavi span a:visited { color:#590000;}
		#altnavi span a:hover { color:#000; text-decoration:underline}
#title	{ left:225px; top:108px; height:25px; width:600px; z-index:101 }

#content	{ position:absolute; left:225px; top:150px; height:auto; width:600px; padding-bottom:20px; z-index:50 }

#right	{left:850px; top:0px; height:100%; width:153px; }
	#right #address	{ background:#590000 url(../img/addressbottom.gif) no-repeat bottom; padding:10px 0px 10px 8px; margin-bottom:20px; z-index:100;
				  color:#999; font:normal 11px/1.3em "Segoe UI", Arial, Helvetica, sans-serif}
		 #right #address:hover { color:#b2b2b2;  background-color:#630000}
		 #right #address a:link, #right #address a:visited { color:#999; text-decoration:none}
		 #right #address a:hover { color:#ccc; text-decoration:underline}
				 
#sidekick	{ background:#ccc url(../img/sidetop.gif) no-repeat top center;}
#sidekick:hover { background-color:#fff}
#sidekick .inner { width:153px; background:transparent url(../img/sidebottom.gif) no-repeat bottom center;}
#sidekick .inner span { display:block; padding:10px 2px 10px 3px}

#header	{ left:218px; top:0px; height:133px; width:616px; background: url(../img/bg_header.png) no-repeat; z-index:100}
#bgleft	{ left:0px;   top:0px; height:592px; width:218px; background: url(../img/bg_bodyleft.jpg) no-repeat; z-index:1}
#bgcont	{ left:218px; top:132px; height:425px; width:212px; background: url(../img/bg_content.jpg) no-repeat; z-index:1 }
#claim	{ left:245px; top:0px; height:20px; width:177px; z-index:102}
#rvh	{ left:5px; bottom:20px; height:auto; width:23px; z-index:2 }
#rose	{ left: 1020px; top:0px; height:600px; width:580px; background:url(../img/bg_right.jpg) no-repeat; z-index:0}
#copy	{ left:49px; bottom:20px; height:auto; width:143px; z-index:2;
		   color:#666; font:9px/1.2em "Small Fonts", Arial, Helvetica, sans-serif}
	#copy a:link, #copy a:visited { color:#666; text-decoration:none }
 	#copy a:hover { color:#ccc; text-decoration:underline }
#border { left:680px; top:0px; height:auto; width:153px; background:#eee url(../img/sidebottom.gif) no-repeat bottom center; z-index:115}
#border div { margin:1px 5px 5px 5px}
h1, h2, h3, h4, h5 { margin:0; padding:0}
input, select, textarea { font:normal 11px "Segoe UI", Arial, Helvetica, sans-serif}

/**********************************

/* Shop */
#shoplinks	{ position:fixed; top:130px; left:180px; width:140px; background:#fff url(../img/bgverlauf.gif) repeat-x top;  }
 #shopnavi a	{ height:23px; display:block;}
 #shopnavi img	{ border-bottom:solid 1px #590000}
 #shopnavi ul	{ margin:0px; padding:0px; height:auto;}
 #shopnavi li	{ list-style:none; height:15px; padding-left:20px; border-bottom:dashed 1px #590000; border-collapse:collapse; font:11px "Segoe UI", Arial, Helvetica, sans-serif}
 #shopnavi li a:link, #shopnavi li a:visited	{ color:#000; text-decoration:none}
 #shopnavi li a:hover	{ color:#590000; text-decoration:none}
#shoplinksunten	{ padding:0px 2px 10px 6px }
#shopmitte	{ position:absolute; top:130px; left:330px; width:500px; padding:20px 0px 10px 10px; margin-bottom:20px !important; background:#fff url(../img/bgverlauf.gif) repeat-x; }
#shoprechts	{ position:fixed; top:130px; left:850px; width:140px; padding:20px 0px 10px 10px; background:#fff url(../img/bgverlauf.gif) repeat-x;}

.shopnavcur	{ background-color:#590000}
	.shopnavcur a:hover { color:#000 !important}
.shopnavact	{ background-color:#A8A8A8}
	.shopnavact a:hover { color:#fff !important}


.btn_refresh { height:21px; width:21px; margin:0px; padding:0px; text-align:center}
input.com-input-qty { font-size:10px; height:15px; width:20px; text-align:right; vertical-align:bottom}
/* List Pi1 */


.artlist,.artdetail { font:normal 1.3em/1.3em "Segoe UI", Arial, Helvetica, sans-serif}
.artlist	{ padding:0px 5px 5px 0px;}
.artlist	{ width:495px}
.artlist h3 a:link, .artlist h3 a:visited { color:#590000; text-decoration:none; font:bold 16px "Segoe UI", Arial, Helvetica, sans-serif;}
.artlist hr		{ clear:both; border:solid 1px #590000; border-style:none none solid none}
.artlistimg		{ float:left;}
.artlistimg	img { padding-right:10px}
.artlistform	{ float:right; text-align:right; width:100px; font:bold italic 12px Arial, Helvetica, sans-serif}
.artlist input 	{}
.artlist button { padding:0; height:25px}

.artdetail 		{ width:600px }
.artdetail h3 	{ color:#590000; text-decoration:none; font:bold 22px "Segoe UI", Arial, Helvetica, sans-serif;}
.artdetailimg 	{ float:right; margin-left:10px; background-color:#fff}
.artdetailimg img { border:solid 2px #999; margin:4px;}
.artdetailform	{ float:right; text-align:right; width:100px; font:bold italic 12px Arial, Helvetica, sans-serif}

/* Checkout */
.chkout_address_label	{ width:100px; height:5px; text-align:right; margin-top:4px}
.chkout_address_input   { margin:-5px 0px 0px 110px;  }
.chkout_address_input input	{ height:13px }
.chkout_address_input select{  }
.chkout_address	{ font-size:1.2em}

.chkout_address_submit { text-align:right; vertical-align:middle}

.errormsg	{ margin-left:5px; background-color:#CC0000; font:8px "Small Fonts", Arial, Helvetica, sans-serif; color:#fff;}

/* Miniwarenkorb */
.top_basket_link_row a:link, .top_basket_link_row a:visited { vertical-align:baseline; text-decoration:none !important }

h1, h2			{color:#590000; text-decoration:none; font:bold 22px "Segoe UI", Arial, Helvetica, sans-serif;}

/* Loginbox */
#sidekick .tx-newloginbox-pi1 h3 { color:#590000; font:bold 12px "Segoe UI", Arial, Helvetica, sans-serif}
.tx-newloginbox-pi1 input { width:125px; border:solid 1px #590000; font: normal 11px Arial, Helvetica, sans-serif; color:#590000}
.tx-newloginbox-pi1 button { width:130px; padding:0; border:solid 1px #590000; font:bold 11px Arial, Helvetica, sans-serif;}

/* Typo3 */
p { margin:0px 0px 4px 0px}
.bodytext, label 
			{ font:normal 1.1em/1.4em "Segoe UI", Arial, Verdana, Geneva, sans-serif; color:#333333; margin-bottom:5px }
.bodytext a:link, .bodytext a:visited, .bodytext a:active, a:link, a:visited, a:active 
			{ color:#000; text-decoration:underline}
.bodytext a:hover, a:hover	
			{ color:#590000; text-decoration:underline }
			
.csc-header	{ border-bottom:solid 1px #590000; }
.csc-header h1	{ margin:10px 0px 0px 0px; font:bold 1.4em/1.4em "Segoe UI", Arial, Verdana, Geneva, sans-serif; color:#590000;  }
/* Tabelle */
td { vertical-align:top}
td .bodytext { margin:0!important; line-height:1em;}
.contenttable { margin:10px 0px }

/* Formular */
fieldset { border:none; margin:0; padding:0;}
* html .csc-mailform-field { margin-top:-3px}
.csc-mailform-field { clear:both;  padding-top:3px;}
.csc-mailform-field label { position:relative; float:left; width:120px;}
.csc-mailform-field input, .csc-mailform-field textarea { float:left; width:200px;}
.csc-mailform-field select { width:200px}
.csc-mailform-field select, .csc-mailform-submit { position:relative; float:left; margin-left:120px}
.csc-mailform-check { width:18px!important; margin:3px 0px 0px 0px; padding:0;}