/*css layout formatting done by mtness.net*\
 for CFFS.html
\*              2009-03-29                */

* { margin: 0; border: 0; padding: 0; }

body {
	font-family: trebuchet MS, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size: 13px;
	background: #fff 0 0 repeat-x  url(../images/bg-gradient.png);
}

#content-bg
{
	position: relative;
	top: 0;
	left: 240px;
	width: 667px;
	height: 479px;
	padding: 0;
	line-height: 1.6;
	color: #000;
	background: left top no-repeat url(../images/content.png);
	z-index: 6;
}
#content
{
	position: relative;
	top: 68px;
	left: 40px;
	width: 552px;
	height: 368px;
	padding: 0;
	color: #000;
	z-index: 6;
}

#logo			{ position: absolute; top:     0; left:     0; width: 222px; height: 137px; z-index: 1; }
#handschellen	{ position: absolute; top:  34px; left: 624px; width: 292px; height: 119px; z-index: 7; background: left top no-repeat url(../images/handschellen.png); }

#menu 			{ position: absolute; top:     0; left: 256px; width: 636px; height:  34px; z-index: 8; border-bottom: 1px solid #A00058; background: left top no-repeat url(../images/menu-bg.png); }

#menu ul { list-style: none; font: 13px Trebuchet MS; font-weight: bold; text-transform: uppercase; z-index: 8; }
#menu li { float:left; line-height: 34px; padding: 0 35px 0 5px;}
#menu li a { text-decoration: none; color: #A00058; z-index: 8;  }
#menu li a:hover, #menu li a.selected { text-decoration: none; color: #000 }

#hotel			{ position: absolute; top: 325px; left:  -1px; width: 125px; height: 271px; z-index: 2; display: block; }
#gallerie		{ position: absolute; top: 478px; left: 448px; width:  52px; height: 181px; z-index: 2; display: block; }
#anfahrt		{ position: absolute; top: 518px; left: 489px; width: 254px; height: 154px; z-index: 3; display: block; }
#gb				{ position: absolute; top: 552px; left: 821px; width: 112px; height: 114px; z-index: 4; display: block; }
#kontakt		{ position: absolute; top: 478px; left: 908px; width: 103px; height: 118px; z-index: 3; display: block; }

#logo span			,
#hotel span			,
#gallerie span		,
#anfahrt span		,
#gb span			,
#kontakt span		{ position: absolute; width: 100%; height: 100%; display: block; }

#logo span			{ background: 0 0 no-repeat url(../images/logo.png); }

#hotel span			{ background: 0 -271px no-repeat url(../images/hotel.png); }
#gallerie span		{ background: 0 -187px no-repeat url(../images/kamera.png); }
#anfahrt span		{ background: 0 -154px no-repeat url(../images/auto.png); }
#gb span			{ background: 0 -114px no-repeat url(../images/gb.png); }
#kontakt span		{ background: 0 -118px no-repeat url(../images/telefon.png); }

#hotel span:hover		,#hotel a.selected span		{ background-position: 0 0; }
#gallerie span:hover	,#gallerie a.selected span	{ background-position: 0 0; }
#anfahrt span:hover		,#anfahrt a.selected span	{ background-position: 0 0; }
#gb span:hover			,#gb a.selected span		{ background-position: 0 0; }
#kontakt span:hover		,#kontakt a.selected span	{ background-position: 0 0; }

/* 
#hotel span:hover		,#hotel a.selected span		{ background: left top no-repeat url(../images/hotel1.png); }
#gallerie span:hover	,#gallerie a.selected span	{ background: left top no-repeat url(../images/kamera1.png); }
#anfahrt span:hover		,#anfahrt a.selected span	{ background: left top no-repeat url(../images/auto1.png); }
#gb span:hover			,#gb a.selected span		{ background: left top no-repeat url(../images/gb1.png); }
#kontakt span:hover		,#kontakt a.selected span	{ background: left top no-repeat url(../images/telefon1.png); }
 */

#bg-links 		{ position: absolute; top: 325px; left:     0; width: 373px; height: 442px; z-index: 1; background: left top no-repeat url(../images/bg-links.png); }
#bg-rechts		{ position: absolute; top: 272px; left: 486px; width: 513px; height: 358px; z-index: 1; background: left top no-repeat url(../images/bg-rechts.png); }
#skyline		{ position: absolute; top: 272px; left:     0; width:  100%; height: 303px; z-index: 0; background: left top no-repeat url(../images/skyline.png); }

#container { font: 11px trebuchet MS; color: #A00058;  }

h1#head1 { position:absolute; left:185px; top:214px; overflow: hidden; }
h3#head3 { position:absolute; left:125px; top:190px; font: 14px trebuchet MS; color: #A00058; font-weight: bold; text-align: right; z-index: 6; }
h5#head5 { position:absolute; left:112px; top:245px; font: 12px trebuchet MS; color: #A00058; font-weight: bold; z-index: 6; color: #000; font-size: 11px;}

.fotos { margin: 32px 0 0 0; }

.foto { position: relative; top: -45px; left: 350px; }

#content h1 {}
#content p { font-size: 11px; line-height: 14px; margin: 12px 0; }
#content a { color: #A00058; text-decoration: none; }
#content a:hover { color: #666; text-decoration: none; }

#thumbs {
	position: absolute;
	top: 45px;
	left: 0px;
	width: 132px;
	height: 300px;
	z-index: 8;
}
.top .pagination { width: 140px; }
.bottom .pagination { width: 140px; }
.pagination a,
.pagination a.current { padding: 0 1px 0 0; }

ul.thumbs
{
	list-style: none;
	clear: both; 
}
ul.thumbs li
{
	float: left;
	display: block;
	width: 40px;
	height: 26px;
	margin: 0 4px 4px 0;
	
}
#gallery {
	position: absolute;
	top: 62px;
	left: 142px;
	width: 450px;
	height: 300px;
	z-index: 8;
}
.ss-controls { position: absolute; left: 200px; display: block; z-index: 8; }
.ss-controls a { }

.nav-controls { position: absolute; width: 450px; }
.nav-controls .prev { float: left; }
.nav-controls .next { float: right; }

iframe { overflow-x: hidden; overflow-y: auto; }

#mtness
{
	position: fixed;
	bottom: 2px;
	right: 2px;
	z-index: 23;
}