/****************************************************************/
/* Haupteigenschaften einiger Bestandteile aller Seiten         */
/****************************************************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	height: 100%;
}

a {
	color: #0D71D5; /*494848;*/
	text-decoration: underline;
}

a:visited {
	color: #7299C0; /*494848;*/
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #447700;
}

p {
	line-height: 15px;
	font-weight: 400;
/*	text-align: justify; */
	margin: 5px 0px 0 0;
}

h1 {
	color: #003366;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	padding: 0;
	margin: 8px 0;
}


h2 {
	color: #003366;
	font-size: 14px;
	line-height: 16px;
	padding: 0;
	margin: 5px 4px 5px 4px;
}

h3 {
	font-size: 10pt;
	font-style: italic;
	margin: 5px 0;
	padding: 0;
}

h4 {
	font-size: 10pt;
	margin: 8px 0 2px;
	padding: 0;
}

h5 {
	font-size: 10px;
	margin: 2px 0;
	padding: 0;
}

h6 {
	color: #003366;
	font-weight: bold;
	font-size: 18px;
	line-height: 19px;
	padding: 0;
	margin: 14px 8px;
}

img {
	border: 0;
}

table {
}

td {
}

hr {
	color: #4DA6FF;
	height: 1px;
	padding: 0;
	margin: 2px 0 0 0;
	background-color : #4DA6FF;
	border-width: 0;
}

/********************************/
/* Hauptklassen                 */
/********************************/

#hauptfenster {
	position: absolute;
	left: 0px;
	top: 148px;
	width: 100%;
}

#inhalt {
	margin: 50px 20px 0 200px;
	padding: 0;
}

#index {
}

#nav_links {
	color: #003366;
	width: 180px;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
}

#menue_links {
	text-align: left;
	}

#navigation {
	background-color: #ECECEC;
	margin: 0;
	padding: 15px 0;
	
}

#hotline {
	text-align: center;
	background-color: #ECECEC;
	margin-top: 15px;
	padding-bottom: 17px;
}

#suche {
	text-align: center;
	background-color: #ECECEC;
	margin-top: 15px;
	padding-bottom:	1px;

}

#newsletter {
	text-align: center;
	background-color: #ECECEC;
	margin-top: 15px;
	padding-bottom: 1px;

}

#sie_sind_hier {
	position: absolute;
	z-index: 2;
	left: 200px;
	right: 0;
	top: 15px;
}

#nav_oben {
	position: absolute;
	z-index: 3;
	right: 20px;
	top: 26px;
	font-size: 10px;
	color: #4DA6FF;
	word-spacing: 1em;
	font-weight: bold;
}

#kopf {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 100%;
}

#logo {
	position: absolute;
	z-index: 2;
	top: 10px;
	right: 20px;
}

#fuss {
	text-align: center;
	display: none; /* Schaltet die Darstellung des Fuss-Textes aus, da dieser nur zum Drucken benötigt wird */
}

/********************************/
/* Klassenstyles                */
/********************************/

/* Angaben für den eigentlichen Inhalt aller Seiten ******/

#inhalt table {
}

#inhalt td {
	padding: 3px;
	vertical-align: top;
}

#inhalt img {
	margin: 5px;
}

/* Angaben für die Startseite ******/

#index img {
	padding: 0;
	margin: 0;
}

#index p {
	margin: 5px;
	padding: 2px;
	text-align: left;
	line-height: 16px;
}

#index .suchen_buchen {
	margin: 0 5px;
	padding: 2px;
}

#index h1 {
	margin: 5px;
	padding: 0;
	font-size: 16px;
}

#index table {
}

#index td {
	padding: 0;
	margin: 0;
	vertical-align: top;
}

#index table table {
	border: 1px solid #000000;
	width: 177px;
	padding:0;
	margin: 0;
}

index table table td {
	padding: 0;
	margin: 0;
	vertical-align: top;
}

#index .mitte {
	height: 230px;
}

/* Hier wird die komplette linke Navigationsspalte definiert ******/

#nav_links h1 {
	font-size: 10px;
	color: #FFFFFF;
	padding: 1px 0 1px 6px;
	text-align: left;
	letter-spacing: 3px;
}

#nav_links .abstand {
	margin: 3px;
}

/* Hier wird das Erscheinungsbild aller Menü-Punkte der linken oberen Navigation festgelegt ******/

#navigation a {
	display: block;
	text-decoration: none;
	color: #143A6E;
}

#navigation a:visited {
	display: block;
	text-decoration: none;
	color: #143A6E;
}

#navigation a:hover {
	background-color: #F5CC74/*#ECECEC*/;
	color: #447700;
	text-decoration: underline;
}

#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation {
	margin: 0;
	line-height: 22px;
	padding: 0.5ex 0;  /* behebt einen Fehler in IE 6.0 */
}

#navigation .aktiv_eins {
	font-weight: bold;
	background-color:  #CCCCCC/*#9F9F9F*/;
}

#navigation .aktiv_zwei {
	font-weight: normal; 
	background-color: #CCCCCC;
}

#navigation .passiv {
	text-indent: 0px;
}

/* Hier wird definiert, wie der Hotline-Block auszusehen hat ******/

#hotline h1 {
	background-color: #143A6E;
}

/* und hier die über uns & mehr *********/

#menue_links div {
	padding: 0 0 0 2px;
}

#menue_links .active {
	font-weight: bold;
	background-color: #CCCCCC;
}

#menue_links img {
	padding: 0;
	margin: 0;
}

#menue_links a {
	display: block;
	text-decoration: none;
	color: #143A6E;
}

#menue_links a:visited {
	display: block;
	text-decoration: none;
	color: #143A6E;
}

#menue_links a:hover {
	background-color: #F5CC74;
	color: #447700;
	text-decoration: underline;
}

/* Hier wird definiert, wie der Such-Block auszusehen hat ******/

#suche h1 {
	background-color: #4DA6FF;
}

#suche a {
	text-decoration: none;
	color: #143A6E;
}

#suche a:visited {
	text-decoration: none;
	color: #143A6E;
}

/* Eigenschaften von "sie sind hier" ******/

#sie_sind_hier a {
	color: #4DA6FF;
	text-decoration: none;
}

#sie_sind_hier a:visited {
	color: #4DA6FF;
	text-decoration: none;
}

#sie_sind_hier a:hover {
	color: #447700;
	text-decoration: underline;
}

/* Erscheinungsbild von der Navigation oben rechts ******/

#nav_oben a {
	color: #4DA6FF;
	text-decoration: none;
}

#nav_oben a:visited {
	color: #4DA6FF;
	text-decoration: none;
}

#nav_oben a:hover {
	color: #447700;
	text-decoration: underline;
}

#nav_oben .aktiv {
	font-weight: bold;
}

/* Hier werden die Farben und Rahmen der Preislisten festgelegt */

#preisliste table {
	background-color: #9F9F9F;
}

#preisliste td {
	background-color: white;
}

#preisliste h2 {
	color: #000000;
}

#preisliste .graue_zeile {
	background-color: #E9F0F5;
}

#preisliste .kopf {
	font-weight: bold;
	text-align: center;
}

#preisliste .nebensaison {
	background-color: #FBF950;
}

#preisliste .zwischensaison {
	background-color: #FF9900;
}

#preisliste .hochsaison {
	background-color: #DC2F18;
}

#preisliste .saison_d {
	background-color: #F37B33;
}

#preisliste .saison_e {
	background-color: #FCDE12;
}

/* Farbangaben für Anek Lines */

#anek table {
	background-color: black;
	}

#anek td {
	background-color: white;
	}

#anek table table {
	background-color: white;
	}

#anek .nebensaison {
	background-color: #FBF950;
}

#anek .zwischensaison {
	background-color: #FF9900;
}

#anek .hochsaison {
	background-color: #DC2F18;
}

#anek .graue_zeile {
	background-color: #E9F0F5;
}

/* Hier kommen alle Anweisungen für das Gästebuch */

#gaestebuch table {
	border: 1px solid #C6E3FF;
	background: #E7F3FF;
}
#gaestebuch	div.gb {
	margin: 0 10px 0 0px;
	padding: 0px;
	border: 1px solid #C6E3FF;
	line-height: 19px;
}

#gaestebuch	div.gb-author {
	margin: 0px;
	padding: 5px;
	border-bottom: 1px solid #C6E3FF;
	background: #C6E3FF;
}

#gaestebuch	p.gb-author-left {
	margin: 0px;
	float: left;
}

#gaestebuch	p.gb-author-right {
	margin: 0px;
	text-align: right;
}
#gaestebuch div.gb-entry {
	margin: 0px;
	padding: 5px;
	solid: #E7F3FF;
	background: #E7F3FF;
}
#gaestebuch	p.gb-browse {
	text-align: right;
	font-weight: bold;
}

#gaestebuch	p.gb-admin-buttons {
	margin: 3px 0px 0px 0px;
	text-align: right;
}

#gaestebuch	.caution {
	color: red;
	font-weight: bold;
}

#gaestebuch	.comment {
	margin: 10px 0px 0px 0px;
	font-style: italic;
}

/* Fuss wird nur zum Ausdrucken der Seiten benötigt ******/

#fuss table {
	border: 0;
}

#fuss td {
	padding: 5px;	
}

#fuss .linke_seite {
	text-align: right;
	font-weight: bold;
}

/*******************************************************/
/* Allgemeine Styles, die überall gültig sind          */
/*******************************************************/

.erforderlich {
	color: red;
	font-weight: bold;
}

.kleinere_schrift {
	font-size: 9px;
}

.graue_zeile { /* Achtung, die gibts in der Klasse preisliste und anek nochmal */
	background-color: #E9F0F5;
}

.gruen {
	color: #339900;
}