/* reset styles */
/*--------------*/

* { margin:0; padding: 0 }

/* Fix: margin/padding reset causes too small select boxes */
option { padding-left: 0.4em }

/* Global fix of the Italics bugs in IE 5.x and IE 6 */
* html body * { overflow:visible; }

/* Forcing vertical scrollbars in Netscape, Safari */
/*ATTENTION: might cause problems with permanent horizontal scroll-bar; in this case set brder to 0px*/
html { height: 100%;  margin-bottom: 0px;}
  
body {
	/* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
	font-size: 100.01%;
	font-family: inherit;
}

/* no borders for <fieldset> and <img> */
fieldset, img { border: 0 solid; }

/* reset def lists*/


dt { font-weight: bold; }
dd { margin: 0; }



a {
	outline: none; /*Firefox mousecklick-outline ausschalten*/
}

/*------------------------------------------------------------------------------------------------------*/





/*------ basics:  page-margins, fonts -----*/

html {
	background: #d1c8bb;
}

body {
	text-align: center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #746060;
	font-size: 100%; /* at standard browser font-size equals 16px serving as evaluation basis*/

}


/* ----------- structure -------------- */

#wrappage {

	width: 923px;
	margin: 10px auto 40px;
	text-align: left;	
	font-size: 81.25%; /* 13px */
	line-height: 1.538em; /* 20px */
}

#page {

	position: relative;
	margin:0 0 0 0;
	padding: 0 20px 0 0px;
}


#header {
	height:169px;
	background: url(../img/hg_header.gif) 352px 0px no-repeat;
}

#header h1 {
	position:absolute;
	top:87px; left: 96px;
	width: 446px; height: 32px;
	padding: 0; margin: 0;
	background: url(../img/txt_linksvomleuchtturm.gif) top left no-repeat;
	text-indent:-999em;
	z-index: 10;
}


#header h1 span {
	position:absolute;
	top:43px; left: 226px;
	width: 294px; height: 25px;
	padding: 0; margin: 0;
	background: url(../img/txt_ferienaufhalligoland.gif) top left no-repeat;
	z-index: 11;
}

#header h1 span.english {
	background-image: url(../img/txt_en_ferienaufhalligoland.gif);
}


#mainmenu {
	padding:8px 0 0 323px; margin:0;
	overflow: hidden;
}



#content {
	/*Die seitlichen Ränder als paddding und nicht als margin, damit auch im IE Elemnte in den Randbereich verschiebbar sind */
	padding: 30px 22px 0px 323px;
}

#footer {
	padding: 30px 28px 0px 323px;
}




/* ------------ Navigation ---------------- */


/* ----------- main menu -----------*/

#mainmenu ul {
	list-style:none;
	
	margin: 0 -100px 0 -10px; /*neg margin-right, um das Element zu verbreitern, damit kein Umbruch passiert*/
	padding: 0;
	color: #8e164c;
}

#mainmenu ul li {
	float:left;
	font-size: 130.77%; /*17px bei 13px*/
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height: 1em;
	border-right: 1px solid #8e164c;
	padding: 1px 10px 1px 10px;
	margin: 0;
}


#mainmenu ul li a {
	display:block;
	color: #8e164c;
	text-decoration: none;
	border-bottom: 2px solid #d1c8bb; /*gleiche Farbe wie HG, also unsichtbar; nötig, weil sonst im act-Zusatnd die Höhe der li-Box um zwei Pixel größer wird und damit auch die border-right von li*/
}

#mainmenu ul li a.act {
	border-bottom: 2px solid #8e164c;
}

#mainmenu ul li a:hover, #mainmenu ul li a.act:hover {
	color: #6b042a;
}


#mainmenu ul li.language, #mainmenu ul li.language-en {
	border-right: none;
	border-left: 1px solid #8e164c;
	background: url(../img/flag_de.gif) 10px 0px no-repeat;
	padding-right: 29px;
	margin-left: 3px;
}

#mainmenu ul li.language-en {
	background-image: url(../img/flag_en.gif);
}

#mainmenu ul li.language a, #mainmenu ul li.language-en a {
	text-indent:-999em;
	width: 29px;
}


/* -------- footernav  -------- */
#footer a {
	font-size:10px;
	color: #746060;
	font-weight: bold;
}




/* ------------ Inhalte ------------- */
h2 {
	position:relative;
	width: 275px;
	margin: 0 0 15px 0;
	padding: 15px 0 1px 0;
	border-bottom: 2px solid #8b7d7d;
	font-size: 176.92%; /* 23px bei 13px */
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: normal;
	color: #8b7d7d;
}

h2 b.ornament {
	position: absolute;
	right: -25px; bottom: -3px;
	width: 37px; height: 33px;
	background: url(../img/ornament_header.gif) top left no-repeat;
	z-index:10;
}


h3 {
	margin: 25px 0 5px 0;
	padding: 0;
	font-size:115.38%;
	font-weight:bold;
}

h3.h3balken {
	/* funzt mit negativen linken Margin nicht im IE, deshalb die Lösung mit position relative*/
	position: relative;
	left: -75px;
	margin-right: -75px;
	padding-left: 75px;
	background: url(../img/hg_h3.gif) left 4px no-repeat;
	z-index:30;
}

h3.h3ornament {
	/* funzt mit negativen linken Margin nicht im IE, deshalb die Lösung mit position relative*/
	position: relative;
	left: -75px;
	margin:25px -75px -25px 0;
	padding:0 0 30px 75px;
	background: url(../img/hg_h3_ornament.gif) left 4px no-repeat;
	z-index:30;
}


div.rubrikbild {
	position:absolute;
	text-align:right;
	top:150px; left:0;
	width: 300px;
	z-index:10;
}

p {
	padding: 5px 0;
}

p span.initiale {
	font-size:153.8%;
}

a, a:link {
	color: #8e164c;
	text-decoration:none;
}

a:hover {
	color: #6b042a;
	text-decoration:underline;
}

a.extlink {
	background: url(../img/extlink_ic.gif) 0 7px no-repeat;
	padding-left:19px;
}


p.marginal {
	font-size:84.61%;
	line-height: 1.5em;
}

span.marginal {
	font-size:84.61%;
}

ul {
	margin: 0px 25px;
	padding: 5px 0;
}

.narrowdiv {
	padding-right:200px;
}


blockquote {
	font-style:italic;
	line-height:22px;
}

cite {
	font-size: 12px;
}

.floatright {
	float:right;
}




div.infobox {
	/*für die Kompat. mit IE muss hier mit psoition: relative und left:-23 gearbeitet werden, anstelle von neg. margins (sonst werden die Inhalte der Infobox nach links einfach abgeschnitten;
	 ACHTUNG: zusätzlich per Conditions im IE ein Margin-right (!!) setzen, um die Box in der Breite aufzuspannen */
	position:relative;
	left:-23px;
	background: url(../img/hg_infobox.gif) top left no-repeat;
	padding-left: 25px;
	padding-right: 10px;
	margin-right: -30px;
}

.bordertop {
	border-top: 1px solid #a89b89;
}

.impressum {
	font-size: 0.9em;
	padding-left:5px;
}

.impressum h3 {
	margin-bottom: 0;
}

.adresse {
	border-left: 5px solid #948787;
	padding:0 0 0 5px;
	margin: 0 0 0 2px;
}

/* -------Karte --------- */
div#karte {
	margin: 25px -22px 20px 0px;
	width: 579px;
	height:385px;
	background: url(../img/karte.gif) top left no-repeat;
}

div#karte a {
	position:absolute;
	text-indent: -999em;
	width:55px; height:39px;
	background: url(../img/lupe_ic.gif) top left no-repeat;
}

div#karte a:hover {
	background-position: top right;
}


/* ----- Preise ------ */

table.kurtaxe {
	border-collapse:collapse;
}

table.kurtaxe td {
	font-size:11px;
	line-height:12px;
	padding: 5px 10px 5px 10px;
	vertical-align:middle;
	background: #e4e0db;

}

table.kurtaxe th {
	padding: 5px 10px 5px 7px;
	font-size:10px;
	line-height:12px;
	font-weight: bold;
	vertical-align: middle;
	text-align:left;
}

.randl {
	border-left: 1px solid #8b7d7d;
}
.randu {
	border-bottom: 1px solid #8b7d7d;
}
.randr {
	border-right: 1px solid #8b7d7d;
}

/* --------Grundriss --------- */
ul#grundriss {
	position: relative;
	height: 375px;
	background: url(../img/grundriss.gif) top left no-repeat;
	list-style:none;
	padding:0;
	margin:0;
}

ul#grundriss li {
	text-indent:-999em;
	
	/* IE6-Bug-fixing, sonst funktioniert das hovern über dem Bereich, den der listen-Text einimmt, nicht*/
	font-size:1px;
  	line-height:1px; 
}

ul#grundriss li a {
	position:absolute;
	z-index:20;
	display:block;
}

/* fixing fucking IE6-Bug, zur Gewährleistung der hover-Funktionalität */
ul#grundriss li a:hover {
  background-position: 0 0;
}

ul#grundriss li a img {
	position:absolute;
	z-index:21;

	visibility: hidden;
}

ul#grundriss li a:hover img {
	visibility: visible;
}


ul#grundriss li#schlafen1 a {
	top:0; left:0;
	width: 200px; height:185px;
}
ul#grundriss li#schlafen1 a img {
	top:205px; left:355px;
}

ul#grundriss li#schlafen1a a {
	top:0; left:200px;
	width: 100px; height:185px;
}
ul#grundriss li#schlafen1a a img {
	top:205px; left:155px;
}

ul#grundriss li#flur a {
	top:0; left:300px;
	width: 95px; height:185px;
}
ul#grundriss li#flur a img {
	top:205px; left:55px;
}

ul#grundriss li#schlafen2 a {
	top:0; left:395px;
	width: 160px; height:185px;
}
ul#grundriss li#schlafen2 a img {
	top:205px; left:-40px;
}

ul#grundriss li#wohnen a {
	top:185px; left:0;
	width: 250px; height:180px;
}
ul#grundriss li#wohnen a img {
	top:20px; left:355px;
}

ul#grundriss li#kochen a {
	top:185px; left:250px;
	width: 90px; height:95px;
}
ul#grundriss li#kochen a img {
	top:20px; left:105px;
}

ul#grundriss li#bad a {
	top:280px; left:250px;
	width: 90px; height:90px;
}
ul#grundriss li#bad a img {
	top:-75px; left:105px;
}

/* ------------ Subcolumns ----------*/
/* nicht mit overflow: hidden arbeiten, da sonst das Verschieben in den Randbereich nicht funzt (mit wrappermargincol); stattdessen ist ein clearing per Hand nötig (im HTML mit hr.cleary) */
.subcolumns {width: 100%; float:left;}

hr.cleary {
	float:none;
	clear:both;
	height: 1px;
	padding:0; margin:0;
	border:none;
	visibility: hidden;
}

.subcolumns_oldgecko { width: 100%; float:left; }

.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

.c25l, .c25r { width: 25%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 75%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 61.8%; }

.subc  { padding: 0 0.5em; }
.subcl { padding: 0 12px 0 0; }
.subcr { padding: 0 0 0 12px; }

/* -- Spezial Subcols (Erschließung der linken Randspalte) -- */

.subcolumnsrand {
	margin-left: -323px;
	overflow: hidden;
}

.crand {
	float: left;
	width: 300px;
	text-align: right;
}

.cinhalt {
	float:right;
	width:558px;
	margin-left: 0px;
}

.crand .subcl {padding: 0 0 0 30px;}
.cinhalt .subcr {padding: 0 0 0 0;}


/* erschliessen der Randspalte ohne aufwändige Mehspaltenlösung mit subcolumns oder subcolumnsrand*/
.wrappermargincol {
	position:relative;
}

.margincol {
	position: absolute;
	left: -323px; top:0;
	width: 300px;
	text-align: right;	
}