/* globale Einstellungen */
/* Überschriften */
/* Absätze, Listen, Beschriftungen */
/* Verweise */
/* Formularelemente */
/* Elemente des Kontaktformulars  */

/** Container **/
/* Seitenkleid */
/** Layout **/
/* Navigation */
/* Navigation: Seitensensitive Abstimmung */
/* Subnavigation: Seitensensitive Abstimmung */


body {
  background: white;
  text-align: center;
  font-size: 100.01%;
  position: relative;
}


/* globale Einstellungen */

body, h1, h2, h3, p, ul, li, label, input, textarea, select, table {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}


/* Überschriften */

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #008040;
  font-weight: normal;
  font-style: italic;
  text-transform: uppercase;
  padding: 0 0 0 0;
}

h1 {
  margin: 0 0 2ex 0;
  font-size: 1.5em;
}

h2 {
  margin: 0 0 2em 0;
  font-size: 1.16em;
  display: none;
}

h3 {
  margin: 1.5em 0 1em 0;
  font-size: 0.95em;
}

h4 {
  margin: 1.5em 0 1em 0;
  font-size: 0.82em;
}


/* Absätze, Listen, Beschriftungen */

p, label, ul {
  overflow: hidden;
  color: #414141;
  font-size: 0.69em;
}

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

.sehrklein {
  font-size: 0.69em;
}

#SiteImpressum p {
  font-size: 0.85em;
}

ul {
  margin: 0;
  padding-left: 1.2em;
  list-style:disc outside;
}

li {
  line-height: 1.5em;
  margin: 0 0 0.5em 0.5em;
  padding-left: 0.5em;
}


/* Verweise */

a:link,
a:visited,
a:active,
a:focus,
a:hover,
a.down {
  font-weight: normal;
  text-decoration: underline;
  color: blue; /* #82BB48; /*#0091D7; /*#FEC10A; /*#0091D7;*/
  outline: none; /* die gepunktete Linie im FF abschalten */
}

a:hover {
  text-decoration: none;
  color: blue; /*#62C400;*/
}

a.int {
  padding: 0 16px 0 0;
  background: url(link04.gif) no-repeat right;
}

a.down {
  padding: 0 0 0 22px;
  background: url(pdfdown.gif) no-repeat left;
  /*color: #804000;*/
}


/* Formularelemente */

form {
  margin: 35px 0 30px 0px;
  padding: 20px 20px 20px 30px;
  background: #f5f5f5; /*url(pictures/form.png) repeat-y;*/
}

form table tr td {
  padding: 0 15px 7px 0;
}
form table {
  margin-bottom: 1ex;
}

form.separat p.error,
form.separat p.JavaFormErrMess {
  padding: 1ex 0;
}

form label {
  color: gray;
  margin: 0 0 7px 0;
  display: block;
}

form label.rechtsliegend {
  display: block;
  margin: -1px 0 0 15px;
  padding: 0 0 0 0;
  float: left;
  white-space: nowrap;
}

form label.sicherung {
  color: gray;
  letter-spacing: 0;
  font-size: 0.85em;
}

p.forminfo {
  margin: 0 0 10px 3px;
  font-size: 0.7em;
}

input.textfeld,
input.password,
textarea,
select {
  font-size: 0.9em;
  margin: 0 0 2px 0;
	padding: 2px;
  width: 400px;
  height: 25px;
  outline-style: none;
  border: solid 1px silver;
  color: #414141;
  background: #fff; /*#008040, Kontrast #F5F5F5*/
}

select {
  height: 25px;
}

input.radio {
  margin: 0 2ex 0 1px;
}
input.checkbox,
input.linksliegend {
  margin: 0 0 0 1px;
  float: left;
  border: solid 1px silver;
  padding: 0 0 0 0;
  background: silver;
}

table.formular {
  margin-bottom: 18px;
}

table.formular td {
  padding-right: 15px;
}

#inputKontaktBetr {width: 425px;}
#inputKontaktMessage {width: 425px; height: 150px;}
#inputKontaktTel {width: 200px;}
#inputKontaktMail {width: 350px;}
#inputKontaktErreich {width: 150px;}

#inputSicherung {width: 100px; font-weight: bold; text-transform: uppercase}

#inputRouteOrt {width: 180px}

#inputBuchungName {width: 180px;}
#inputBuchungVorname {width: 180px;}
#inputBuchungGeburtsdatum {width: 97px;}
#inputBuchungOrt {width: 240px;}
#inputBuchungPlz {width: 100px;}
#inputBuchungStrasse {width: 240px;}
#inputBuchungAnreisetag {width: 97px;}
#inputBuchungAbreisetag {width: 97px;}
#inputBuchungTelefon {width: 240px;}
#inputBuchungEmail {width: 240px;}
#inputBuchungModell {width: 463px;}
#inputBuchungEinzelzimmer {}
#inputBuchungKommentar {width: 463px; height: 120px;}
/*#inputBuchungAGB {}
#inputBuchungVorkasse {}
#inputBuchungName {width: 180px;}
#inputBuchungVorname {width: 180px;}
#inputBuchungGeburtsdatum {width: 97px;}
#inputBuchungOrt {width: 240px;}
#inputBuchungStrasse {width: 240px;}
#inputBuchungAnreisetag {width: 97px;}
#inputBuchungAbreisetag {width: 97px;}
#inputBuchungTelefon {width: 503px;}
#inputBuchungEmail {width: 440px;}
#inputBuchungModell {width: 425px;}
#inputBuchungEinzelzimmer {border: solid 1px red;}
#inputBuchungKommentar {width: 425px; height: 150px;}
#inputBuchungAGB {}
#inputBuchungVorkasse {} */

p.abbtextinfo {
  text-align: center;
}
p.abbtextaufnahme {
  font-size: 0.8em;
}

input.button, input.bildnavi {
  font-size: 0.69em;
  margin-top: 0.5em;
  padding: 3px 3px 3px 3px;
}
input.buttonklein {
  width: 134px;
  font-size: 0.7em;
  line-height: 3ex;
}
input.bildnavi {
  width: 150px;
}


/** Hinweise, Meldungen **/

p.hinweis {
  color: gray;
  border-left: 6px solid #F2F2F2;
  padding-left: 10px;
}

p.hhinweis {
  color: #414141;
  font-size:0.85em;
}

p.hhhinweis {
  color: #414141; /*#D2B48C; /*#00A400;;*/
  font-size:0.85em;
}
p.hhhinweis span {
  font-weight: bold;
}

div.formularhinweis {
  display: none;
}


.versteckt {
  display: none;
}
.error {
  color: red;
}
.errorstrong {
  font-weight: bold;
}
#formularhinweis p {
  color: red;
  font-weight: bold;
}


/** Container **/
/** #Container A: die ganze Bildschirmseite horizontal.
    #Container B: die beschreibt die eigentliche komplette Seite,
    #Kopfleiste: Kopfleiste
    #ContainerRechts: Rechtes Fenster
    #ContainerLinks: Hauptfenster in der Mitte
    #ContainerLinksInhalt: Inhaltsfenster im Hauptfenster in der Mitte
    #Fuss: Tableaux rechts außen **/

/** Kopfleiste **/

/* #kopfleisteUb speziell für Userbereich, #kopfleiste sonst */

/* Seitenkleid */
#containerA {
  background-color: white;
  overflow: auto;
  overflow: hidden;
  margin: 0;
}
#containerB {
  overflow: hidden;
  text-align: left;
  margin: 0 auto 5em auto;
}
#kopfleiste {
  height: 73px;
  margin: 25px 0 25px 0;
  background: url(pictures/titel2.jpg) no-repeat;
}
#containerB, #kopfleiste {
  width: 988px;
}
#containerC {
  margin: 0px 0 0 0;
  z-index: 0;
  background: white;
}
/**

/** Layout **/
/* Layout: Nebenspalte + Hauptspalte */

/**/
/* Layout: dreispaltig */
div.spalte_links,
div.spalte_mitte,
div.spalte_rechts {
  width: 309px;
  margin: 0 30px 0 0;
}
div.spalte_rechts {
  margin: 0;
}
/**/
/* Layout: zweispaltig mit Tabelle */
table.layout_gs tr td.rechts {
  /*padding: 0 25px 0px 25px;*/
  border-right: 1px silver dotted;
  border-left: 1px silver dotted;
}
table.layout_gs tr td.links {
  /*padding: 0 25px 0px 0;*/
}
table.layout_gs tr td.rechts div.innen {
  margin: 0 30px 0px 30px;
}
table.layout_gs tr td.links div.innen {
  margin: 0 30px 0px 0;
}
table.layout_gs,
table.layout_tri {
  margin-bottom: 50px;
}
table.layout_tri tr td.links div.innen {margin: 0 10px 0px 0;}
table.layout_tri tr td.mitte div.innen {margin: 0 5px 0px 5px;}
table.layout_tri tr td.rechts div.innen {margin: 0 0 0px 10px;}
/**/
/****/

/* Navigation */

div.navileiste {
  margin: 0px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  width: 988px;
  height: 65px;
  overflow: visible;
  clear: both;
  z-index: 11;
  border-bottom: #008040 0px solid;
  background: url(pictures/nav_abs.jpg) repeat-x 0px 38px;
}

div.hinternavi {
  width: auto;
  overflow: visible;
  vertical-align: middle;
  top: 2px;
  z-index: 6;
}

div.navi,
div.naviHover,
div.subnavi,
div.navidekor {
  background: #91B99F;
  z-index: 5;
}

div.navidekor {
  border-bottom: white 0px solid;
  z-index: 4;
}

div.navi,
div.naviHover {
  float: left;
  z-index: 1189;
  margin-bottom: -0px;
}
div.naviHover {
  color: #414141;
  background: white;
  margin-top: -0px;
}
div.navi,
div.naviHover,
div.subnavi {
  width: auto;
}

a.navi,
a.navi:link,
a.navi:focus,
a.navi:active,
a.navi:visited,
a.navi:hover,
a.naviHover,
a.naviHover:link,
a.naviHover:focus,
a.naviHover:active,
a.naviHover:visited,
a.naviHover:hover {
  color: #ffffff;
  font-size: 0.82em;
  font-weight: bold;
  text-decoration: none;
  outline: none;
  display: block;
  padding: 10px 10px 10px 10px;
  border-right: white 2px solid;
  border-bottom: white 0px solid;
}

a.naviHover,
a.naviHover:link,
a.naviHover:focus,
a.naviHover:active,
a.naviHover:visited,
a.naviHover:hover {
  color: #414141;
  background: silver;
}
a.navi:hover,
a.naviHover:hover {
  color: white;
  background: #008040;
}

div.subnavi {
  border-bottom: white 2px solid;
}

div.subnavi a,
div.subnavi a:link,
div.subnavi a:focus,
div.subnavi a:active,
div.subnavi a:visited,
div.subnavi a:hover {
  font-size: 0.82em;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  outline: none;
  display: block;
  padding: 6px 6px 6px 10px;
}

div.subnavi a:hover {
  color: white;
  background: #008040;
  border-bottom: 0;
}


/* Navigation: Seitensensitive Abstimmung */

#site_start #navstart a.navi,
#site_start #navstart a.naviHover,
#site_vorwort #navstart a.navi,
#site_vorwort #navstart a.naviHover,
#site_freiesfahren #navstart a.navi,
#site_freiesfahren #navstart a.naviHover,
#site_guides #navstart a.navi,
#site_guides #navstart a.naviHover,
#site_koda #navkontakt a.navi,
#site_koda #navkontakt a.naviHover,
#site_kofo #navkontakt a.navi,
#site_kofo #navkontakt a.naviHover,
#site_details #navdetails a.naviHover,
#site_details #navdetails a.navi,
#site_vorauss #navdetails a.naviHover,
#site_vorauss #navdetails a.navi,
#site_bilder #navdetails a.naviHover,
#site_bilder #navdetails a.navi,
#site_preise #navpreise a.naviHover,
#site_preise #navpreise a.navi,
#site_forma #navpreise a.naviHover,
#site_forma #navpreise a.navi,
#site_formb #navpreise a.naviHover,
#site_formb #navpreise a.navi,
#site_agb #navpreise a.navi,
#site_agb #navpreise a.naviHover,
#site_links #navlinks a.navi,
#site_links #navlinks a.naviHover,
#site_kritiken #navkritiken a.navi,
#site_kritiken #navkritiken a.naviHover,
#site_fahrtechnik #navfahrtechnik a.navi,
#site_fahrtechnik #navfahrtechnik a.naviHover,
#site_impressum #navimpressum a.navi,
#site_impressum #navimpressum a.naviHover {
  background: #008040;
  border-bottom: 0px #008040 solid;
  color: #F0FFF8; /*#C1FF84;*/
  font-weight: bold;
}

/* Subnavigation: Seitensensitive Abstimmung */

#site_start #subnavstart a,
#site_vorwort #subnavvorwort a,
#site_freiesfahren #subnavfreiesfahren a,
#site_guides #subnavguides a,
#site_koda #subnavkoda a,
#site_kofo #subnavkofo a,
#site_details #subnavdetails a,
#site_vorauss #subnavvorauss a,
#site_bilder #subnavbilder a,
#site_preise #subnavpreise a,
#site_forma #subnavforma a,
#site_formb #subnavformb a,
#site_kritiken #subnavkritiken a,
#site_fahrtechnik #subnavfahrtechnik a,
#site_agb #subnavagb a {
  background: #008040;
  color: white; /*#C1FF84;*/
  border-bottom: 2px #008040 solid;
}


.FormError p {
  color: red;
}


#abbildung {
  height: 341px;
  width: 550px;
  margin: 3ex 0px 0.5ex 0;
  /*border: 1px solid silver;*/
  text-align: center;
  vertical-align: center;
}

#abbildungstext {
  margin: 2ex 0 2ex 0;
  /*border: 1px solid silver;*/
  /*font-size: 1em;*/
}


#thumbnails {
  margin: 1.5ex -15px 0ex 0;
  clear: both;
  /*border: silver 1px solid;*/
}





#ContainerThumbnails {
  /*margin: 2ex -15px 3ex 0px;*/
  /*border-left: #F2F2F2 10px solid;
  border-right: #F2F2F2 10px solid;
  padding-left: 13px;*/
}


#thumbnailNavi {
  margin: 0 0 1ex -4px;
}


div.thumbnail,
div.thumbnailaktiv {
  position: relative;
  background: center no-repeat;
  float: left;
  margin: 0 6px 6px 0;
  border: silver 1px solid;
  padding: 0px;
  overflow: hidden;
}

div.thumbnailaktiv {
  border: #804000 1px solid;
  background-color: #D2B48C;
}

div.thumbnail img, div.thumbnailaktiv img {
  height: 50px;
  width: 50px;
  border: none;
}

div.imgdiv {
  position: relative;
  height: 50px;
  width: 50px;
  margin: 2px;
  overflow: hidden;
}

p.hdiTitel {
  padding: 0;
  margin: 0 0 1ex 0;
}

p.hdiBox {
  margin: 0 0 1ex 0;
  padding: 1px 3px 3px 3px;
  background-color: gray;
}

p.hdiAbb {
  margin: 0 0 1ex 0;
  border: 0px solid gray;
  padding: 0;
}

p.hdiAbb img {
  border: none;
  padding: 0;
  margin: 0;
}

p.hdiAdresse {
  clear: both;
  margin: 0 0 0 0;
  padding: 0;
}


.topline {
  border-top: #F2F2F2 1px solid;
  padding-top: 20px;
  margin-top: 20px;
}

.marke {
  color: #00A400;
  font-weight: normal;
  font-size: 1em;
}

p.separator {
  margin: 20px 0 20px 0;
  border-top: #F2F2F2 1px solid;
}

p.kontaktdaten {
  font-weight: normal;
  line-height: 1.5em;
}

#gmap {
  width: 546px;
  height: 546px;
  margin: 3ex 2px 2ex 2px;
  border: 1px solid silver;
}

table.routenpunkt, table.routestart {
  margin: 0;
  padding: 0;
  font-size: 0.82em;
  overflow: hidden;
  color: #414141;
}


img.seitengalerie {
  border: silver 1px solid;
  width: 350px;
  height: 211px;
}

p.seitengalerie {
  margin-bottom: 3ex;
  color: #91B99F;
  font-size: 0.69em;
  font-style: italic;
}


img.uvibild {
  float: left;
  margin: 4px 10px 20px 1px;
  border: none;
  width: 175px;
  height: 175px;
}

ul.uviliste {
  float: right;
  list-style:disc inside;
  margin-bottom: 0px;
  font-size: 0.85em;
}


div.hooverdiv {
  position: relative;
  background-color: #414141;
  color: white;
  font-size: 0.85em;
  border: 2px #FFD700 solid;
  padding: 3px;
  /*opacity: 0.8;
  -moz-opacity:0.8;
  filter:alpha(opacity=0.2);*/
}


div.hooverdiv p {
  color: white;
  font-size: 1em;
}

div.hooverdiv ul li {
  color: white;
  font-size: 1em;
}

div.hooverdiv a {
  color: #FFD700;
}

#selectWW {
  margin: 1ex 0 1ex 1px;
  width: 338px;
}
#selectWW select {
  margin: 0ex 0px;
  font-size: 0.9em;
  width: 338px;
}
#selectWW label {
  color: gray;
  margin: 0 0 8px 0;
  display: block;
}

table.wroute, table.detailstufe {
  margin: 0;
  padding: 0;
  font-size: 0.85em;
  overflow: hidden;
  color: #414141;
  border-collapse: collapse;
}

table.wroute tr td, table.detailstufe tr td {
  border-top: 1px solid rgb(205, 205, 205);
  margin: 0px;
  padding: 0.3em 3px 0.3em 0;
  vertical-align: top;
}

table.wroute tr td.routenname {
  padding: 0.3em 3px 0.3em 0;
  width: 100%;
}

table.wroute tr td.routenlaenge {
  padding: 0.3em 3px 0.3em 0.5em;
  text-align: right;
  white-space: nowrap;
}


table.wroute label, table.detailstufe label {
  font-size: 0.82em;
  cursor: pointer;
  /*border: 1px solid green;*/
}

table.wroute input, table.detailstufe input {
  position: relative;
  height: 14px;
  margin: 0px 0.25em 0px 0;
  padding: 0;
  /*border: 1px solid red;*/
}




table.einrListe {
  margin: 0 0 0 1px;
  border-collapse: collapse;
  font-size: 0.8em;
  border-left: 2px solid #FFD700;
}

table.einrListe tr td.startposten {
  border-top: 1px solid rgb(205, 205, 205);
  margin: 0px;
  padding: 0.3em 3px 0.3em 1ex;
  vertical-align: top;
  text-align: left;
  white-space: nowrap;
}

table.einrListe tr td.posten {
  border-top: 1px solid rgb(205, 205, 205);
  margin: 1px;
  padding: 0.3em 3px;
  vertical-align: top;
  text-align: left;
}

table.einrListe tr td.schlussposten {
  border-top: 1px solid rgb(205, 205, 205);
  margin: 0px;
  padding: 0.3em 3px;
  vertical-align: top;
  width: 100%;
}

p.einrAbschnitt {
  margin-top: 2ex;
  margin-bottom: 1ex;
  font-size: 0.8em;
  font-weight: bold;
  /*color: #FFD700;*/
}




#site_impressum p span {
  font-weight: bold;
  color: #008040;
}


div.portrait {
  width:250px;
}
div.portrait div {
  width:250px;
  height:270px;
  overflow: hidden;
}
div.portrait div img {
  border: none;
}
div.portrait p {
  margin-top: 0.5em;
  color: #F1ABB8;
  font-size: 0.69em;
  font-style: italic;
  text-align: center;
}
div.portraitA {
  width:125px;
}
div.portraitA div {
  width:125px;
  height:140px;
  overflow: hidden;
}
div.portraitA div img {
  border: none;
}
div.portraitA p {
  margin-top: 0.5em;
  color: #414141;
  font-size: 0.69em;
  font-style: italic;
  text-align: center;
}

a.abbRechts img {
  width: 337px;
}

img.vhlogo {
  margin-right: 4px;
  margin-bottom: 0px;
}

#startbild {
  overflow: visible;
  margin: 1em 0 1em 0;
}
#startbild img {
  border: none;
}

table tr td.preise {
  border-top: 1px solid rgb(205, 205, 205);
  margin: 0;
  padding: 0.3em 4em 0.3em 0px;
  vertical-align: top;
  text-align: left;
  font-size: 0.82em;
}

/*

navileiste hinten: #91B99F;
element gewählt #008040;
element aktiv #008040;

/* Spezielle Vorgabewerte

bei body-font-size: 100.1%

10px~=0.63em 11px~=0.69em 12px~=0.75em 13px~=0.82em 14px~=0.88em 15px~=0.93em 16px~=1em 17px~=1.06em 18px~=1.12em
19px~=1.19em 20px~=1.25em 21px~=1.32em 22px~=1.38em 23px~=1.44em 24px~=1.5em 25px~=1.56em 26px~=1.63em 27px~=1.69em
28px~=1.75em 29px~=1.82em 30px~=1.88em 31px~=1.94em 32px~=2.01em

*/