@font-face { 
font-family: "Century Gothic"; 
src: url("fonts/GOTHIC.TTF"); 
}
/**********************************************************************/

#formular label.datenschutz_label {
float:none;
display:inline-block;
vertical-align: top;
width:300px;
text-align: left;
}


a {
	color: #6e5733;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:visited {
	color: #6e5733;
}

html, body{ 
 margin:0; 
 padding:3%; 
 font-size: 13px;
 font-family: "Century Gothic", Arial, Helvetica, sans-serif;
 color: #6e5733;
 background-color:#f8f5ef;
} 
h1{
	font-size:120%;
	padding:0px;
	margin:0px 0px 7px 0px;
	font-weight: lighter;
  }
h2{
	font-size:150%;
	padding-bottom:10px;
	margin:0px;
	font-weight: lighter;
  }
h3{
	font-size:120%;
	font-weight: bold;
	padding:0px;
	margin:0px 0px 10px 0px;
	font-weight: lighter;
  }
.footerlink{color: #666;text-decoration: none; margin-left:20px;font-size:90%;} 
.footerlink:hover{color: #333;text-decoration: none; } 
.footerlink:visited{color: #666;text-decoration: none; } 

.container{ 
 width:857px; 
 text-align:left; 
 margin:0 auto; 
 background-color:#fff;
} 
 
.header{
 position:relative; 
 height:110px; 
 background-color:#f8f5ef;
} 
.headleft{
 height:210px;
 background-color:#ccc; 
 width:283px; 
 float:left; 
 position:relative; 
 border-right-width: 1px;border-right-style: solid;border-right-color: #FFF;
  }
 
.headright{
 background-color:#ccc; 
 width:289px; 
 height:210px;
 float:right; 
 position:relative; 
 border-left-width: 1px;border-left-style: solid;border-left-color: #FFF;
 }
 
.headmiddle{
 background-color:#ccc;  
 float: left; 
  position: relative; 
 width:283px; 
  height:210px;
 }
.left{
	padding:20px;
	width:243px;
	float:left;
	position:relative;
	text-align: right;
  }
 
.right{
 padding:25px 20px 20px 20px;
 width:249px; 
 float:right; 
 position:relative; 
 }

.content{
	padding:25px 20px 20px 20px;
	float: left;
	position: relative;
	width:242px;
	
 }
 .phonebox{
	display:block;
	width:60px;
	float:left;
	position:relative;
	font-weight: bold;
 }
 .content2{
	padding-top:20px;
	padding-bottom:20px;
	padding-right:20px;
	float: left;
	position: relative;
	width:550px;
 }
 .footer{
	padding:5px 0px 0px 0px;
	width:857px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	text-align: center;
	background-color:#f8f5ef;
 }
/**********************************************************************/ 
#clear{clear:both;}
.clear{clear:both;}

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/**********************************************************************/ 
/*                      printer styles                                  */ 
/**********************************************************************/ 
     
 @media print{ 
/*hide the left column when printing*/ 
.left{display:none;} 

/*hide the right column when printing*/ 
.right{display:none;} 
.content{
	width:100%;
	float:none;
}
}
/*  ----------------navigation---------------------- */ 



.leftnav{  
 text-align:right; 
 margin: 20px 0px 0px 0px;
 font-size:80%;
} 
.leftnav a{
	text-decoration: none;
	color: #333;
} 
.leftnav a:hover{
	text-decoration: none;
	color: #999;
} 

.navigation {
	DISPLAY: block; 
	background-color:#c7bb9f;
	display:block;
	width:857px;
	height:38px;
	border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #FFF;
}
.navigation UL LI A {
	width:127px;
	DISPLAY: block;
	color:#fff;
	TEXT-DECORATION: none;
	background-color:#c7bb9f;
 	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fff;
	margin-left:-1px;
	padding:12px 0px 10px 15px;

}
.navigation UL LI A:visited {
	DISPLAY: block;
	color:#fff;
	TEXT-DECORATION: none;
	background-color:#c7bb9f;
 	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fff;
	margin-left:-1px;
	padding:12px 0px 10px 15px;
	}
.navigation UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;}
.navigation UL LI {FLOAT: left; POSITION: relative;}
.navigation UL LI UL {DISPLAY: none;}
.navigation UL LI:hover A {BACKGROUND: #ac9b77;  COLOR: #fff; border-left-width: 1px; border-left-style: solid; border-left-color: #ccc;}
.navigation UL LI:hover UL {DISPLAY: block; LEFT: 0px; WIDTH: 225px; POSITION: absolute; TOP: 28px; z-index:1; padding-top:13px;}
.navigation UL LI:hover UL LI A.hide {font-weight: normal;}
.navigation UL LI:hover UL LI:hover A.hide {WIDTH: 238px; BACKGROUND: #999; COLOR: #fff; font-weight: normal;}

#hide {BACKGROUND: #7a0523;}



/*  ----------------Formular---------------------- */ 

#formular {width:250px; padding:0; }
#formular fieldset{margin:0; padding:0; border:0;}
#formular ul{margin:0; padding:0; list-style:none;}
#formular ul li{border-top:1px solid #fffff; border-bottom:2px solid #ffffff; padding:5px;}
#formular ul li.first{border-top:0; font-size:11px; color:#6e5733; font-weight: bold; border-bottom:1px solid #CCCCCC; margin-bottom:10px;}
#formular ul li.last{border-bottom:0;}
#formular label{display:block;  float:left; width:70px; line-height:21px; text-align:left; padding-right:5px; margin:0 0 0 0px;}
#formular input, .text{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6e5733;}
#formular .text{width:158px; padding:2px 2px 2px 2px; border:1px solid #cccccc; border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8; height:14px; background:#fffff;}
#formular input#email{background:#ffffff url(img/email_icon.jpg) 3px -4px no-repeat;}
#formular textarea.text{height:100px;background:#ffffff url(img/nachricht_icon.jpg) 3px 3px no-repeat;}
#formular input.submit{width:90px; height:23px; cursor:pointer; border:0; background:url(img/button.jpg) no-repeat; color:#6e5733; font-weight:bold; margin-left:75px;}

#formular form .fehler{border:1px solid #d65a5c;}
ul.fehler{margin:5px;padding:5px;border-top:1px solid #d65a5c;border-bottom:1px solid #d65a5c;background:#fdd;color:#c00;}
ul.fehler li{border:0;padding:0;}
ul.erfolg{margin:5px;padding:5px;border-top:1px solid #5bb55b;border-bottom:1px solid #5bb55b;background:#deffde;color:#090;}


.route {
	margin-top:10px;
	font-size:100%;
	display:block;
	background-image: url(img/icon_route.png);
	background-repeat: no-repeat;
	height:20px;
	padding:5px 5px 5px 45px;
	text-decoration: none;
	color: #fff;
	background-color:#ac9b77;
	background-position: 10px;
	font-weight:bold;
}
.boxanfahrt {
	padding-left:25px;
	padding-right:20px;
	background-color:#f8f5ef;
}
/* *** Gallery *** */ 
 
.referenzen {	
	float: left;
	clear: none; 
	padding-bottom: 20px; 
	padding-right: 11px;
	padding-left: 11px;
}
.referenzen a {
	border: 5px solid #fff;
	width:100px;
	height : 150px;
	display:block;
	text-decoration: none; 
}
.referenzen a:hover { 
	position:relative;
}
.referenzen span img {
	border: 1px solid #a37c5d;
	margin-bottom: 0px;
}
.referenzen a span {  
	position: absolute;
	color: #333333; 
	text-decoration: none;
	background-color: #fff;
	font-weight: bold;
	padding:10px;
	display:none;
	z-index:110;

	}
.referenzen img {
	border-width: 0;
}
.referenzen a:hover span {
	display:block;
	top: -300px; 
	left: 30px;
	
}
.resize_thumb {
	width: 100px;
	height : 150px;
	}
.referenzbox {
	padding:20px 10px 10px 10px;
	background-color: #F9F3E6;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #333333;
	border-bottom-color: #333333;
}