/* CSS */

@import url('http://fonts.googleapis.com/css?family=Open+Sans|Roboto');

html 			{ background-color: #C6BCC2; }

body 			{ background-color: #ffffff; text-align: justify; max-width: 1000px; margin: 0 auto; padding: 15px; }	

img				{ margin: 0; padding: 0; max-width: 100%; border: 0; }
    			  
h1 				{ padding: 4px; margin: 15px 0 0 0; font-size: 140%; color: #414141; }
h2 				{ padding: 4px; margin: 15px 0 0 0; font-size: 130%; color: #414141; }
h3 				{ padding: 4px; margin: 15px 0 0 0; font-size: 120%; color: #414141; }
h4 				{ padding: 4px; margin: 15px 0 0 0; font-size: 110%; color: #414141; }
p 				{ padding: 4px; margin: 10px 0 0 0; }
    			  
a:link,
a:visited		{ text-decoration: underline; color: #DF0A7A; }
a:focus,
a:hover  		{ text-decoration: underline; color: #F5A900; }

header, 
article,
aside,
footer			{ font-family: 'Open Sans', Arial, sans-serif; font-size: 12pt; font-weight: 200; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 150%; color: #414141; }

nav ul 			{ padding: 0; margin: 0; width: auto; }
nav li 			{ margin: auto; text-align: center; list-style: none; display: inline; padding: 0; line-height: 250%; font-size: 100%; }
nav a:link,
nav a:visited	{ padding: 8px; text-decoration: none; color: #ffffff; background-color: #DF0A7A;
				  border-radius: 5px;
				  -moz-border-radius: 5px;
				  -webkit-border-radius: 5px;}
nav a:focus,
nav a:hover		{ padding: 8px; text-decoration: none; color: #ffffff; background-color: #F5A900; 
				  border-radius: 5px;
				  -moz-border-radius: 5px;
				  -webkit-border-radius: 5px;}

article   		{ float: left; width: 74%; }
aside  			{ float: right; width: 25%; margin: 10px 0 10px 0; text-align: center; }

@media screen and (max-width: 600px) {
    
    nav li, footer li { display: block; }
    
    article, aside 	 { float: none; width: auto; }
    
}


footer			{ text-align: center; font-size: 80%; color: #999999; }
footer ul		{ text-align: center; margin: 10px 0 10px 0; padding: 15px; }
footer li 		{ text-align: center; list-style: none; display: inline; }
footer a:link,
footer a:visited { padding: 10px; text-decoration: none; color: #999999; }
footer a:hover,
footer a:focus 	{ padding: 10px; text-decoration: none; color: #666666; }
		
#liste ul		{ list-style-type: square; text-align: left; margin: 10px 20px 10px 20px; padding: 2px; }
#liste li		{ padding: 6px; }

#balken 		{ clear: both; text-align: center; margin: 10px 0 0 0; padding: 5px; color: #FFFFFF; background: #DF0A7A; }

/* CSS */