body{
margin: 0;
background-image: url('../Img/bg.png');
font-size: 15px;
overflow-x: hidden;
}

.links{
	display: none !important;
}

#main{
	display: inline;
}

#page{
margin-top: 1.4%;
overflow: hidden;
}

tbody {
	border-top: none;
}
	
@font-face {
    font-family: MyriadBold;
	src: url('../Fonts/myriadprobold.eot');
    src: url('../Fonts/myriadprobold.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/myriadprobold.ttf') format('truetype');
	
}

@font-face {
    font-family: Myriad;	
	src: url('../Fonts/myriadprobold.eot');
    src: url('../Fonts/myriadprobold.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/myriadprobold.ttf') format('truetype');
}
@font-face {
    font-family: Quicksand;
	src: url('../Fonts/quicksand_book.eot');
    src: url('../Fonts/quicksand_book.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/quicksand_book.ttf') format('truetype');
}
@font-face {
    font-family: GillSansLight;
	src: url('../Fonts/GillSansLight.eot');
    src: url('../Fonts/GillSansLight.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/GillSansLight.ttf') format('truetype');
}
@font-face {
    font-family: GillSans;
	src: url('../Fonts/gillsans-webfont.eot');
    src: url('../Fonts/gillsans-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/gillsans-webfont.ttf') format('truetype');
}
.sider{
	background-image:url("../images/sider.png"); 
		background-size: 100% 100%;
	background-repeat: no-repeat;
	float:left;
	display: block;
	width:10%;
	height:auto;
	position: fixed;
	}
	
	.imgload{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	#video .contain{
		width: 100% !important;
		height: auto;
		margin: 0 !important;
		padding: 0 !important;
		border: 1px solid #a7a69c;
		float: left;
		overflow: hidden;
		position: relative;
	}
	
	#video .mejs-container{
		width: 100% !important;
	}
	
	#container > #video > div{
		min-height: 0px;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#video *{
		max-height: inherit;
		max-width: inherit;
		min-height: inherit;
		min-width: inherit;
	}
	#video .mejs-video{
	
	}
	
	#mep_0{
		width: 100% !important;
	}	
	
	#container{
		max-width: 1380px;
		margin: 1% auto;
	}
	
	
	#page{
		float: left;
	}

	
	/*
	#video,
	#informationwrapper,
	#traindepatures,
	#newswrapper,
	#marketpricewrapper,
	#faultreportwrapper,
	#timeanddatewrapper,
	#weatherwrapper{
		min-height: 235px;
	}
	*/
	
	
	

#container #klaraportenlogo{
	height: auto;
	min-height: auto;
}


/* Two thirds widht blocks */
#video,
#informationwrapper,
#dynamicinfoblock{
	width:65%;
	
}
#video{
	margin: 1% 1% 0 1%;
	width: 63%;
}
/* One third width block */
#traindepatures,
#newswrapper2,
#newswrapper,
#marketpricewrapper,
#faultreportwrapper{
	width: 32%
}

#marketprice,
#news{
margin: 0% 3% !important;
}

/* One sixth */
#timeanddatewrapper,
#weatherwrapper{
	min-width:16.5%;
	margin-top: 1%;
}
#traindepatures{
	width: 33%;
	border: 1px solid #a7a69c;
	margin-top: 1%;
}
#container > div > div{
		margin: 1% auto;
	height:96%;
	width:97%;
	min-height: 225.6px;
	border: 1px solid #a7a69c;
}
#container > div{
	display: inline-block;
	max-width: 100%;
	vertical-align: top;
}

@media only screen and (max-width : 1125px) {
	.sider,
	#page{
		width: 100% !important;
		float: none;
	}
	
	body .sider{
		background-image:url("../Img/logotop.png"); 
	}
	
}




@media only screen and (max-width : 1125px) {
	#video,	
	#dynamicinfoblock,
	#informationwrapper{
		width: 100% !important;
	}
	
	#traindepaturescontent{
		font-size: 0.9em !important;
	}
	#traindepatures,
	#newswrapper2,
	#newswrapper,
	#marketpricewrapper{
		width: 50% !important;
	}

	#timeanddatewrapper,
	#weatherwrapper{
		width: 24%;
	}
	#faultreportwrapper,
	#video{
		margin: 0 !important;
	}
	
	#timeanddatewrapper {
	margin-left: 1.5% !important;
	}
	#faultreportwrapper {
	width: 49% !important;
	}
	#traindepatures{
	margin-left: 1.5%;
	width: 48% !important;
	}
	#ipad{
	margin-top: 0.5%;
	}
	#timeanddatewrapper, #weatherwrapper {
	margin-top: 0.5% !important;
	}
}



@media only screen and (min-width : 850px) {
	#video_____{
		width: 63% !important;
		margin: 0px 1%;
	}
}
@media only screen and (max-width : 850px) {
	
	body{
	overflow-x: hidden;
	}
	
	#traindepaturescontent{
		font-size: 0.9em !important;
	}

	#video,
	#informationwrapper,
	#traindepatures,
	#newswrapper,
	#newswrapper2,
	#dynamicinfoblock,
	#marketpricewrapper,
	#faultreportwrapper{
		width: 100% !important;
	}

	#traindepatures{
		width: 97% !important;
	}
	
	#timeanddatewrapper,
	#weatherwrapper{
		margin-top: 1% !important;
		width: 48% !important;
	}
	
	#timeanddate{
	margin: 2% 3% !important;
	}
	
	#dynamicinfocontent{
		}
		/*
	#dynamicinfocontent .img{
		width: 100%;
		float: none;
		margin: 0 !important;
		
	}*/
	body #dynamicinfocontent .img img{
		margin-top:0;
	}
	#marketprice{
	margin: -1% -2% !important;
	}
	body #marketpricewrapper > div{
	margin-left: 1.5% !important;
	}
	#news{
	margin: 2% 1.5% !important;
	}
	body #faultreport{
	margin: 0.5% 1.5% !important;
	}
	#faultreportwrapper{
	width: 100% !important;
	}
	#page{
		margin-top: 0 !important;
		margin-bottom: 18px !important;
	}
	
	#timeanddate{
		margin-left: 3% !important;
	}
	#dynamicinfocontent{
	}
	body #weather{
		width: 99% !important;
		margin: -2% 0% !important;
	}
	body #faultreportwrapper{
		margin-top: 0 !important;
	}
}


#pc{
	display: inline !important;
}


#pc #marketpricewrapper,
#pc #newswrapper2,
#pc #newswrapper{
	width: 32%;
	margin: 0 !important;
}



#ipad #marketpricewrapper,
#ipad #newswrapper2,
#ipad #newswrapper{
	width: 100% !important;
}


#ipad{
max-width: 49% !important;
display: inline-block;
margin-top: 0.5%;
}

#container  #pc > div,
#container  #ipad > div {
display: inline-block;
max-width: 100%;
vertical-align: top;
border: none;
}

#container #pc > div > div,
#container #ipad > div > div {
margin: 1% auto;
max-height:200px;
width: 95%;
min-height: 225.6px;
border: none;
	padding: 2% 1% 1% 1%;
margin-bottom: -100px !important;
padding-right: 1%;
}

#dynamicinfoblock{
	border: 1px solid #a7a69c !important;
	padding: 0 !important;
	margin: 0.8% 0.9% 0.9% 1% !important;
	width: 63%;	
	background-color: #fff !important;

}



body #dynamicinfoblock > #dynamicinfo > #dynamicinfocontent{
	padding: 0 !important;	
	background-color: #fff !important;

}
body #dynamicinfoblock > #dynamicinfo{
	border: 0 !important;
	width: 96% !important;
	margin: 0 !important;
	background-color: #fff !important;
	margin-bottom: -0.4% !important;

}

body.mobile div #traindepatures{
	margin-left: 1% !important;
	width: 97.5% !important;
}

body.mobile #timeanddatewrapper{
	margin-left: 1% !important;
}
body.mobile #dynamicinfoblock,
body.ipad #dynamicinfoblock{
	width: 97% !important;
	margin-left: 1.5% !important;
	margin-top: 1% !important;
}

body.ipad div #dynamicinfoblock{
	margin-top: 0.5% !important;

}

body.mobile div #dynamicinfoblock{
	margin-left: 1% !important;
	width: 97.5% !important;
}
#container #pc > div ,
#container #ipad > div  {
	border: 1px solid #a7a69c;
	margin-left: 1% !important;
	width: 31%;
	background-image: url('../Img/newsbg.png');
	background-size: 100% 100%;
	max-height: 225.6px;
}

#container #ipad > div  {
	width: 97.5% !important;
	margin-left: 2% !important;
}

#newscontent{
	margin: 0 !important;
	height: 205px !important;
	display: block;
	float: left;
	padding-bottom: 5% !important;
}
#newscontent,
#faultreport{
	overflow: hidden;
	max-height: 205px;
}


body.pc #weather{
	min-height: 223px !important;
	margin-top: -1.5% !important;
}
body.pc #timeanddate{
	margin: -1.5% 0 !important;
	min-height: 223px !important;
}

body.pc #container #pc > div#newswrapper2{
	margin-left: 0.85% !important;
}

body.mobile #faultreportwrapper{
	margin-top: 0.5% !important;
}
body.ipad #faultreportwrapper{
	margin-left: 0.2% !important;
}

body.mobile #container #pc > div#newswrapper2{
	margin-top: 1% !important;
}

body.mobile #container #pc > div{
	margin-top: 2% !important;
	width: 97.5% !important;;
}

body.mobile #faultreport {
margin: 0.5% 1% !important;
width: 97.5% !important;
}




/*
#news{
	background-image: url('../Img/newsbg.png');
	background-size: 100% 100%;
}
*/






/*
#traindepatures table tr.head td.line{
	width: 10%;
} */
#traindepatures table tr.head td.bold{
        padding-left: 5%;
        width: 94%;
}   


#traindepatures table tr.head td{
	/* text-indent: 15px; */
}

#traindepatures table tbody{
        width: 100%;
        display: block;
}
#traindepatures table{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	display: block;
	line-height: 2em;
}
#traindepatures table tr{
	width: 100%;
        display: block;
        background-color: #fff;
}
#traindepatures table td{
	font-size: 2em;
	width: 22%;
        text-align: left;
        padding: 1%;
        padding-bottom: 0.9%;
        padding-top: 0.9%;
        display: inline-block;
}
#traindepatures table td.first{
        padding-left: 5%;
}
#traindepatures{
	font-family: GillSans;
}
#traindepatures img{
	width: 100%;
	height: auto;
	margin: 0px;
	display: block;
}

#arlanda,
#tbana{
	background-color: #ecd327;
}

#traindepatures tr.head{
	text-align: left;
	color: #fff;
}

#traindepatures tr.head.blue{
	background-color: #3535ff;
}

#traindepatures tr.head.red{
	background-color: #e2181a;
}

#traindepatures tr.head.green{
	background-color: #3fb604;
}
	
	
#traindepatures .title{
	background-color: #353533;
	color: #fff;
	display: block;
	width: 100%;
	padding: 5px 0;
	font-family: GillSans;
}

ul.slideshow{
	margin:0;
	padding:0;
	width:100%;
	position:relative;
	list-style: none;
height: inherit;
max-height: inherit;
}

ul.slideshow li{
position:absolute;
width: 100%;
list-style:none;
text-align: center;
padding: 0;
margin: 0;
max-height: 500px !important;
height: inherit;
}
ul.slideshow li img{	
width: auto;
max-width: 100%;
max-height: inherit !important;
height: inherit;
}
/*
ul.slideshow li img.high{	
width: auto;
	height: 100%;
}
ul.slideshow li img.wide{width: 100%;
	height: auto;
	
}

*/






#weatherimagediv{
	margin-top: 10%;
}

#timeanddate{
	text-shadow: 2px 2px 2px #5b5c5c;
	background-color: #7b7e7c;
margin: -2% 0 !important;
}
#timeanddatewrapper{
}
#timeTable{
	font-family: Myriad;
	margin: 0 auto;
	margin-top: 20px;
margin-bottom: -20px;
}

#timeTable td{
	height:55px;
}
#timeTable td:nth-child(2){
	padding-left:5px;
}

#timeTable tr:nth-child(1) td:nth-child(1){
	vertical-align:bottom;
	text-align:center;	
}

#timeTable tr:nth-child(2) td:nth-child(1){
	vertical-align:top;
	text-align:center;	
}

#timeTable #clock{
	height:25px;
	width:25px;
}
#timeTable #hour{
	font-size:3em;
	color:white;
}

#timeTable #amOrem{
	font-size:1em;
	color:white;
}

#dateandmonth{
	font-family: Myriad;
	font-size:1.4em;
	color:white;
	text-align: center;
	display: block;
}


.tbanaTable{
	font-size: 0.5em;
}

video.REMOVE{
	cursor: pointer;
}

#video .mejs-layers,
#video .mejs-controls{
	display: none !important;
	visibility: hidden !important;
}

#dynamicinfo{
	overflow: hidden;
}
#dynamicinfoblock{
	overflow: hidden;
	margin: 0.70% auto;
}

.dynamicinfo{
	position: relative;
	margin: 0 auto !important;
}

#faultreportwrapper{
	width: 34%;
}
#faultreport{
background-color: #fff;
margin: 0% 2.6% !important;
position: relative;
}
#faultreport p{
	margin: 0;
	padding: 0;
	display: block;
}
#faultreport img{
	width: 100%;
height: auto;
margin-top: 2%;
line-height: 100%;
vertical-align: middle;
display: inline-block;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
max-height: 100%;
}


#temperaturetomorrow{
	background-image: url('../Img/tomorrow.png');
min-height: 63px;
position: absolute;
right: -5%;
width: 100%;
background-repeat: no-repeat;
line-height: 45px;
background-position: right;
background-size: 100% 100%;
}


#weatherwrapper{
	text-shadow: 2px 2px 2px #5b5c5c;
	color: #fff;
}

#weather{	
	position: relative;
	background-color: #7b7e7c;
	height:96%;
	width:96%;
	text-align: center;
	margin: -2% 3% !important;
	font-size: 1.5em;
font-family: GillSans;
}


#dynamicinfo,
#information{
	background-image: url('../Img/infobg.png');
	font-family: GillSansLight;
}
#dynamicinfoblock{
	padding-left: 1px;
	}
#information .center{
	float: left;
	margin: 0% 5%;
}

#dynamicinfocontent p{
line-height: 1.4em;
}
#dynamicinfocontent,
#tabletinfodiv{
margin: 2%;
}

#dynamicinfoblock h2,
#information h2{
	font-family: GillSans;
	color: #ed1b2e;
}

#timeanddatewrapper{
	margin-left: 0px;
}

#dynamicinfocontent .img img{
margin-top: 10%;
height: 150px;
width: auto;
}
#dynamicinfocontent .img{
	float: left;
	margin-right: 3%;

}

#dynamicinfocontent .text{
	
}



.newsh{
	font-family: GillSans;
}
.newsp{
	font-family: GillSansLight;
}

#newscontent img{
	display: block;
	margin-bottom: 3%;
	max-width: 100%;
}
#newscontent{
	margin: 3%;
}


#marketprice .marketpriceTable{
	font-weight: bold;
}
#marketprice {
	font-family: "Myriad Pro", Myriad, Arial;
	color: #666666;
}
#marketprice .slides_container > div{
	padding: 3%;
}
#marketprice .slides_container{
	background-color: #fff;
}
#marketprice h3{
	font-family: GillSans;
	color: #fff;
	font-size: 2.3em;
	font-weight: 100;
	text-shadow: 2px 2px 2px #30a1bb;
	line-height: 0em;
	text-indent: 5%;
}

#marketprice table{
	width: 100%;
}

.marketpriceTable tr.head td{
	font-size: 1.5em;
}

.marketpriceTable tr.info td{
	font-size: 1em;
}


#marketprice{
	background-image: url('../Img/stocksbg.png');
	background-size: 100%;
}

#newswrapper2,
#newswrapper{
overflow: hidden; 
border-right: 1px solid #A7A69C !important;
}
#newswrapper2 .news,
#newswrapper .news{
	position: relative;
}

#newswrapperTabletPortrait{
	display: none !important;
}

#traindepaturescontent{
	margin: 0 !important;
	border: 0 !important;
	width: 100% !important;
}

.train{
	background-color: white;
	overflow: hidden;
}

.train .item.hide{
	color: transparent;
	background-color: #efefef;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.train .item span{
	display: inline-block;
	text-align: center;
}

.train .item .date{
	width: 30%;
}
.train .item .destination{
	width: 70%;
}
.train .item .time{
	width: 25%;
	display: inline-block;
	text-align: center;
}
.train .item{
	font-family: GillSans;
	Spadding: 13px 0;
	text-transform: uppercase;
}
.train .item .bot{
	font-weight: bold;
	font-size: 1.1em;
}
.train .item .top{
	font-size: 0.9em;
}

.train .item{
	background-color: #efefef;
	margin-bottom: 4px;
}

.train .item.red{
	border-left: 6px solid red;
}

.train .item.green{
	border-left: 6px solid green;
}

.train .item.blue{
	border-left: 6px solid blue;
}

#traindepaturescontent{
	overflow: hidden;
}


#marketpricewrapper > div{
	margin-left: 3% !important;
}
#marketpricewrapper {
	background: transparent !important;
}
#ccc,
#marketpricewrapper > div{
	width: 95%;
	background-color: white !important;
	background-image: none !important;
}
#ccc,
#marketprice > div{
	margin: 3% !important;
}