*{
         margin:0;
         padding:0;
}
h1, h2, h3, h4, p, ul, li {

margin: 0;

padding: 0;

}
html{
         height:100%;
}

body{
         background-image:url(hintergrund/hintergrund1.jpg);
         background-repeat:repeat-x;
         background-color:#1d96bd;
         height:100%;
         font-family: Verdana, Helvetica, sans-serif;
         font-size: 100.01%;
         text-align: center;/*fuer IE_quirks*/
}



h1, h2, h3, h4, h5 {

padding: 10px 20px 20px 25px;

}

h1 {

background-color: transparent;

        color: #224a6d;

        font-size: 115%;

}



h2 {

background-color: transparent;

   color: #224a6d;

   font-size: 105%;

}

h3 {

background-color: transparent;

color: #224a6d;

font-size: 100%;

letter-spacing: 1pt;

}

h4 {

background-color: transparent;

color: #000000;

font-size: 85%;

letter-spacing: 1pt;

}

h5 {

background-color: transparent;

color: #224a6d;

        font-size: 80%;

        }
#contentoben p {padding:20px 0 0 50px;}

p, li {
         font-size: 80%;
}

#inhalt p, #inhalt_gb p, #inhalt li {
         padding: 17px 20px 8px 30px;
}
 #inhalt img {
         padding: 7px 10px 8px 10px;
         border:none;
}
 #inhalt_gb img {
         padding: 0;
         border:none;
}
 #footer p {
         padding: 10px 5px 2px 10px;
}
h1.unsichtbar, hr {visibility:hidden;}
#wrapper{
         margin:0 auto;
         width:923px;
         text-align: left; /*Aufheben von IE_quirks im BODY*/
}
#header{
         background-image:url(hintergrund/header.jpg);
         width:923px;
         height:194px;
}

#navi {
         position:relative;
         top:0px;
         left:34px;
         width:214px;
         float:left;
         margin: 0px ;
         padding: 0;

}

#navi li{
         width: 130px;
         list-style-type: none;
         background-color: #191970;
         color: #daa520;
         border: .2em solid #daa520;
         font-weight: 600;
         text-align: center;
         padding: .3em;
         margin-bottom: .1em;
}

#navi li a
{
         color: #daa520;
         text-decoration: none;
         display: block;
}

#navi li a:hover
{
background-color: #faebd7;
color: #191970;
}
div#navi a span {display: none;}
div#navi a:hover span {
   display: block;
    position:absolute;
   top: 0px;
   left: 0px;
   width: 128px;
   height:120px;
   margin-top:-2px;
   padding: 5px;
   z-index: 100;
   color: #0000BF;
   background: #EFEFEF;
   border:3px solid #daa520;
   font: 100% bold Verdana, sans-serif ;
   text-align: left;

   }
   #navi img {margin:0 0 5px 7px;}
#inhalt, #inhalt_gb {
         margin: 0 30px 0 220px;


}

#inhalt .bild1  {
float:right;
margin:0px 40px 5px 10px;
padding:0px;
position:relative;
}
#inhalt .bild2 {
float:left;
margin:0px 0px 5px 5px;
padding:0px 10px 0px 5px;
position:relative;
}


#contentoben{
         background:url(hintergrund/oben.png);
         height:50px;
         width:923px;
         margin:0;
}
#contentmitte{
         background:url(hintergrund/mitte.png) repeat-y;
         min-height:500px;
         position:relative;
         width:923px;
}
#contentunten{
         background:url(hintergrund/unten.png);
         height:49px;
         width:923px;

}
#footer{
         background-image:url(hintergrund/footer.png);
         width:923px;
         height:96px;
         clear:both;
         text-align:center;
}
#hauptbox2{

background-color: #fffdca;

        background-image: url(bilder/rechts.jpg);

         background-position: top right;

         background-repeat: no-repeat;

         border:4px;

         border-color:#00ff00;

         border-style:groove;

        position: relative;

        margin: 10px auto 20px auto;

        width: 770px;

        color: #000;



}

#links {

background-image: url(bilder/links2.jpg);

         background-position: top left;

         background-repeat: no-repeat;

margin:0;



float:left;

width:220px;

height:500px;}

#rechts{



         margin:50px 0 0 220px;

         padding:0 120px 0 0;



text-align:left;}

#rechts p{

padding:0 0 20px 0;

line-height:1.6em;}

#links p {margin:250px 0 0 15px;}

#rechts h2 {

 margin:0 0 40px  100px;

         }

#rechts ul{

padding:0 0 20px 0;

line-height:1.5em;}

/*Gästebuch*/
div.gb              { width: 560px; margin: 0px auto 20px auto; padding: 0px; border: 1px solid #2468b3; line-height: 19px; font-size: 12px;}
#inhalt div.gb p    {font-size: 85%; line-height: 100%; margin: 5px 5px 5px 5px;}
div.gb-author       { margin: 0px; padding: 1px 10px 1px 10px; border-bottom: 1px solid #2468b3; background: transparent; }
p.gb-author-left    { margin: 0px; padding: 0px 0px 0px 10px; float: left; }
p.gb-author-right   { margin: 0px; text-align: right; }
div.gb-entry        { margin: 10px; padding: 0px; }
p.gb-browse         { text-align: right; font-weight: bold; }
p.gb-admin-buttons  { margin: 5px 0px 0px 0px; text-align: right; }
.caution            { color: red; font-weight: bold; }
.small              { font-size: 11px; line-height: 16px;}
.comment            { margin: 10px 0px 0px 0px; color: #fff; font-style: italic; }
img                 { border: 0px; }
#form               { padding-left: 20px;}

input.button         { width: 50px; height: 20px; font-size: 11px; font-weight: normal; margin: 0px 0px 2px 0px; background: #efefef; }
button.smiley-button { width: 23px; height: 23px; font-size: 11px; font-weight: normal; margin: 0px 0px 2px 0px; background: #efefef; }
button.smiley-button2 { width: 40px; height: 40px; font-size: 11px; font-weight: normal; margin: 0px 0px 2px 0px; background: #efefef; vertical-align: bottom;}
img.smiley           { border: 0px; margin: 0px 0px 0px 0px; }

.highslide {
        cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
        visibility: hidden;
}
.highslide img {
        border: 2px solid gray;
}
.highslide:hover img {
        border: 2px solid white;
}

.highslide-wrapper {
        background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;

    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
        color: black;
        font-size: 8pt;
        font-family: sans-serif;
        font-weight: bold;
    text-decoration: none;
        padding: 2px;
        border: 1px solid black;
    background-color: white;

    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
        font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
        display: none;
}

a.highslide-full-expand {
        background: url(highslide/graphics/fullexpand.gif) no-repeat;
        display: block;
        margin: 0 10px 10px 0;
        width: 34px;
        height: 34px;
}


/* Controlbar example */
.controlbar {
        background: url(highslide/graphics/controlbar4.gif);
        width: 167px;
        height: 34px;
}
.controlbar a {
        display: block;
        float: left;
        /*margin: 0px 0 0 4px;*/
        height: 27px;
}
.controlbar a:hover {
        background-image: url(highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
        width: 50px;
}
.controlbar .next {
        width: 40px;
        background-position: -50px 0;
}
.controlbar .highslide-move {
        width: 40px;
        background-position: -90px 0;
}
.controlbar .close {
        width: 36px;
        background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
#pano1 a:link {color:green;}