/* styles zu Garni Hotel Am Heljerhaisje
/* inhalt:
/* body, html
/* wrapper
/* adresse
/* header -- header mit Logo
/* secnavi -- sekundäre Navi unter dem Header
/* navi -- Hauptnavi links mit Buchungsformular
/* inhalt
/* footer -- Spalte mit Copyright kontakt Impressum
/* textformatierungen -- hx, hr, tabelle, formulare etc.


/* layout / grundelemente / container ---------------------------------- */
/* body ---------------------------------------------------------------- */
html {
	width: 100%;
	height: 100%;
}

body
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;

	font-family: arial, helvetica, sans-serif;
         line-height: 1.4em;
         font-size: 12pt;
         letter-spacing: 1px;

         color: #1303A;

	background: #fff;
}

/* wrapper --------------------------------------------------------------*/
#wrapper {
	margin: auto;
 	width: 781px;
}

/* adresse  --------------------------------------------------------------- */
#adresse {
        margin: 28px 0 0 120px;
        padding: 0;
        width: 300px;
        height: 100px;
}

#adresse ul
{
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	height: 19px;
}

#adresse li
{
	margin: 0 0 0 18px;
	padding: 2px 20px 2px 0px;
         display: block;
         color: #000;
         line-height: 17px;
}

/* header -------------------------------------------------------------- */
#header
{
        position: absolute;
        top: 50px;
        left: -20px;
        margin: 0px 0 0 0;
        padding: 0px;
        height: 144px;
}

/* logo ---- */
img.logo {
	margin:  18px 0px 0px 40px;
}

/* second navigation --------------------------------------------------- */
#secnavi
{
	display: none;
}

/* content ------------------------------------------------------------- */
#content {
         margin: 10px 0 0 1px;
         padding: 0px 7px 0px 7px;
         width: 746px;

         background-color: #fff;
         border: 0px solid #FFC824;
}

/* navi ---------------------------------------------------------------- */
#navi {
	display: none;
}

select {
	padding:0px;
         color: #BE3B19;
         background-color: #fff;
         border: solid 1px #FF9D00;
         margin-bottom: 10px;
}
select.tag {
	width: 40px;
}
select.monat {
	width: 80px;
}
select.jahr {
	width: 55px;
}

.center {
	text-align: center;
}

.form_feld {
         margin: 0;
         padding: 1px 4px 1px 4px;
         color: #BE3B19;
         font-size: 12px;
         font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
         line-height: 1.4em;
         letter-spacing: 1px;
         background-color: #fff;
         border: solid 1px #FF9D00;

}

/* inhalt -------------------------------------------------------------- */
#inhalt {
	margin: 0;
	padding: 0px 35px 20px 0px;
	background-color: #fff;
         min-height: 400px;

}

/* footer -------------------------------------------------------------- */
#footer {
	display: none;
}



/* textformatierungen -------------------------------------------------- */
/* überschriften-------------------------------------------------------- */
h1 {
   	margin: 0;
         padding: 24px 0 0 0;
	font-size: 18pt;
	font-weight: bold;
         font-family: "Times New Roman", serif;
         color: #BE3B19;
         clear: right;
}

h2 {
	margin: 10px 0 0 0;
   	padding-left: 0;
   	font-size: 14pt;
         font-family: "Times New Roman", serif;
         font-weight: bold;
	color: #000;
}


h3 {
	margin: 2px 0 0 0;
	font-size: 12pt;
	font-weight: bold;
	color: #369;
}

/* links  -------------------------------------------*/
a {
	color: #000;
         text-decoration: none;
}

#inhalt a:hover {
	color: #fff;
         background-color: #BE3B19; /*#f90;*/
}

a:visited {
	color: #000;
}

/* bilder  -------------------------------------------*/
a img {
	border: 0px;
}

#hotelbilder {
 	width: 265px;
 	float: right;
         margin: 15px 0px 7px 10px;
}

img.hotelbild {
	float: right;
	padding: 0px;
         margin: 15px 0 7px 10px;
	border: 1px solid #FFC95D;
}

img.zimmerbild {
	padding: 0px;
         margin: 0 0 1px 0;
	border: 1px solid #FFC95D;
}

img.bild {
	float: right;
	padding: 0px;
         margin: 15px 5px 0 7px;
}

img.bild2 {
	float: right;
	padding: 4px;
         margin: 15px 5px 1px 7px;
	border: 1px solid #FFC95D;
}

/* absätze -------------------------------------------*/
p {
        margin: 5px 0 0 0;
        padding: 5px 0 0 0; /*orul*/
}

.hide {
	display: none;
}

.hidehotel {
	display: block;
}

span.klammer {
         font-size: 69%;
         letter-spacing: 0px;
         line-height: 1em;
}

span.rot {
	color: #fff;
         background-color: #BE3B19;
}
/*addressen*/
address{
	font-style: normal;

}

/* liste */
#inhalt ul {
        margin: 0px 0 0 15px;
        padding: 0px 0 0 0;

}

/*kontaktformular -------------------------------------------*/
#inhalt input, #inhalt textarea {
        letter-spacing: 1px;
        background-color: #fff;
        border: 1px solid #000;
}
#inhalt form {
	border: 0px solid #FFC95D;
         margin-top: 20px;
         padding: 20px 20px 10px 20px;
}
#inhalt form dt {
	margin: 0;
	padding: 0;
         width: 99%;
}

#inhalt form dl{
	margin: 0 0 40px 0;
	padding: 0;
         width: 99%;
}

#inhalt form dd {
	margin: 3px 0 15px 0;
}
#inhalt select {
	margin: 0px;
	color: #000;
}
#form_mitteilung, #form_name, #form_firma, #form_kontakt,
#form_mailcopy, dl.dbform input, dl.dbform textarea,
#form_abteilung, #form_name, #form_vorname, #form_strasse,
#form_telefon, #form_telefax, #form_email,
#form_anreise, #form_abreise
{
	width: 440px;
}
#form_szimmer, #form_kzimmer, #form_dzimmer,
#form_sappartement, #form_kappartement, #form_dappartement
{
	width: 40px;
}
#form_ort
{
	width: 390px;
}
#form_plz
{
	width: 40px;
}


dl.dbform {
	display: block;
}

#inhalt .senden {
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
}

#inhalt input:focus, #inhalt textarea:focus, #inhalt checkbox:focus {
	background-color: #000;
}


/* orange Tabelle für Preise -------------------------------------------  */
.dunkelgelb {
	background-color: #fff;
}

.hellgelb {
	background-color: #fff;
	border: 0;
	margin: 0;
	padding: 0px;
}

#inhalt table {
	background-color: #fff;
	border: 1px solid #000;
         margin: 10px 0px 5px 0px;
}

#inhalt td {
	padding: 5px 15px 5px 10px;
	vertical-align: top;
	border: 1px solid #000;
	width: 250px;
}

#inhalt tr {
	border: 1px solid #000;
}

/*routenplaner -------------------------------------------*/
.routenplaner {
	display: none;
}