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


/**************************************/
/* Formatierungsgrundlagen */
/**************************************/

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0;
	padding: 0;
	color: #000;
	background:url("back.jpg");
	background-repeat:repeat-x;
	background-position:0 150px;
}

.hintergrundBotton{
	background:url("back2.jpg");
	background-repeat:repeat-x;
	background-position:bottom left;
	min-width: 900px;
	width:100%;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p, .model {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}

.content ul {
	padding-left: 30px !important;
	padding-bottom: 10px;
}

a img {
	border: none;
}

.barrierefrei {
	display:none !important;
}




/**************************************/
/* Schriftart, Farbe und Form von grundelgenden Elementen */
/**************************************/

a:link {
	color: #42413C;
	text-decoration: underline;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

.reenieBeanie { font-family: 'Reenie Beanie', arial, serif; }
.imFellDwPicaSC {font-family: 'IM Fell DW Pica SC', arial, serif; }

/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn overflow:hidden im .container entfernt wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}



/**************************************/
/* Formatierung des Hauptcontainers */
/**************************************/

.container {
	min-width: 800px;
	width: 80%;
	margin: 150px auto 0;
}

.content {
 text-align:justify;
	padding: 10px 0;
}

/* Menu im Hauptcontainer ~ Seitennavigation inerhalb der Webseite ~ */
.seitenmenuLinie{
	padding: 0;
	max-width: 800px;
}
.seitenmenu {
  height:30px;
  padding:0; 
  margin-bottom:1em; 
  list-style-type:none;
  white-space:nowrap;
  font-family:arial,verdana,sans-serif;
  font-size:76%;
  }
.seitenmenu li {
  float:left;
  min-width:100px;
  position:relative;
  }
.seitenmenu a {
  position:relative;
  display:block; 
  text-decoration:none; 
  min-width:100px; 
  float:left; 
  }
* html .seitenmenu a {
  width:100px;
  }
.seitenmenu a span {
  display:block; 
  color:#000; 
  background:#c4c4c4; 
  border:1px solid #fff; 
  border-width:2px 1px; 
  text-align:center; 
  padding:4px 16px; 
  cursor:pointer;
  }
* html .seitenmenu a span {
  width:100px; 
  cursor:hand; 
  w\idth:66px;
  }
.seitenmenu a b {
  display:block; 
 border-bottom:2px solid #06a;
  }
.seitenmenu a em {
  display:none;
  }
.seitenmenu a:hover {
  background:#fff;
  }
.seitenmenu a:hover span {
  color:#fff; 
  background:#08c;
  }
.seitenmenu a:hover em {
  display:block; 
  overflow:hidden; 
  border:6px solid #06a; 
  border-color:#06a #fff; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }




/**************************************/
/* Hauptmenü */
/**************************************/

.hauptmenuContainer {
	position:absolute;
	top:0;
	right:0;
	left:0;
	background-color: rgb(98, 117, 219);
	clear:both; float:left;
	width: auto;
	overflow:hidden;
	height: 150px;
	white-space:nowrap;
	min-width: 900px;
	}
	
#hauptmenu {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
  
  }
#hauptmenu li {
  float:left; position:relative; right:50%;
  }
#hauptmenu a {
  width:auto;
  display:block;
  padding:4px 16px;
  color:#fff; 
  background:#08c; 
  border:1px solid #fff; 
  text-decoration:none;
  margin: 0 5px;
  }
#hauptmenu a:hover {
  color:#000; 
  background:#d4d4d4;
  }




/**************************************/
/* Feststehendes Menü ~ Online Buchen ~ */
/**************************************/

div.booking {
  margin: 0;
  text-align: center;
  position: fixed;
  top: auto;
  bottom: 10px;
  left: auto;
  right: 0px;
  z-index: 600;
}

.booking h2 {
	float:left;
	padding: 0;
	margin: 0;
}

a.bookingButton {
    background: transparent url('button_right.png') no-repeat scroll top right; 
display: block;
float: left;
height: 35px;
margin-right: 6px;
padding-right: 20px;
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.bookingButton span {
background: transparent url('button_left.png') no-repeat; 
display: block;
line-height: 22px;
padding: 7px 0 5px 18px;
} 
a.bookingButton:hover span{
text-decoration:underline;
}




/**************************************/
/* Footer ~ */
/**************************************/

.footer {
	position:relative;
	bottom:0;
	right:0;
	left:0;
	background-color: rgb(98, 117, 219);
	clear:both; float:left;
	width: 100%;
	overflow:hidden;
	height: 150px;
	white-space:nowrap;
	min-width: 900px;
	padding: 0;
	margin: 0;
		font-size:xx-small;
		text-align:center;
	}
.footer h1{
	font-size:small;
}

/* FooterMenu */
.footerMenuContent{
	position:absolute;
	bottom: 4px;
	left:50%;

}

#footerMenu {
	position: relative;
padding:0;
margin:0 auto;
height:2em;
list-style-type:none;
font-size:9px;
  float:left;
}
#footerMenu li {
float:left; 
padding:0 5px; 
height:2em;
line-height:2em;
border-right:1px solid #bbb;
position:relative;
text-align:center;
right:50%;
}
#footerMenu li a, #footerMenu li a:visited {
display:block;
text-decoration:none; 
color:#000;
}
#footerMenu li a span, #footerMenu li a:visited span {
display:none;
}
#footerMenu li a:hover {
border:0; 
color:#bbb;
}
#footerMenu li a:hover span {
display:block;
padding:0 5px; 
height:2em;
text-align:center;
position:absolute; 
left:-2px; 
top:-3px; 
color:#000; 
cursor:pointer;
}




/**************************************/
/* Sprachauswahl ~ */
/**************************************/

#toplanguage {
	position:absolute;
  text-align: center;
  top: 0px;
  bottom: auto;
  left: auto;
  right: 50px;
  z-index: 400;
  }
#country {
  padding:0;
  margin:0;
  list-style-type:none; 
  }
#country li {
  width:16px; 
  height:11px; 
  float:left;
  margin:2px;
  }
#country a em {
  display:none;
  }
#country a {
  text-decoration:none;
  color:#000;
  position:absolute; 
  width:16px; 
  height:11px; 
  display:block;
  text-align:center;
  }

#country a.de {background-image:url(flags/de.png)}
#country a.en {background-image:url(flags/gb.png)}
#country a.se {background-image:url(flags/se.png)}
#country a.nl {background-image:url(flags/nl.png)}
#country a.fr {background-image:url(flags/fr.png)}
#country a.no {background-image:url(flags/no.png)}
#country a.it {background-image:url(flags/it.png)}

/*******************************************************/