/* open-sans-300 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: light;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v17-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v17-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v17-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: bold;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v17-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v17-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body{
  max-width: 80em;
  margin: 0 auto;
  font-family:'Open Sans',Helvetica,Arial,Sans-Serif;
  font-size:85%;
  line-height:1.5em;
/*  background-color:rgb(242,240,240);*/
  background-color:#f8f8f8;
  }

#logo{
/*  background-color: rgb(230,230,240);*/
/*  border: 1px solid rgb(0,0,0);*/
  width: 35%;
  min-width:14em;
  margin:1em 0 2em 3em;
  }

a{
  color: #4d90fe;
  text-decoration:none;
}

div.text{
  width:88.2%;
  margin: 2em auto;
}

a.navi:hover{
  background-color:rgb(200,200,200);
}

img.rund{
  border-radius:1em;
}

#footer{
  background-color:#f8f8f8;
  text-align:center;
  padding:1em;
  }
#navi{
  line-height:2em;
/*  border: 1px solid rgb(0,0,0);*/
  width:15%;
  padding-left:10%;
  padding-right:2%;
  float:left;
  min-width:7em;
}

#navi > ul{
/*  border: 1px solid rgb(0,0,0);*/
  list-style-type:none;
  margin:0;
  padding:0;
  background-color:white;
  }

li.navi, li.navi-o{
  border-bottom: 1px solid #f0f0f0;
}

a.navi{
  color:rgb(0,0,0);
  padding: 0.2em 1em 0.2em 1em;
  display:block;
  }

li.navi-o{
  font-weight:bold;
  padding: 0.2em 1em 0.2em 1em;
}

h1{
  color:rgb(180,180,180);
  font-weight:normal;
  font-size:200%;
  padding:0;
  margin:0;
}

h2{
  color:rgb(100,100,100);
  font-size: 130%;
  margin:0;
  padding:0.5em 0 0 0;
}

img{
  width:100%;
  }

#inhalt{
  width:70%;
  float:left;
  background-color:white;
}

#rahmen{
  border: 1px solid #f0f0f0;
  padding-bottom:1em;
}

#text_willkommen{
  width:88.2%;
  margin: 2em auto;
  }

hr{
  border:1px solid #f0f0f0;
}

div.meldung_aktuelles{
/*  border: 1px solid rgb(0,0,0);*/
  width:90%;
  margin: 0 auto;
  overflow:auto;
}

div.text_aktuelles{
  width:98%;
  margin-left:1%;
  margin-right:1%;
  padding-right:0;
  float:left;
/*  border: 1px solid rgb(255,0,0);*/
  }

div.text_aktuelles > p{
  margin:1em 0;
  }

img.links{
  margin-top:1em;
  margin-bottom:1em;
  margin-right:5%;
  margin-left:0;
  width:30%;
  float:left;
}
img.rechts{
  margin-top:1em;
  margin-bottom:1em;
  margin-right:0;
  margin-left:5%;
  width:30%;
  float:right;
}

@media only screen and (max-width:1000px) {
  img.links, img.rechts{
    width:45%;
  }
}

@media only screen and (max-width:620px) {
  img.links{
    width:99.5%;
    margin-left:0;
  }
  img.rechts{
    width:99.5%;
    margin-right:0;
  }
  #inhalt{
    width:100%;
    border:none;
  }
  #navi{
    padding-left:0em;
    padding-right:2%;
    float:right;
    text-align:right;
  }
  #navi > ul{
    padding:0em;
  }
  li.navi-o{
    padding-right: 1em;
  }
  a.navi{
    padding: 0.2em 1em 0.2em 1em;
    display:block;
  }
  #logo{
    float:left;
    display:block;
    margin:0.8em 0 0 6%;
  }
}