@charset "utf-8";
/* CSS Document */

/*
Alles was auch nur ansatzweise zur Darstellung von Produkten, dem Warenkorb und der Benutzerregistrierung gehört, kommt hier rein
*/

#company {
	position:absolute;
	top:-15px;
	left:-15px;
	
	width:885px;
	height:500px;
	
	padding:15px;
	
	background:#fff;
	
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
}

#home {
	position:absolute;
	top:-60px;
	left:-15px;
	
	width:915px;
	height:530px;
	
	background:#fff;
	
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
}

#home .panorama {
	width:885px;
	height:500px;
	
	padding:15px;
}

#system-window {
	position:relative;
	
	width:100%;
	height:100%;

	z-index:10;
}

#system-window * {
	z-index:10;
}

#popup {
	position:absolute;
	top:-100%;
	left:0px;
	
	width:100%;
	height:100%;
}

#image-path {
	display:none;
}

#image-detail-container {
	position:absolute;
	top:50%;
	left:50%;
	
	margin:-300px 0px 0px -415px;
	
	width:830px;
	height:450px;
	
	padding:15px;
	
	border:1px solid #dadada;
	background:#fff;
	
	overflow:hidden;
}

#image-detail-close {
	position:absolute;
	top:0px;
	right:0px;

	padding:5px;

	text-align:right;
	
	z-index:30;
}

#image-detail-close .link {
	color:#343891;
	
	cursor:pointer;
}

#image-detail {
	position:relative;

	width:400px;
	height:400px;
	
	margin:15px 20px 0px 15px;
	padding:5px;

	border:2px solid #343891;
	background:#9b9dc8;
	
	float:left;
}

#image-detail .slider-container {
	position:relative;

	width:400px;
	height:400px;
	
	overflow:hidden;
}

#image-detail .slider {
	position:absolute;
	
	cursor:move;
}

#image-detail .bt-top {
	position:absolute;
	top:-17px;
	left:50%;
	
	width:50px;
	height:15px;
	
	margin:0px 0px 0px -25px;
	
	border:2px solid #343891;
	border-bottom:none;
	background:#9b9dc8;
}

#image-detail .bt-top .image {
	width:15px;
	height:15px;
	
	margin:0px 0px 0px 17px;

	background:url(../images/detail-navigation-arrows.png) no-repeat 0px 0px;
	
	cursor:pointer;
}

#image-detail .bt-right {
	position:absolute;
	top:50%;
	right:-17px;
	
	width:15px;
	height:50px;
	
	margin:-25px 0px 0px 0px;
	
	border:2px solid #343891;
	border-left:none;
	background:#9b9dc8;
}

#image-detail .bt-right .image {
	width:15px;
	height:15px;
	
	margin:17px 0px 0px 0px;

	background:url(../images/detail-navigation-arrows.png) no-repeat -7px -30px;
	
	cursor:pointer;
}

#image-detail .bt-bottom {
	position:absolute;
	bottom:-17px;
	left:50%;
	
	width:50px;
	height:15px;
	
	margin:0px 0px 0px -25px;
	
	border:2px solid #343891;
	border-top:none;
	background:#9b9dc8;
}

#image-detail .bt-bottom .image {
	width:15px;
	height:15px;
	
	margin:0px 0px 0px 17px;

	background:url(../images/detail-navigation-arrows.png) no-repeat 0px -45px;
	
	cursor:pointer;
}

#image-detail .bt-left {
	position:absolute;
	top:50%;
	left:-17px;
	
	width:15px;
	height:50px;
	
	margin:-25px 0px 0px 0px;
	
	border:2px solid #343891;
	border-right:none;
	background:#9b9dc8;
}

#image-detail .bt-left .image {
	width:15px;
	height:15px;
	
	margin:17px 0px 0px 0px;

	background:url(../images/detail-navigation-arrows.png) no-repeat 7px -15px;
	
	cursor:pointer;
}

#image-detail .zoom-out {
	position:absolute;
	bottom:10px;
	right:30px;
	
	width:16px;
	height:16px;
	
	background:url(../images/magnifier-zoom-out.png) no-repeat top left;
	
	cursor:pointer;
	
	display:none;
}

#image-detail .zoom-in {
	position:absolute;
	bottom:10px;
	right:10px;
	
	width:16px;
	height:16px;
	
	background:url(../images/magnifier-zoom.png) no-repeat top left;
	
	cursor:pointer;
}

#image-thumbs * {
	z-index:30;
}

#image-thumbs {
	position:relative;

	width:360px;
	height:241px;
	
	margin:15px 0px 15px 0px;
	
	border:2px solid #343891;
	
	float:left;
	
	overflow:auto;
	
	z-index:30;
}

#image-thumbs .thumb-box {
	width:75px;
	height:75px;
	
	margin:5px;
	
	border:1px solid #dadada;
	
	overflow:hidden;
	
	float:left;
}

#image-navigator {
	position:relative;
	
	width:200px;
	height:150px;
	
	border:2px solid #343891;
	
	overflow:hidden;
	
	float:left;
}

#image-navigator .anfasser {
	position:absolute;
	top:0px;
	left:0px;

	width:20px;
	height:20px;
	
	background:url(../images/blue-50.png);
	border:1px solid #343891;
	
	cursor:move;
}

*html #image-navigator .anfasser {
	background:#9b9dc8;
	filter: alpha(opacity = 50);
}

#image-navigator img {
	display:none;
}

#image-navigator .preloader {
	display:block;
}

#page-navigation {
	clear:left;
}

/* Produktkatalog */

.product-box {
	width:315px;
	height:200px;
	
	margin: 0px 15px 15px 0px;
	padding-right: 0px;
	padding: 6px;
	
	float:left;
	background: #f1f1ff url(../images/produkt_bg.gif);
	border-bottom: 1px solid #343891;	
}

*html .product-box {
	width:310px;
}

.product-box .title {
	padding:0px 0px 5px 0px;
	
	font-size:1.5em;
	font-weight:bold;
	
	color: #343891;
	width: 100%;
}

.product-box .image {
	width:128px;
	height:128px;
	
	float:left;
	
	overflow:hidden;
	
	border:1px solid #343891;
	
	background: #fff;
}

.products-added{
	border-bottom: 1px solid #ccc;
}
.product-box .options {
	width:115px;
	
	padding: 5px 0px 0px 5px;
	
	float:left;
}

.product-box .price {
	padding:5px 0px 0px 0px;

	font-weight:bold;
	
	text-align:right;
	
	clear:left;
	
	text-decoration: underline;
}

/* Kategorie-Listing */

.category-box {
	width:315px;
	
	margin: 0px 15px 15px 0px;
	padding-right: 0px;
	padding: 6px;
	
	float:left;
	background: #f1f1ff url(../images/produkt_bg.gif);
	border-bottom: 1px solid #343891;	
}

*html .category-box {
	width:310px;
}

.category-box .title {
	padding:0px 0px 5px 0px;
	
	font-size:1.5em;
	font-weight:bold;
	
	color: #343891;
	width: 100%;
}

.category-box .image {
	width:128px;
	height:128px;
	
	float:left;
	
	overflow:hidden;
	
	border:1px solid #343891;
}

.category-added{
	border-bottom: 1px solid #ccc;
}
.category-box .options {
	width:115px;
	
	padding: 5px 0px 0px 5px;
	
	float:left;
}

.category-box .price {
	padding:5px 0px 0px 0px;

	font-weight:bold;
	
	text-align:right;
	
	clear:left;
	
	text-decoration: underline;
}

#showcolor {
	position:absolute;
	top:0px;
	right:-50px;

	width:75px;
	height:53px;
	
	border:1px solid #BBB;
}

#farbfelder {
	width:215px;

	padding:10px 10px 5px 10px;

	background:#333;
}

#farbfelder .clear-left {
	clear:left;
	
	height:0px;
	overflow:hidden;
}

#farbfelder .farbfeld {
	width:25px;
	height:25px;
	
	margin:0px 5px 5px 0px;
	
	float:left
}

#farbfelder .active {
	
}

#image-col {
	width:237px;
	
	margin:0px 55px 0px 0px;
	
	float:left;
}

*html #image-col {
	margin:0px 25px 0px 0px;
}

#image-col .zoom {
	margin:0px 0px 10px 0px;
}

#image-col .image {
	margin:0px 0px 15px 0px;

	border:1px solid #000;
}

#product-info .title {
	width:433px;
	
	font-size:2em;
	font-weight:bold;
	
	margin:0px 0px 25px 0px;
	
	float:left;
	color: #343891;	
}

#product-info .options .row .product-option-select {
	width:200px;
}

#product-info .description td {
	padding:5px 0px;
}

#info-col {
	width:393px;
		
	float:left;
}

*html #info-col {
	width:350px;
}

#product-info .intend {
	padding:0px 0px 10px 150px;
}

#product-info .price {
	font-weight:bold;
}

#product-info .options .row {
	position:relative;

	padding:0px 0px 10px 0px;
	
	clear:left;
}

#product-info .options .row label {
	display:block;
	
	width:150px;
	
	font-weight:bold;
	
	float:left;
}

#product-info .options .row select, #product-info .options .row input {
	margin:0px 5px 0px 0px;

	float:left;
}

#product-info .options .row select {
	width:150px;
}

#short-description {

}

#product-info-extra {
	clear:left;
}

.also-purchased{
	width: 100%;
}

.also-purchased .main{
	background: #e8e8e8;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;	
}

.also-purchased .product{

}

.also-purchased .product_pricing{
	margin-top: 25px;	
}


/* Shopping Cart */

#shopping-cart-content{
	width: 100%;
}

#shopping-cart-content .title{
}

#shopping-cart-content .info-message{
	display: none;
}

.info-message{
	clear: both;
}

.text-qty{
	float: left;
	width: 100px;
	height:30px;
	
	font-weight:bold;
}

.text-article{
	width: 120px;	
	height:30px;
	float: left;
	
	font-weight:bold;
}

.text-single{
	width: 110px;	
	height:30px;
	float: left;
	
	font-weight:bold;
}

.text-total{
	width: 110px;
	height:30px;
	float: left;
	
	font-weight:bold;
}

.text-remove {
	width: 90px;
	height:30px;
	float: left;
	
	font-weight:bold;
}

.item-box .image img {
	border:1px solid #000;
}

.products-qty{
	width: 100px;	
	float: left;	
}

.products-text{
	width: 120px;	
	float: left;	
}

.products-shipping-time{
}

.products-single-price{
	width: 110px;
	float: left;
}

.products-price{
	width: 110px;
	float: left;
}

.products-delete{
	width: 80px;
	float: left;
}

.item-box{
	border-bottom: 1px solid #cccccc;
	padding-top: 10px;
	padding-bottom: 10px;
}

.total-info{
	text-align: right;
	padding-bottom: 20px;
	padding-top: 10px;
}

.reload{
	float: left;
}

.checkout{
	float: right;
}

/* Beide Werte proportional ändern um den Abstand zwischen Bild und die Produktdaten zu ändern. */

.image_spacer{
	width: 150px;
	height: 5px;
	float: left;
}

#shopping-cart-content .image{
	width: 150px;
	float: left;
}

/* Shopping Cart ENDE */

/* Checkoutbereich - Erste Seite / Allgemein */

#account .title{
}

.login label{
	width: 100px;
	display: block;
	float: left;
	clear: left;
}

.col2 .title{
	font-weight: bold;
	border-bottom: 1px dotted #cccccc;
	margin-bottom: 5px;
	margin-top: 8px;
}

.col2{
	float: left;
	width: 48.5%;
}

.padding{
	padding-right: 20px;
}

/* Checkout New Account */

#account p{
	margin: 0px;
	padding: 0px;
	margin-bottom: 4px;
}

#account .title{
	font-weight: bold;
	margin-bottom: 10px;
}
.account-box label{
	width: 150px;
	float: left;
	font-weight: bold;
	clear: left;
}

.account-box input{
}

.account-box .title{
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	margin-bottom: 10px;	
	margin-top: 10px;
}

/* Checkotu eingeloggt */
.title{
	font-weight: bold;
}

.title span{
	margin-right: 10px;
}

.method-title{
	margin-right: 10px;
}

.radio-button{
	width: 30px;
}

.col3{
	float: left;
}

.checkout-box{
	margin-top: 10px;
	margin-bottom: 10px;
}

.checkout-box .title{
	font-weight: bold;
	border-bottom: 1px dotted #cccccc;
	margin-bottom: 5px;
	margin-top: 8px;
}

.address-label{
	float: left;
	padding-top: 10px;
}

.change-address{
	padding-top: 10px;
	text-align: right;
}

.button-continue{
	text-align: right;
}


/* Checkout last */
#comments{
	width: 100%;
}

.agb textarea{
	width: 100%;
}

.method-input-fields{
}

.method-input-fields p{
	margin: 0px;
	padding: 0px;
	margin-top: 8px;
}

.method-input-fields input{
	width: 150px;
}

.method-input-fields label{
	width: 120px;
	float: left;
}

.payment-module{
	margin-top: 10px;
}

.payment-title{
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}

.col2-small{
	width: 22px;
	float: left;
	height: 10px;
}

col2-small input{
	padding: 0px;
	margin: 0px;
}

.col2-wide{
}

/* Checkout - Bestätigung / Auflistung */
.total-info{
	text-align: right;
}

.total-info table{
	width: 100%;
}

.main_product{
	font-weight: bold;
}

.main_product_tr{
	border-bottom: 1px dotted #ccc;
}

/* Statusbar */

.statusbar{
	width: 94%;
	padding-left: 40px;
	height: 30px;
	text-align: center;
}

.status1{
	background: url(../images/status_bg1.gif);
}

.status2{
	background: url(../images/status_bg2.gif);
}

.status3{
	background: url(../images/status_bg3.gif);
}

.status4{
	background: url(../images/status_bg4.gif);
}


.current{
	font-weight: bold;
}

.col4{
	width: 24.8%;
	float: left;
	text-align: center;
	margin-top: 32px;
}

/* Kontaktformular */

#kontaktformular table td {
	padding:5px 10px 5px 0px;
}

#kontaktformular .invalid {
	border:1px solid red !important;
}

#kontaktformular .messageBox .invalid {
	width:auto;
	font-size:0.8em;
	border:none !important;
	font-style:italic;
}

#kontaktformular label {
	display:block;
	
	width:100px;
}

#kontaktformular .contact_text {
	width:226px;
	height:18px;
	
	margin:0px;
	padding:2px;
	
	border:1px solid #4a5358;
}

#kontaktformular .contact_input_size1 {
	width:155px;
}

#kontaktformular .contact_input_size2 {
	width:55px;
}

*html #kontaktformular .contact_input_size2 {
	width:55px;
}

#kontaktformular .contact_input_margin_right {
	margin:0px 5px 0px 0px;
}

#kontaktformular .contact_break {
	margin:0px 0px 5px 0px;
}

#kontaktformular .contact_textarea {
	width:296px;
	height:215px;
	
	margin:0px;
	padding:2px;
	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	
	border:1px solid #4a5358;
}


#kontaktformular .zusatzinfos {
	display:none;
}

#kontaktformular .contact_submit {
	text-align:right;
}

#kontaktformular .contact_submit .input_submit {
	border:none;

	padding:3px 5px;
	
	color:#ffffff;
	font-size:12px;
	
	background-image:url(../images/button-bg-dark.jpg);
	background-repeat:repeat-x;
	background-color:#ffffff;
}

#kontaktformular .focus {
	border:1px solid #343891;
}

#haendlersuchelink{
    color: #333;
    text-decoration: none;
    padding-left: 15px;
}
#haendlersuchelink:hover{
    text-decoration: underline;
}