/*Gerneal Style*/

body{
	background:#fff;
	font-size:100%;
	margin:0px;
	padding:0px;
}

h1{
	font-size:200%;
	line-height:45pt;
	font-family:'Coming Soon', cursive;
	font-weight:100;
	color:#333333;
	margin:0px;
	text-align:left;
	padding:5px 2px 5px 25px;
	-moz-column-span: all;
	-webkit-column-span: all;
}

h2{
	font-size:16pt;
	line-height:18pt;
	font-family:'Josefin Sans', sans-serif;
	font-weight:600;
	color:#D41459;
	margin:0px;
	padding:5px 5px 5px 25px;
	text-align:left;
	
}

h3{
	font-size:16pt;
	line-height:18pt;
	font-family:'Josefin Sans', sans-serif;
	font-weight:300;
	color:#339933;
	margin:0px;
	padding:10px 10px 0px 25px;
	text-align:left;
}


p{
	font-size:14pt;
	line-height:18pt;
	font-family:'Josefin Sans', sans-serif;
	font-weight:100;
	color:#333333;
	margin:10px;
	padding:5px 15px 15px 15px;
	text-align:left;

}

.mehrspaltig{
	-webkit-column-width: 220px; /* Chrome, Safari, Opera */
    -moz-column-width: 220px; /* Firefox */  
    column-width: 220px;
    column-gap: 40px;
  	-moz-column-gap: 40px;
  	-webkit-column-gap: 40px;


}


}
ul{
	margin:15px;
	padding:0px;
}

li{
	font-size:12pt;
	line-height:18pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#333333;
	margin:10px;
	padding:18px;
	text-align:justify;
	list-style:none;
}
img{
	width:100%;
	height:auto;
	max-width:100%;
}

a{
	text-decoration:underline;
	color:#000;
}

.titelbild{
	display:block;
	width:100%;
	height:auto;
	max-width:976px;
	margin:0 auto;
	padding-bottom:15px;
}

header{
	background:#dddddd;
	display:block;
	text-align:center;
	padding-top:30px;
}

.logo{
	width:90%;
	height:auto;
	max-width:445px;
	margin:10px 0px 35px 0px;
	min-width:320px;
}


/*Navigation*/



nav{
	display:block;
	height:auto;
	background:#dddddd;
	text-align:center;
	padding:5px 0 2px 0;
	border-bottom:5px #aaaaaa solid;	
}

nav ul{
	display:block;
	text-align:center;
}

nav ul li{
	display:inline;
	margin:0 10px 0 0px;
	font-family: 'Josefin Sans', sans-serif;
}
nav ul li a{
	color:#333333;
	font-size:16pt;
	line-height:25pt;
	padding:5px 5px 5px 5px;
	font-weight:600;
	text-decoration:none;
}
nav ul li a:hover{
	color:#D41459;
	font-size:16pt;
	font-weight:600;
	line-height:18pt;
	border-bottom:1px #D41459 solid;

}

nav ul li a.active{
	color:#D41459;
	font-size:16pt;
	font-weight:600;
	line-height:18pt;
	border-bottom:1px #D41459 solid;

}


/*main*/

#main{
	display:block;
	width:96%;
	max-width:980px;
	margin:15px auto;
	padding:0px; 
}
#main article{
	display:inline-block;
	width:99%;
	background:#fff;
	vertical-align:top;
	margin:0 0 40px 0;
	padding:0px;
	text-align:center;
	min-width:600px;
	

}

#main aside{
	display:inline;
	width:48%;
	min-width:270px;
	margin-left:3%;
	padding:0px;
	vertical-align:top;
	
}

#main aside section{
	background:#fff;
	margin-bottom:15%;
	min-width:320px;
	padding:0px;
	width:48%;
	display:inline-block;
	vertical-align:top;

	
}
#main aside section.pink{
	background-color:#871A42;
}
#main aside section.pink p{
	color:#fff;
	text-align:center;
	font-size:180%;
}



#main aside section.aside-gross{
	background:#fff;
	margin-bottom:15%;
	min-width:600px;
	padding:0px;
	width:99%;
	display:inline-block;
	vertical-align:top;

}




#main article.blau{
	background-color:#066E87;
}

#main article.blau p{
	text-align:center;
	color:#fff;
	font-size:180%;
	line-height:200%;
	font-weight:600;
	padding:2%;
}
/*Footer*/
footer{
	background:#D41459;
	display:block;
	height:100%;
	padding:15px 0 15px 0;
}

footer ul{
	display:block;
	text-align:center;

}

footer ul li{
	display:inline;
	margin:0 15px 0 15px;

}

footer ul li a{
	color:#333333;
	font-size:16pt;
	line-height:19pt;
	padding:5px 5px 15px 5px;
	

}



/*mobile*/

@media screen and (max-width:800px){
	body{
	font-size:90%;
}
}



@media screen and (max-width:600px){
	#main aside, #main article{
	width:100%;
	display:block;
	margin:15px 0px 15px 0px;
}
}

@media screen and (min-width:550px){
	nav.nav{
	display:block !important;
}
}


@media screen and (max-width:550px){
	#menubar ul li a.menubutton{
	display:block;
	}
	nav{
	display:none;
	height:auto;
	}
	nav ul li{
	display:block;
	margin:15px 0px 15px 0px;
	}
	body{
	font-size:80%;
	font-family:'Josefin Sans', sans-serif;
	}
		
	.logo{
	width:90%;
	height:auto;
	max-width:445px;
	margin:-35px 0px 35px 0px;
	min-width:280px;
	}
	
	#main aside section{
	background:#fff;
	margin-bottom:15%;
	min-width:320px;
	padding:0px;
	width:99%;
	display:inline-block;
	vertical-align:top;

}