
body:after 
	{
        content: 'mobile';
        display: none;
	}


img
	{
	
	
	}
	

.onlymobile
	{
	display:block;
	}
	

.contentwidth
	{
	width:auto;
	padding: 20px;
	}

div.slider_claim
	{
	display:none;
	}

#slider_wrapper, #headimage_wrapper
	{
	display:none;
	}

#contentcell_main
	{
	
	}


#contentcell_left
	{
	display:none;
	}
	
#contentcell_main.withleftcol
	{
	margin: 0 0 0 0;
	width:auto;
	}	

div.homebox
	{
	height:auto;
	min-height:275px;
	overflow: visible;
	
	}


div.homebox_overlay
	{
	min-height:350px;
	height:100%;	
	}

div.inside_homebox {

    height: auto;
}



div.homebox.withticker
	{
	height:275px;
	}


.runtime_leftcol
	{
	float:none;
	width:100%;
	}

.runtime_rightcol
	{
	width:100%;
	float:none;
	border-left:0;
	padding-left:0;
	}


img.contentfloat, img.contentfloat.right
	{
	float:none;
	margin:10px 0;
	width:100%
	}


.columns
	{
	float:none;
	}

  .lg1,.lg2,.lg3,.lg4 {width: 100%;padding-left:0;padding-right:0;margin-bottom:2em;}
  .third1,.third2,.third3 {width: 100%;padding-left:0;padding-right:0;margin-bottom:2em;}
  
  .row
  	{
  	margin-bottom:0;
  	}  


/* ####################################################################################################################
   FOOTER
   #################################################################################################################### */		
div.footermenu
	{
	float:none;
	display:inline-block;
	padding:10px;
	}


div.footermenu a
	{
	display:block;
	
	}

div.footermenu a:after{ 
   content: '';
   margin:0;
}    


ul.footermembers
	{
	display:block;
	}
	
ul.footermembers li
	{
	display:inline-block;
	width:50%;
	margin-bottom:1em;
	}	

/* ####################################################################################################################
   MAINMENU
   #################################################################################################################### */		
	
#hamburger
	{
	color:#E6E6E6;
	background:#000 url(/images/layout/hamburger.png) right center no-repeat;
	width:auto;
	height:30px;
	line-height:30px;
	clear:both;
	display:block;
	font-size:14px;
	margin-top:5px;
	padding-left:15px;
	z-index:9999;
	}

#hamburger.active
	{
	color:#fff;
	background:#000 url(/images/layout/hamburger_active.png) right center no-repeat;
	}
	
div#mainmenu
	{
	position:static;
	float:none;
	height: auto;
	top: auto;
	left: auto;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	}	
	


#nav-main
	{
	position: static;
	float:none;
	height: auto;
	display:none;
	background:#eee;
	background-image:none!important;
	padding:0;
	z-index:99999;
	}
	

#nav-main > li, #nav-main > li.menulevel1 {
	text-align:left;
	display:block;
	float: none; 
	width: auto; 
	background: #efefef;
	border-bottom:1px solid #ccc;
	height:auto;
	padding:0;
	font-size:18px;
	color:#000;

	}


	
#nav-main >li > a, #nav-main > li.menulevel1 > span > a
	{ 
	height:auto;
	line-height: 40px; 
	float:none;
	padding:0 10px!important;
	color:#000;
	}
	


#nav-main li ul { 
	position: static; 
	float:none;
	width:100%;
	clear:both;
	border:0;
	background:transparent;
	padding:0;
	
	margin: 0;
	
	}


#nav-main li:hover ul
	{
	display:block;
	background:#fff;
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
	position: static;
	margin-left:0;
	width:auto;
	
	
	}
	
	
#nav-main li.last ul
	{
	margin: 0;
	}	

#nav-main li ul li {
	clear: both;
	width: 100%;
	float: none; 
	border:0;
	background-image:none;
	border-left:0;
	}

#nav-main li ul li a, #nav-main li.notcurrent:hover li a
	{
	color:#000;
	font-size:15px;
	}

#nav-main li.current a, #nav-main li.current a:hover
	{
	background: #C1C1C1;
	}

#nav-main ul li a, #nav-main ul a, #nav-main li.current ul a, #nav-main li:hover ul a
	{
	
	background: #C1C1C1;
	padding:0 0 0 20px;
	line-height: 30px; 
	width:100%;
	display:block;
	}

#nav-main li:hover ul li:hover ul
	{
	display:block;
	position: static;
	}

#nav-main li:hover ul li:hover ul li a
	{
	padding-left:40px!important;
	}

#nav-main li.after-current ul {margin-left:0;}
#nav-main-wrapper li:hover ul { display: none;  }
#nav-main > li ul { display: none;  }
#nav-main > li.tap { background: #555;  }
#nav-main > li.tap ul { display: block;  }
#nav-main > li.current.tap ul { display: block;  }	



/* ####################################################################################################################
   TIMELINE
   #################################################################################################################### */		

#timeline-wrapper
	{
	width:100%;
	}

.timeCube {
	width: 100%;
	}

.timeCube > .nav {
	width: 80%;

}

.timeCube > .nav > .line {
	
	width: 80%;
	
}

.timeCube > .container > .event 
	{
	width: 100%;
	}