/* ------------------------------- Layout ------------------------------------- */

* {margin:0; padding:0;}

body {
background-color: #336699;
background-image: url("../image/higru_verlauf.jpg");
background-position: center;
background-repeat: repeat-y;
color: #000000;
margin: 0px auto;
text-align: center;
font: normal 100.01%/100% arial,verdana,helvetica,sans-serif; 
}

div {

}

#aussen { /*feste Breite*/
background-color: #6699cc;
width: 760px;
height: auto;
margin: 0 auto;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

#headerline { 
width: auto;
height: auto;
font: bold 0.9em arial narrow,helvetica,verdana,sans-serif;
margin: 25px 0 0 0;
color: #ffffff;
text-align: center;
}

#content {
width: auto;
text-align: left;
margin: 16px;
border: none 0;
padding: 20px;
clear: both;
color: #000000;
}

#footer {
font-size: 0.8em;
border-top: 1px dotted #336699;
padding-top: 5px;
padding-bottom: 10px;
margin-top: 30px;
margin-bottom: 0;
}

img {
border: 1px solid #ffffff;
}

img.noborder {
border: none 0;
}

.nachoben {
text-align: right;
margin-right: 50px;
}

.textnachoben {
text-align: right;
margin-right: 15px;
}

.aktuellbox {
width:200px;
height: auto;
color: #000000;
background: #ffffff;
border: 1px solid #336699;
padding: 5px;
}


/* --------------------- Formatierung ---------------------------------------------*/
.handschrift {
font: normal 1.0em Lucida Handwriting, Freestyle Script, Bradley Hand ITC, Bickley Script, Brush Script MT, Comic Sans MS, serif;
}
 
.mittig {
text-align: center;
}

.textabstand {
margin-right: 30px;
}

.weiss {
color: #FFF;
}

.textrechtsbreit {
float: right;
width: 420px;
height: auto;
}
.textlinksbreit {
float: left;
width: 320px;
height: auto;
}
.textrechts {
float: right;
width: 220px;
height: auto;
}
.textrechtsmitte {
float: right;
width: 320px;
height: auto;
}
.bildlinks {
float: left;
width: 220px;
height: auto;
}

.clearcontent {
clear: both;
width: auto;
height: auto;
}

p {
font-size: 0.9em;
line-height: 1.3em;
margin-bottom: 1.0em;
}

.abstand {
margin-top: 50px;
}

.abstandgross {
margin-top: 200px;
}

h1, h2, h3, h4, h5, h6 {
padding: 5px 0;
}

h1{
margin-bottom: 20px;
font: bold 1.3em/1.3em Old English Text MT,arial,verdana,helvetica,sans-serif;
}

h2{
font-size: 1.1em;
line-height: 1.3em;
}

h3{
font-size: 1.0em;
line-height: 1.3em;
}

h4{
font-size: 1.0em;
line-height: 1.3em;
}

h5{
font-size: 0.9em;
line-height: 1.3em;
}

h6{
font-size: 0.9em;
line-height: 1.3em;
}

.small{
font-size: 0.75em;
line-height: 1.3em;
}

.selected {
color: #EBEDED;
background: #738080;
}

a {
border: none 0;
text-decoration: none;
}

a:link { color: #003366; } 
a:visited { color: #003366;}
a:hover { color: #ffffff;}
a:focus { color: #ffffff;}

a:link.nolink { color: #000; } 
a:visited.nolink { color: #000;}
a:hover.nolink { color: #000;}
a:focus.nolink { color: #000;}

/* Liste normal -----------------------------------------------*/
ul.liste{
list-style:none;
margin-left: 20px;
}

li.liste{
display: block;
}
ul.liste a:link, li.liste a:link {
color: #003366;
}
ul.liste a:visited, li.liste a:visited {
color: #003366;
}
ul.liste a:hover, li.liste a:hover {
color: #ffffff;
}
ul.liste a:focus, li.liste a:focus {
color: #ffffff;
}
/* Liste Navi -----------------------------------------------*/

ul.navi {
list-style:none;
margin-left: 20px;
}

li{
display: inline;
margin-top: 0.5em;
}

ul.navi a{
margin-top: 0;
margin-left: 18px;
width: 95px;
height: 95px;
float: left;
border: 1px solid #FFF;
font-size: 1.2em;
}

ul a:link, li a:link {

color: #FFF;
}
ul a:visited, li a:visited {

color: #FFF;
}
ul a:hover, li a:hover {
color: #FFF;

}
ul.willkommen a:focus, li.willkommen a:focus {
color: #FFF;

}
ul.willkommen a:link, li.willkommen a:link {
background-image: url("../image/willkommen_noselect.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.haus a:link, li.haus a:link {
background-image: url("../image/haus_noselect.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.routen a:link, li.routen a:link {
background-image: url("../image/karte_noselect.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.bilder a:link, li.bilder a:link {
background-image: url("../image/panorama_noselect.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.gb a:link, li.gb a:link {
background-image: url("../image/gb_noselect.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.post a:link, li.post a:link {
background-image: url("../image/post_noselect.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.willkommen a:visited, li.willkommen a:visited {
background-image: url("../image/willkommen_noselect.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.haus a:visited, li.haus a:visited {
background-image: url("../image/haus_noselect.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.routen a:visited, li.routen a:visited {
background-image: url("../image/karte_noselect.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.bilder a:visited, li.bilder a:visited {
background-image: url("../image/panorama_noselect.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.gb a:visited, li.gb a:visited {
background-image: url("../image/gb_noselect.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.post a:visited, li.post a:visited {
background-image: url("../image/post_noselect.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.willkommen a:hover, li.willkommen a:hover {
background-image: url("../image/willkommen_se.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.haus a:hover, li.haus a:hover {
background-image: url("../image/haus_se.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.routen a:hover, li.routen a:hover {
background-image: url("../image/karte_se.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.bilder a:hover, li.bilder a:hover {
background-image: url("../image/panorama_se.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.gb a:hover, li.gb a:hover {
background-image: url("../image/gb_se.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.post a:hover, li.post a:hover {
background-image: url("../image/post_se.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.willkommen a:focus, li.willkommen a:focus {
background-image: url("../image/willkommen_se.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.haus a:focus, li.haus a:focus {
background-image: url("../image/haus_se.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.routen a:focus, li.routen a:focus {
background-image: url("../image/karte_se.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.bilder a:focus, li.bilder a:focus {
background-image: url("../image/panorama_se.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.gb a:focus, li.gb a:focus {
background-image: url("../image/gb_se.jpg");
background-position: center;
background-repeat: no-repeat;
}
ul.post a:focus, li.post a:focus {
background-image: url("../image/post_se.jpg");
background-position: center;
background-repeat: no-repeat;
}
.selectwillkommen {
background-image: url("../image/willkommen_se.jpg");
background-position: center;
background-repeat: no-repeat;
}
.selecthaus {
background-image: url("../image/haus_se.jpg");
background-position: center;
background-repeat: no-repeat;
}
.selectrouten {
background-image: url("../image/karte_se.jpg");
background-position: center;
background-repeat: no-repeat;
}
.selectbilder {
background-image: url("../image/panorama_se.jpg");
background-position: center;
background-repeat: no-repeat;
}
.selectgb {
background-image: url("../image/gb_se.jpg");
background-position: center;
background-repeat: no-repeat;

}
.selectpost {
background-image: url("../image/post_se.jpg");
background-position: center;
background-repeat: no-repeat;
}


/* --------------------- Formular ---------------------------------------------*/

form {
line-height: 100%;
}

textarea {
width: 600px;
height: 8em;
background-color: #FFF;
border: 1px solid #336699;
color: #336699;
white-space:normal; 
}
input {
margin-bottom: 20px;
width: 280px;
height: auto;
font-size: 1.1em;
background-color: #FFF;
border: 1px solid #336699;
color: #336699;
}
.sendebutton {
width: 50px;
height: 35px;
border: 0 none;
margin-top: 30px;
margin-left: 280px;
}

.radiobutton {
width: auto;
height: auto;
}

.checkbox {
width: 20px;
height: auto;
background-color: transparent;
border: 0 none;
vertical-align: middle;
margin-bottom: 0;
}

legend {
font-size: 0.8em;
color: #336699;

border: 1px solid #336699;
padding: 0.3em;
}
fieldset {
border: 1px solid #336699;
padding-bottom: 30px;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
}
.fehler {
border: 1px dotted #cc3300;
background-color: #ffcc99;
padding: 20px;

margin: 30px 0;
}

.unvisible {
display: none;
}
/* ---------------------  Ende Formular ---------------------------------------------*/