html { 
padding:0px;
margin:0px;
height:100%;
}

div
{border:0px solid;}

body {
background-image:url(LayoutImages/hg_leftmenu.gif);
background-repeat:repeat-y;
height:100%;
color:#000000;  
padding:0px;
margin:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

body#window {
background-image:none;
}

.clear{clear:both;}
.left{float:left;}
.right{float:right;}


#outer{
margin:0;
padding:0;
width:100%;
height:100%;
background-image:url(LayoutImages/hg_header.gif);
background-repeat:repeat-x;
z-index:1;
}


a{
text-decoration:none;
color:#000000;
font-weight:normal;
}

img
{border:0;}



/*Logo*/

.imgLogo
{margin:0px;
}


/*Header************************************************/

#head {
color: #fff;
text-align:left;
font-size:11px;
margin:0 0 0 0px;
height:121px;
padding:0;

}



#head a {
color:#de000f;
text-decoration: none;
padding:3px 15px 3px 15px;
display:block;
font-size:10px;
font-weight:bold;
letter-spacing:1px;
}

#head a:hover {
color:#de000f;
text-decoration: none;
}

#head img
{margin:1px 0 0 0;}

#head input
{margin:2px 0 0 0;}

.headright
{float:right;
width:600px;}
 
.innerheadnavi
{width:1200px;
margin:0px;
padding:10px 0 0 10px;
}
 
 #head .flagdistance
 {margin-right:10px;} 

 
.innerheadnavitop
{float:right;
width:600px;
height:20px;
background-image:url(LayoutImages/hg_navitop.gif);
background-repeat:repeat-x;
border:1px solid #716d6d;
margin-top:0px;
}
 	
#head h2
{font-size:26px;
color:#fff;
float:right;
width:503px;
padding:2px 0 5px 0;
margin:0;}
 	
.leftdistance{padding-left:52px !important;}

/* linkes Menue*******************************************/
#menu {
position:absolute;
width:204px;
left:0px;
top:121px;
padding:0px;
margin:0px;
height:100%;
min-height:1200px; 
z-index:10;
font-size:70%;
}

/*Inhalt im linken Menue*/
#menu .menuleftcontent
{
padding:10px 0 0 10px;  
}

#menu label
{
color: #636363;
}

#menu input
{
border:1px solid #106811;
font-size: 100%;
color:#106811;
margin:5px 0 5px 0;
}

#menu select
{
border:1px solid #106811;
font-size: 100%;
color:#106811;
margin:5px 0 5px 0;
}

#menu a.cmd img
{padding:10px 0 10px 0;}

#menu fieldset
{color:#de000f;
width:180px;
margin:5px 0px 5px 0px;
border:1px solid #de000f;
padding:0px;}
 


#menu legend
{padding:0 0 5px 0;}
 
#menu  a
{
border:0px;
margin:0px;
padding:0px;
text-decoration:none;
color:#636363;
font-weight:bold;
}
 

#menu  a:hover, active, link, visited
{
border:0px;
margin:0px;
padding:0px;
text-decoration:none;
color:#000;
}

#menu ul
{
border:0px;
margin:0 0 0 0;
padding:0;
color: #636363;
list-style-type: none; 
}

#menu ul li 
{
border:0px;
margin:0 0 0 0;
padding:5px 0 5px 0;
color: #636363;
list-style-type: none; 
}

/*oberer Randabschluss*/
.menulefttop
{width:204px;
 height:7px;
 background-image: url(LayoutImages/hg_leftmenutop.gif);
 background-repeat:no-repeat;
 }
 

/*kleine Tabellen Warenkoerbe im linken menue*/
#menu table.items
{
width:170px;
font-size:10px;
color: #636363;
padding: 1px 3px 3px 3px;
margin:5px 0 0 5px;
  }

#menu table.items a
{font-size:10px;
color: #636363;   
}


/*input-feld, select-feld*/
#menu .breite 
{width:180px;
}

#menu .breitetxt
{border:1px solid #000000;
font-size: 100%;
color:#106811;
width:176px;
}

.login
{
background-color:#ffffff;
width:123px;
}

.pass
{
background-color:#D6D6D6;
width:123px;
}






/*Inhalt****************************************/

#inhalt{
margin:0px 0px 0px 5px;
height:auto; 
width:805px;
position:absolute;
top: 122px;
left:224px;
padding:0;
font-size:70%;
}

/*Fensterinhalt*********************/
.window{
position:absolute;
top: 0px !important;
left:0px !important;
padding:10px;
}

/*Alle Buttons*/
#inhalt input.buthg
{
border:1px solid #7a7a7a;
color: #636363;
background-image:url(LayoutImages/buthg.gif);
background-repeat:repeat-x;
width:auto;
padding:2px;
font-weight:bold;
cursor:pointer;
}


#menu input.buthg
{
border:1px solid #7a7a7a;
color: #636363;
background-image:url(LayoutImages/buthg.gif);
background-repeat:repeat-x;
width:auto;
padding:2px;
font-weight:bold;
cursor:pointer;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
}

/*Textboxen im Inhalt, Warenkorb*/
#inhalt input, select, textarea
{
border:1px solid #7d7979;
font-size: 100%;
color:#636363;
font-family:Verdana;
margin:2px 2px 0 0;
float: left; 
}

#inhalt select.sort
{margin:2px 2px 2px 0;}

#warenkorb input, select, textarea
{border:1px solid #7d7979; 
 width:200px; 
 }

/*Breite der Buttons erzwingen*/
#inhalt table.listing input
{width:100px;}

#inhalt table.cart input
{width:170px;}

#inhalt table.savedcart input
{width:140px;}

/*Checkboxen ohne Rand*/
#messagelist input
{
border:0px solid !important;
font-size: 100%;
margin:2px 0 4px 0px;
padding-left:2px 0;}

 /*Checkboxen ohne Rand*/
 
 #inhalt table.group input
 {border:0px solid;}


/*Abstaende von Tabellen nach oben*/

#inhalt table.listing
{margin:10px 0 10px 0;}

.savedcart
{margin:10px 0 10px 0;}


/* evtuell fuer Checkboxen in spans*/
span input 
{
border:0 !important;
width:12px !important;
}

/*Label im Inhaltsdiv*/
#inhalt label{ 
float: left; 
width: 140px; 
margin: 2px 3px 10px 0;
}


/*Label im Warenkorb*/
#inhalt label.cartlabel{ 
float: left; 
width: 160px; 
margin: 2px 3px 2px 0;
}




/*Schriftgroesse in Tabellen*/
#inhalt table 
{font-size:100%;
}

#inhalt table table input
{font-size:90%;
}

#inhalt table table
{font-size:100%;
}

/*Links im Inhalt*/
#inhalt a
{
text-decoration:underline;
}

#inhalt a:hover, active, link, visited
{
text-decoration:none;
}

/*Ueberschriften in Tabellenzellen*/
.head
{color:#106811;
font-size:100%;
border-top:1px solid #106811;
border-bottom:1px solid #106811;
font-weight:bold;
padding:2px;
margin:20px 0 10px 0;}

/*Hintergrundfarbe fuer Überschriften*/
	
.background
{background-color:#f1f1f1;
}
	
/*Hauptueberschriften Admin*/
.important
{margin-top:0px;
color: #de000f;
font-size:20px;
}
	
/*Tabellen-Listen, Echte Listen*/
.listcontainer table, .listcontainer ul 
{
border-collapse:separate;
border-spacing:0;
margin:0;
padding:0;
color:#000;
background-color:#fff;
list-style-type:none;
}
	
.listcontainer ul li
{padding:0;
margin:0;
display:inline;}
	 
.listcontainer table a, .listcontainer ul a 
{
display:block;
text-decoration:none !important;
padding:0 0 0 20px;
margin:0;}

.listcontainer table a:visited, .listcontainer ul a:visited 
{
font-weight:normal;
}

.listcontainer table a:hover, .listcontainer ul a:hover, .listcontainer ul a.odd:hover 
{
border:1px solid #7a7a7a;
border-width:1px 0;
text-decoration:none;
background-color:#d6d6d6;
}

.listcontainer  th,.listcontainer  td,.listcontainer  th,.listcontainer  td,.listcontainer  li a
{
border:1px solid #d6d6d6;
border-width:1px 0;
background:#f1f1f1;
}

.listcontainer th {
font-weight:bold;
line-height:normal;
padding:0.25em 0.5em;
text-align:left;
}

.listcontainer th,.listcontainer td,.listcontainer  li a 
{
padding:2px 5px 2px 20px;
text-align:left;
vertical-align:top;
}

.listcontainer th 
{
font-weight:bold;
white-space:nowrap;
background-color:#d6d6d6;
border:1px solid #7a7a7a;
}

.listcontainer th a:link,.listcontainer th a:visited {
font-weight:bold;
}


.listcontainer  tr.odd th,.listcontainer  tr.odd td,.listcontainer  li a.odd
{
border-color: #d6d6d6;
background:#ffffff;
}


/*Fieldset Rahmen und Legend*/

#inhalt fieldset
{padding:5px;
 margin:0 0 10px 0;}

#inhalt legend
{padding:0 0 10px 0;}



/*Fuer Warenkorb-Etiketten-Design*/
/*Rote Ueberschriftszeile*/
#inhalt table td.zeile
{background-color:#DE000F;
font-size:100%;
border:1px solid #DE000F;
color:#ffffff;
padding:1px;
}

#inhalt table td.normalzeile
{
font-size:100%;
color:#636363;
padding:5px;
}


/*Tabelle Etiketten*/
#inhalt table.label
{width:400px;
 border:1px solid #636363;}
 


/*Erfolgsmeldung*/
.erfolg
{border:1px solid #106811;
padding:2px 2px 10px 18px;
background:url(Images/erfolg.gif) -1px -1px no-repeat #F1f1f1;
color:#106811;
margin:0px 0px 25px 0px;
width:300px;}

.erfolg h2{
margin:0px 0px 5px 0px;
color:#106811;
}
	
/*Fehlermeldung*/
.fehler
{border:1px solid #000000;
padding:2px 2px 10px 18px;
background:url(Images/fehler.gif) -1px -1px no-repeat #FF0000;
color:#ffffff;
margin:0px 0px 25px 0px;
width:300px;
font-weight:bold;}

.fehler h2{
margin:0px 0px 5px 0px;
color:#ffffff;
}
	
	
.divImg{
border: 3px solid #C61D27;}

.leerImg{
border: 3px solid #FFFFFF;}
        



/*Seite Uebersicht Bilder in Dreispaltenansicht*/
.threecolum
{float:left;
width:200px;
height:230px;
margin:0px 4px 4px 0px;
padding-top:8px;
vertical-align:top;
overflow:hidden;
background-color: #f1f1f1;
border:1px solid #d6d6d6;

}
.threecolumimage
{height:130px; 
vertical-align:top; 
padding-left: 10px;}

.threecoluminfo
{height:60px; 
vertical-align:bottom; 
padding:0 0 2px 5px;
}

td.itemspacing
{width:25%; 
 vertical-align:top;
}

td.itemspacing img
{border:0; 
margin:0; 
padding:0; 
display:block;}



#scrollTextfield 
{ 
height:10px; 
overflow:scroll; 
}