/* CSS Document */

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



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

	SCROLLBAR-FACE-COLOR: #000; 
	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: #000;
	background-image: url(images/hg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: fixed;
	margin: 0px 0 0px 0;
	}
h1{
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	color:#d7d7d7;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
}
h2{
	font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;
	color:#ffc815;
	font-size: 16px;
	line-height: 18px;
	font-weight:bold;
}

h3 {
	font-family: "Times New Roman", Verdana, Helvetica, sans-serif;
	color:#2569C1;
	font-size: 18px;
	font-weight: lighter;
	line-height: 20px;
}


.topgelb {
	font-family: "Arial", Helvetica, sans-serif;
	color:#ffcc28;
	font-size: 11px;
	line-height: 16px;
}
.topweiss {
	font-family: "Arial", Helvetica, sans-serif;
	color:#ccc;
	font-size: 11px;
	line-height: 16px;
}
.topbraun {
	font-family: "Arial", Helvetica, sans-serif;
	color:#8e600c;
	font-size: 11px;
	line-height: 16px;
}
.topgrau {
	font-family: "Arial", Helvetica, sans-serif;
	color:#999;
	font-size: 11px;
	line-height: 16px;
}

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

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

.strichel {
	font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 11px;
	line-height: 40px;
}

.slogan_blau {
	font-family: "Georgia", Verdana, Helvetica, sans-serif;
	color:#052D76;
	font-size: 18px;
	line-height: 23px;
	text-decoration:none;
}
.slogan_gruen {
	font-family: "Georgia", Verdana, Helvetica, sans-serif;
	color:#777A0C;
	font-size: 14px;
	line-height: 20px;
	text-decoration:none;
}



a:link {
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #ffcc28;
	text-decoration: none;
}
a:visited {
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	color: #ffcc28;
	font-size:12px;
	text-decoration: none;
}
a:hover {
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	color: #fff;
	font-size:12px;
	text-decoration: none;
}
a:active {
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	color: #ffcc28;
	font-size:12px;
	text-decoration: none;
}	

.start {

	background-image: url(images/hgpic.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}

.philo {

	background-image: url(images/hgserv.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}

.serv {

	background-image: url(images/hgserv.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}
	

/*---------------------------WEBSITE AUFBAU-------------------------	*/	

#all {
	position: relative;
	margin: 0px auto 0px auto;
	width: 900px;
	background-color: #000;
	}
	
/*---------------------------TOP BEREICH-------------------------	*/	
#top {
	width: 852px;
	height: 188px;
	padding: 12px 0 0 48px;
	background-image: url(images/top.jpg);
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	color:#999;
	font-size: 11px;
	}
			#top a:link, #top a:visited, #top a:active{
			font-family: "Arial", Verdana, Helvetica, sans-serif;
			font-size:11px;
			color:#999;
			text-decoration:none;
			}
		
			#top a:hover{
			font-family: "Arial", Verdana, Helvetica, sans-serif;
			color:#fff;
			}
			
#top1 {
	width: 657px;
	height: 44px;
	padding: 0px 0 0 0px;
	float: left;
	}
	
#top2 {
	width: 195px;
	height: 44px;
	padding: 0px 0 0 0px;
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#ffcc28;
	float: left;

	}
	
#top3 {
	width: 500px;
	height: 60px;
	padding: 30px 0 0 0px;
	float: left;
	}
	
	
	#top3 img {
	boder: none;
	}
	
	#top3 a:link img, #top3 a:visited img, #top3 a:active img {
			border: none;
			color:#999;
			text-decoration:none;
			}
		
			#top3 a:hover img{
			color:#fff;
			border: none;
			}

/*---------------------------TOP BEREICH ENDE-------------------------	*/	

/*---------------------------HEADER BEREICH-------------------------	*/	

			
#header {
	width: 900px;
	height: 168px;
	padding: 0px 0 0 0px;
	background-image: url(images/header.jpg);
	float: left;
	}

/*---------------------------HEADER BEREICH ENDE-------------------------	*/

/*---------------------------NAVI BEREICH-------------------------	*/	


#navi {
	width: 900px; 
	height: 221px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/navi.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height: 16px;
	color:#e5e5e5;
	float: left;
	}
			#navi a:link, #navi a:visited, #navi a:active{
			font-family: "Arial", Verdana, Helvetica, sans-serif;
			font-size:11px;
			line-height: 16px;
			color:#ffcc28;
			text-decoration:none;
			}
		
			#navi a:hover{
			font-family: "Arial", Verdana, Helvetica, sans-serif;
			color:#fff;
			}	
			
#navi1 {
	width: 668px; 
	height: 221px;
	padding: 0px 0px 0px 0px;
	float: left;
	}
#navi2 {
	width: 232px; 
	height: 221px;
	padding: 0px 0px 0px 0px;
	float: left;
	}

/*---------------------------NAVI BEREICH ENDE-------------------------	*/

/*---------------------------MAIN BEREICH-------------------------	*/

		
#mainall {
	width: 814px; 
	min-height: 464px;
	padding: 6px 38px 0px 48px;
	margin: 0 auto;
	background-image: url(images/main.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	}
* html #mainall {
	height: 470px;
		}
		
#mainall2 {
	width: 814px; 
	min-height: 464px;
	padding: 6px 38px 0px 48px;
	margin: 0 auto;
	background-image: url(images/main2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	}
* html #mainall2 {
	height: 470px;
		}

	
		
#mainleft {
	width: 366px; 
	min-height: 230px;
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	color:#adadad;
	font-size: 12px;
	line-height: 16px;
	padding: 20px 34px 0px 0px;
	float: left;
	}
*html #mainleft{
	height: 230px;
		}	
			#mainleft a:link, #mainleft a:visited, #mainleft a:active{
			font-family: "Arial", Verdana, Helvetica, sans-serif;
			font-size:12px;
			line-height: 18px;
			color:#ffc815;
			text-decoration:none;
			
			}
		
			#mainleft a:hover{
			font-family: "Arial", Verdana, Helvetica, sans-serif;
			color:#fff;
			}	
			#mainleft ul {
			padding:0 0 0 0px;
			list-style-type: none;
			}
		
			#mainleft li{
			font-family: "Georgia", Verdana, Helvetica, sans-serif;
			color:#5B5047;
			font-size: 12px;
			line-height: 18px;
			background: url(images/pfeil.gif) 0px 4px no-repeat;
			padding:0 0 0 20px;
			list-style-type: none;
			}	
			
			#mainleft img{
			border:none;
			
			}

#klick {
	width: 366px;
	height: 21px;
	padding: 0px 0 0 0px;
	float: left;
	}
		a.klick { background:url(images/klick.gif) no-repeat 0px 0px; width: 138px; height: 21px; display: block; }
		a.klick span { display: none; }
		a.klick:hover { background: url(images/klick.gif) no-repeat 0px -21px; }
		
		
#mainbild {
	width: 141px; 
	min-height: 230px;
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	color:#adadad;
	font-size: 12px;
	line-height: 16px;
	padding: 20px 92px 0px 23px;
	border-left: 1px solid #242424;
	
	float: left;
	}
*html #mainbild{
	height: 230px;
		}	
			#mainbild a:link, #mainbild a:visited, #mainbild a:active{
			font-family: "Arial", Verdana, Helvetica, sans-serif;
			font-size:12px;
			line-height: 18px;
			color:#ffc815;
			text-decoration:none;
			
			}
		
			#mainbild a:hover{
			font-family: "Arial", Verdana, Helvetica, sans-serif;
			color:#fff;
			}

.uebersatz {
	text-align: left;
}

#ueber {
	width: 565px;
	min-height: 30px;
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	color:#adadad;
	font-size: 12px;
	line-height: 16px;
	padding: 0px 92px 0 0px;
	float: left;
	text-align: justify;
		}
	#ueber ul {
			padding:0 0 0 0px;
			list-style-type: none;
			}
		
			#ueber li{
			font-family: "Arial", Verdana, Helvetica, sans-serif;
			color:#adadad;
			font-size: 12px;
			line-height: 18px;
			background: url(images/pfeilgelb.gif) 0px 4px no-repeat;
			padding:0 0 0 20px;
			list-style-type: none;
			}	
			
			#ueber img{
		border: none;
		}
			
*html #ueber {
	width: 565px;
	height: 30px;
	}
		
#leistungen01 {
	width: 168px; 
	min-height: 250px;
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	color:#adadad;
	font-size: 12px;
	line-height: 16px;
	padding: 0px 20px 0px 0px;
	float: left;
	}
*html #leistungen01{
	height: 250px;
		}

#leistungen02 {
	width: 190px; 
	min-height: 250px;
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	color:#adadad;
	font-size: 12px;
	line-height: 16px;
	padding: 0px 22px 0px 0px;
	float: left;
	}
*html #leistungen02{
	height: 250px;
		}	
		
#leistungen03 {
	width: 160px; 
	min-height: 250px;
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	color:#adadad;
	font-size: 12px;
	line-height: 16px;
	padding: 0px 0px 0px 20px;
	float: left;
	}
*html #leistungen03{
	height: 250px;
		}		
		
#mainright {
	width: 157px; 
	min-height: 230px;
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	color:#999;
	font-size: 11px;
	line-height: 16px;
	padding: 20px 0 0 0;
	float: left;
	}
*html #mainright{
	height: 230px;
		}
			#mainright a:link, #mainright a:visited, #mainright a:active{
			font-family: "Arial", Verdana, Helvetica, sans-serif;
			font-size:11px;
			line-height: 16px;
			color:#ffcc28;
			text-decoration:none;
			}
			
			#mainright a:hover{
			font-family: "Arial", Verdana, Helvetica, sans-serif;
			color:#fff;
					
			}
			
			#mainright ul {
			padding:0 0 0 0px;
			list-style-type: none;
			}
		
			#mainright li{
			font-family: "Georgia", Verdana, Helvetica, sans-serif;
			color:#5B5047;
			font-size: 12px;
			line-height: 18px;
			background: url(images/pfeil.gif) 0px 4px no-repeat;
			padding:0 0 0 20px;
			list-style-type: none;
			}		
			
/*---------------------------MAIN BEREICH ENDE-------------------------	*/	

/*---------------------------BOTTOM BEREICH-------------------------	*/	

#bottom {
	width: 900px; 
	height: 150px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/bottom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px auto;
	clear: both;
	float: none;
	}
			#bottom a:link, #bottom a:visited, #bottom a:active{
			font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
			font-size:11px;
			line-height: 15px;
			color:#000;
			text-decoration:none;
			}
		
			#bottom a:hover{
			font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
			color:#fff;
			text-decoration: underline;
			}
			
	#bottom1 {
	width: 606px; 
	height: 279px;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding: 0  0 0 33px;
	color: #fff;
	float: left;
	}
	#bottom2 {
	width: 237px; 
	height: 243px;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	padding: 33px 0 0 24px;
	float: left;
	}
	#bottom3 {
	width: 230px; 
	height: 80px;
	font-family: "Georgia", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	float: left;
	}

/*---------------------------BOTTOM BEREICH ENDE-------------------------	*/	
	


#fixfloat{
	clear: both;
	float: none;
	}
	

/*-------------------------inhalt display none---------------------------*/

#display {
	width: 850px;
	height: 202px;
	background-image: url(images/top.jpg);
	float: left;
	display: none;
	}