/* 	/--------------------------/
		/			ELEMENTS				/
		/-------------------------*/
html, body {		margin: 0;
					padding: 0;
					font-size: 90.1%;
					font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					line-height: 1.4em;
					
					background: #FBF4E9;					}
body div * {
					color: #FBF4E9;
}

* body{				margin: 0 0 0 20px;
	/* Mal etwas, was der IE kann .. dann soll er auch!
	Mozilla wendet dies nur auf inline Elemente an */
					text-align: center;						}
body *{
	/* Für IE und MOZ das auch wieder rückgängig */
					text-align: left;						}
h1{				text-align: right;
					margin-top: 10px;
					margin-bottom: 0;
					float: right;							}
h2.kurs{
					text-align: left;
					font-size: 15px;
					font-weight: normal;
					clear: both;
					top: 0;
					left: 0;
					color: White;
					float: left;
}
h2{				margin-bottom: 10px;
					float: right;
					position: relative;
					top: -15px;
					left: -6px;								}
h3{					margin-bottom: 0px;
					margin-top: 0px;						}
h4{					font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					font-size: 13px;
					font-style: italic;
					font-weight: normal;
					color: White;
					padding-left: 10px;
					padding-top: 0px;
					padding-bottom: 0px;
					
					border-bottom: 2px solid #807563;
					background-color: #968E82;
					margin-bottom: 3px;}
p {					padding: 0 0 0 0;
					margin: 0 0 10px 0;						}
img{				border: 0;								}
form{				padding: 0 0 0 0;
					margin: 0 0 0 0;						}
ul{
					margin: 0 0 0 0px;
					padding: 0 0 0 0;
}
li{
					padding: 4px 0 4px 27px;
					list-style-type: none;
					background-image: url(../web_img/global/icons/list_item.gif);
					background-repeat: no-repeat;
					background-position: left top;
					
					
					
					}
a:focus { outline: none }
hr{
	height: 1px;
	border: none;
	border-top: 1px dashed Gray;
	
}
fieldset, textarea{
	border: 1px solid #70624B;
}
textarea{
	background-color: #151515;
	color: Silver;
}
/* 	/--------------------------/
		/		LAYOUT - GLOBAL		/
		/-------------------------*/
		

.txtSmall{			font-size: 11px;
					line-height: 15px;						}
.highlight{			color: #ffffff;
					page-break-inside: avoid;				}

					
					
					
					
					
					
					
					
					
#bg_1{
	
	background-image: url(../web_img/global/page_bg_mid.gif);
	background-repeat: repeat-y;
}
#bg_2{
	
	background-image: url(../web_img/global/page_bg_bot.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#bg_3{
	width: 925px;
	background-image: url(../web_img/global/page_bg_top.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	background-position: top left;
}					
					
					
					
					
					
#container{
	/* enthält allen Inhalt, wenn möglich (IE) zentriert */
					width: 925px;
					
					background-repeat: repeat-y;
					background-position: left;				}
#pageBgTop{			
					background-repeat: no-repeat;
					background-position: left;
					padding-left: 287px;
					height: 59px;							}
#pageBgMid{
	/*height: 85%;*/
}

#stretcher{			float:left;
					height:300px;
					width:1px;								}
#pageBgBot{		
					background-repeat: no-repeat;
					background-position: left;
					height: 24px;
					clear:both;								}
#circle{			background-image: url(../web_img/global/page_bg_circle.gif);
					background-repeat: no-repeat;
					position: relative;
					top: -60px;
					left: -8px;
					height: 490px;
					width: 248px;
					padding-top: 45px;
					padding-left: 29px;
					margin-bottom: -110px;
					float: left;							}
#content{		margin-top: 2px;
					margin-right: 43px;
					margin-left: 25px;					}
#navLeft{		margin-left: 60px;
					margin-top: 30px;						}
#navTop{			position: relative;
					top: 42px;
					word-spacing: 52px;
					line-height: 1px;						}
/* Hide This from IE */
head:first-child+body #navTop img, img{
					vertical-align: bottom;				}
/* links */
a, a:link{
					color: #616161;
					text-decoration: none;
					cursor: pointer;						}
.tLink, a:active, a:focus, a:hover{
					color: #c3c3c3;						}
a:visited{													}

.tLink:hover, .tLinkAktiv{
					color: #c3c3c3;
					border-bottom: 1px dashed #242424;
					cursor: pointer;	}

/* pagination */
#pagination{	float: right;
					line-height: 1.4em;
					margin-bottom: 7px;					}
#pagination img{	vertical-align: middle;			}


#pagination_new{
					float: right;
					font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
					line-height: 1.4em;
					font-weight: bold;
					font-size: 1em;
					margin-bottom: 7px;					}
#pagination_new img{	vertical-align: middle;			}




/* bottom and margins for IE 6- bugs ..*/
* html #pagination img{	vertical-align: bottom;
					margin-bottom: 3px;
					margin-top: 2px;						}

/* 	/--------------------------/
		/			SPACER				/
		/-------------------------*/
.hSpacer1{			font-size: 1px;
					margin-left: 1px;						}
.hSpacer10{			font-size: 1px;
					line-height: 1px;
					margin-left: 10px;					}
.hSpacer45{		font-size: 1px;
					margin-left: 45px;					}
.vSpacer10{		font-size: 1px;
					margin-left: 10px;					}
.vSpacer5{		font-size: 1px;
					margin-left: 5px;						}
.vSpacer1{		font-size: 1px;
					margin-left: 1px;						}
.noSpace{		padding: 0 0 0 0;
					margin: 0 0 0 0;						}
.stretch{		height: 100%;				display: none				}

/* 	/--------------------------/
		/			FORMULARE			/
		/-------------------------*/
input			{	border: 1px solid #7A6C55;			
					background-color: #B4AEA4;
					color: White;						}
.noBorder		{
	border: none;
	background-color: transparent;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
select		{
					border: 1px solid #7A6C55;			
					background-color: #B4AEA4;
					width: 190px;
					color: White;						}

.small{			width: 40px;							}
.mid{				width: 136px;							}
/* IE braucht ein Pixel weniger: */
* html .mid{	width: 135px;							}
.big{				width: 190px;							}
select.big{				width: 192px;							}
td input{		margin-bottom: 6px;					}
label{				
					margin-right: 4px;
					color: White;
					page-break-inside: avoid;			}
.tblCheckbox{	width: 20px;							}
.radioSpacing{	margin-bottom: 8px;					}

/* 	/--------------------------/
		/	PRODUKT - ÜBERSICHT		/
		/-------------------------*/
#prodGroup{		float: right;
					width: 587px;
					padding-right: 10px;
					position: relative;
					top: -10px;
					/*padding-right:20px;*/							}
* html #prodGroup{
	/* IE hack wegen render fehler */
	width: 590px;
}
/* Produktdetail ansicht */
.prodContainerDetail, .shopCont{
					width: 583px;
					margin-left: 10px;
					margin-right: 3px;
					margin-bottom: 8px;
					float: left;
					position: relative;
					top: -10px;			}
.prodContainer{
					width: 280px;/* -10 */
					margin-left: 3px;
					margin-right: 3px;
					margin-bottom: 8px;
					float: left;							}
.prodHead{		color: #ffffff;
					margin-bottom: 10px;					}
.prodText{		color: #242424;
					margin-bottom: 10px;					}
* html .prodText{
	/* IE hack wegen render fehler */
	
}
.prodPrice{		color: #242424;
					margin-bottom: 3px;					}
/* Produktdetail ansicht */
.bestellDaten th{
					color: #c3c3c3;
					padding: 0 6px 0 0;
					font-weight: normal;					}
.prodPrice span{
					color: #C7C7C7;
					margin-left: 5px;						}
.prodImage{		overflow: hidden;
					width: 152px;
					margin-bottom: 10px;			/* hier kommen die 10px space rein !! */				}
/* Produktdetail ansicht */
.prodImageDetail{
					overflow: hidden;
					width: 204px;							}
.weitereBilder{margin-top: 6px;
					margin-bottom: 10px;
					width: 210px;							}
.miniBilder{	width: 37px;
					margin-right: 8px;
					overflow: hidden;
					float:left;
					margin-bottom: 5px;					}
.imageFunctions{
					float: left;
					margin-right: 8px;
					margin-bottom: 0px;					}
.prodBottom{	margin-bottom: 5px;
					padding-top: 0px;						}
/* Rand für Produktbilder und anderes */
.ro {				background:url(../web_img/global/border_ro.gif) top right no-repeat;		}
.lo {				background:url(../web_img/global/border_lo.gif) top left no-repeat; 
					margin: 0; 
					padding: 0;								}
.ru {				background:url(../web_img/global/border_ru.gif) bottom right no-repeat; 
					margin: 0; 
					padding: 0;								}
.lu {				background:url(../web_img/global/border_lu.gif) bottom left no-repeat; 
					margin: 0;
					padding: 0;								}
.inhalt{ 		margin: 0;
					padding: 2px 2px 2px 2px;			}
/* 	/--------------------------/
		/				MODULE			/
		/-------------------------*/
#modWk{
	width: 177px;
	height: 144px;
	background:url(../web_img/global/modul_bg_warenkorb.gif) bottom right no-repeat;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
}
#modMz{
	width: 177px;
	height: 144px;
	background:url(../web_img/global/modul_bg_merkzettel.gif) bottom right no-repeat;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
}
#modWk p, #modWk img, #modMz p, #modMz img{
	margin-left: 9px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#modWk p .highlight, #modMz p .highlight{
	color: #807563;
	page-break-after: auto;
}


#reiter {
		float:left;
		font-family: "Georgia", Times, serif;
		font-size: 12.2px;
		font-style: italic;
		width:592px;
		cursor: pointer;
		line-height: 13px;
		position: relative;
		left: 35px;
		margin-bottom: 20px;
		/*background-color: Aqua;*/
	}
/* IE andere Angabe / gegentailige werte = gleichtes aussehen :D */
* html #reiter{ left: 35px;		}

#reiter a span{
	color: #3d3d3d;
}
#reiter a:hover span{
	color: White;
}
	
	#reiter ul {
		margin: 0;
		/*padding: 0px 10px 0;*/
		list-style: none;
	}
	#reiter li {
		/*float:left;
		background:url("../web_img/global/reiter/right_both.gif") no-repeat right top;
		margin:0;
		padding:0;
		border-bottom: 2px solid #131313;*/
		display:inline;
		margin:0;
		padding:0;
		background-image: none;
    }
	#reiter a {
		float:left;
		background:url("../web_img/global/reiter/right_both.gif") no-repeat right top;
		margin:0;
		padding:0 0 0 0px;
		text-decoration:none;
		border-bottom: 2px solid #837F78;
    }
	 #reiter_line{
		margin:0 0 0 10px;
		padding:0 0 0 10px;
		border-bottom: 2px solid #837F78;
    }
	#reiter a span {
		float:left;
		display:block;
		background:url("../web_img/global/reiter/left_both.gif") no-repeat left top;
		padding: 8px 10px 5px 10px;
		
		/*width:.1em;*/
	}
	#listend {
		border-bottom: 2px solid #837F78; /*;*/
		position:relative;
		top: 13px;
		/*left: 475px;*/
		
	}
	/* IE andere Angabe  */
	/** html #listend{
		left: 480px;	
	}*/

	#liststart {
		border-bottom: 2px solid #837F78;
		position:relative;
		top: 25px;
		left: -23px;
	}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #reiter a span {float:none;}
    /* End IE5-Mac hack */
	
	/*#reiter > ul a span {width:auto;}*/
	#reiter #current a{
		background-position:100% -100px;
		border-width:0;
    }
	#reiter #current a span{
		background-position:0% -100px;
    }
	
	
	#reiter a:hover {
		border-bottom-width: 0;
		background-position:100% -100px;
		color: #949494;
	}
	#reiter a:hover span {
		background-position:0% -100px;
	}
	

/*
		DEBUG
*/
.borderc{
	border: 1pt solid #0000ff;
}