/* CSS Document */

/* 	1.basics 
	2.layout
	3.content
*/



/* 1.basics*/
*{
margin: 0px;
padding: 0px;

	SCROLLBAR-FACE-COLOR: #d4c9b1; 
	SCROLLBAR-HIGHLIGHT-COLOR: #fff; 
	SCROLLBAR-SHADOW-COLOR: #fff; 
	SCROLLBAR-3DLIGHT-COLOR: #fff; 
	SCROLLBAR-ARROW-COLOR:  #000; 
	SCROLLBAR-TRACK-COLOR: #fff;
	SCROLLBAR-DARKSHADOW-COLOR: #fff;	
	
} 
body {
	background-color:#d4c9b1;
	background-image: url(images/hgkachel.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment:fixed;
	margin: 0px 0 0px 0;
	}
h1{
	font-family: "Times New Roman", Helvetica, sans-serif;
	color:#010101;
	font-size: 18px;
	line-height: 22px;
	padding: 0px 0 0px 0px;
	font-weight: lighter;
}
.hgblock{
	font-family: "Arial", Helvetica, sans-serif;
	color:#fff;
	min-width: 20px;
	font-size: 12px;
	line-height: 18px;
	background-color: #40850e;
	padding: 0 2px 0 2px;
	font-weight: lighter;
	
	background-color: #40850e;
		padding: 0 2px 0 2px;
}

.linkactiv{
	font-family: "Arial", Helvetica, sans-serif;
	color:#fff;
	min-width: 10px;
	font-size: 12px;
	line-height: 18px;
	background-color: #40850e;
	padding: 0 2px 0 2px;

}


.navactiv{
	
	font-family: "Times New Roman", Helvetica, sans-serif;
	color:#fff;
	background: url(images/pfeilweiss.png) 2px 9px no-repeat;
	padding:0 0 0 16px;
	background-color:#40850e;
	padding: 6px 17px 6px 17px;
}

.linie {margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #d4c9b1;}


#bottom h1{
	font-family: "Times New Roman", Helvetica, sans-serif;
	color:#fff;
	font-size: 18px;
	line-height: 22px;
	padding: 0px 0 0px 0px;
	font-weight: lighter;
}

.hgblockprodukt{
	font-family: "Arial", Helvetica, sans-serif;
	color:#fff;
	min-width: 20px;
	font-size: 16px;
	line-height: 20px;
	background-image: url(images/hgh2.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 0 2px 0 2px;
	font-weight: lighter;
	
}



.braun{
	font-family: "Arial", Helvetica, sans-serif;
	color:#6b440f;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	
	}

	
.grau{
	font-family: "Arial", Helvetica, sans-serif;
	color:#8d8c8c;
	font-size: 12px;
	line-height: 16px;
	}

.gruen{
	font-family: "Arial", Helvetica, sans-serif;
	color:#40850e;
	font-size: 14px;
	line-height: 20px;
	}
	
.braunbg{
	font-family: "Arial", Helvetica, sans-serif;
	color:#fff;
	background-color: #6c440f;
	font-size: 14px;
	line-height: 20px;
	}
	

.zahlung {
	font-family: "Times New Roman", Helvetica, sans-serif;
	color:#fff;
	font-size: 15px;
	line-height: 20px;
	background: url(images/geld.png) 0px 3px no-repeat;
	padding:0 0 0 20px;
	}
	
.login {
	font-family: "Times New Roman", Helvetica, sans-serif;
	color:#fff;
	font-size: 15px;
	line-height: 20px;
	background: url(images/schloss.png) 0px 0px no-repeat;
	padding:0 0 0 20px;
	}
	



	

/* 1.basics ENDE */

/* 2.layout */



#hgscreen {
	width: auto;
	min-height: 1000px;
	background-image: url(images/hgscreen.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment:fixed;
	clear: both;
	float: none;
	
	}
	
	*html #hgscreen {
	width: 100%;
	height: 268px;
	}

	
#all {
	width: 946px;
	height: auto;
	margin: 0 auto;
	clear: both;
	float: none;
	
	}
	*html #all {
	height: auto;
	}
	
	
	
	
	


/* top bereich */
	
	#top { 
	width: 946px;
	height: 89px;
	margin: 0 auto;
	padding: 0px 0 0 0px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size:12px;
	line-height: 14px;
	background-image: url(images/top.png);
	background-repeat: no-repeat;
	background-position: center top;
	color:#999;
	float: left;
	}
	
	#top img {border: none;}
				
					#top1 {
					width: 70px; 
					height: 70px;
					padding: 19px 0px 0px 20px;
					float: left;
					}
					
					#toplogo {
					width: 284px; 
					height: 102px;
					padding: 21px 0px 0px 17px;
					float: left;
					}
			
					#toplogo img { border: none;}
			
					#topsprache {
					width: 564px; 
					height: 30px;
					padding: 48px 15px 0px 0px;
					text-align: right;
					font-family: "Arial", Helvetica, sans-serif;
					font-size:12px;
					line-height: 14px;
					color:#555;
					float: left;
					}
			
					#topnavi {
					width: 569px; 
					height: 45px;
					padding: 0px 10px 0px 0px;
					text-align: right;
					float: left;
					}
					
					#topnavi a:link, #topnavi a:visited, #topnavi a:active{
					font-family: "Arial", Helvetica, sans-serif;
					font-size:12px;
					line-height: 14px;
					color:#999;
					text-decoration:none;
					display: inline; /*block*/
					}
		
					#topnavi a:hover{
					font-family: "Arial", Helvetica, sans-serif;
					color:#caad55;
					margin:0 0px 0 0px;
					}
					
					#topnavi ul {
					width: 569px;
					padding:0px 0 0 0px;
					list-style-type: none;
					float: left;
					}
		
					#topnavi li{
					font-family: "Arial", Helvetica, sans-serif;
					color:#caad55;
					font-size: 12px;
					line-height: 14px;
					padding:0 4px 0 4px;
					display: inline;
					list-style-type: none;
					}
			
		
						
				
/* navi bereich */				




#navi {
	width: 914px; 
	height: 49px;
	background-image: url(images/navi.png);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Times New Roman", Helvetica, sans-serif;
	color:#92a60e;
	font-size: 15px;
	line-height: 20px;
	padding: 0px 0px 0px 32px;
	margin: 0 auto;
	float: left;
	}
					#navi a:link, #navi a:visited, #navi a:active{
					font-family: "Times New Roman", Helvetica, sans-serif;
					font-size:15px;
					line-height: 20px;
					color:#000;
					background: url(images/pfeilbraun.png) 0px 8px no-repeat;
					text-decoration:none;
					display: inline; /*block*/
					padding: 6px 13px 6px 13px;
					}
		
					#navi a:hover{
					font-family: "Times New Roman", Helvetica, sans-serif;
					color:#fff;
					background: url(images/pfeilweiss.png) 0px 8px no-repeat;
					padding:0 0 0 16px;
					background-color:#40850e;
					padding: 6px 13px 6px 13px;
					}
					
					#navi ul {
					width: 914px;
					padding:14px 0 0 0px;
					list-style-type: none;
					float: left;
					}
		
					#navi li{
					font-family: "Times New Roman", Helvetica, sans-serif;
					color:#000;
					font-size: 15px;
					line-height: 20px;
					padding:0 0px 0 0px;
					display: inline;
					list-style-type: none;
					}	
					
			


/* header bereich */

#header {
	width: 946px; 
	height: 251px;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Arial", Helvetica, sans-serif;
	color:#333333;
	font-size: 12px;
	line-height: 18px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	float: left;
	}
	
		#header a:link, #header a:visited, #header a:active{
		font-family: "Arial", Helvetica, sans-serif;
		font-size:12px;
		line-height: 18px;
		color:#333333;
		padding: 0 2px 0 2px;
		text-decoration:none;
		display: inline; /*block*/
		}
		
		#header a:hover{
		font-family: "Arial", Helvetica, sans-serif;
		color:#fff;
		background-color: #40850e;
		padding: 0 2px 0 2px;
		margin:0 0px 0 0px;
		}
	
			#header1 {
			width: 572px; 
			height: 251px;
			padding: 0px 0px 0px 0px;
			float: left;
			}
			
				
			#header2 {
			width: 325px; 
			height: 232px;
			padding: 19px 49px 0px 0px;
			float: left;
			}	
			
		
					#header2 ul {
					min-width: 325px;
					padding:0px 0 0px 0px;
					list-style-type: none;
					text-align:right;
					float: left;
					}
		
					#header2 li{
					font-family: "Arial", Helvetica, sans-serif;
					color:#fff;
					font-size: 12px;
					line-height: 18px;
					margin: 0 2px 0 2px;
					display: inline;
					list-style-type: none;
					}
		
				
		
/* main bereich */

#mainkachel {
	width: 946px; 
	min-height:412px;
	background-image: url(images/mainkachel.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding: 0px 0px 0px 0px;
	float: left;
	}
	
	*html #mainkachel {height: 412px;}
	
	
	
#main {
	width: 850px; 
	min-height:391px;
	background-image: url(images/main.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 21px 49px 0px 47px;
	font-family: "Arial", Helvetica, sans-serif;
	color:#010101;
	font-size: 12px;
	line-height: 18px;
	float: left;
	}
	
	*html #main {height: 412px;}
	#main p {padding: 0 0 14px 0px;}
	
		#main a:link, #main a:visited, #main a:active{
		font-family: "Arial", Helvetica, sans-serif;
		font-size:12px;
		line-height: 18px;
		color:#6c440f;
		text-decoration:none;
		font-weight: bold;
		display: inline; /*block*/
		}
		
		#main a:hover{
		font-family: "Arial", Helvetica, sans-serif;
		color:#40850e;
		margin:0 0px 0 0px;
		}
							
					
	
	
	#mainleft {
	width: 263px; 
	min-height:391px;
	padding: 0px 0px 0px 0px;
	margin: 0 0 15px 0;
	
	float: left;
	}
	
	*html #mainleft {height: 391px;}
	
					#mainleft ul {
					width: 260px;
					padding:0px 0 20px 0px;
					list-style-type: none;
					
					}
		
					#mainleft li{
					font-family: "Arial", Helvetica, sans-serif;
					color:#010101;
					font-size: 12px;
					line-height: 20px;
					background: url(images/pfeilbraun.png) 0px 2px no-repeat;
					padding:0 0px 0 20px;
					display: block;
					list-style-type: none;
				
					}
					
					#mainleft a:link, #mainleft a:visited, #mainleft a:active{
					font-family: "Arial", Helvetica, sans-serif;
					font-size:12px;
					line-height: 20px;
					color:#6c440f;
					text-decoration:none;
					font-weight: bold;
					display: inline; /*block*/
					}
					
					#mainleft a:hover{
					font-family: "Arial", Helvetica, sans-serif;
					color:#40850e;
					margin:0 0px 0 0px;
					}
	
	.boxleft {
	width: 241px; 
	min-height:170px;
	padding: 0px 22px 0px 0px;
	margin: 0 0 15px 0;
	float: left;
	}
	*html .boxleft {height: 170px;}
	
	#boxsong {
	width: 241px; 
	min-height:50px;
	padding: 0px 22px 0px 0px;
	margin: 0 0 15px 0;
	float: left;
	}
	*html #boxsong {height: 50px;}
	
	
	#mainright {
	width: 561px; 
	min-height:391px;
	padding: 0px 0px 0px 25px;
	margin: 0 0 15px 0;
	border-left: 1px solid #e1dac7;
	float: left;
	}
	
	*html #mainright {height: 3914px 0px;}
	
					#mainright ul {
					width: 540px;
					padding:0px 0 20px 0px;
					list-style-type: none;
					
					}
		
					#mainright li{
					font-family: "Arial", Helvetica, sans-serif;
					color:#010101;
					font-size: 12px;
					line-height: 20px;
					background: url(images/pfeilbraun.png) 0px 2px no-repeat;
					padding:0 0px 0 20px;
					display: block;
					list-style-type: none;
				
					}
					
					#mainright img {
					border: none;
					
					}
	
	
	.boxright {
	width: 561px; 
	min-height:50px;
	padding: 0px 0px 0px 0px;
	margin: 0 0 15px 0;
	float: left;
	}
	*html .boxright {height: 50px;}
	
	
	
	#boxrightflash {
	width: 561px; 
	min-height:189px;
	padding: 0px 0px 0px 0px;
	margin: 0 0 15px 0;
	float: left;
	}
	

		
		
/* bottom bereich */
		


#bottom {
	position: relative;
	width: 946px; 
	height: 345px;
	font-family: "Arial", Helvetica, sans-serif;
	color:#5a5a5a;
	font-size: 12px;
	line-height: 18px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	clear: both;
	float: none;
	}
			#bottom a:link, #bottom a:visited, #bottom a:active{
			font-family: "Arial", Helvetica, sans-serif;
			font-size:12px;
			line-height: 18px;
			color:#5e4f41;
			text-decoration:none;
			}
		
			#bottom a:hover{
			font-family: "Arial", Helvetica, sans-serif;
			color:#000;
			text-decoration: none;
			}
			
			#bottom ul {
			width: 946px;
			padding:0 0 0 0px;
			text-align: center;
			list-style-type: none;
			float: left;
			
			}
		
			#bottom li{
			font-family: "Arial", Helvetica, sans-serif;
			color:#fff;
			font-size: 12px;
			line-height: 28px;
			list-style-type: none;
			padding: 0 3px 10px 3px;
			display: inline;		
			}
			
			#bottom p { padding: 0 0 14px 0;}
			
			
	#bottom01 {
	width: 899px; 
	height: 218px;
	background-image: url(images/bottom01.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Arial", Helvetica, sans-serif;
	color:#fff;
	font-size: 12px;
	line-height: 18px;
	padding: 43px 0px 0 47px;
	float: left;
	}
	
			#bottom01 a:link, #bottom01 a:visited, #bottom01 a:active{
			font-family: "Arial", Helvetica, sans-serif;
			font-size:12px;
			line-height: 18px;
			color:#ac6930;
			text-decoration:none;
			}
		
			#bottom01 a:hover{
			font-family: "Arial", Helvetica, sans-serif;
			color:#fff;
			text-decoration: none;
			}
	
		#bottom01a {
		width: 254px;
		height: 182px;
		padding: 0 52px 0 0px;
		float: left;
		}
		
		#bottom01b {
		width: 252px;
		height: 182px;
		padding: 0 52px 0 0px;
		float: left;
		}
		
		#bottom01c {
		width: 240px;
		height: 182px;
		padding: 0 0px 0 0px;
		float: left;
		}
	
	
	#bottom02 {
	width: 946px;
	height: 84px;
	padding: 0 0px 0 0px;
	float: left;
	}
		
		
		
			
						
			

/* 2.layout ENDE */