/* CSS Document */

        
body {
	margin:0px; 
	padding:0px; 
	background-color:#7c070d; 
	font-family:Arial; 
	font-size:9pt;
	height: 100%; /* wichtig */
}

/**** Seitenlayout *******************************************************/

#page {
	width:1000px;
    margin: 0 auto;
    text-align: left;
	color: #ffffff;
	background-color:transparent;
    padding: 0px; 
	vertical-align:top;
	height: 100%;   
	position: relative;  
}

#header {
	width:1000px; 
	height:150px; 
	background-color:#7c070d; 
	text-align:left; 
	font-size:9pt; 
}

#menu{
	vertical-align:bottom; 
	position:absolute; 
	top:100px; 
	left:0px; 
	text-align:left;
}
	
#submenu {
	width:1000px; 
	height:25px; 
	margin:0px 0px 0px 0px; 
	padding:0px; 
	background-color:#909090; 
	background-image:url(../bilder/bg_submenu.jpg)
}

#main {
	width:1000px; 
	min-height:665px;
	background-color:#909090; 
	margin:0px;
}

#left
{
    width:190px; 
	margin:0px;
	padding: 20px 10px 10px 0px;
	border:1px solid black;
}	

#right
{
    width:190px; 
	margin:0px;
	padding: 20px 0px 10px 10px;
	border:1px solid black;
}

#content {
	width:600px; 
	background-color:#909090; 
	padding: 20px 0px 20px 0px;

}

#footer {
	width:1000px; 
	height:20px; 
	background-color:#3b3b3c; 
	text-align:center; 
	font-size:8.5pt; 
	margin:0px;
	padding:5px 0px 0px 0px;
}

#werbung 
{
    margin-top:0px;
    color:#000000; 
}

#produktcontent{
	width:400px;
	position:relative;
	left:222px;
	padding:3px;
	margin: 0px;
}

#eyecatcher1
{
    margin-bottom:20px;
    /*height:200px;*/
    /*border:1px solid black;    */
}
/*#eyecatcher2
{
    height:200px;
    border:1px solid black;    
}
#eyecatcher3
{
    height:200px;
    border:1px solid black;    
}*/



/**** Allgemeine Elemente *******************************************************/

img{
	border:none; 
	margin:0px; 
	padding:0px;
}

table {
	width:100%; 
	border:none; 
}

td{
	vertical-align:top;
}
		
a{
	text-decoration:none; 
	color:#ffffff;
}

h1{
	padding: 0px 10px 10px 10px;
	margin:0px;
	font-size:11pt;
}
h2{
	padding:5px 0px 0px 0px;
	margin:0px;
	font-size:11pt;
}
h3{
	padding:5px 0px 0px 0px;
	margin:0px;
	font-size:10pt;
}
		
a:hover{
	text-decoration:underline;
	/*color: #222222;*/
}
 
.balken {
	height:25px; 
	background-color:#525052; 
	padding:2px 5px; 
	vertical-align:middle;
}

.divbalken
{
    height:15px; 
    background-color:#525052; 
	padding:5px 10px; 
	vertical-align:middle;     
}

.pfeil{
	font-size:11pt;
}



.preisanzeige
{
    font-size: 12pt;
    font-weight: bold;
    color: #222222;
}
.preisinfo
{
    font-size: 10pt;
    font-weight: bold;
    color: #222222;
}
.preisanzeige_small
{
    font-size: 10pt;
    font-weight: bold;
    color: #222222;
}
.preisinfo_small
{
    font-size: 8pt;
    font-weight: bold;
    color: #222222;
}

.preisanzeige_small_w
{
    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;
}
.preisinfo_small_w
{
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff;
}

.preisanzeige_small_w_light
{
    font-size: 10pt;
    color: #ffffff;
}
.preisinfo_small_w_light
{
    font-size: 8pt;
    color: #ffffff;
}

.nicht_auf_lager 
{
    color:#222222;
    font-weight:bold;
}

.produktuebersicht_beschreibung
{
    margin:10px 0px;    
}

.pager a 
{
    text-decoration:underline;    
}

.button
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	margin-top: 2px;
	padding:2px 8px;
	margin-right: 4px;
	border: 1px solid #525052;
	background-color: #222222;
	color: black;	
}       

.imgbutton
{
    border:1px solid #222222;    
}


/*            		
.bar {
	width:1000px; 
	height:20px; 
	background-color:#222222;
}
*/
		        

/*
#navigation{
	margin:0px 0px 0px 0px;
	padding:0px;
}

#navigation ul{
	margin:0px 0px 0px 0px;
	padding:0px;
	color:#222222;
}

#navigation ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	list-style-position:outside;
}

#navigation ul li a{
	color:#ffffff;
	text-decoration:none;
}

#navigation ul li a:hover{
	color:#ffffff;
	text-decoration:underline;
}

/*
#navigation ul li:hover{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	list-style-position:outside;
	color:#ffffff;
}*/


		






.tblWarenkorb 
{
    border-collapse:collapse;
}

.tblWarenkorb tr
{
}

.tblWarenkorb td
{
    padding:4px 5px;
}

#warenkorbBox
{
    
}
#warenkorbBox a
{
    text-decoration: none;
}
#warenkorbBox a:hover
{
    text-decoration: underline;
    background-color:#222222;
}

/*Slideshow fade in Bereich*/
.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}


/*Einkaufshilfe*/
.einkaufshilfe
{
    
}
.einkaufshilfe a
{
    text-decoration:none;
    color:#ffffff;
}
.einkaufshilfe a:hover
{
    text-decoration:underline;
}


/*** Hauptmenü - linker Seitenbereich ********************************************************************************************/
.navigation_hauptkategorien_left
{
    margin:5px 0px; 
    width:178px;  
    overflow:hidden; 
}
.navigation_hauptkategorien_left .hauptkategorien
{
    padding:1px 5px 1px 10px;
}
.navigation_hauptkategorien_left .hauptkategorie_aktuell
{
    padding:1px 5px 1px 10px;
    font-weight:bold;
    color:#222222; 
}
.navigation_hauptkategorien_left .hauptkategorie_aktuell a
{
    font-weight:bold;
    color:#222222; 
}
.navigation_hauptkategorien_left .unterkategorien
{
    padding:1px 5px 1px 20px;
}
.navigation_hauptkategorien_left .unterkategorien a
{
    color:#222222;    
}

/*** Content im linken und rechten Seitenbereich unterhalb der jeweiligen Überschriftenbalken ****/
.content_seitenbereich
{
    padding:5px 5px 30px 10px;
}



.meldung
{
    padding:10px 10px 10px 10px;
    margin-right:5px;
    margin-bottom:10px;
    border:1px solid #b9040d;   
    background-color:#ffffff; 
    color:#b9040d;
    font-weight:bold;
}

.meldung_validationsummary
{
    padding:10px 10px 0px 10px;
    margin-right:5px;
    margin-bottom:10px;
    border:1px solid #b9040d;   
    background-color:#ffffff; 
    color:#b9040d;
    font-weight:bold;
}


/* Message, z.B. für Meldung bei fehlender Artikelvariantenauswahl */
.msg
{
    color:#b9040d;
    font-weight:bold;
    margin:10px 0px;
}


/* PAGER CUSTOM BUTTONS (FIRST, PREV, NEXT, LAST) */
.pagerCustomButton_left
{
    margin-right:20px;    
    float:left;
}
.pagerCustomButton_right
{
    margin-left:20px; 
    float:right;   
}