/* Standard "margin" und "padding" Werte auf 0 setzen */
* {
    margin:  0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.err {
	color: red;
}
/* Scrollbalken erzwingen, damit das Layout nicht "springt" */
html {
	min-height: 110.05%;

	
}

div {
	border: 0px solid #f3c;

	
}


/* Body-Element; enth�lt den Header-Hintergrund */
body {
	width:         960px;
	height:	700px;
	overflow:auto; overflow-x:hidden; overflow-y:scroll;
	background-image:  url('images/header.jpg');
	background-repeat: no-repeat;
	background-color:#fff;
	position: absolute;
	top: 0px;
	
}

/* Container in dem alle Inhalte (links, rechts, mitte) enthalten sind */
#container {
	border: 0px solid #f3c;


	width:  623px !important;
	height: 362px;
	overflow:hidden;
	position: absolute;
	left: 320px;
	top: 225px;


	
	

}

/* Kopfbereich der Seite, das Logo wird im body {...} Bereich eingebunden */
#header {
    height:        180px;
}

/* Linke Navigation */
#left {
	border: 4px solid #000;
	float:    left;
	width:    160px !important;
	position: absolute; 
	margin-left: 0px;
	margin-top: 0px;
	padding: 0; 0; 

}

/* Linke Navigation: TagCloud Links */


/* Linke Navigation: TagCloud Links (mouseover) */

/* Rechte Navigation */
#right {
	float:        right;
	width:        175px;
	height:		160px;
	border:	0px solid #ccc;
	text-align:     right;
    vertical-align: bottom;
    padding-top: 0px;
    padding-right:15px;
    background-color: #fff;
}

/************************/
/**** CONTENT  START ****/
/************************/
/* Mittlerer Bereich, in dem der eigentliche Inhalt angezeigt wird */
#content {
	border: 0px solid #f30;
	float:       left;
	width:       475px! important; 
	height:	360px! important;
    font-family:       'Lucida Sans', Lucida Grande, Calibri, Tahoma, Arial, Verdana, Sans-Serif;
    font-size:   12px;
    color:	#555;
	margin-left:  -10px;
	    	overflow: auto;
	overflow-x: hidden;
    overflow-y: auto;
	
}

/* Tabelle zur Darstellung der grauen Content-Boxen */


#content .table_light_content {
    border-left: 0px solid #fff;
}



#content .th_light_middle {


    font-size: 14px;
    font-weight: bold;

    border: 0px solid #ccc;

    text-align:       left;
    color: #b70618;

}

#content .proddetail {

    width: 440px;

    margin-top:0px;
    	overflow: auto;
	overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 10px;
    
    
    
    

}

#content .shortprod2 {

    width: 240px;

    margin-top:0px;

    padding-bottom: 10px;
    
    
    
    

}

#content .headproddetail2 {


    font-size: 1.4em;
    font-weight: bold;
background-color: #b70618;
    border: 0px solid #b70618;

    text-align:       center;
    color: #fff;

}






/* Inhaltbereich f�r die grauen K�sten */
#content .td_light_content, #content .td_light_content_nb {
    border-right:   0px solid #fff;
    padding:        10px 10px 5px 10px;
    text-align:     center;
    vertical-align: top;
}

/* Inhaltbereich f�r die grauen K�sten, ohne Rahmen (f�r Randelemente) */
#content .td_light_content_nb {
	border: none;
}

/* Untere Zelle der grauen K�sten */
#content .td_light_footer {
    border-right:     0px solid #ccc;
    border-bottom:    0px solid #ccc;
    border-top:       0px solid #ccc;
    padding:          0px 0px 0px 0px;
    text-align:       center;
    vertical-align:   top;
    background-color: #fff;
}

/* Infoelemente mit kleinerer Schrift; im Content-Bereich */
#content .small_info {
    padding:   3px 0px 3px 0px;

 font-variant: italic;
    font-size: 0.9em;
    color:     #555;
    border: 0px solid #ccc;
   
}

#content .details {
	margin-left: -20px;
    width: 400px!important;
    text-align: center;
    font-size: 0.9em;
    color:     #b70618;
    border: 0px solid #b70618;
    
   
}


#content .details2 {
	margin-left: 0px;
    width: 470px!important;
    text-align: left;
    font-size: 0.9em;
    color:     #555;

    border: 0px solid #ccc;
   
}

/* Links im Content-Bereich */
#content a, #content a:visited {
	color:           #555;
	text-decoration: none;
}

/* Links im Content-Bereich (fokusiert, oder mouseover) */
#content a:hover, #content a:focus {
	color: #b70618;
}

/* TagCloud im Content-Bereich, oder im Men� */
#content .tagCloud a:hover, #right .tagCloud a:hover {
	color:            #ffffff;
	background-color: #333;
	border:           none;
}

/* �berschriften im Content-Bereich: Ebene 3 */
#content h3 {
    padding:5px;
    background-color: #fff;
    border: 0px solid #ccc;
}

/* Grafiken im Content-Bereich, die Innerhalb eines Links liegen */
#content a img {
	border: none;
}

/* �berschriften der Ebene 1 in Tabellen */
#content table h1 {
	font-size: 8px;
}

/* Listen im Content-Bereich; keine Aufz�hlungszeichen */
#content ul {
	list-style-type: none;
}

/* Listenelemente */
#content ul li {
	line-height: 16px;
}

/* Formatierung des Tabellenkopfes f�r die Inhaltcontainer */
#content .td_light_border_top {
	border-top: 1px solid #fff;
}

/* Hintergrundformatierungen f�r die Content-Bereiche */
#content .product_details {

	padding:          0px;
	background-color: #fff;
	border:           5;
	width:            465px!important;
	border-top:       none;
	padding: 0px;
}

#content .faq {

	padding:          0px;
	background-color: #fff;
	border:           5;
	width:            465px!important;
		height: 320px;
	overflow: auto;
	overflow-x: hidden;
    overflow-y: auto;
	border-top:       none;
	padding: 0px;
}


#content .faqtext {

    font-size: 0.9em;
    vertical-align:top;
    color:     #666;
}

#content .faqtextr {

    font-size: 0.9em;
    vertical-align:top;
    color:     #b70618;
}


 
 
#content .common_details {
    
    font-size: 0.9em;
    line-height: 10px;
    color:     #b70618;
    border: 0px solid #b70618;
	padding:          0px;
	background-color: #fff;
	border:           0px solid #ccc;
	border-top:       none;
	width: 465px;
	height: 320px;
	overflow: auto;
	overflow-x: hidden;
    overflow-y: scroll;
}

/* Oberer Rahmen f�r verschiedene Element, die optisch abgetrennt werden sollen */
#content .bt {
	border-top: 1px solid #ccc;
}

/* Infotext im Content-Bereich; Kleinere Schrift, hellgrau */
#content .product_details .info {
	font-size: 0.8em;
	color:     #555;
	padding:   0px;
	
}
/* Auswahllisten im Content-Bereich */
#content select {
	width:         125px;
	margin-bottom: 3px;
}

/* Auswahllisten im Content-Bereich (Produkte) */
#content .product_details select {
	background-color: #fafafa;
	border:           1px solid #ccc;
	width:            125px;
}

/* Kommentare zu den Produkten */
#content .product_details .product_details_comments {
	padding: 0px 0px 10px 0px;
}

/* Eingabefelder, (Passwort, Text, Textarea, Select) */
#content input[type=text], #content input[type=password], #content textarea, select {
	color:            #333;
	background-color: #fafafa;
	border:           1px solid #cccccc;
}





/************************/
/**** CONTENT  ENDE  ****/
/************************/

/* Seitenfu� */


#footer {
    padding:          4px 0px 0px 0px;
    position:         absolute;
    top:				590px;
    left:      70px;
    height:           16px;
    font-size:        9px;
    
    clear:            both;

}
/* Seitenfu�: Container f�r die Links */
#footer span {
}

/* Seitenfu�: Links */
#footer span a {
color:     #666;
    text-decoration: none;
    text-transform:uppercase;
        text-align:       right;
}

#footer span a:hover {
    color:#b70618;
    
}

/************************/
/**** TOP-NAVI START ****/
/************************/
#navi {
    width:             550px;


    position:          absolute;
    top:               178px;
    left:              320px;
}


/* 

#navi ul {
    list-style-type: none;
}


#navi ul li {
    display: inline;
}


#navi ul li a {
    color:           #b70618;

    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .15em;
    font-size:       12px;
    font-weight:     bold;
    padding-right:	10px;
    padding-left: 	10px;
        padding-bottom:	6px;


}


#navi ul li a:hover {
	color: #999;
	
background:   url('images/arrow2.gif') no-repeat bottom center #ffffff; 
	border-bottom: 0px solid #999; 
	background-color: transparent;
	
} 


*/


/************************/
/**** TOP-NAVI ENDE  ****/
/************************/

/* Grafiken: ohne Rahmen, wichtig f�r Grafiken, die in Links stehen */
img {
    border: none;
}



/* Ueberschriften: Ebene 2 */
h2 {
	font-size: 13px;
}

/* Logo der Website */
#logo {
	position: relative;
	top:      5px;
	left:     10%;
    width:    350px;
}

/* Gesonderte Formatierung der Ueberschrift Ebene 1 bei den allgemeinen Geschaeftsbedingungen */
#gtc h1 {
	font-size:        11px;
	background-color: #eee;
	border:           1px solid #ccc;
	padding:          5px;
}

/* Gesonderte Formatierung der Ueberschrift Ebene 3 bei den allgemeinen Geschaeftsbedingungen */
#gtc h3 {
	font-size: 14px;
}

/* Gesonderte Formatierung der Absaetze bei den allgemeinen Geschaeftsbedingungen */
#gtc p {
	padding:          10px;
	background-color: #fafafa;
	border:           1px solid #ccc;
	border-top:       none;
	margin-bottom:    10px;
}

/* Bereich im Header der Seite, in dem die Auswahlfelder fuer die Waehrung und die Brutto- u. Nettopreise stattfinden */
#panel_lang_money {
    background-repeat: no-repeat;
    position:          absolute;
    top:               0px;
    left:              52%;
    width:             280px;
    height:            50px;
    padding:           0px 0px 0px 19px;
}

/* Auswahlfeld fuer die Brutto oder Nettopreise; spaetere Verwendung auch fuer die Auswahl der Sprachen*/
#panel_lang_money #languages {
    float:  left;
    margin: 13px 0px 0px 0px;
}

/* Flaggen fuer die Sprachenauswahl */
#panel_lang_money #languages img {
    margin: 0px 5px 0px 0px;
}

/* Anzeige der Waehrung im Header der Seite */
#panel_lang_money #currency {
    padding: 13px 15px 0px 15px;
}

/* Wird nicht mehr benutzt */
#panel_lang_money #brunet {
	padding: 10px 15px 0px 15px;
}

/* Auswahlfeld der Waehrung */
#panel_lang_money  select {
    width: 105px;
}

/* Trennzeichen zwischen den beiden Select-Feldern im Header */
.panel_space_pipe {
    color:     #fff;
    float:     left;
    font-size: 28px;
    padding:   3px 0px 0px 0px;
    margin:    0px 15px 0px 15px;
}

/* Positionierung des Suchfeldes */
#search {
    position:          absolute;
    top:               3px;
    left:              780px;
    background-repeat: no-repeat;
    width:             130px;
    height:            25px;
    padding:           0px 0px 0px 15px;
}

#search p {
    margin:      0px 0px 4px 11px;
    font-size:   10px;
    color:		#b70618;
    font-weight: bold;
}

/* Linke Navigation; speziell Kategorien */
#categories {
border: 0px solid #fcc;
    font-family:       'Lucida Sans', Lucida Grande, Calibri, Tahoma, Arial, Verdana, Sans-Serif;
	float: left;
	width: 150px;
	margin-left: 0px;
	background:  url('images/stopkaufen.jpg') no-repeat top left;
	
}

/* Schriftart und Gr��e f�r die Kategorien */
#categories, #right {
    font-size:   11px;
}

/* Breite f�r die Kategorien */
#categories table, #right table {
    width: 160px;
}

/* Formatierung des Hintergrundbildes f�r die Kategorien (Kopf) */
#categories .categories_txt, #right .categories_txt {

    text-align:        left;
 /*   font-family:       'Lucida Sans', Lucida Grande, Calibri, Tahoma, Arial, Verdana, Sans-Serif; */
    font-size:         10px;
line-height: 	1.4em;
    color:             #b70618;
   
   
}

/* Formatierung des Hintergrundbildes f�r die Kategorien (Inhalt) */
#categories .td_categories_content, #right .td_categories_content, #left .td_categories_content {

    padding-top:           0px;

}

#categories  #right .td_categories_content, #left .td_categories_content a:hover {
	color: #999;
	

	
}




/* Formatierung des Hintergrundbildes f�r die Kategorien (Fu�) */
#categories .th_categories_bottom, #right .th_categories_bottom {
    background-repeat: no-repeat;
    height:            10px;
}

/* Formatierung der Links enthaltenden Liste f�r die Kategorien */
#categories ul, #right ul {
    list-style-type: none;
/*    font-family:     'Lucida Sans', Lucida Grande, Arial, Verdana, Sans-Serif; */
    font-size:       1.0 em;
    padding:         0px 13px 0px 5px;
   
}

/* Listenelemente */
#categories ul li, #right ul li {
    background-repeat: no-repeat;
    padding:           0px 0px 0px 0px;
    
}




/* Links in den Listenelementen */
#categories ul li a, #right ul li a {

    text-decoration: none;
}

/* Hintergrund und Breite f�r Formulare in den Men�s */
#categories form, #right form, #left .or_bg {
	background-repeat: repeat-y;
	padding:           8px;

}

/* Links in den Men�s */
#categories a, #right a {
	color:           #b70618;
	text-decoration: none;
	line-height: 22px;
}

#categories ul li a:hover, #xright a {
	color: #fff;
	background-color: #b70618;

}

#categories ul li .active, #xright a {
	color: #fff;
	background-color: #b70618;
}

/* Eingabefelder in Formularen, die im Men� enthalten sind */
#categories form input {
	background-color: #f8f8f8;
	border:           1px solid #333;
}

/* Unterelemente in den Men�s (Kopf) */
.cat_header {
    background-repeat: no-repeat;
    height:            25px;
    margin-top:        75px;
    font-size:         14px;

    color:             #ffd75c;
    font-weight:       bold;
    width:             1200px;
}

/* Unterelemente in den Men�s (Fu�) */
.cat_footer {
    background-repeat: no-repeat;
    height:            13px;
    width:             230px;
}

/* Globale Style Definitionen (Schrift, Gr��e etc.) */
p.fs_small {
	font-size: 10px;
}

p.fs_middle {
	font-size: 14px;
}

p.fs_big {
	font-size: 16px;
}

.top {
	margin-bottom: 2px;
}

.center {
	text-align: center;
}

.r {
	text-align: right;
}

.inlit input {
	width: 122px;
}

/* Formatierte Div-Elemente f�r den Inhalt */
/*
div.bg_light {
	background-color: #fff;
	border:           0px solid #ff6600;
	border-top:       none;
	padding:          px;
	margin-bottom:    0px;
}
*/

/* Formatierte Div-Elemente f�r die Men�s */
.bg_light_menu {
	background-position: bottom;
	background-repeat:   no-repeat;
	border-top:          none;
	padding:             7px;
	margin-bottom:       20px;
}

/* Liste "Sonstiges" im rechten Men� */
#misc {
	list-style-type: none;
	padding-left: 5px;
	line-height: 18px;
}

/* �berschriften in den Men�s */
.misc {
	border-bottom:       0px solid #ff6600;
	padding:             3px 3px 3px 15px;

	font-size:           10px;
	color:               #555;
	
}

/* Warenkorb Produkt-kopfbereich */
.cartBox {
	font-size:           10px;
	font-weight:	 bold;
	color:               #fbe5ef;

	border:       0px solid #fff;
	border-right:     2px solid #fbe5ef;
	border-bottom:     2px solid #fbe5ef;
	padding:          2px 5px 2px 7px;
	background-color: #b70618;
	margin-bottom:    2px;

}

/* Warenkorb Links */
.cartBoxLeft {
	border-right: 0px solid #ccc;
}

/* Warenkorb Elemente */
.cartBoxes {
	border: 0px solid #b70618;

}
/*
.active {font-weight: bold;}
*/



/* css hinzugefuegt ob */


#startseite {
	margin-left: 0px;
	margin-top: 0px;
 
    color: #b70618;
    font-size:   1.0em;
	width:  460px;
	height: 322px;
	

}

.starttxt {
	margin-left: 160px;
	margin-top: 10px;
    color: #666;
    font-size:   12px;
        line-height: 15px;

    padding-left: 10px;
    
	



}

.starttxt2 {
	margin-left: 0px;
	margin-top: 0px;
	valign=bottom;
    color: #b70618;
    font-size:   12px;
    line-height: 15px;
    padding-top: 5px;
    
    clear: both;
	



}

.startpix {
	margin-left: 0px;
	margin-top: 10px;
       float:     left;
    
   
    border=none;
  
 }
 
 .warenkorbkopf {
 background-color: #b70618;



    font-weight: bold; 
    color: #fff;
    
    font-size:   1.1em;
    text-align: center;
    line-height: 15px;
    padding-bottom: 3px;
    border-bottom: 0px solid #fff;

}

#content .warenkorbsheet {
	margin-top:          0px;
	background-color: #fbe5ef;
	border:           0px solid #ccc;
	width:            465px!important;
		height:	320px! important;
	overflow: auto;
	overflow-x: hidden;
    overflow-y: auto;
	border-top:       none;
	padding-left: 10px;
	padding-top: 10px;
}
 
 #warenkorb {
	margin-left: 40px;
	margin-top: -240px;
	
 
    color: #b70618;
    font-size:   0.9em;
	width:  100px;
	height: 62px;
	background-color: #fff;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;

}

 .warenkorbtext {

	width: 460px;

    color: #b70618;
    
    font-size:   0.9em;


}

#content .shortprod {

	background-color: #fff;
	float: left;

	border:           0px solid #ccc;

	padding-right:30px;
}

#content .preiselementshort {

	background-color: #fff;
	width: 300px;

	border:           0px solid #ccc;

	padding-left: 0px;
}




.xprice {


	valign: bottom;
	color: #b70618;
    font-size: 1.5em;
    font-weight: bold;

}

.xprice2 {


	valign: bottom;
	color: #555;
    font-size: 1.0em;


}


.link2 {


	valign: bottom;
	color: #f3c;
    font-size: 1.0em;


}

#order {
	font-size: 11px;
	color: #333;
	background-color: #fff;
	position: absolute;
	border:          0px solid #f3c;
	width:            620px!important; 
	height:		355px;
	margin-left: 10px;
	position: absolute;
	margin-top: 0px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;

	padding-left: 0px;
}

.box {
margin-left: 0px;

height: 100%;

}

.p100 {
margin-left: 0px;
height: 100%;

}

.p48{
margin-left: 0px;
margin-top: 10px;
height: 100%;
}

.cart {
margin-left: 0px;
margin-top: 10px;
height: 100%;

}


.orderright {

	float:right;
	background-color: #fff;
	border:           1px solid #ccc;
	width:            220px;

	padding-right: 10px;
	padding-left: 30px;
	margin-right: 10px;
	margin-top: 	20px;
}

.orderleft{


background-color: #fff;
	border:           0px solid #b70618;


	padding-right: 0px;
	margin-right: 10px;
	margin-top: 	5px;
}

.orderkopf{
	margin-top:          10px;
	background-color: #fff;
	border:           9;
	width:            101%x!important;
	border-top:       none;
	padding: 0px;
}

.orderleiste{
	border:		0px solid #b70618;
	width:23%;
	float:left; 
	margin-right:2px;
	padding:1px;
	height:15px;
	text-align: center;
	color: #fff;
    font-size: 11px;
    font-weight: bold;

	background-color: #b70618;
	
}


#info {
	
	background-color: #fff;
	border:           0px solid #f3c;
	width:            610px!important; 
	height:		355px;
	overflow:auto; overflow-x:hidden; overflow-y:scroll;
	margin-left: 	-140px;
	margin-top:		0px;
	padding-left: 0px;
}

.hrot {

font-size: 14px; 
color:#b70816 ;
font-weight:bold;
text-transform:uppercase;
}


.dealer {
	
	background-color: #fff;
	font-size:	12px;
	font-weight: 	bold;
	color:	#fff;
	border:           0px solid #f3c;
	width:            120px;

	
	margin-top:		5px;
	padding-left: 4px;
}


#content .prodbildgr {
	float: left;
	width: 305px;
	
	margin-top:0px;
	margin-bottom:0px;
}

/* weiter-buttons im bestellvorgang */


.weiter {
	margin-top: 15px;


}


.weiterbutt {
	background-color:#fbe5ef;
	color:#b70618;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	line-height: 15px;
	cursor:pointer;
	width: 295px;
	border:2px solid #b70618;

}



/*
.proddetailprice {

	border: 3px solid #f3c;
	width: 120px! important;
	position: relative;
	
	margin-top:0px;
	margin-left: 200px;
	margin-bottom:0px;
	
}
*/