/* Standart Definieren */
* {margin: 0px; padding: 0px; }

html, body {
	width:100%;
	height:100%;
	line-height:17px;
	background: url(../pics/bg.png) no-repeat;
	background-color:#dfdeca;
	font-family:Verdana!important;
	font-size:11px;
	color:#463f37;
	margin: 0px auto;
}

a:link, a:active, a:visited {
	text-decoration:none; 
	color:#463f37;
	cursor: pointer;
}

a:hover {
	text-decoration:none;
	color:#a1907e;
	cursor: pointer;
}

h1 {
	font-size: 16px;
}

h2 {
	font-size: 13px;
}

h5 {
	background-color: #463f37;
	width: 619px;
	border: 1px solid #b9af3b;
	border-left: 8px solid #b9af3b;
	color: #eef1e8;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 1px 10px;
	font-size: 11px;
}

input {
	border: 1px solid #c9cac7;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding: 2px;
}

input:focus {
	border: 1px solid #463f37;
}

fieldset {
	border: 0px;	
}
textarea {
	border: 1px solid #c9cac7;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding: 2px;
	background-color: #eef1e8;
}

textarea:focus {
	border: 1px solid #463f37;
}

/* Blättern */
.page a{
	text-decoration:none;
	color:#483f38;
	float:left;  
	margin:5px 5px 0 0; 
	padding:0px 3px 0px 3px;
}

.page a:hover {
	text-decoration:none;
	float:left;  
	background-color: #333;
	color:#FFF;
	margin:5px 5px 0 0; 	
	padding:0px 3px 0px 3px;
}

.pageActive a{
	text-decoration:none;
	float:left; 
	background-color: #333;
	color:#ffffff;
	margin:5px 5px 0 0; 	
	padding:0px 3px 0px 3px;
}

/* IDs Definieren */
#layer {
	width: 980px;
	height:auto; 
	margin: 0px auto;
}

#scroller {
	position:relative;
	width: 973px;
	height: 112px;
	border-left: 3px solid #eef1e8;
	border-right: 3px solid #eef1e8;
	background-color:#463f37;
	overflow-x: scroll;
	overflow-y: hidden;
}

#fixwidth {
	position:relative;
	border-top: 3px solid #eef1e8;
	width: 2213px;
	height: auto;
}

#navigation {
	margin-top: 7px;
	border: 1px solid #eef1e8;
	width: 226px;
}

#newsletter {
	margin-top: 7px;
	border: 1px solid #eef1e8;
	width: 226px;
}

#nav_bottom{
	margin-left: 55px;
	font-size: 9px;
}

#nav_bottom ul{
	float:left;
	margin-top: 12px;
	height: 180px;
}


#nav_bottom li{
	text-align: left;
	list-style:none;
}

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

#newsletter_bg {
	margin: 0 0 1px 1px;
	width: 204px; 
	height: auto; 
	padding: 11px 0 11px 18px; 
	background-color: #b9af3b; 
	color: #463f37;
}

#uploadfeld{
	position: absolute;
    width: 102px; 
    height: 17px;
    background: url(../pics/input1.png) no-repeat;
    border: 0;
	padding-left: 6px;
	padding-right: 5px;
	vertical-align:middle;
	font-family:Verdana;
	font-size: 11px;
	color: #463f37;
	padding-top: 4px\9
}

#inputfeld{
    width: 172px; 
    height: 16px;
    background: url(../pics/input_text.png);
    border: 0;
    padding: 4px 7px 0 7px;
	font-family:Verdana;
	font-size: 11px;
	color: #463f37;
}

#inputfeldKlein {
    width: 68px; 
    height: 16px;
	padding-right: 5px;
    background: url(../pics/input_klein.png) no-repeat;
    border: 0;
	text-align:right;
	font-family:Verdana;
	font-size: 11px;
	color: #463f37;	
}

/* IE 5.5 - 8.0 Hack */
#inputfeldKlein {
	padding-top: 4px\9
}

#table td {
	height: 25px;	
}

#table input{
	width: 170px;	
	height: 15px;
	background-color: #eef1e8;
	padding-bottom: 1px;
}

#table select{
	width: 186px; 
	height: 21px;
	font: 13px Verdana, Geneva, sans-serif;
}

/* Knöpfe */
#btn_anmelden a {
	position: absolute;
	margin: 5px 0 0 156px;
	height: 26px;
	width: 131px;
	display: table-cell;
	background: url("../pics/btn_anmeldung.jpg") 0px 0px no-repeat; 
}

#btn_anmelden a:hover {
	background-position: 0px -26px; 
}

.btn_bestellen a {
	position: absolute;
	height: 22px;
	width: 112px;
	margin-top: 3px;
	display: table-cell;
	background: url("../pics/btn_bestellen.png") 0px 0px no-repeat; 
}

.btn_bestellen a:hover {
	background-position: 0px -22px; 
}

#btn_trash a {
	float: left;
	margin: 5px 0 0 20px;
	height: 24px;
	width: 20px;
	display: table-cell;
	background: url("../pics/btn_trash.png") 0px 0px no-repeat; 
}

#btn_trash a:hover {
	background-position: 0px -24px; 
}

#btn_shopping a {
	float: left;
	margin: 5px 0 0 16px;
	height: 24px;
	width: 21px;
	display: table-cell;
	background: url("../pics/btn_shopping.png") 0px 0px no-repeat; 
}

#btn_shopping a:hover {
	background-position: 0px -24px; 
}

#btn_back a {
	float: left;
	margin: 5px 0 0 20px;
	height: 24px;
	width: 20px;
	display: table-cell;
	background: url("../pics/btn_back.png") 0px 0px no-repeat; 
}

#btn_back a:hover {
	background-position: 0px -24px; 
}

#btn_potrait_aktiv {
	float: left;
	margin: 5px 0 0 20px;
	height: 24px;
	width: 20px;
	display: table-cell;
	background: url("../pics/btn_potrait.png") 0px -48px no-repeat; 
}

#btn_potrait a {
	float: left;
	margin: 5px 0 0 20px;
	height: 24px;
	width: 20px;
	display: table-cell;
	background: url("../pics/btn_potrait.png") 0px 0px no-repeat; 
}

#btn_potrait a:hover {
	background-position: 0px -24px; 
}

#foto_einstellungen {
	position: relative;
	border:2px solid #b9af3b;	
	text-align:left;
	width: 273px; 
	height: auto;
	margin-top: 8px;
	color: #eef1e8;
	background-color: #463f37;
	padding: 10px 0 6px 8px;
}

#foto_einstellungen td{
	height: 26px;	
}

#btn_format_aktiv {
	float: left;
	margin: 5px 0 0 20px;
	height: 24px;
	width: 20px;
	display: table-cell;
	background: url("../pics/btn_format.png") 0px -48px no-repeat; 
}

#btn_format a {
	float: left;
	margin: 5px 0 0 20px;
	height: 24px;
	width: 20px;
	display: table-cell;
	background: url("../pics/btn_format.png") 0px 0px no-repeat; 
}

#btn_format a:hover {
	background-position: 0px -24px; 
}

#Warenkorb_zubehoer {
	position: relative;
	border:1px solid  #c9cac7;	
	background-color:#FFF;
	text-align:left;
	width: 611px; 
	height: auto;
	margin-top: 20px;
	margin-left: 12px;
	color: #463f37;
}

#ausgrauen { 
	display: none; 
	position:fixed;
	top:0px; left:0px;  
	width:100%; 
	height:100%;
	z-index:2;
	background-color: #696969;
	filter:Alpha(opacity=45); 
	-moz-opacity: 0.45; 
	opacity: 0.45;
}

/* Warten Box */
#wait_ausgrauen { 
	display: none; 
	position:fixed;
	top:0px; left:0px;  
	width:100%; 
	height:100%;
	z-index:2;
	background-color: #696969;
	filter:Alpha(opacity=45); 
	-moz-opacity: 0.45; 
	opacity: 0.45;
}

#wait_box{
	position: absolute; 
	width: 262px; 
	margin-left: -67px; 
	left: 50%; 
	top: 250px; 
	z-index: 10;
	display: none;
}
/* Warten Box */

#td_warenkorb td {
	vertical-align:middle;
	padding-left: 10px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}

#header_schritt {
	width: 611px; 
	margin-left: 12px;
	margin: auto; 
	margin-top: -2px; 
	text-align:left; 
	border: 1px solid #c9cac7; 
	border-top: 0px; 
	padding: 7px 0 0 0; 
	background-color: #FFF;
}

#line_grau {
	position: relative;
	height: 20px; 
	background-color: #dcebff; 
	padding-top: 2px;			
}

#line_orange {
	position: relative;
	width: 637; 
	height: 20px; 
	background-color: #b9af3b; 
	padding-top: 2px;	
}

#fehlerliste {
	margin-left: 20px;
	margin-top: 4px;
}

#fehlerliste li {
	list-style:square;
	font-weight:bold;
	color:#F00;
}

#okliste {
	margin-left: 20px;
	margin-top: 4px;
}

#okliste li {
	list-style:square;
	font-weight:bold;
	color:#16bd00;
}

#produktdetails {
	height:175px; 
	border-bottom: 1px solid #c9cac7;	
}

#AusgabeNewsletter {
	background-color: #FFF; 
	color: #FE0000; 
	text-align: center; 
	width: 170px;  
	padding: 5px; 
	border: 3px double #F00; 
	margin-bottom: 10px; 
	font-weight: bold;	
}

#flashContent { 
	display:none; 
}

.warenkorbBild {
	background: url(../pics/warenkorb.png) center no-repeat;
	height: 48px;
	width: 48px;
	margin: 10px auto;
}

.versandzeitBild {
	position:absolute;
	background: url(../pics/versandzeit.png) left no-repeat;
	height: 52px;
	width: 51px;
	margin: 4px 0 0 9px;
}

.bewertungenBild {
	position:absolute;
	background: url(../pics/bewertungen.png) left no-repeat;
	height: 58px;
	width: 48px;
	margin: 4px 0 0 9px;
}

.miniBoxenRahmen {
	margin-left: 5px;
	margin-top: 7px;
	border: 1px solid #eef1e8;
	width: 98px;
	
}

.miniBoxenInhalt {
	border: 1px solid #c9cac7;
	background: url(../pics/miniBoxen_bg.jpg) bottom repeat-x;
	background-color: #eef1e8;
	width: 96px;
	text-align:center;	
}

.lnk_miniBoxen a{
	font-size: 9px;
	font-weight: bold;
}

.rechteBoxen {
	margin-top: 7px;
	border: 1px solid #eef1e8;
	width: 226px;
	background: url(../pics/miniBoxen_bg.jpg) bottom repeat-x;
	background-color: #eef1e8;
}

.content_rahmen {
	margin-left: 5px;
	margin-top: 7px;
	border: 1px solid #eef1e8;
	width: 639px;
}

.content_inhalt {
	border: 1px solid #c9cac7;
	background-color: #eef1e8;
	width: 637px;
	padding-bottom: 12px;
}

.nav_bg {
	margin-left: 1px; 
	background-color: #463f37; 
	color: #eef1e8;
}

.nav_bg ul {
	margin-left: 5px;
}

.nav_bg li {
	list-style:none;
	background: url(../pics/bullet.png) 0px 7px no-repeat;
	padding-left: 31px;
	height: 20px;
	color: #eef1e8;
}

.nav_bg a:link {
	color: #eef1e8;
}

.nav_bg a:visited {
	color: #eef1e8;
}

.nav_bg a:hover {
	text-decoration:underline;
	color:#a1907e;
	cursor: pointer;
}

.btn_click a {
	position: absolute;
	top: 235px;
	left: 186px;
	height: 26px;
	width: 107px;
	display: table-cell;
	z-index: 2;
	background: url("../pics/btn_click.png") 0px 0px no-repeat; 
}

.btn_click a:hover {
	background-position: 0px -26px; 
}

.nav_inhalt {
	border: 1px solid #c9cac7;
	background-color: #eef1e8;
}

.uploader {
	position: absolute;
	margin-top: 9px;
	width: 212px;
	height: 20px;
	overflow: hidden;
	cursor:pointer;
}

.uploadbox {
	position: absolute;
	width:240px;
	right: 0px;
	font-size: 30px;
	opacity: 0;
	filter: alpha(opacity: 0);
}

.uploader_img {
	position:absolute;
	margin-left: 118px;
	background: transparent url(../pics/btn_durchsuchen.png) no-repeat;
	width: 94px;
	height: 20px;
	cursor:pointer;
}

.box {
	position: relative;
	border:2px solid #c8c8c8;	
	background-color:#FFF;
	float:left;
	left: 10px;
	margin-top: 18px;
	height: 267px;
	margin-right: 9px;
	text-align:left;
}

.box_break {
	position: absolute;
	top: -2px;
	margin-left:10px;
	border-top: 2px solid #FFF;

}

.box_titel {
	position: absolute;
	top: -10px;
	margin-left:18px;
	font-size: 12px;
	font-weight: bold;
}

.table_font {
	font-weight:bold;
	vertical-align:middle;
}

.textButton {
	margin:0px; 
	padding:0px; 
	border:0px; 
	background-color:#FFF; 
	width: 145px;
	color: #463f37;
	cursor:pointer;
}

.bold {
	font-weight:bold!important;
}

.trZelle {
	background: transparent; 
}

.trZelle:hover {
  background-color: #463f37!important;
  color: #eef1e8;
}

.preis {
	position: absolute; 
	color:#F00; 
	border-bottom: 1px solid #F00; 
	font-size:15px; 
	font-weight:bold; 
	margin-top: 6px;		
}

.preis:hover {
	color:#463f37;	
	border-bottom: 1px solid #463f37; 
}

.hr {
	margin: 15px 0 15px 0;	
	height:1px;
	background-color: #c9cac7; 
	color:#c9cac7;
	border:0px;
}

.hr_warenkorb {
	margin-top: 20px;
	height:1px;
	background-color: #ebe8c7; 
	color:#ebe8c7;
	border:0px;
}

#googlediv{
	position:absolute;
	background: url('../pics/hand.jpg') 370px 3px no-repeat;
	top: 0px;
	margin: 6px 0 0 300px;
	padding: 1px 8px 0 8px;
	width: 420px;
	height:36px;
	filter:Alpha(opacity=60); 
	-moz-opacity: 0.60; 
	opacity: 0.60;
	background-color: red;
	color:#000;
	border: 1px solid black;
	overflow:hidden;
	z-index: 100;
}

/* PROGRESS BAR */
#progress_bar_container{
	width:350px;
	text-align:center;
	margin: 0px auto;
	display:none;
	height:22px;
}

#progress_bar_background{
	float:left;
	background-color: #DBDBDB;
	height:15px;
	width:350px;
	z-index:5;
	border:1px solid #463f37;
}

#progress_bar{
	float:left;
	height:15px;
	width:0px;
	z-index:6;
	background-image: url('../pics/progress_bar.png');
	background-repeat: repeat-x;
}

#percent_complete{
	float:left;
	width:350px;
	height:15px;
	font: 12px Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-align: center;
	padding-top: 0px;
}

#upload_box{
	position: absolute; 
	width: 414px; 
	margin-left: -207px; 
	left: 50%; 
	top: 250px; 
	z-index: 10;
	display: none;
}

#customize_box{
	position: absolute; 
	margin-left: -228px;
	top: 20px; 
	z-index: 101;
	display: block;
}

#multiupload_box{
	position: absolute; 
	width: 414px; 
	margin-left: -207px; 
	left: 50%; 
	top: 250px; 
	z-index: 9;
	display: none;
}
/* PROGRESS BAR */