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

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

#content_produkt {
	width: 915px;
	padding-bottom: 50px;
	background: url('../images/faux_bg.jpg') repeat-y;
}

	#content {
		width: 915px;
        height: auto;
		text-align: center;
		margin: 0 auto;
        text-align: left;
	}
	#content_top {
		height: 85px;
		width: auto;
		background-color: #FFFFFF;
		text-align: left;
		border-bottom: 2px solid #CCCCCC;
        position: relative;
        font-size: 24px;
        color: #651919;
        top: 0; right: 0;
	}
    #content_top_left {
        height: auto;
        position: absolute;
        top: 28px;
        left: 5%;
        font-weight: bold;
    }
    #content_top_text {
        position: absolute; 
        right: 213px; 
        top: 39px;
        font-size:12px;
    }    
    #content_top_right {
        height: auto;
        position: absolute;
        top: 28px;
        right:78px;
        font-weight: bold;
    }
    #content_top_perpiece {
         position:absolute;
         top:39px;
         right:20px;
         font-size:12px;
    }
    /* Überschrift Oben */
    #top_headline {
        vertical-align:middle;
        display:table-cell;
        font-size: 24px;
        height: 85px;
        color: #651919;
    }
 	#content_left {
 	  	width: 568px;
		height: auto;
		background-color: #F1EEE9;
        padding: 10px;
		float: left;
        border-right: 2px solid #CCCCCC;
	}
    
    #content_left .produkt_thumb{
        width: 80px;
        height: 100px;
        
        margin: 0px auto;
        margin-bottom: 15px;
        border: 1px solid #C8C7C5;
    }
    
    #content_left .produkt_thumb span{
        height: 17px;
        padding-top: 3px;
        display: block;
        
        background: #9a9a9a;
        color: white;                       
        text-align: center;     
    }
    
    #produkt_leiste{
        width: 100px;
        float: right;
    }
    
    .select_box{
        width: 125px;
    }
    
    /*#content_leftinside {
        background: #f1eee9;
        width: 100%;
        height: 100%;
    } */
    
	#content_right {
		width: 325px;
		min-height: 300px;
		background: #FFFFFF;
        
		float: right;
	}
    
    .content_container{
        padding-left: 35px;
        padding-top: 5px;    
        padding: 10px 0px 10px 35px;
    }
    
    .product_option{
        line-height: 20px;
    }
    
    .anzahl_input{
        background: url('../images/anzahl_Bg.jpg') no-repeat;
        border: 0px;
        
        padding: 3px;
        
        width: 43px;
        height: 18px;
        
        float: left;
    }
    
    .anzahl_plus:hover, .anzahl_minus:hover{
        cursor: pointer;
    }
    
    .anzahl_plus{
        width: 34px;
        height: 24px;
        
        float: left;
        
        background: url('../images/anzahl_plus.jpg');
    }
    
    .anzahl_minus{
        width: 34px;
        height: 24px;
        
        float: left;
        
        background: url('../images/anzahl_minus.jpg');        
    }
    
    span.colour_picker{
        width: 15px;
        height: 15px;
        float: left;
        clear: left;
        display: block;
        margin-right: 8px;
    }
    
    span#blau{
        background: #3D2B7F;
    }
    
    span#gruen{
        background: green;
    }
    
    span#grau{
        background: gray;
    }
    
    span#bordeaux{
        background: #671724;
    }
    
    
    .r_content {
        width: 100%;
        min-height: 80px;
        border-bottom: 2px solid #CCCCCC;
    }
    .r_content_last{
        width: 100%;
        min-height: 80px;        
    }
    .r_content_headline {
        position: relative;
        height: 40px;
        background-color: #f8f7f5;
        font-size: 12px;
        line-height: 25px;
    }
    .number {
        background-image: url(../images/number.jpg);
        background-repeat: no-repeat;
        background-position: 50%;
        position: absolute;
        top: 15%;
        left: 10%;
        text-align: center;
        color: #FFFFFF;
        font-weight: bold;       
        height: 25px;
        width: 25px;
    }
    .headlineText {
        position: absolute;
        top: 15%;
        left: 20%;
        font-size: 14px;
        color: #4d4d4b;
    }
    
    .preis_total{
        font-size: 13pt;
        text-transform: uppercase;
        color: #515151;
    }
    
    .preis_wert{
        font-size: 18pt;
        text-transform: uppercase;
        color: #515151;        
        font-weight: bold;
    }
    
    .warnhinweise{
        background: #F1EEE9;
        width: 265px;
        min-height: 30px;
        padding: 5px;
        padding-top: 0px;
        
        margin-top: 10px;
    }
    
    .warnhinweise h2{
        text-transform: uppercase;
        font-size: 16px;
        font-weight: normal;
    }
    
    .warenkorb{
        margin-top: 5px;
    }
    
    #product_big {
        background-color: #FFFFFF;
        border: 2px solid #CCCCCC;
        
        
        float: left;
    }
        
        #product_big .detail-point {
            cursor: pointer;
            
            z-index:10;
        }
        
        #product_big .detail-button {
            position:absolute;
            
            cursor:pointer;
            
            z-index:1;
        }
        
        #product_big span .detail-image {
            position:absolute;
            top:-41px;
            left:-41px;
            
            width:100px;
            height:100px;
            
            padding:5px;
        
            border:1px solid #651919;
            background:#ccc;
            
            display:none;
            
            z-index:0;
        }
                
        #product_big #produktgross {
            position:relative;
            
            z-index:0;
        }
        
        #product_big #detailgross {
            position:absolute;
            
            z-index:5;
        }
        
        #product_big #detailgross .detail-image {
            position: absolute;
            top:0px;
            left:0px;
            
            z-index:5;
        }
        
        #galright {
            position:absolute;
            top:0px;
            right:0px;
            
            width:227px;
            height:454px;
            
            background:url(../images/blank.gif);
            
            cursor:pointer;
            
            z-index:10;
        }
        
        #galright .background {            
            width:227px;
            height:454px;
            
            background:url(../images/gallery_next_button.png) no-repeat top right; 
            
            display:none;                     
        }
        
        #galleft {
            position:absolute;
            top:0px;
            left:0px;
            
            width:227px;
            height:454px;
            
            background:url(../images/blank.gif);
                       
            cursor:pointer;
                        
            z-index:10;
        }
        
        #galleft .background {
            width:227px;
            height:454px;
            
            background:url(../images/gallery_prev_button.png) no-repeat;
            
            display:none;                                  
        }
        
        #close {
            position:absolute;
            top:5px;
            right:5px;
            
            width:26px;
            height:26px;
            
            background:url(../images/gallery_close_button.png) no-repeat;
            
            cursor:pointer;
            
            z-index:15;
        }
        
    #zoom-in {
        position:absolute;
        bottom:5px;
        right:5px;
        
        width:16px;
        height:16px;
        
        z-index:100;
    }
        
    #extraimages {
        padding:10px;
        
        border:2px solid #ccc;
        background:#fff;
        
        clear:both;
    }
        
        #extraimages span .detail-image {
            width:100px;
            height:100px;
            
            margin:0px 4px 0px 0px;
            padding:0px;
            
            border:1px solid #ccc;
            
            cursor:pointer;
        }
    
    /* Warenkorb Tabelle */
    
    table.warenkorb{
        border: 2px solid #CCCCCC;
        width: 560px;
    }
    
    table.warenkorb td{
        
        border-left: 2px solid #CCCCCC;
        padding: 5px;
        background: white;
    }
    
    table.warenkorb thead th{
        text-align: left;
        background: #cccccc;
        margin: 1px;
        border-left: 2px solid #F1EEE9;
        padding-left: 3px;
        color: #651919;
    }
    
    table.warenkorb thead th.first{
        border-left: 0px;
    }
    
    table.warenkorb td.first{
        border-left: 0px;
    }
    
    table.warenkorb tbody td{
        border-bottom: 1px solid #cccccc;
    }
    
        
    .total-info{
        width: 550px;
        background: #CCCCCC;
        border-left: 2px solid #cccccc;
        padding: 5px;
        margin-left: -1px;  
        color: #651919;

    }
    
    .warnung_warenkorb{
        width: 550px;
        background: none;
        padding: 5px;
        margin-left: -1px;  
        color: #651919;
    }
    
    /* Submit form */
    
    .submit_form{
        padding: 10px;
    }
    
    table.submit_form{
        width: 320px;
    }
    
    table.submit_form td{
        width: 75px;
        height: 25px;
        vertical-align: middle;
    }
    
    table.submit_form .input_text{
        width: 190px;
        overflow: auto;
    }

    .anzahl_input_w{
        background: url('../images/anzahl_input_warenkorb.jpg') no-repeat;
        border: 0px;
        
        padding: 3px;
        
        width: 43px;
        height: 18px;
        
        float: left;
    }
    
#content-container .simple-content-wrapper {
    padding:20px 10px;
}
    
    #content-container .simple-content-wrapper h1 {
        margin:0px 0px 10px 0px;
        padding:0px;
        
        color:#651919;
        
        font-size:24px;
    }
    
    #content-container .simple-content-wrapper h2 {
        margin:0px 0px 10px 0px;
        padding:5px;
                
        font-size:16px;
        color:#651919;
        
        background:#E4D5B1;
    }
    
    #content-container .simple-content-wrapper .info-box {
        margin:0px 0px 10px 0px;
        
        border:1px solid #E4D5B1;
    }
    
        #content-container .simple-content-wrapper .info-box p {
            padding:0px 10px;
        }
    
    #content-container .simple-content-wrapper ul {      
        margin:0px;
        padding:0px 0px 0px 50px;
        
        list-style-image: url(../images/bullet.jpg);
    }
    
        #content-container .simple-content-wrapper ul li {
            padding:5px 0px;
        }

.warnhinweise ul {      
        margin:0px;
        padding:0px 0px 0px 30px;
        
        list-style-image: url(../images/bullet.jpg);
    }
    
.warnhinweise ul li {
            padding:5px 0px;
        }
    
    #content-container .simple-content-wrapper p {
        margin:0px 0px 10px 0px;
    }
    
    /*#content-container .simple-content-wrapper img {
        padding:5px;
        
        border:1px solid #651919;
        background:#ccc;
    }*/
    
    #content-container .simple-content-wrapper table {
        border:none;
        border-collapse:collapse;
    }
    
        #content-container .simple-content-wrapper td {
            margin:0px;
            padding:5px;
        }
    
    #content-container .simple-content-wrapper a {
        color:#651919;
        font-weight:bold;
        text-decoration:none;
    }
    
        #content-container .simple-content-wrapper a:hover {
            text-decoration:underline;
        }
    
    .textpic_text{
        float: left;   
        padding-right: 15px;
        min-width: 400px;
        max-width: 500px;
    }

    .textpic_image{
        float: left;
        max-width: 360px;
    }    
    .textpic_image img{
        max-width: 360px;
    }


/* Kontakt */
.content table td {
	padding:5px 10px 5px 0px;
}

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

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

.content label {
	display:block;
	
	width:100px;
}

 .contact_text {
	width:246px;
	height:18px;
	
	margin:0px;
	padding:2px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	border:1px solid #9c9d9d;
}

 .contact_input_size1 {
	width:175px;
}

 .contact_input_size2 {
	width:57px;
}

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

 .contact_break {
	margin:0px 0px 5px 0px;
	margin-top: 10px;
}

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

.contact_submit {
	text-align:right;
}
#error_box {
    border: 1px solid #E4D5B1;
    padding: 2px;
    width: 95%;
    margin: 0px auto;
    margin-bottom: 5px;
}