html { 
	background: url(../images/Dalatrafik_bakgrund01_2000x1300.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.bg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale')";
}

html,body{
	width:100%;
	max-width: 100%;
	min-width: 320px;
	padding:0px;
	margin:0px;
	font: normal 12px/100% 'Lato',Arial;
    color:#333;
}

	#wrapper {
		width:960px;
		max-width: 100%;
		margin:0 auto;
		background:#FFF;
		margin-top:10px;
		overflow: hidden;
        font-size: 1.1em;
	}
		#wrapper-inner {
			padding:30px;
			overflow: hidden;
		}
		#top {
			overflow: hidden;
			width: 100%;
		}
			#logo-full {
				float:left;
				clear:left;
				width: 70%;
				max-width: 280px;
			}
			#logo-full img {
				width: 100%;
			}
			#logo-mobile {
				display:none;
			}

			#top .menu-logo {
				display: block;
				width:32px;
				padding:7px 10px;
				float:left;
			}
			#top .menu-logo img {
				width:100%;
			}

			#top .menu-button {
				float:left;
				display:block;
				cursor:pointer;
				text-transform: uppercase;
				clear:none;
				width:40px;
				background:url(../images/icons/arrow_down.png) right center no-repeat;
				padding:14px 30px 14px 10px;
				font-weight: 900;
				color:#FFF;
			}

			.tools {
				float:right;
			}
				.tools div {
					float:left;
				}
				.tools #fullSiteToolbox div {
					float:left;
					padding:18px 5px 0px 0;
				}
                    .tools #travel {
						float:left;
					}
                        .tools #travel img {
                            height:26px;
                            padding-right:5px;
                        }
					.tools #shop {
						float:left;
					}
                        .tools #shop img {
                            height:24px;
                        }
					.tools #search {
						margin-left:5px;
                        position:relative;
					}
                        .tools #search img{
						    top:21px;
                            right:8px;
                            position:absolute;
                            cursor:pointer;
                            width:18px;
                            height:18px;
					    }
						.tools #search #searchText {
							width:160px;
							height:22px;
							border:0px;
							margin-top:0px;
							/*font-size: 1em;*/
							text-indent:6px;
                            -webkit-appearance: none;
							-webkit-box-shadow: 0px 0px 3px #666666;
					           -moz-box-shadow: 0px 0px 3px #666666;
					                box-shadow: 0px 0px 5px #666666;
					         
					        /* IE 8 */
					        /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=125, Color='#000000')"
					        "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')";*/
					 
					        /* IE 7 and lower */
					        /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=125, Color='#000000')
					        progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000'); */
						}
					.tools #flag-sv {
						margin-left:5px;
					}
					.tools #flag-en {
						margin-left:5px;
					}
                    .tools .travelIcon {
                        background: url(../images/icons/travel.png) no-repeat; 
                        background-size:23px 26px;
                    }
                    .tools .shopIcon {
                        background: url(../images/icons/shop-new.png) no-repeat; 
                         background-size:23px 24px;
                    }
                    .tools .searchIcon {
                        background: url(../images/icons/search_r.png) no-repeat; 
                    }
                    .tools .settingsIcon {
                        background: url(../images/icons/settings_r.png) no-repeat; 
                    }
                    .tools .topIcon, .tools .topIcon img {
                        width: 24px;
                        height: 24px;
                    }

				.tools .mobileSiteToolbox {
					display:none;
				}
					.tools .mobileSiteToolbox a {
						float:left;
						margin-left:10px;
						padding:4px;
					}
				.mobileSiteSearch {
					display:none;
					width:100%;
					float:left;
					text-align: center;
					border-top:2px solid #333;
				}
					.mobileSiteSearch #searchText {
						width: 96%;
						margin-top:10px;
						line-height: 30px;
					}

				.mobileSiteSettings {
					display:none;
					width:100%;
					float:left;
					border-top:2px solid #333;
				}
					.mobileSiteSettings a {
						display: block;
						width:100%;
						line-height: 40px;
						text-indent: 10px;
						white-space:nowrap;
						background:url(../images/menu_divider.png) repeat-x bottom center #acd03a;
						text-decoration: none;
						color:#333;
					}
		
		#top-menu {
			width: 100%;
			margin-top:10px;
			overflow: hidden;
			background:#acd03a;
			/*font-size: 0.75em;*/
            font-family: 'Lato','Arial Bold',Arial;
			list-style: none;
			padding:0px;
			font-weight: 900;
		}
			#top-menu ul {
				padding:0px;
				margin:0px;
                overflow:hidden;
			}
			#top-menu .menu-item {
				float:left;
				line-height: 38px;
				padding: 0px 14px;
				text-transform: uppercase;
				list-style: none;
				border-right:2px solid #dae9af;
				letter-spacing: 0.15em;
			}
				#top-menu .menu-item a {
					text-decoration: none;
					color:#333;
				}
			#top-menu .menu-item.active {
				background: #9bc73b;
			}
			#top-menu .menu-item.active a{
				color:#FFF;
			}


		#main-wrapper {
			margin-bottom:10px;
			/*overflow: hidden;*/
			max-width: 100%;
            position:relative;
            min-height: 600px;
		}

        .main-header {
            width: 100%;
            margin:10px 0;
            position:relative;
        } 
            .main-header img {
                width: 100%;
            }
            .main-header h1 {
                color: #FFFFFF;
                font: 900 3.1em 'Lato';
                letter-spacing: 0.015em;
                line-height: 0.9em;
                text-shadow: 2px 2px 5px #333333;
                clear: left;
                float: left;
                position: absolute;
                left: 18px;
                bottom: 0px;
            }

            #tabs {float:left;clear:left;display:none;}
			.tab {float:left;background:#ef3f42;padding:8px;margin-top:2px;color:#ff8585;/*font-size:0.9em;*/font-weight: 900;cursor:pointer;border:1px solid #b71b1d;border-bottom:none;}
			.tab.active {background:#E8112D;color:#FFF;padding:10px 8px 8px 8px;margin-top:0px;}
			.tab a { text-decoration:none;color:#FFF;}
            #tab-pages{overflow:hidden;clear:left;}
			.two-column-block, .tabs-block {
                overflow:hidden;
				width: 100%;
			}

            .two-column-block .column > div, .two-column-block-70-30 .column > div, .tabs-block {
            padding-bottom:10px;
            }
			.two-column-block:first-child, .two-column-block-70-30:first-child, .tabs-block:first-child {margin-top:10px;}
				.column, .tab-content { width: 49.5%;}
                    .tab-content:last-child {float:right;}
                    /*.column p { font-size:0.8em;}*/
                    .column .text-block {padding:15px 20px 20px 20px; overflow:hidden;}
                        .column .text-block h3, .column .text-block h2, .subscribe-block h3 {font-weight:900;font-size: 1em;margin:0px;padding:0;}
                        .column .text-block h3+p {margin-top:0px;}
                        .column .text-block p, .column .text-block table, .column .text-block ul, .column .text-block ol {line-height: 1.4em;}
                        .column .text-block ul, .column .text-block ol {padding-left: 25px;}
                        .column .text-block table {margin-top: 10px;}
                        .column .text-block td {padding:3px; border: solid 1px #ffffff;}
                            .column .text-block p:first-child {margin-top:0px;}
				.column-left, .tab-content { float:left;}
				.column-right { float:right;}

                .one-column-block {overflow:hidden;width:100%;}
                .one-column-block .column{width:100%;}
                .one-column-block {margin-bottom:10px;}
                .one-column-block:last-child {margin-bottom:0px;}
                .two-column-block-70-30 {overflow:hidden;width:100%;}
                .one-column-block .column .text-block, .two-column-block-70-30 .column .text-block, .two-column-block .column .text-block {background: #dae9af;}
                .two-column-block-70-30 .column-left { width:69%; }
                .two-column-block-70-30 .column-right { width:29%;overflow:hidden;}
                /*.two-column-block-70-30 .column-right h2 {font-size:0.9em;}*/
                .two-column-block-70-30 .column-right .text-block { padding:7px 20px 6px 20px;}
                /*.two-column-block-70-30 .column-right .download-block { padding:20px;}*/
                /*.two-column-block-70-30 .column-right .download-block > h2:first-child {margin-top:0px;}*/
                /*.two-column-block-70-30 .column-right .downloads {padding:0px;margin:0px;}*/
                .two-column-block-70-30 .column-right .download-block {/*list-style: none;font-size:0.8em;*/overflow:hidden;padding:0px 20px 20px 20px;background: #dae9af;/*font-size:1.1em;*/}
                .two-column-block-70-30 .column-right .download-block span {line-height: 1.3em;}
                .two-column-block-70-30 .column-right .download-block .file {width: 95px; max-width:45%; float:left;}
                .two-column-block-70-30 .column-right .download-block .small-image {width: 100%; float:left;padding-top:6px;}
                .two-column-block-70-30 .column-right .download-block .small-image a {line-height:1.1em;}
                .two-column-block-70-30 .column-right .download-block .small-image img {width: 25px; float:left; padding-right:8px;position:relative;bottom:6px;}
                .two-column-block-70-30 .column-right .download-block .img img {max-width:100%;}
                .two-column-block-70-30 .column-right .download-block:first-child {padding: 17px 20px 20px 20px}
                .two-column-block-70-30 .column-right .download-block:first-child .small-image {padding-top:0;}
                .two-column-block-70-30 .column-right .download-block .download-link-text {}
                /*.two-column-block-70-30 .column-right .download-item .img {background-color:#e7925d;}*/
                /*.two-column-block-70-30 .column-right .download-item .pdf {background-color:#ffde00;}*/
                /*.two-column-block-70-30 .column-right .download-item .doc {background-color:#9bc73b;}*/
                .two-column-block-70-30 .column-right .download-block .name {padding:10px 0 0 10px;display:inline-block;}
                .two-column-block-70-30 .column-right .download-block .size {padding:0px 0 0 10px;display:inline-block;}
                
                .two-column-block-70-30 .column-right .download-block .name-small {padding:2px 0 0 0;display:inline-block;}
                .two-column-block-70-30 .column-right .download-block .size-small {padding:0px 0 0 0;display:inline-block;}

.menu .ReadMoreLink {
    position: absolute;
    right:0px;
    bottom:0px;
    z-index: 10;
    text-decoration: none;
    color: #333;
    background: #edf0ae;
    display:block;
    padding:8px;
}

.xformholder { background-color: #dae9af; padding: 8px 16px 16px 16px; margin: 10px 0; }
.xformholder td { padding-top: 16px; }
.xformholder label { display: block; margin-bottom: 4px; text-transform: uppercase; font-weight: 900; }
    .xformholder .field-validation-error {
        color: #e8112d;
        padding-left: 10px;
    }
       .xformholder .validation-summary-errors {
        color: #e8112d;
    }
    .xformholder .validation-summary-errors ul {
        list-style: none;
        padding:0;
        background:#ffffff;
        border: 1px solid #e8112d;
    }
    .xformholder .validation-summary-errors li {
        padding:5px 10px;
    }
.xformholder fieldset label { text-transform: none !important; font-weight: normal !important; }

.menu .sendMobiTimeOrder {
    display: block;
    margin: 10px 0 7px 0;
}
.menu .mobiTimeForm {
    cursor: auto;
}

.menu .mobiTimeForm input[type="submit"]{
    height: 28px;
    background: #DCDDDE;
    border:none;
    padding:0 15px;
}
.menu .mobiTimeForm input[type="submit"]:focus {
        border: 1px dotted #000000;
    }
.menu .mobiTimeForm input[type="submit"], .menu .mobiTimeForm input[type="text"]{
    -webkit-appearance: none;
    border-radius: 0;
    }

.menu .mobiTimeForm #number {
    width: 150px;
    margin: 3px 0
}

                #travel-plan {
                    background:#E8112D;
                    overflow:hidden;
                    clear:left;
                    color:#FFF;
                    padding:15px;
                    min-height:170px;
				}
                    #travel-plan a {
                        color: #FFF;
                    }
                    #travel-plan h2,#current-traffic h2 {
                        margin:0px;
                        text-transform:capitalize;
                        letter-spacing: 0.045em;
                        color:#ffffff;
                    }
                    #travel-plan .travel-block {
                        overflow:hidden;
                        color:#DCDDDE;
                        margin-top:8px;
                        padding:0 40px 3px 0;
                        line-height: 20px;
                        position:relative;
                    }
                        #travel-plan .travel-block:first-of-type {
                            margin-top: 5px;
                        }
                        #travel-plan .travel-block #travel-origin, #travel-plan .travel-block #travel-dest {
                            width: 100%;
                            /*border-radius:0 8px 8px 0;*/
                            border:none;
                            height:28px;
                            line-height:normal;
                            text-indent:5px;
                            margin-right:5px;
                        }
#travel-origin-open, #travel-dest-open {
    background: url(../images/icons/map-pin.png) no-repeat;
    background-size:30px 30px;
    height:30px;
    width:30px;
    border:none;
    position:absolute;
    top:0;
    right:0;
    padding:5px 15px;
}
#travel-origin-open:focus, #travel-dest-open:focus, #search-travel:focus {
    border:1px dotted #000000 !Important;
}
#travel-plan input[type="text"], #travel-plan input[type="button"], #travel-plan button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#travel-plan #travel-origin, #travel-plan #travel-dest{
    padding: 1px;
    -webkit-appearance:none;
    border-radius:0;
}

#travel-plan #startDate, #travel-plan #startTime {
    height: 28px;
    margin-top: 8px;
    margin-right:5px;
    border:none;
}
#travel-plan #startDate {
    width: 9.5em;
    padding-left:5px;
    margin-left:2px;
}
#travel-plan #startTime {
    width: 6.8em;
    padding-left:5px;
}
#travel-plan .travel-block-search .radio {
    margin: 19px 0 0 0;
}
#travel-plan .travel-block-search label {
    padding-right: 10px;
}
#travel-plan .travel-block-search a {
    padding-left: 10%;
}
#travel-plan #search-travel {
    float: right;
    width: 60px;
    height: 28px;
    background: #DCDDDE;
    border:none;
    margin-top:6px;
}

				#current-traffic {
                    background:#666666;
                    padding:15px;
                    color:#FFF;
                    min-height:170px;
				}
                    #current-traffic .traffic-block {
                        background:#FFF;
                        overflow:hidden;
                        color:#a7a9ac;
                        margin-top:4px;
                        padding:3px 2px;
                        border: 1px solid #a4a5a6;
                        line-height: 20px;
                        /*border-radius:0 8px 8px 0;*/
                    }
                        #current-traffic .traffic-block:first-child {
                            margin-top:0px;
                        }
                        #current-traffic .traffic-block .date {
                            width:23%;
                            float:left;
                        }
                        #current-traffic .traffic-block .title {
                            width:77%;
                            float:left;
                        }
                        #current-traffic .traffic-block .map {
                            width:15%;
                            float:left;
                        }
                        #current-traffic .traffic-block .pin {
                            float:left;
                            width:5%;
                            overflow:hidden;
                        }
                            #current-traffic .traffic-block .pin img {
                                width:100%;
                                float:left;
                            }
                    #current-traffic .allDeviations {
                        color: #ffffff;
                        display: block;
                        margin-top: 10px;
                    }
			
			.slider-big {
				width: 100%;
				margin-bottom:10px;
				position: relative;
			}
				.slider-big .slides {
					width: 100%;
				}
				.slider-big ul {
					padding:0px;
					margin:0px;
				}
				li.slider-item {
					position:relative;
					width: 100%;
					float: left;
					list-style: none;
				}
					li.slider-item img {
						width:100%;
					}
                    li.slider-item a {
                        color:#FFF;
                        text-decoration:none;
                    }
					li.slider-item > .slider-puff {
						position: absolute;
						left:20px;
						bottom:20px;
						border-radius: 5px;
						color:#FFF;
						padding:0px;
						overflow:hidden;

                        font-family: 'Lato';
                        font-weight:900;
                        font-size:2.8em;
                        line-height: 1.4em;
                        text-shadow: 2px 2px 5px #333;
                        letter-spacing: 0.02em;
					}
                        li.slider-item > a {
                            width:100%;
                            height:100%;
                            position:absolute;
                            left:0px;
                            top:0px;
                        }
                        li.slider-item > a > img {
                            width:100%;
                            height:100%;
                        }
					li.slider-item > span > span {
						float:left;
						clear:left;
						overflow:hidden;
					}
					.slider-overlay {
				        position:absolute;
				        top:0;
				        left:0;
				        width: 100%;
				        height: 100%;
				        background-color: transparent;
				        z-index: 9999;
				    }
				    
				    .flex-prev, .flex-next{
				        z-index: 99999;    
				    }
.column li.slider-item > .slider-puff {
    position: absolute;
    left: 15px;
    bottom: 15px;
    border-radius: 5px;
    color: #FFF;
    overflow: hidden;
    font-family: 'Lato';
    font-weight: 900;
    font-size: 2.2em;
    line-height: 1.3em;
    text-shadow: 2px 2px 5px #333;
    letter-spacing: 0.02em;
}
.column .slider-big {
    margin-bottom: 0px !Important;
}
.column .flex-control-nav {
    bottom: 20px;
}
				.puff-item {
					position: relative;
					width: 100%;
				}
					.puff-item img {
						width: 100%;
					}
                    .puff-item a {
                        color:#FFF;
                        text-decoration:none;
                        /*height:100%;*/
                        width:100%;
                        position: relative;
                        display:block;
                    }
                    .puff-item .puff-puff {
						position: absolute;
						left: 15px;
						bottom: 15px;
						border-radius: 5px;
						color:#FFF;
                        overflow:hidden;

                        font-family: 'Lato';
                        font-weight:900;
                        font-size:2.2em;
                        line-height: 1.3em;
                        text-shadow: 2px 2px 5px #333;
                        letter-spacing: 0.02em;
					}
					.puff-item span > span {
						float:left;
						clear:left;
						overflow:hidden;
					}



.newsPuff {
    padding-bottom: 10px;
}

.newsList {
    padding: 13px 15px 2px 0;
}



    .newsPuff .newsList li {
        float: left;
        padding: 0;
        margin: 0;
        width: 50%;
    }
.newsPuff .allNews {
    width:50%;
}
        .newsPuff .newsList li a {
            padding-left: 15px;
        }

.column .newsList li {
    width: 100%;
}
.column .allNews {
    width: 100%;
}

.newsPuff .newsList{
    background-color: #dae9af;
    overflow: hidden;
}

    .newsPuff .newsList ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

.newsPuff .allNews {
    position:absolute;
    right:15px;
    bottom:25px;
    text-align:right;
}
.newsPuff a {
    color: #000000;
}
.newsPuff h3 {
    font-weight: 900;
    margin:0 0 1px 0;
}
.newsPuff h2 {
    font-weight: 400;
    margin:0 0 5px 15px;
    font-size:1.2em; 
}

            #main-wrapper .menu h2 {
                display:inline-block;
                width:100%;
                padding:15px;
                margin:0px;
                font-size:1em;
                font-weight:900;
                text-transform:uppercase;
            }

            #main-wrapper .menu ul li {
                list-style:none;
                background: #acd03a;
                overflow:hidden;
            }

            #main-wrapper .menu ul {
                display:inline;
                padding:0;
                margin:0;
            }
               
                #main-wrapper .menu > ul > li > ul > li {
                    border-top: 1px solid #e1edc2;
                }
                #main-wrapper .menu ul li h3,  #main-wrapper .menu ul li h4 {
                    display:inline-block;
                    width:100%;
                    padding:10px 0px;
                    margin:0px;
                    font-weight: normal;
                    font-size:1em;
                    letter-spacing:0.015em;
                }
                #main-wrapper .menu ul > li > ul > li h3 {
                    text-transform: uppercase;
                }
                
                #main-wrapper .menu ul li h4 {
                    /*font-size:0.9em;*/
                }

                #main-wrapper .menu ul ul li {
                    padding-left:15px;
                    position: relative;
                    cursor: pointer;
                }
#main-wrapper .menu blockquote {
    cursor: auto;
}
                
                #main-wrapper .menu ul ul li a {
                    color: #333333;
                }

                #main-wrapper .menu ul ul ul {
                    display:none;
                }

                #main-wrapper .menu ul ul ul ul li {
                    padding-left:0px;
                }

                #main-wrapper .menu .active > h3, #main-wrapper .menu .active > h4 {
                    font-weight:900;
                }

                #main-wrapper .menu ul li blockquote {
                    /*font-size: 0.75em;*/
                    background: #dae9af;
                    padding:15px;
                    padding-bottom:28px;
                    margin:0;
                    line-height: 1.4em;
                }
                 #main-wrapper .bytutmig .menu ul ul li {
                    padding-left:15px;
                    border-top:none;
                    margin-top:5px;
                }

                #main-wrapper .menu li.no-border {
                    border: none;
                    padding-top: 4px;
                }

                #main-wrapper .menu ul li blockquote.no-color {background-color: inherit;}

                #main-wrapper .menu ul li blockquote+a {
                    /*font-size: 0.75em;*/
                    position: absolute;
                    right:0px;
                    bottom:0px;
                    z-index: 10;
                    text-decoration: none;
                    color: #333;
                    background: #edf0ae;
                    display:block;
                    padding:8px;
                }

		#footer {
			background:#dcddde;
			width: 100%;
            overflow:hidden;
		}
			#footer-container {
				padding:15px;
				font-size: 0.8em;
				line-height: 1.5em;
				color:#000000;
			}
				#footer-links a {
					text-transform: uppercase;
					text-decoration: none;
					color:#000000;
                    letter-spacing:0.1em;
				}
				#footer-address a{
                    color: #000000;
				}
#social-icons {
    float:right;
    margin-bottom:5px;
}

    #social-icons a {
        display: inline !important;
    }

    #social-icons .tspSymbol {
        margin: 0 4px 4px 4px;
        border: 1px solid #cccccc;
    }

    /*Image gallery*/
.image-gallery .thumbnail {
    vertical-align:middle;
}
.image-gallery ul {
    text-align: center;
    padding:0;
    overflow:hidden;
    margin:0;
}
.image-gallery li {
    padding:0 4px 10px 4px;
    list-style:none;
    height:100px;
    width:100px;
    display:inline-block;
    cursor: pointer;
}
.one-column-block .image-gallery, #main-wrapper > .image-gallery {
    margin-top: 10px;
}
.lg-slide.current.loaded.complete > h3 {
    color: #e8112d;
    bottom: 3em;
    position: relative;
    font-size:1.6em;
    line-height:1.6em;
}

.lg-slide.current.loaded.complete > img {
    max-height: 90% !Important;
}

#lg-action {
  bottom: 10px !Important;
}



a {
    text-decoration: none;
}
h2, h3 {
    font-size:1em;
    text-transform:uppercase;
    line-height:1.2em;
}
h3 + p, h2 + p {
    margin-top:0px;
}
p + h3, p + h2 {
    margin-bottom:5px;
}
h2 > a, h3 > a {
    text-decoration: none;
    color: #333;
}

#travel-plan input[type="text"], #travel-plan input[type="button"], #travel-plan input[type="submit"],#travel-plan input[type="time"],#travel-plan input[type="date"] {
    -webkit-appearance: none;
    border-radius: 0;
}


.padme-t0 {padding-top:0px !important;}
.padme-l0 {padding-left:0px !important;}
.padme-r0 {padding-right:0px !important;}
.padme-b0 {padding-bottom:0px !important;}
.padme-m0 {padding:0px !important;}

.padme-l15 {padding-left:15px !important;}
.padme-t15 {padding-top:15px !important;}

.block-row {
    overflow:hidden;
    width:100%;
    clear:both;
    
}
.block-cell {
    float:left;
    padding:10px 0px 10px 5px;
}
.block-cell:first-child {
    float:left;
    padding:10px 15px 10px 15px;
}
.block-cell:last-child {
    float:left;
    padding:10px 0px 10px 15px;
}

.url-block{
    margin-bottom:10px;
}
.url-block:last-child {
    margin-bottom:0px;
}
/*.divider{
    border-top:1px solid #DCDB22;
}*/
.uppercase {
    text-transform: uppercase;
}

.hidden {
    display:none;
}
.center {
    text-align: center;
}

.iframe iframe {
    margin-top:10px;
    max-width: 100%;
    border:none;

}
iframe::-webkit-scrollbar
{  
    /*display: none;*/
}



/* Tidtabellscentralen */
.tidtabell-block {padding:20px;background:#DAE9AF}
.tidtabell-block > div { margin-top: -5px; margin-bottom: 15px; }
.tidtabell-block.extranet { background-color: #666; color: #fff; }
.tidtabell-block.extranet label, .tidtabell-block.extranet label selected { color: #fff !important; }
.res {background:#DAE9AF; padding-bottom: 0 !important; }
.res.extranet { background: #666; color: #fff; }
.res.extranet span { color: #fff; }
.tidtabell-block #typ {overflow:hidden;}
.tidtabell-block #typ > label {float:left; margin: 15px 10px 20px 0;}
.tidtabell-block input[type="button"], .result-block input[type="button"]{ height: 28px; background: #DCDDDE; border:none; padding:0 15px; }
.tidtabell-block #searchTidtabell input:focus { border: 1px dotted #000000; }

select { border-radius: 0; border: none; height: 32px; }
input[type="number"], input[type="text"] { border-radius: 0; border: none; height: 28px; padding-left: 8px; }
input[type="button"], input[type="submit"], input[type="password"] { border-radius: 0; border: none; height: 28px; padding: 0 15px; }

#trafiktyp {margin:9px 0 15px 0; float:left;}
#trafiktyp span label {border-bottom: 4px solid #AAAAAA; padding-bottom: 3px; color:#696969;cursor:pointer;line-height:25px;}

#trafiktyp span label.land.selected, #trafiktyp span label.flex.selected {border-bottom: 4px solid #76b82a; color:#333;}
#trafiktyp span label.tat.selected, #trafiktyp span label.stad.selected {border-bottom: 4px solid #009fe3; color:#333;}
#trafiktyp span label.dir.selected {border-bottom: 4px solid #e30613; color:#333;}
#trafiktyp span label.flex.selected {border-bottom: 4px solid #F7F43A; color:#333;}
#trafiktyp span label.utoml.selected {border-bottom: 4px solid #a3007d; color:#333;}
    
#trafiktyp span input[type=checkbox] {display:none;}

.result-block {padding:20px;}
.column .result-block h2 {font-weight:900;font-size: 1em;margin:0px;padding:0;}
.result-block > a {width:100%;display:block;overflow:hidden;line-height:26px;margin-bottom:10px;padding:10px 10px 10px 10px; color:#333;position:relative;left:-10px;}
.result-block > a:hover {background:#acd03a;}
.result-block > a:last-child {margin-bottom:0;}
.result-block > a > span.no {float:left;width:10%;margin: 5px 0;}
.result-block > a > span.no .tat-tat, .result-block > a > span.no .tat-stad {background:#009fe3;color:#FFF;padding:5px;width:40px;}
.result-block > a > span.no .tat-land {background:#76b82a;color:#FFF;padding:5px;width:40px;}
.result-block > a > span.no .tat-flex {background:#F7F43A;color:#666666;padding:5px;width:40px;}
.result-block > a > span.no .tat-dir {background:#e30613;color:#FFF;padding:5px;width:40px;}
.result-block > a > span.name {float:left;width:55%;margin: 5px 0;}
.result-block > a > span.date {float:left;width:35%;margin: 5px 0;text-align:right;}

/* Tidtabellcentral, startsidan */
#timetable-start {padding:20px; background-color: #DAE9AF;}
#timetable-start #typ {overflow:hidden;}
    #timetable-start input[type="number"], #timetable-start #searchTidtabell input[type="button"] {
    -webkit-appearance: none;
    border-radius: 0;
    }
    #timetable-start select {
        border-radius: 0;
    }
#timetable-start #typ > label {float:left; margin: 15px 10px 20px 0;}
    #timetable-start #txtLineNumber {
        margin-bottom: 5px;
    } 
    #timetable-start #searchTidtabell input{
    height: 28px;
    background: #DCDDDE;
    border:none;
    padding:0 15px;
}
       #timetable-start #searchTidtabell input:focus {
        border: 1px dotted #000000;
    }

/* Search Result */
.searchDiv {
    width: 100%;
    overflow:hidden;
}
    .searchDiv .searchBox {
        width: 80%;
        float:left;
    }
    .searchDiv .searchButton {
        width: 15%;
        float:right;
    }
        .searchDiv .searchBox input, .searchDiv .searchButton input {
            width: 100%;
        }

#searchResult {

}
    #searchResult > ul {
        padding:0px;
    }

    #searchResult > ul > li {
        list-style:none;
        line-height:1.2em;
    }

    #searchResult h3 {
        margin-bottom:0px;
        margin-top:15px;
    }

    #searchResult .searchResultText {
        width:100%;
    }
        #searchResult .searchResultText a {
            display:block;
            color:#445004;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
        }
        #searchResult .searchResultText .searchDate {
            color:#595959;
        }


/*Traffic block*/
div.traffic {
}

ul.traffic-block {
    list-style: none;
    padding: 0px !Important;
    margin: 0px;
}


    ul.traffic-block .deviation {
        color: #445004;
        padding-bottom: 3px;
    }

    ul.traffic-block .date {
        font-size: 0.9em;
    }

    ul.traffic-block p.details {
        margin-top: 6px;
    }



/*Travel planer*/
#reseframe {
    width: 100%;
    height: 920px;
    border:none;
    margin-top:10px;
}

/*************************
	Extranätet
*************************/

.extranet #top-menu {
    background: #666;
}
    
.extranet #top-menu .menu-item {
    border-right: 2px solid #fff;
}

.extranet #top-menu .menu-item a {
    color: #FFF;
}

#extranet img {
    padding: 2px 7px 0 0;
}


/*Login page*/
.login-form {
    background: #ee1c25;
    width: 50%;
    margin: 10px auto 0;
    color: #FFF;
}

    .login-form .login-info {
        line-height: 20px;
        margin-bottom: 4px;
    }

    .login-form fieldset {
        border: none;
    }

    .login-form > div {
        padding: 10px 0 0;
    }

    .login-form fieldset > input {
        background: #DCDDDE;
        border: none;
        color: #333;
        margin: 10px 0 0;
        float: right;
    }

    .login-form fieldset .first-row input, .login-form fieldset .second-row input {
        border: none;
        color: #696969;
        margin: 10px 0 0;
        padding: 0;
        text-indent: 10px;
        width: 100%;
    }

/*Blogg page*/
.blogg-page {
    overflow: hidden;
    margin: 20px 0 0 0;
}

.blogg-page h3{
    color: #ed1c24;
}

.blogg-page .img-container {
    max-width: 100%;
    height: auto;
}

/* Alert block*/
.alert-block {
    background: none repeat scroll 0 0 #ed1c24;
    box-sizing: border-box;
    color: #fff;
    margin: 10px 0;
    padding: 1px 10px;
}

    .alert-block p {
        line-height: 18px;
    }

/*Blogg block - general*/

.main-blogg-container h1, .blogg-content h1 {
    color: #ed1c24;
    font-size: 1.515em;
    line-height: 1em;
    margin: 0 0 6px 0;
}

.main-blogg-container h3 {
    color: #ed1c24;
    font-size: 1em;
    line-height: 1em;
    margin: 0 0 6px 0;
}

.main-blogg-container .blogg-container {
    display: flex;
}

.created-by {
    color: #666;
    font-size: 0.833em;
    text-transform: uppercase;
}

.main-blogg-container .blogg-content p:last-child {
    margin: 17px 0;
}

/* Latest blogg block*/

.latest-blogg-container ul {
    list-style: none;
    padding: 0;
}

    .latest-blogg-container ul li {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin: 27px 0 0 0;
        padding: 0 0 10px 0;
        width: 33.333%;

    }
    
    .latest-blogg-container ul li:first-child {
        padding: 0;
        width: 100%;
        margin: 0;
    }

        .latest-blogg-container ul li .blogg-content {
            padding: 0 10px 10px 10px;
        }

        .latest-blogg-container ul li:first-child .blogg-content {
            padding: 0 10px 10px 0;
        }
    
        .latest-blogg-container ul li:first-child .blogg-container {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
        }

            .latest-blogg-container ul li:first-child .blogg-container img {
                display: block;
                max-width: 100%;
                height: auto;
            }          

            .latest-blogg-container ul li:first-child .blogg-container > div {
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                float: left;
                padding: 0 0 0 5px;
                width: 50%;
            }

            .latest-blogg-container ul li:first-child .blogg-container > div:first-child {
                padding: 0 5px 0 0;
            }


    .latest-blogg-container ul li .blogg-container img {
        display: none;
    }

        .blogg-content {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 10px;
            max-height: 300px;
            overflow: hidden;
        }

        .blogg-content.no-max-height { max-height: none !important; }

        .latest-blogg-container ul li .blogg-container .blogg-content-container .blogg-content p:first-child {
            text-transform: uppercase;
        }

        .latest-blogg-container ul li .blogg-container .blogg-content-container .button {
            float: right;
        }

.button {
    background: #ed1c24;
    padding: 8px;
    color: #fff;
}
    
    .button a {
        color: #FFF;
    }

/* Archive blogg block*/

.blogg-archive-container {
    
}

    .blogg-archive-container ul {
        list-style: none;
        padding: 0;
    }

        .main-blogg-container ul li {
        }

    .blogg-archive-container .blogg-container {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 0;
        overflow: hidden;
    }

        .blogg-archive-container .blogg-container .button {
            float: right;
        }

        .blogg-archive-container ul li:first-child .blogg-container {
            padding: 7px 0 10px 0;
        }

        .blogg-archive-container .blogg-container img {
            height: auto;
            max-width: 100%;
        }

        .blogg-archive-container .blogg-container > div {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;        
            width: 50%;
            float: left;
            padding: 0 0 0 5px;
        }

        .blogg-archive-container .blogg-container > div:first-child {
            padding: 0 5px 0 0;
        }

.blogg-content p { line-height: 18px; }

#get-more-bloggs {
    border: none;
    width: 100%;
}

/*
    Formulär
*/
.form-input .field-validation-error { display:block; margin-top: 10px; }
.form-input .login-message { padding-top: 15px; }

/*
    Dokumentblock
 */
.document-block { background-color: #acd03a; color: #333; padding: 15px 20px 5px 20px; min-height: 166px; }
.document-block ul { list-style-type: none; padding: 0; margin: 0 0 5px 0; }
.document-block li { line-height: 30px; padding-left: 10px; }
.document-block li:nth-child(odd) { background-color: #dae9af; }
.document-block > span { margin-bottom: 10px; display: block; }
.document-block a { text-decoration: none; color: #333; }
.document-block .folder-group { padding-bottom: 10px; }
.document-block .folder-header { font-size: 1.4em; display: block; line-height: 25px; padding-bottom: 2px; }
.document-block .folder { font-size: 1.2em; font-weight: bold; line-height: 25px; display: block; }
.document-block .blog-archive-link { text-align: right; margin-bottom: 0px !important; }
.document-block.with-top-margin { margin-top: 10px; }

/*
    User settings
 */
.subscribe-block { padding: 10px; margin: 10px 0; background-color: #dae9af; }
    .subscribe-block .row { padding: 4px 0; }
    .subscribe-block .message { padding: 6px 10px; margin-left: 20px; background-color: #01a02a; color: #fff; }

/*
    User information
 */
.user-info { float: left; margin-left: 10px; color: #666; font-size: 1.1em; line-height: 75px; }
.user-info-outer { float: left; height: 45px; }
/*************************
	Util classes
*************************/

/* Unslider */
.dots {
    position: absolute;
    right: 20px;
    bottom: 0px;
}
.dots li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 4px;
    background: #fff;
    text-indent: -999em;

    border-radius: 6px;

    cursor: pointer;
}
.dots li.active {
    background: #E8112D;
    opacity: 1;
}
/* End */

.inactive {
	display:none;
}



/*
 * Mostly desktop users and tablets in landscape mode
 *
 * Change font-size on menu
 * 
*/
@media only screen and (min-width : 0) and (max-width : 940px) {
	#footer-container {/*font-size: 0.75em;*/}
    .two-column-block-70-30 .column-right .download-block {/*font-size:0.95em;*/}
}
/* Change font-size on menu */
@media only screen and (min-width : 0) and (max-width : 860px) {
	#top-menu .menu-item {font-size: 1.0em;line-height: 34px;padding: 0px 9px;}
    #footer-links a {letter-spacing:0.05em}
    li.slider-item > .slider-puff {font-size:2.6em;}
    .puff-item > .puff-puff {font-size:2.0em;}
    .column li.slider-item > .slider-puff {font-size:2.0em;}
    .main-header h1 {font-size:2.7em}
    #travel-plan .travel-block #travel-origin, #travel-plan .travel-block #travel-dest {width: 100%;}
}
/* Remove link in travel planer block */
@media only screen and (min-width : 0) and (max-width : 810px) {
    .travel-block-search {
        margin-top: 5px;
    }
    .travel-block-search a {
        display: none;
    }
}
/* 
 * High-res phones in landscape mode and tablet in portrait mode
 *
 * Switch from two column mode to one column mode.
 * Add content tabs
 * Change font-size on menu
 * 
*/
@media only screen and (min-width : 0) and (max-width : 740px) {
	#top-menu .menu-item {font-size: 0.9em; line-height: 30px;padding: 0px 7px;letter-spacing: 0.1em;}
	
    #tabs {display: block;}
    #current-traffic {display:none;}

    li.slider-item > .slider-puff {font-size:2.4em;line-height:1.4em;letter-spacing:0em;bottom:10px;left:10px;}
    .puff-item .puff-puff {font-size:2.4em;line-height:1.4em;letter-spacing:0em;bottom:10px;left:10px;}
    .column li.slider-item > .slider-puff {font-size:2.4em;line-height:1.4em;letter-spacing:0em;bottom:10px;left:10px;}
    .main-header h1 {font-size:2.3em}

    /* Change slider & puffs */
	.two-column-block .column, .tabs-block .tab-content {width:100%;}
    .tabs-block .tab-content #travel-plan {position:relative;}
    .two-column-block .column-left { width:100%;}
	.two-column-block .column-right {margin-top:0px; float: left; clear: left;}
    .two-column-block-70-30 .column-left { width:100%;margin-bottom:10px;}
    .two-column-block-70-30 .column-right { width:100%; float: left; clear: left;margin-top:10px;}
    .two-column-block-70-30 .column-right .download-block {overflow:hidden;}
    .two-column-block .image-gallery {margin-top:10px;}

    .newspuff .allNews {
        width: 100%;
    }
    .newsPuff .newsList li {
        width: 100%;
    }


    #current-traffic .traffic-block .date {width:14%;}
    #current-traffic .traffic-block .title {width:86%;}

    .result-block > a > span.no {float:left;clear:left;width:40px;margin: 5px 0;}
    .result-block > a > span.name {float:left;width:80%;margin: 5px 0 0 0;}
    .result-block > a > span.date {float:left;clear:left;width:90%;margin: 0 0 0 40px;text-align:left;font-style:italic;position:relative;top:-5px;}

	#footer-container #footer-address {margin-top:20px;}
}
@media only screen and (min-width : 741px) {
    #current-traffic, #travel-plan {display:block !important;}
    #timetable-start {display:none !important;}
}

@media only screen and (min-width : 0px) and (max-width : 700px) {
}

 /* Small displays, high/med res phones in landscape mode
  * Change font-size on menu 
  * Add breaking lines to footer to turn it into portait mode
  */
@media only screen and (min-width : 0px) and (max-width : 640px) {
    #wrapper-inner {padding:20px;}
	#top-menu .menu-item {font-size: 1em;line-height: 26px;padding: 0px 4px;letter-spacing:0.05em; font-weight:normal;}
	#top #logo-full {width:45%;}
	.tools #fullSiteToolbox div {padding:10px 5px 0 0;}
    .tools #search img {top:12px;}

    #current-traffic .traffic-block .date {width:16%;}
    #current-traffic .traffic-block .title {width:84%;}

    .login-form { width: 100%; }

    /* Put footer link on separate rows */
    #footer-container {overflow:hidden; font-size: 0.8em;}
    #footer-container .divider {display:none;}
    #footer-container a { display:block;padding:2px 0;}
	#footer-container #footer-address {margin-top:20px;}
	#footer-container #footer-address span {clear:both;float:left;}

    
    .main-header h1 {font-size:2.0em;}

}

/* Small displays, high/med res phones in landscape mode
 * Here we change the appearance of the top right toolbox to the mobile version (search/lang/shop)
 * 
*/
@media only screen and (max-width : 540px) {

    #top-menu .menu-item {font-size: 0.9em;line-height: 26px;padding: 0px 4px;letter-spacing:0.05em; font-weight:normal;}

    #wrapper-inner {padding:10px;}
	#fullSiteToolbox {display:none;}
	#mobileSiteToolbox {display:block;}
	#mobileSiteToolbox a {padding:6px 10px 0 0px;}
    #mobileSiteSettings, #mobileSiteSearch {float:none;}
    #mobileSiteSettings a {font-weight: 900;text-transform:uppercase;}
    #mobileSiteSettings a.active {color:#FFF;}

    #current-traffic .traffic-block .date {width:18%;}
    #current-traffic .traffic-block .title {width:82%;}
    
    li.slider-item > .slider-puff {font-size:2.0em;}
    .puff-item .puff-puff {font-size:2.0em;}
    .column li.slider-item > .slider-puff {font-size:2.0em;}
    .main-header h1 {font-size:1.7em}
}
/* Mobile search is shown with javascript, and won't be hidden when the page is made larger.
    So, we set a display none with priority if the page is wider than 541. Cause it's not needed when the other search
    box is visible. */
@media only screen and (min-width : 541px) {
    #mobileSiteSearch {display:none !important;}
}
#mobileSiteSearch #quickSearchForm > img {
    display: none;
}


/* All phones in portrait mode and low res phones in landscape mode
 * 
 * Here we change layout on the top completely to a mobile friendly version
*/
@media only screen and (min-width : 0px) and (max-width : 480px) {
	#wrapper {margin:0px;}
	#wrapper-inner {padding:0px;}
	#top{ 	background: #E8112D; /* Old browsers */
	background: -moz-linear-gradient(top, #ff1e26 0%, #d3191f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff1e26), color-stop(100%,#d3191f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff1e26 0%,#d3191f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff1e26 0%,#d3191f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff1e26 0%,#d3191f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff1e26 0%,#d3191f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1e26', endColorstr='#d3191f',GradientType=0 ); /* IE6-9 */
			}
	#top #logo-full {display:none;}
	#top #logo-mobile {display:block;}
    #top #user-info { display: none; }
	#top #mobileSiteToolbox div {height:100%;border-right:1px solid #cc1c1e;border-left:1px solid #ef7779;height:100%;}
	#top #mobileSiteToolbox a {padding:10px 10px 10px 0px;}
	#top #mobileSiteToolbox div:first-child{border-left:none;}
	#top #mobileSiteToolbox div:last-child{border-right:none;}
	#top .tools {float:right;}
	#top-menu {border-radius: 0px;width:100%;display:none;margin-top:0px;overflow:hidden;margin-bottom:0px;height:auto;}
	#top-menu .menu-item, #top-menu .menu-item.active {font-size: 1em;font-weight:900;letter-spacing: 0.15em;line-height: 40px;padding: 0px;display: block;text-indent: 10px;white-space:nowrap;width:100%; background:url(../images/menu_divider.png) repeat-x bottom center;}
    #top-menu .menu-item.active{ background-color: #9bc73b;}
	#top-menu .menu-item a {display: block; width: 100%; }/* background:url(../images/menu_arr_20.png) no-repeat right center; */
    .tools .travelIcon {background: url(../images/icons/travel-white.png) no-repeat;background-size:23px 26px;}
    .tools .shopIcon {background: url(../images/icons/shop-new-white.png) no-repeat;background-size:23px 24px;}
    .tools .searchIcon {background: url(../images/icons/search.png) no-repeat;}
    .tools .settingsIcon {background: url(../images/icons/settings.png) no-repeat;}
    /*.slider-big {display:none;}*/
    .column .text-block, #footer-container, .result-block {padding:10px;}
	#travel-plan {margin-top:0px;}
	#current-traffic {display: none;}
    #current-traffic .traffic-block {font-size:0.9em;}
    #current-traffic .traffic-block .date {width:22%;}
    #current-traffic .traffic-block .title {width:78%;}


	/*.puff-item{display: none;}*/
	/*.startpage .two-column-block:last-child{display: none;}*/

    
    li.slider-item > .slider-puff {font-size:1.6em;}
    .puff-item .puff-puff {font-size:1.8em;}
    .column li.slider-item > .slider-puff {font-size:1.8em;}
    .main-header h1 {font-size:1.6em; left: 10px}

    .user-info { color: #fff; line-height: 42px; }	
}

@media only screen and (min-width : 481px) {
	/* Fix when enlarging site and menu is hidden */
	#top-menu {display:block !important;}
}

/* High res phones portrait mode */
@media only screen and (min-width : 0px) and (max-width : 360px) {
	#top-menu {font-size: 0.8em;}
	.menu-item {padding: 0px 4px;}

    #current-traffic .traffic-block {font-size:0.8em;}
    #current-traffic .traffic-block .date {width:22%;}
    #current-traffic .traffic-block .title {width:78%;}
    
    .tidtabell-block #linje select {clear:left;margin-top:10px;}

}
/* Low/Med res phones in portrait mode */
@media only screen and (max-width : 320px) {
	#top-menu {font-size: 0.8em;}
	.menu-item {padding: 0px 4px;}
}
