/* Reset
------------------------------------------------------------ */
@font-face { 
  font-family: Yanone Kaffeesatz; 
    src: url('../fonts/YanoneKaffeesatz-Regular.eot'); 
    src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf'); 
} 
@font-face { 
  font-family: News Cycle; 
    src: url('../fonts/NewsCycle-Regular.eot'); 
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf');  
} 
@font-face { 
  font-family: Roboto; 
    src: local("Roboto"), url('../fonts/Roboto-Regular.ttf');  
} 
* {
	margin: 0; 
	padding: 0;
}
html {
	overflow-y: scroll;
}
body { 
	padding: 20px 0 0 0;
	background: #282828 url(../images/dark.png); 
    font: normal 0.9em 'Roboto', Helvetica, sans-serif; 
	color: #f7f7f7; 
}
p {
	margin-top: 0.7em;
    font: normal 1.1em 'Roboto', Helvetica, sans-serif; 
}
a, a:hover { 
	text-decoration: none;
  } 
a {
	color: #fff;
}
a:hover {
	color: #ae1c43;
}
ol, ul {
	list-style: none; 
	margin: 0;
}
ul li {
	margin: 0; 
	padding: 0;
}
img {
	outline: none; 
	border:none; 
	display: block;
/*	color: #000; 
	font-weight: bold; */
	/* text-transform: uppercase; /* was davon behalten? */
}
h1 {
/*	font: normal 300% 'Yanone Kaffeesatz', Arial, sans-serif; */
	color: #ae1c43;
	text-shadow: 1px 1px #000;
/*	text-shadow: 1px 1px #797979; */
	line-height: 2em;
	display: inline;
}


/* Struktur
------------------------------------------------------------ */
#gesamt {
	width: 98%; 
	max-width: 920px;
	margin: auto; 
	background: #333; 
} 
header {
	padding: 0 1% 0 1%;
	background: #191919; 
}
	header nav {
		float: right; 
		display: inline;
	}

		ul#nav li a {
		  text-shadow: 1px 1px #383838; /* lassen? oder wieder 000*/
		  color: #FFF;}

		ul#nav ul { 
		  background: #151515;}

		ul#nav li.selected a, ul#nav li a:hover, ul#nav ul li a:hover, ul#nav ul li a:focus, ul#nav li.selected ul a:hover { 
		  color: #ae1c43;} /* aussortieren? */
  
		/*** Aufklapp-Menu ***/

		.sf-menu, .sf-menu * {
			margin-left: 5px;
			padding: 8px 0 0 0; 
		}
		.sf-menu li {
			position: relative;
			white-space: nowrap; 
			/* no need for Supersubs plugin */ 
			/* *white-space: normal;  WAR MAL NICHT AUSGEBLENDET */
			/* ...unless you support IE7 (let it wrap) */
		/*	-webkit-transition: background .2s; */
		/*	transition: background .2s; */
		}
		.sf-menu ul {
			position: absolute;
			display: none;
			top: 100%; 
			left: 0;
			z-index: 99; 
			box-shadow: 2px 2px 6px rgba(0,0,0,.2);
			min-width: 6em; /* allow long menu items to determine submenu width */
			/* *width: 12em; WAR MAL NICHT AUSGEBLENDET /* no auto sub width for IE7, see white-space comment below */
			margin-left: 10px;  
			width: 150px; 
			padding: 0 0 0.75em 0.75em;
			line-height: 1;
			}
		.sf-menu > li {
			float: left;
		}
		.sf-menu li:hover > ul,
		.sf-menu li.sfHover > ul {
			display: block;
		}
		.sf-menu a {
			display: block;
			position: relative;
			/*text-decoration: none; */
			/* zoom: 1; WAR MAL NICHT AUSGEBLENDET/* IE7 */
			}
		.sf-menu ul ul {
			top: 0;
			left: 100%;
		}
	header h1, h2 {
		font: normal 300% 'Yanone Kaffeesatz', Arial, sans-serif; 
/*		font-size: 300%; */
		color: #fff;
		display: inline;
/*		text-shadow: 1px 1px #000; */
		text-shadow: 1px 1px #797979;
	}
	header h2 { 
		color: #ae1c43;
		text-shadow: 1px 1px #797979;
	}
#zumInhalt {
	display: none;
	}
/*	#zumInhalt li {
			background: #b1fffc; 
	}*/
#inhalt {
	width: 58%; 
	padding: 0 1% 0 1%;
	float: left; 
}
#inhalt h1 {
	padding: 0 5% 0 5%;
}
#inhalt p {
	padding: 0 10% 0 5%;
}
aside {
	width: 40%;
	float: right;  
}
aside img {
		width: 100%;
	}
footer {
	clear: both; 
	padding: 0.5% 1% 0.5% 0;
	text-align: right; 
	font: normal 80% arial, sans-serif;
	color: #AAA;
	text-shadow: 1px 1px #000; 
	background: #191919; 
}

/* Media Queries - wenn's eng wird!
------------------------------------------------------------ */
@media screen and (max-width: 480px) {
	#gesamt {
			width: 96%;	
			padding: 2%; 
	}
	#inhalt {
		width: 98%; 
		padding: 0 1% 0 1%;
		float: left; 
	/*	background: green; */
	}
	aside {
		width: 98%;
		padding: 0 1% 0 1%;
		float: right;  
	}
	#zumInhalt {
		display: block;
		background-color: #333333;
	}
	header nav, #inhalt, aside , .sf-menu, .sf-menu li, .sf-menu a {
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
	}	
		header nav li {
			margin: 0;
			background: #757575;
			display: block;
			margin-bottom: 3px;
			}
		header nav a {
			color: #FFF;
			text-shadow: 1px 1px #000; /* wieder 000? */
			display: block;
			padding: 15px;
			text-align: center;
			}
			.sf-menu  li {
					margin: 0;
					background: #757575;
					display: block;
					margin-bottom: 3px;
			}
			.sf-menu a {
					color: #FFF;
					text-shadow: 1px 1px #000; /* wieder 000? */
					display: block;
					padding: 5px;
					text-align: center;
			}
			.sf-menu ul {
				margin-left: 30px;
				padding: 1em 1em 0.75em 0.75em;
			}
}