/* graublau #B5BFBF, gelb #FABE0A, grau für Hintergrund #4d4d4d, dunkelgrau für nav schrift #353535, Meisterblau #6ecef6, Meisterdunkelblau #003a62,
mein eigenes Dunkelblau #036  */

#aussenframe, #frame_oben, #logo, #oben_rechts, #sprache, #kontakt-impressum, #frame_unten, #frame_menue_inhalt, #frame_inhalt,
#footer, #kontakt, #impressum, #navigation_oben, #frame_inhalt_unten, #slideshow, #passfoto
{
background-color: #FFFFFF;
border: 0px solid;
border-color: #4d4d4d;
}

#aussenframe {
margin: 0px auto;
padding: 0px;
width:970px;
height:100%;
/*
border-top: solid 3px;
border-bottom: solid 0px;
border-left: solid 0px;
border-right: solid 3px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
border-radius: 10px;
*/
}

#frame_oben {
height: 150px;
margin: 0px auto;
padding: 0px;
}

#logo {
padding: 0px;
float: left;
}

#logo a:hover
{
color: #fff;
background-color: #fff;
text-decoration: none;
}


#oben_rechts, #passfoto {
float:right;
padding: 0px;
}

#kontakt, #impressum, #sprache {
text-transform: uppercase;
float:left;
padding: 3px;
}

#kontakt a, #impressum a {
padding: 3px;
}

/* ------  positionierung -------- */
#sprache {
padding: 0px;
margin: 5px;
float: right;
}

#kontakt-impressum {
padding: 5px;
margin: 5px 40px 5px 5px;
float: right;
}
/* --------------------------------*/


#sprache, #kontakt-impressum {
font-size: x-small;
border: 0px solid;
border-color: #4d4d4d;
}

/* ---------------------------------------------------  SPRACHE  ---------------------------------------------------*/

/* -------------------------------------- wie soll das menue aussehen und hovern -----------------------------------*/
#sprache ul
{
margin: 0px;
padding: 3px;
list-style-type: none;
text-align: center;
}

#sprache ul li { display: inline; }

#sprache ul li a
{
text-decoration: none;
margin: 0px;
padding: 3px 5px 3px 5px;
color: #fff;
background-color: #fff;
border-bottom: 1px solid;
border-color: #fff;
}

#sprache ul li a:hover
{
color: #fff;
background-color: #fff;
text-decoration: none;
border-bottom: 1px solid;
border-color: #B5BFBF;
}
/*-------------------------------------------------------------------------------------------------------------------*/




/* ----------------------------------------   NAVIGATION_OBEN  ---------------------------------------------------*/

/* -------------------------------------- wie soll das menue aussehen und hovern -----------------------------------*/
#navigation_oben {
float: right;
width: 660px;
margin: 37px 0px 0px 0px;
padding: 0px;
background: #036
}

#navigation_oben ul
{
list-style-type: none;
margin: 0px;
padding: 8px 16px;
}


#navigation_oben ul li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}



#navigation_oben ul li a
{
text-transform: uppercase;
letter-spacing: 1.2px;
text-decoration: none;
margin: 0px 0px;
padding: 8px 16px;
color: #fff;
background-color: #036;
}

#navigation_oben ul li a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}
/*-------------------------------------------------------------------------------------------------------------------*/




#frame_unten {
height: 100%;
margin: 0px auto;
padding: 0px auto;
}

#frame_menue_inhalt {
height: 100%;
width: 280px;
float: left;
margin: 0px 10px;
padding: 0px 0px 0px 0px;
}

/* ----------------------------------------  FRAME_MENUE_INHALT  ---------------------------------------------------*/

/* -------------------------------------- wie soll das menue aussehen und hovern -----------------------------------*/
#frame_menue_inhalt ul
{
margin: 0px auto;
padding: 0;
list-style-type: none;
}


#frame_menue_inhalt ul li {
margin: 0px 0px 1px 0px;
}



#frame_menue_inhalt ul li a
{
text-align: right;
letter-spacing: 1.3px;
display:block;
text-decoration: none;
padding: 8px 16px;
color: #fff;
background-color: #036;
}

#frame_menue_inhalt ul li a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}
/*-------------------------------------------------------------------------------------------------------------------*/




#frame_inhalt {
/* height: 100%; */
margin-left: 300px;
padding: 0px 0px 0px 15px;
line-height: 150%;
font-size: small;
}

#slideshow {
height: 200px;
margin: 0px auto 30px;
}

#frame_inhalt_unten {
width: 800px;
margin: 0px auto;
padding: 0px;
line-height: 150%;
font-size: small;
}



#footer {
text-align: center;
font-size: 8px;
margin: 10px auto 0px;
padding: 10px 0px 0px;
width:970px;
height:100%;
border-top: 1px solid;
border-color: #B5BFBF;

}







/* -- generelles Style -- */

        a:link { color:#353535; text-decoration: underline;}
        a:visited { color:#353535; text-decoration: underline;}
        a:hover { color: #353535; background: #B5BFBF; padding: 0px 0px 0px 0px; text-decoration: none;}



body {
font-family: 'Verdana', 'MS sans serif' ;
letter-spacing: 0.3px;
/* word-spacing: 1.5px; */
background-color: #FFFFFF;
text-align: justify;
color: #036;
}

h1 {
margin: 25px 0px;
font-size: 180%;
}
h2 {
font-size: 130%;
}
h3 {
font-size: 100%;
}
p {
margin: 20px 0px;
}