BODY {
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 0px;
        PADDING-BOTTOM: 0px;
        PADDING-TOP: 0px;
        MARGIN: 0px 0px 0px 0px;
        FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
        FONT-SIZE:100%;
        HEIGHT: 100%;
}


h1 {
        font-size:1.1em;
}

h2 {
        font-size:1em;
}

#untermenue h2 {
        font-size:1.2em;
        Line-height: 1em;
        margin: 0px;
}

h3 {
        font-size:0.8em;
}
h4 {
        font-size:0.8em;
        font-style:italic;
}

div {
        padding: 0  0 0 0;
        margin : 0px;
}

p {
        padding: 0  0 0 0;
        margin : 0px;
}

li {
       font-size:0.8em;
       }

#logo {
        padding: 0;
        margin : 0px;
        float:left;
    position:relative;
        }


#kopfzeile {
        /* Position, Rahmen und Grösse lasse ich in DIV */
        BORDER-RIGHT: #666 1px solid;
        BORDER-TOP: #666 1px solid;
        BORDER-LEFT: #666 1px solid;
        BORDER-BOTTOM: #666 1px solid;
        PADDING-LEFT: 13px;
        PADDING-TOP: 10px;
        WIDTH: 100%;
        Padding-bottom:0px;
        margin-bottom:0px;
        Height:100px;
        Margin-top:0px;
        background-color: #FDf5D7;
        Color: inherit;
        background-image: url(../bilder/strand.jpg);
        background-repeat: no-repeat;
        background-position: right;
}

H1.kopfbereich {
        FONT-SIZE: 1.3em;
        COLOR: white;
        text-align:center;
        padding-top : 15px;
        background : transparent;
}

#mitteltext{
        /* Inhalt zwischen Header und Footer */
        padding: 0;
        width: 80%;
        margin: 0px 0px 0px 0px;
        float:right;
        position:relative;
        }

#additionalinfo {
        /* hierhin die Platzierung und Rahmen für Spalte links */
        WIDTH: 15%;
        padding: 0;
        margin: 0;
        float:left;
        position:relative;
}


#untermenue {
        PADDING-RIGHT: 8px;
        PADDING-LEFT: 8px;
        FONT-WEIGHT: bold;
        FONT-SIZE: 0.75em;
        BACKGROUND: #FDF5D7;
        PADDING-BOTTOM: 5px;
        COLOR: #45597A;
        PADDING-TOP: 10px;
        margin: 0px;
        position: relative;
        width:100%;
        float:left;
        border : thin solid #45597A;
}

#titletext {
        padding: 8px 8px 8px 8px;
        margin: 0px 0px 0px 0px;
        border : thin solid #45597A;
        width:100%;
        position: relative;
        float:left;
        }

#mylinks {
        position:relative;
        padding : 8px 8px 8px 8px;
        margin: 0px 0px 0px 0px;
        width:100%;
        float:left;
}


#seitenfuss  {
        WIDTH: 100%;
        padding: 1em 0px 1em 0px;
        FONT-SIZE: 0.7em;
        TEXT-ALIGN:center;
        BACKGROUND-COLOR: #687da5;
        COLOR:White;
        border-top:0px;
        margin-top:0px;
        margin-bottom:0px;
        height:40px;
        float: left;
}

#seitenfuss p {
        TEXT-ALIGN:center;
        BACKGROUND-COLOR: #687da5;
        COLOR:White;
}

#seitenfuss a  {
        color: #b3a881;
        background-color:#687da5;
}


#seitenfuss a.visited  {
        color: #dcc5a1;
        background-color:#687da5;
}


#untermenue a {
        FONT-SIZE: 1em;
        BACKGROUND: inherit;
        COLOR: #45597A;
}
#untermenue a:visited {
        FONT-SIZE: 1em;
        BACKGROUND: inherit;
        COLOR: #687da5;
}


 #titletext p.mittel {
        FONT-SIZE: 0.9em;
        LINE-HEIGHT: 1.5em;
}

 #titletext a {
        TEXT-DECORATION:none;
        COLOR: #45597a;
        background-color:#fdf5d7;
}
 #titletext a:hover {
        TEXT-DECORATION:underline;
}

#titletext a.mittel, #titletext a:active {
        COLOR: #45597A;
        background-color:inherit;
}

 #titletext a.mittel:visited {
        COLOR: #b3a881;
        background-color:inherit;
}

.linkliste {
        font-size: 0.8em;
        BACKGROUND-COLOR: white;
        COLOR: #000000;
        padding : 0em 0em 0em 1em;
}

a.linkliste  {
        font-size: 1em;
        BACKGROUND-COLOR: white;
        COLOR: #45597a;
        text-decoration:none;
}


A.linkliste:visited {
        BACKGROUND-COLOR: inherit;
        COLOR: #b3a881;
}


A.linkliste:hover  {
        Text-decoration: underline;
}

#mylinks h3 {
        font-size:1em;
        padding-left:4px;
}

#mylinkssp1{
        position:relative;
        width:30%;
        padding-top: 1px;
        padding-left: 4px;
        padding-right: 4px;
        border-right: solid;
        border-right-color: Black;
        border-right-width: 1px;
        margin-bottom:0px;
        Float: Left;
        }
#mylinkssp2{
        position : relative;
        padding-left: 4px;
        padding-right: 4px;
        padding-top : 1px;
        border-right : Black 1px solid;
        margin-bottom:0px;
        Float: Left;
        }

#mylinkssp3{
        position : relative;
        width: 30%;
        padding-left: 4px;
        padding-right: 4px;
        padding-top : 1px;
        float:left;
        }


#titleimage {
        float: right;
        z-index:10;
}
#titleimage1 {
        float: right;
        z-index:10;
}

#titleimage2 {
        float: right;
        z-index:10;
}

#titleimage3 {
        float: right;
        z-index:10;
}

#leftimage2 {
        float: left;
        z-index:10;
}

#leftimage3 {
        float: left;
        z-index:10;
}
#leftimage {
        float: left;
        z-index:10;
}


/* Styles für das Menü  */
#menu {

}

#navi {
    width: 97%;
        position: relative;
}

#navi a  {
        FONT-SIZE:0.8em;
        padding: 5px;
        text-decoration:none;
        border:1px solid #45597A;
        width:100%;
        margin: 1px 1px 1px 1px;
        color: #FDF5D7;
        background: #687da5;
        text-align:center;
        display:block;
        float:left;
        font-weight : bold;
}

#navi a:link {
color:#FDF5D7;
background: #687da5;
}

#navi a:active{
color:#FDF5D7;
background: #687da5;
}

#navi a:visited {
color:#b3a881;
background: #687da5;
}
#navi a:hover {
color:#FDF5D7;
background: #45597A;
        width:100%;
}

#navi a .showcase {
display: none;
width:90%;
}


 #navi a:hover .showcase {
        position:absolute;
        display:block;
        width:94%;
        FONT-SIZE:1em;
        BACKGROUND: #FDF5D7;
        border: 1px solid black;
        margin: 1px;
        color: black;
        top: 100%;
        text-decoration: none;
        left:4%;
}
/* Styles für non visible Links für Screenreader */

.access {
        MARGIN-TOP: 0pt; DISPLAY: none; VISIBILITY: hidden; MARGIN-BOTTOM: 0pt; LINE-HEIGHT: 0pt;
}
A.access:link {
        DISPLAY: none; VISIBILITY: hidden;
}
A.access:visited {
        DISPLAY: none; VISIBILITY: hidden;
}
A.access:active {
        DISPLAY: none; VISIBILITY: hidden;
}
  /* sonstiges */
.top {
        font-size:0.8em;
        padding: 5px;
        BACKGROUND: #FDF5D7;
        Color:inherit;
}