html, body {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #FFFFFF;
	color: #333333;

}
  
  
h1 {
	font-family: 'Roboto', sans-serif;
  font-size: 2.8em;
  font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.1em;
}

h2 {
	font-family: 'Roboto', sans-serif;
  font-size: 1.8em;
  font-weight: bold;
  	margin-top: 0.4em;

}

h3 {
	font-family: 'Roboto', sans-serif;
  font-size: 1.2em;
  font-weight: bold;
    	margin-top: 0.5em;
			margin-bottom: 0.4em;
}


p {
margin-top: 1em;
	}

/* Klassen */

.impressum {
  font-size: 0.75em;

}


.fett {

  font-weight: bold;
  line-height: 150%;
  }
  
  .rot {
  color: #CC3A06; 
    font-size: 1em;
  line-height: 150%;
  }

  
.fon {
  color: #434343;
	cursor: default;
	text-decoration: none;
}

.blocksatz {
	text-align: justify  !important;
}

.zentrierte_tabelle {

    margin-left: auto;
    margin-right: auto;
    text-align: left;
	border: 0;
}


  /* Startseite */
  
 #wrapper_start {
		margin: 0 auto;
  		width: 100%;

}

#main_start {
  margin: 2em auto 2em auto;
  width: 50%;
  text-align: center;

}

#main_start a {
	text-decoration: none;

}
#main_start a:link, #main_start a:visited {
	color: #6c9e61;

}


#main_start a:hover, #main_start  a:active {
	color: #3d6933;
}


/* Hauptstruktur */
  
#logo {
		text-align:center;
		margin-top: 2em;
	   width: 100%;
		height: 100%;

		}



#footer {
		float: left;
  background-color: #a4a4a4;
  width: 100%;
  font-size: 0.85em;
	padding: 1.5em;
	 text-align: center;
	 margin-top: 3em;
	 	 margin-bottom: 3em;

}


#footer a {
  	text-decoration: none;
	padding: 0 1em 0 1em;
	}


#footer a:link, #footer a:visited {
	color: #FFFFFF;
	}



#footer a:hover, #footer a:active {
	color: #000000;
	}
	
	



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

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

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

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

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

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



/* Anpassungen, wenn Bildschirmbreite unter 850px MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM */
@media only screen and (max-width: 850px) { 


#main_start {

  width: 80%;



}


	    }
		
		
		

/* weitere media queries MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM */

  
@media only screen and (min-width: 850px) {
  
    .dropdown > ul {
      left: 0;
      top: 100%;
      opacity: 0;
      position: absolute;
      visibility: hidden;
      transition: all .1s ease-in-out; 
	  }
	  
    .dropdown > a:focus + ul {
      opacity: 1;
      visibility: visible; 
	  }

    .dropdown:active > ul {
      opacity: 1;
      visibility: visible;
	   }
	  
    .dropdown:hover > ul {
      opacity: 1;
      visibility: visible;
	   }
	   
	    }