/* CSS Datei für Hermes Klappläden */
/*  bei fragen/any questions  e-mail :philipp@atelier-c7.de */

/*	Grundelemente*/
body { scrollbar-base-color:white; scrollbar-highlight-color:#fde3c9; 
	   scrollbar-darkshadow-color:blue; scrollbar-arrow-color: #ff0000;
	   margin: 0px; padding: 15px; font: 12px Arial;color: #000000;background:#fde3c9;
} 
			 
	
p { margin:1px 0 1px 0;padding:0 0 0 5px;}  
				  
p.farben {  margin:1px 2px 24px 3px; 
            padding:0;
} /*Farben Kunststoff Standard*/ 

p.farben1  { padding:0; 
    margin:1px 0 24px 2px;}  /*Farben Kunststoff Dekor*/ 

h1 { font: 16px Times New Roman; font-variant:small-caps;
	 	color: #333333; font-weight: 600;
		margin: 0px; padding:5px 0 15px 5px;} /*Headline-Inhalt normal*/

h2 { font: 16px Times New Roman; font-variant:small-caps;
	 	color: #333333; font-weight: 600;
		margin: 0px; padding:5px 0 10px 5px;} /*Headline-Inhalt Scroll*/		
		
h3 { font: 14px Helvetica; background: #faca9a;
	 	color: #333333; font-weight: 800;
		margin: 0px; padding:5px 0 5px 5px;} /*Holzladentypen*/

h4 { font: 14px Helvetica; background: #7c898c;
	 	color: #ffffff; font-weight: 800;
		margin: 0px; padding:5px 0 5px 5px;} /*Aluladentypen*/

h5 { font: 14px Helvetica; background: #dcd5a2;
	 	color: #000000; font-weight: 800;
		margin: 0px; padding:5px 0 5px 5px;} /*Kunststofftypen*/

h6 { font: 16px Times New Roman; font-variant:small-caps;
	 	color: #333333; font-weight: 600;
		margin: 0px; padding:5px 0 5px 0;} /*Headline-Formular*/
		
span.b { font-weight: 900; }
span.r {padding-left:8px;}		   
span.r1 {padding-left:12px;}
span.r2 {padding-left:15px;}
span.ral {background:#dfdede}
span.tel {margin-left:5px}
span.fax {margin-left:2px}

/*Navigation-Klappladen*/
#gesamt {			background:#fde3c9;padding:0px;margin:0px;position:absolute;z-index:0;
					top:15px;left:0px;width:950;min-height:502px;visibility: visible;overflow:visible}
					/*Layer -gesamtfläche*/
					
#logo { 	position:absolute;padding-top:0px;padding-left:0px;margin:0px;visibility: hidden;
				left: 133px;top: 0px;	width: 175px;height: 38px;
				font: 10px Verdana;  color: #000000;}
			    /*Logo li oben*/

#logo1 { 	position:absolute;padding-top:0px;padding-left:0px;margin:0px;visibility: visible;
				left: 133px;top: 0px;width: 175px;height: 38px;
				font: 14px Verdana; color: #000000;}
			    /*Logo li oben*/

/*Navigation-Unternehmen bis Kontakt*/
#navilinks { position:absolute;z-index:1;overflow:visible;border:0px solid #000;background-color:#fff;
			 visibility:hidden; top:50px;left:0px;width:126px;height:105px;color:#990000; padding:0;
			 border: 1px solid #fde3c9;
			 }		

 ul.nav {
                         width:100%;
                         font-size:12px;
                         color:#990000;
                         overflow:visible;
                         display:block;
                         text-align:left;
                         margin:0;
                         padding:2px 0 0 0;
                     }

 ul.nav li {
                         font-weight:900;
                         display:block;
                         list-style:none;
                         margin:0;
                         padding:1px 0 0 0;
                     }

 ul.nav li a {
                         text-decoration:none;
                         display:block;
                         font-weight:300;
                         list-style:none;
                         color:#000;
                         background-color:#fff;
                         padding:2px 0 0 18px;
                         background-image:url("../../images/navi_icon.gif");
                         background-repeat:no-repeat;
                         background-position:5px 6px;
                     }

 ul.nav li a:hover {
                         font-weight:300;
                         color:#000;
                         background-color:#fde3c9;
                     }

 ul.nav li a.selected, ul.nav li a.selected:hover{
                         color:#990000;
                         font-weight:900;
                         background-color:#fde3c9;
                     }

/*ENDE*/

/*Unternavigation*/
#unternavi { z-index:3; position:absolute;visibility:hidden;left:0px;top:200px;width:126px;height:315px;border:1px solid #FFC99A;background-color:#FFFFFF;}		
					 /*Inhalt Unternavigation*/

ul.unnav			{ width:126px;height:314;float:right;color:#000000;padding-top:10px;padding-left:0px;margin:0px;display:block;background-color:white;}
ul.unnav li			{ font-family: "Arial", Tahoma, Helvetica, verdana, sans-serif; font-size: 11px;color:#990000;line-height:20px;list-style:none;
		  			  height:20px;text-decoration: none;font-weight:bold;background-color:#fde3c9;margin-bottom:10px;}
					
ul.unnav a:link		{ color:#000000;text-decoration: none;background-color:transparent;display:block;font-weight:300;}
ul.unnav a:visited	{ color:#000000;text-decoration: none;background-color:transparent;display:block;font-weight:300;}
ul.unnav a:active	{ color:#990000;text-decoration: none;background-color:transparent;display:block;font-weight:300;}
ul.unnav a:hover	{ color:#000000;text-decoration: none;background-color:#FFC99A;display:block;font-weight:300;}
/*ENDE*/
					 
#ladennavi { background: url(../images/laden.jpg) no-repeat top left; visibility:hidden;;
					  visibility:visible;left:132px;top:165px;width:817px;height:22px;
					  padding-top:4px; padding-left:4px;}		
					  /*Klappladen: Holz..Alu..Kunst..Schiebe*/
					 
div.unternehmen   a:link    { color:#000000; background-color:transparent; text-decoration:none}   
div.unternehmen   a:visited { color:#000000; background-color:transparent; text-decoration:none}   
div.unternehmen   a:hover   { color:#990000; background-color:transparent; text-decoration:none}   
div.unternehmen   a:active  { color:#000000; background-color:transparent; text-decoration:none}  

/*Schnellsuche*/
#suche {	visibility:hidden;top:165px;left:0px;width:126px;height:22px;z-index:2;position:absolute;
			   font:10px Verdana;color: #000000;padding-left:0px;padding-top:0px;}

/*Bilderleiste Häuser*/
#leiste		{left:132px;top: 50px;width:817px;height:107px;z-index:2; position:absolute;overflow:visible;border:0px solid #FFC99A;}
				/*Bilderleiste neben navigation*/

/*inhalt*/
#inhalt  { 		z-index:3;position:absolute;border:0px solid #FFC99A;background-color:#FFFFFF;
			    visibility:visible;left:121px;top:200px;width:817px;min-height:310px;overflow:visible;
				padding-left:1px; padding-top:5px;}		
				 /*Inhalt mit Unternavigation*/

a:link      { color:#990000; background-color:transparent; text-decoration:underline}   
a:visited { color:#ed1b23; background-color:transparent; text-decoration:none}   
a:hover   { color:#ed1b23; background-color:transparent; text-decoration:none } 
a:active  { color:#ed1b23; background-color:transparent; text-decoration:none} 

td.text a:link    { color:#990000; background-color:transparent; text-decoration:none}   
td.text a:visited { color:#000000; background-color:transparent; text-decoration:none}   
td.text a:hover   { color:#990000; background-color:transparent; text-decoration:underline}   
td.text a:active  { color:#333333; background-color:transparent; text-decoration:none} 
/*Optionsbutton gestalten*/
form {}
.Auswahl { background-color:#ffffff; width:128px;height:20px; font: 12px Arial;color: #000000;
line-height:14px}