body {
         background-color: #c2cd97;
         background-image: url(images/css/bgSite.jpg);
         background-attachment:fixed;
         background-position: center;
         background-repeat: no-repeat;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
         font: normal 100.01% Verdana, sans-serif;
         color: black;
         margin: 0;
         padding: 0;
}




/*------- CONTAINER LOGO ---------------------------------------------*/

div.top {
         margin: 0 auto;
         margin-top: 7px;
         background: rgba(255,255,255,.3);
         background-image: url(images/css/logo_top_en.png);
         background-repeat: no-repeat;
         width: 960px;
         height: 100px;
         border: 0;
         border-radius: 20px 20px 0 0;
         font-family: verdana, sans-serif;
         font-size: 1.4em;
         color: white;
         line-height:3em;
         text-align: center;
         vertical-align: middle;
}



/*------- SLIDERAREA OHNE SLIDESHOW ------------------------------------*/

div.noslidertop {
         clear: left;
         background-color: #ffffff;
         margin: 0 auto;
         padding:0;
         background-image: url(images/css/bgTop.jpg);
         background-repeat: no-repeat;
         width: 960px;
         height: 300px;
         border: 0;
         opacity: 0.7;
}



/*------- HAUPTNAVIGATION ----------------------------------------------*/

div.navitopmenue {
         margin: 0 auto;
         width: 960px;
         height: 30px;
         border-bottom: 0px solid #8b705f;
         border-radius: 0 0 20px 20px;
         background-image: url(images/css/backgroundNaviBrown.jpg);
         font-family: verdana, sans-serif;
         font-size: 0.85em;
}

ul#navitop {
         margin: 0;
         padding-left: 80px;
         padding-top: 0;
         padding-bottom: 0;
         text-align: center;
}

ul#navitop li {
         list-style: none;
         display: inline;
         margin: 0;
         padding-top: 0;
         vertical-align:middle;
}

ul#navitop a, ul#navitop span {
         float: left;
         width: 158px;
         height: 24px;
         padding: 0;
         padding-top: 5px;
         margin: 0;
         text-decoration: none;
         color: white;
         border-left: 1px solid #b4a699;
         border-right: 1px solid #5a5046;
}

/*   Korrektur fuer IE 5.x
* html ul#navitop a, * html ul#navitop span {
         width: 10em;
         w\idth: 8em;
}*/

ul#navitop a:hover, ul#navitop span {
         color: white;
         background-color: #5a5046;
}


ul#navitop a:visited, ul#navitop span {
         color: white;
}

ul#navitop a:active, ul#navitop span {
         color: white;
         background-color: #5a5046;
}

span#navitopactive {

}

ul#navitop div {
         clear: left;
}



/*------- CONTENT ----------------------------------------------------------------*/

div.middle {
         margin: 0 auto;
         margin-top: 7px;
         padding-top:28px;
         padding-bottom:84px;
         width: 960px;
         background: rgba(255,255,255,.75);
         font: normal 90% Verdana, sans-serif;
         line-height:1.5;
         text-align: justify;
         color: black;
         border: 0;
         border-radius: 20px;
}

p.content {
         margin: 0 auto;
         padding-left:80px;
         padding-right:80px;
         padding-top:25px;
         padding-bottom:0px;
}

ul.content {
         padding-left:100px;
         padding-right:100px;
         padding-top:0px;
         margin:0;
         }
li.content {
         padding-top:15px;
         }


/* standard links im text */
 a:link {
         color:#5a5046;
 }
 a:visited {
         color:#5a5046;
 }
  a:focus {
         color:black;
 }
 a:hover {
         color:black;
 }
 a:active {
         color:black;
 }


/*------- FOOTER ------------------------------------------------------------*/
div.footer {
         margin:0 auto;
         margin-top:7px;
         margin-bottom:7px;
         padding-bottom: 20px;
         width: 960px;
         border: 0;
         border-radius: 20px;
         background: rgba(255,255,255,.3);
         font: normal 90% Verdana, sans-serif;
         line-height: 1.8em;
}

table.footer {
         width: 800px;
         margin-top:0px;
         margin-left:80px;
         border:0px solid black;
}

td.footerColLeft {
         width: 175px;
}

td.footerColMiddle {
         width: 500px;
}

td.footerColRight {
         width: 125px;
}

a.footer:link {
         color: #333333;
         text-decoration:none;
         }
a.footer:visited {
         color: #333333;
         text-decoration:none;
}
a.footer:focus {
         color: #333333;
         text-decoration:underline;
}
a.footer:hover {
         color: #000000;
         text-decoration:none;
}
a.footer:active {
         color:#000000;
         text-decoration:none;
}


/*   SOCIAL MEDIA IN THE FOOTER */
span.socialmedia {
         opacity:1;
}

a.socialIcons {
margin-right: 5px;
opacity: .7;
filter:alpha(opacity=70);
}

a.socialIcons:hover {
opacity: 1.0;
filter:alpha(opacity=100);
}






/*------- ALLGEMEINE DEFINITIONEN -----------------------------------------*/

#bold {
         font-weight: bold;
}

#capital {
         font-weight: bold;
         color: #726559;

}


#capitalbold {
         font-weight: bold;
}


#imagecontentleft {
    float:right;
    width:400px;
    margin-left: 25px;
    margin-right:0;
    margin-top: 0px;
    margin-bottom: 10px;
    border-bottom:1px solid #8b705f;
    font-style: italic;
    color: #666666;
    padding: 0px;
    padding-top:4px;
    padding-right:0px; /*rechtsbündig*/
    text-align:left;
}

#imagecontentright {
    float:left;
    width:400px;
    margin-right: 25px;
    margin-left:0;
    margin-top: 0px;
    margin-bottom: 10px;
    border-bottom:1px solid #8b705f;
    font-style: italic;
    color:  #666666;
    padding: 0px;
    padding-top:4px;
    padding-left:0px; /*linksbündig*/
    text-align:left;
}


#imageside {
    float:left;
    width:400px;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom:1px solid #8b705f;
    font-style: italic;
    color:  #666666;
    padding: 0;
    text-align:left;
}

hr#dottedline {
         width:800px;
         height:1px;
         border: 1px dotted #8b705f;
}