body {
	background-color: #E0E0E0;
	color: #333333;
	font-family: Verdana , Arial, Helvetica, sans-serif;
}

a {
	color: #333333;
	
}

div#wrapper {
	width: 820px;
	margin-left: auto;
	margin-right: auto;	
}

div#page {
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
}

div, p {
	line-height: 1.5em; 
}


div#head {
	text-align: right;
}

/***********************
*  METAMENUE 
************************/

div#metamenu {
	height: 3.1em;
	line-height: 3.1em; 
	text-align: right;
	font-size:0.8333em;
}

div#metamenu a {
	color: #4f4f4f;
	text-decoration: none;
}
div#metamenu a:hover {
	text-decoration: underline;
}


/***********************
*  MENU 
************************/
div#menubar {
	line-height: 2.5em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	background-color: #e0e0e0;
}

div#suche {
	background-color: #e0e0e0;
	float: left;
	width: 210px;
	height: 2em;
	padding-top: 0.5em;
	background-image: url('/images/ecken/suchelo.gif');
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 10px;
}
div#menu {
	line-height: 1.9em;
	padding-top: 0.3em;	
	padding-bottom: 0.3em;
	background-color: #e0e0e0;
	text-align: left;
	float: left;
	width: 570px;
	background-image: url('/images/ecken/menuru.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-right: 10px;
}

div#menu span {
	display: block;
	float: left;
	margin-left: 0.5em;
}	
	
div#menu span a {
	padding-left: 0.5em;
	padding-right: 0.5em;
	display: block;
	text-decoration: none;
	color: #000000;
}



/***********************
*  SIDEBAR 
************************/


div#sidebar {
	width: 210px;
	float: left;
}

div#submenu {
	background-color: #f7f7f7;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

div#submenu ul.submenu li{
	background-image: url('/images/arrow2.gif');
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 20px;
}

div#submenu ul.submenu li a{
	text-decoration: none;
	color: #000000;
}
div#submenu ul.submenu li.expanded a,div#submenu ul.submenu li a:hover{
	text-decoration: none;
	color: #e82e45;
}

div#submenu ul.submenu li.expanded a{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

div#submenu ul.submenu li.active a{
	color: #e82e45;
}

div#submenu ul.submenu li.submenu{
	padding-left: 10px;
	background-image: none;
}
div#submenu ul.submenu li ul.submenu li{
	font-size: 0.9em;
}

/***********************
*  WARENKORB 
************************/

div#warenkorb {
	margin-top: 2em;
}

div#warenkorb div.text {
	padding-top: 0.5em;
	background-color: #f7f7f7;
	font-size:0.8333em;
	padding-bottom: 0.5em;
	padding-left: 3px;
	padding-right: 3px;
}

div#warenkorb div.text a{
	text-decoration: none;
	color: #e82e45;
}

div#warenkorb h1 {
	background-color: #efefef;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
	padding-left: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


/***********************
*  CONTENT
************************/

div#content {
	float: left;
	padding-left: 20px;
	width: 570px;
}


div#content a {
	text-decoration: underline;
	color: #333333;
}

div#content a:hover {
	text-decoration: none;
	color: #e82e45;
}

div#breadcrumbs {
	margin-top: 1em;
	font-size:0.8333em;
	margin-bottom: 0em;
	float: left;
}

div#breadcrumbs span {
	color: #e82e45;
}

div#breadcrumbs a {
	color: #666666;
	text-decoration: none;
}

div#pagebuttons {
	margin-top: 1em;
	font-size:0.8333em;
	margin-bottom: 0em;
	float: right;
	width: 140px;
	text-align: right;
	padding-right: 10px;
}

div#pagebuttons a{
	text-decoration: none;
	color: #333333;
}
div.block {
	padding-right: 30px;
	margin-bottom: 1em;
}

div#content h1 {
	font-size:1.7em;
	line-height: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
}

div#content h2 {
	font-size:1.1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

div.block .lud {
	padding-top: 14px;	
}

div.block ul {
	padding: 0px;
	margin: 0px;
	padding-top: 14px;
}

div.block ul li{
	list-style-type: circle;
	list-style-position: inside;
	padding-bottom: 7px;
}


div.block ul.lud li {
	list-style-type: none;
}

div.blockbild_left {
    float:left;
    margin-right: 15px;
    padding-bottom: 9px;
	padding-top: 3px;
}

div.blockbild_right {
    float:right;
    margin-left: 15px;
    padding-bottom: 9px;
	padding-top: 3px;
}

div.blockbild_left_no_float {
	float: left;
	padding-top: 3px;
}

div.blockbild_right_no_float {
    float: right;
	padding-top: 3px;    
}

div.blockbild_center {
    text-align: center;
    padding-bottom: 9px;
    margin-left: auto;
    margin-right: auto;
	padding-top: 3px;
}

a.zoomlink {
	padding-bottom: 0.5em;
}

div.imgcaption  {
	color: #666666;
	padding-top: 0.5em;
	line-height: 1em;
	font-size: 0.9em;
}
/***********************
*  BESTELLWIZZARD
************************/

table.bestelltable th{
	background-color: #EFEFEF;
}

table.bestelltable td{
	background-color: #F7F7F7;
}

div.bestell-buttons {
	text-align: right;
}

div.bestell_login {
	width: 45%;
	float: left;
	margin-right: 5%;
}

span.b_done {
	color: #666666;
}

span.b_active {

}

span.b_notyet{
	color: #b3b3b3;
}

div.b_box {
	margin-top: 2em;
	border-bottom: 1px solid #e0e0e0;
}

.button {
	background-color: #e0e0e0;
	border: 0px;
	font-weight: bold;
	color: #333333;
	font-size: 0.9em;
	height: 2em;
}

/***********************
*  PRODUKTLISTE
************************/

div.block div.produktliste div h2 {
	margin: 0px !important;
}
div.block div.produktliste div h2 a, div.block div.produktliste div a{
	text-decoration: none !important; 
}

/***********************
*  PRODUKTSEITE 
************************/

div.produkt div.block {
	padding-right: 10px;
	float: left;
	width: 400px;
}

div.produkt div.produktsidebar {
	float:left;
	width: 140px;
	margin-right: 10px;
}

div#infobox{
	background-color: #f7f7f7;
}

div#infobox div.text{
	text-align: right;
	font-size: 0.9em;
	padding: 5px;
	padding-right: 10px;
}

div#infobox div.text h2{
	font-size: 1.3em;
	margin-top: 0em;
	margin-bottom: 0em;
	font-weight: bold;
}

input.wkanzahl{
	float: left;
	border: 0px;
	width: 18px;
	margin-top: 3px;
	margin-left: 6px;
	text-align: center;
	font-size: 11px;
	background-color: transparent;
	font-weight: bold;
}

input.wksubmit{
	float: left;
	border: 0px;
	width: 114px;
	margin-top: 3px;
	font-size: 11px;
	background-color: transparent;
}

div.imgopener a.active {
	font-weight: bold;	
}

/***********************
*  FOOTER 
************************/

div#footer {
	height: 3.1em;
	line-height: 3.1em; 
	text-align: right;
	font-size:0.8333em;
	color: #4f4f4f;
}

/***********************
*  SONSTIGES 
************************/

/* muss auf floatholder angewendet werden zum clearen*/
.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 */

span.nowrap {
	white-space: nowrap;
}