* {
	margin: 0;
	padding: 0;
	}

html, body {
	height: 100%;
	}

body  {
	background-color: #fff;
	font-family: "Verdana", "Arial", "Tahoma", sans-serif;
	text-align: center; /* horizontal centering for IE Win quirks */
	font-size: 12px;
	line-height: 17px;
	color: #cccccc;
	margin: 0;
	padding: 0;
	}

p {
	font-size: 12px;
	line-height: 17px;
	color: #cccccc;
	padding: 5px 0 5px 0;
	margin: 0;
	}

h1 {
	font-size: 13px;
	line-height: 20px;
	color: #666666;
	padding: 10px 0 8px 0;
	margin: 0;
	}

ul, ol, li { 
	margin: 0;	padding: 0;
	}
	
a:link , a:visited {
	text-decoration: none; 
	color: #cccccc;
	}

a:hover , a:active {
	text-decoration: none;
	color: #666666;
	}
	
.dark {color: #666666;}

/* ----- LAYOUT ------ */

#distance { 
	width: 1px;
	height: 50%;
	margin-bottom: -340px; /* half of container's height */
	float: left;
	}

/* ----- Titelseite ------ */

#wrapper_titel {
	width: 840px;
	height: 634px;
	position: relative; /* puts container in front of distance */
	margin: 0 auto;
	clear: left;
	}

#banner_titel {
	width: 840px;
	height: 30px;
	}

#dot_top_titel {
	width: 840px;
	height: 15px;
	background-image: url("../images/dot.jpg");
	background-repeat: no-repeat; 
	background-position: 50% 0%;
	margin: 0 0 12px 0;
	padding: 0; 
	}

#titelbild {
	width: 840px;
	height: 560px;
	background-color: #fff;
	padding: 0;
	margin:0;
	}

#dot_bottom_titel {
	width: 840px;
	height: 15px;
	background-image: url("../images/dot.jpg");
	background-repeat: no-repeat; 
	background-position: 50% 0%;
	margin: 12px 0 0 0;
	padding: 0; 
	}

/* ----- Galerie ------ */
	
#wrapper {
	width: 940px;
	height: 634px;
	position: relative; /* puts container in front of distance */
	margin: 0 auto;
	clear: left;
	}

#banner {
	width: 940px;
	height: 30px;
	}
	
	#logo {
		width: 420px;
		height: 30px;
		background-image: url("../images/logo_mf.jpg");
		background-repeat: no-repeat;
		text-align: left;
		margin: 0;
		padding: 0 0 0 50px;
		float: left;
		}
	
	/* ----- Menu ------ */
	
	#mainmenu {
		width: 426px;
		height: 30px;
		text-align: right;
		margin: 0;
		padding: 0 44px 0 0;
		float: left;
		}
		
		#menu {
			display:table;
			list-style-type:none;
			margin: 6px 0 0 auto ; 
			}
			
		#menu li {
			display:table-cell;
			}
		  
		#menu a , #menu a:visited {
			width:auto;
			display:block;
			color:#ccc;
			text-decoration:none;
			padding: 2px 6px;
			margin: 0 0 0 1px;
			}
			
		#menu a:hover , #menu a:active {
			color:#D9AC23; 
			}
		
		.container {clear:both; text-decoration:none;}
	

#dot_top {
	width: 940px;
	height: 15px;
	background-image: url("../images/dot.jpg");
	background-repeat: no-repeat; 
	background-position: 50% 0%;
	margin: 0 0 12px 0;
	padding: 0; 
	}

#flash {
	width: 940px;
	height: 560px;
	}

#text {
	width: 840px;
	height: 560px;
	background-color: #fff;
	text-align: left;
	margin: 0 50px 0 50px;
	padding: 0;
	}
	
	#text p {
		font-size: 12px; line-height: 23px; color: #666666;
		padding: 5px 0 5px 0; margin: 0;
		}
		
	#text a:link , #text a:visited {
		text-decoration: none; 
		color: #cccccc;
		}

	#text a:hover , #text a:active {
		text-decoration: none;
		color: #FFCC00;
		}
	
	#text_kontakt {
		width: 220px;
		text-align: left;
		margin: 0;
		padding: 0 10px 0 0;
		float: left;
		}
	
	#bild {
		width: 210px;
		text-align: left;
		margin: 0;
		padding: 10px 0 0 0;
		float: left;
		}
	
		#bild img {border: 8px solid #DFDFDF; padding: 0; margin: 0;}
	
	#text_referenzen {
		width: 290px;
		text-align: left;
		margin: 0;
		padding: 0 0 0 10px;
		float: right;
		}
	
	#text_copy {
		width: 740px;
		text-align: left;
		margin: 15px 0 0 0;
		padding: 0;
		}
	
	#text_stockhorn {
		width: 740px;
		text-align: left;
		margin: 15px 0 0 0;
		padding: 0;
		}
	
#dot_bottom {
	width: 940px;
	height: 15px;
	background-image: url("../images/dot.jpg");
	background-repeat: no-repeat; 
	background-position: 50% 0%;
	margin: 12px 0 0 0;
	padding: 0; 
	}
	
.content_clear {
	clear: both;
	line-height: 1px; font-size: 1px; height: 1px;	padding: 0; margin: 0;
	}