body
{background-color: #FBFAFD;
          box-shadow: 10px 10px 5px silver;
          border: thin solid silver;
font-size:13pt;
margin-left:8%;
margin-right:8%;
font-family:Verdana,Helvetica,Arial,sans-serif;
color:black;
}


a:link { color: navy; text-decoration: none }
a:visited { color: navy; text-decoration: none }
a:active { color: #000000; text-decoration: none }
a:hover { color: #000000; text-decoration: underline }

h1 { font-size:18pt;border-bottom:dotted thin #004080; }
h2 { font-size:16pt;border-bottom:dotted thin #004080;color:maroon;}
h3 { font-size:14pt;border-bottom:dotted thin #004080;}

p,li  { font-size:13pt;
        letter-spacing:0.2mm;
        word-spacing:0.8mm;
        margin-bottom:10px;
		
      }

blockquote {
     font-style:italic;

        }
blockquote:before {
  content: '“';
   float: left;
  font-size: 400%;
  color: silver;
  padding: 30px;
}



/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/roboto-v30-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}


.img_rahmen {
padding:10px;
border:thin #004080;
      }
a.menu {
 font-size:8pt;
 font-style:bold;

 text-align:center; width:140px;


padding:3px; text-decoration:none; }



a.menu:link    { color:maroon; font-size:10pt;    }
a.menu:hover   { color:maroon; text-decoration:underline; }
a.menu:active   { color:maroon;  }
a.menu:visited   { color:maroon; }

.kasten {
   text-align: left ;
   font-size:14pt;
    color:#800000;
      border:thin #004080;
     // padding:4px;
}



.kasten2 {
   text-align: center ;
      background-color: Navy  ;
      color: white;

}
.kasten3 {
 border-top:dotted thin #004080;
 border-bottom:dotted thin #004080;
}
.kasten4 {
 background-color:white;
 border:solid thin #004080;
}

.kasten5 {
   text-align: left ;
   font-size:9pt;
    border-color: #000080;
    color:white;
     padding:1px;
     background-color: #4A9F64 ; <!--#008040   ; -->
}

.kasten6 {
     border:dotted #F3E2D0;
    padding:2px;
    }


.spalte1 {
 width: 50%;
 }
 .spalte2 {
 width: 50%;
 }

#Text_klein {font-size:10pt;}
#Navi_Links {


<!-- position:absolute; -->

 top:110px;
 left:8px;
 width:135px;
 <!--  color:navy;  -->
   font-style:bold;
   font-size:13pt;
     border-width: 1px;
        border-color: #000080;
         text-align: center ;
     <!--    background-color:navy   ;  -->
        }

        .Content_klein01 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        color: #181861;
        line-height: normal
        }


        .Content_mittel01 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-style: normal;
        color: #181861;
        line-height: normal;
         padding:1px;
        }

               .Content_mittel03 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        color: #181861;
        line-height: normal;
         padding:2px;
         background-color:#FBF5F3;
           border-width: 1px;
        border-color: #468C8C;
        border-style: thin;

			   }
/*		
		
* {
    margin: 0;
    padding: 0;
    font-family: Segoe UI;
}

.nav-bar{
    height: 70px;
    background: #0e3a48;
}

.brand{
    float: left;
    position: absolute;
    padding-left: 20px;
    line-height: 70px;
    font-size: 1.5em;
}

.brand a{
    text-decoration: none;
    //color: rgb(97, 123, 252);
	color: #f53e31;
}

.nav-container{
    max-width: 1000px;
    margin: 0 auto;
}

nav{
    float: right;
}

nav ul{
    list-style: none;
}

nav ul li{
    float: left;
    position: relative;
}

nav ul li a{
    display: block;
    padding: 0 20px;
    line-height: 70px;
    background: #0e3a48;
    text-decoration: none;
    color: #fff;
}

nav ul li a:hover{
    background: rgb(1, 131, 12);
    color: #fff;
}

nav ul li a:not(:only-child):after{
    content: '+';
    padding-left: 7px;
}

nav ul li ul li {
    min-width: 190px;
}

nav ul li ul li a{
    padding: 15px;
    line-height: 20px;
}

.navigation-dropdown{
    position: absolute;
    display: none;
    z-index: 1;
}

.nav-mobile{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 70px;
    width: 70px;
}

#navigation-toggle{
    position: absolute;
    left: 18px;
    top: 22px;
    cursor: pointer;
    padding: 10px 35px 15px 0px;
}

#navigation-toggle span,
#navigation-toggle span::before,
#navigation-toggle span::after{
    position: absolute;
    display: block;
    content: '';
    background: #fff;
    height: 5px;
    width: 35px;
    transition: all 300ms ease-in-out;
}

#navigation-toggle span::before{
    top: -10px;
}

#navigation-toggle span::after{
    bottom: -10px;
}

#navigation-toggle.active span{
    background-color: transparent;
}

#navigation-toggle.active span::before, #navigation-toggle.active span::after{
    top: 0;
}

#navigation-toggle.active span::before{
    transform: rotate(45deg);
}

#navigation-toggle.active span::after{
    transform: rotate(-45deg);
}

@media only screen and (max-width: 768px) {

    .nav-mobile{
        display: block;
    }

    nav{
        width: 100%;
        padding: 70px 0 15px;
    }

    nav ul{
        display: none;
    }

    nav ul li {
        float: none;
    }

    nav ul li a{
        padding: 15px;
        line-height: 20px;
        padding-left: 25%;
    }


    nav ul li ul li a{
        padding-left: 30%;
    }

    .navigation-dropdown{
        position: static;
    }
}

@media screen and (min-width: 799px){
    .nav-list{
        display: block !important;
    }
}		
		
+*/		
		


#Wrapper {
     background-color: white;

}
#Navi_Mitte {
/* left:150px; top: 120px;  */
background-color:white;
width: 68%;
padding:10px;
float:left;
}


#Navi_Mitte_mobil {
/* left:150px; top: 120px;  */
background-color:white;
width: 100%;
padding:2x;
float:left;
}

#Navi_Rechts {
background-color:white;
width: 29%;
margin-left: 70%;
padding:4px;
//  font-size:9pt;
/* width:238px;   */

/*float:left;
  width:30%;
 top: 115px;
  color:navy;
   font-style:bold;
   font-size:9pt;
          text-align: left ;
            border-width: 1px;
        border-color: silver;
          padding:5px;*/


        }