/*
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

      default.css | Basic StyleSheets
      Version:	1.0
      Autor:	Matthias Silling
      E-Mail:	mail@msilling.de
      Website:	www.msilling.de

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
body {
	background:url(../gfx/body-bg.jpg) repeat-x center top #aaa898;
	font-size:0.75em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#535345;
   	margin:auto;
   	text-align:center;
}

a, a:link {
	color:#fff;
   text-decoration:underline;
}

a:visited {
	color:#fff;
   text-decoration:underline;
}

a:focus, a:hover, a:active {
	color:#fff;
	cursor:pointer;
	text-decoration:none;
}


#wrapper {
   width:906px;
   text-align:left;
   background:url(../gfx/wrapper-bg.png) no-repeat left top;
   margin:78px auto;
   position:relative;
}

#nav {
	float:left;
	width:880px;
	height:62px;
	background:url(../gfx/nav-bg.png) no-repeat left top;
	margin:13px 0 0 13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.17em;
	position:relative;
	letter-spacing:0.08em;
}

#nav a,
#nav a:hover { color:#fff; padding:0 0 12px 0; background:url(../gfx/blank.gif); float:left; text-decoration:none;  }

#nav a:hover,
#nav a.akt,
#nav a.akt:hover { color:#d9d8c8;}

#nav ul { margin:0; padding:0; list-style-type:none; float:left; width:858px; margin:0 0 0 12px; position:absolute;left:0px; top:38px; }

#nav li {
	float:left;
	margin:0 45px 0 0;
}	

#nav li.konBT { float:right; margin:0; }

#nav ul li ul.subnav {
	width:254px;
	top:24px;
	left:-10px;
	margin:0;
	line-height:1.19em;
	background:url(../gfx/subnav-bg.png) left bottom no-repeat;
	float:left;
	font-size:0.86em;
	font-weight:normal;
	letter-spacing:0;
}

#nav ul li ul.subnav li {
	float:left;
	width:234px;
	margin:0 0 0 10px;
	
}

#nav ul li ul.subnav li a,
#nav ul li ul.subnav li a:hover {
	width:234px;
	float:left;
	padding:12px 0 12px 0;
}


#newsletterBT { position:absolute; width:241px; height:120px; top:-78px; right:110px; z-index:200; }





#main {
	float:right;
	width:626px;
	height:406px;
	background:#d9d8c8;
	margin:0 13px 0 0;
	position:relative;
	font-size:0.1em;
}



#sidebar {
	float:left;
	width:254px;
	height:406px;
	background:#d9d8c8;
	margin:0 0 0 13px;
	position:relative;
}

#mainKontakt {
	float:left;
	width:880px;
	height:406px;
	background:#d9d8c8;
	margin:0 0 0 13px;
	position:relative;
	font-size:0.92em;
}


.logoHome {
	float:left;
	width:100%;
	text-align:center;
	margin:160px 0 0 0;
}



#txtCon {
	float:left;
	width:880px;
	height:134px;
	background:url(../gfx/txtCon-bg.png) no-repeat left top;
	margin:0 0 0 13px;
	color:#fff;
}


h1 { font-size:1.5em; font-weight:100; margin:20px 0 0 10px; text-transform:uppercase; }
.hdl_sub { font-size:0.79em; 
	font-family:Verdana, Arial, Helvetica, sans-serif; }
p { margin:5px 10px 0 10px; line-height:1.64em; font-size:0.92em; }
p.opening {
	color:#d9d8c8;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.33em;
	font-weight:bold;
}

.box {
	float:left; width:410px; margin:20px 0 0 20px;
}


.box h2 {
	padding:0 0 5px 5px; margin:0 0 5px 0;
	border-bottom:1px solid #b2b2b2;
}





.thumbList { margin:0px 0px 0px 13px; padding:0; list-style-type:none; float:left; }

.thumbList li {
	margin:13px 13px 0 0;
   	border-top:1px solid #535345;
   	border-bottom:1px solid #535345;
   	width:67px;
   	height:67px;
   	float:left;
   	line-height:0.1em;
   	font-size:0.1em;
}

.thumbList li a,
.thumbList li a:hover {
	line-height:0.1em;
   	padding:0;
   	font-size:0.1em;
}

#imageDetail {
	position:absolute;
	left:0px;
	top:0px;
	z-index:60;
}

#prevImageDetail {
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:406px;/* */
	z-index:100;
	float:left;
	background:#FFFF00;
	background:url(../gfx/prevImage_bt.png) no-repeat left center;
}

#nextImageDetail {
	position:absolute;
	right:0px;
	top:0px;
	width:200px;
	height:406px;
	z-index:100;
	float:left;
	background:#66CCFF;
	background:url(../gfx/nextImage_bt.png) no-repeat right center;
}

#prevImageDetail a,
#prevImageDetail a:hover,
#nextImageDetail a,
#nextImageDetail a:hover {
	float:left;
	display:block;
	width:200px;
	height:406px;
	background:#3399FF;
	position:relative;
}


#nextImageDetail span,
#prevImageDetail span { display:none; }

.kon_formu {
	float:left;
	margin:10px 0 0 10px;
	width:440px;
}

.kon_anfahrt {
	float:right;
	margin:16px 47px 0 0;
	width:364px;
	height:380px;
}

.f_row {
	float:left;
	width:440px;
	margin:0 0 0.75em 0;
}

.label {
	float:left;
	width:100px;
	margin:0 10px 0 0;
	text-align:right;
	padding:5px 0 0 0;
}

.formItem {
	float:left;
	width:300px;
}

input, textarea {
	background:#ecebda;
	border:1px solid #aaaaa4;
	border-bottom-color:#bebeb7;
	border-right-color:#bebeb7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
	color:#535345;
	width:290px;
	font-size:1em;
}

input.bt { 
	width:auto;
	border-color:#bebeb7;
	border-bottom-color:#aaaaa4;
	border-right-color:#aaaaa4;
	padding:3px 6px 3px 6px;
}

#resRow {
	margin:1.5em 0 0.75em 0;
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}







#footer {
	float:left;
	width:860px;
	height:20px;
	margin:10px 0 0 13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#535345;
	padding:0 10px 0 10px;
	line-height:1.64em;
	font-size:0.92em;
}

#footer a,
#footer a:hover {
	color:#535345;
	text-decoration:none !important;
}

.foo_left { float:left; padding:0px 0 0 0; }
.foo_right { float:right; width:83px; height:16px; background:url(../gfx/foo-logo.png) no-repeat left top; }
.foo_right span { display:none; }
.foo_right a,
.foo_right a:hover { float:left; width:100%; height:100%; display:block; }

.clr {
	clear:both;
	display:block;
}
