/*=====================================================================
  ALLGEMEIN
=====================================================================*/
*, body {
	padding: 0;
	margin: 0;
	font-size: 11px;  
	font-family: Tahoma, Verdana, Arial;
	color: #564b47;  
	background-color: transparent;
}

body {
	width: 100%; 
	text-align: center;
	background: transparent url(/layoutbilder/hintergrund-global.png) repeat-y center;
	background-color: #FFF8EF;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;	
}

img {
	border: none;
}

ul {
	padding: 5px 0px 0px 10px;
	margin: 0px 0px 0px 5px;
	list-style-image: url('/layoutbilder/nav-lvl2.gif');
}

p {
	padding: 5px;
}

sup {
	font-size: 8px;
	color: red;
}

.sep_line {
	margin: 5px 0px;
	padding: 0;
	border-width: 0px;
	border-top: 1px solid orange; 
	background-color: transparent;
}

.spacer { clear: both;
	height: 30px;
}

/*=====================================================================
  CONTENT
=====================================================================*/
#container {
	width: 990px;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
	overflow: hidden;
}

.subtext {
	font-size: 10px;
	margin-left: 5px;
}

.logo_section {
	width: 970px;
	background-color: transparent;
	text-align: left;
}

.logo_nav {
	float: right;
}

#header {	
	width: 800x;
	height: 200px;
	padding: 0;
	margin: 0;
	text-align: left;
}

#header_left {
	float: left;
	width: 660px;
	height: 200px;
	padding: 0;
	margin: 0;
	text-align: left;
}

.header_left_headline {
	padding: 30px 0px 0px 300px;
	font-size: 30px;
	color: #B38462;
	font-family: Georgia; 
	font-weight: normal;

}

.header_left_subheadline {
	padding: 0px 0px 0px 300px;
	font-size: 26px;
	color: #B38462;
	font-family: Georgia;
	font-weight: normal;
}

#header_right{
	float: right;
	width: 330px;
	height: 200px;
	text-align: left;
	background: #FFFFFF url(/layoutbilder/highlight-header.jpg) no-repeat;
}

.header_right_headline {
	padding-right: 2px;
	padding-top: 0px;
	font-size: 18px;
	color: #FFFFFF;
	text-align: right;
	text-transform: uppercase;
	font-weight: normal;
	font-family: Arial;
}

.header_right_content{
	float: right;
	width: 175px;
	margin-right: 5px;
}

.header_right_content h2{
	color: #660000;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
	margin-left: 5px;
}

.nav_path {
	padding: 0px 5px;
}

#content_left { 
	float: left;
	width: 220px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 10000px;
	margin-bottom: -10000px;
}

#content_main {
	float: left;
	width: 550px;
	text-align: left;
	padding-bottom: 10000px;
	margin-bottom: -10000px;
}

#content_right {
	float: right;
	width: 220px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 10000px;
	margin-bottom: -10000px;
}

.product_description { 
	float: left;
	width: 290px;
	margin: 0 auto;
	margin: 10px 0px;
	text-align: left;
	padding: 0px 5px;
	line-height: 150%;
}

.product_visual {
	float: right;
	width: 240px;
	margin: 0 auto;
	margin: 10px 0px;
	text-align: left;
	padding: 0px 5px;
}

.product_description h2{ 
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 150%;
}

.product_shipment { 
	display:block; 
	float: left; 
	width: 75px;
}

.content_description { 
	width: 100%;
	margin: 0 auto;
	margin: 10px 0px;
	padding: 0px 5px;
	text-align: left;
	line-height: 150%;
}

.content_description h2{ 
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 150%;
}

#footer {
	clear: both;
	width: 100%;	
	height: 30px;
	margin: 0 auto;
	padding-top: 5px;
	text-align: right;
	border-top: 1px solid orange; 
}

#preisinfo {
	width: 191px;
	height: 104px;
	margin: 0 auto;
	padding-top: 5px;
	font-family: Tahoma;
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background: transparent url(/layoutbilder/hintergrund-warenkorb.png) no-repeat;
}

.bestellschritt_current {
	font-weight: bold; 
	font-size: 14px;
}

.bestellschritt_pic{
	text-align: center; 
	margin: 10px 0px auto;
}

.bestellschritte_container {
	float: right; 
	width: 43%; 
	padding: 15px;
	background-color: light grey; 
	border: 1px solid orange; 
	text-align: center;
}

.bestellung_nav {
	clear: both; 
	width: 50%;
	padding-top: 10px;
	text-align: center;
	border-top: 1px solid orange; 
}

.form_container {
	float:left; 
	width: 50%; 
	margin-bottom: 10px;
}

#navigation {
	padding: 0px 5px;
	line-height: 150%;
}

.nav_lvl_1 {
	list-style-image: url('/layoutbilder/nav-lvl1.gif');
}

.nav_lvl_2 {
	list-style-image: url('/layoutbilder/nav-lvl2.gif');
}

.nav_normal, .nav_highlight {
	font-size: 12px;
}

.nav_highlight {
	font-weight: bold;
	text-decoration: underline;
	color: #000;
}

.info_box {
	width: 500px;
	margin: 10px 5px;
	padding: 10px 15px;
	border: 1px solid #CCCBC5;
}

.produkt_uebersicht {
	clear: both;
	width: 100%;
	text-align: left;
}


.produkt_uebersicht_descpic {
	padding: 10px 30px 10px 10px;
	float: right;
}

.form_desc {
	float: left; 
	width: 100px; 
	margin-top: 10px;
}

/*=====================================================================
  BOXEN
=====================================================================*/
.box {
	clear: left;
	width: 176px;
	margin:0 auto;
	margin-bottom: 20px;
	text-align: left;
}

.inputfield, .selectfield, .textareafield {
	width: 145px;
	height: 25px;
	margin: 10px 0px;
	padding: 2px;
	vertical-align: middle;
	border: 1px solid lightgrey;
	background-color: white;
}

.box_header {
	height: 22px;
	text-align: right;
	background: transparent url(/layoutbilder/box_rahmen/rahmen_header_box.gif) no-repeat;
}

.box_header_content {
	font-weight: bold;
	margin-right: 5px;
	padding: 0px 5px;
	font-size: 14px;
	height: 22px;
	background-color: #FFFFFF; 
	text-transform: uppercase;
}

.box_content, .box_content_centered {
	padding: 0px 10px;
	background: transparent url(/layoutbilder/box_rahmen/rahmen_middle_box.gif) no-repeat bottom center;
	line-height: 150%;
}

.box_content_centered {
	text-align: center;
}

.box_footer {
	height: 9px;
	background: transparent url(/layoutbilder/box_rahmen/rahmen_footer_box.gif) no-repeat;
}

.produktdetail_box {
	clear: left;
	width: 193px;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align:left;
}

.produktdetail_box_header {
	width: 100%;
	height: 24px;
	text-align: right;
	background: transparent url(/layoutbilder/box_rahmen/rahmen_header_bild.gif) no-repeat;
}

.produktdetail_box_content {
	padding-top: 10px;
	text-align: center;
	background: transparent url(/layoutbilder/box_rahmen/rahmen_middle_bild.gif) repeat-y;
}

.produktdetail_box_footer {
	height: 10px;
	background: transparent url(/layoutbilder/box_rahmen/rahmen_footer_bild.gif) no-repeat;
}

.produktuebersicht_box {
	position:relative;
	float: left;
	width: 168px;
	margin: 5px;
	margin-left: 10px;
	text-align: left;
}

.produktuebersicht_box_header {
	width: 100%;
	height: 45px;
	padding: 0px 5px;
	background: transparent url(/layoutbilder/box_rahmen/rahmen_header_uebersicht.gif) no-repeat;
}

.produktuebersicht_box_content {
	padding: 10px 5px;
	text-align: center;
	background: transparent url(/layoutbilder/box_rahmen/rahmen_middle_uebersicht.gif) no-repeat bottom center;
}

.produktuebersicht_preis{
	color: #660000;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
	margin-left: 5px;
}

.produktuebersicht_box_footer {
	height: 9px;
	background: transparent url(/layoutbilder/box_rahmen/rahmen_footer_uebersicht.gif) no-repeat;
}

.prodinfos_box {
	clear: left;
	width: 193px;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align:left;
}

.prodinfos_box_header {
	width: 100%;
	height: 9px;
	padding-left: 10px;
	background: transparent url(/layoutbilder/box_rahmen/rahmen_header_prodinfos.gif) no-repeat;
}

.prodinfos_box_content {
	padding-left: 10px;
	background: transparent url(/layoutbilder/box_rahmen/rahmen_middle_prodinfos.gif) repeat-y;
}

.prodinfos_box_footer {
	height: 9px;
	background: transparent url(/layoutbilder/box_rahmen/rahmen_footer_prodinfos.gif) no-repeat;
}


/*=====================================================================
  CLOUDZOOM
=====================================================================*/


/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 1px solid #888;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:1px solid #ccc;
	background-color: #FFF;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}


/*=====================================================================
  FEHLERAUSGABE
=====================================================================*/

.error {  
	color: red;
	font-weight: bold;
}

.success{  
	color: green;
	font-weight: bold;
}

.deactivated{  
	color: grey;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */