/* ***** ***** CSS FUER FERIENWOHNUNGEN KRAUS ***** ***** */

/* ***** ALLGEMEINE STYLES ***** */

html
{}

body
{
	background-color: #fce46a;
}

body, table, input, textarea
{
	color: #005a1e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* ***** FRAME - KOPF + MENUE - ***** */

body.menu
{
	background-image: url(pic/hintergrund_kopf.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
}

div.nationalpark
{
	display: block;
	width: 195px;
	height: 112px;
	
	position: absolute;
	top: 13px;
	left: 8px;
	z-index: 2;
	
	border: 0px solid red;
}

div.logo
{
	display: block;
	width: 550px;
	height: 85px;
	
	position: absolute;
	top: 10px;
	left: 250px;
	/* ohne Nationalpark-Logo: left: 180px; */
	z-index: 3;
	
	border: 0px solid blue;
}

div.menubox
{
	width: 100%;
	height: 20px;
	
	position: absolute;
	top: 105px;
	left: 0px;
	z-index: 1;
	
	background-color: #fece0c;
	
	text-align: left;
	font-size: 11px;
	color: #000;
	
	padding: 5px 0px 0px 135px;
}

div.menupunkte
{	
	width: 100%;
	height: 20px;
	
	position: absolute;
	top: 105px;
	left: 0px;
	right: 100px;
	z-index: 4;
	
	text-align: left;
	font-size: 11px;
	color: #000;
	
	padding: 5px 0px 0px 135px;
}

div.menupunkte img
{
	vertical-align: middle;
}

a.menu_link, a.menu_link:visited
{
	color: #000;
	text-decoration: none;
}

a.menu_link:hover, a.menu_link:active
{
	color: #000;
	text-decoration: underline;
}

div.icons
{
	position: absolute;
	top: 5px;
	right: 140px;
	
	width: 50px;
	height: 25px;
}


/* ***** FRAME - GALERIE - ***** */

div.schatten
{
	width: 100%;
	height: 5px;
	
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	
	background-image: url(pic/schatten.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: fixed;	
}

div.flash
{
	width: 100%;
	height: 180px;
	
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
	overflow: hidden;
	background-color: #000;
	text-align: center;
	
	border: 0px solid red;
}

div.adressbox
{
	width: 100%;
	height: 20px;
	
	position: absolute;
	top: 180px;
	left: 0px;
	
	border: 0px solid darkgreen;
	background-color: #fece0c;
	
	text-align: center;
	font-size: 11px;
	color: #000;
	
	padding: 5px 0px 0px 0px;
}

div.adressbox img
{
	vertical-align: middle;
}

a.box_link, a.box_link:visited
{
	color: #000;
	text-decoration: none;
}

a.box_link:hover, a.box_link:active
{
	color: #000;
	text-decoration: underline;
}


/* ***** FRAME - START (INHALTE) - ***** */

body.start
{
	background-image: url(pic/hintergrund_start.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: fixed;
	
	margin: 25px 50px 25px 50px;
	text-align: center;
}

body.inhalt
{
	background-image: url(pic/hintergrund_start.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: fixed;
	
	margin: 25px 50px 25px 50px;
}

table.pfeile_unten
{
	margin: 25px 0px 10px 0px;
	width: 100%;
}
td.pfeil_left
{
	text-align: left;
	width: 50%;
}
td.pfeil_right
{
	text-align: right;
	width: 50%;
}

a.pfeil_back, a.pfeil_back:visited
{
	font-size: 10px;
	text-decoration: none;
	background-image: url(pic/pfeil_back.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
}

a.pfeil_top, a.pfeil_top:visited
{
	font-size: 10px;
	text-decoration: none;
	background-image: url(pic/pfeil_top.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 0px 15px 0px 50px;
}

a.pfeil_home, a.pfeil_home:visited
{
	font-size: 10px;
	text-decoration: none;
	background-image: url(pic/pfeil_home.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 0px 18px 0px 0px;
}

a.pfeil_back:hover, a.pfeil_back:active, 
a.pfeil_top:hover, a.pfeil_top:active, 
a.pfeil_home:hover, a.pfeil_home:active
{
	text-decoration: underline;
}

/* ***** SCHRIFTFORMATE ***** */

h1
{
	color: #9d2200;
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-size: 24px;
}

h1.willkommen
{
	color: #9d2200;
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 32px;
}

h2
{
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	margin: 45px 0px 20px 0px;
}
h1 + h2
{
	margin-top: 20px;
}

h3
{
	font-weight: bold;
	font-size: 14px;
}

p
{
	line-height: 1.5em;
	margin: 0px 0px 1.5em 0px;
}

a, a:visited
{
	color: #9d2200;
	text-decoration: underline;
}
a:hover, a:active
{
	color: #9d2200;
	text-decoration: none;
}

a img
{
	border: 0px;
}

.bold
{
	font-weight: bold;
}

.hinweis
{
	font-size: 10px;
	font-weight: normal;
}

.slogan
{
	color: #9d2200;
}

.viersterne
{
	white-space: nowrap;
}

img.rahmen
{
	border: 1px solid #fece0c;
	padding: 4px;
	vertical-align: middle;
}

/* Spezielle Formate fuer Startseite */

table.starttext
{
	width: 900px;
	height: 200px;
	
	border: 1px solid #fece0c;
	text-align: left;
}

table.starttext td
{
	width: 300px;
	vertical-align: top;
	padding: 10px 20px;
}

table.starttext td p
{
	width: 260px;
	text-align: justify;
}

table.starttext td p.right
{
	width: 260px;
	text-align: right;
}

p.kleine_bilder
{
	white-space: nowrap;
}

/* Spezielle Formate fuer Ferienwohnungen */

table.ferien
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

table.ferien td.text
{
	vertical-align: top;
	padding: 0px 30px 0px 0px;
}

table.ferien td.bilder
{
	vertical-align: top;
	padding: 60px 0px 0px 0px;
}
/* Spezielle Formate fuer Region */

table.region
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

table.region td.text
{
	vertical-align: top;
	padding: 0px 30px 0px 0px;
}

table.region td.bilder
{
	vertical-align: top;
	padding: 0px 0px 0px 20px;
}

/* Spezielle Formate fuer Anfahrt */

table.anfahrt
{	
	padding: 0px;
	border-collapse: collapse;
}

table.anfahrt td
{	
	vertical-align: top;
}

ul.stern li
{
	list-style-image: url(pic/stern.gif);
	margin-left: 0px;
	line-height: 1.5em;
}

ul.stern li.space
{
	line-height: 2em;
}

ul.normal li
{
	list-style-image: none;
	list-style-type: square;
	margin-left: 0px;
	line-height: 1.8em;
}

img.map24
{
	border: 0px;
	margin-top: 5px;
}

/* Spezielle Formate fuer Partner */

table.partner
{
	width: 75%;
}
table.partner td.partnerbild
{
	width: 30%;
	vertical-align: top;
	padding: 0px 40px 40px 0px;
}
table.partner td.partnertext
{
	width: 70%;
	vertical-align: middle;
	padding: 0px 0px 40px 0px;
}

/* Spezielle Formate fuer Impressum */

table.impressum
{
	width: 50%;
	border: 1px solid #fece0c;
}
td.impr1
{
	font-weight: bold;
	vertical-align: top;
	padding: 5px 20px 10px 10px;
}
td.impr2
{
	font-weight: normal;
	vertical-align: top;
	padding: 5px 20px 10px 5px;
}
td.impr1 p, td.impr2 p
{
	margin-bottom: 0px;
}


/* ***** KONTAKTFORMULAR ***** */

table.kontaktformular
{
	width: 80%;
}
table.kontaktformular td
{
	vertical-align: top;
	text-align: left;
	padding: 0px 10px 5px 0px;
}

td.kont1
{
	font-weight: bold;
}

td.kontakttrenner
{
	vertical-align: top;
	text-align: left;
	padding: 25px 0px 10px 0px;
}
td.kontakttrenner h3
{
	padding: 25px 0px 5px 30px;
	border-bottom: 1px solid #005a1e;
}
td.kontakttrenner h3.oben
{
	padding: 0px 0px 5px 30px;
	border-bottom: 1px solid #005a1e;
}

input.feld /* normales Eingabefeld in Formularen */
{
	background-color: #fff;
	border: 1px solid #005a1e;
	width: 200px;
}

input.feldmini /* ganz kleines Eingabefeld in Formularen */
{
	background-color: #fff;
	border: 1px solid #005a1e;
	width: 40px;
}

input.feldklein /* kleines Eingabefeld in Formularen */
{
	background-color: #fff;
	border: 1px solid #005a1e;
	width: 80px;
}

input.feldmittel /* mittelgrosses Eingabefeld (z.B. Ort) in Formularen */
{
	background-color: #fff;
	border: 1px solid #005a1e;
	width: 150px;
}

input.feldgross /* grosses Eingabefeld in Formularen (News) */
{
	background-color: #fff;
	border: 1px solid #005a1e;
	width: 400px;
}

input.button /* Button in Formularen */
{
	background-color: #005a1e;
	border: 1px solid #fff; 
	color: #fff;
	font-weight: bold;
	height: 30px;
}

textarea.textbox /* Textfeld in Formularen */
{
	background-color: #fff;
	border: 1px solid #005a1e;
	height: 150px;
	width: 400px;
}

.errorfeld, .errorfeldklein, .errorfeldmini, .errortextbox
/* fehlerhafte Felder und Textareas in Formularen */
{
	background-color: #ddd;
	border: 1px solid #9d2200;
}
.errorfeld
{
	width: 200px;
}
.errorfeldklein
{
	width: 80px;
}
.errorfeldmini
{
	width: 40px;
}
.errortextbox
{
	height: 150px;
	width: 400px;
}

.feldsf /* feld, das versteckt wird, als Bot-Schutz */
{
	display: none;
}

.imgsf /* img als Bot-Schutz */
{
	text-align: center;
	vertical-align: text-bottom;
	margin: 0px 0px 0px 10px;
}

.errortext /* Hinweis zu fehlerhaften Feldern */
{
	color: #9d2200;
	font-weight: bold;
}


/* ***** ***** CSS FUER FERIENWOHNUNGEN KRAUS ***** ***** */