<!--
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v14-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v14-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/open-sans-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v14-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

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

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v14-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v14-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../fonts/open-sans-v14-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v14-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v14-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v14-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v14-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

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


#body{ 
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    background-color:#DADFCB;
    margin: 0px; 
        }
      

#middle{
	background-color:white;
	margin:0 auto;
	max-width: 600px;
	
}


#rechtliches {
	text-align:right;
	font-size: small;
}


#toptext {
font-family: 'Open Sans', sans-serif;
font-size: medium;
   text-align: center;
   color: #ffcc00;
   font-weight: bold;
   background-color: #ff3300;
   border-color:#ffcc00;
   border-width:5px;
   border-style:solid;
   margin-bottom:7px;
}

#image {
float:right;
margin: 5px 9px 9px 6px;
}


#text {
font-family: 'Open Sans', sans-serif;
font-size: medium;
   width:auto;
   max-width: 600px;
   text-align: left;
   color: black;
   font-weight:normal;
  background-color: #c7e3fc;
   border-color:#ff3300;
   border-width:6px;
   border-style:solid;
   padding:10px;

           }
#logo {
	text-align:left;
}
         
           
#image {
float:right;
margin: 6px 9px 6px 9px;

}

H1
{   text-align: center;
    font-size: medium;
    color: black    ;
    font-weight:bolder;
}


H2
{   text-align: center;
font-weight:normal;
font-size:medium;   
}


H3
  {   text-align: right;
font-size: small;
}


.menu:link
{   color: #ffcc00;
    font-weight:500;
    text-decoration: none; 
	text-align: center;
    }


.menu:hover {
        font-weight:bold;
    cursor;
  }
  
  
.menu:visited
{   color:#ffcc00;
    font-weight:normal;
    text-decoration: none;
}


@media   screen and (max-width: 450px),screen and (max-device-width: 450px)

{
#logo {
	text-align:center;
}


#image {
	float: left;
	margin: 0 6 0 0;
		}

@media   screen and (max-width: 380px),screen and (max-device-width: 380px)

{
#logo {
	text-align:center;
	}
#image {
	float: none;
			}
#center {
	text-align:center;
}
			
}