/* © by euroweb.de */
/* www.lausch-zweigle.de */

@charset "utf-8";
/*-----------------------------------------------------------------------Basic*/
*{
	margin: 0;
	padding: 0;
}
html, body {
	height:100%;
}
html {	
	overflow-x:hidden;
	overflow-y:scroll;
	scrollbar-face-color: #000;
	scrollbar-highlight-color: #ffe1a8;
	scrollbar-shadow-color: #ffe1a8;
	scrollbar-3dlight-color: #ffe1a8;
	scrollbar-arrow-color:  #ffe1a8;
	scrollbar-track-color: #ffe1a8;
	scrollbar-darkshadow-color: #ffe1a8;
}
/*hr {
	border: solid 1px #646463;
	width: 510px;
	margin: 0 0 0 0;
}
* html hr {
	border: solid 1px #646463;
	width: 510px;
	margin: -8px 0 0 0;
}*/
img {
 border: 0;
}
p {
	margin-left: 2px;
}
/*--------------------------------------------------------H-Tag Formatierungen*/
h1.logolink a, h1.logolink a:hover {
	margin: 59px 0 0 20px;
	width: 260px;
	height: 74px;
	background:url(../images/logo.jpg) 0 0 no-repeat;
	display:block;
	position: absolute;
	text-indent:-9999px;
}
h2{
	margin: 0;
	font:2.0em Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-variant:small-caps;
	color:#000;
}
h3{
	margin: 0 0 10px 0;
	font:1.4em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#66300a;
}
h4{
	margin: 2px 0 0 0;
	font:1.6em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#c21212;
}
h5{
	margin: 0 0 8px 11px;
	font:1.2em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	color:#9a141b;
}
h6 {
	font-weight:normal;
	font-variant:small-caps;
	color:#000;
	font:1.8em Georgia, "Times New Roman", Times, serif;
	width: 188px;
	font-variant:small-caps;
}

h6 span {
	background:url(../images/gradient.png) repeat-x;
	width: 188px;
	position: absolute;
	display: block;
	width:100%;
	height:16px;
}

/*-----------------------------------------------------------------------Link-Style*/
a:link, a:visited{
	font:1.0em Arial, Helvetica, sans-serif;
	color:#66300a;
	text-decoration:underline;
}	
a:hover, a:active{
	font:1.0em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration: none;
}
/*-----------------------------------------------------------------------Body*/
body {
	margin: 0;
	font: 62.5% Arial, Helvetica, sans-serif;
	line-height: 16px;
	color:#66300a;
	background-image:url(../images/bg-body.jpg);
	background-repeat:repeat-x;
	background-color:#ffe1a8;
}
#bodyarea{
	background: url(../images/bg-bodyarea.jpg) top repeat-x;
	width:100%;
	min-height:100%;
	margin:0px auto -175px auto;
}
#bodyarea2{
	position:relative;
	clear:both;
	width:100%;
	height: 175px;
}
/*-----------------------------------------------------------------------DIVs*/
#container{
	margin: 0 auto;
	width: 990px;
	position:relative;
	min-height:100%;
	background-image:url(../images/bg-container.jpg);
	margin:0px auto -175px auto;
}
.demotable{
	width: 920px;
	float:left;
}
/*--------------------------*/
/*Toparea*/
/*--------------------------*/
#toparea{
	width: 990px;
	height: 200px;
	background-image:url(../images/bg-toparea.jpg);
	background-repeat:no-repeat;
	float:left;
}


/*--------------------------*/
/*Logoarea*/
/*--------------------------*/
#logoarea{
	margin: 0 0 0 0;
	width: 231px;
	height: 58px;
	float:left;
}
/*--------------------------*/
/*Top Navigation*/
/*--------------------------*/
#kai {
	margin: 32px 0 0 20px;
	position:absolute;
}

#kai ul {
	width:235px;
	height:33px;
	list-style:none;
	border-bottom:1px solid #e7c177;
}
#kai li {
	display:inline;
}

#kai li a {
	float:left;
	font-size:8px;
	text-decoration:none;
	color:#997a5c;
	text-align:center;
	width:58px;
	padding-top:15px;
	text-transform:uppercase;
}

#kai li a:hover, #kai li a.active {
	color:#000;
}

#kai li a#navi_home {
	background:url(../images/navi_home.gif) center top no-repeat;
}

#kai li a#navi_kontakt {
	background:url(../images/navi_kontakt.gif) center top no-repeat;
}

#kai li a#navi_anfahrt {
	background:url(../images/navi_anfahrt.gif) center top no-repeat;
}

#kai li a#navi_impressum {
	background:url(../images/navi_impressum.gif) center top no-repeat;
}


/*--------------------------*/
/*Navigation*/
/*--------------------------*/
#navigation{
	margin: 80px 0 0 10px;
	width: 245px;
	border-bottom: 1px solid #e6c074;
	float:left;
}
		#navigation ul{
			margin: 0 0 0 0;
			list-style-type:none;
		}
		#navigation li {
			margin:0 0 14px 0;
			text-align:right;
			/*display:inline;*/
		}
		#navigation a:link, #navigation a:visited{
			font:1.6em Georgia, "Times New Roman", Times, serif;
			color:#66300a;
			font-weight:bold;
			text-decoration:none;
		}
		#navigation a:hover, #navigation a:active{
			font:1.6em Georgia, "Times New Roman", Times, serif;
			color:#000;
			letter-spacing:1px;
			font-weight:bold;
			text-decoration:none;
		}


/*--------------------------*/
/*Mainarea*/
/*--------------------------*/
#mainarea{
	margin: 0 0 0 0;
	width: 990px;
	background-image:url(../images/bg-mainarea.jpg);
	background-repeat:no-repeat;
	float:left;
}
/*--------------------------*/
/*Leftarea*/
/*--------------------------*/
#leftarea{
	margin: 0 0 0 0;
	width: 280px;
	float:left;
}
/*--------------------------*/
/*Rightarea*/
/*--------------------------*/
#rightarea{
	margin: 0 0 0 0;
	width: 235px;
	height: 600px;
	float:left;
}
#onlineshop{
	margin: 12px 0 28px 12px;
	width: 210px;
	height: 60px;
	background-image:url(../images/bg-online-shop.jpg);
	background-repeat:no-repeat;
	float:left;
}
		#onlineshop ul{
			margin: 39px 0 0 15px;
			list-style-type:none;
		}
		#onlineshop li {
			margin:0 15px 0 0;
			display:inline;
		}
		#onlineshop a:link, #onlineshop a:visited{
			font:1.4em Arial, Helvetica, sans-serif;
			color:#fff;
			text-decoration:none;
		}
		#onlineshop a:hover, #onlineshop a:active{
			font:1.4em Arial, Helvetica, sans-serif;
			color:#ff9f19;
			text-decoration:none;
		}

.infobox{
	margin: 0 0 25px 23px;
	width: 188px;
	float:left;
}
.infoboxtitle{
	margin: 0 0 15px 0;
	width: 188px;
	border-bottom: 1px solid #000;
	float:left;
}

.infoboxtext{
	margin: 0 0 4px 0;
	font:1.3em Arial, Helvetica, sans-serif;
	line-height: 16px;
	color:#66300a;
}
.infotextbold{
	margin: 0 0 0 0;
	font:1.2em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#07016d;
	font-weight:bold;
}
/*--------------------------*/
/*Contentarea*/
/*--------------------------*/
#contentarea{
	margin: 0 25px 0 25px;
	width: 425px;
	float:left;
}
#title{
	margin: 42px 0 15px 0;
	width: 425px;
	border-bottom: 1px solid #e5bf73;
	float:left;
}
#content{
	margin: 0;
	width: 425px;
	font:1.2em/1.6em Arial, Helvetica, sans-serif;
	float:left;
}
/*ContentStyle*/
		.contlarge{
			margin: 0  0 15px 0;
			width: 600px;
			background-color:#000;
			float:left;
		}
		.contleft{
			margin: 0 0 10px 0;
			width:300px;
			background-color:#000;
			float:left;
		}
		.contright{
			margin: 0 0 10px 10px;
			width: 300px;
			background-color:#000;
			float:left;
		}
		.cont1{
			margin: 0 0 15px 0;
			width: 200px;
			background-color:#000;
			float:left;
		}
		.cont2{
			margin: 0  8px 15px 8px;
			width: 200px;
			background-color:#000;
			float:left;
		}
		.cont3{
			margin: 0 0 15px 0;
			width: 200px;
			background-color:#000;
			float:left;
		}

/*--------------------------*/
/*FontStyle*/
/*--------------------------*/
.listtext {
	margin:0 0 15px 0;
	font:1.2em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	list-style-type:none;
	background:url(../images/li-list.gif) 0 3px no-repeat;
	font-weight:bold;
	text-decoration:none;
	padding: 0 0 0 20px;
}
#content p {
	margin-bottom:13px;
}
#content ul{
	width:400px;
	list-style:none;
}
#content ol{
	width:400px;
	height:33px;
	list-style:none;
}
#content ul {
	list-style:circle;
	margin-bottom:13px;
	padding-left:20px;
	width:190px;
}
#content ul.links {
list-style:circle outside none;
margin-bottom:13px;
padding-left:20px;
width:306px;
}
/*--------------------------*/
/*ImageStyle*/
/*--------------------------*/
.thumb{
	margin: 0 10px 0 0;
	border: 1px solid #000;
	width: 180px;
	height: 110px;
}
.bildrechts {
	background:#ffd592;
	padding:10px;
	border:1px solid #c29d6f;
	float:right;
	margin:9px 40px 0px 12px;
}
.googleMaps {
	background:#ffd592;
	padding:9px;
	border:1px solid #c29d6f;
}
.picture {
	background:#ffd592;
	padding:9px;
	border:1px solid #c29d6f;
}
/*--------------------------*/
/*Footerarea*/
/*--------------------------*/
#footerarea {
	position:relative;
	clear:both;
	float:none;
	background-color: #ffd08a;
	width:100%;
	height: 175px;
	background-image:url(../images/bg-footerarea.jpg);
	background-repeat:repeat-x;
}
#footer{
	margin: 0 auto;
	width: 990px;
	height: 175px;
	background-image:url(../images/bg-footer.jpg);
	background-repeat:no-repeat;
	float:none;
	clear:both;
}
/*--------------------------*/
/*Klavier Image*/
/*--------------------------*/
#spotlight{
	position:absolute;
	width: 180px;
	height:230px;
	z-index:1;
	margin: -55px 0 0 780px;
	float:right;
}

head:first-child+body #spotlight{background:url(../images/klavier.jpg) 0 0 no-repeat;}