@media screen and (max-width: 1180px) {
	.button-offset { margin-top: 0; }
	div.main-content div.inner { padding: 30px 0; }
	div.main-content div.content-block-link span { font-size: .8em; }
}

@media screen and (max-width: 1180px) and (min-width: 1024px) {
	/* Based on 30px gap */
	.col { margin-right: 30px; }
	.col-2-1 { width: 480px; }
	.col-3-1 { width: 310px; }
	.col-3-2 { width: 650px; }
	.col-4-1 { width: 225px; }
	.col-4-3 { width: 735px; }
	.col-6-1 { width: 140px; }
	.col-50 { width: 50%; }	
	div.wrapper { width: 990px; }
	div.header div.logo.col-4-1 { width: 120px; }
	div.header div.logo.col-4-1 img { margin-top: 10px; }
	div.header.header-small div.logo img { width: 120px; margin-top: -5px; }
	div.streamer div.item div.close { margin: 0 0 0 448px; }
	a.streamer-navigation.streamer-next { right: 10px; }
	a.streamer-navigation.streamer-previous { left: 10px; }		
	
	div.main-content div.side div.image { width: 310px;  }
	div.main-content div.gallery { margin-top: 30px; margin-bottom: 30px; }
	div.main-content div.gallery a { width: 161px; height: 161px; }  
	form#mini_search input[type="text"],
	div.search-form input[type="text"] { width: auto; }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	/* Based on 20px gap */
	.col { margin-right: 20px; }
	.col-2-1 { width: 100%; }
	.col-3-1 { width: 100%; }
	.col-3-2 { width: 650px; }
	.col-4-1 { width: 354px; }
	.col-4-3 { width: 735px; }
	.col-6-1 { width: 140px; }
	.col-50 { width: 50%; }	

	div.wrapper { width: 728px; }	
	div.header { position: relative; }
	div.header .left, div.header .right { float: none; }
	div.header div.social .left { float: left; }
	div.header div.logo, div.header div.navigation { width: 100%; text-align: center;}
	div.header div.navigation ul li a { line-height: 50px; font-size: 12px; padding: 0 5px; }
	div.header div.social { position: absolute; z-index: 2000; top: 0px; right: 20px; }
	
	div.streamer.streamer-small { height: 0; }
	
	div.bar #mini_search.col-4-1 { width: 235px; }
	
	div.block.block-top,
	div.streamer div.item div.content,
	a.streamer-navigation.streamer-next,
	a.streamer-navigation.streamer-previous { display: none !important; }
	div.main-content div.content-block-link.title-offset { margin-top: 0; }
	div.main-content div.content-block-link.col-4-1 { width: 225px; margin-bottom: 20px;} 
	div.main-content div.content-block-link.col-4-1.right { float: none; display: inline-block;} 

	div.main-content div.wrapper div.col-3-2 { width: 100%; }
	
	div.main-content div.wrapper div.col-3-1.right .side { margin-top: 0; width: 333px; }
	div.main-content div.wrapper div.col-3-1.right .inner { padding-top: 0; }
	div.main-content div.wrapper div.col-3-1.right .inner .inner { padding-top: 20px; }
	
	div.block div.item div.inner { padding: 30px 0 0 0; }
	div.block div.item .readmore { margin-top: 0; margin-bottom: 20px; }
	div.block div.item h2 { margin-bottom: 10px; }
	div.block-bottom div.col-4-1 { width: 100%; border-top: 2px solid #FFF; }
	div.block-bottom div.col-4-1:last-child { display: none; }
	div.block-bottom div.col-4-1.col { margin: 0; }

	div.project-overview .col-3-1 { width: 354px; }
	div.project-overview .item { margin-bottom: 20px; }
	
	div.footer div.wrapper { padding: 20px 0; }
	
	div.footer .left, div.footer .right { float: none; }
	div.footer div.col-2-1:last-child { margin-top: 0px; }
	div.footer div.col-2-1 .sign { width: 75%; margin-bottom: 20px; }
	div.footer div.col-2-1:last-child .col { margin-right: 0; }
	
	div.bottom div.col-4-1 { width: 100%; text-align: left; }
	
	
	div.portal div.service, div.portal div.social { display: none; }
	div.portal .wrapper > .col { width: 100%; text-align: center; }
	div.portal div.slogan { margin-bottom: 0px; position: relative;}
	div.portal-switch div.col-2-1.right { margin-top: 60px; }
	div.portal-switch a.button { margin-top: 20px; }
}

@media screen and (max-width: 767px) and (min-width: 300px) {

	.left, .right, .image-rechts, .image-left { float: none; } 
	.image-rechts, .image-left { width: 100%; display: block; margin-bottom: 10px; text-align: center; }

	.col { margin-right: 0px; }
	.col-2-1,
	.col-3-1,
	.col-3-2,
	.col-4-1,
	.col-4-3,
	.col-6-1 {width: auto; } 
	.col-50 { width: 100%; }	
		
	div.wrapper { width: auto; margin: 0 20px; }	
	
	div.header { position: relative; }
	div.header .wrapper { margin: 0; }
	div.header div.logo { width: 100%; text-align: center;}
	
	div.social { display: none; }
	
	div.header a.navigation-trigger { display: block; }
	
	div.header div.navigation { margin: 0 0px; height: 0; overflow: hidden; display: block; }
	div.header div.navigation ul:first-child { border-top: 1px solid #FFF; padding: 10px 0 20px 0;  }
	div.header div.navigation ul li { display: block;  }
	div.header div.navigation ul li a, 
	div.header.header-small div.navigation ul li a	{ display: block; line-height: 38px; padding: 0 20px; text-transform: uppercase; font-size: 12px; text-decoration: none; }
	div.header div.navigation ul ul { width: 100%; position: relative; margin: 0; display: block; background: none; }	
	div.header div.navigation ul ul li a, div.header.header-small div.navigation ul ul li a { padding: 0 20px 0 40px; background: #536168; }	
	div.header div.navigation ul ul li a.active { background: #536168 }
	
	div.header.header-small a.navigation-trigger { top: 2px; }
	
	div.block.block-top,
	div.streamer,
	a.streamer-navigation.streamer-next,
	a.streamer-navigation.streamer-previous { display: none !important; }	
	
	div.main-content div.content-block-link { width: 280px; margin: 0 auto; }
	div.main-content div.content-block-link.title-offset { margin-top: 0px; }
	div.main-content div.content-block-link:first-child { margin-bottom: 20px; }
	div.main-content div.content-block-link div.image img { width:  280px; }
	div.main-content div.wrapper div.col-3-1.right .inner { padding-top: 0; }
	
	div.main-content div.wrapper div.col-3-1.right .side { margin-top: 0;  margin: 0 auto; }
	div.main-content div.wrapper div.col-3-1.right .inner { padding-top: 0; }
	div.main-content div.wrapper div.col-3-1.right .inner .inner { padding-top: 20px; }
	
	div.main-content div.side { width: 280px; margin: 0 auto; }
	div.main-content div.side div.image { width: auto; }
	
	div.main-content div.gallery { margin-top: 30px; margin-bottom: 30px; }
	div.main-content div.gallery a { width: 200px; height: auto; margin: 0 auto 10px auto; display: block; }  	
	div.main-content div.gallery a:nth-child(4n) { margin-right: auto; }
	div.main-content div.gallery + .button { display: block; margin: 0 auto; text-align: center; }
	
	div.block div.item div.inner { padding: 30px 0 0 0; }
	div.block div.item .readmore { margin-top: 0; margin-bottom: 20px; }
	div.block div.item h2 { margin-bottom: 10px; }
	div.block-bottom div.col-4-1 { width: 100%; border-top: 2px solid #FFF; }
	div.block-bottom div.col-4-1:last-child { display: none; }
	div.block-bottom div.col-4-1.col { margin: 0; }
	
	div.project-overview .item.col-3-1 { width: 280px; margin: 0 auto 20px auto; }
	
	div.form div.key, div.form div.value { width: 100%; }
	div.form div.value input.col-3-1, div.form textarea { width: 278px; }
	
	div.footer {background-position: -100px bottom;} 
	div.footer div.wrapper { padding: 20px 0; }
	div.footer div.col-2-1 .sign { width: 280px; margin-bottom: 20px; }
	div.bottom div.col-4-1 { width: 100%; text-align: left; }
	
	div.portal div.service, div.portal div.social { display: none; }
	div.portal .wrapper > .col { width: 100%; text-align: center; }
	div.portal div.slogan { margin-bottom: 0px; position: relative;}
	div.portal-switch div.col-2-1.right { margin-top: 60px; }
	div.portal-images a { opacity: 1; }
	div.portal-switch a.button { margin-top: 20px; }	
}