/********************************************************
* GLOBAL
********************************************************/

body {
	color: #40403f;
	background: #ffffff url(bilder/bg.gif) repeat-x;
	background-position: top left ;
   	scrollbar-face-color:#464990;
		scrollbar-arrow-color:#FFFFFF;
		scrollbar-base-color:#EEEEEE;
		scrollbar-darkshadow-color:#FFFFFF;
		scrollbar-track-color:#61943f;
		scrollbar-highlight-color:#EEEEEE;
	scrollbar-shadow-color:#FFFFFF;
   	margin: 10px 0 10px 0 ; 
	padding: 0px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align:center;
	
}


h1 {

	color:#99d91a;
    	font-family:Verdana, Helvetica, Arial;font-size: 16px;
    	font-weight: none;

}

#versteckt {
visibility: hidden;
position: absolute;
width: 800px;
height: 1px;
font-size: 1px;
} 

IMG {

display:block;
}

/********************************************************
* HEADER
********************************************************/

  
  #header{
     text-align: left;    /* Seiteninhalt wieder links ausrichten */
     width: 996px; /* standardkonforme horizontale Zentrierung */
     margin: 0px auto;
     padding: 0;
  }
  
  #header1 {
   float: left;
   	overflow: hidden; 	
   	width: 294px;
   	height: 50px;
   	background: url(bilder/lo.gif) no-repeat;
   	padding: 0px;
	margin: 0px;
  }
  
  #header2 {
  	float: right;
  	overflow: hidden;
  	width: 702px;
  	height:50px;
  	background: url(bilder/ro.gif) no-repeat;
  	padding: 0px;
	margin: 0px;	
	}

.headerfont{
     margin-left: 350px;
     margin-top: 20px;
}
	
#pic{
     clear:both;
     text-align: left;    /* Seiteninhalt wieder links ausrichten */
     width: 996px; /* standardkonforme horizontale Zentrierung */
     margin: 0px auto;
     padding: 0;
  }
  
  #pic1 {
   float: left;
   	overflow: hidden;
   	width: 294px;
   	height: 302px;
   	background: url(bilder/img11.jpg) no-repeat;
   	padding: 0px;
	margin: 0px;
  }
  
  #pic2{
  	float: right;
  	overflow: hidden;
  	width: 702px;
  	height:302px;
  	background: url(bilder/img12.jpg) no-repeat;
  	padding: 0px;
	margin: 0px;	
	}	

 #pic_angebot1 {
   float: left;
   	overflow: hidden;
   	width: 294px;
   	height: 302px;
   	background: url(bilder/img41.jpg) no-repeat;
   	padding: 0px;
	margin: 0px;
  }
  
  #pic_angebot2{
  	float: right;
  	overflow: hidden;
  	width: 702px;
  	height:302px;
  	background: url(bilder/img42.jpg) no-repeat;
  	padding: 0px;
	margin: 0px;	
	}

#pic21 {
   float: left;
   	overflow: hidden;
   	width: 294px;
   	height: 302px;
   	background: url(bilder/img21.jpg) no-repeat;
   	padding: 0px;
	margin: 0px;
  }
  
#pic22 {
  	float: right;
  	overflow: hidden;
  	width: 702px;
  	height:302px;
  	background: url(bilder/img22.jpg) no-repeat;
  	padding: 0px;
	margin: 0px;	
	}
	
	
#pic31 {
   float: left;
   	overflow: hidden;
   	width: 294px;
   	height: 302px;
   	background: url(bilder/img31.jpg) no-repeat;
   	padding: 0px;
	margin: 0px;
  }
  
#pic32 {
  	float: right;
  	overflow: hidden;
  	width: 702px;
  	height:302px;
  	background: url(bilder/img32.jpg) no-repeat;
  	padding: 0px;
	margin: 0px;	
	}	
	
p.headertext {
 margin-left: 20px;
 margin-top: 80px;
 text-align: left;
 font-family:Arial, Helvetica, Verdana; text-decoration:none; color:#dbe3ca; font-weight:bold; font-size: 15px; line-height:20px; 
 
}	
	
/********************************************************
* INHALT und NAVI
********************************************************/	

#inhalt{
    clear:both;
    background: #ffffff url(bilder/ln.gif) repeat-y;
    padding: 0 ;
    width: 996px; /* standardkonforme horizontale Zentrierung */
    margin: 0px auto;
}


 * html div#inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;
    
  }

#navi{
 float:left;
 padding: 0;
 margin: 0;
 width: 294px;
 text-align: left;
 background: #ffffff url(bilder/ln.gif) repeat-y;
}

ul#Navigation {
    font-size: 13px;
    float: left; width: 294px;
    margin: 0; padding: 0;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0 0 0 15px; padding: 0.5em;
  }
  ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: none;
  }
  ul#Navigation a:link {
   	color:#61943f;
   	height:32px;
   	display: block;
    	font-family:Arial, Helvetica, Verdana;font-size: 13px;
    	text-decoration:none;
   	background: url(bilder/nav.gif) no-repeat;
	background-position: left bottom;
  }
  ul#Navigation a:visited {
   	color:#61943f;
   	height:32px;
   	display: block;
    	font-family:Arial, Helvetica, Verdana;font-size: 13px;
    	text-decoration:none;
   	background: url(bilder/nav.gif) no-repeat;
	background-position: left bottom;
	border: 0;
  }
  ul#Navigation a:hover {
        color:#70d517;
    	height:32px;
    	display: block;
     	font-family:Arial, Helvetica, Verdana;font-size: 13px;
     	text-decoration:none;
    	background: url(bilder/navsel.gif) no-repeat;
	background-position: left bottom;
	border: 0;
  }
  ul#Navigation a:active {
    color:#70d517;
    	height:32px;
    	display: block;
     	font-family:Arial, Helvetica, Verdana;font-size: 13px;
     	text-decoration:none;
    	background: url(bilder/navsel.gif) no-repeat;
	background-position: left bottom;
  }




.sel {
	color:#70d517;
	height:32px;
	padding: 0.2em;
	display:block;
	font-family:Arial, Helvetica, Verdana;font-size: 13px;
	text-decoration:none;
	background: url(bilder/navsel.gif) no-repeat;
	background-position: left bottom;

}

.subselect {
	color:#70d517;
	height:32px;
	display: inline;
	font-family:Arial, Helvetica, Verdana;font-size: 13px;
	text-decoration:none;
	background: none;

}


/* Ausgeqählte Navigation mit Unterpunkten*/


  ul#Navigation a.sub {
    display: block;
    padding: 0.2em;
    font-weight: none;
  }
  ul#Navigation a.sub:link {
	color:#8ebc65;
    	height:32px;
    	display: block;
     	font-family:Arial, Helvetica, Verdana;font-size: 13px;
     	text-decoration:none;
    	background: url(bilder/navsubsel.gif) no-repeat;
	background-position: left bottom;
	border: 0;
  }
  ul#Navigation a.sub:visited {
   	color:#8ebc65;
	    	height:32px;
	    	display: block;
	     	font-family:Arial, Helvetica, Verdana;font-size: 13px;
	     	text-decoration:none;
	    	background: url(bilder/navsubsel.gif) no-repeat;
		background-position: left bottom;
	border: 0;
  }
  ul#Navigation a.sub:hover {
        color:#70d517;
    	height:32px;
    	display: block;
     	font-family:Arial, Helvetica, Verdana;font-size: 13px;
     	text-decoration:none;
    	background: url(bilder/navsel.gif) no-repeat;
	background-position: left bottom;
	border: 0;
  }
  ul#Navigation a.sub:active {
    color:#8ebc65;
    	height:32px;
    	display: block;
     	font-family:Arial, Helvetica, Verdana;font-size: 13px;
     	text-decoration:none;
    	background: url(bilder/navsel.gif) no-repeat;
	background-position: left bottom;
  }




/********************************************************
* Ünternavigation
********************************************************/	

#clear{
  clear:both;
  height:1px;
  width: 1px;
  padding: 0 ;
  margin: 0 ;
}

ul#subNavigation {
    font-size: 13px;
    float: left; width: 254px;
    margin: 0 0 0 0; padding: 0 0 0 0;
    border: 0px solid black;
  }
  ul#subNavigation li {   
    background: url(bilder/dot.gif) no-repeat left center;
    margin:0 0 0 15px ; padding: 0 0 0 15px;
  }
  ul#subNavigation a {
    margin:0 ; padding: 0;
    font-weight: none;
  }
  ul#subNavigation a:link {
   	color:.61943f;
   	display: inline;
    	font-family:Arial, Helvetica, Verdana;font-size: 13px;
    	background: none;
    	text-decoration:none;
   	
  }
  ul#subNavigation a:visited {
   	color:.61943f;
   	display: inline;
    	font-family:Arial, Helvetica, Verdana;font-size: 13px;
    	background: none;
    	text-decoration:none;
   	
  }
  ul#subNavigation a:hover {
        color:.#70d517;
    	display: inline;
    	background: none;    	
     	font-family:Arial, Helvetica, Verdana;font-size: 13px;
     	text-decoration:none;
    
  }
  ul#subNavigation a:active {
   	color:.#70d517;
    	display: inline;
    	background: none;     	
     	font-family:Arial, Helvetica, Verdana;font-size: 13px;
     	text-decoration:none;
  }




#content{
  padding 0;
  margin: 0 0 0 295px;
  background: url(bilder/strich.gif) repeat-y;
  background-position: right;
  
}

	
/********************************************************
* Überschriften und Absätze
********************************************************/	

h2.content {
	text-align: left;
	padding: 20px 0 0 10px;
	text-transform:uppercase; 
	color:#70d519;
	font-family:Verdana, Helvetica, Arial;font-size: 17px;
 	text-decoration:none;
	

}

p.content {
	width: 640px;
	margin:10px 0 0 20px;
	padding:0.2em 1.5em 0.5em 0.2em;
	text-align: justify;
	color:#737472;
	font-family:Arial, Helvetica, Verdana;font-size: 12px;
	line-height: 22px;
 	text-decoration:none;	

}

#liste {
	float: left;
	padding: 0.2em;
	margin-left: 20px;
	display: block;
	font-family:Arial, Helvetica, Verdana;font-size: 12px;
 	text-decoration:none;	


}

.bild{
 float: left;
 display:block;
 border: 0;
}


a.liste{
	float: left;
	padding: 0.2em;
	margin-left: 20px;
	margin-top: 5px;
	display: block;
	font-family:Arial, Helvetica, Verdana;font-size: 12px;
 	text-decoration:none;	
	border: 1px solid #e9eae8;
}

a.liste:hover {
	float: left;
	padding: 0.2em;
	margin-left: 20px;
	display: block;
	font-family:Arial, Helvetica, Verdana;font-size: 12px;
	text-decoration:none;	
	border: 1px solid #99d91a;
	background: #fcfcfb;

}

ul.content {
	margin: 0 0 0 0; padding: 0;
	text-align: left;
	color: #78a450;

}




ul.content {
	margin: 0 0 0 50px; padding: 0;
	text-align: left;
}


/********************************************************
* FOOTER
********************************************************/

#footer{
     clear: both;
     text-align: left;    /* Seiteninhalt wieder links ausrichten */
     width: 996px; /* standardkonforme horizontale Zentrierung */
     margin: 0px auto;
     

  }
  
  #footer_l {
   	float: left;
     	overflow: hidden;
     	width: 294px;
     	height: 35px;
     	background: url(bilder/lu.gif) repeat-y;
     	padding: 0px;
  	margin: 0px;
  	margin-bottom: 5px;
  }
  
  #footer_r{
	float: right;
  	text-align: center;
  	position: relative;
  	overflow: hidden;
  	width: 702px;
  	height:35px;
  	background: url(bilder/ru.gif) repeat-y;
  	padding: 0px;
  	margin: 0px;	
	}
	
	
 a.imp {
    margin: 0 auto;
    padding: 0;
    font-weight: none;
  }
  a.imp:link {
   	color:#636161;
    	font-family:Arial, Helvetica, Verdana;font-size: 9px;
    	text-decoration:none;
   	
  }
a.imp:visited {
   	color:#636161;
    	font-family:Arial, Helvetica, Verdana;font-size: 9px;
    	text-decoration:none;
   	
  }
 a.imp:hover {
        color:#636161;
     	font-family:Arial, Helvetica, Verdana;font-size: 9px;
     	text-decoration:none;
    	
  }
 a.imp:active {
    color:#636161;
    font-family:Arial, Helvetica, Verdana;font-size: 9px;
   text-decoration:none;
    	
  }	

.impressum {
	color:#636161;
    	font-family:Arial, Helvetica, Verdana;font-size: 9px;
}

.top {
   margin-right: 35px;
   float: right;
   
}
/********************************************************
* Schriften
********************************************************/

.small {
	color:#737472;
    	font-family:Verdana, Helvetica, Arial;font-size: 8px;
    	text-decoration:none;
}

a {
 color: #636161;

}

.slogo {
	float: left; margin-right: 10px;
}


#ref {
 width: 600px;
 height: 100px;
 border: 1px solid #e9eae8;
 background:none;
 margin-bottom: 0.2em;
}

#ref2 {
 width: 600px;
 height: 100px;
 border: 1px solid #e9eae8;
 background: #fcfcfb;
 margin-bottom: 0.2em;
}




.text {
  float: left;
  top: 0px;
  margin-left: 10px;
  margin-top: 3px;
  text-align: left;
  color:#636161;
  font-family:Arial, Helvetica, Verdana;font-size: 13px;
  text-decoration:none;

}

a.info{ 
    float: left;
    padding: 0.2em;
    height: 67px;
    margin-left: 10px;
    margin-top: 5px;
    z-index:1; 
    text-decoration:none;
    font-family:Arial, Helvetica, Verdana;font-size: 12px;
    text-decoration:none;	
    border: 0px solid #e9eae8;
   
   } 
   
a.info:visited{ 
    float: left;
    padding: 0.2em;
    height: 67px;
    margin-left: 10px;
    margin-top: 5px;
    z-index:1; 
    text-decoration:none;
    font-family:Arial, Helvetica, Verdana;font-size: 12px;
    text-decoration:none;	
    border: 0px solid #e9eae8;
   
   }    
   

a.info:hover{
    float: left;
    padding: 0.2em;
    height: 67px;
    margin-left: 10px;
    margin-top: 5px;
    z-index:1; 
    text-decoration:none;
    font-family:Arial, Helvetica, Verdana;font-size: 12px;
    text-decoration:none;	

border:none;
z-index:2;} 

     
/***********************************/
/****ONLINESHOPS REFERENZEN*********/
/***********************************/


a.shop1{ 
    float: left;
    padding: 0.2em;
    height: 67px;
    margin-left: 10px;
    margin-top: 5px;
    z-index:1; 
    text-decoration:none;
    font-family:Arial, Helvetica, Verdana;font-size: 12px;
    text-decoration:none;	
    border: 0px solid #e9eae8;
   
   } 
   
a.shop1:visited{ 
    float: left;
    padding: 0.2em;
    height: 67px;
    margin-left: 10px;
    margin-top: 5px;
    z-index:1; 
    text-decoration:none;
    font-family:Arial, Helvetica, Verdana;font-size: 12px;
    text-decoration:none;	
    border: 0px solid #e9eae8;
   
   }    
   

a.shop1:hover{
    float: left;
    padding: 0.2em;
    height: 67px;
    margin-left: 10px;
    margin-top: 5px;
    z-index:1; 
    text-decoration:none;
    font-family:Arial, Helvetica, Verdana;font-size: 12px;
    text-decoration:none;	

border:none;
z-index:2;} 

/***********************************/
/****Support REFERENZEN*********/
/***********************************/

#refprints {
 width: 600px;
 height: 120px;
 border: 1px solid #e9eae8;
 background:none;
 margin-bottom: 0.2em;

}


#refprintl {
 width: 600px;
 height: 240px;
 border: 1px solid #e9eae8;
 background:none;
 margin-bottom: 0.2em;

}


#refprintm {
 width: 600px;
 height: 180px;
 border: 1px solid #e9eae8;
 background:none;
 margin-bottom: 0.2em;

}


.printimg{ 
    float: left;
    width: 150px;
    padding: 0.2em;
    margin-left: 10px;
    margin-top: 5px;
    text-decoration:none;
    font-family:Arial, Helvetica, Verdana;font-size: 12px;
    text-decoration:none;	
    border: 1px solid #e9eae8;
   
   }  
   
   
 .printtext {
     float: right;
     width: 400px;
     text-align: left;
     top: 0px;
     margin-left: 10px;
     margin-top: 3px;
     color:#636161;
     font-family:Arial, Helvetica, Verdana;font-size: 13px;
     text-decoration:none;
   
}
     


.supportimg{ 
    float: left;
    width: 100px;
    padding: 0.2em;
    margin-left: 10px;
    margin-top: 5px;
    text-decoration:none;
    font-family:Arial, Helvetica, Verdana;font-size: 12px;
    text-decoration:none;	
    border: 0px solid #e9eae8;
   
   }  
   
   
 .supporttext {
     float: right;
     width: 450px;
     text-align: left;
     top: 0px;
     margin-left: 10px;
     margin-top: 3px;
     color:#636161;
     font-family:Arial, Helvetica, Verdana;font-size: 13px;
     text-decoration:none;
   
}
     
     
/* Per-Post CSS */
/* Embedded CSS for "Wirklich einfache JavaScript Tooltips" */
.tooltip {
	position: absolute;
	display: none;
	border: 1px solid #99d91a;
	z-index: 3;
	margin:0;
	padding:0;
}