﻿
html,body
{
    margin:0;
    margin: 0em;
    padding: 0em;
    width:100%;
	height:100%;
}

body
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em; /*10pt; */
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #f8f8f8;
}

div.frame
{
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	background-color: #f8f8f8;
	text-align: center;
	
}

/* total: 820 x 122 */
div.header
{
	width: 818px;
	height :120px;
	margin:auto;
	border:1px solid #F5DBAA;
	position: relative;
	background-color:#eeeeee;
}

/* abs */
div.headleft
{
	position:absolute;
		left:10px;
		top:10px;
		width:160px;
		height:100px;	
}


img.logo
{
	width:100px;
	height:100px;
	display:block;
	margin-left: 30px;
}

/* abs */
div.headmid
{
	position:absolute;
		left:300px;
		top:10px;
		width:240px;
		height:100px;
}

/* abs */
div.headersonnetxt1
{
	z-index: 2;
	position: absolute;
		left: 5px;
		top: 0px;
		width: 230px;
		height: 30px;
	font-size: 170%;
	color: #0000C3;
	white-space:nowrap;
}

/* abs */
div.headersonnetxt2
{
	z-index:1;
	position: absolute;
	left: 5px;
	top: 30px;
	width: 230px;
	height: 20px;
	font-size: 100%;
	color: #0000C3;
	white-space:nowrap;
}

img.headpicture 
{
	z-index:0;
	position:absolute;
	left:5px;
	top:50px;
	width:228px;
	height:48px;
	border: 1px solid #F5DBAA;
	overflow:auto;
	display:block;
}


/* abs */
div.headright
{
	position:absolute;
	right:0px;
	top:10px;
	width:100px;
	height:100px;
}

/* abs */
img.headflagde
{
	position:absolute;
	top:20px;
	right:3px;
	width:33px;
	height:18px;
	border: 1px solid #F5DBAA;
	display:block;
}

/* abs */
img.headflagen
{
	position:absolute;
	top:50px;
	right: 3px;
	width:33px;
	height:18px;
	border: 1px solid #F5DBAA;
	display:block;
}

div.headimpressum
{
	bottom: 0px;
	right: 3px;
	width: auto;
	height: 20px;
	position: absolute;
	font-size: 70%;
	color: #0000C3;
}

/* total: 820 x 570 */
div.body
{
	position: relative;
	width: 800px;
	height:590px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
	background-color: #F5DBAA;
}

/*  total: 800 x 40 */
ul.hlinks
{
	list-style: none; 
	background-position: 0px 50px;
	width: 800px;
	height: 50px;
	margin:0px 0px 10px 0px;
	padding-top: 10px; 
	padding-left:0px;
	background-image: url(  'images/tabframe.png' );
	background-repeat: repeat-x;
	behavior: url(../ie6fix/iepngfix.htc);
}

/* top line default hidden; show:  display: inline*/
li.hlinksde, li.hlinksen
{
	float: left; 
	/*margin-left:10px;
	margin-right:10px;  5 tabs */
	margin-left:10px; /*30*/
	margin-right:10px; /* 30*/
	width:140px; 
	height:40px;
	display: none;
}

.hde, .hen
{
	float:left;
	width:140px;
	background-repeat: no-repeat;
	color: #0000C3;
}

a.hde, a.hen
{
	background-image: url('images/tablight.png');
	behavior: url(../ie6fix/iepngfix.htc);
	padding-top: 12px;
	height:28px;
	text-decoration: none;
	/* displayed: inline!*/
}

a.hde:hover
{
	font-size: 110%;
}

div.hde, div.hen
{
	background-image: url('images/tab.png');
	behavior: url(../ie6fix/iepngfix.htc);
	height:24px;
	padding-top: 16px;
	display:none;
}



/* total: h=560; w= 170 */


ul.vlinks
{
	list-style: none; 
	float: left;
	width: 158px;
	height: 493px;
	background-image: url('images/vlinkbackground2.jpg');
	border: 1px solid #0000b3;
	margin-right: 10px;
	margin-left:0px;
	margin-top:0px;
	padding-top: 15px;
	padding-left: 0px;
}

/* left hand side */
li.vlihotelde, li.vlihotelen,
li.vlisurroundingde, li.vlisurroundingen,
li.vlibookingde, li.vlibookingen
{
	float: right;
	width: 147px;
	height: 50px;
	margin-right: 5px;
	margin-bottom: 5px;
	display:none;
}



.vde, .ven
{
	float:left;
	font-size: 95%; 
	width: 147px;
	background-repeat: no-repeat;	
	color: #F5DBAA;
}

a.vde, a.ven
{
	background-image: url( 'images/btnnormal.png' );
	behavior: url(../ie6fix/iepngfix.htc);
	height: 38px;
	padding-top: 12px;
	text-decoration: none; 
}

a.vde:hover, a.ven:hover
{
	font-size: 105%;
}

div.vde, div.ven
{
	background-image: url( 'images/btnhighlight.png' );
	behavior: url(../ie6fix/iepngfix.htc);
	height: 34px;
	padding-top: 16px;
	/*color: #F5DBAA;*/
	display:none;
}

.vlismallhotelde, .vlismallhotelen
{
	float: right;
	width: 120px;
	height: 41px;
	margin-right: 19px;
	margin-bottom: 5px;
	display:none;
}

.vsmallde, .vsmallen
{
	float:left;
	
	font-size: 95%; 
	width: 120px;
	background-repeat: no-repeat;
	color: #F5DBAA;

}

a.vsmallde, a.smallen
{
	background-image: url( 'images/btnnormalsmall.png' );
	behavior: url(../ie6fix/iepngfix.htc);
	height: 31px;
	padding-top: 10px;
	text-decoration: none; 
	/* displayed: inline!*/
}

a.vsmallde:hover, a.vsmallen:hover
{
	font-size: 105%;
}

div.vsmallde, div.vsmallen
{
	background-image: url( 'images/btnhighlightsmall.png' );
	behavior: url(../ie6fix/iepngfix.htc);
	height: 28px;
	padding-top: 13px;
	/*color: #F5DBAA;*/
	display:none;
}


/* total: h=560; w= 630 */
div.content
{
	background-position: -15px 0px;
	float: right;
	width: 608px;
	height: 483px;
	border: 1px solid #0000c3;
	padding: 15px 10px 10px 10px;
	background-color: #eeeeee;
	background-image: url(  "images/logobackground.gif" );
	background-repeat: repeat;
	background-attachment: scroll;
}

div.content_slideshow
{
	margin:auto;
	width:400px; 
	border: 1px solid #0000c3;
	padding:0px;
}

#defaultimage
{
	margin:auto;
	width:400px; 
	padding:0px;
}

div.content_text
{
	margin-top: 10px;
	margin-bottom:20px;
	margin-left:30px;
	margin-right:30px;
	color: #202020;
	text-align:justify;
	font-weight:normal;
}

div.content_text h1
{
	font-size:1.2em;
	line-height:1.3;
	color: #0000c3;
}

div.content_text p.aptFree
{
	color: #006600;
	font-size: 1.3em;
	font-weight: bold;
}

div.content_text p.aptBooked
{
	color: #800000;
	font-size: 1.2em;
	font-weight: bold;
}

div.footer
{
	position: relative;
	width: 820px;
	height:1.3em;
	font-size:0.7em;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	background-color: #ffffff;
	color: #d8d8d8;
}
