/* CSS Document */
@media screen and (max-width: 1700px){
	#logo{
		top:10px;
		right:10px;
		height:85px;
	}
	#logo img{
		height:100%;
	}
}
@media screen and (max-width: 1500px){
	#b0{
		left:20%;
	}
	#b5{
		left:40%;
	}
	.event_overlay{
		padding-bottom: 100px;
	}
}
@media screen and (max-height: 800px){
	#b4{
		bottom:100px;
	}
}
@media screen and (max-height: 750px){
	.home_block{
		display:none;
	}
}
@media screen and (max-width: 1200px){
	.event_overlay .right{
		margin-right:50px;
	}
}
@media screen and (max-width: 1020px){
	.event_overlay .left, .event_overlay .right{
		width:48%;
		margin-right:4%;
	}
	.event_overlay .right{
		margin-right:0px;
	}
}
@media screen and (max-width: 992px){
	#body1{
		height:auto !important;
	}
	.home_block{
		display:none;
	}
	.event_box{
		margin-right:0px;
		float:right;
	}
	.event_box.first{
		float:left;
	}
	#abmeldung .left{
		width:100%;
	}
	.s2{
		right:0px;
		bottom:128px;
	}
	.s4{
		right:0px;
		bottom:192px;
	}
	.s1{
		right:0px;
		bottom:256px;
	}
	.s5{
		bottom:320px;
	}
	.s6{
		right:0px;
		bottom:384px;
	}

}
@media screen and (max-width: 770px){
	iframe{
		width:100% !important;
	}
	.event_overlay{
		padding-bottom: 150px;
	}
}
@media screen and (max-width: 660px){
	.event_box{
		margin-right:100px;
		float:left !important;
	}
}
@media screen and (max-width: 600px){
	.event_overlay .left, .event_overlay .right{
		width:100%;
		margin-right:0px;
	}
	.event_overlay .right{
		margin-top:20px;
	}
	.btn_event.event_send{
		margin-top: 15px;
		display: inline-block;
	}
}
@media screen and (max-width: 500px){
	#content, .event_overlay{
		padding-left:20px;
		padding-right:20px;
	}
	.close_overlay{
		top:10px;
		right:10px;
	}
	h1{
		height:100%;
		padding-bottom:7px;
	}
	.event_extras .label{
		width:100%;
		font-weight:700;
	}
	.event_extras .niveau{
		margin-bottom:0px;
	}
	.event_extras .answer{
		margin-bottom:10px;
	}
	.toggle-button{
		left:20px;
		position:absolute;
	}
	#nav{
		padding-left:20px;
	}
	.nav{
		padding-bottom:60px;
	}
	#nav a:link, #nav a:visited, #nav span{
		font-size:30px;
	}
}
@media screen and (max-width: 400px){
	#eventselect_wrapper{
		width:100%;
	}
	#bg_img{
		width:100% !important;
	}
}