html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

html {
	overflow-y: scroll;
}

html, body {
	width:100%;
	height:100%;
	background:#fff url(../img/Hintergrundverlauf.jpg) repeat-x top left;
}

.fl_left {
    float:left;
}

.fl_right {
    float:right;
}

.fl_clear {
    clear:both;
}

.center {
    text-align:center;
}

.right {
	text-align:right;
}

/* container */
#container { 
	position:relative; 
	width:966px;
	height:auto;
	margin:0 auto;
	
	font-family:Verdana, Arial, sans-serif;
	font-size:13px;
}

/* header */
#header {
	position:relative;
	height:426px;
}

#topnavi {
	position:relative;
	width:749px;
	height:65px;
	background-color:#004089;
	border-bottom:solid 3px #ffe200;
	float:left;
}

#topnavi ul {
	list-style:none;
	padding-top:22px;
}

#topnavi ul li {
	float:left;
}

#topnavi ul li.border {
	border-right:solid 1px #fff;
}

#topnavi ul li a,
#topnavi ul li span.topactive {
	display:block;
	width:120px;
	height:41px;
	
	font-size:13px;
	padding:2px 0 0 4px;
}

#topnavi ul li a {	
	color:#fff;
	text-decoration:none;
}

#topnavi ul li a:hover {
	color:#000;
	background-color:#ffb227;
}

#topnavi ul li a span.green {
	color:#a3c42e;
}

#topnavi ul li a:hover > span.green {
	color:#000;
}

#topnavi ul li span.topactive {
	color:#000;
	background-color:#ffb227;
}

#logo {
	position:relative;
	width:205px;
	height:68px;
	float:right;
}

#logo img {
	width:205px;
	height:68px;
}

#headerpicture {
	position:relative;
	height:330px;
	clear:both;
}

#headerpicture img {
	width:966px;
	height:330px;
}

#apartment {
	position:absolute;
	top:74px;
	right:9px;
	width:184px;
	height:15px;
	z-index:100;
}

#apartment img {
	width:184px;
	height:15px;
}

#btn_booking,
#btn_telconsult {
	position:absolute;
	right:35px;
	width:229px;
	height:78px;
	z-index:10;
}

#btn_booking {
	top:146px;
}

#btn_telconsult {
	top:276px;
}

#btn_booking img,
#btn_telconsult img {
	width:229px;
	height:78px;
}

#languageselector {
	position:absolute;
	width:auto;
	height:15px;
	/*right:35px;*/
	right:4px;
	top:403px;
	z-index:1;
}

#languageselector #de,
#languageselector #en,
#languageselector #esp,
#languageselector #it,
#languageselector #pl {
	width:26px;
	height:15px;
	float:left;
}

#languageselector #de,
#languageselector #en,
#languageselector #esp,
#languageselector #it {
	padding-right:6px;
}

#languageselector #de img,
#languageselector #en img,
#languageselector #it img,
#languageselector #esp img,
#languageselector #pl img {
	width:26px;
	height:15px;
}

#navi {
	position:relative;
	height:29px;
	background:transparent;
}

#navi ul {
	list-style:none;
	padding:6px 0 0 0;
}

#navi ul li {
	float:left;
	border-left:solid 1px #000;
}

#navi ul li a,
#navi ul li span.navactive {
	display:block;
	width:auto;
	height:16px;
	
	font-size:12px;
	padding:0 12px;
}

#navi ul li a {	
	color:#000;
	text-decoration:none;
}

#navi ul li a:hover {
	color:#004089;
}

#navi ul li span.navactive {
	color:#004089;
}

/* content area */
#content, 
#startcontent,
#formcontent {
	position:relative;
	min-height:422px;
	background-color:#fff;
}

#content {
    padding:14px 25px 25px 25px;
}

.contentbox {
    position:relative;
    width:445px;
    height:auto;
}

#startcontent {
    padding:14px 0 25px 25px;
}

#content h1,
#startcontent h1 {
    font-size:18px;
	color:#003877;
	padding:5px 0 16px 0;
}

#content h2 {
    font-size:14px;
	color:#000;
	padding:5px 0 16px 0;
	font-weight:bold;
}

#content h3 {
	font-size:12px;
	font-weight:bold;
	padding:5px 0 16px 0;
}

#starttext {
	position:relative;
	width:545px;
	float:left;
	padding-left:10px;
}

#starttext .starttextsubline {
	font-size:15px;
	font-style:italic;
	color:#003877;
}

#startoffer {
	position:relative;
	width:310px;
	height:auto;
	float:right;
	margin:8px 34px 0 0;
	padding:17px 16px 12px 16px;
	background-color:#c1c9da;
	font-size:12px;
}

#startoffer h3 {
	font-size:15px;
	font-weight:bold;
	color:#003877;
	height:30px;
}

#startofferbtn {
	position:relative;
	padding:12px 0 0 0;
	height:58px;
	text-align:right;
}

#startofferbtn img {
	width:173px;
	height:58px;
}

#startfooter {
	position:relative;
	clear:both;
	padding:20px 0 36px 10px;
}

.startfooterbox {
	width:224px;
	font-size:12px;
	float:left;
}

#socialmedia_txt {
	font-size:9px;
	font-weight:bold;
	line-height:16px;
	text-align:right;
	float:left;
}

#socialmedia_icon {
	float:right;
	margin-left:12px;
	margin-top:4px;
}

#socialmedia_icon img {
	padding:0 4px;
}

/* service */
.servicebox_headline {
    font-size:12px;
    color:#003877;
    background-color:#e4e4e4;
    border-bottom:solid 1px #fff;
    padding:3px 0 3px 10px;
}

.servicebox_content {
    font-size:12px;
    color:#000;
    background-color:#f2f2f2;
    border-bottom:solid 1px #fff;
    padding:12px 0 12px 14px;
}

.servicebox_content ul {
    margin-left:14px;
}

/* rooms and apartments */
#headline_apartments {
    height:18px;
	padding:5px 0 16px 0;
	font-size:14px;
}

#headline_apartments .h_orange {
	font-size:18px;
	color:#ffb227;
	font-weight:bold;
}

#headline_apartments .h_green {
	font-size:18px;
	color:#a3c42e;
	font-weight:bold;
}

#headline_apartments .h_blue {
	font-size:18px;
	color:#004089;
	font-weight:bold;
}

#headline_apartments .h_black {
	font-size:14px;
	color:#000;
}

.contentbox_app_left {
    position:relative;
    width:400px;
    height:auto;
    float:left;
}

.contentbox_app_left ul {
    margin-left:14px;
}

.contentbox_app_right {
    position:relative;
    width:500px;
    height:auto;
    float:right;
    text-align:right;
}

#thumbholder {
	padding:52px 0 0 0;
}

.thumb {
	width:122px;
	height:78px;
	margin:0;
	padding:0 0 2px 2px;
	display:block;
	float:right;
}

.thumb img {
	width:122px;
	height:78px;
	border:0;
	margin:0;
	padding:0 0 2px 0px;
	
	border-image-width:-1px;
}

table {
	border-collapse:collapse;
	border-spacing:0px;
}

td {
	font-family:inherit;
	font-size:13px;
	padding:5px 6px;
	text-align:left;
}

td.personnum {
	font-weight:bold;
	background-color:#ffb227;
}

td.head {
	background-color:#e4e4e4;
}

td.grey {
	background-color:#f2f2f2;
}

td.greybold {
	background-color:#e4e4e4;
	font-weight:bold;
	border-left:solid 2px #fff;
}

td.head,
td.personnum {
	border:solid 1px #fff;
}

td.note {
    background-color:#e4e4e4;
    border:solid 2px #fff;
    border-right:0;
}

td.note_empty {
    border-top:solid 2px #fff;
    border-left:solid 2px #fff;
}

.bottom {
	padding:5px 0 0 1px;
}

#btn_apartment_booking {
	position:absolute;
	z-index:1;
	width:242px;
	height:90px;
	top:0px;
	right:5px;
}

#btn_apartment_booking img {
	width:242px;
	height:90px;
}

/* gallery */
#pictureArea {
	z-index:1;
}

#pictureArea img {
	width:966px;
	height:330px;
}

#pictureArea #level0 {
	position:absolute;
	z-index:1;
}

#pictureArea #level1 {
	position:absolute;
	z-index:2;
}

/**
 *	booking form 
 */
form {
	font-family:inherit;
	font-size:11px;
}

#formarea {
	position:relative;
	background-color:#e1e1e1;
	height:auto;
}

.formcontentholder {
	padding:14px 25px 25px 25px;
	height:auto;
}

.bookingcol {
	position:relative;
	width:277px;
	float:left;
	padding:0 0 12px 0;
}

.bookingcolmiddle {
	position:relative;
	width:277px;
	float:left;
	padding:0 0 12px 34px;
}

.bookingcolright {
	position:relative;
	float:right;
}

.showcalendar {
	position:absolute;
	width:34px;
	height:22px;
	right:0px;
	top:0px;
	z-index:1;
}

.showstartdate,
.showenddate {
	cursor:pointer;
}


.bookingcol_textarea {
	width:413px;
	float:left;
}

.bookingcol_captcha {
	width:285px;
	float:left;
}

.bookingcol_buttons {
	width:205px;
	float:right;
}

input.textfield,
input.captchafield,
input.textfield_datepicker {
	height:29px;
	border:none;
	background-color:#fff;
	padding:0 3px;
}

input.textfield {
	width:269px;
}

input.textfield_datepicker {
	width:235px;
}

input.captchafield {
	width:165px;
}

a.getnewcode {
	display:block;
	text-decoration:none;
	font-size:9px;
	color:#000;
	padding:0px 0 8px 0;
}

#captcha img {
    width:172px;
    height:40px;
    border:solid 1px #000;
}

input.textfield,
input.captchafield,
input.textfield_datepicker,
select.selector {
	color:#767676;
}

select.selector {
	width:276px;
	height:23px;
	padding:3px 0;
}

textarea {
	width:393px;
	height:122px;
	background-color:#fff;
	border:none;
	resize:none;
	
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	color:#767676;
}

.errorstr {
	font-weight:bold;
	color:#ff0000;
	text-align:right;
}

/**
 *	datepicker
 */
#ui-datepicker-div {
	font-size:11px;
}

/**
 *	overlay for booking preview
 */
#popup_preview {
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */  
	z-index:2;  
	width:618px;
	background-color:#fff;
	border:solid 1px #e1e1e1;
	padding:4px;
    height:520px;
    
    font-family:Verdana, Arial, sans-serif;
    font-size:12px;
    color:#767676;
}

.popupHeader {
	position:relative;
	width:480px;
	height:28px;
	padding:24px 0 0 0;
}

.popupClose {
	position:absolute;
	top:5px;
	right:12px;
	color:#666;
	text-decoration:none;
}

.popupClose a {
    font-size:12px;
	color:#000;
	text-decoration:none;
}

.popupClose a:hover {
	color:#003877;
}

.popupHeadline {
	position:relative;
	left:38px;
	bottom:6px;
	font-size:18px;
	color:#a3c42e;
	font-weight:bold;
}

.popupContent {
	position:relative;
	width:618px;
	height:auto;
}


.popupContentText {
	position:relative;
	left:38px;
	top:6px;
	width:90%;
}

.commentpreview {
    width:480px;
    height:120px;
    overflow:auto;
    border:solid 1px #e1e1e1;
}


#bgPopup	{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#fff;  
	z-index:1;  
}