/* FARBEN
#FFFFFF = weiss
#FFFFCC = gelb
#FFCCCC = rot
#FFCCFF = rosa
#CCCCCC = grau
#CCCCFF = lila
#CCFFFF = blau
#CCFFCC = grün
*/

/**********************************************************BODY DER HTML-SEITE*/

body {
	background-color:#fff;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin: 0; 
	padding: 0;
	text-align: center;
}

a img {
	border:none
}
	
a {
	color:#657bff;
	text-decoration:none
}
a:hover {
	color:#000;
	text-decoration:none
}

#wrapper {
	max-width: 900px;
	margin: 0 auto; /* zentriert */
	text-align: left;
}

/******************************************************************/

#header {
	float:center;
	z-index:1;
	padding:20px;
	font-size:12px;
	text-align:center;
	background: #fff;
	border-bottom: solid 1px grey;
}

#header h1 , h1 a , a h1 {
	font-family:"Verdana", Times, serif;
	font-size:32px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	color:#000;
	text-decoration:none;
}

#header h2 , h2 a {
	font-size:14px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:5px;
	color:#000;
	text-decoration:none;
}

/******************************************************************/

.content {
	width: 100%; /* erstmal als standard */
	background: #fff;
	text-align: center;
}

.content.w100 { 
	/* nur falls es ne extrawurst braucht */
	background: #fff;
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
}

.content.w50 { 
	width: 50%;
	float: left;
	font-size:14px;
}
    
.links {
	background: #fff;
}

.rechts{
	background: #fff;
}
    
@media only screen and (max-width: 800px) {
	.content.w50 {
		float: none;
		width: 100%;
	}        
        
	.links .rechts {
		background: #fff;
	}
}

.clearfix:after {
	content: " ";
	clear:both;
	display: block;
}

/******************************************************************/

#footer {
	z-index:5;
	float:center;
	padding:20px;
	text-align:center;
	font-size:12px;
	background: #fff;	
	border-top: solid 1px grey;
	margin-top:10px;
}

#footer a:hover{
	color:#000;
}