html{
/*     overflow: -moz-scrollbars-vertical;*/
     overflow: scroll;
}
/*****************
Initializing padding and margin, overriding malicious default settings.
******************/

html{
	overflow-x: hidden;
}

body {
	padding:0px;
	margin:0px;
	width:100%;
	left:0px;
	top:0px;
	font-family: 'Rajdhani',Helvetica,Arial,sans-serif;
	font-size: 12px;
	color:#000;
}
#container{
	width: 100%;
	overflow: hidden;
	position:absolute;
}
.sortable-list p{
	font-size:18px;
	margin:1.12em 0;
}
.valgt_skabelon {
    border: 2px dotted #ccc;
    clear: both;
    float: left;
    margin-top: 5px;
    padding: 3px 0;
    text-align: center;
    width: 70px;
}
p {
	padding:0px;
	margin:0px;
}
h1, h2, h3, h4 {
	padding:0px;
	margin: 0px;
}
li{
	padding: 0;
	margin: 0;
}
ol{
	margin-left: 10px;
	padding-left: 10px;
	margin-top: 0px;
	padding-top: 0px;
}
a {
	color:#a32d30;
	font-family: 'Rajdhani',Helvetica,Arial,sans-serif;
}
a img {
	border: 0;
	padding: 0;
	margin: 0;
}
h2 {font-size:18px;}
h3 {font-size:14px;}
h4 {font-size:13px;}
hr{
	border:none;
	border-top:0 none;
	height:1px;
	padding: 0px;
}
#kontakt_top{
    height: 22px;
    position: absolute;
    top: 0;
    width: 100%;
	z-index: 999;
}
#kontakt_top_txt{
    width: 100%;
    z-index: 9999;
    background-color: #de3831;
    margin-top: -30px;
}
.search_box{
    position: relative;
    margin: 0 auto;
    width: 1200px;
    font-weight: 500;
    font-size: 17px;
    color: #fff;
    height: 30px;
    top: 4px;
}
.search_box a{color:#fff;}
.search_box_txt{
	float: right; 
}
.bund_tlf a {
  color: #fff;
}
#topbg{
	background-color: rgba(250,250,250,0.7);
    position: fixed;
    top: 30px;
    width: 100%;
    z-index: 9999;
    height: 70px;
}
#logo{
    float: left;
    height: auto;
    position: relative;
    top: 6px;
    width: 19%;
    z-index: 100000000000000000;
}
#logo a {
	display: block; 
	height: auto;
}
#logo img{
	max-width:100%;
	max-height:100%;
}
#madebyruler{
	width:100%;
	height: 50px;
	background-color: #313131;
	position: absolute;
	bottom: 0;
	z-index: 1000;
	text-align: center;
}
#madebyruler a{
	color:#fff;
	 opacity: 0.1;
    filter: alpha(opacity=10);
}
#madebyruler a:hover{
	color:#fff;
	 opacity: 1;
    filter: alpha(opacity=100);
}
.bund_tlf{
	font-size: 16px;
}
.bund_adresse{
	font-size: 16px;
}
#body_con{
	position:relative;
	margin: 0 auto;
	/*width:1200px;*/
	text-align: left;
	z-index:999;
}
#vest_kontaktinfo ul, #oest_kontaktinfo ul{
	font-size: 18px;
	font-weight: 600;
	padding: 40px 25px;
}
#vest_kontaktinfo, #oest_kontaktinfo{
	background-color: rgba(0,51,141,0.7);
	position: absolute;
	color: #fff;
	width: 23%;
	min-height: 124px;
}
#hvidelvej, #sleipnersvej{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
#flag{
	position:absolute;
	top:16px;
	right:0;
	z-index:10000;
	width:34px;
}
#flag img{
	float:left;
	padding:2px;
}
#vest_responsiv, #oest_responsiv{
	display: none;
}
.smiley{
	width: 50%;
	margin-top: 80px;
}
.roulette_jacob{
	max-width:100%;
	width:100%;
	max-height:520px;
	height:520px;
	z-index:2;
	position:absolute;
	top:0;overflow: hidden;
}
.centerbox{
    float: right;
    height: 520px;
    width: 50%;
	min-width:275px;
}
.slidertext{
	width:100%;
	background-color:blue;
}
.slidertext div{

}
.slide01{
    display: block;
    width: 100%;
    height: 520px;	
    background: url('/userfiles/image/roulette/forside/_MG_0715-Edit-2_1900px.jpg') no-repeat;
	background-size:cover;
}
.slide02{
    display: block;
    width: 100%;
    height: 520px;
    background: url('/userfiles/image/roulette/forside/_MG_0725-Edit_1900px.jpg') no-repeat;
	background-size:cover;
}
.slide03{
    display: block;
    width: 100%;
    height: 520px;
    background: url('/userfiles/image/roulette/forside/bygninger-1-jn-spedition_1900px.jpg') no-repeat;
	background-size:cover;
}
.slide05{
    display: block;
    width: 100%;
    height: 520px;
    background: url('/userfiles/image/roulette/forside/lager-2-jn-spedition_1900px.jpg') no-repeat;
	background-size:cover;
}
.slide06{
    display: block;
    width: 100%;
    height: 520px;
    background: url('/userfiles/image/roulette/forside/transport-5-jn-spedition_1900px.jpg') no-repeat;
	background-size:cover;
}
.slide07{
    display: block;
    width: 100%;
    height: 520px;
    background: url('/userfiles/image/roulette/forside/transport-6-jn-spedition_1900px.jpg') no-repeat;
	background-size:cover;
}
.slide08{
    display: block;
    width: 100%;
    height: 520px;
    background: url('/userfiles/image/roulette/forside/IMG_6245_1900px.jpg') no-repeat;
	background-size:cover;
}
.slide09{
    display: block;
    width: 100%;
    height: 520px;
    background: url('/userfiles/image/roulette/forside/IMG_1076_1900px.jpg') no-repeat;
	background-size:cover;
}
.slide10{
    display: block;
    width: 100%;
    height: 520px;
    background: url('/userfiles/image/roulette/forside/IMG_6710_1900px.jpg') no-repeat;
	background-size:cover;
}
.slide11{
    display: block;
    width: 100%;
    height: 520px;
    background: url('/userfiles/image/roulette/forside/fl5_1900px.jpg') no-repeat;
	background-size:cover;
}
.slide12{
    display: block;
    width: 100%;
    height: 520px;
    background: url('/userfiles/image/roulette/forside/01_1900px.jpg') no-repeat;
	background-size:cover;
}
.slide13{
    display: block;
    width: 100%;
    height: 520px;
    background: url('/userfiles/image/roulette/forside/02_1900px.jpg') no-repeat;
	background-size:cover;
}
.slide14{
    display: block;
    width: 100%;
    height: 520px;
    background: url('/userfiles/image/roulette/forside/03_1900px.jpg') no-repeat;
	background-size:cover;
}
.slide15{
    display: block;
    width: 100%;
    height: 520px;
    /*background: url('/userfiles/image/roulette/forside/15-1_1900px.jpg') no-repeat;*/
	 background: url('/userfiles/image/roulette/forside/slide-jn1_1900px.jpg') no-repeat;

	background-size:cover;
	background-position: center center;
     background-repeat: no-repeat; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
	
}
.slide16{
    display: block;
    width: 100%;
    height: 520px;
/*    background: url('/userfiles/image/roulette/forside/16-1_1900px.jpg') no-repeat;*/
	 background: url('/userfiles/image/roulette/forside/slide-jn2_1900px.jpg') no-repeat;

	background-size:cover;
}
.slide17{
    display: block;
    width: 100%;
    height: 520px;
   /* background: url('/userfiles/image/roulette/forside/17-1_1900px.jpg') no-repeat;*/
    background: url('/userfiles/image/roulette/forside/slide-jn3_1900px.jpg') no-repeat;

	background-size:cover;
}
.slide18{
    display: block;
    width: 100%;
    height: 520px;
    background: url('/userfiles/image/roulette/forside/finnlines-jn.JPG') no-repeat;
	background-size:cover;
}
.slide19{
    display: block;
    width: 100%;
    height: 520px;
    background: url('/userfiles/image/roulette/forside/slide22.JPG') no-repeat;
	background-size:cover;
}

.slide20{
    display: block;
    width: 100%;
    height: 520px;
    background: url('/userfiles/image/roulette/forside/IMG_36701.jpg') no-repeat;
	background-size:cover;
}




.slider_content_text {
	color: #fff;
    float: left;
    font-family: "Rajdhani";
    font-size: 26px;
    font-weight: 600;
    line-height: 46px; 
    padding-left: 25px;
    padding-top: 234px;
    position: relative;
    width: auto;
}	
.blue_slider_box{
    background-color: rgba(0, 51, 141, 0.5);
    float: right;
    height: 520px;
    margin-top: 0;
	margin-right: -310px;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10;
}
#content_text_left_padding {
	position:relative;
	width:100%;
	margin-left:0px;
}
.segment{
	width:100%;
	float:left;
}

/*** banner ***/
#banner_con {
	position: relative;
	height:70px;
	width:1200px;
	margin:auto;
	border: 0;
	top: 0;
	z-index: 2;
}

/*** Breadcrumbs ***/
#breadcrumbs_con{
    float: left;
    width: 100%;
    background-color: #fff;
    color: #8f9091;
    font-family: 'Rajdhani', Helvetica, Arial, sans-serif;
    position: absolute;
    z-index: 1000;
    top: 560px;
}
#breadcrumbs{
    height: 20px;
    margin: 0 auto;
    padding-top: 10px;
    position: relative;
    width: 1200px;
    z-index: 1;
}
#breadcrumbs ul {
	list-style: none;
	padding-left:0px;
	line-height:12px;
	margin: 5px 0 0 0;
	float: left;
	z-index:1;
}
#breadcrumbs li {
	float: left;
	display: block;
	text-align: center;
	z-index:1;
	margin-right:2px;
    color: #8f9091;
    font-weight: bold;
}
#breadcrumbs li a{
	color: #8f9091;
	font-style: italic;
	font-weight: 300;
	padding: 0px 5px;
	text-decoration: none;
	z-index: 1;
	font-family: 'Rajdhani', Helvetica, Arial, sans-serif;
	font-size: 16px;
}
#breadcrumbs li a:hover{
	color:#666;
}
#breadcrumbs_text{
	display: block;
	float: left;
	font-weight: 100;
	font-size: 16px;
	font-style: italic;
}
/*** Breadcrumbs slut ****/

#content_con {
	position: relative;
	width: 100%;
	float:left;
	margin-top:0px;
}
#baggrund{
    float: left;
    margin-bottom: 475px;
    position: relative;
    top: 520px;
    z-index: 999;
	width: 100%;
}
.blank_content{
	margin:0 auto;
	width:1200px;
	position:relative;
}
#leftdiv{
	position:relative;
	width: 100%;
	float: left;
	height:auto;
	margin-top:0px;
}
#rightdiv{
	width: 100%;
	float: left;
	margin-top: 0px;
}
#content_center{
	float: left;
	width:100%;
	min-height:300px;
}
#content_text{
	color: #97989C;
	font-size:18px;
	width: 100%;
	/* IE6 min-height hack begin */
	min-height:350px;
	height:auto !important;
	height:350px;
	/* IE6 min-height hack end */
	padding-top:0px;
}
#content_ie_100percent_fix, .sortable-list{
	padding:0px;
	width:100%;
	text-align:left;
	color:#333;
}
.sortable-list td{
	font-family: "Slabo 27px";
	font-size: 18px;
	height:auto !important;
}
#content_ie_100percent_fix a, .sortable-list a{
	color: #006699;
	text-decoration: none;
    text-decoration:none;
	}
#content_ie_100percent_fix a:hover, .sortable-list a:hover{
	text-decoration:underline;
	color:#000; 
}
#headline{
	background-color: #00338d;
	color:#ffffff;
    width: 100%;
	margin-bottom:20px;
}
#content_ie_100percent_fix h1{
	font-family: "Yrsa";
	padding-bottom:5px;
	font-size:25px;
	display:block;
	font-weight:300;
	margin:auto;
	max-width:1200px;
	padding-top: 4px;
}
#content_ie_100percent_fix h2, .sortable-list h2{
	font-family: 'Rajdhani',Helvetica,Arial,sans-serif;
	font-size: 34px;
}
#content_ie_100percent_fix h3, .sortable-list h3{
	font-family: "Open Sans Condensed";
	font-size: 26px;
	padding-top:3px;
}
#content_ie_100percent_fix p{
	display:block;
	margin: 1.12em 0;
	font-family: "Yrsa";
}
#content_ie_100percent_fix ul{
	margin-left: 10px;
	padding-left: 10px;
	margin-top: 0px;
	padding-top: 0px;
	list-style-type: disc;
}
#content_ie_100percent_fix li{
	padding: 0px;
	margin: 0px;
}
#content_ie_100percent_fix ul li{
	list-style-type: disc;
}
.blank_content_white {
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    width: 1200px;
}

/*** Menu ***/
#menugroup1_con {
    position: absolute;
    width: 100%;
    z-index: 99;
}
#mainmenu1_center_wrapper{
	height:100%;
}
.FoldUdResponsive{
	display: none;
}

/**********************/
/*   ALL menulevels   */
/**********************/
#menugroup1_con ul {
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	list-style: none;
}
#mainmenu1_ul a{
	color: #565a5c;
	z-index:3;
	float:left;
}
#mainmenu1_ul li .menuChosen,
#mainmenu1_ul li .firstElementAndMenuChosen{
	text-decoration: none;
	color: #b71234;
}
#mainmenu1_submenudiv li{
	display: inline-block;
}

/********************/
/*   menu Level 1   */
/********************/

#mainmenu1_ul{
	position: relative;
	z-index:3;
	margin:0px;
	left: 22%;
	right: 22%;
	list-style-type: none;
    overflow: hidden;
}
#mainmenu1_ul li{
	float: left;
}
#mainmenu1_ul li a{
	font-size: 20px;
	padding:22px 33px;
	text-decoration:none;
	font-weight: 300;
	color: #000;
	cursor: pointer;
}
#mainmenu1_ul li a:hover{
	background-color: #00338d;
	color: #fff;
}
#mainmenu1_ul li .firstElementAndMenuChosen{
	color: #fff;
	text-decoration: none;
	background-color: #00338d;
}
#mainmenu1_ul li:nth-child(4) ul li{
	width: 116px;
}
#mainmenu1_ul li:nth-child(5) ul li{
	width: 129px;
}

/********************/
/*   menu Level 2   */
/********************/
	

#mainmenu1_ul li ul {
    background-color: #00338d;
    width: 115px;
}
#mainmenu1_ul li ul li{
    width: 141px;
    z-index: 3;
    background-color: #00338d;
}
#mainmenu1_ul li ul li a{
	padding: 5px 25px 5px 5px;
	width: auto;
	display: block;
	font-size: 16px;
	text-decoration: none;
	font-weight: 300;
	color: #FFF;
}
#mainmenu1_ul li ul li a:hover{
	color:#fff;
}
#mainmenu1_ul li ul li .menuChosen {
	color: #fff;
	text-decoration: none;
}

/********************************/
/*   menu Level specificities   */
/********************************/

/* 102, 113, 124 */
#menugroup1_con ul ul
{
	display:none;
}

/* Specificity 112, 123, 134 */
#menugroup1_con li:hover ul
{
	display:block;
}

#menugroup1_con li:hover ul:last-child{
	left: 115px;
}

/*** BundMenu ***/

#menuBund{
	width:100%;
	float:left;
	padding: 13px 34px;
}
#menuBund #menugroup1_bund_con{
	padding-left:0;
	width:100%;
}
#menuBund ul{
	width: 100%;
	float:left;
	height:auto;
	text-align:left;
	font-size:10px;
	position: static;
}
#menuBund ul li{
	float:none;
	font-weight:500;
	width: 62%;
}
#menuBund ul li .menuChosen{
    color: #000;
}
#menuBund ul li a{
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
	padding: 0;
	width: 51%;
}
#menuBund ul li a:hover{
	color: #999999;
	text-decoration:underline;
}
#menuBund #mainmenu1_ul li .menuChosen{
	color: #000;
	text-decoration: underline;
}
#menuBund ul li ul{
    background-color: transparent;
    box-shadow: none;
    display: block;
    font-size: 14px;
    font-weight: normal;
    list-style: outside none disc;
    margin-left: 10px;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    list-style: none;
}
#menuBund ul li ul a{
    font-size: 16px;
	padding:0px 0px 0px 5px;
	color: #000;
	font-family: 'Rajdhani',Helvetica,Arial,sans-serif;
	font-weight: 400;
}
#menuBund ul li ul li{
	float:left;
	width:100%;
	font-weight:normal;
	margin-bottom: 0px;
}
#menuBund #mainmenu1_ul li ul li{
	background-color: transparent;
}
#menuBund #mainmenu1_ul li ul li{
	width: 100%;
}
#menuBund #mainmenu1_ul li .firstElementAndMenuChosen{
	background-color: transparent;
	color: #000;
}

/**** Indhold ****/

/*** medarbejdere_con ***/
#medarbejdere_con{
	width:100%;
	float:left;
}
.medarbejder_con{
	width:45%;
	float:left;
	padding: 10px;
}
.medarbejder_txt{
	width: 240px;
	height: 180px;
	float: left;
	padding-left: 20px;
}
.medarbejder_img{
	width: 120px;
	height: 180px;
	overflow: hidden;
	float: left;
}
.medarbejder_txt p{
	margin: 0!important;
}
.medarbejder_txt p:first-child{
	background-color: #de3831;
	color: #fff;
	margin-left: -20px!important;
	padding: 5px 0 5px 20px;
}
.medarbejder_con:nth-child(2) .medarbejder_txt p:first-child, 
.medarbejder_con:nth-child(3) .medarbejder_txt p:first-child, 
.medarbejder_con:nth-child(6) .medarbejder_txt p:first-child, 
.medarbejder_con:nth-child(7) .medarbejder_txt p:first-child,
.medarbejder_con:nth-child(10) .medarbejder_txt p:first-child,
.medarbejder_con:nth-child(11) .medarbejder_txt p:first-child{
	background-color: #00338d;
}
.medarbejder_txt p:nth-child(2){
	margin: 20px 0!important;
}
/*******/

.col3content_div_overskrift{
	font-family: "Open Sans Condensed";
	padding-bottom:5px;
	font-size:42px;
	font-weight:bold;
	text-align:center;
}
.col3content_div_overskrift a{
	color:#1E588A;
}
.over1, .over1 a{
	color:#1E588A;
}
.over2, .over2 a{
	color:#72B054;
}
.over3, .over3 a{
	color:#565A5B;
}
#frys{
	background-color: #00338d;
	color: #fff;
	height: 340px;
	overflow: hidden;
}
#frys h2, #tempe h2{
	color: #fff;
	font-family: 'Rajdhani',Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-size: 22px;
}
#frys p, #tempe p{
	font-family: 'Yrsa';
	font-weight: normal;
	font-size: 17px;
	margin: 0;
	padding: 10px 5px 0 5px;
}
#frys a, #tempe a{
	color: #fff;
	text-decoration: underline;
	font-size: 16px;
	font-family: 'Yrsa';
	display:block;
}
#lager, #distri{
	background-color: #fff;
	color: #000;
	height: 340px;
	overflow: hidden;
}
#kole{
	background-color: #a2d0da;
	color: #000;
	height: 340px;
	overflow: hidden;
}
#kole h2, #ovrig h2, #lager h2, #distri h2{
	color: #000;
	font-family: 'Rajdhani',Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-size: 22px;
}
#kole p, #ovrig p, #lager p, #distri p{
	font-family: 'Yrsa';
	font-weight: normal;
	font-size: 17px;
	margin: 0;
	padding: 10px 5px 0 5px;
}
#kole a, #ovrig a, #lager a, #distri a{
	color: #000;
	text-decoration: underline;
	font-size: 16px;
	font-family: 'Yrsa';
	display:block;
}
#tempe{
	background-color: #de3831;
	color: #fff;
	height: 340px;
	overflow: hidden;
}
#ovrig{
	background-color: #e0dede;
	color: #000;
	height: 340px;
	overflow: hidden;
}
.col4content_div{
	width: 23%;
	float: left;
	text-align: center;
	margin: 1%;
	font-size: 18px;
}
.col4content_div_billede{
	width:100%;
	float:left;
	text-align:center;
}
.col4content_div_billede img{
	max-width:277px;
}
#site-bund .col4content_div{
	margin-top: 0;
	margin-bottom: 125px;
} 

#site-bund ul{list-style-type: none;}


#boks_billede{
	height: 340px;
}
.col3content_div{
	width:31%;
	float:left;
	text-align:left;
	margin:1%;
	font-size:18px;
}
.col3content_div_billede{
	width:100%;
	float:left;
	text-align:center;
}
.col3content_div_billede img{
	width:100%;
	height:auto;
}
.col2content_div{
	width:48%;
	float:left;
	text-align:left;
	margin:1%;
	font-size:18px;
}
.col2content_div img{
	max-width:100% !important;
	height:auto !important;
}
.col3_div_long{
	width:33.3%;
	float:left;
	text-align:center;
	overflow:hidden;
}
.col3_div{
	width:33.3%;
	float:left;
	text-align:center;
	min-height: 297px;
}
.col_1x3_div{
	width:31%;
	float:left;
	text-align:left;
	margin:1%;
	font-size:18px;
}
.col_1x4_div{
	width:25%;
	float:left;
	text-align:left;
	margin:1%;
	font-size:18px;
}
.col_2x3_div{
	width:64%;
	float:left;
	text-align:left;
	margin:1%;
	font-size:18px;
}
div.col_2x3_div , div.col_1x3_div , div.col3_div , div.col2content_div , div.col3content_div {
	height:auto !important;
}
.line1_div{
	width:100%;
	float:left;
}


/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}
#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/js/fancybox/fancybox.png');
}
#fancybox-overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1100;
	display: none;
}
#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}
#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 9999999;
	outline: none;
	display: none;
}
#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}
#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}
#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/js/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}
#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}
#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}
#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}
#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/js/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}
#fancybox-left {
	left: 0px;
}
#fancybox-right {
	right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}
#fancybox-left-ico {
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -30px;
}
#fancybox-right-ico {
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}
.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}
#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/js/fancybox/fancybox-x.png');
}
#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -162px;
}
#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/js/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}
#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -182px; 
}
#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/js/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}
#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -142px;
}
#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/js/fancybox/fancybox-y.png');
}
#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -122px;
}
#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
	height:25px !important;
}
.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}
.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}
.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}
#fancybox-title-over {
	padding: 10px;
	background-image: url('/js/fancybox/fancy_title_over.png');
	display: block;
}
.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}
#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}
#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}
#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/js/fancybox/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/js/fancybox/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/js/fancybox/fancybox.png') -55px -90px no-repeat;
}
#bund_con {
    background-color: #efeeee;
    color: #000;
    float: left;
    position: relative;
	width: 100%;
	z-index: 999;
	min-height: 350px;
}
#site-bund {
    margin: 0 auto;
    position: relative;
    width: 1200px;
}
#mainmenu1_submenudiv{
	background-color:#00338D;
	width:100%;
	height:40px;
	margin-top: -12px;
}
#mainmenu1_submenudiv ul{
	text-align:center;
	padding-top: 9px;
}
#mainmenu1_submenudiv ul li a{
	color:#ffffff;
    font-weight: 300;
    padding: 5px 25px 5px 5px;
    text-decoration: none;
    font-size: 18px;
}
#mainmenu1_submenudiv ul li a:hover{
	color:#ffffff;
    text-decoration: underline;
}
#kontakt_i_bunden {
	float:left; 
}
#open_close_con {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}
#menu_open, #menu_close, #menu_big {
	float:left;
	display:none;
}
#menu_open, #menu_close {
	margin-right:10px;
}
#menu_big {
    font-size:18px;
    height: auto;
    padding: 28px;
    width: auto;
}
#sitemap_links a{
	text-decoration: none;
}
#sitemap_links #mainmenu1_ul li a:hover{
	color: #000;
	background: none;
}
#transport_links{
	padding-top: 10px;
}
#transport_links ul{
	float: left;
	text-align: left;
	font-size: 16px;
}
#transport_links h3{
	font-size: 16px;
	float: left;
}
#transport_links a{
	color: #000;
	text-decoration: none;
}
#transport_links a:hover{
	text-decoration: underline;
}
#transport_links li{
	display: block;
}
#bund_con{
		width: 100%;
}


/************************************************************************************
EDITOR CSS
*************************************************************************************/
.sortable-item{
	max-width: 1385px;
	overflow: hidden;
}
.sortable-item .slider_blue img{
	max-width: 1385px;
}
.sortable-item .blue_slider_box {
	max-width: 1385px;
	margin: 0;
}
.sortable-item .col_2x3_div, .sortable-item .col_1x3_div, .sortable-item .col3_div, .sortable-item .col2content_div, .sortable-item .col3content_div{
	border: dotted 1px #ccc;
	margin:0.5%;
}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and (min-width: 1999px) {
	.roulette_jacob{
		width: 1980px;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
}
@media screen and (max-width: 1345px) {
	#content_text{
		width:100%;
	}
	#banner_con{
		padding-left:1%;
	}
	#breadcrumbs{
		padding-left: 1%;
		width: 99%;
	}
	#body_con{
		padding-left: 0%;
		width: 100%;
	}
	#content_con{
		width:100%;
	}
}
@media screen and (max-width: 1200px) {
	.blank_content, .blank_content_white{
		width:98%;
	}
	.blank_content_white .blank_content{
		width:98% !important;
		padding:1% !important;
	}
	.blank_content .blank_content{
		width:98% !important;
		padding:1% !important;
	}
	.blank_content_white{
		left:0;
		margin-left:0;
		margin-top: 0;
	}
	#content_text img{
		max-width:100%;
		height:auto !important;
	}
	#boks_billede img{
		width: 100%!important;
	}
	#site-bund{
		width: 100%;
	}
}
@media screen and (max-width: 1199px) {
	.blue_slider_box{
		margin-right:-25%;
	}
	.blank_content_white{
		padding: 0;
		margin: 0;
	}
	.search_box{
		width: 100%;
	}
	#menugroup1_con{
		width: 1199px;
	}
	#mainmenu1_ul li ul{
	}
}
@media screen and (max-width: 1024px) {
	.slider_content_text { 
		font-size: 22px;
    	line-height: 26px;
    	margin-top: 9px;}
		.col4content_div{
		width: 48%;
	}
	#lager, #distri{
		height: 340px;
	}
	#distri{
		width: 47%;
	}
	#boks_billede{
		height: 340px;
		overflow: hidden;
	}
	#sitemap_links, #transport_links{
		display: none;
	}
	#site-bund{
		padding: 0;
		width: 99%;
	}
	#vest_kontaktinfo, #oest_kontaktinfo{
		width: 48%;
	}
	.search_box{
		width: 96%;
	}
    #menugroup1_con{
    	width: 100%;
    }
    #mainmenu1_ul li a{
    	padding: 22px 15px;
    }
    #site-bund .col4content_div {
    	margin-top: 70px;
    	margin-bottom: 174px;
	}
	#site-bund .col4content_div p img {
    	display: block;
    }
	#site-bund .col4content_div img {
    	display: none;
    }
	#content_ie_100percent_fix h2, .sortable-list h2{
	font-size: 32px;
	}
}

/* for 828px or less */
@media screen and (max-width: 828px) {
	.bund_tlf{
		font-size:17px;
	}
	#mainmenu1_ul li ul li .menuChosen{
		color:#000;
	}
}

/* for 769px or less */
@media screen and (max-width: 769px) {

	/***** Skabeloner ******/
	.col_2x3_div{
		width:100%;
		float:left;
		text-align:left;
		margin:1%;
		font-size:18px;
	}
	.col_1x3_div{
		width:100%;
		float:left;
		text-align:left;
		margin:1%;
		font-size:18px;
	}
	.col2content_div{
		width: 100%;
	}
	.roulette_jacob{
		display:none;
	}
	#breadcrumbs_con{
		display: none;
	}
	#baggrund{
		top: 100px!important;
		margin-bottom: 0px;
	}
	#site-bund{
		text-align: center;
		padding-top: 15px;
	}
	#frys, #kole, #tempe, #ovrig{
		height: 125px;
		width: 98%;
	}
	#frys .col4content_div_billede, #tempe .col4content_div_billede, #ovrig .col4content_div_billede{
		display: none;
	}
	#kole .col4content_div_billede{
		display: none;
	}
	#kole .col4content_div_billede img{
		width: 12px!important;
	}
	#frys .col4content_div_overskrift, #kole .col4content_div_overskrift, #tempe .col4content_div_overskrift, #ovrig .col4content_div_overskrift{
		width:100%;
		float: right;
		padding-top: 10px;
	}
	#frys h2, #kole h2, #tempe h2, #ovrig h2 {
		font-size: 35px;
	}
	#frys p, #kole p, #tempe p, #ovrig p{
		width: 100%;
		float: right;
	}
	#frys a, #kole a, #tempe a, #ovrig a{
		font-size: 130%;
	}
	#frys p:first-of-type, #kole p:first-of-type, #tempe p:first-of-type, #ovrig p:first-of-type{
		display: none;
	}
	.FoldUdResponsive{
		display: block;
		position: absolute !important;
	    top: -15px;
	    width: 5% !important;
	    right: 0px;
	    display: block;
	    color: #fff !important;
	    z-index: 99;
	    height: 40px;
	    margin-top: 18px;
	    text-align: center;
	    background-image: url('https://www.jn-spedition.dk/images/arr.png');
	    background-repeat: no-repeat;
	    padding-right: 40px;
	}
	.FoldUdResponsive img{
		display: none;
	}
	#menu_open, #menu_close, #menu_big {
		cursor:pointer;
		display: block;
	}
	#menu_close{
		display: none;
	}
	#menu_open #menu_big {
		background-image:url(https://www.jn-spedition.dk/images/menu.png);
		background-repeat:no-repeat;
		background-position:right center;
		background-size: 50px auto;
		display: block;
	}
	#menu_close #menu_big {
		background-image:url(https://www.jn-spedition.dk/images/menu.png);
		background-repeat:no-repeat;
		background-position:right center;
		background-size: 50px auto;
	}
	#banner_con {
		float: left;
		width: 100%;
		padding:0px;
	}
	#logo {
		height: auto;
		margin: 1%;
		max-width: 98%;
		width: 30%;
	}
	#topbg {
		position: absolute !important;
	}
	#vest_responsiv, #oest_responsiv{
		display: block;
		width: 25%;
		margin: 0 auto;
	}
	#vest_responsiv img, #oest_responsiv img{
		height: 30px;
		float: right;
	}
	#vest_kontaktinfo, #oest_kontaktinfo{
		position: static;
	}
	#logo img{
		max-width:100%;
		height:auto;
	}
	#boks_billede {
		width: 100%!important;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	#boks_billede .col4content_div_billede img{
		width: 96%!important;
	}
	.blank_content_white{
		width: 100%;
	}
	#menugroup1_con li:hover ul
	{
		display:none;
	}
	#menugroup1_con {
		display:none;
		top:70px;
		right:0px;
		width:100%;
		padding-left:0px;
		z-index:99999;
	}
	#mainmenu1,#mainmenu1_center,#mainmenu1_center_wrapper,#mainmenu1_ul,#menugroup1_con{
		height:auto;
	}
	#mainmenu1_ul {
		margin:0;
		width:100%;
		padding:0;
		left: 0;
	}
	#mainmenu1_ul li {
		float:left;
		width:100%;
		clear:both;
		margin:0px;
	}
	#menugroup1_con #mainmenu1_ul li{
		background-color:#fff;
		position: relative;
	}
	#mainmenu1_center_wrapper, #mainmenu1_center {
		float:left;
		width:100%;
	}
	#mainmenu1_ul li a {
		padding:8px 2% 22px;
		margin:0;
		width:96%;
		background-color:transparent;
		font-size:18px;
		text-align:left;
	}
	#mainmenu1_ul li a:hover{
		background: none;
		color: #000;
		height: auto;
		text-decoration: underline;
	}
	
	#mainmenu1_ul li a{font-size:26px;}
	#mainmenu1_ul li .menuChosen,
	#mainmenu1_ul li .firstElementAndMenuChosen{
		background-color:transparent;
		font-weight:bold;
		color: #de3831;
	}
	#mainmenu1_ul li.menuChosen ul, #mainmenu1_ul li.firstElementAndMenuChosen ul{
		display: block;
		margin: 0;
		padding: 1%;
		position: relative;
		float: left;
		width: 98%;
		top:0px;
		background-color:transparent;
		box-shadow: none;
	}
	#mainmenu1_ul li ul, #mainmenu1_ul li.menuChosen ul, #mainmenu1_ul li.firstElementAndMenuChosen ul{
		padding-left: 15px;
   		margin-top: -15px;
    	margin-left: 0;
    	background-color: white;
	}
	#mainmenu1_ul li.menuChosen ul{
		display:block !important;
	}
	#menugroup1_con #mainmenu1_ul li ul li{
		float:left;
		width:100% !important;
		clear:both;
		margin:0px !important;
	}
	#menugroup1_con #mainmenu1_ul li.firstElementAndMenuChosen ul li:first-child{
	}
	#mainmenu1_ul li a:before {
		content: "• ";
		color: #000;
	}
	#mainmenu1_ul li ul li a{
		padding:6px 2%;
		margin:0;
		width:100%;
		background-color:transparent;
		color:#000;
		font-size:180%;
		text-align:left;
	}
	#mainmenu1_ul li ul li a:before {
		content: "• ";
		color: #000;
		letter-spacing: 3px;
	}
	#mainmenu1_ul li ul{
		width: 100%;
	}
	#menugroup1_con li:hover ul:last-child {
    	left: 0px;
	}
	#mainmenu1_ul li ul li a:hover{
		color: #000;
		text-decoration: underline;
	}
	#menugroup1_con #mainmenu1_ul li ul li:last-child{
	}
	#mainmenu1_ul li ul li:first-child{
		margin:0px;
	}
	#mainmenu1_submenudiv{
		display: none;
	}
	#body_con {
		width:100%;
	}
	#rightdiv {
		width:100%;
	}
	#open_close_con {
		display: block;
		position: absolute;
		right: 54px;
		width: 55px;
		top: 10px;
	}
	#content_ie_100percent_fix h1{
		margin-left: 15px;
	}
	#menuBund ul li{
		width:50%;
	}
	#menuBund ul li ul{
		list-style:none;
	}
	#site-bund .col4content_div{
		width: 98%;
		float: left;
	}
	#oest_kontaktinfo{
		margin-top: 10px;
		margin-bottom: 100px;
	}
	#vest_kontaktinfo, #oest_kontaktinfo{
		width: 100%;
		height:auto;
	}
	#lager, #distri {
		width: 98%;
		min-height: 240px;
	}
	#site-bund .col4content_div {
    	margin-top: 0px;
    	margin-bottom: 0;
	}
	#bund_con{
		margin-top: 120px;
	}
}

/* for 480px or less */
@media screen and (max-width: 480px) {
	.col3content_div{
		width:98%;
		margin-bottom:10px;
	}
	.col2content_div{
		width:98%;
		margin-bottom:10px;
	}
	.search_box{
		font-size: 14px;
	}
	#menu_open #menu_big, #menu_close #menu_big{
		background-size: 80%;
		margin-top: 0px;
	}
	#menu_close #menu_big{
		float: none;
	}
	#mainmenu1{
		margin-top: 27px;
	}
	#frys, #kole, #tempe, #ovrig{
		height: 90px;
	}
	#frys h2, #tempe h2, #kole h2, #ovrig h2{
		font-size: 180%;
	}
	#frys img, #tempe img{
		padding: 12px!important;
	}
	#kole .col4content_div_billede img{
		width: 5px!important;
		padding: 14px!important;
		margin-left: 13px;
	}
	#ovrig img{
		padding: 26px 20px!important;
	}
	#frys a, #tempe a, #kole a, #ovrig a{
		font-size: 140%;
	}
	#frys p, #tempe p, #kole p, #ovrig p{
		margin-top: -20px;
	}
	#content_center{
		min-height: 0;
	}
	#content_text{
		min-height: 0;
	}
	.blank_content_white{
		min-height: 0;
	}

}

@media screen and (max-width: 460px) {
	#kontakt_top_txt{
		padding-top: 1%;
	}
	#breadcrumbs_text {
		font-size: 12px;
	}
	#breadcrumbs li a{
		font-size: 12px;
	}
	#breadcrumbs ul{
		margin: 2px 0 0 0;
	}
}

@media screen and (max-width: 440px) {
	#menugroup1_con{
		top: 85px;
	}
	#logo {
		float: none;
		text-align: left;
		width: 62%;
	}
}