@charset "UTF-8";

 /* =====================================
 	1. Kalibrierung und allgemeine Styles
	===================================== */


/* Kalibrierung der wichtigsten Abstände */

* { padding: 0; margin: 0 }

 /* Abstand nach unten */		
p, ul, ol { margin-bottom: 1em; }	
		
ul li { list-style-type: square; }

 a.white_link:link, a.white_link:visited { color: white; }
 a.white_link:hover {color: #6F7072; }

 /* Abstand von links */
li {
margin-left: 100px;
list-style-type: none;
list-style-image: url(../bilder/listenpunkt.html);
}

li span { 
font-size: 9px;
line-height: 14px;
color: #FFFFFF;
padding-bottom: 4px;
}

.oben {
line-height: 4px;
}

strong {
color: #9bc459;
}

/* Allgemeine Selektoren */


span.codedirection { unicode-bidi:bidi-override; direction: rtl; }

body {
	color: #403f42; /* Schriftfarbe */
	background-color: #ffffff;  /* Hintergrundfarbe */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../bilder/hg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	line-height: 18px;
}
		
h2 {
/* GST von 30 auf 15 px geänder */
font-size: 15px;
color: #6f7072;
font-family: Arial, Helvetica, sans-serif;
font-weight: 100;
}
	
h1 {
font-size: 160%;
color: #6f7072;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 2px;
margin-bottom: 10px;
}
		

h3 {
font-size: 120%;
color: #9bc459;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}

		
h4 {
	font-size: 140%;
	color: #ffffff;
	background-color: #cdc9c0;
	font-family: Arial, Helvetica, sans-serif;
	height: 20px;
	padding-left: 240px;
	padding-top: 3px;
}
	
h5 {
font-size: 130%;
color: #6f7072;
font-family: Arial, Helvetica, sans-serif;
margin-top: 8px;

text-align: right;
}	
		

h6 {
font-size: 130%;
color: #6f7072;
font-family: Arial, Helvetica, sans-serif;
position: absolute;
right: 20px;
top: 260px;
width: 220px;
z-index: 10;
}

h7 {
font-size: 140%;
color: #6f7072;
font-family: Arial, Helvetica, sans-serif;
}
	
a { /* Unterstreichung entfernen */
text-decoration: none; 
outline: none;
border: none;
color: #a2ca60;
}

		
.skiplink {
position: absolute;
top: -2000px;
left: -3000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
}

#logo {
	position: absolute;
	left: 40px;
	top: 430px;
	z-index: 9;
}

#logo2 {
position: absolute;
left: 862px;
top: 194px;
z-index: 4;
}

#logo3 {
position: absolute;
left: 924px;
top: 194px;
z-index: 4;
}

#header {
position: absolute;
left: 450px;
top: 124px;
z-index: 3;
}
				

span.codedirection { unicode-bidi:bidi-override; direction: rtl; }
		
	
 /* =====================================
 	2. Styles für die Layoutbereiche
	===================================== */
	
#wrapper {
position: relative;
width: 1063px;
height: 756px;
top: -70px;
}
		
	
#kopfbereich {
width: 1063px;
}

.headerbild {
position: absolute;
top: 0;
left: 0;
z-index: 0;
}		

#kopfbereich2 {

}	

/*content*/	
		
#textbereich {
	position: absolute;
	top: 283px;
	left: 291px;
	height: 338px;
	width: 701px;
	background-color: #9d9481;
	z-index: 2;
}


#textbereich2 {
	position: absolute;
	top: 283px;
	left: 291px;
	height: 338px;
	width: 701px;
	background-color: #ffffff;
	z-index: 6;
}

#textbereich3 {
	position: absolute;
	top: 283px;
	left: 291px;
	height: 338px;
	width: 761px;
	background-color: #ffffff;
	z-index: 6;
	}
	
#textbereich4 {
	position: absolute;
	top: 283px;
	left: 291px;
	height: 338px;
	width: 701px;
	
	z-index: 6;
}	

#textbereich6 {
	position: absolute;
	top: 283px;
	left: 291px;
	height: 338px;
	width: 701px;
	background-color:white;
	z-index: 6;
}

.textrechts {
overflow-x:hidden;
	position: relative;
	z-index: 8;
	top: 300px;
	left: 500px;
	width: 472px;
	height: 300px;
	overflow: auto;
	padding-right:20px;
	padding-bottom:20px;
	margin-bottom:16px;
	float:left;
}

#textrechts6 {
overflow:auto;
	position: absolute;
	z-index: 8;
	top:185px;
	left:10px;
	width: 680px;
	height: 140px;
	overflow: auto;
	float:left;
	background-color:white;
}


.textrechtsanfahrt {
	position: absolute;
	z-index: 8;
	top: 300px;
	left: 500px;
	width: 372px;
	height: 286px;
	padding-right:120px;
	padding-bottom: 20px;
	margin-bottom: 16px;
}

.textrechtss {
position: absolute;
z-index: 8;
top: 300px;
left: 500px;
width: 452px;
height: 286px;
overflow: auto;
padding-right:40px;
padding-bottom: 20px;
margin-bottom: 16px;
}


.textrechts2 {
position: absolute;
z-index: 8;
top: 300px;
left: 500px;
width: 452px;
height: 302px;
padding-right:40px;
padding-bottom: 20px;
}

.textrechts3 {
	position: absolute;
	z-index: 8;
	top: 172px;
	left: 194px;
	width: 563px;
	height: 180px;
	visibility: hidden;
}


#flaggen {
	position: absolute;
	top: 252px;
	left: 310px;
	z-index: 8;
	width: 300px;
}

.highlight {
	border: dotted 1px #FFF;
	padding: 2px;
	background-color: #FFF;
}

.highlight2 {
	padding: 2px;
	border: dotted 1px #000;
	background-color: #FFF;
}

#terrasse {
	color: #FFFFFF;
	position: absolute;
	width: 140px;
	top: 178px;
	left: 540px;
	letter-spacing: 1px;
	font-size: 12px;
}

#farben {
color: #FFFFFF;
position: absolute;
width: 120px;
top: 178px;
left: 188px;
letter-spacing: 1px;
font-size: 12px;
}


#technik {
color: #FFFFFF;
position: absolute;
width: 120px;
top: 178px;
left: 366px;
letter-spacing: 1px;
font-size: 12px;
}

#vorteile {
color: #FFFFFF;
position: absolute;
width: 120px;
top: 178px;
left: 540px;
letter-spacing: 1px;
font-size: 12px;
}


#montage {
	color: #FFFFFF;
	position: absolute;
	width: 155px;
	top: 220px;
	left: 188px;
	letter-spacing: 1px;
	font-size: 12px;
}

#prospekte {
	color: #FFFFFF;
	position: absolute;
	width: 155px;
	top: 220px;
	left: 366px;
	letter-spacing: 1px;
	font-size: 12px;
}

#faqs {
	color: #FFFFFF;
	position: absolute;
	width: 155px;
	top: 220px;
	left: 540px;
	letter-spacing: 1px;
	font-size: 12px;
}


#farben a, #vorteile a, #technik a { color: #FFFFFF}

#farben a:hover, #vorteile a:hover, #technik a:hover, #montage a:hover, #faqs a:hover, #prospekte a:hover { border-bottom: dotted 1px #FFFFFF }











/*ansicht*/	
#boden01 {visibility: visible;}
#boden02, #boden03, #boden04, #boden05, #boden06, #boden07, #boden08, #boden09, #boden10 { visibility: hidden;}
/*ende ansicht*/


	
.textrechts3 p {
	padding-left: 46px;
	padding-top: 10px;
	padding-right: 40px;
}

.textrechts4 {
position: absolute;
z-index: 8;
top: 285px;
left: 483px;
width: 507px;
height: 334px;
}


.partnerlogo img {
float: right;
margin-right: 100px;
}

.partnerlogo p {
margin-right: 100px;
border-top: 1px dotted #6f7072;
}


.gallerie {
position: absolute;
z-index: 8;
top: 1px;
left: 1px;
width: 507px;
height: 334px;
}


.pfeil {
position: absolute;
top: 100px;
left: 460px;
}

.pfeil2 {
position: absolute;
top: 100px;
right: 70px;
}


.bilder {
 border: 2px solid #FFFFFF;
 border-bottom: none;
 border-right: none;
 display: inline;
 }
 
.space {
position: relative;
background-color: #9bc459;
width: 170px;
height: 149px;
background-image: url(../bilder/rundunggruen.gif);
background-repeat: no-repeat;
background-position: left top;
padding: 10px;
}


.space2 {
position: absolute;
background-color: #9bc459;
width: 170px;
height: 149px;
background-image: url(../bilder/balkenmitte.gif);
background-repeat: repeat-y;
background-position: left top;
padding: 10px;
z-index: 12;
}

.space6 {
position: relative;
background-color: #9bc459;
width: 160px;
height: 149px;
background-image: url(../bilder/rundunggruen.gif);
background-repeat: no-repeat;
background-position: left top;
padding: 10px;
}

.bilderkl {
position: absolute;
top: 2px;
left: 179px;
width: 522px;
}
.bilderkl6 {
position: absolute;
top: 2px;
left: 152px;
width: 547px;
}


.linie {
	border-bottom: 2px solid #FFFFFF;
	position: absolute;
	top: 434px;
	width: 992px;
	z-index: 7;
}

.linie2 {
	border-bottom: 2px solid #FFFFFF;
	position: absolute;
	top: 265px;
	left: 304px;
	width: 688px;
	z-index: 7;
}

.linie3 {
	border-bottom: 2px solid #FFFFFF;
	position: absolute;
	top: 434px;
	width: 290px;
	z-index: 7;
}


.bildklunten {
border: 2px solid #FFFFFF;
border-bottom: none;
border-right: none;
left:1px;
}

.bodenmuster {
border: 1px solid #FFFFFF;
border-bottom: none;
}

/* Ende content*/			


* html #navibereich { height: 1%; }	


/*navigation 01*/	


#navibereich {
position: absolute;
width: 800px;
top: 560px;
left: 282px;
z-index: 5;

}
		
#navibereich ul {
display: inline;
width: 800px;
vertical-align: text-bottom;
}
		
#navibereich li {
float:left;
list-style: none;
margin: 40px 14px 10px 0px;
padding: 40px 6px 0 10px;
background-image: url(../bilder/linie.gif);
background-repeat: repeat-y;
background-position: right;
text-align: left;
vertical-align: text-bottom;

}


#navibereich a {
/* GST font von 13 auf 11 geänder */
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #2a2c31;
font-size: 11px;
letter-spacing: 1px;
font-weight: lighter;
text-decoration: none;

}

#navibereich a:hover,
#navibereich a:focus {
color: #7ba926;
border-bottom: none;
}


#navibereich a:active {
color: #7ba926;
}


#unternehmen #navi01 a,
#produkte #navi02 a,
#haendler #navi03 a,
#galerie #navi04 a,
#termine #navi05 a,
#kontakt #navi06 a,
#impressum #navi07 a {
color: #7ba926;
}	


#navibereich ul .borderleft {
margin: 40px 14px 10px 26px;
padding: 40px 6px 0 10px;
background-position: left;
background-image: url(../bilder/linie.gif);
background-repeat: repeat-y;


}

/*ende navigation 01*/	



/*subnavi 01*/	


#subnavi {
position: absolute;
width: 180px;
top: 12px;
left: 2px;
z-index: 200;

}
		
#subavi ul {
width: 300px;
z-index: 200;
}
		
#subnavi li {
display: block;
list-style: none;
margin: 1px 0 1px 0px;
text-align: right;
z-index: 200;
}


#subnavi a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 12px;
letter-spacing: 1px;
text-align: right;
z-index: 200;


}

#subnavi a:hover,
#subnavi a:focus {
border-bottom: 1px  dotted #ffffff;
z-index: 200;
}


#subnavi a:active {
border-bottom: 1px solid #ffffff;
z-index: 200;
}




#navi16 a {
	position: absolute;
	z-index: 16;
	top: 290px;
	left: 66px;
	color:#FFFFFF;
	font-size: 12px;
	text-align: right;
}

#navi16 a:hover,
#navi16 a:focus {
border-bottom: 1px  dotted #ffffff;
z-index: 14;
}

#navi16 a:active {
border-bottom: 1px solid #ffffff;
z-index: 14;
}

#subnavi .sonderfarbe {
color: #666666;
}


/*ende subnavi 01*/	

/*subnavi 02*/	


#subnavi2 {
position: absolute;
width: 140px;
top: 664px;
left: 320px;
z-index: 14;
}
		
#subavi2 ul {
width: 300px;
z-index: 14;
}
		
#subnavi2 li {
display: block;
list-style: none;
margin: 1px 0 1px 0px;
text-align: right;
z-index: 14;
}


#subnavi2 a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #2a2c31;
font-size: 11px;
text-align: right;
z-index: 14;
font-weight: normal;

}

#subnavi2 a:hover
{
color: #7ba926;
z-index: 14;
}


#subnavi2 .active
{
color: #7ba926;
}	


/*ende subnavi 02*/	


/*subnavi 03*/	
#subnavi3 {position: absolute;width: 140px;top: 664px;left: 796px;z-index: 14;}		
#subavi3 ul {z-index: 14;}		
#subnavi3 li {list-style: none;margin: 1px 0 1px 0px;z-index: 14;}
#subnavi3 a {font-family: Verdana, Arial, Helvetica, sans-serif;color: #2a2c31;font-size: 11px;z-index: 14;font-weight: normal;}
#subnavi3 a:hover {color: #7ba926;z-index: 14;}
#subnavi3 .active {color: #7ba926;}	
/*ende subnavi 03*/	

/*subnavi 04*/	
#subnavi4 {position: absolute;width: 140px;top: 664px;left: 900px;z-index: 14;}		
#subavi4 ul {z-index: 14;}		
#subnavi4 li {list-style: none;margin: 1px 0 1px 0px;z-index: 14;}
#subnavi4 a {font-family: Verdana, Arial, Helvetica, sans-serif;color: #2a2c31;font-size: 11px;z-index: 14;font-weight: normal;}
#subnavi4 a:hover {color: #7ba926;z-index: 14;}
#subnavi4 .active {color: #7ba926;}	
/*ende subnavi 03*/	



a.internal-link:link {color:#116019;}
a.internal-link:visited {color:#116019;}
a.internal-link:hover {color:black;}

a.external-link-new-window:link {color:#116019;}
a.internal-link:visited {color:#116019;}
a.internal-link:hover {color:black;}


/*subnavi 02 engl*/	


#subnavi2engl {
position: absolute;
width: 140px;
top: 664px;
left: 310px;
z-index: 14;
}
		
#subavi2engl ul {
width: 300px;
z-index: 14;
}
		
#subnavi2engl li {
display: block;
list-style: none;
margin: 1px 0 1px 0px;
text-align: right;
z-index: 14;
}


#subnavi2engl a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #2a2c31;
font-size: 11px;
text-align: right;
z-index: 14;
font-weight: normal;

}

#subnavi2engl a:hover
{
color: #7ba926;
z-index: 14;
}


#subnavi2engl .active
{
color: #7ba926;
}	


/*ende subnavi 02 engl*/	


/*subnavi 03 engl*/	


#subnavi3engl {
position: absolute;
width: 140px;
top: 664px;
left: 800px;
z-index: 14;
}

		
#subavi3engl ul {
width: 300px;
z-index: 14;
}
		
#subnavi3engl li {
display: block;
list-style: none;
margin: 1px 0 1px 0px;
text-align: left;
z-index: 14;
}


#subnavi3engl a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #2a2c31;
font-size: 11px;
text-align: right;
z-index: 14;
font-weight: normal;

}

#subnavi3engl a:hover
{
color: #7ba926;
z-index: 14;
}


#subnavi3engl .active
{
color: #7ba926;
}	


/*ende subnavi 03 engl*/	




/*navigation Bodenmuster*/	


#textbereich3 a img {
border: 1px solid #ffffff;
}


#textbereich3 a img:hover,
#textbereich3 a img:focus { 
border: 1px solid #9bc459;}
		


#textbereich3 a img:active {
border: 1px dotted #9bc459;
}



	

/*ende navigation Bodenmuster*/	



.footer { 
position: absolute;
top: 454px;
left: 0;
}	


		
/* 	====================================
	3. Sonstige Styles
	==================================== */
	
/* Das Kontaktformular */
#formularbereich {
	margin-top: 20px;
	margin: 5px;
	font-size: 9px;
	}	
	
#zeile
{
padding: 3px;
margin: 3px;
}


	
#formularbereich span {
font-size: 9px;
}	
	
form1 {
	width: 470px;
	margin-top: 0;
}


select#anrede {
	border: 1px solid #999;
}

input#firma, input#uid, input#vorname,input#nachname, input#tel, input#email, input#strasse, input#plz, input#ort, input#land {
	width: 240px;
	border: 1px solid #999;
}

input#m2, input#nummer, input#nummer2 {
	width: 40px;
	border: 1px solid #999;
	}


textarea#msg {
	width: 376px;
	border: 1px solid #999;
}

input#senden {
	margin-left: 320px;
}

select#anrede,
input#firma,
input#uid,
input#vorname, 
input#nachname, 
input#tel,
input#email, 
input#strasse, 
input#plz, 
input#ort, 
textarea#msg { margin-bottom: 6px;}


	
.danke {
color: #9bc459;
}	
	

/* Ende Kontaktformular */

.csc-textpic-image img {
border:1px solid white;

padding:0;
}

th { color:#FFFFFF; text-align:left; padding-top:10px; letter-spacing:1px;} 
th a { color:#FFFFFF; text-align:left; padding-bottom:10px; padding-top:10px; letter-spacing:1px;} 

.csc-mailform-field_field-vorname {width: 620px; color:red;}

.csc-mailform-label_field-vorname {margin: 30px; text-align:right; width:600px; color:blue; }

div.tx-flseositemap-pi1 {margin-left:-50px;}



/* Leistungsverzeichnis */

fieldset.tx-powermail-pi1_fieldset {border: none;}

fieldset.tx-powermail-pi1_fieldset label {display:block; width:150px; float:left; clear:both; font-size: 9px;}

fieldset.tx-powermail-pi1_fieldset input, fieldset.tx-powermail-pi1_fieldset select {width: 200px ;margin-left: 10px; font-size: 13px;}

div.tx_powermail_pi1_fieldwrap_html {margin: 10px 0;}

.powermail_submit_uid7 {left: 150px; width:95px !important;
position: relative; float:left;}
.powermail_submit_uid8 {left: 150px; width:95px !important;
position: relative; float:left;}

fieldset.tx-powermail-pi1_fieldset legend {
       display: none;