﻿/* CSS Document */
body
{background-image:url(images/bg-linie.gif);
background-repeat:repeat-y;}

html, body, form,
ul, ol, 
blockquote,
h2, h3, h4, h5
{   padding:0;
    margin:0;
    border:0;
    border-collapse:collapse;
    list-style:none;}

body {	font-family: Verdana;
        font-size: 10px;
        font-style: normal;
        font-weight: normal;	
	    background-color:#ffffff; 
	    /*background-image:url(images/bg-linie.gif);
		background-repeat:repeat-y;*/
		}
		
 div.title
{width:100%;
 border-bottom:1px solid #fff;
 border-top:1px solid #fff;
 height:15px;
 padding:3px 0 0 0px;
 background-color:#E66545;
 background-image:url(images/bg_headline.gif);
 background-repeat:repeat-y;
 margin:0px 0 0 0;
 }
		

 
 div.headline
{width:100%;
 border-bottom:1px solid #fff;
 border-top:0px solid #fff;
 height:15px;
 padding:3px 0 0 0px;
 background-color:#E66545;
 background-image:url(images/bg_headline.gif);
 background-repeat:repeat-y;
 margin:0 0 0 0;
 }
 
 h1.inheadline
 {margin:0;
  padding:0px 0 0 3px;
  background-image:none;
  border-top:0px solid;
  background:transparent;
  color:#fff; 
  font-weight: bold;
  width:90%;
  font-size:10px;}
  
 h1.title
 {margin:0;
  padding:0px 0 0 3px;
  background-image:none;
  border-top:0px solid;
  background:transparent;
  font-size: 10px;
  color:#000; 
  font-weight: normal;
  width:90%}

br.breaker{clear:both; padding-top:2px;}
img {	border:0px;	}
img a { cursor: pointer;}
p.infotext{padding: 3px 20px 5px 0;}
.right{text-align:right; width:100%;}
.rightfloat{float:right;}
.left{float:left; width:100%;}
.center
{text-align:center;}

.clear{height:15px;clear:both;}


table.noborders, table.noborders tr, table.noborders tr td
{
	padding: 0px;
	margin: 0px;
	border: solid 0px black;
	border-collapse: collapse;
}

.red  {
	font-weight : bold;
	font-size:10px;
	color : #ED1D24;
	text-decoration:none
	}
.blackmiddle {
	font-size : 12px;
	color : #000000;
	}
.blacksmall {
	color : #000000;
	}
	
/*Grosse Statusmeldung Gutscheincode*/

.statusbig
{font-size:13px;
 font-weight:bold;}

#left
{position: absolute;
left:0px;
top:0px;
width: 175px;}



#headerleft{
height:177px; 
width:175px; 
border-right:1px solid #fff; 
}

#right
{
 margin-left:176px;
 background-image:url(images/hg_header.jpg); 
background-repeat:repeat-x;
background-color:#fff;}




#headerright
{
	
height:138px; 
width:600px; 
background-image:url(images/hg_headerright.jpg); 
background-repeat:repeat-x;
border:0px solid #ff0000;
}

	
/*Paging*/
.pagingarticle
{margin:8px 0 0 0;
 padding:0 0 0 6px;
 border:0px solid;}
 
 .pagingarticle input
 {background:transparent;
  color: #999999;
    font-weight:bold;
  width:100px;
  padding:0 !important;
  margin:0;
  border:0;
  text-align:left;}
  
  .pager
  {background-color:#fff;
   width:100%;
   padding: 0 0 0px 0;
   height:20px;
   border:0px solid #000;}
   
   .innerpager
  {
  width:600px;
   padding: 0 0 0px 2px;
   border:0px solid #ff0000;
    height:6px;}
   
   
   
    .innerpager input
 {background:transparent;
  color: #808080;
    font-weight:bold;
  width:100px;
  padding:0 !important;
  margin:0;
  border:0;
  text-align:left;
  height:13px;}
   
   
   
   
   
   .innerpager span
  {color:#ED1D24;
   font-weight:bold;}
  
  /* Ende*/

#customerlogo
{height:51px;}


ul.topmenuegrau{
 width:600px;
} 
.topmenuegrau li{padding:2px 10px 2px 4px; display: inline;}
.topmenuegrau li a{color:#fff; text-decoration:none;}
.topmenuegrau li a:hover{color:#000;}

ul.topmenuemain{
margin:2px 0 0 0;
height:47px; 
z-index:5;
padding:0;
background-color:#FFFFFF;
border:0px solid #000;

}

.topmenuemain li{display:inline;}
.topmenuemain li a{
color:#fff; 
background-color:#000000;
float:left;display:block;
padding:15px 0px 4px 5px;
height:14px;
width:94px;
border-right:1px solid #fff;text-decoration: none;
}



.topmenuemain li a:hover{
color:#000; 
font-weight:bold;
background-color:#fff;
background-position: left top;
padding:15px 0px 4px 5px ;
border-right:1px solid #fff;}

.topmenuemain li a.active{
color:#000; 
font-weight:bold;
background-color:#fff;
background-position: left top;
padding:15px 0px 4px 5px ;
border-right:1px solid #fff;}

.topmenuemain li a.firstbutton{
background-image:url(images/hg_button_rot.jpg);
background-repeat: no-repeat;
background-position: left top;
height:28px;
}
.topmenuemain li a.firstbutton:hover{
background-image:url(images/hg_button_rot_over.jpg) !important;
background-repeat: no-repeat;
background-position: left top;
color:#ED1C24 !important;
font-weight:bold;
padding:15px 0px 4px 5px !important;}

.topmenuemain li a.firstbuttonactive{
background-image:url(images/hg_button_rot_over.jpg) !important;
background-repeat: no-repeat;
background-position: left top;
color:#ED1C24 !important;
font-weight:bold;
padding:15px 0px 4px 5px !important;}

.topmenuemain li a.lastitem{ 
padding:3px 0px 4px 5px !important;
border-right:1px solid #fff;
height:26px;
width:94px;
border-right:1px; }

.topmenuemain li a.lastitem:hover{
padding:3px 0px 4px 5px !important;
width:94px;
border-right:1px;
}

.topmenuemain li a.lastitemactive{
padding:3px 0px 4px 5px !important;
width:94px;
height:26px;
border-right:1px;
color:#000; 
font-weight:bold;
background-color:#fff;
}





/* IE6 HACK*/
* html .topmenuemain li a.lastitem

{margin-right:-3px}

* html .topmenuemain li a.lastitemactive

{margin-right:-3px}




/* Ende*/

#dateipfad
{
margin-top:0px;
height:15px; 
padding-left:5px;
color:#ED1D24;
border:0px solid #000;}

#dateipfad a
{	color : #808080;
	text-decoration:none;}
	
#dateipfadpopup
{
margin-top:0px;
height:15px; 
padding-left:5px;
color : #808080;
border:0px solid #000;}

#dateipfadpopup a
{	color:#ED1D24;
	text-decoration:none;}	


ul.leftmenue {
width: 175px;
margin:0;
padding:0;}
ul.leftmenue li{border-bottom:1px solid #000;}
ul.leftmenue li a{
color:#fff; 
display:block;
padding:3px 0 2px 19px;
text-decoration: none;
width:156px;
background-color:#ED1C24;
}
ul.leftmenue li a:hover{
color:#000; 
background-color:#fff;
}
ul.leftmenue li a.active
{
color:#000; 
background-color:#fff;
font-weight:bold;
}

/*erster menuepunkt mit submenue */
ul.leftmenue li.account{border-bottom:1px solid #000;}
ul.leftmenue li.account a{color:#fff; 
background-image:url(images/pfeil_re_weiss.gif);
background-repeat:no-repeat;
background-position: left center;
}
ul.leftmenue li.account a:hover{
color:#000; 
background-color:#fff;
background-image:url(images/pfeil.gif);
background-repeat:no-repeat;
background-position: center left;
}
/*aktiver Zstand des ersten menuepunktes */
ul.leftmenue li.account a.active{
color:#000; 
background-color:#fff;
background-image:url(images/pfeil.gif);
background-repeat:no-repeat;
background-position: center left;
}

ul.leftmenue li.account a.clicked{
color:#000; 
background-color:#ffbb9b;
background-image:url(images/pfeil.gif);
background-repeat:no-repeat;
background-position: center left;
}

ul.leftmenue ul{margin:0; padding:0;}
/*ul.leftmenue li ul li{border-bottom:1px solid #000; height:17px; line-height:17px; margin:0;
padding:0;}*/
ul.leftmenue ul li a{
color:#fff; 
/*display:block;
padding-left:19px;
text-decoration: none;
width:156px;*/
background-color:#999999;
background-image:none!important;
}
ul.leftmenue ul li a:hover{
color:#000; 
background-color:#fff;
}

.menuebildrechts

{position:absolute; top:0px; left:746px; display:inline; z-index:2;}

#bildobenlinks{width:175px; height:49px;border-bottom:1px solid #fff;text-align:center; background-color:#fff;}

#telefonkontakt{width:175px; height:16px; text-align:center; padding-top:2px; background-color:#9A999E;}
#telefonkontakt a{text-decoration:none; color:#000;}
#telefonkontakt a:hover{color:#fff;}

#login{width:175px; position:absolute; top:65px; background-color:#000; padding-top:3px; height:87px;}

#suche{width:175px; position:absolute; top:150px; 
       background-color:#C4111A; 
       padding-top:3px; }

#menueleft{width:175px; margin:0; padding:0; border-top:1px solid #fff;}

#warenkorb{width:170px; background-color:#D6D3CE; border-top:1px solid #fff; margin-top:-1px; padding-top:5px;  padding-left:5px; }

#information{width:170px; color:#fff; padding-left:5px; padding-top:25px;}

#bestform
{margin-top:20px;
 margin-left:2px;
 height:200px;
 }
 
 #bestform a img
 {margin-bottom:3px;}
 
 .bestformtext
 {text-decoration:none;font-size:14px;color:#fff;float:right;margin-right:3px;}
 
 #brauch
{margin-top:20px;
 margin-left:10px;
 }

#buttonlist{width: 500px; float:left; padding:0; margin:0;}
/*#outercontent {
position: absolute;
left:0px;
top:177px;
width:100%;
margin:0;
padding:0;
}*/

/*#contentright{background-color:#fff; width:600px; float:left;}*/

#contentleft
{background-color:#C4111A; 
border-right:1px solid #fff; 
width:175px; 
}


#contentright 
{
background-color:#eeeff0;
/*background-image: url(images/bg-liniegrau.jpg);
background-repeat: repeat-y;*/
width:100%;
}

#innercontentright 
{
/*width:577px; background-color:#D6D3CE;*/
width:100%;
padding:0;
background-image: url(images/bg-innercontent.gif);
background-repeat: repeat-y;
}

.wrapper
{width:592px;
 padding-right:5px;
 padding-top:5px;
 padding-left:3px;}


#contentrightbottom 
{

width:597px; 
padding-top:10px;
z-index:1;
background-image: url(images/bg-linie.jpg);
background-repeat: repeat-y;

}

hr.warenkorb
{color:#fff; 
height:1px;
width:100%;
background-color:#E2E2E2; /* Mozilla 1.4 */
color:#E2E2E2; /* IE 6 */
border: #ffffff; /* Opera 7.11 */} 




/*Popup*/

 
 body.popup
{background-image:none;
 background-color:#fff;
 padding:10px;
 }

div.popupcontent
{background-color:#D6D3CE;
 width:588px;
 padding:6px;
 min-height:200px;
 }

h1.popup
{width:596px;
 border:1px solid #D6D3CE;
 height:15px;
 padding:3px 0 0 2px;
 background-color:#EF1C21;
 color:#000;
 font-size:10px;
 font-weight:normal;
 margin:15px 0 0px 0;}
 
 div.competitionprice
 {float:left; width: 288px; margin-top:10px; padding-right:3px;}

/*Schriftformatierungen*/

.white {
	color : #ffffff !important;
	}

.whitebig {
	font-weight : bold;
	font-size : 14px;
	color : #ffffff;
	}
.whitemiddle {
	font-weight : bold;
	font-size : 12px;
	color : #ffffff;
	line-height:16px;
	}
	
.whitesmall  {
	color : #ffffff;
	text-decoration:none
}

.whitebold  {
	font-weight : bold;
	color : #FFFFFF;
}

.grau {
	font-weight : bold;
	color : #808080;
	text-decoration:none	
	}



.red  {
	
	font-weight : bold;
	color : #ED1D24;
	text-decoration:none
	}
	
.redsmall  {
	
	font-weight : normal;
	color : #ED1D24;
	text-decoration:none
	}

.stattpreis {COLOR: #888888}

.black {
	font-weight : bold;
	color : #000000;
	}
	
.blackmiddle {
	font-size : 12px;
	color : #000000;
	}


.blacksmall {
	color : #000000;
	font-weight:normal;
	}

.black12 {
	font-size : 12px;
	color : #000000;
	}

P.redstar {
	font-family : Tahoma;
	font-weight : bold;
	color : #ED1C24;
	}

P.blackstar {
	font-family : Tahoma;
	font-weight : bold;
	color : #000000;
	}

.afueberschrift {
	font-weight : bold;
	font-size : 36px;
	color : #ffffff;
}



/* Tabellen*/

table
{table-layout:fixed;
 border-collapse:collapse; 
}

table.article
{ background-color:#D6D3CE;}

table.cart
{ background-color:#D6D3CE;}

table.admin
{table-layout:auto;}

table.admin th
{color: #FFFFFF; 
 background-color: #EF1C21; 
    padding: 2px 2px 2px 2px;
	border-style: solid;
	border-width: 0px 2px 2px 0px;
	border-color: #d6d3ce;}
               
table.admin td

{
	padding: 2px 2px 2px 2px;
	border-style: solid;
	border-width: 0px 2px 2px 0px;
	border-color: #d6d3ce;
}

table.autocol
{table-layout:auto;}

table.productgroup{}

table.tablewhite
{border-collapse: collapse;

  
	border-color: #111111;
 background-color:#fff;
 margin:20px 0 5px 0px; 
}

table.tablewhite th
{
border-color: #111111;	

 background-color:#ef1c21;
 padding:2px 2px 2px 2px;}

table.tablewhite td

{ border-color: #111111;
		padding: 2px 2px 2px 2px;
	
	
	
}

table.tablewhite td.checkpadding

{
		padding: 2px 0 2px 0;
		text-align:center;
	
}

td  { padding:3px; }



th.farbverlauf_rot 
{
	background-color:#EB7A5A !important;
	width:auto !important;
	border-right:0 !important;
}

td.farbverlauf_rot 
{
	background-color:#EB7A5A;
	width:auto !important;
	border-right:0 !important;
}

td.farbverlauf_hellgrau 
{
	background-color:#E4E5E6;
	border-right:0 !important;
}

th.farbverlauf_hellgrau 
{
	background-color:#E4E5E6;
	border-right:0 !important;
}

td.farbverlauf_grau 
{
	background-color:#B3B4B7;
	border-right:0 !important;
}

td.farbverlauf_dunkelgrau 
{
	background-color:#76787B;
	border-right:0 !important;
}

	
	
	 tr.tablehead th
	 {color:#000;
	  background-color: #EF1C21;
	  border-bottom:1px solid #fff;
	  border-right:1px solid #fff;
	  padding:3px 3px 4px 3px;
	}
	
	 tr.tablehead td
	 {color:#000;
	  border-bottom:1px solid #fff;
	  border-right:1px solid #fff;
	  padding:0 3px 0 3px;
	}
	  
	  tr.tablehead th.topimage
	 {
	  padding:0px !important;
	  font-weight:normal;
	  }
	 
	 tr.tablehead th th
	 {border-bottom:0px solid #fff;
	  border-right:0px solid #fff;
	  }
	 
	 tr.tabletop th
	 {border-bottom:1px solid #fff;
	  border-right:1px solid #fff;
	  }
	 
	 tr.tabletop th th
	 {border-bottom:0px solid #fff;
	  border-right:0px solid #fff;
	  text-align:left;}
	 
	 tr.tablecontent td
	 {border-bottom:1px solid #000;
	  border-right:1px solid #fff;}
	 
	  tr.tablecontent td td
	 {border-bottom:0px solid #000;
	  border-right:0px solid #fff;}


td.articleimage
{background-color:#fff;}

td.iconcol

{padding:3px 0px 0 0px !important;
}

td.quantity
{padding: 2px 2px 0 2px;}

.lastcol
{ border-right:0px !important;
  }
  
table.statisticorders{width:100%;}
.statisticorders th.radiolist{width:22px; vertical-align:text-top!important; }
.statisticorders th{width: 170px; font-weight:normal; vertical-align:top;text-align:left; padding:0;}

table.indexestable{width:600px; border:0;}
table.indexestable a{font-family : Verdana;
	font-weight : bold;
	font-size : 10px;
	color : #999999;
	text-decoration:none;}
table.indexestable a.active  {	
	font-weight : bold;
	color : #ED1D24;
	text-decoration:none
	}	

/*Icons*/

.icon
{margin:0 0 1px 0 !important;
 padding:0 0 0 0 !important;
 float:none !important;
 }

table td input.icon
{margin:0 0 1px 0 !important;
 padding:0 0 0 0 !important;
 float:none !important;
 }
 
 table td.detailicon input.icon
{margin:0 1px 3px 0 !important;
 padding:0 0 0 0 !important;
 float:left !important;
 }
 
 /*Artikeldetailbild*/
 
 input.ImageArticle
 {margin:3px 0 3px 0; }
 
 
 
/*Link*/


#innercontentright a  {
	font-family : Verdana;
	font-weight : bold;
	font-size : 10px;
	color : #999999;
	text-decoration:none;
	}
#innercontentright a.schwarz
	{color:#000;}


#innercontentright a.red  {	
	color : #ED1D24;
	}
	
A.white  {
	color : #ffffff;
	}
	
A.whitesmall  {
	font-weight : normal;
	color : #ffffff;
	}


a.schwarz  {
	color : #000000;
	}
	
a.textdecorationnone {
	text-decoration:none;
	}
	
a.corelogout
{color:#999999;
    font-weight:bold;
    text-decoration:none;
  }
	
A.mail  {
	font-weight : normal;
	color : #ED1D24;
	}
	
	a.logout
	{color:#999999;
    font-weight:bold;
    text-decoration:none;}
	
.article A.artikelnummer
	{color : #ED1D24 !important;
	text-decoration:none;
	font-weight:bold;}
	
.cart a.artikelnummer
	{color : #999999 !important;
	text-decoration:none;
	font-weight:bold;}


.wg_ueberschrift {
	font-family: Verdana; font-size: 12px; color: #FFFFFF; background-color: 	#EF1C21; }


/*Warengruppenliste*/	
ul.groupsleft,ul.indexesleft
{float:left;
 width:300px;
 margin:0;
 padding-left:30px;}

ul.groupsright, ul.indexesright 	
{float:right;
 width:250px;
 margin:0;
 padding:0;}

ul.groupsleft li, ul.groupsright li, ul.indexesleft li, ul.indexesright li
{padding-top:3px;}

ul.groupsleft li a, ul.groupsright li a
{font-weight : bold;
color : #ED1D24!important;
text-decoration:none;
background-image:url(images/pfeil_re_schw.gif);
background-repeat:no-repeat;
background-position: left center;
padding:0 0 0 16px;
}

ul.groupsleft li a.corelogout, ul.groupsright li a.corelogout
{font-weight : bold;
color : #999999 !important;
text-decoration:none;
background-image:none;
padding:0 0 0 16px;
}

/*Stichwortlisten*/
ul.indexesleft li a, ul.indexesright li a
{font-weight : bold;
color : #000!important;
text-decoration:none;
background-image:url(images/pfeil_re_schw.gif);
background-repeat:no-repeat;
background-position: left center;
padding:0 0 0 16px;
}
table.statisticorders{width:100%;}
.statisticorders th.radiolist{width:22px; vertical-align:text-top!important; }
.statisticorders th{width: 170px; font-weight:normal; vertical-align:top;text-align:left; padding:0;}

/*Symbolerklaerungen*/

ul.symbol li img
{float:none;margin-right:5px;margin-bottom:3px;vertical-align:middle;}

ul.symbol li.rows2 img
{float:left;margin-right:5px;margin-top:1px;margin-bottom:0px;vertical-align:middle;}

ul.symbol li.rows2
{}

/* Markenshops*/

.suppliers
{
 margin: 0 20px 0 0;
  height:100px;
 width:120px;
 vertical-align:middle;
 float:left; 
}
 
 .suppliers input
 { 
  padding: 10% 0 10% 0;
 }
 

/* WebOffers */

.red14
{
	font-family : Verdana;
	font-weight : bold;
	font-size : 14px;
	color : #ED1D24;
	text-decoration:none
}

.black14  
{
	font-family : Verdana;
	font-weight : bold;
	font-size : 14px;
	color : #000000;
	text-decoration:none
}
