/* 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: #D60141;
  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.69em;
}

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(pictures/link04.gif) no-repeat right;
}

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


/* Formularelemente */


form {
  margin: 35px 0 30px 0px;
  padding: 20px 20px 20px 30px;
  background: url(pictures/form.jpg) 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 8px 0;
  display: block;
}

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

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

input.textfeld,
input.passwort,
textarea,
select {
  font-size: 0.82em;
  margin: 0 0 2px 0;
	padding: 2px;
  width: 400px;
  outline-style: none;
  border: solid 1px silver;
  color: #414141;
  background: #FFF;
}

input {
  height: 25px;
}
select {
  height: 25px;
}

input[type="radio"] {
  margin: 0 2ex 0 1px;
}


/* Elemente des Kontaktformulars  */

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: 220px}

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: 15px 0 10px 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 #f2f2f2 solid;
  border-left: 1px #f2f2f2 solid;
}
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: #D60141 0px solid;
  background: url(pictures/form_ortho.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: #F1ABB8;
  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: #D60142;
}

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: #D60142;
  border-bottom: 0;
}


/* Navigation: Seitensensitive Abstimmung */

#site_start #navstart a.navi,
#site_start #navstart a.naviHover,
#site_angebot #navstart a.navi,
#site_angebot #navstart a.naviHover,
#site_team #navstart a.navi,
#site_team #navstart a.naviHover,
#site_kaufservice #navstart a.navi,
#site_kaufservice #navstart a.naviHover,
#site_bauphase #navstart a.navi,
#site_bauphase #navstart a.naviHover,
#site_kontakt #navkontakt a.navi,
#site_kontakt #navkontakt a.naviHover,
#site_anfahrt #navkontakt a.navi,
#site_anfahrt #navkontakt a.naviHover,
#site_links #navlinks a.navi,
#site_links #navlinks a.naviHover,
#site_impressum #navimpressum a.navi,
#site_impressum #navimpressum a.naviHover {
  background: #D60141;
  border-bottom: 0px #D60141 solid;
  color: #FFEAF1; /*#C1FF84;*/
  font-weight: bold;
}

/* Subnavigation: Seitensensitive Abstimmung */

#site_start #subnavstart a,
#site_team #subnavteam a,
#site_bauphase #subnavbauphase a,
#site_kaufservice #subnavkaufservice a,
#site_angebot #subnavangebot a,
#site_kontakt #subnavkontakt a,
#site_anfahrt #subnavanfahrt a {
  background: #D60141;
  color: white; /*#C1FF84;*/
  border-bottom: 2px #D60141 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;*/
}


input.bbutton, input.bbuttonklein {
  font-size: 0.85em;
  padding: 2px;
  background-color: #D60142;
  color: #D60141; /*#D60141, Kontrast #FFEAF1, Rahmenfarbe #D60142*/
  margin-top: 1.5ex;
  border: 2px solid #D60141;
}

input.bbuttonklein {
  font-size: 0.9em;
  padding: 0px;
}

#SiteAnfahrt table.buttons tr td {
  padding: 0 7px 7px 0;
}


#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: #F1ABB8;
  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;
  letter-spacing: 1px;
  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: #D60141;
}


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;
  margin-left: -65px;
}
div.portraitA p {
  margin-top: 0.5em;
  color: #F1ABB8;
  font-size: 0.69em;
  font-style: italic;
  text-align: center;
}


a.abbRechts img {
  width: 337px;
}

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


/*

navileiste hinten: #F1ABB8;
element gewählt #D60142;
element aktiv #D60141;

/* 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

*/