@charset "UTF-8";
/* CSS Document */

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

body {
	background-color: #5f1e00;
/*	background-color: #642300;*/
	font-family: Verdana, Arial;
	font-size: 10px;
	line-height: 15px;
	color: #5f1e00;
	margin: auto;
}

a {
	font-weight: normal;
	border: 0px;
	color: #00501e;
}

img {
	border: 0px;
}

h1 {
	font-size:15px;
	font-weight: normal;
}

.highlight {
	background-color: #be8700;
	color:#FFFFFF;
}

.highlight a {
	background-color: #be8700;
	color:#FFFFFF;
}

#totalwrapper {
	width: 880px;
	height: 500px;
	top:140px;
	margin: auto;
	position: relative;
	border: 0px white solid;
}

#thklogo {
	top:-116px;
	right: 26px;
	z-index:20;
	position:absolute;
}

#navigation_div {
	width: 880px;
	height: 26px;
	top: 0px;
	position:absolute;
	background-color: #00501e;
	border: 0px white solid;
}

#subnavigation_div {
	width: 84px;
	height: auto;
	top: 304px;
	position: absolute;
}

#contentwrapper {
	width: 880px;
	height: 252px;
	top: 52px;
	background-color: #FFFFFF;
	position: absolute;
}

#contentwrapperreservierung {
	width: 880px;
	height: 356px;
	top: 52px;
	background-color: #FFFFFF;
	position: absolute;
}

#thumbnails {
	top:0px;
	left: 0px;
	width: 84px;
	height: 252px;
	position: absolute;
}

#content {
	width: 440px;
	height: 232px;
	left: 110px;
	top: 20px;
	overflow: hidden;
	position: absolute;
}

#content2 {
	width: 440px;
	height: 300px;
	left: 110px;
	top: 20px;
	overflow: hidden;
	position: absolute;
}

#contentscroll {
	width: 420px;
	height: *px;
	position: absolute;
}

#reservierung {
	background-color: #FFFFFF;
	width: 745px;
	height: 346px;
	left: 110px;
	top: 10px;
	position: absolute;
	overflow: hidden;
	border: 0px black solid;
}

#slideshow {
	background-color: #be8700;
	width: 304px;
	height: 252px;
	left: 576px;
	position: absolute;
	overflow: hidden;
}


#overlay {
	background-color: #5f1e00;
	width: 304px;
	height: 78px;
	top: 330px;
	right: 0px;
	position: absolute;
}


/*///////// INDEX /////////////////////////////////////////////////////////*/


#goldstripe {
	background-color:#be8700;
	width: 218px;
	height: 1130px;
	text-align: center;
	margin: auto;
	position: relative;
}

#cphlogo {
	top: 70px;
	position: relative;
}

#stern {
	height: 93px;
	width: 123px;
	top: 90px;
	position: relative;
}
	
#logo {
	height: 305px;
	width: 218px;
	top: 110px;
	position: relative;
}

#flaggen {
	 border: 0px solid black;
	 width: 218px;
	 text-align:center;
	 margin-top: 120px;
	 position: relative;
}

#bookindex {
	background-color:#00501e;
	font-size: 14px;
	font-weight: bold;
	border: 0px solid black;
	width: 218px;
	text-align:center;
}

#bookindex a {
	color: #FFFFFF;
}


/* Set small font-size or size/position of div's will be off in some browsers  */

#up {
	position:absolute;
	right: 0px;
	z-index:2;
	bottom: 22px;
}  

#down {
	position:absolute;
	right: 0px;
	bottom:10px;
	z-index:3;
}

#up1 {
	position:absolute;
	right: 0px;
	z-index:2;
	bottom: 22px;
}  

#down1 {
	position:absolute;
	right: 0px;
	bottom:10px;
	z-index:3;
}




/*/// SLIDESHOW ///////////////////////////////////////////////////*/

#prev2{
top:0px;
left:0px;
width:26px;
height:252px;
position:absolute;
cursor:pointer;
}

#next2{
top:0px;
left: 278px;
width:26px;
height:252px;
position:absolute;
cursor:pointer;
}

#slideshowcontent{
top:0px;
left: 26px;
width:252px;
height:252px;
position:absolute;
}

.slideshow { height: 252px; width: 304px; margin: auto }