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;
}

ul {
	list-style:none;
}

a {
	text-decoration:none;
}

html, body {
	width:100%;
	height:100%;
	/* overflow:hidden; */
}

.fl_left {
    float:left;
}

.fl_right {
    float:right;
}

.fl_clear {
    clear:both;
}

body {
   	font-family: 'Open Sans', sans-serif;
    font-weight:400;
    font-size:11px;
    color:#000;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-behavior: url(styles/backgroundsize.min.htc);
    
    background:transparent url(../image/hg_picture.jpg) no-repeat center center fixed;
}


/* container */

#distance {
	position:relative;
	width:1px;
	height:50%;
	margin-bottom:-275px;
	float:left;
}

#container { 
	position:relative; 
	width:980px;
	height:550px;
	background-color:transparent;
	margin:0 auto;
	clear:left;
	overflow:hidden;
}

#logo {
	position:absolute;
	width:344px;
	height:32px;
	left:55px;
	top:23px;
}

#subheader {
	position:absolute;
	left:71px;
	top:60px;
	width:330px;
	height:28px;
	color:#808080;
	text-transform:uppercase;
	font-size:12px;
}

/* main navigation */
#mainnavigation {
	position:absolute;
	left:426px;
	top:0px;
	width:344px;
	height:60px;
	font-size:12px;
}

#mainnavigation ul li {
	float:left;
}

#mainnavigation ul li a,
#mainnavigation ul li.inactive {
	font-size:12px;
	text-transform:uppercase;
	
	display:block;
	width:86px;
	height:60px;
	text-align:center;
}

#mainnavigation ul li a {
	color:#000;
}

#mainnavigation ul li a:hover,
#mainnavigation ul li.inactive {
	color:#fff;
	background-color:#9a1315;
}

#mainnavigation ul li a span,
#mainnavigation ul li.inactive span {
	display:block;
	position:absolute;
	width:86px;
	bottom:6px;
	margin:0 auto;
}

/* content */
#content {
	position:absolute;
	top:103px;
	left:71px;
	width:887px;
	height:420px;
}

#content a {
	color:#706f6f;
}

#content a:hover {
	color:#000;
}

#contentheader {
	position:absolute;
	background-color:#9a1315;
	text-transform:uppercase;
	color:#fff;
}

#contentheader.start {
	font-size:40px;
	padding:8px 22px;
}

#contentheader.normal {
	font-size:14px;
	padding:5px 20px;
}

p.contentheadline {
	color:#9a1315;
	font-weight:700;
	font-size:14px;
	text-transform:uppercase;
	padding:0 0 5px 0;
}

p.newstxt {
	font-family: Courier, 'Open Sans', sans-serif;
	font-size:12px;
}

p.newstxt,
p.txt {
	color:#706f6f;
}

#scrolldata {
	position:absolute;
	top:45px;
	width:887px;
	height:330px;
	overflow:hidden;
}

#scrolldata_content {
	position:absolute;
	left:0px;
	top:0px;
	width:865px;
	height:auto;
}

/* content startsite */
#startpicture {
	position:absolute;
	left:523px;
	top:7px;
	width:342px;
	height:363px;
}

#startpicture img {
	width:342px;
	height:363px;
}

#starttext {
	position:absolute;
	left:24px;
	top:108px;
	width:480px;
	height:300px;
}

/* content vita */
.vitacolum {
	position:relative;
	height:auto;
	float:left;
}

.colleft {
	width:292px;
}

.colmiddle {
	width:330px;
}

.colright {
	width:240px;
}

.vitaheadline,
.vitaitem {
	font-weight:700;
	text-transform:uppercase;
	font-size:12px;
}

.vitaheadline {
	color:#9a1315;
}

.vitaitem {
	color:#595959;
}

.vitacolum ul li {
	padding: 0 14px 0 10px;
	text-indent: -0.6em;
	color:#706f6f;
}

.vitacolum ul li:before {
	content:'\2022\00A0';
}

.vitacolum img {
	margin:6px auto;
}

/* content pressestimmen */
.pressetext {
	position:relative;
	width:430px;
	height:auto;
	float:left;
}

#pressepicture {
	position:relative;
	width:286px;
	height:auto;
	float:right;
}

.pressetext p {
	padding:0 20px 0 0;
}

/* content contact/booking */
#contactcontent {
	position:absolute;
	top:36px;
	width:365px;
	height:auto;
}

#contactcontent p.contactheadline {
	font-size:16px;
	text-transform:uppercase;
	padding:20px 0 12px 0;
}

#contactcontent p a {
	color:inherit;
}

#request {
	position:absolute;
	left:460px;
	top:80px;
	width:337px;
	height:296px;
}

p.grey {
	color:#615f5f;
	font-weight:600;
}

p.smaller {
	font-size:9px;
}

#requestformholder {
	position:absolute;
	top:38px;
}

.formrow {
	width:337px;
	height:27px;
}

input.textfield,
textarea.messagefield {
	width:335px;
	border:solid 1px #615f5f;
	color:#615f5f;
	padding:2px;
	margin:0;
	
	font-family:inherit;
	font-size:inherit;
}

input.textfield {
	height:19px;
}

textarea.messagefield {
	height:112px;
	resize:none;
}

input.submitbtn {
	padding:6px 6px;
	background-color:#999;
	font-weight:600;
	border:none;
	cursor:pointer;
}

input.submitbtn:hover {
	color:#fff;
}

.formbtn {
	text-align:right;
	margin-top:4px;
}

.errorMsg {
	color:#9a1315;
	font-weight:600;
	padding:8px 0 0 0;
}

.nofield {
	display:none;
}

/* scrollbar */
#scrollbar {
	position:absolute;
	right:0px;
	top:45px;
	width:22px;
	height:48px;
}

div.scrollarrow {
	width:22px;
	height:22px;
	display:block;
	margin-bottom:4px;
	
	background-color:#9a1315;
    
    cursor:pointer;
}

div.scrollarrow img {
	width:18px;
	height:9px;
	padding:7px 0 0 3px;
}


/* footer */
#footer {
	position:absolute;
	bottom:0px;
	left:42px;
	width:896px;
	height:24px;
	
	border-top:solid 1px #c0c0c0;
	color:#615f5f;
	
	text-indent:20px;
	font-size:9px;
	line-height:18px;
}

#footer a {
	color:#615f5f;
}

#footer a:hover,
#footer span.footernaviInactive {
	color:#000;
}

#footer #footer_left {
	width:60%;
	float:left;
}

#footer #socialmedia {
	width:40%;
	float:right;
	text-align:right;
	height:24px;
}

#footer #socialmedia a img {
	vertical-align:middle;
	margin-right:6px;
}