* {
	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: 15px;
	line-height: 20px;
	color: #cccccc;
	margin: 0;
	padding: 0;
	}

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

h1 {
	font-size: 18px;
	line-height: 25px;
	color: #666666;
	padding: 10px 0 10px 0;
	margin: 0;
	}

h2 {
	font-size: 20px;
	line-height: 27px;
	color: #FFCC00;
	padding: 10px 0 10px 0;
    font-weight: 300;
	margin: 0;
	}

h3 {
	font-size: 19px;
	line-height: 25px;
	color: #666666;
    font-weight: 300;
	padding: 15px 0 10px 0;
	margin: 0;
	}

h4 {
	font-size: 18px;
	line-height: 25px;
	color: #FFCC00;
    font-weight: 300;
	padding: 10px 0 10px 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;}
.color {color: #FFCC00;}

.image_left {
		margin: 0 0 50px 50px;
		float: right; border: 1px dotted #ccc; padding: 5px;
		}

.header {font-size: 18px; line-height: 25px; color: #FFCC00;}

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

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

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

#banner {
	width: 940px;
	position: relative;
	}
	
	#logo {
		width: 940px;
		text-align:center;
		margin: 0 auto;
		padding: 0;
		}

    #logo img {
		max-width: 225px;
        width: 100%;
		margin: 0;
		padding: 0;
		}
	

#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; 
	}

#wrapper_slider {
		width:100%;
		height: 560px;
		position: relative;
		overflow: hidden;
		padding: 0;
		margin: 0 auto;
		}

	#slider {
		width:840px;
		text-align: center;
		position: relative;
		height: 560px;
		overflow: hidden;
		padding:0;
		margin: 0 auto;
		}

#text_ {
	width: 840px;
	background-color: #fff;
	text-align: left;
	margin: 0 50px 0 50px;
	padding: 0;
	overflow: hidden;
	}

#text {
	width: 840px;
	max-height: 560px;
	background-color: #fff;
	text-align: left;
	margin: 0 50px 0 50px;
	padding: 0;
	overflow: hidden;
	}
	
	#text p, #text_ p {
		font-size: 15px; line-height: 25px; color: #666666;
		padding: 5px 0 5px 0; margin: 0;
		}
		
	#text a:link , #text a:visited, #text_ a:link , #text_ a:visited {
		text-decoration: none; 
		color: #ccc;
		}

	#text a:hover , #text a:active, #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; 
	}

#footer {
	width: 940px;
	height: 30px;
	}

/* ----- Menu ------ */
	
	#mainmenu {
		width: 890px;
		height: 30px;
		text-align: right;
		margin: 0 auto;
		padding: 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;}
	
.content_clear {
	clear: both;
	line-height: 1px; font-size: 1px; height: 1px;	padding: 0; margin: 0;
	}