/* CSS bio-unterkuenfte.de XHTML-Strict */
/* ------------------------------------ */

/* ----- Grundstruktur -------- */
html {
position: relative; top: 0;
width: 100%; height: 100%;
font-family: Verdana, sans-serif;
font-size: 12px;
line-height: 18px;
color: #016d42;
overflow-y: scroll;
background: #7cb134 url(bg-top.gif) repeat-x center top;
border: 0;
margin: 0; padding: 0;
}
body { 
position: relative; top: 0;
width: 1000px; height: 100%;
margin: 0 auto;
background: #7cb134 url(bg-content.gif) repeat-y center top;
padding: 0;
}
img { border: 0; margin: 0; padding: 0; vertical-align: bottom; /* vermeidet den Abstand unterhalb img, da Standardwert: baseline */ }
.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; margin: 0; padding: 0; }


#header, #nav, #subnav, #content, #footer {
width: 1000px;
margin: 0;
padding: 0;
}
#header { 
position: relative; top: 0;
z-index: 0;
height: 250px; 
}
#nav { 
position: relative; top: 0; left: 0;
z-index: 0;
background-color: #1d76bc; 
}
#content { 
position: relative; top: 20px;
z-index: 0;
background-color: #edf6e0;
color: #016d42;
}
#footer { 
width: 950px;
font-size: 10px;
background-color: #edf6e0;
padding: 15px 25px 5px 25px; 
margin: 0;
}
#footer p { 
padding: 0;
text-align: right;
}

/* header: */
#header-left, #bild, #kontakt {
height: 250px;
margin: 0;
padding: 0;
float: left;
}
#header-left {
position: relative; 
z-index: 0;
width: 300px; 
background-color: #fff;
}
#bild { 
position: relative; left: 0;
z-index: 0;
width: 520px; 
}
#kontakt { 
position: relative; left: 0;
z-index: 0;
width: 180px; 
padding: 0 0 0 0;
background: #e3f1ce;
}
#kontakt.baum { background: #e3f1ce url(home-bg-kontakt.jpg) no-repeat top left; }
/* ----- end Grundstruktur -------- */


/* Headerbereich: */
#topnav-left {  
height: 20px;
background: transparent;
}
#topnav-left { 
position: absolute; z-index: 1;
padding-left: 25px; 
}
#header a.topnav { 
display: block; 
color: #1d76bc;
text-decoration: none;
font-size: 11px;
}
#topnav-left a.topnav { 
float: left;
padding: 10px 18px 0 0; 
}
#header a.topnav:hover { text-decoration: underline; }
#logo {
position: absolute; z-index: 0;
left: 30px; top: 40px;
background: transparent;
}
#header #slogan { 
position: absolute; top: 180px;
z-index: 0;
color: #80b735;
font-size: 17px;
font-family: Corbel, Calibri, Candara, "Segoe UI", "Arial Narrow Bold", sans-serif;
padding: 0 0 0 25px;
}
#header #language {
position: absolute; top: 214px;
z-index: 0;
padding: 0 0 0 25px;
margin: 10px 0 0 0;
}
#header a { padding: 0; }
#header a.language img, #header a.languageon img { 
border: 2px solid #fff;
width: 23px; height: 14px;
margin-right: 2px;
}
#header a.language:hover img, #header a.languageon img { 
border-color: #015836;
border-color: #7cb134;
width: 23px; height: 14px;
margin-right: 2px;
}
#kontakt p {
font-size: 11px; line-height: 16px;
margin: 0 18px;
}
#kontakt p.adresse {
font-size: 9px; line-height: 13px;
padding-top: 3px;
}
#kontakt form {
position: absolute;
top: 122px;
}
#kontakt form, #kontakt form fieldset, #kontakt form p, #aktion form, #aktion form fieldset, #aktion form p {
border: 0; padding: 0; margin: 0;
}
#kontakt input {
font-family: Corbel, Calibri, Candara, "Segoe UI", "Arial Narrow Bold", Tahoma, sans-serif;
font-size: 14px;
line-height: 20px;
color: #fff;
width: 180px;
height: 28px;
padding: 2px 4px 4px 4px;
background-color: #1d76bc;
border-top: 1px solid #1d76bc;
border-bottom: 1px solid #1d76bc;
border-left: 0;
border-right: 0;
cursor: pointer;
}
#kontakt input:hover {
background-color: #d0e4db;
color: #1d76bc;
}
#kontakt p#hinweis { 
position: absolute; top: 158px;
font-family: Verdana, sans-serif;
font-size: 9px;
line-height: 12px;
color: #1d76bc;
margin: 0 12px 0 18px;
}
#kontakt p.h1 {
font-family: Corbel, Calibri, Candara, "Segoe UI", "Arial Narrow Bold", Tahoma, sans-serif;
font-size: 18px;
font-weight: bold;
margin: 10px 0 5px 18px;
}
#kontakt p.www { line-height: 12px; }
#kontakt a {
font-family: Verdana, sans-serif;
font-weight: bold;
font-size: 10px;
color: #1d76bc;
text-decoration: none;
}
#kontakt a:hover { text-decoration: underline; }


/* Navigation: */
/* ------------------------ */
/* Unterschiedliche Werte für die verschiedene Sprachen! */
#nav ul, #subnav ul {
margin: 0 0 0 16px;
padding: 0;
list-style-type: none;
}
#nav ul li, #subnav ul li {
display: inline;
}
#nav a.de, #nav a.deon, #nav a.fr, #nav a.fron, #nav a.deoff, #nav a.froff  {
font-family: Corbel, Calibri, Candara, "Segoe UI", "Arial Narrow Bold", sans-serif;
font-weight: bold;
font-size: 15px;
line-height: 38px;
color: #fff;
background-color: #1d76bc;
text-decoration: none;
display: block;
float: left;
padding: 1px 11px 1px 10px;
margin: 0 1px 0 0;
height: 38px;
}
#nav a.fr, #nav a.fron, #nav a.froff { 
padding: 1px 12px 1px 11px;
}
#nav a.deon, #nav a:hover, #nav a.fron {
background-color: #d0e4db;
color: #1d76bc;
}
#nav a.froff, #nav a.deoff, #nav a.froff:hover, #nav a.deoff:hover {
color: #5698cd;
cursor: text;
}
#nav a.froff:hover, #nav a.deoff:hover {
background-color: #1d76bc;
}
#subnav { 
position: relative; top: 0;
z-index: 0;
height: 30px;
background-color: #d0e4db;
}
#subnav a, #subnav a.on { 
font-family: Corbel, Calibri, Candara, "Segoe UI", "Arial Narrow Bold", Tahoma, sans-serif;
font-size: 14px;
color: #1d76bc;
background-color: #d0e4db;
text-decoration: none;
display: block;
float: left;
margin: 0 1px 0 0;
padding: 6px 20px 3px 20px;
}
#subnav a:hover, #subnav a.on { 
text-decoration: underline;
}


/* Content: */
/* -------------- */
#content p, #content ul {
margin: 0;
padding: 0 0 12px 0;
}
#content ul { margin-left: 18px; }
#content p.teaser {
font-size: 14px;
color: #6f9e2e;
font-weight: normal;
font-family: Corbel, Calibri, Candara, "Segoe UI", "Arial Narrow Bold", Tahoma, sans-serif;
}
#content ul.hrefs {
margin-left: 0;
list-style-type: none;
}
#content ul.hrefs li {
line-height: 17px;
font-size: 11px;
}
#content a, #content a.on, #header #bild a {
color: #1d76bc;
text-decoration: none;
font-weight: bold;
}
#header #bild #bildtxt a { font-weight: normal; }
#content a:hover, #content a.on, #header #bild a:hover {
text-decoration: underline;
}
#content ul.hrefs a { font-size: 11px; }
#content h1 { 
font-family: Corbel, Calibri, Candara, "Segoe UI", "Arial Narrow Bold", Tahoma, sans-serif;
font-size: 22px; 
line-height: 26px;
font-weight: normal;
padding: 0;
margin: 0 0 15px 0;
background-color: #edf6e0;
}
#content h2 {
font-family: Corbel, Calibri, Candara, "Segoe UI", "Arial Narrow Bold", sans-serif;
font-size: 16px; 
color: #80b735;
padding: 0;
margin: 0 0 10px 0;
}
#content h2.fliesstext { 
font-size: 12px;
margin: 2px 0;
}
#content p.klein {
font-family: Verdana, sans-serif;
font-size: 10px;
line-height: 14px;
margin: 0 0 12px 0;
padding: 0;
}
#content #regionen p b {
font-weight: normal;
color: #80b735;
}

/* 2-spaltig */
#content-links { 
font-size: 11px;
width: 322px;
margin: 0 15px 0 0;
padding: 0 0 0 25px;
float: left;
background-color: #edf6e0;
}
#content-links.schmal { 
width: 275px;
}
#content-rechts { 
font-size: 11px;
width: 603px;
margin: 0 0 0 0;
padding: 0 25px 0 10px;
float: left;
}
#content-rechts.zuschmal {
width: 650px;
padding: 0 25px 0 10px;
}
#content-links b, #content-rechts b { color: #80b735; }
/* Button im Text: */
/* -------------------------- */
#aktion {
width: 950px;
padding: 5px 25px;
}
#aktion a { 
font-family: Corbel, Calibri, Candara, "Segoe UI", "Arial Narrow Bold", Tahoma, sans-serif;
font-size: 14px;
line-height: 20px;
display: block;
background: #1d76bc url(button-blau-bg.gif) no-repeat left top;
height: 20px;
width: 186px;
color: #fff;
padding: 3px 4px 5px 10px;
margin: 0 0 3px 0;
}
#aktion a:hover {
background: #1d76bc url(button-blau-invers-bg.gif) no-repeat left top;
color: #1d76bc;
text-decoration: none;
}
* html #aktion form p { text-align: right; }
#aktion input {
font-family: Corbel, Calibri, Candara, "Segoe UI", "Arial Narrow Bold", Tahoma, sans-serif;
font-size: 14px;
line-height: 20px;
color: #fff;
width: 200px;
height: 28px;
border: 0;
padding: 2px 0 4px 0;
background: #1d76bc url(button-blau-bg.gif) no-repeat left top;
cursor: pointer;
}
#aktion input:hover {
background: #d0e4db url(button-blau-invers-bg.gif) no-repeat left top;
color: #1d76bc;
}



/* -------------------------- */
/* Boxen */
/* -------------------------- */
#content div.infobox {
background-color: #edf6e0;
color: #000;
font-size: 11px;
padding: 10px 0 0 0;
margin: 0 0 15px 0;
}
#content div.box {
margin-bottom: 8px;
width: 216px;
padding-bottom: 18px;
background: #edf6e0 url(box-bg.gif) no-repeat left bottom;
}
#content div.box h2 { 
font-size: 14px;
margin: 0 0 6px 0;
height: 25px;
padding: 8px 20px 2px 20px;
color: #edf6e0;
background: #80b735 url(box-oben.gif) no-repeat left top;
}
#content div.box p { 
font-size: 11px;
line-height: 14px;
padding: 5px 8px 5px 18px;
}

/* Boxen  für schnellen Überblick (Unterkunft) */
/* -------------------------------------- */
#content div.box-oneview {
width: 294px;
padding: 0;
margin: 0 0 12px 0;
float: left;
background: #edf6e0 url(box-oneview-bg.gif) repeat-y left top;
}
#content div.box-oneview h2 {
font-size: 13px;
margin: 0;
padding: 10px 12px 0 16px;
height: 20px;
background: #edf6e0 url(box-oneview-top.gif) no-repeat left top;
}
#content div.box-oneview h2.box {
background: #edf6e0 url(box-oneview-bg.gif) repeat-y left top;
padding: 5px 12px 0 16px;
margin: 0;
}
#content div.box-oneview p { 
font-size: 11px;
margin: 0;
padding: 5px 12px 0 16px;
}
#content div.box-oneview p.boxende { 
font-size: 8px;
height: 30px;
margin: 0; padding: 0;
background: #edf6e0 url(box-oneview-bottom.gif) no-repeat left top;
}
#content div.box-oneview ul {
list-style-type: bullet;
margin: 0 12px 6px 34px;
padding: 0;
}
#content div.box-oneview table {
margin: 0 12px 0 16px;
}
#content div.box-oneview table td {
margin: 0;
padding: 0 16px 0 0;
}
/* -------------------------------------- */

/* Liste für Übersichtseiten */
/* -------------------------- */
#content div.liste { 
width: 620px;
position: relative; top: 0;
height: 154px;
background: #edf6e0 url(box-liste-bg.gif) no-repeat left top;
margin: 0 0 12px 0;
padding: 14px;
}
#content div.liste img.liste {
display: block;
float: left;
margin: 0 14px 0 0;
}
#content div.liste div.textbereich { 
position: relative; top: 0;
z-index: 0;
height: 135px;
width: 365px;
float: left;
margin: 0;
padding: 0;
overflow: hidden;
}
#content div.liste h2, #content div.liste p { 
margin: 0 0 5px 0;
padding: 0;
}
#content div.liste h2 { 
font-family: Corbel, Calibri, Candara, "Segoe UI", "Arial Narrow Bold", Tahoma, sans-serif;
font-size: 17px;
}
#content div.liste h2 a { color: #016d42; }
/* Bereich für Labels, später ergänzen */
#content div.liste div.piktos { 
width: 60px;
height: 135px;
float: right;
}
#content div.liste div.piktos img { 
float: right; 
margin: 0 0 6px 6px;
}
#content div.liste p.teaser { 
position: relative; top: 0;
z-index: 0;
font-size: 11px;
}
#content div.liste p.link {
margin: 0;
padding: 0;
width: 442px; 
position: relative; left: 189px; top: -23px;
z-index: 1;
text-align: right;
background: transparent;
}
* html #content div.liste p.link { margin-bottom: -40px; }
#content div.liste p.link a { 
display: block; 
height: 26px;
padding: 14px 38px 0 0;
}
/* -------- end Liste--------- */


/* Tipp für Homepage */
/* ---------------------------- */
#content #tipp {
width: 214px; 
}
#tipp p {
margin: 0;
font-size: 11px;
line-height: 15px;
background: #edf6e0 url(box-tipp-bg.gif) repeat-y left top; 
padding: 2px 17px 0 17px; 
}
#tipp h2 { 
font-family: Corbel, Calibri, Candara, "Segoe UI", "Arial Narrow Bold", Tahoma, sans-serif;
font-size: 16px;
line-height: 14px;
color: #01613a;
margin: 0;
height: 32px;
padding: 24px 5px 0px 50px;
background: #edf6e0 url(box-tipp-oben.gif) no-repeat left top;
}
#tipp a {
display: block;
text-align: right;
color: #fff;
margin: 0;
height: 26px;
padding: 24px 10px 0px 0px;
background: #1d76bc url(box-tipp-unten.gif) no-repeat left top;
}
/* ------ end Tipp ----------- */


/* Reiseseite, Thumbs, Piktos: */
/* --------------------------- */
#bild #thumbs {
position: absolute; left: 0; top: 0; 
z-index: 1; 
width: 58px; 
height: 235px; 
margin: 0; 
padding: 10px 0 5px 4px; 
background: transparent url(bg-trans-blassgruen.png) repeat left top; 
}
* html #bild #thumbs { background-color: #edf6e0; }
#bild #thumbs a, #bild #thumbs a.on { 
display: block;
width: 50px; height: 50px;
margin: 0 0 5px 0; 
padding: 0;
border: 2px solid #1d76bc; 
}
#bild #thumbs a.on, #bild #thumbs a:hover { 
border: 2px solid #fff;
}
#bild #bildtxt { 
position: relative; top: -40px; left: 62px;
font-size: 10px; line-height: 14px;
font-weight: bold;
height: 14px;
padding: 1px 2px 2px 5px;
z-index: 1;
font-family: Verdana, sans-serif;
background: transparent url(bg-trans-weiss.png) repeat left top; 
}
#bild #bildtxt a {color: #1d76bc; text-decoration: none;}
#bild #bildtxt a:hover { text-decoration: underline;}
* html #bild #bildtxt { margin-top: -21px; top: -6px; background-color: #edf6e0; }
/* ------ end thumbs -------- */

/* Formular: */
#content form {
margin: 0; padding: 0;
}
#content form fieldset {
margin: 0; 
padding: 0;
border: 0;
}
#content form p {
margin: 0 0 5px 0;
padding: 0;
}
#content form p.zeile { height: 20px; }
#content form label {
display: block;
width: 150px;
margin-left: 10px;
clear: left;
float: left;
}
#content form input.eingabe {
display: block;
width: 440px;
height: 16px;
border: 1px solid #1d76bc;
float: left;
font-family: Verdana, sans-serif;
color: #000;
font-size: 11px;
line-height: 14px;
padding: 2px 2px 1px 4px;
}
#content form textarea {
display: block;
width: 600px;
height: 200px;
margin: 0 0 10px 0;
font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 16px;
padding: 2px 2px 1px 4px;
border: 1px solid #1d76bc;
overflow-y: scroll;
}
* html #content form textarea { width: 608px; }
#content form input.submit {
color: #1d76bc;
font-weight: bold;
}