div#main .row {
	width:auto;
}

div#main .row:before, .row:after {
	content: " ";
	display: table;
}

div#main .row:after {
	clear: both;
}

.columns {
	float: left;
}

.columnsRight {
	float: right;
}

.side {
	width: 150px;
}

@media screen and (max-width:820px) {
	
	div#main article div.shop div.col.product div.licence div.licenceHeader,
	div#main article div.shop div.col.product div.licence div.licenceNGOHeader{
    	max-width: 340px;
	}	
	
	div#main div.shop div.licence div.labelOpt {
    	max-width: 340px;
	}	
	
	div#main article div.area div.col.product p.desc.licence.ngo{	
    	max-width: 340px;
	}	
	
	div#main article div.shop.area div.filminfo {
    	max-width: 340px;
	}	
	
	div#main article div.area div.col.product p.desc.licences, 
	div#main article div.area div.col.product p.desc.productvariant {
    	max-width: 340px;
	}
	
}

@media screen and (max-width:600px) {
	/* Small */
	.small-1 {
		width:100%;
	}
	
	div#main div.showArticle ul.topiclist {
    	-webkit-columns: 1;
    	-moz-columns: 1;
    	columns: 1;
	}
	
	div#main div.showArticle ul.topiclist li{
		float: none;
		margin: 0px auto 20px auto;
	}		
	
	div#main div.content.film div.columnleft iframe,
	div#main div.stage div#youtubeVideo iframe,
	div#main div.showArticle.cinema iframe.googlemaps,
	div#main div.showArticle iframe, 
	div#main div.dataResult div.list div.description iframe,
	div#main div.showArticle span.media.video object, 
	div#main div.dataResult div.list div.description span.media.video object {
	    width: 100%;
	}			
	
	body {
		font-size: 1.0em;
	}
	
	div#main {
	    max-width: 600px;
	}

	div#main header div.header_container,
	div#main div.mainMenu,
	div#main div.mainMenu.film, div#main div.mainMenu.home,
    div#main div.stage {	
    	margin-left: 0px;
    	margin-right: 0px;
	}
	
	div#main header div.topmenu_container a.language:hover .tooltiptext {
		visibility: hidden;
		display: none;
	}		
	
	div#main div.basketContainer {
    	top: 46px;
	}	
	
	div#main div.content {
    	margin-left: 10px;
    	margin-right: 10px;
	}
	
	div#main footer div.footer_container.wfilm {
    	background-image: url(../../wfilm-static/images/wfilm/footer_wfilm_right_small.gif);
    	    background-position: 250px 0;
	}	
		
	div#main footer div.footer_menu {
    	margin-left: 10px;
    	margin-top: 20px;
    	width: 280px;
	}	
	
	div#main footer div.footer_container img {
    	margin-top: 60px;
    	margin-right: 30px;
	}		
	
	div#main div.mainMenu {
    	background-image: none;
		width: auto;
		margin-bottom: 20px;
	}	
	
	div#main div.stage div.teaser img.teaserOverlay,
	div#main div.stage div.teaser span.teaserTitle {
    	display: none;
	}	
	
	div#main div.stage div.teaserMobile{
    	display: block;
	}	
	
	div#main div.stage div.teaserCounter{
    	display: none;
	}		
	
	div#main div.stage div.arrow{
    	display: block;
	}			
	
	div#main div.stage div.video img.teaserImage,
	div#main div.stage div.teaser img.teaserImage,
	div#main div.stage div.teaser img.video.play.big{
    	width: 100%;
    	height: auto;  		
	}
		
	div#main header div.header_container {
    	padding-top: 10px;
	}	
	
	div#main div.mainMenu ul {
    	padding: 0;
    	float: left;
	}	
	
	div#main div.stage {
    	margin-bottom: 15px;
	}	
	
	div#main div.ajaxTabPanel.view ul li a.a_tab_active {
    	border-bottom: 1px solid #a5a4a3;
	}	
	
	div#main div.ajaxTabPanel.view ul.ajaxTabPanelHeader li a {	
    	border: 1px solid #a5a4a3;
	}	
	
	div#main div.ajaxTabPanel.view ul.ajaxTabPanelHeader li {
    	margin-right: 5px;
	}	
	
	div#main div.ajaxTabPanel.view.home ul.filmcatalog {
    	padding-left: 15px;
    	margin: 0 0 20px 0;
	}	
	
	div#main div.ajaxTabPanel.view.home ul.filmcatalog li.container {
    	width: 160px;
	}		
	
	div#main header div.topmenu_container {
    	float: left;
	}	
	
	div#main.wfilm header div.topmenu_container ul {
    	margin: 5px 0px 0px 10px;
	}	
	
	div#main header div.topmenu_container ul li {
    	padding: 0px 15px 0px 0px;
    	margin-bottom: 5px;
	}	
	
	div#main.wfilm header div.website a {
    	font-size: 50px;
	}	
		
	div#main header div.website {
    	margin: 5px 10px 10px 10px;
    	clear: both;
	}	
	
	div#main header div.topmenu_container ul li.search{
		display: block;
	}	
	
	div#main div.mainMenu div.searchloup{
		display: none;
	}	
	
	div#main div.mainMenu ul li {
    	padding-left: 3px;
    	font-size: 0.9em;
	}	

	div#main div.mainMenu ul li span{
    	padding-right: 1px;
	}	
	
	div#main div.mainMenu ul li a, 
	div#main div.mainMenu ul li span {
    	font-size: 12px;
	}	
	
	div#main div.ajaxTabPanel.view ul.ajaxTabPanelHeader li a {
    	font-size: 18px;
	}	
	
	div#main div.stage div.teaserMobile span.teaserTitle.size1,
	div#main div.stage div.teaserMobile span.teaserTitle.size2,
	div#main div.stage div.teaserMobile span.teaserTitle.size3 {
    	font-size: 15px;
    	line-height: 20px;
	}	
	
	div#main div.stage div.teaserMobile span.teaserTitle {
    	padding: 10px 10px 5px 10px;
	}	
	
	div#main div.stage div.teaserMobile span.teaserTitle.small {
    	padding: 0px 10px;
    	width: 230px;
    	font-size: 12px;
	}	
	
	div#main div.stage div.teaserMobile span.teaserTitle.teaserText {	
		font-size: 16px;
    	line-height: 24px;
    	width: 80px;
    	padding: 10px;
	}
	
	div#main div.stage div.teaserMobile {
    	height: 80px;
    	background-image: url(../../wfilm-static/images/wfilm/stage_mobile_wfilm_right_small.gif);
	}	
	
	div#main div.ajaxTabPanel.view.home ul.filmcatalog img,
	div#main div.ajaxTabPanel.view.home ul.filmcatalog img.mask {
		height: 212px;
	    width: 150px;
	}	
	
	div#main div.ajaxTabPanel.view.home ul.filmcatalog img.sales{
    	width: 100px;
    	margin-top: 0px;
    	margin-left: 60px;
	}	
	
	div#main div.ajaxTabPanel.view.home ul.filmcatalog span.title {
    	height: auto;
    	width: 150px;
	}	
	
	
	div#main div.showArticle h1 {
    	font-size: 24px;
    	line-height: 28px;	
	}
	
	div#main div.basket h1{
    	font-size: 20px;
    	line-height: 28px;	
	}
	
	div#main div.content.home div.showArticle h2, 
	div#main div.content.news div.showArticle h2 {
    	font-size: 18px;
    }	
    
	div#main div.showArticle.search div.searchField input.searchInput{
	    width: 300px;    
	}
	
	div#main div.showArticle.extended.team div.images div.container {
    	width: 150px;
	}	
	
	div#main div.showArticle.filmcatalog ul.filmcatalog {
 		max-width: 869px;
    	width: 100%;
	}	
	
	div#main div.showArticle.filmcatalog ul.filmcatalog li.container img,
	div#main div.showArticle.filmcatalog ul.filmcatalog li.container img.mask {
    	height: 227px;
    	width: 160px;
    }	
    
	div#main div.showArticle.filmcatalog ul.filmcatalog li.container img.sales{
    	width: 100px;
    	margin-left: 60px;
    	margin-top: 0px;
	}     
    
	div#main div.showArticle.filmcatalog ul.filmcatalog li.container {
    	height: auto;
    	margin-bottom: 10px;
    	width: 168px;
	}    
	
	div#main div.showArticle.filmcatalog ul.filmcatalog li.container span.title {
    	width: 168px;
	}	
	
	div#main div.showArticle ul.filmevents div.eventarea {
    	min-height: auto;
    	max-width: 668px;
    	width: auto;
    	padding: 5px 0 0 0px;
    	display: block;
	}		
	
	div#main div.columnleft.filmevents ul li div.eventdate,	
	div#main div.showArticle ul.filmevents div.eventarea ul li div.eventdate {
    	width: 80px;
	}		
	
	div#main div.columnleft.filmevents ul li div.city,
	div#main div.showArticle ul.filmevents div.eventarea ul li div.city {
    	width: 120px;
	}	
	
	div#main div.columnleft.filmevents ul li div.cinema,
	div#main div.showArticle ul.filmevents div.eventarea ul li div.cinema {
    	width: 145px;
	}
	
	div#main div.showArticle.cinema ul.filmevents div.eventarea ul li div.eventdate {
    	width: auto;
	}		
	
	div#main div.showArticle.cinema ul.filmevents div.eventarea ul li div.cinema {
    	width: auto;
	}
	
	div#main div.showArticle.cinema ul.filmevents div.eventarea ul li div.cinema div.eventdescription {
		margin-bottom: 6px;
	}		

	div#main div.showArticle.cinema ul.filmevents div.eventarea ul li {
    	margin-bottom: 6px;
	}	
	
	div#main div.columnleft.filmevents span.cinema,
	div#main div.showArticle ul.filmevents span.cinema {
    	width: 145px;
	}	
		
	div#main div.columnleft.filmevents ul li,
	div#main div.showArticle ul.filmevents div.eventarea ul li {
    	margin: 0 0 10px 0;
	}	
	
	div#main div.content.film div.columnleft span.arrow, 
	div#main div.columnleft.filmevents span.arrow, 
	div#main div.showArticle.filmevents ul.filmevents div.eventarea span.arrow {
  		display: none;
	}	
	
	div#main div.columnleft.filmevents ul li div.cinema div.eventdescription, 
	div#main div.showArticle ul.filmevents div.eventarea ul li div.cinema div.eventdescription,
	div#main div.columnleft.filmevents ul li div.cinema div.eventtitle, 
	div#main div.showArticle ul.filmevents div.eventarea ul li div.cinema div.eventtitle {
    	padding: 0px;
	}	
	
	div#main div.columnleft.filmevents ul, 
	div#main div.showArticle ul.filmevents div.eventarea ul {
    	margin-top: 10px;
	}	
	
	div#main div.showArticle form div.object_form fieldset div.text input {
    	width: 300px;
    }	
    
	div#main div.showArticle form div.object_form fieldset div.textarea textarea {
    	width: 300px;
	}    
	
	div#main div.showArticle form div.object_form div.mandatory.privacy.policy span {
    	width: 300px;
	}	
	
	div#main ul.flash-message {
    	width: 300px;
    }
    
	div#main div.columnleft.filmevents span.cinema,
 	div#main div.showArticle ul.filmevents li.container a.cinemaTitle span.cinema{
    	text-decoration: underline;
	}  
	
	div#main div.showArticle.cinema div.rightColumn {
    	width: 100%;
	}	 
	
	div#main div.showArticle ul.filmevents{
		width: auto;
	}	
	
	div#main div.showArticle.cinema iframe.googlemaps {
    	float: left;
    	margin-bottom: 30px;
	}	
	
	div#main div.stage div.teaserMobile span.teaserTitle.teaserText {
   		padding: 15px 10px 10px 10px;
	}	
	
	div#main div.content.home div.showArticle span.media img, 
	div#main div.content.news div.showArticle span.media img, 
	div#main div.content.news div.dataResult span.media img,
	div#main div.content.film div.columnleft.story span.media img,
	div#main div.content.film div.columnleft.article span.media img {
	    width: 100%;
    	height: auto;
    	float: none !important;
	}	
	
	div#main div.ajaxTabPanel.view.film ul.ajaxTabPanelHeader li {
    	margin: 0 6px 10px 0;
	}	
		
	div#main div.stage div.title h1 {
		font-size: 18px;
	}	
	
	div#main div.ajaxTabPanel.view.film ul.ajaxTabPanelHeader li.title.arrow { 
		display: none;
	}
	
	div#main div.stage div.title {
    	padding: 10px;
	}	
	
	div#main div.content.film div.columnright img.poster {
    	display: none;
	}	
	
	div#main div.content.film div.columnleft {
    	width: 100%;
    	padding: 0;
	}		
	
	div#main div.content.film div.columnright {
    	min-height: auto;
	}	
	
	div#main div.content.film div.columnright {
    	max-width: none;
    	width: 100%;
    }	
    
	div#main div.ajaxTabPanel.view.film ul.ajaxTabPanelHeader {
	    margin-bottom: 10px;
	    display: none;
	}   
	
	div#main div.ajaxTabPanel.view ul.ajaxTabPanelHeader.show {
	    display: block;
	}   
	
	div#main div.content.film div.columnright ul.film.articles li, 
	div#main div.content.film div.columnright ul.film.publictrailer li, 
	div#main div.content.film div.columnright ul.film.links li {
   		margin: 0 0 6px 0;
	}
	
	div#main div.content.film div.columnright ul.film.articles a, 
	div#main div.content.film div.columnright ul.film.publictrailer a, 
	div#main div.content.film div.columnright ul.film.links a {
    	width: 100%;
    	display: inline-block;
	}	 
    		
	div#main div.content.film div.columnright div.startDates.desktop {
    	display: none;
	}	

	div#main div.content.film div.columnright div.startDates.mobile {
    	display: block;
    	margin-bottom: 10px;
    	clear: both;
	}	
	
	div#main div.content.film div.columnright div.socialMediaButtons {
    	margin: 10px 0 0 0;
	}		
	
	div#main div.content.film div.columnright div.wfilmFilmShop {
    	margin: 10px 0 15px 0;
    	display: block;
	}		

	div#main div.content.film div.columnright div.wfilmNewsletter {
    	margin: 10px 0 15px 0;
	}	
	
	div#main div.content.film div.columnright div.mobile_spacer{
		display: none;
		height: 15px;
	}	
	
	div#main div.content.film div.columnright div.mobile_spacer.show{
		display: block;
	}

	div#main div.content div.showArticle span.media.left, 
	div#main div.content.film div.columnleft span.media.left,
	div#main div.content div.showArticle span.media.right, 
	div#main div.content.film div.columnleft span.media.right {
    	width: 100%;
    	display: block;
    	float: none;
	}
			
	div#main div.stage div.title div.description{
		width: 90%;
	}
	
	div#main div.stage div.title div.menuPhone {
		display: block;
	}
	
	div#main div.content.film div.columnright ul.film{
		display: none;
	}
	
	div#main div.content.film div.columnright ul.film.show{
		display: block;
	}	
	
	div#main div.showArticle div.controls input,
	div#main div.content.film div.columnleft.filmevents.film div.controls input {
    	width: 130px;
	}
	
	div#main div.quicksearch {
    	float: none;
    	display: block;
    	margin-bottom: 20px;
	}		
	
	div#main div.stage div.teaserMobile div.left {
    	width: 260px;
	}	
	
	div#main header div.topmenu_container div.login div.loginArea {
    	top: 60px;
    	left: 0px;
    	position: fixed;
	}	
	
	div#main article div.shop div.col {
		display: block;
    	height: auto;
	}
	
	div#main article div.shop h3 {
    	margin: 10px 0 0 0;
	}	
	
	div#main article div.shop h3.cinemavoucher {
    	margin: 20px 0 0 0;
	}		
		
	div#main article div.shop div.col.right {
    	float: none;
    	text-align: left;
    	padding: 0 0 0 20px;
    	clear: both;
	}	
	
	div#main article div.shop div.col.vimeo {
    	float: none;
    	padding: 0 0 0 20px;
    	clear: both;
    	margin-top: 20px;
	}		
		
	div#main div.shop div.licence {
    	margin-bottom: 0px;
	}

	div#main div.shop div.licence.ngo {
    	margin-bottom: 20px;
	}		
	
	div#main div.shop div.licence.productvariant.hasLicences {
    	margin-bottom: 0px;
	}
	
	div#main div.shop div.licence div.labelOpt {
    	max-width: 350px;
	}	
		
	div#main article div.shop.vimeo div.columnRight {
		display: none;
	}
	
	div#main article div.shop.vimeo div.columnLeft {
    	width: 100%;
	}	
	
	div#main article div.shop.vimeo div.columnLeft div.description {
		min-height: auto;
	}		
		
	div#main article div.shop.vimeo div.columnLeft p {
    	margin: 0 0 20px 0;
	}
	
	div#main article div.shop div.row {
    	margin: 10px 0 30px 0;
	}	
	
	div#main article div.area div.col.product p.desc {
    	margin: 10px 0 10px 0;
	}	
	
	div#main div.basket div.object_form div.shippingAddressCheck {
    	margin: 30px 0 20px 10px;
	}	
	
	div#main div.basket div.licence.basketArea i{
		margin-left: 0px;
	}	
	
	div#main div.basket hr.header {
    	margin: 0 0 15px 0;
	}	
	
	div#main div.basket div.object_form div.mandatory fieldset.field_error.quickSearchTheatre div.error_messages, 
	div#main div.basket div.object_form div.mandatory fieldset.field_error div.error_messages {
    	margin-left: 0px;
	}
	
	div#main div.basket div.resetpassword div.summary.note, 
	div#main div.basket div.login-field div.summary.note, 
	div#main div.basket div.address-field div.summary.note {
    	margin-left: 0px;
	}	
	
	div#main div.basket div.login-field input.controls, 
	div#main div.basket div.address-field input.controls {
	    margin-left: 0px;
	}
	
	div#main div.basket.orders table tr.header {
    	font-family: 'Roboto-Regular', 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    	font-weight: 400;
	}			
	
	div#main div.basket div.object_form div.address h3 {
    	margin-left: 10px;
	}	
	
	div#main div.shopcommon.description {
	    margin-left: 0px;
	}		
	
	div#main article div.shop h3.desktop{
		display: none;
	}
	
	div#main article div.shop h3.mobile{
		display: block;
	}
	
	div#main div.basket div.object_form fieldset.quickSearchTheatre div.address h3 {
	    margin: 0;
	}	
		
	div#main div.basket div.object_form fieldset.searchCinema.show label {
	    margin: 0;
	    width: 0;
	    float: none;
	}	
	
	div#main div.basket.orders table td.tbDesktop{
		display: none;
	}
	
	div#main div.basket.orders table td.tbMobile{
		display: table-cell;
	}	
	
	div#main div.content fieldset.cinemabooking textarea {
	    width: 350px;
	}	
	
	div#main div.basket div.object_form div.cinema.theatre input.autocomplete_parameter {
	    background-image: none;
	}	
							
}








@media screen and (max-width:420px) {
	
	div#main div.basket fieldset.email a.change {
	    margin: 3px 0 0 0;
	}	
	
	div#main div.basket div.object_form fieldset.searchCinema.show.cinema a.cinemaChange {
	    margin: 5px 0 0 0;
	}		

	div#main div.basket.summary div.object_form div.policyNote {
    	width: 300px;
	}
	
	div#main div.showArticle ul.topiclist {
    	margin-top: 10px;
    	margin-bottom: 30px;
	}
	
	div#main div.shop div.licence div.labelOpt {
    	max-width: 290px;
	}		
	
	div#main div.showArticle ul.topiclist li{
    	margin-bottom: 10px;
	}
	
    div#main article div.shop div.col.product {
        padding: 0;
    }
    
    div#main article div.shop div.col.vimeo, div#main article div.shop div.col.right {
        padding: 0;
    }   
    
  	div#main div.content fieldset.cinemabooking textarea {
	    width: 300px;
	}	   	
	
}

@media screen and (max-width:500px) {

	div#main div.basket div.row div.col.price,
	div#main div.basket div.row div.col.amount,
	div#main div.basket div.row div.col.number{
    	width: 23%;
	}
	
	div#main div.basket div.row div.col.cinema{
    	width: 46%;
	}	
	
	div#main div.basket div.row div.col.delete{
    	width: 8%;
	}			

	div#main div.basket.summary div.row div.col.price{
    	width: 26%;
	}
	
    div#main div.basket.summary div.row div.col.cinema {
        width: 52%;
    }	

	div#main div.basket.summary div.row div.col.amount,
	div#main div.basket.summary div.row div.col.number{
    	width: 16%;
	}

	div#main div.basket div.row div.col.name,
	div#main div.basket.summary div.row div.col.name {
    	width: 100%;
    	margin-bottom: 8px;
	}
	
	div#main div.basket div.row.header div.col.name,
	div#main div.basket.summary div.row.header div.col.name {
    	display: none;
	}	
	
	div#main div.content input.request.newsletter,
	div#main div.basket div.object_form div.cinema.theatre input.autocomplete_parameter,
	div#main div.basket div.object_form fieldset div.text input {
    	width: 350px;
    }	
    
    

	div#main div.basket div.object_form div.iban fieldset input {
    	width: 250px;
	}
	    
	div#main div.basket div.controls.basket input.right {
    	float: left;
	}		
	
	div#main article input.basket, div#main div.basket div.back input, 
	div#main div.basket div.controls.basket input {
    	margin: 0 0 10px 0;
    }	
    
	div#main div.basket div.row div.col.name div.licence.basketArea {
		margin-bottom: 8px;
	}
	   
}

@media screen and (max-width:376px) {
	
	div#main article div.shop div.col.product {
    	padding: 0;
	}
	
	div#main article div.shop div.col.vimeo,
	div#main article div.shop div.col.right {
    	padding: 0;
	}	
	
	div#main div.shop div.licence div.labelOpt {
    	max-width: 280px;
	}			
	
	div#main div.content input.request.newsletter,
	div#main div.basket div.object_form div.cinema.theatre input.autocomplete_parameter,
	div#main div.basket div.object_form fieldset div.text input {
    	width: 325px;
    }	
    
	div#main div.basket div.object_form div.iban fieldset input {
    	width: 250px;
	}  

}

@media screen and (min-width:360px) and (max-width:374px) {

	div#main div.mainMenu ul li a, div#main div.mainMenu ul li span {
    	font-size: 11.5px;
    }
    
	div#main div.ajaxTabPanel.view ul.ajaxTabPanelHeader li a {
    	font-size: 17px;
	}   
	
	div#main div.ajaxTabPanel.view.home ul.filmcatalog {
    	padding-left: 12px;
	}	
	
	div#main div.columnleft.filmevents ul li div.cinema,
	div#main div.showArticle ul.filmevents div.eventarea ul li div.cinema {
    	width: 130px;
	}	
	
	div#main div.columnleft.filmevents span.cinema, 
	div#main div.showArticle ul.filmevents span.cinema {
    	width: 130px;
	}	
	
	div#main div.showArticle.filmevents form div.object_form.city fieldset div.text input,
	div#main div.content.film div.columnleft.filmevents.film form div.object_form.city fieldset div.text input {
		width: 180px;
	} 
	
	div#main div.content input.request.newsletter,
	div#main div.basket div.object_form div.cinema.theatre input.autocomplete_parameter,
	div#main div.basket div.object_form fieldset div.text input {
    	width: 300px;
    }		
			      	 
}


@media screen and (max-width:360px) {

	div#main div.mainMenu ul li a, div#main div.mainMenu ul li span {
    	font-size: 10px;
	}
	
	div#main div.ajaxTabPanel.view ul.ajaxTabPanelHeader li a {
    	font-size: 15px;
	}	
	
	div#main div.ajaxTabPanel.view ul.ajaxTabPanelHeader li {
    	margin-right: 0px;
	}	
	
	div#main div.shop div.licence div.labelOpt {
    	max-width: 250px;
	}				
	
	div#main div.stage div.teaserMobile span.teaserTitle.size1,
	div#main div.stage div.teaserMobile span.teaserTitle.size2,
	div#main div.stage div.teaserMobile span.teaserTitle.size3 {
    	font-size: 14px;
    }
    
	div#main div.stage div.teaserMobile span.teaserTitle.small {
		padding-left: 5px;
    	font-size: 10px;
    } 
    
	div#main div.stage div.teaserMobile div.left {
    	width: 220px;
	}     
	
	div#main div.stage div.teaserMobile span.teaserTitle.small {
    	width: auto;
	}	
	
	div#main div.stage div.teaserMobile span.teaserTitle.teaserText {
    	font-size: 15px;
    	width: 80px;
    }
    
	div#main div.ajaxTabPanel.view.home ul.filmcatalog li.container {
    	width: 140px;
	}    
    
	div#main div.ajaxTabPanel.view.home ul.filmcatalog img,
	div#main div.ajaxTabPanel.view.home ul.filmcatalog img.mask {
		height: 184px;
	    width: 130px;
	}	
	
	div#main div.ajaxTabPanel.view.home ul.filmcatalog img.sales{
    	width: 80px;
    	margin-top: 0px;
    	margin-left: 60px;
	}		
	
	div#main div.ajaxTabPanel.view.home ul.filmcatalog span.title {
    	height: auto;
    	width: 130px;
    	margin-top: 20px;
	}	
    	
	div#main div.ajaxTabPanel.view.home ul.filmcatalog {
	    padding-left: 10px;
	}	
	
	div#main div.columnleft.filmevents ul li div.cinema,
	div#main div.showArticle ul.filmevents div.eventarea ul li div.cinema {
    	width: 108px;
	}	
	
	div#main div.columnleft.filmevents ul li div.eventdate,
	div#main div.showArticle ul.filmevents div.eventarea ul li div.eventdate {
    	width: 76px;
	}	
		
	div#main div.columnleft.filmevents span.cinema,
	div#main div.showArticle ul.filmevents span.cinema {
    	width: 108px;
	}
	
	div#main div.columnleft.filmevents ul li div.city,
	div#main div.showArticle ul.filmevents div.eventarea ul li div.city {
    	width: 108px;
	}	
	
	div#main div.showArticle form div.object_form fieldset div.text input {
    	width: 280px;
    }	
    
	div#main div.showArticle form div.object_form fieldset div.textarea textarea {
    	width: 280px;
	}	
	
	div#main div.showArticle.search div.searchField input.searchInput {
    	width: 263px;
	}	
	
	div#main div.showArticle form div.object_form div.mandatory.privacy.policy span {
    	width: 260px;
	}	
	
	div#main div.showArticle.filmcatalog ul.filmcatalog li.container img,
	div#main div.showArticle.filmcatalog ul.filmcatalog li.container img.mask {
    	height: 184px;
    	width: 130px;
    }	
    
	div#main div.showArticle.filmcatalog ul.filmcatalog li.container img.sales{
    	width: 80px;
    	margin-left: 50px;
	}    
    
	div#main div.showArticle.filmcatalog ul.filmcatalog li.container {
    	width: 138px;
	}    
	
	div#main div.showArticle.filmcatalog ul.filmcatalog li.container span.title {
    	width: 138px;
	}		
	
	div#main div.showArticle.filmcatalog ul.filmcatalog {
    	margin-left: 10px;
	}		
	
	div#main div.showArticle.extended.team div.images div.container {
    	width: 138px;
	}	
	
	div#main div.stage div.title div.description {
    	width: 88%;
	}	
	
	div#main div.showArticle.filmevents form div.object_form.city fieldset div.text input,
	div#main div.content.film div.columnleft.filmevents.film form div.object_form.city fieldset div.text input {
		width: 150px;
	} 	
	
	div#main div.stage div.teaserMobile span.teaserTitle {
    	padding-left: 5px;
	}	
	
	div#main div.basket.summary div.object_form div.policyNote {
    	width: 250px;
	}
				
}

@media screen and (max-width:320px) {

	div#main article div.shop div.licence i {
    	margin: 10px 0 0 0;
	}
	
	div#main div.content input.request.newsletter,
	div#main div.basket div.object_form fieldset div.text input {
    	width: 250px;
    }	
	

}

@media screen and (min-width:601px) and (max-width:890px) {

	/* Medium */
	.medium-1 {
		width:25%;
	}

	.medium-2 {
		width:75%;
	}
	
	.medium-3 {
		width:100%;
	}
	
	.medium-4 {
		width: 23.7%;
	}

	.medium-5 {
		width: 76.3%;
	}	
	
	.medium-12 {
		width:12.66666667%;
	}
	
	.medium-37 {
		width:37.33333333%;
	}	
	
		
	div#main div.stage div#youtubeVideo iframe {
	    width: 100%;
	}			
	
	div#main {
	    max-width: 896px;
	}

	div#main header div.header_container,
	div#main div.mainMenu,
	div#main div.mainMenu.film, div#main div.mainMenu.home,
    div#main div.stage {	
    	margin-left: 12px;
    	margin-right: 12px;
	}
	
	div#main header div.topmenu_container a.language:hover .tooltiptext {
		visibility: hidden;
		display: none;
	}	

	div#main div.basketContainer {
    	top: 50px;
	}
		
	div#main div.content {
    	margin-left: 32px;
    	margin-right: 32px;
	}
	
	div#main footer div.footer_menu {
    	margin-left: 32px;
	}		
	
	div#main div.mainMenu {
    	background-image: none;
		width: auto;
	}	
	
	div#main div.stage div.teaser img.teaserOverlay,
	div#main div.stage div.teaser span.teaserTitle {
    	display: none;
	}	
	
	div#main div.stage div.teaserMobile{
    	display: block;
	}	
	
	div#main div.stage div.teaserCounter{
    	display: none;
	}	
	
	div#main div.stage div.arrow{
    	display: block;
	}		
	
	div#main div.content.film div.columnright img.poster,
	div#main div.stage div.video img.teaserImage,
	div#main div.stage div.teaser img.teaserImage,
	div#main div.stage div.teaser img.video.play.big{
    	width: 100%;
    	height: auto;  		
	}
	
	div#main header div.header_container {
    	padding-top: 20px;
	}	
	
	div#main div.mainMenu ul {
    	padding: 0;
	}	
	
	div#main div.stage {
    	margin-bottom: 30px;
	}	
	
	div#main div.ajaxTabPanel.view ul li a.a_tab_active {
    	border-bottom: 1px solid #a5a4a3;
	}	
	
	div#main div.ajaxTabPanel.view ul.ajaxTabPanelHeader li a {	
    	border: 1px solid #a5a4a3;
	}	
	
	div#main div.ajaxTabPanel.view ul.ajaxTabPanelHeader li {
    	margin-right: 5px;
	}	
	
	div#main div.ajaxTabPanel.view.home ul.filmcatalog {
    	padding-left: 30px;
	}	
	
	div#main div.ajaxTabPanel.view.home ul.filmcatalog li.container {
    	width: 220px;
	}	
	
	div#main div.ajaxTabPanel.view.home ul.filmcatalog img,
	div#main div.ajaxTabPanel.view.home ul.filmcatalog img.mask {
		height: 283px;
	    width: 200px;
	}	

	div#main div.showArticle.extended.team div.images div.container {
    	width: 170px;
	}	
	
	div#main div.showArticle.filmcatalog ul.filmcatalog {
 		max-width: 869px;
    	margin-left: 30px;
    	width: 100%;
	}	
	
	div#main div.showArticle.filmevents ul.filmevents div.eventarea {
		min-height: auto;
    	max-width: 668px;
    	padding: 10px 0 0 0px;
		display: block;
	}	
	
	div#main div.showArticle.cinema ul.filmevents div.eventarea {
    	width: 490px;
    	padding: 0px 0px 0px 10px;
	}		
	
	div#main div.showArticle.cinema ul.filmevents div.eventarea ul li div.eventdate {
    	width: 175px;
    }	
    
 	div#main div.showArticle.cinema ul.filmevents div.eventarea ul li div.cinema {
    	width: 310px;
	}  
	
	div#main div.showArticle ul.filmevents div.eventarea ul li div.cinema div.eventtitle {
		/* margin: 0px; */
	}		 
	
	div#main div.showArticle ul.filmevents div.eventarea ul li div.cinema div.eventtitle,
	div#main div.showArticle ul.filmevents div.eventarea ul li div.cinema div.eventdescription {
		/* padding: 0; */
	}
	
	div#main div.showArticle ul.filmevents{
		width: auto;
	}	
	
	div#main div.showArticle.cinema iframe.googlemaps {
    	float: left;
	}	
	
	div#main div.ajaxTabPanel.view ul.ajaxTabPanelHeader li a {
    	font-size: 26px;	
	}
	
	div#main div.showArticle form div.object_form fieldset div.textarea textarea {
    	width: 500px;
	}	
	
	div#main div.ajaxTabPanel.view.film ul.ajaxTabPanelHeader li {
    	margin: 0 5px 0 0;
	}	
		
	div#main div.stage div.title h1 {
		font-size: 26px;
	}	
	
	div#main div.stage div.title {
   		padding: 10px 20px 15px 20px;
	}		
	
	div#main div.columnleft.filmevents ul li div.eventdate {
    	width: 160px;
	}		
	
	div#main div.columnleft.filmevents ul li div.city {
    	width: 130px;
	}	
	
	div#main div.columnleft.filmevents ul li div.cinema {
    	width: 185px;
	}
		
	div#main div.columnleft.filmevents span.cinema {
    	width: 185px;
	}	
		
	div#main div.columnleft.filmevents ul li{
    	margin: 0 0 10px 0;
	}	
	
	div#main div.content.film div.columnleft span.arrow,
	div#main div.columnleft.filmevents span.arrow {
  		display: none;
	}	
	
	div#main div.columnleft.filmevents ul li div.cinema div.eventdescription, 
	div#main div.columnleft.filmevents ul li div.cinema div.eventtitle {
    	padding: 0px;
	}	
	
	div#main div.columnleft.filmevents ul {
    	margin-top: 10px;
	}	
	
	div#main div.basket div.row div.col.name {
    	min-width: auto;
	}	
	
	div#main div.basket div.licence.basketArea i{
		margin-left: 0px;
	}	
	
}

@media screen and (min-width:600px) and (max-width:720px) {

	div#main div.showArticle ul.topiclist {
    	-webkit-columns: 1;
    	-moz-columns: 1;
    	columns: 1;
	}
	
	div#main div.showArticle ul.topiclist li{
		float: none;
		margin: 0px auto 20px auto;
	}	

	div#main div.showArticle.cinema ul.filmevents div.eventarea {
		min-height: auto;
		max-width: 668px;
	    width: auto;
		padding: 5px 0 0 0px;
		display: block;
	}
	
	div#main div.showArticle.cinema ul.filmevents div.eventarea ul {
    	margin-top: 10px;
	}	

	div#main div.showArticle.cinema ul.filmevents div.eventarea ul li div.cinema div.eventtitle {
    	margin: 3px;
	}	

	div#main div.showArticle.cinema ul.filmevents div.eventarea ul li div.eventdate {
    	width: auto;
	}		
	
	div#main div.showArticle.cinema ul.filmevents div.eventarea ul li div.cinema {
    	width: auto;
	}
	
	div#main div.showArticle.cinema ul.filmevents div.eventarea ul li div.cinema div.eventdescription {
		margin-bottom: 6px;
	}		

	div#main div.showArticle.cinema ul.filmevents div.eventarea ul li {
    	margin-bottom: 6px;
	}	
	
	div#main div.columnleft.filmevents ul li div.eventdate {
    	width: 80px;
	}		
	
	div#main div.columnleft.filmevents ul li div.city {
    	width: 130px;
	}	
	
	div#main div.columnleft.filmevents ul li div.cinema {
    	width: 165px;
	}
		
	div#main div.columnleft.filmevents span.cinema {
    	width: 165px;
	}	
	
	div#main div.quicksearch {
    	display: block;
    	float: none;
    	margin-bottom: 20px;
	}		

}

@media screen and (min-width:890px) and (max-width:920px) {

	div#main {
	    max-width: 896px;
	}

	div#main header div.header_container,
	div#main div.mainMenu,
	div#main div.mainMenu.film, div#main div.mainMenu.home,
    div#main div.stage {	
    	margin-left: 12px;
    	margin-right: 12px;
	}
	
	div#main div.content {
    	margin-left: 32px;
    	margin-right: 32px;
	}
	
	div#main footer div.footer_menu {
    	margin-left: 32px;
	}	
	
	div#main div.showArticle ul.filmevents div.eventarea{
		max-width: 668px;
		width: auto;
	}	
	
	div#main div.columnleft.filmevents ul li div.eventdate,
	div#main div.showArticle ul.filmevents div.eventarea ul li div.eventdate{
		width: 160px;
	}
	
	div#main div.showArticle.cinema iframe.googlemaps {
    	float: left;
	}	
			
}

@media screen and (min-width:920px) and (max-width:960px) {

	div#main {
	    max-width: 920px;
	}

	div#main header div.header_container,
	div#main div.mainMenu,
	div#main div.mainMenu.film, div#main div.mainMenu.home,
    div#main div.stage {	
    	margin-left: 24px;
    	margin-right: 24px;
	}
	
	div#main div.content {
    	margin-left: 44px;
    	margin-right: 44px;
	}
	
	div#main footer div.footer_menu {
    	margin-left: 44px;
	}	
	
	div#main div.showArticle ul.filmevents div.eventarea{
		max-width: 668px;
		width: auto;
	}	
	
	div#main div.columnleft.filmevents ul li div.eventdate,
	div#main div.showArticle ul.filmevents div.eventarea ul li div.eventdate{
		width: 160px;
	}
	
			
}

@media screen and (min-width:960px) and (max-width:1050px) {

	div#main {
	    max-width: 968px;
	}

	div#main header div.header_container,
	div#main div.mainMenu,
	div#main div.mainMenu.film, div#main div.mainMenu.home,
    div#main div.stage {	
    	margin-left: 48px;
    	margin-right: 48px;
	}
	
	div#main div.content {
    	margin-left: 68px;
    	margin-right: 68px;
	}
	
	div#main footer div.footer_menu {
    	margin-left: 68px;
	}	
}


@media screen and (min-width:890px) {

	/* Large */
	.large-1 {
		width:30%;
	}

	.large-2 {
		width:70%;
	}

	.large-3 {
		width:100%;
	}
	
	.large-4 {
		width: 23.7%;
	}

	.large-5 {
		width: 76.3%;
	}	
	
	.large-6 {
		width:21%;
	}

	.large-7 {
		width:79%;
	}	
	
	.large-16 {
		width:16.66666667%;
	}
	
	.large-33 {
		width:33.33333333%;
	}
	
	.large-12 {
		width:12.66666667%;
	}
	
	.large-37 {
		width:37.33333333%;
	}	
		
		


}