body {
    font-family: "Open Sans";
    font-size:80%;
    color:#7b7b7b;
  }

#page {
	max-width: 1200px;
	margin:0 auto;
}
#header {
	padding: 0 3.125%;
	background-color: #fff;
}

#anmelden {
	width: 59%;
	padding: 2% 4% 1% 4%;
	float: left;
	background-color: #fff;
}

/*--- Headings | ?berschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
        color:#7b7b7b;
    	margin:0 0 0.25em 1em;
  }

  h1 { font-size:150%; font-weight: normal; text-transform:uppercase; padding: 0.1em 0.1em 0.1em 0; }                      
  h2 { font-family: "Open Sans"; font-size:110%; font-weight:normal; padding: 0.1em 0.3em 0.1em 0.3em; }                     
  h3 { font-size:150%; font-weight: normal; padding: 0.1em 0.8em 0.1em 0.1em; }                     
  h4 { font-weight: bold }                    
  h5 { font-weight:bold; color:#7b7b7b}  
  h6 { font-weight:bold; }  

a#link { color:#999; }
a#link:hover, a#link:focus { color:#333; text-decoration:underline;}


#footer {
	padding: 10 10 3.125%;
	clear: both;
}

@media screen and (orientation:portrait) and (max-width:1200px) {
	#content,  #anmelden {
		width: 90%;
		float: none;
	}
}
img {
	max-width: 100%;
	height: auto;
	width:auto;
}