/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-v18-latin-300italic.eot');
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-300italic.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-300italic.woff') format('woff'), 
       url('fonts/roboto-v18-latin-300italic.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); 
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v18-latin-300.eot');
  src: local('Roboto Light'), local('Roboto-Light'),
       url('fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-300.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-300.woff') format('woff'), 
       url('fonts/roboto-v18-latin-300.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); 
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin-regular.eot');
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-regular.woff') format('woff'), 
       url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); 
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin-italic.eot');
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-italic.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-italic.woff') format('woff'), 
       url('fonts/roboto-v18-latin-italic.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); 
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v18-latin-700.eot');
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-700.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-700.woff') format('woff'), 
       url('fonts/roboto-v18-latin-700.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); 
}


.nichtgebraucht {
display: block; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

body {
color: #333333; 
font-family: 'Roboto', sans-serif, Arial, Verdana;
font-size: 1.4vw; 
font-weight: 100; 
line-height: 1.3em;  
}
h2{
font-size: 2.0vw; 
font-weight: 500; 
line-height: 1.3em;   
padding-bottom: 20px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 20px; 
margin-top: 0px; 
margin-left: 0px; 
color: #21549E; 
border-bottom: 1px solid #999999; 
}

h2.imp{
padding-top: 50px; 
}

h3{
color: #21549E; 
font-weight: 400; 
font-size: 1.5vw;
line-height: 1.2em;  
padding:0px; 
margin: 0px; 
}
h4{
color: #21549E; 
font-weight: 400; 
font-size: 1.3vw; 
line-height: 1.2em;  
padding:0px; 
margin: 0px; 
}

body, html {
padding: 0px; 
margin: 0px; 
width: 100%; 
height: 100%; 
}

#zentrieren{
width: 100%; 
min-height: 100%; 
position: absolute; 
margin-left: 0%;
margin-right: 0%;
padding: 0px; 
border: 0px solid #FF0000; 
}

#texte{
border: 0px solid #FF0000; 
width: auto; 
padding-left: 30px; 
padding-right: 30px; 
padding-top: 30px; 
padding-bottom: 30px; 
margin-left: 10%;
margin-bottom: 50px; 
width: 75%; 
float: left; 
position: relative; 
top: 0px; 
z-index: 10; 
background-image: url(images/sys/weiss_90.png);
background-repeat: repeat; 
border-radius: 20px; 
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}

.thumb {
padding: 15px; 
border-radius: 8px; 
background-color: #E2E2E2; 
border: 1px solid #999999; 
}
.leftimg {
float:left; 
margin-left: 0px;
margin-right: 15px; 
margin-top: 0px; 
margin-bottom: 0px; 
}
.rightimg {
float:right; 
margin-left: 15px;
margin-right: 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
}



.anfahrtskarte{
border: 0px solid #FF0000; 
width: auto; 
padding-left: 30px; 
padding-right: 30px; 
padding-top: 30px; 
padding-bottom: 30px; 
margin-left: 10%;
margin-bottom: 50px; 
width: 75%; 
float: left; 
position: relative; 
top: 0px; 
z-index: 10; 
background-image: url(images/sys/weiss_90.png);
background-repeat: repeat; 
border-radius: 20px; 
}


#bild_oben {
position: relative; 
width: 100%; 
height: 100%; 
margin: auto auto; 
padding: 0px; 
}

a:link {color: #21549E; font-weight: 100; }
a:visited {color: #333333; font-weight: 100; }
a:link, a:visited {
padding: 0px;
border: 0px solid #999999; 
text-decoration: none; 
}

a:hover {
color: #000000; font-weight: 300;
}

ul.nav{
background-color: #E2E2E2;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
position: relative; 
left: 0px; 
top: 0px; 
border: 1px solid #999999; 
border-radius: 10px; 
padding-left: 5%; 
margin-right: 10%; 
margin-left: 10%; 
margin-top: 0px; 
margin-bottom: 60px; 
width:75%; 
height: 50px; 
float: left; 
opacity: 0.9; 
}
ul.nav li{
list-style-type: none; 
border: 0px solid #FF0000; 
height: 50px; 
width: auto;  
float: left; 
}

ul.nav li a:link, ul.nav li a:visited{
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out; 
height: 50px; 
width: auto; 
}

ul.nav li.last a:link, ul.nav li.last a:visited{
padding-bottom: 0px; 
}
ul.nav li.first a:link, ul.nav li.first a:visited{
padding-top: 0px; 
padding-left: 0px !important; 
}
ul.nav li a:link, ul.nav li a:visited{
float: left; 
color: #000000; 
font-weight: 500; 
height: 50px; 
padding-left: 10px; 
padding-top: 0px; 
padding-bottom: 0px; 
padding-right: 10px; 
margin: 0px; 
border-left: 0px solid #FFFFFF; 
font-size: 1.0em; 
line-height: 50px; 
}
ul.nav li a:hover{
color: #21549E;
}

/*//DIESEN ERGAENZEN UM WEITERE SEITENKLASSEN//*/

.start_nav ul.nav li a:link.start_nav, .start_nav ul.nav li a:visited.start_nav{
border: 0px solid #FFFFFF; 
overflow: hidden; 
}

/*//DIESEN ERGAENZEN UM WEITERE SEITENKLASSEN///*/


ul.liste, ul.liste_s{
padding: 0px; 
margin: 0px; 
}
ul.liste li{
list-style-type: none; 
padding-left: 15px;
padding-right: 0px; 
padding-bottom: 0px; 
padding-top: 0px; 
margin: 0px; 
background-image: url(images/sys/list_style_1.png);
background-position: 0px 15px;  
background-repeat: no-repeat; 
}
ul.liste_s li{
list-style-type: none; 
padding-left: 10px;
padding-top: 5px; 
margin:0px; 
font-size: 0.8vw; 
line-height: 1.2em; 
background-image: url(images/sys/list_style_1.png);
background-position: 0px 13px;  
background-repeat: no-repeat; 
}

span.blau{
border: 0px solid #FF0000;  
width: 100%; 
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: inline-flex;
justify-content: space-between;
color: #21549E;  
font-weight: 500; 
margin: 0px; 
padding: 0px; 
}