*{
	padding: 0px;
	margin: 0px;
	border: none;
}

html {
		background-image:url(images/background.jpg); 
		overflow-Y: scroll;/*no scrolling */
		background-repeat:repeat-x;
		height:417px;
		background-color: #d8e0e7;
		width:1024px;
		height:803px;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		
		
		
		
		}
			
			

body {
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; Times New Roman;
		font-size: 0.70em;
		font-weight:normal;
		line-height: 12pt;
		color: #4f5962;
		
		}

*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}

.container {
	width: 600px;
	min-height:20px;
	margin: 0 auto;
	align:left;
}


h2.trigger {
	padding: 0 0 0 20px;
	
	background: url(more.png) no-repeat;
	height: 15px;
	line-height: 15px;
	width: 300px;
	font-size: 1.00em;
	font-weight: normal;
	font-weight:bold;
	color: #ffffff;
	float: left;
	align:left;
}
h2.trigger a {
	color: #4f5962;
	text-decoration: none;
	display: block;
	font-size: 1.0em;
}
h2.trigger a:hover {
	color: #707e8d;
}
h2.active {background-position: left bottom;}
.toggle_container {
	padding: 0;
	background: #ffffff;
	overflow: hidden;
	font-size: 1.0em;
	width: 450px;
	clear: both;
}
.toggle_container .block {
	padding: 2px;
	
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	font: 0.80em Verdana, Tahoma, Arial, Helvetica, sans-serif; Times New Roman;
	margin: 0 0 10px;
	padding: 0 60px 50px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	float: left;
	
	
}


h1{
		font-size: 1.4em;
		font-weight:bolder;
		color: #4f5962;
		margin-bottom:10px;
	}

h2{
		font-size: 1.20em;
		font-weight:bold;
		margin-top:10px;
		color: #707e8d;
	}	

h3{
		font-size: 0.80em;
		font-weight:normal;
		margin-top:2px;
		color: #333333;
	}	


a:link {
	color:#4f5962;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
color:#707e8d;
	text-decoration:none;
	font-weight:bold;
}
a:visited {
color:#4f5962;
	text-decoration:none;
	font-weight:bold;
}





#header_logo
{	
	
	background-image:url(images/header_logo.png); 
	width:591px;
	height:346px;
	margin-top:22px;
	margin-left:auto;
	margin-right:auto;
	}


	
/*------------MENUE OBEN ANFANG--------------------------*/

#menue
{	
	position:relative;
	background-image:url(images/background_border.jpg); 
	background-repeat:repeat-y;
	height:50px;
	width:591px;
	margin-left:auto;
	margin-right:auto;
	}	



ul#nav{
	margin-left:217px;

	display: block;
	list-style-type: none;
	}
	ul#nav li{
	float: left;
	}
	ul#nav li a{
	display: block;
	}
	ul#nav li a span{	display: none;
	}


		

		
	ul#nav li#kontakt a{
	
		float: left;
		width: 84px;
		height: 50px;
		background-image:url(images/menue/kontakt.png);
		margin-left: 74px;
		background-position: top left;
		}
		ul#nav li#kontakt a:hover{
		background-position: bottom left;
		}
		
		
ul#nav li#kontakt_select a{
	
		float: left;
		width: 84px;
		height: 50px;
		background-image:url(images/menue/kontakt_select.png);
		margin-left: 74px;
		
		}
	

ul#nav li#portfolio a{
	
		float: left;
		width: 100px;
		height: 50px;
		background-image:url(images/menue/portfolio.png);
		margin-top: 0px;
		background-position: top left;
		}
		ul#nav li#portfolio a:hover{
		background-position: bottom left;
		}

ul#nav li#portfolio_select a{
	
		float: left;
		width: 100px;
		height: 50px;
		background-image:url(images/menue/portfolio_select.png);
		margin-top: 0px;
		
		}
		


ul#nav li#blog a{
	
		float: left;
		width: 60px;
		height: 50px;
		background-image:url(images/menue/blog.png);
		margin-top: 0px;
		background-position: top left;
		}
		ul#nav li#blog a:hover{
		background-position: bottom left;
		}
		
		
ul#nav li#blog_select a{
	
		float: left;
		width: 60px;
		height: 50px;
		background-image:url(images/menue/blog_select.png);
		margin-top: 0px;
		
		}
		

ul#nav li#agb a{
	
		float: left;
		width: 45px;
		height: 50px;
		background-image:url(images/menue/agb.png);
		margin-top: 0px;
		background-position: top left;
		}
		ul#nav li#agb a:hover{
		background-position: bottom left;
		}

ul#nav li#agb_select a{
	
		float: left;
		width: 45px;
		height: 50px;
		background-image:url(images/menue/agb_select.png);
		margin-top: 0px;
		
		}
		


ul#nav li#login a{
	
		float: left;
		width: 56px;
		height: 50px;
		background-image:url(images/menue/login.png);
		margin-top: 0px;
		background-position: top left;
		}
		ul#nav li#login a:hover{
		background-position: bottom left;
		}

ul#nav li#login_select a{
	
		float: left;
		width: 56px;
		height: 50px;
		background-image:url(images/menue/login_select.png);
		margin-top: 0px;
		
		}
	

ul#nav li#impressum a{
	
		float: left;
		width: 102px;
		height: 50px;
		background-image:url(images/menue/impressum.png);
		margin-top: 0px;
		background-position: top left;
		}
		ul#nav li#impressum a:hover{
		background-position: bottom left;
		}
		
ul#nav li#impressum_select a{
	
		float: left;
		width: 102px;
		height: 50px;
		background-image:url(images/menue/impressum_select.png);
		margin-top: 0px;
		
		}
		
/*--------------MENUE OBEN ENDE---------------------*/


/*--------------MENUE UNTEN ANFANG------------------------*/

#menue_down
{	
	position:relative;
	background-image:url(images/background_border.jpg); 
	background-repeat:repeat-y;
	height:50px;
	width:591px;
	margin-left:217px;
	margin-right:auto;
	}	



ul#nav2{
	
	display: block;
	list-style-type: none;
	}
	ul#nav2 li{
	float: left;
	}
	ul#nav2 li a{display: block;}
	ul#nav2 li a span{display: none;}



		
	ul#nav2 li#kontakt2 a{
	
		float: left;
		width: 84px;
		height: 50px;
		background-image:url(images/menue/kontakt.png);
		margin-left: 120px;
		background-position: top left;
		}
		ul#nav2 li#kontakt2 a:hover{
		background-position: bottom left;
		}
	
	ul#nav2 li#kontakt2_select a{
	
		float: left;
		width: 84px;
		height: 50px;
		background-image:url(images/menue/kontakt_select.png);
		margin-left: 120px;
		
		}
		

ul#nav2 li#copyright a{
	
		float: left;
		width: 150px;
		height: 50px;
		background-image:url(images/menue/copyright.png);
		margin-top: 0px;
		background-position: top left;
		}
		ul#nav2 li#impressum a:hover{
		background-position: bottom left;
		}


ul#nav2 li#impressum2 a{
	
		float: left;
		width: 102px;
		height: 50px;
		background-image:url(images/menue/impressum.png);
		margin-top: 0px;
		background-position: top left;
		}
		ul#nav2 li#impressum2 a:hover{
		background-position: bottom left;
		}

ul#nav2 li#impressum2_select a{
	
		float: left;
		width: 102px;
		height: 50px;
		background-image:url(images/menue/impressum_select.png);
		margin-top: 0px;
		
		}
		



/*----------------MENUE UNTEN ENDE-------------------*/





#main
{	
	
	background-image:url(images/background_border.jpg); 
	background-repeat:repeat-y;
	width:591px;
	margin-left:217px;
	margin-right:auto;
	

	}

#content
{	
	width:415px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	padding-down:20px;
	}







#kontaktformular
{	
	
	
	float: left;
	width:591px;
	height:400px;
	margin-top:0px;
	margin-left:10px;
	
	line-height: 4.5em;
		}

#col_left{
			float: left;
			width: 120px;
			min-height:740px;
			margin-left:20px;
			margin-top:56px;
			
			line-height: 2.35em;
		}

#col_right{
			float: left;
			padding:10px;
			
			min-height:740px;
			margin-top:50px;
			line-height: 1.0em;
		}




	
	}

#kontaktformular_send
{	
	
	
	margin-top:0px;
	margin-left:0px;
	padding-top:0px;
	}

#down_border
{	
	
	background-image:url(images/footer.jpg); 
	background-repeat:no-repeat;
	width:591px;
	height:16px;
	margin-top:0px;
	margin-left:217px;
	margin-right:auto;
	}


.clearer {
	clear:both;
}