/* ----------------------------------------------------------------------- BASICS */

html{
	height:100%;
	background:#3a2426 url(../images/bg.gif) repeat-x top;
}

body{
	height:100%;
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	background:url(../images/main_bg.jpg) no-repeat top center;
}
	
div, p, form, img {
	padding:0px; margin:0px; outline:0;
}

h1 {
	font-size:18px;
	margin:0px;
	padding:0px;
}
	
h2 {
	font-size:16px;
	margin:0 0 12px 0;
	padding:0px;
}
	
h3 {
	font-size:14px;
	margin:0px;
	padding:0px;
}
	
h4 {
	font-size:12px;
	margin:0px;
	padding:0px;
}
	
h5 {
	font-size:10px;
	margin:0px;
	padding:0px;
}

p {
	margin-bottom:1em;
}


/* ----------------------------------------------------------------------- LAYOUT */

#container {
	width:990px;
	margin:0 auto;
	position:relative;
}

#header {
	width:990px;
	height:263px;
	float:left;
	background:url(../images/header_bg.png) no-repeat;
}

#login {
	position:relative;
	width:160px;
	height:64px;
	float:left;
	margin:20px 0 0 800px;
	background:url(../images/inlog_bg.png) no-repeat;
}

#main-container {
	width:990px;
	float:left;
	background:url(../images/main_bg.png) repeat-y;
}

#main {
	width:990px;
	float:left;
	background:url(../images/main_top.png) no-repeat top;
}

#menu {
	width:236px;
	float:left;
}

#content-container {
	width:736px;
	float:left;
}

#breadcrums{
	float:right;
	margin:10px 20px 0 0;
}

#content{
	width:696px;
	float:left;
	margin:10px 0 0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#797979;
	font-weight:normal;
	font-size:11px;
	line-height:1.6em;
}

#bottom {
	width:990px;
	height:60px;
}





/* ----------------------------------------------------------------------- LINKS */

a{
text-decoration:none;
color:#4e4e4e;
font-weight:bold;}

a:hover{
text-decoration:underline;}

#breadcrums a{
	text-decoration:none;
	font-size:10px;
	color:#4e4e4e;
	font-weight:normal;
}

#breadcrums a:hover{
	text-decoration:underline;
	font-size:10px;
	color:#4e4e4e;
	font-weight:normal;
}


/* ----------------------------------------------------------------------- INLOG */

#login-name input{
height:15px;
width:150px;
margin:20px 0 0 3px;
float:left;
font-size:10px;
color:#cbcbcb;
border:0px;
background:transparent;
cursor:text;}

#login-password input{
height:15px;
width:130px;
margin:10px 0 0 3px;
float:left;
font-size:10px;
color:#cbcbcb;
border:0px;
background:transparent;
cursor:text;}

#login-submit input{
height:20px;
width:20px;
margin:7px 0 0 3px;
float:left;
font-size:10px;
color:#cbcbcb;
border:0px;
background:transparent;
cursor:pointer;}

#login-error {
	position:absolute;
	left:5px;
	top:70px;
	color:red;
}

#login-loggedin {
	position:absolute;
	left:360px;
	top:10px;
	color:#9c5c62;
	width:600px;
	text-align:right;
}

#login-loggedin a {
	color:#e98f97;
	font-weight:normal;
}
/* ----------------------------------------------------------------------- SIDE-MENU */

#menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu li {
	list-style:none;
	margin:0 0 0 17px;
	padding:0px;
	height:32px;
	line-height:24px;
	background:url(../images/button.gif) no-repeat bottom left;
}
	
#menu li:hover,	
#menu li.on,
#menu li.on:hover{
	list-style:none;
	margin:0 0 0 17px;
	padding:0px;
	height:32px;
	line-height:24px;
	background:url(../images/button_hover.gif) no-repeat bottom left;
}

#menu li div{
	float:left;}

#menu li a {
	height:28px;
	width:219px;
	padding:4px 0 0 20px;
	display:block;
	font-weight:normal;
	font-size:10px;
	color:#656464;
	text-decoration:none;
}
	
#menu li a:hover {
	color:#FFF;
}
	
#menu li.on a {
	color:#FFF;
}


/* ----------------------------------------------------------------------- MAP */

.map{
	width:164px;
	height:200px;
	background:url(../images/map_bg.png) no-repeat top;
	float:left;
	margin:0 10px 14px 0;
}
	
.map .map-titel{
	width:164px;
	height:25px;
	margin-top:7px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

.map .map-img{
	width:140px;
	height:131px;
	overflow:hidden;
	margin-left:12px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

..map img{
	width:140px;
	height:131px;
	overflow:hidden;
}

.map .map-link{
	width:164px;
	height:30px;
	margin-top:8px;
	text-align:center;
}

.map .map-link a{
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}

.map .map-link a:hover{
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}

/* ----------------------------------------------------------------------- PRODUCT */

.product{
	width:335px;
	height:101px;
	background:url(../images/product_bg.png) no-repeat top;
	float:left;
	margin:0 10px 14px 0;
}
	
.product .product-titel{
	width:215px;
	height:15px;
	margin:7px 0 0 5px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	float:left;
}

.product .product-text{
	width:225px;
	height:46px;
	margin:2px 0 0 5px;
	text-align:left;
	font-size:10px;
	font-weight:normal;
	overflow:auto;
	line-height:1.2em;
	float:left;
}

.product .product-img{
	width:84px;
	height:78px;
	overflow:hidden;
	margin:11px 0 0 10px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	float:left;
}

.product .product-price{
	width:60px;
	height:15px;
	margin:4px 0 0 5px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	float:left;
}

.product .product-img img {
	width:84px;
	height:78px;
	overflow:hidden;
}

.product .product-img-zoom {
	position:relative;
	left:100px;
	top:10px;
}

.product .product-img-zoom img {
	position:absolute;
	padding:1px;
	background-color:white;
	border:1px solid black;
}
	
.product .product-link{
	width:155px;
	height:15px;
	margin:4px 0 0 5px;
	text-align:right;
	float:left;
}

.product .product-link a{
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}

.product .product-link a:hover{
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}

/* ----------------------------------------------------------------------- MISC */

.price {
	font-weight:bold;
}

form#add_to_cart {
	margin:10px 5px;
	padding:15px 20px;
	background-color:#cdc1c2;
	color:#656464;
}

form#add_to_cart h4 {
	margin-bottom:10px;
}

form#add_to_cart #f_quantity {
	width:45px;
	border:1px solid #978e8f;
	padding:2px 4px;
}

form#add_to_cart td.label {
	text-align:right;
	padding-right:10px;
}

p.view_item_image a img {
	padding:3px;
	border:2px solid #cdc1c2;
}

/* ----------------------------------------------------------------------- BESTELBOX */

/* ----------------------------------------------------------------------- CART */

table#cart {
	border-collapse:collapse;
	width:100%;
}

table#cart tr.cart_row1 {
	background-color:#e2e2e2;
}

table#cart tr.cart_row2 {
	background-color:#eee;
}

table#cart tr.cart_total_price,
table#cart th {
	padding:10px;
	text-align:left;
	background-color:#90696c;
	color:white;
	font-weight:bold;
}

table#cart td {
	padding:10px;
	vertical-align:top;
}

table#cart td.cart_image {
	width:100px;
}

table#cart td.cart_price {
	width:50px;
	font-weight:bold;
}

table#cart td.cart_quantity {
	width:50px;
	font-weight:bold;
}

table#cart td.cart_total {
	width:50px;
	font-weight:bold;
}

table#cart td.cart_options {
	width:80px;
}

div#cart_nav {
	margin-top:30px;
	text-align:center;
}

input.f_name {
	width:400px;
	border:1px solid #ccc;
	padding:4px;
}
textarea.f_message {
	width:400px;
	height:150px;
	border:1px solid #ccc;
	padding:4px;
}

