* {
    margin: 0px;
    padding: 0px;
}

html {
	width: 100%; font-size: 18px; line-height: 22px;
}
body {
		margin: 0; color: #3C3C3C; font-family: 'PT Sans', 'arial narrow', sans-serif; zoom: normal; font-size: 18px; line-height: 22px;
	}
@media all {
	.wrap {
		max-width: 1240px; margin: 0 auto;
		position: relative;
	}

	#header {
		height: 134px; width: 100%; background-color: #ececec; position: relative;     border-bottom: 1px solid #000;
	}

	#search {
		width: 240px; background-image: url('img/search.png'); height: 102px; margin-top: 24px; float: right;
	}
	
	#mobiletitle {
		display: none;
	}

	.city_and_day {
		position: absolute;
		left: 312px;
		top: 22px;
		width: 260px;
		color: #808285;
		font-size: 16px;
	}

	#topmenu {
		height: 29px;
		width: 936px;
		background-image: url('img/topmenu.png');
		clear: both;
		z-index: 100;
		position: absolute;
		top: 104px;
		margin: 0px auto;
		padding: 0
	}

	#submenu {
		height: 37px; background-color: #ececec; background-image: url('img/submenu.png');
	}

	#banner288x80 {
		height: 80px;
		right: 304px;
		top: 24px;
		position: absolute;
		width: 288px;
	}

	#content {
		margin-top: 29px;
	}

	#col1 {
		margin-right: 33px; width: 612px; float: left;
	}

	#col2 {
		width: 321px; height: 100%; float: left; padding-left: 33px; border-left: 1px dotted #878785;
	}

	#col3 {
		float: left; width: 240px; height: 100%; padding-left: 33px;
		
	}

	/*
	#col3.sticky {
		position: fixed;
	}
	*/
	#title {
		
	}
	
	#subtitle {
		color: #3C3C3C;
		font-family: 'PT Sans', 'arial narrow', sans-serif;
		padding: 10px 0 15px 0;
		margin: 0 0 10px;   
		font-size: 24px;
		line-height: 26px;
		font-weight: 400;
		
	}
	
	#pic {
		padding-bottom: 10px;
	}
	#intextpic {
		float: left;
		padding: 0 10px 10px 0;
	}

	#newstext {
		padding-bottom: 30px;
	}

	#undertext {
		margin: 20px 0;
	}

	#textfooter {
		
	}

	#mid1 {
		width: 612px; height:200px; margin-top: 1em;
	}

	#mid2 {
		width: 612px; height:200px; margin-top: 1em;
	}

	#other1 {
		width: 100%; background-image: url('img/other1.png'); height: 1376px;
	}

	#other2 {
		width: 100%; background-image: url('img/other2.png'); height: 1060px;
		
	}

	#other3 {
		width: 100%;
	}

	#poster1 {
		width: 100%; height: 500px;
	}

	#poster2 {
		width: 100%; height: 500px;
	}

	h1 {
		font-family: 'PT Sans', 'arial narrow', sans-serif; font-size: 48px; line-height: 51px; padding: 0 0 20px 0; font-weight: bold; margin: 0;
	}

	.sky {
		width: 240px;
		height: 400px;
		overflow: hidden;
		margin-bottom: 10px;
		position: relative;
	}

	.space {
		height: 10px;
	}

	a.logo {
		display: block;
		padding-top: 24px;
		    float: left;
	}
	
	#mobad {
		display: none;
	}
}
@media only screen and (max-width: 1024px) {
	#banner288x80, #col2, #col3, .city_and_day.display-screen-medium-big, #search, #mid1, #mid2, #topmenu, .city_and_day	{
		display: none;
	}
	html {
		zoom: 2;
	}
	body {
		font-size: 18px;
		line-height: 22px;
	}
	#header {
		    height: 100px;
	}

	
	#topmenu {
		width: 100%;
	}
	#submenu {
		margin: 0 10px;
	}
	
	#content {
        padding: 0 10px;
	}
	#col1 {
		width: 100%;
		padding-right: 0;
	}
	.logo img {
		width: auto;
		height: auto;
	}
	img {
		width: 100%;
		height: auto;
	}
	.wrap {
		width: 100%;
		margin: 0px auto;
		position: relative;
	}
	
	#mobiletitle {
	display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    font-family: 'Roboto Slab', 'arial narrow', sans-serif;
    font-size: 18px;
    line-height: 22px;
    padding: 21px 10px;
    text-transform: uppercase;
    color: #878787;
    font-weight: bold;
	zoom: 1.5;
	}
	
	
	#mobad {
		display: block;
	}

}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 

	
	h1 {
		font-size: 48px; line-height: 51px;
	
	}
}