/* 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; text-transform: uppercase;
	 	color: #333333; font-weight: 600;
		margin: 0px; padding:5px 0 15px 5px;} /*Headline-Inhalt normal*/

h2 { font: 16px Times New Roman; text-transform: uppercase;
	 	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*/

p.thermoanker_head{
	color:#fff;
	font-weight:bold;
	font-size:15px;
	font-style:italic;
	padding-left:20px;
	background-color:#990000;
	margin:0 0 10px 5px;
	padding:3px 0 3px 5px;
}

p.thermo_teaser{
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	text-transform: uppercase;
	padding:10px 0 0 20px;
}

p.thermo_teaserII{
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	text-transform: uppercase;
}
		
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:16px;left:25px;width:950px;height:100%;visibility: visible;}
					/*Layer -gesamtfläche*/
					
#logo { 	position:absolute;padding-top:0px;padding-left:0px;margin:0px;visibility: visible;
				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: 312px;top: 0px;width: 300px;height: 38px;
				font: 11px Verdana; color: #000000;}
			    /*Logo li oben*/

#topnavi{
					position:absolute;right: 0;top: 0px;width: 300px;height: 38px;
		}


/*Topnavi Liste*/
#topnavi ul{
position:absolute;
bottom:0;
right:0;
	margin:0;
	padding:0;
}

* html #topnavi ul{
   height:12px;	
}

#topnavi ul li{
	font-size:10px;
	margin:0;
	padding:0;
	display:inline;
	line-height:12px;
	text-decoration:none;
	text-transform:uppercase;
}

#topnavi ul li a{
	margin:0;
	padding:0;
	text-decoration: none;
	color:#000;
	margin-right:10px;
}
#topnavi ul li a:hover{
	color:#990000;
}


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

ul.nav {
    width:100%;
    font-size:12px;
    color:#000;
    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;
    border-bottom:1px solid #fde3c9;
}

ul.nav li a, ul.nav li a:active {
    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:visited{
    color:#000;
}

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

/*ENDE*/

/*Unternavigation*/
#unternavi { z-index:3; position:absolute;visibility:visible;left:0px;top:230px;width:126px;min-height:280px;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:#fff;}
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*/

/************LADENNAVIGATION************/					 

					 
#ladennavi { 
	visibility:visible;
	left:132px;
	top:165px;
	width:817px;
	height:22px;
	padding:0;
	margin:0;
}		
					  /*Klappladen: Holz..Alu..Kunst..Schiebe*/
#ladennavi ul {
	float:left;
    text-align: left;
	background: url('../images/button_kontur.jpg');
    margin: 0;
    padding:0;
	height:22px;
}

#ladennavi li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

#ladennavi span{
   display:none;
}

#holz a{
    float: left;
    height: 22px;
    width: 110px;
    padding: 0;
    margin:0 30px 0 10px;
    background-position:0 0;
    background: url('../images/button_holz.jpg') no-repeat;
}

#holz a:hover {
    background-position:0 -22px;
}

#alu a{
    float: left;
    height: 22px;
    width: 167px;
    padding: 0;
    margin:0 30px 0 0;
    background-position:0 0;
    background: url('../images/button_alu.jpg') no-repeat;
}

#alu a:hover {
    background-position:0 -22px;
}

#kunststoff a{
    float: left;
    height: 22px;
    width: 171px;
    padding: 0;
    margin:0 30px 0 0;
    background-position:0 0;
    background: url('../images/button_kunst.jpg') no-repeat;
}

#kunststoff a:hover {
    background-position:0 -22px;
}

#schiebeladen a{
    float: left;
    height: 22px;
    width: 137px;
    padding: 0;
    margin:0 30px 0 0;
    background-position:0 0;
    background: url('../images/button_schiebe.jpg') no-repeat;
}

#schiebeladen a:hover {
    background-position:0 -22px;
}

#angebot a{
    float: left;
    height: 22px;
    width: 90px;
    padding: 0;
    margin:0 0px 0 0;
    background-position:0 0;
    background: url('../images/button_angebot.gif') no-repeat;
}

#angebot a:hover {
    background-position:0 -22px;
}

				
/************LADENNAVIGATION ENDE************/					 


div.unternehmen a:link, div.unternehmen a:visited, div.unternehmen a:active { color:#000000; background-color:transparent; text-decoration:none}   
div.unternehmen a:hover   { color:#990000; background-color:transparent; text-decoration:none}   

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

#suche form option{
    border:1px solid #ccc;
}

/*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:1px solid #FFC99A;background-color:#FFFFFF;
			    visibility:visible;left:131px;top:200px;width:817px;min-height:310px;overflow:visible;
				padding:0; margin:0;
}
#inhalt_index  { z-index:3;position:absolute;border:1px solid #FFC99A;background-color:#FFFFFF;
			    visibility:visible;left:0px;top:200px;width:948px;min-height:310px;overflow:visible;
				padding:0; margin:0;
}	
					


 /*Inhalt mit Unternavigation*/
				
				
				
				
/***********News leiste*************/
#news{
	z-index:4;
	position:absolute;
	top:525px;
	border:1px solid #000066;
	background-color:#fff;
	width:948px;
	min-height:100px;
}
/** IE**/
* html #news{
	top:520px;
}

#news h3 {
	text-transform: uppercase;
	font-weight:normal;
	color:#fff;
	background-color:#000066;
}

#news img{
	float:left;
	margin-right:5px;
	border:none;
}

#news h3 span{
	font-weight:bold;
	color:#ffff00;
}

#news a img{
	float:left;
	width:75px;
	height:75px;
}

#news div.news_left{
	float:left;
	width:32%;
	min-height:100px;
	margin-left:0;
	
}
#news div.news_mid{
	float: left;
	margin-left:1%;
	width:34%;
	min-height:100px;
	border-left:1px solid #000066;
}
#news div.news_right{
	float:right;
	width:32%;
	min-height:100px;
	border-left:1px solid #000066;
		
}

/**************************/
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}

.kontakt{
    width:238px;
    border:1px solid #ccc;
    font: 12px "Arial";
    color:#333;
    padding:2px 0;
    margin:2px 0 ;
}

.kontakt_anrede{
    border:1px solid #ccc;
    font: 12px "Arial";
    color:#333;
    width:75px; 
}

.kontakt_str{
    width:200px;
    border:1px solid #ccc;
    font: 12px "Arial";
    color:#333;
    padding:2px 0;
    margin:2px 0;
}

.kontakt_plz{
    width:75px;
    border:1px solid #ccc;
    font: 12px "Arial";
    color:#333;
    padding:2px 0;
    margin:2px 0;
}

.kontakt_ort{
    width:158px;
    border:1px solid #ccc;
    font: 12px "Arial";
    color:#333;
    padding:2px 0;
    margin:2px 0;
    
}

.kontakt_strnr{
    display:inline;
    width:33px;
    border:1px solid #ccc;
    font: 12px "Arial";
    color:#333;
    padding:2px 0;
    margin:2px 0;
}

.angebot_liste{
    width:140px;
    height:20px;
    margin:2px 0;
    padding:2px 0;
    border:1px solid #ccc;
    font: 12px "Arial";
    color:#333;
}
.angebot_radio{
    margin-right:15px;
}
.fenster_input{
    border:1px solid #ccc;
    font: 12px "Arial";
    color:#333;
    padding:2px 2px;
    margin:2px 0;
    text-align:right;
    width:30px;
}
.fenster_input_center{
    border:1px solid #ccc;
    font: 12px "Arial";
    color:#333;
    padding:2px 0;
    margin:2px 0;
    text-align:center;
}
.angebot_fluegel{
    border:1px solid #ccc;
    font: 12px "Arial";
    color:#333;
    text-align:center;
}
.angebot_extra{
    border:1px solid #ccc;
    font: 12px "Arial";
    color:#333;
}
.angebot_anmerkung{
    width:390px;
    height:100px;
    border:1px solid #ccc;
    font: 12px "Arial";
    color:#333;
}
.kontakt_anmerkung{
    width:150px;
    height:100px;
    border:1px solid #ccc;
    font: 12px "Arial";
    color:#333;  
}
.kontakt_senden{
    border:1px solid #ccc;
    font: 12px "Arial";
    font-weight:bold;
    color:#990000;
    background-color:#ffcc9a;
}
.kontakt_loeschen{
    border:1px solid #ccc;
    font: 12px "Arial";
    color:#333;
}