* { margin: 0px; padding: 0px; }

* html { }

a:link, a:visited { text-decoration: underline; color: #333333; }

table a:link, table a:visited {text-decoration: none; color: #333333; } /* added by Joachim, regelt die Formatierung der Links auf der Startseite */

a:hover { color: #000000; text-decoration: underline;}

#navigation a:hover { color: #FFFFFF; text-decoration: underline;}

body { background: url(img/bg.gif) #f1f1f1 repeat-x; }

dd { line-height: 22px; }

div.inputRequirement,
dd.inputRequirement { color: #CC0000; }

span.inputRequirement {color: #CC0000; }/* span class added by Joachim */

/* HEADINGS */
h1 { color: #000000; font-weight: bold; font-size: 22px; margin: 20px 0px 15px 0px; padding: 0px; width: auto; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #000000; }

h2 { color: #000000; font-weight: bold; font-size: 16px; margin: 15px 0px 8px 0px; padding: 0px; }

h3 { color: #FFFFFF; font-weight: bold; font-size: 16px; margin: 15px 0px 8px 0px; padding: 0px; }

html { font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #333333; }

img { border: 0; }

.navbar3 { color : #FFFFFF; border-top : 0px solid #fff; background : transparent url(img/boxbg9.gif) repeat-x; height : 40px; padding-left : 5px; padding-top : 6px; font-weight : bold; }

.navbar4 { height : 25px; padding-left : 5px; padding-top : 2px; font-weight : bold; }

.header4 { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #333333; line-height: 31px; }

li.level1 { margin: 4px 0 4px 5px; line-height: 20px; height: 20px; list-style: none; }

li.level1 a { padding: 0 0 0 0; text-decoration: none; font-size: 11px; }

li.level1 a.active:link,
li.level1 a.active:active { text-decoration: none; }

li.maincat { list-style: none; vertical-align: middle; } /* changed by Joachim */

li.maincat a span, a.nav span{ line-height: 25px; height: 20px; vertical-align: middle; }

li.maincat a, a.nav	{ color: #555555; text-decoration: none; cursor: pointer; font-size: 11px; height: 25px; line-height: 25px; border-bottom: 1px solid #E6E6E6; margin-top: 3px; vertical-align: middle; } /* changed by Joachim */

li.maincat a:hover {color: #000000; border-bottom: 1px solid #FFFFFF;} /* created by Joachim */

li.maincat a:active, li.maincat a:hover, a.nav:hover, li.maincat a.activ:link,
li.maincat a.activ:visited,
li.maincat a.activ:hover, li.level1 a:hover,
li.level1 a:active, li.level1 a.active:hover,
li.level1 a.active:visited { text-decoration: none; }   /* default value: underline, changed by Joachim */

/* PARAGRAPH GLOBAL */
p { margin: 8px 0px 8px 0px; }

/* AGB ON CHECKOUT SITE */
p.checkoutagb textarea { width: 100%; }

/* COMMENTS ON CHECKOUT CONFIRMATION SITE */
p.checkoutcomment textarea { width: 100%; }

/* ORDER DETAILS */
table.orderdetails { font-size: 11px; background-color: #FFF2CC; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #DA9401; }

table.orderdetails tr td { padding: 4px; }

/* ORDER DETAILS DELETE CHECKBOX */
table.orderdetails tr td.delete { text-align: center; white-space: nowrap; }

/* ORDER DETAILS PRODUCT ATTRIBUTES */
table.orderdetails tr td.productname table.productattributes { margin-top: 3px; }

table.orderdetails tr td.productname table.productattributes tr td { padding: 0px; }

table.orderdetails tr td.productname table.productattributes tr td.attribute { padding-right: 4px; }

table.orderdetails tr td.productname table.productattributes tr td.value { width: 100%; }

/* ORDER DETAILS SINGLE PRICE */
table.orderdetails tr td.singleprice { text-align: right; white-space: nowrap; }

/* ORDER DETAILS SUBTOTAL */
table.orderdetails tr td.subtotal { background-color: #FFEAAB; text-align: right; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #DA9401; }

/* ORDER DETAILS TOTAL PRICE PER ITEM */
table.orderdetails tr td.totalprice { text-align: right; white-space: nowrap; }

/* ORDER DETAILS CONTENT ROW 1 */
table.orderdetails tr.contentrow1 td { background-color: #FFF2CC; vertical-align: top; }

table.orderdetails tr.contentrow1 td.productname { text-align: left; }

table.orderdetails tr.contentrow1 td.quantity { text-align: center; }

table.orderdetails tr.contentrow1 td.quantity input { font-size: 11px; padding: 2px; border: solid #DA9401 1px; }

/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td { background-color: #FFEAAB; vertical-align: top; }

table.orderdetails tr.contentrow2 td.productname { text-align: left; }

table.orderdetails tr.contentrow2 td.quantity { text-align: center; }

table.orderdetails tr.contentrow2 td.quantity input { font-size: 11px; padding: 2px; border: solid #DA9401 1px; }

table.orderdetails tr.headerrow td { background-color: #DA9401; color: #FFFFFF; font-weight: bold; }

table.orderdetails tr.headerrow td.center { text-align: center; }

table.orderdetails tr.headerrow td.left { text-align: left; }

table.orderdetails tr.headerrow td.right { text-align: right; }

/* CHECKOUT NAVIGATION */
ul#checkoutnavigation { }

ul#checkoutnavigation li { height: 70px; list-style-type: none; float: left; width: 200px; margin-right: 15px; border: solid 1px; padding: 8px; }

ul#checkoutnavigation li.active { background-color: #FFEAAB; }

ul#checkoutnavigation li.active .description { font-size: 11px; }

ul#checkoutnavigation li.active .number { font-size: 20px; font-weight: bold; }

ul#checkoutnavigation li.active .title { font-size: 14px; font-weight: bold; }

ul#checkoutnavigation li.inactive { color: #999999; background-color: #EDEDED; border-color: #999999; }

ul#checkoutnavigation li.inactive .description { font-size: 11px; }

ul#checkoutnavigation li.inactive .number { font-size: 20px; font-weight: bold; }

ul#checkoutnavigation li.inactive .title { font-size: 14px; font-weight: bold; }

ul, ol { margin-left: 15px; }

ul.messageStack { border: solid 2px #B22020; background-color: #FFD6D6; padding: 8px; }

ul.messageStack li { }

ul.messageStack li.messageStackError { list-style: none; padding: 5px 0px 2px 20px; background-image: url(../../images/icons/exclamation.png); background-repeat: no-repeat; background-position: 0px 4px; }

ul.messageStack li.messageStackSuccess { list-style: none; padding: 5px 0px 2px 20px; background-image: url(../../images/icons/icon_accept.gif); background-repeat: no-repeat; background-position: 0px 4px; background-color: #66FF66; }

ul.messageStack li.messageStackWarning { list-style: none; padding: 5px 0px 2px 20px; background-image: url(../../images/icons/icon_alert.gif); background-repeat: no-repeat; background-position: 0px 4px; background-color: #FFF2CD; }

.box { margin: 8px 0 8px 0; border: 1px solid #CCCCCC; padding: 0 0 6px 0; }

.box_left { margin: 8px 0 8px 0; padding: 0 0 6px 0; } /* formatiert die linke Box, added by Joachim*/

.boxText { color: #666666; padding: 0 3px; }	

.boxText_left { text-align:left; color: #555555; padding: 0 3px; background-color: #F4F4F4; font-size: 11px; line-height: 1.5;}	/* formatiert den Text der linken Box, added by Joachim*/

.boxText_left a { color: #555555; text-decoration: none; display: block; /* to increase clickable area as a’s default
to inline */  height:20px; background-color: #E6E6E6;} /* added by Joachim */

.boxText_left ul {margin-left: 0px; text-indent:1em;} /* added by Joachim */

.boxText_left a:hover { color: #000000; background: #F4F4F4;} /* definiert das Layout der Kategorielinks bei Hover, added by Joachim */

.categorie_list { width: 570px; }

.categorie_list_one { width: 250px; }

.checkout { text-align: left; width: 95%; }

.checkout_payment_adress_current { float: left; width: 32%; padding-left: 15px; }

.checkout_payment_agb strong { color: #FF0000; }

.checkout_payment_agb_accept { text-align: left; background-color: #FF0000; color: #FFFFFF; width: 100%; }

.checkout_payment_agb_accept strong { color: #FFFFFF; }

.checkout_payment_arrow { float: left; width: 23%; text-align: center; }

.checkout_payment_container { width: 555px; text-align: left; height: 120px; }

.checkout_payment_continue { margin: 15px 0 0 0; height: 55px; }

.checkout_payment_info_text { float: left; width: 40%; }

.checkoutBarCurrent, .greetUser, .new_product_default_price, li.maincat a:link, a.nav:link,
li.maincat a:visited, a.nav:visited { font-weight: bolder; }

.checkoutBarTo, div.checkoutBarCurrent { margin: 15px 0 10px 0; padding: 0 2px 0 2px; font-size: 11px; }

.clr { clear: both; float: none; }

.contentsTopics,
.pageHeading,
#moduleHeading { border-bottom : 1px solid rgb(153, 153, 153); padding : 5px 0 5px 10px; background : transparent url('img/boxbg9.gif') repeat; color : rgb(51, 51, 51); font-family : tahoma, Arial, sans-serif; font-size : 11px; font-weight : bold; color : #fff;}

.copyright, .gnu_copy, .parseTime { text-align: center; font-size: 8pt; color: #7E7E7E; display: none; }

/* SUCCESS MESSAGE */
/* .messageStackSuccess {padding:4px; background-color:#66FF66} */
/* FOOTER */
.footer { clear: both; text-align: center; font-size: 11px; color: #666666; background-color: #E2E2E2; padding: 8px; margin-bottom: 5px; }

.footer a { color: #666666; text-decoration: underline; }

.headerError { margin: 5px; border: 1px solid #CC3300; background-color: #FF8566; padding: 5px; }

.infoBoxHeading { 
 border-bottom: 1px solid rgb(153, 153, 153); 
 padding: 5px 0pt 5px 10px; 
 background: transparent url('img/boxbg9.gif') repeat; color: rgb(51, 51, 51); 
font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; 
 color:#FFF;
}

.infoBoxHeading_left { 
 text-align: left;
 border-bottom: 1px solid rgb(153, 153, 153); 
 padding: 5px 0pt 5px 10px; 
 background: transparent url('img/boxbg9.gif') repeat; color: rgb(51, 51, 51); 
font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; 
 color:#FFF;
} /* created by Joachim */

.infoBoxHeading_right  { 
 border-bottom: 1px solid rgb(153, 153, 153); 
 padding: 5px 0pt 5px 10px; 
 background: transparent url('img/boxbg9.gif') repeat; color: rgb(51, 51, 51); 
font-family: tahoma,Arial,sans-serif; font-size: 11px; font-weight: bold; 
 color:#FFF;
}

.infoBoxHeading a { color: #FFFFFF; text-decoration: none; } /* adjusted by Joachim, entered line*/ 

.infoBoxHeading a:hover { color: #FFFFFF; text-decoration: underline; } /* adjusted by Joachim, entered line*/ 

.testweiss {font-family : tahoma, Arial, sans-serif; font-size : 11px; font-weight : bold; color : #ffffff;}

.left { float: left; margin: 0px; }

.list_left { float: left; }

.list_left, .list_right { width: 48%; margin-bottom: 20px; text-align: left; }

.list_right { float: right; }

.mini_wrapper { margin: 0; padding: 0; }

.new_product_default { width: 285px; float: left; height: 170px; border-bottom: 1px solid #E7E7E7; margin: 10px 0 10px 0; }

.new_product_default_image { float: left; width: 120px; padding-top: 10px; }

.new_product_default_right { float: left; width: 165px; }

.new_product_default_tax { font-size: 11px; }

.order_details, .checkout_payment_comments,
.checkout_payment_agb, .productOldPrice { font-size: 10px; }

.order_details_article { width: 145px; float: left; margin-top: 5px; }

.order_details_article_header { width: 145px; float: left; border-bottom: 1px solid #CCCCCC; }

.order_details_img { width: 70px; float: left; text-align: center; margin: 5px 0 8px 0; }

.order_details_img_header { width: 70px; float: left; text-align: center; margin: 0 0 8px 0; border-bottom: 1px solid #CCCCCC; }

.order_details_qty { width: 50px; float: left; text-align: center; margin-top: 5px; }

.order_details_qty_header { width: 50px; float: left; text-align: center; border-bottom: 1px solid #CCCCCC; }

.order_details_remove { width: 50px; float: left; text-align: center; margin-top: 15px; }

.order_details_remove_header { width: 50px; float: left; border-bottom: 1px solid #CCCCCC; }

.order_details_shippingtime { width: 70px; float: left; margin-top: 5px; }

.order_details_shippingtime_header { width: 70px; float: left; border-bottom: 1px solid #CCCCCC; }

.order_details_totalcost { text-align: right; margin: 20px 0 0 0; }

.order_details_totalcost strong { font-size: 11px; font-weight: bolder; }

.order_details_totalprice_header, .order_details_singleprice_header { width: 90px; float: left; border-bottom: 1px solid #CCCCCC; }

.order_detais_totalprice, .order_details_singleprice { width: 90px; float: left; margin-top: 5px; }

.product_content { margin-top: 15px; }

.product_info_box { width: 500px; text-align: left; overflow: hidden; margin-top: 10px; }

.product_info_box_bottom { height: 12px; }

.product_info_box_middle { padding: 0 1px 0 1px; }

.product_info_box_middle_left { height: 240px; width: 170px; text-align: center; margin-left: 1px; margin-top: 10px; }

.product_info_box_middle_right { width: 300px; margin-right: 1px; text-align: left; margin-bottom: 15px; }

.product_info_box_middle_thumbnail { margin: 10px 0 0 5px; }

.product_info_box_top { height: 28px; }

.product_info_cartbutton { width: 200px; margin-top: 20px; } /* margin-top inserted by Joachim */

.product_info_description { overflow: hidden; margin-bottom: 15px; text-align: left; }

.product_info_dropdown { width: 140px; font-size: 12px; margin-top: 20px; } /* font-size changed by Joachim from "smaller" */

.product_info_h3 { color: #B72E0B; padding: 5px 0 0 15px; font-size: 15px; border-bottom: 2px solid #CCCCCC; }

.product_info_menge { }

.product_info_price { font-size: 20px; color: #444444; font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; font-weight: bolder; text-align: left; margin: 10px 0 0 0; height: 40px; }

.product_info_print { font-size: 12px; margin-top: 20px; }

.product_info_print img a { cursor: pointer; }

.product_info_shipping { font-size: 10px; color: #696969; font-weight: bolder; }

.product_info_tax { width: 95px; }

.product_info_tax_shipping { width: 250px; font-size: 10px; }

.product_listing_box { width: 500px; overflow: hidden; margin-bottom: 15px; text-align: left; }

.product_listing_box_center { width: 553px; }

.product_listing_box_hot { width: 140px; height: 70px; }

.product_listing_box_left { width: 16px; height: 152px; }

.product_listing_box_right { width: 17px; height: 152px; }

.product_listing_description { width: 280px; padding-left: 15px; }

.product_listing_header { height: 26px; margin: 5px 0 0 0; }

.product_listing_image { width: 112px; padding-top: 10px; }

.product_listing_mwst { font-size: 10px; padding-right: 30px; }

.product_listing_price { width: 250px; text-align: right; padding-right: 15px; }

.product_listing_price_button { width: 140px; text-align: center; }

.product_listing_price_detail { font-weight: bolder; padding-top: 15px; }

.product_listing_shipping { font-size: 10px; color: #FDC859; font-weight: bolder; }

.product_name { display: block; }

.product_name h2 a { font-size: 15px; margin-top: 8px; }

.product_name h3 a { font-size: 15px; color: #B72E0B; margin-top: 8px; }

.right { float: right; margin: 0px; }

.row1 { background: #F2F2F2; }

.row1, .row2 { padding: 5px; }

.row2 { background: #FFFFFF; }

#account { text-align: right; float: right; width: 25%; }

#account_inner { padding-right: 10px; }

#body { text-align: left; width: 940px; overflow: hidden; background-color: #FFFFFF; }

#checkout_line { background: url(img/checkout_line.png) repeat-x; line-height: 12px; }

#content { text-align: left; padding: 0 5px 0 12px; margin: 0 0 0 0; overflow: hidden; }

#head { background: url(img/head.jpg) no-repeat; width: 920px; height: 100px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;}/*adjusted by Joachim, width changed, height changed, padding changed*/

#head_container { position: relative; top: 0; width: 940px; overflow: hidden; } /*adjusted by Joachim, default position: absolute*

#flaggen { width: 870px; height: 35px;} /*inserted by Joachim*/

#header_logo {width: 870px; } /*inserted by Joachim*/

#innerBox { border: 0px solid #333333; text-align: center; overflow: hidden; float: left; clear: both; padding-right: 1px; margin: 0; position: relative; width: 100%; background-color: #FFFFFF; } /*adjusted by Joachim*/

#innerContainer { border-width: 0 1px; margin-left: 8px; margin-right: 8px; width: 524px; z-index: 2; background: #fff; float: left; text-align:left; }/*adjusted by Joachim, float added, width changed*/

#middle { float: right; margin: 0; width: 100%; }

#nav_left { float: left; margin-top: 8px; width: 200px; position: relative; z-index: 5; } /*adjusted by Joachim, 'margin: 0 1px 2px -15.5em' removed, width changed, margin-top inserted */

#nav_right { float: right; width: 200px; position: relative; z-index: 5; text-align: left; } /*adjusted by Joachim, 'margin: 0 -15.5em 0 1px' removed, width changed */

#navigation { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #333333; line-height: 31px; }

#navigation a { color: #FDFDFD; }

#outerContainer { z-index: 1; margin-top: 0px; background-color:#FFFFFF; } /*adjusted by Joachim, original margin-top: 188px, background changed, 'border-left: 16em solid #FFFFFF' removed, #border-right: 16em solid #ffffff' removed*/

#page_container { width: 940px; overflow: hidden; margin: 0; border: 1em solid #FFFFFF;}

#page_inner_container { clear: both; text-align: left; padding: 0; float: left; margin: 0; width: 100%; } /*adjusted by Joachim*/

#pathway { float: left; width: 75%; text-align: left; }

#pathway a { color: #333333; } /* inserted by Joachim*/

#pathway a:hover { color: #000000; } /* inserted by Joachim*/

#pathway_inner { padding-left: 5px; }

#konto {float: right; width:20%; }
#konto a {color:#444444; }
#konto a:hover {color:#000000; }
#wrap { float: left; margin: 0; width: 100%; text-align: left; }

#footer { clear: both; text-align: center; font-size: 11px; color: #666666; background-color: #FFFFFF; border-top:solid; border-bottom:solid; border-top-color: #E2E2E2; border-bottom-color: #E2E2E2; padding: 8px; } /* inserted and adjusted by Joachim*/

#footer a { color: #666666; text-decoration: underline; padding-right: 15px;} /* inserted by Joachim*/

/* Formatting of the create_account form - edited by Joachim Rodriguez */

#create_account_form{
	float:left;
	width: 90%;
	margin-left: 25px;
}

#fieldset_create_account {	/* formatiert die Eingabefelder bei der Regisitrierung eines Neukunden  */
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 1.5em 0;
	padding: 0;
}

.label_create_account {			/*formatiert den Text der Eingabefelder der Registrierungsseite */
	text-align: left;
	float: left;
	width: 10em;
	margin-right: 5px;
	text-indent: 5px;
}

/* Formatting of the order form - edited by Joachim Rodriguez */

#formcontainer{
	background-color:#FFFFFF;
	width: 895px;
	padding-left: 5px;   /*workaround wegen Table Design des Headers - edited by Joachim */
}

#formHeader{
	background:transparent url(img/boxbg9.gif) repeat scroll 0 0;
	border-bottom:1px solid #999999;
	color:#FFFFFF;
	font-family:tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:5px 0 5px 10px;
	width: 880px;
}

#orderformLeft{
	float:left;
	width: 40%;
}

#orderformRight{
	float:left;
	width: 40%;
	margin-left: 50px;
}

#product_options{
	padding-bottom: 10px;
}

#product_options_label{
	font-weight:bold;
	line-height: 20px;
	vertical-align:top;
}
 
 /* Form Sections ======================================================================== */
/* Fieldset  */

fieldset {
	margin: 12px 0;
	padding: 0px 0px 5px 0px;
	background-color:#FAFAFA;
	border: 3px solid #E4E3D3;	
	overflow: auto;
	width: 100%;
}

#fieldset_alt {			/* formatiert die Eingabefelder auf der zweiten Seite, Bestellerangaben */
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 1.5em 0;
	padding: 0;
}

#fieldset_alt2 {			/* formatiert die Eingabefelder auf der zweiten Seite, Lieferanschrift */
	float: left;
	width: 100%;
	margin: 1em 0 1.5em 0;
	padding: 0;
	margin-left: 0px;
}

legend {
	padding: 2px 5px;
	color: #888;
	font-size: 115%;
}

.formFieldQuestion {
	margin-left: 1em;
}

.label_alt {			/*formatiert den Text der Eingabefelder der 2. Seite */
	float: left;
	width: 6em;
	margin-right: 1em;
}

.label_alt2 {			/*formatiert den Text der Checkbox */
	float: left;
	width: 35em;
	margin-left: 1em;
	vertical-align:middle;
}

/* Tables used in form  */

#orderformTable td{
	padding-left: 15px;
}

/* Form List Sections ======================================================================== */

fieldset ol {
	padding-left: 15px;
	list-style: none;
}

fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 0.5em;
}


/* Buttons ======================================================================= */

form .actions {
	text-align: center;
	margin: 20px 0 10px 0;	
}
/* Submit button */
form .primaryAction {
	font-weight: bold;
}
/* Cancel button */
form .secondaryAction {
	color: grey;
}
form .secondaryAction:hover {
	color: black;
}



/* AJAX CHECKOUT PROCESS */
div.checkout_row {
	clear:both;
}

div.checkout_title {
	cursor:pointer;
	position:relative;
	background-color:#777;
	color:#FFF;
	padding:4px;
	font-size:12px;
	border-right:solid 1px #777;
	border-left:solid 1px #777;
	border-top:solid 1px #777;
}


div.checkout_title .right {
	position:absolute;
	right:6px;
	top:3px;
	font-weight:bold;
}

div.checkout_content {
	background-color:#f9f9f9;
	color:#000;
	padding:4px;
	border-right:solid 1px #777;
	border-left:solid 1px #777;
	border-bottom:solid 1px #777;
}

div.checkout_content .inputRequirement select {
	width:190px;
}

div.checkout_content .virtual {
	text-align:center;
}

div.checkout_content .left_space {
	padding-left:20px;
}

div.checkout_shipping_modules, .checkout_shipping_address {
	width:49%;
	float:left;
	clear:left;
}

div.checkout_payment_modules, .checkout_payment_address {
	width:49%;
	float:right;
	clear:right;
}

div.checkout_total {
	text-align:right;
}

#checkout_total table {
	float:right;
}

div.checkout_spacer {
	height:12px;
	font-size:9px;
	clear:both;
}

div.checkout_button {
	text-align:right;
	margin-top:5px;
}

.radiobox {
	vertical-align:middle;
	padding:0px;
	margin:0px;
}

.float_right {
	float:right;
}

.float_left {
	float:left;
}

.module_ok, div.checkout_please_wait {
	color:green;
	font-weight:bold;
}

div.checkout_error {
	color:#FF0000;
	font-weight:bold;
}

