@import url('reset.css');
/*styles from document*/

.bigvideocss {
    margin-left: 10px;
}
#videokundensmall {
    margin-left: 28px;
}

/*END styles from document*/
/* General Style */
.col-lg-12 {
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 35px;
}
.ajustleftvideo {
    padding-right: 30px;
}

body {
    color: #333;
    /*font-family: 'Oswald', Arial, sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
blockquote span strong {
    font-size:16px;
}
/* common style */
#WelcomePageImageBox img{
    height: 254px !important;
}

.view-sixth img {
    -webkit-transition: all 0.4s ease-in-out 0.5s;
    -moz-transition: all 0.4s ease-in-out 0.5s;
    -o-transition: all 0.4s ease-in-out 0.5s;
    -ms-transition: all 0.4s ease-in-out 0.5s;
    transition: all 0.4s ease-in-out 0.5s;
}
.view-sixth .mask {
   background-color: rgba(0,55,122,0.5);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}
.view-sixth h2 {
   
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   /*background: transparent;
   background: #00377a;*/
   background:rgba(0,55,122,0.5);
   left:-28px;
   margin: 20px 40px 0px 40px;

}
.view-sixth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.2s;
   -moz-transition: all 0.3s ease-in-out 0.2s;
   -o-transition: all 0.3s ease-in-out 0.2s;
   -ms-transition: all 0.3s ease-in-out 0.2s;
   transition: all 0.3s ease-in-out 0.2s;
   margin-top:10px;
}

.view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-sixth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
/* END common style */

.imageresponsive{
	width:100%;
	
	}
/* ColorBox styles */

.colorboxheadline
{
	font-size:19px;
	font-weight:600;
	color:#FFF;
	line-height: 0.9em;
	letter-spacing: 0.055em;
    
}

.colorboxsubtext
{
	padding-top:25px;
    font-size:15px;
	font-weight:300;
	color:#FFF;
	/* 16 * 0.0625 = 1px 
  	letter-spacing: 0.0625em;*/
	letter-spacing: 0.095em;
    line-height:20px;
    
	
}



.roundedcolorbox {
  border-radius: 5px;
  height:150px;
  border: 1px dotted #ccc;
  vertical-align:middle;
  text-align:center;  
  margin-top:auto;
  margin-left:0px; 
  float:left;
  margin-right:8px;
  width:31%
}
.roundedcolorbox50 {
  border-radius: 5px;
  height:150px;
  border: 1px dotted #ccc;
  vertical-align:middle;
  text-align:center;  
  margin-top:auto;
  margin-left:0px; 
  float:left;
  margin-right:8px;
  width:47%
}
.roundedcolorbox_content {
vertical-align:middle;
display: inline-block;
line-height: 3.5em;
padding-top:20px;
font-size:14px;
text-align:center;
  	
}

	
/* END ColorBox styles */


.tab-content {
		  margin-top:20px;
}
.picsborder {
		border: 1px dotted #ccc;
		}
.container{
	position:relative;
}

#container{
    width: 400px;
    background: yellow;
}
#floated{
    float: left;
    width: 150px;
    background: red;
}
#image222 {
	border: 1px dotted grey;
	}
.spacertabcontent {
	float:left;width:100%;height:20px;
	
	}

.clr{
	clear: both;
}
.main{
	position:relative;
    max-width:915px;
    /* margin: 0 auto; */
	padding-top:10px;
	display:block;
	transition: all 0.5s linear;
}

#col2 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		padding-left:0px;
		column-gap: 4em;
		}
.onboardbackbuttonvisible {
	display:block;
	cursor:pointer;
	border: 1px dotted #ccc;
}
.onboardbackbuttonhidden {
display:block;
cursor:pointer;
width:90px;
}

.onboard_headline1 {
  font-size:19px;
  font-weight:700;
  
}

/* 3 column code */

		#col {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
		padding-left:0px;
		column-gap: 4em;
		}


/* END column code */



/* function to fade between main and main2page css*/


.hidden {
  display: none;
}

.visuallyhidden {
  opacity: 0;
}
/* end function to fade between main and main2page css*/

#main2page{
	position:relative;
    
    /* margin: 0 auto; */
	padding-top:10px;
	display:none;
	
}


#portratpage2 {
	
	
	height:340px;
	padding:20px;
	
	display:none;
	
	}

#videopage2 {
	
	/*border: 1px dotted #ccc;*/
	height:340px;
	padding:0px;
	z-index:9;
	display:none;
	
	
	}
#videopage {
	
	/*border: 1px dotted #ccc;*/
	height:340px;
	padding:0px;
	z-index:9;
	
	
	
	}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
h1{
	margin:0px;
	padding:20px 20px 10px 20px;
	font-size:34px;
	color:#333;
    text-shadow:1px 1px 1px #fff;
	text-align:left;
	font-weight:400;
    text-align:center;
}
h1 span{
    display:block;
	font-size: 14px;
    font-family: Georgia, serif;
    font-style: italic;
	color:#b2891b;
	padding-top:10px;
}
/* Header Style */
.header{
	font-family:'Arial Narrow', Arial, sans-serif;
	line-height: 24px;
	font-size: 11px;
	background: #000;
	opacity: 0.9;
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000;
}
.header a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display: block;
	float: left;
}
.header a:hover{
	color: #fff;
}
.header span.right{
	float: right;
}
.header span.right a{
	float: none;
	display: inline;
}

.more{
	position:relative;
	clear:both;
	font-family:'Arial Narrow', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    padding: 5px 0px 10px;
    max-width: 540px;
    margin: 0 auto;
}
.more ul{
	display:block;
	text-align:center;
    height: 30px;
}
.more ul li{
	display: block;
    padding: 4px 2px;
    float:left;
}
.more ul li.selected a,
.more ul li.selected a:hover{
	background:#b2891b;
	color:#fff;
	text-shadow:none;
}
.more ul li a{
	color:#555;
    float:left;
	background:#fff;
    width:40px;
	padding: 2px 5px;
	-moz-box-shadow:1px 1px 2px #aaa;
	-webkit-box-shadow:1px 1px 2px #aaa;
	box-shadow:1px 1px 2px #aaa;
}
.more ul li a:hover{
	background:#000;
	color:#fff;
}


/* Block Quote */
video{
		  display:block;
		  width:100%;
		  /* height:300px; */
		  
		}
	  
	  
      blockquote {
      background: #f9f9f9;
      border-left: 10px solid #ccc;
      
      /*padding: 0.5em 10px;*/
      /*quotes: "\201C""\201D""\2018""\2019";*/
	  quotes: "\201C""\201D""\2018""\2019";
      width: 100%;
	   height:100%;
	   vertical-align:middle;
	   
	    
 
  		
  
	   
	   
    }
	.blockquotecontent {
      
	   vertical-align:middle;
	   display: inline-block;
	   line-height: normal;
	   padding-right:20px;
	   padding-left:20px;
	   padding-bottom:28px;
	   font-size:14px;    
    }
	
	
	
	
	
    blockquote:before {
      color: #f9f9f9;
      content: open-quote;
      content:"\201C";
      font-size: 4em;
      line-height: 0.1em;
      margin-right: 0.25em;
      vertical-align: -0.65em;
    }
    blockquote:after {
      color: #f9f9f9;
      content: open-quote;
      content:"\201D";
      font-size: 4em;
      line-height: 0.2em;
      margin-right: 0.25em;
      margin-bottom: -2em;
	  float:right;
    }
	/*
	blockquote:after {
      color: #ccc;
      content: open-quote;
      content:"\201D";
      font-size: 4em;
      line-height: 0.1em;
      margin-right: 0.25em;
      vertical-align: 0.9em;
	  float:right;
    }
	*/
    
    blockquote:before {
    
    
    
    }
    
    blockquote:after {
    
    
    
    }
    
    blockquote p {
      display: inline;
    }
/* END Quote */

/* Social Icons styles */	
.socialicons {
		width:40px;
		height:40px;
		 
	}
/* END Social Icons styles */

.divisionright {
	padding-right:15px;
	border-right: 1px dotted #CCC;
}
.divisionleft {
	padding-left:15px;
	border-left: 1px dotted #CCC;
}
	
/* ColorBox styles */

.colorboxheadline
{
	font-size:22px;
	font-weight:600;
	color:#FFF;
	line-height: 0.8em;
	letter-spacing: 0.055em;
}

.colorboxsubtext
{
	font-size:15px;
	font-weight:300;
	color:#FFF;
	/* 16 * 0.0625 = 1px 
  	letter-spacing: 0.0625em;*/
	letter-spacing: 0.095em;
	
}
.roundedcolorbox {
  border-radius: 5px;
  height:150px;
  border: 1px dotted #ccc;
  vertical-align:middle;
  text-align:center;  
}
.roundedcolorbox_content {
vertical-align:middle;
display: inline-block;
line-height: 2.5em;
padding-right:20px;
padding-left:20px;
padding-bottom:10px;
padding-top:10px;
font-size:14px;
text-align:center;
  	
}

	
/* END ColorBox styles */

.centerDiv {
	/*float: none;*/
    margin: 0px auto;

	
	
}
.centerDiv h2{
	
	font-size:16px;
	font-weight:400;
	
	
}
.onboardhr{
	border-bottom: 1px dotted #ccc;
	margin-bottom:10px;
}
.col-sm-6fff {
	border: 1px dotted #ccc;
	}
.OnBoardHeadertop
{
	max-width: 955px;
	margin-top:15px;
	}



.OnBoardContent
{
	
	
	background-image:url(img/scandlines/sea_updated.png);
	
	}
.OnBoardContentBox {
	min-height: 230px;
	
	/*min-height: 230px;*/
	max-width:955px;
	background-color: #FFFFFF;
	}

.OnBoardContentBlue
{
	
	
	background-color: #c9d8e3;
	margin-bottom:0px;
	min-height: 10px;
	
	
	}
.OnBoardContentCarosel
{
	max-width: 955px;
	min-height: 10px;
	
	
	}
.OnBoardTopContentImage {
    float:left;
    width:35%;

}

.OnBoardTopContentHeadAndSub{
    float:left;
    width:65%;

}
.Quotegenerel{
min-height:100px; 
padding:0px; 
float:right;

}
	

.topvideoresponsive{
	width: 449px; height:193px;padding:0px;margin-left:0px;
	
}
.portraitresponsive {
	width: 452px; height: 189px; padding:0px; 
	
	}

#videopage, #videopage2{
	margin-left:0px;
	width: 452px;  
	height:193px;
	margin-bottom:-10px; 
	}
.mainareasresponsive {
margin-left:0px;	
}
#mainareas {
padding-left:0px;	
}
.teasereresponsive
{
margin-left:0px;	
/*padding-right:20px;*/
padding-left:0px;
}
.teasereresponsiveright
{
margin-left:0px;	
padding-right:0px;
padding-left:20px;
}
#onboardteasere{
	padding-left:0px;
}
/*.firstteaser{
margin-left:-25px;	
}*/
.otherteasers{
margin-left:0px;	
}
.responsivenormalimagemargin{
	margin-left:-10px;
	}
.billedesoren {
    
    margin-left:-10px;
}
.responsivesubfotos{
	left:10px;
	padding-left:15px;
	}
.retailcol {
    left:0px;
    margin-top:-14px;
    padding:0px;
    
    
    float:left;
}
.retailfoto {

    width: 130%;
     margin-left:-20px;
     
}
.focus5 {
    margin-left:26px;

}
.MainHeaderHeadline {
    margin-top: 0px;
     margin-left: -5px;
    }
.MainHeaderSubText{
    margin-left: -5px;
}
#videotrafik2 {
    margin-left:10px;
    width: 100%; 
}
.quote_right_de {
    height: 244px;
}

.quoteright {
    height:249px; 
    margin-left:15px; 
    right:10px;
    float:left;
    margin-top:0px;
}
.trafikcolnederst {
    
    margin-left: 0px;
    top:-10px;
}
.keyhole {
    
    padding-top:5px;padding-left:0px;border-top:1px #ccc dotted;border-bottom:1px #ccc dotted;margin-left:10px;margin-bottom: -10px; float: left; width: 100%;
}
.bigvideocss{
    margin-left:15px;
}
.videoWrapper{
        width: 100%;
        margin-left:10px;

    }
#kunden2pagevideo{
    width: 103%;
}
.smilevideoimage {
    width: 100%;
    
}


@media only screen and (max-width: 768px) {
    .smilevideoimage {
        width: 100%;
        height: 200px !important;
    }

    .view-sixth p {
        font-size: 18px !important;
        padding: 10px 20px 20px 20px;
    }

    .viewfocus1 .mask, .viewfocus1 .content {
        width: 100% !important;
        height: 100% !important;
        padding-top: 40%;
    }

    #kunden2pagevideo {
        width: 100%;
    }

    .videoWrapper {
        width: 107%;
        margin-left: 10px;
    }

    .socialicons {
        width: 30px;
        height: 30px;
    }

    .bigvideocss {
        margin-left: 0px;
    }

    .keyhole {
        padding-top: 5px;
        padding-left: 0px;
        border-top: 1px #ccc dotted;
        border-bottom: 1px #ccc dotted;
        margin-left: 10px;
        margin-bottom: 10px;
        float: left;
        width: 89%;
    }

    .quoteright {
        min-height: 104px;
        /*left: -15px;*/
        right: 10px;
        padding-right: 5px;
        float: right;
        margin-top: 0px;
        width: 100%;
        height: 310px;
    }

    .MainHeaderHeadline {
        margin-top: 30px;
        margin-left: -5px;
    }

    .MainHeaderSubText {
        margin-left: -5px;
    }

    .imagetrafik {
        width: 100%;
    }

    .portraitcol {
        width: 109%;
        height: 100%;
    }

    .trafikcol {
        width: 112%;
        height: 100%;
    }

    .trafikcolnederst {
        width: 117%;
        height: 100%;
        margin-left: -20px;
        top: 10px;
    }




    .viewvideoontrafik h2 {
        text-transform: uppercase;
        color: #006400;
        text-align: center;
        position: relative;
        font-size: 17px;
        padding: 10px;
        background: rgba(0, 0, 0, 0.8);
        margin: 0px 0px 0px 0px;
    }

    #videotrafik2 {
        width: 100%;
        margin-left: -5px;
        /*height: 498px;*/
    }

    #videotrafik {
        width: 100%;
        /*height: 498px;*/
        left: -15px;
    }

    .videotrafikimage {
        /*width: 882px;
               height:592px;*/
        width: 100%;
        /*height:592px;*/
    }

    .customNormal {
        margin-top: 29px;
    }

    .focus5 {
        margin-left: 0px;
        width: 100%;
    }


    .retailcol {
        margin-left: -10px;
        width: 102%;
        margin-top: -14px;
    }

    .retailfoto {
        width: 110%;
    }

    .trafikbilleder {
        left: -10px;
    }

    .billedesoren {
        margin-left: 0px;
    }

    .responsivesubfotos {
        left: 10px;
        padding-left: 30px;
    }

    .OnBoardContentBox {
        min-height: 670px;
        /*min-height: 230px;*/
        max-width: 955px;
        background-color: #DDDBDB;
    }

    .onboard_headline1 {
        padding: 0px;
    }

    .onboard_subline {
        padding: 0px;
    }

    .OnBoardTopContentImage {
        float: left;
        width: 98%;
        padding-bottom: 20px;
    }

    .OnBoardTopContentHeadAndSub {
        float: left;
        width: 98%;
    }

    .QuoteGenerel {
        float: left;
        margin-top: 20px;
    }

    .roundedcolorbox {
        border-radius: 5px;
        height: 150px;
        border: 1px dotted #ccc;
        vertical-align: middle;
        text-align: center;
        margin-left: 0px;
        margin-top: 20px;
        float: left;
        margin-right: 0px;
        width: 99%
    }

    .roundedcolorbox50 {
        border-radius: 5px;
        height: 150px;
        border: 1px dotted #ccc;
        vertical-align: middle;
        text-align: center;
        margin-left: 0px;
        margin-top: 20px;
        float: left;
        margin-right: 0px;
        width: 99%
    }

    .portraitresponsive {
        width: 297px;
        height: 129px;
        padding: 0px;
    }

    .viewportrat .mask, .viewportrat .content {
        width: 297px;
        height: 129px;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .topvideoresponsive {
        width: 300px;
        height: 129px;
        padding: 0px;
    }

    #videopage, #videopage2 {
        margin-left: -18px;
        margin-bottom: -18px;
    }

    #videopage2 {
        margin-left: -15px;
    }

    .view .mask, .view .content {
        width: 300px;
        height: 129px;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .mainareasresponsive {
        margin-left: -40px;
        margin-top: -50px;
    }

    .mainareasresponsive {
        margin-left: -15px;
    }

    #mainareas {
        padding-left: 0px;
    }

    #onboardteasere {
        padding-left: 0px;
    }


    /*.firstteaser{
margin-left:-40px;	
}*/
    /*.otherteasers{
margin-left:-40px;	
}*/

    .viewportrat .mask .infovideo {
        margin-left: -160px;
        margin-top: 10px;
    }

    .viewportrat .mask .infoportrat {
        margin-left: -160px;
        margin-top: 10px;
    }

    .viewportrat .mask p {
        font-family: Georgia, serif;
        font-style: italic;
        font-size: 12px;
        position: relative;
        color: #fff;
        /*
	padding: -20px 20px 20px;
	 This controls the position of the button and text that flies in */
        text-align: center;
        padding-left: 20px;
        margin-top: 10px;
        padding-right: 70px;
        width: 340px;
    }

    .topvideoresponsive .mask p {
        font-family: Georgia, serif;
        font-style: italic;
        font-size: 18px;
        position: relative;
        color: #fff;
        /*
	padding: -20px 20px 20px;
	 This controls the position of the button and text that flies in */
        text-align: center;
        padding-left: 20px;
        margin-top: 10px;
        padding-right: 70px;
        width: 340px;
    }

    #portratpage {
        margin-bottom: 8px;
    }

    .responsivenormalimages {
        width: 300px;
    }

    .imageresponsive {
        width: 100%;
    }

    .responsivenormalimagemargin {
        margin-left: 0px;
    }

    .responsivesubheadline {
        display: absolute;
        top: 20%;
    }
}

/* end 768 */

	
.addNav {
    font-size: 11px;
    text-align: right;
}
.logo {
    display: table;
    height: 54px;
    overflow: hidden;
}
#header .headerContent {
    right: 0;
    top: 0;
    height: 54px;
    max-width: 670px;
    position: absolute;
}
.languageSwitcher {
    float: right;
    padding: 0 0 0 5px;
    margin: -5px 0 0 10px;
    background: url(/img/scandlines/scl-sprite.png) no-repeat 0 -1000px;
}
.languageSwitcher li.daLang {
    background: url(/img/scandlines/da-flag-active.jpg) no-repeat;
	width:16px;
}
.languageSwitcher li.enLang {
    background: url(/img/scandlines/en-flag-active.jpg) no-repeat;
	width:16px;
}
.languageSwitcher li.deLang {
    background: url(/img/scandlines/de-flag-active.jpg) no-repeat;
	width:16px;
}
.languageSwitcher li.nlLang {
    background: url(/img/scandlines/nl-flag-active.jpg) no-repeat;
	width:16px;
}
.languageSwitcher li.plLang {
    background: url(/img/scandlines/pl-flag-active.jpg) no-repeat;
}
.languageSwitcher li.svLang {
    background: url(/img/scandlines/sv-flag-active.jpg) no-repeat;
}
.headerContent {
    right: 0;
    top: 0;
    height: 54px;
    max-width: 670px;
    position: absolute;
}
.inner {
    position: relative;
    overflow: visible;
}
.languageSwitcher {
    float: right;
    padding: 0px 0 0 5px;
    margin: -5px 20px 30px 10px;
    
}
.languageSwitcher ul {
   
    height: 32px;
}
.languageSwitcher ul, .languageSwitcher li {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
.languageSwitcher li:first-child {
    margin-left: 5px;
}
.languageSwitcher li {
    float: left;
    height: 11px;
    margin: 10px 10px 0 0;
    text-indent: -9999em;
    width: 16px;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.addNav {
    font-size: 11px;
    text-align: right;
	position: absolute;
	right:200px;
}

.addNav ul {
    float: right;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.addNav li {
    display: inline;
    margin-left: 15px;
    overflow: hidden;
    padding: 0;
}

.addNav a:link {
    color: Grey;
	font-size:12px;
	
	font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	
}
.addNav a:visited {
    color: Grey;
	font-size:12px;
	
}
.addNav a:active  {
    color: Grey;
	font-size:12px;
	
}
.addNav a:hover {
    color: Grey;
	font-size:12px;
	
}
.OnBoardMenutop
{
	background-color:#163662;
	height:35px;
	
	padding-top: 1px;
	}
.OnBoardMenuTopMenu {
    max-width:955px;
	color: white;
	font-size:10px;
	
	
}


	

/*	Footer */
.OnBoardFooter
{
	
	}
.OnBoardFooterContent
{
	max-width:955px;
	}
.OnBoardFooterBottom
{
	background-image:url(img/scandlines/FooterBack.png);
	background-repeat:no-repeat;
	height:78px;
	margin:0px;
	padding: 0px;
	
	
	
	}
.OnBoardFooterBottomSolid
{
	position:relative;
	background-color:#163662;
	height:46px;
    z-index: 2001;
	}


.OnBoardFooterContent p{
	
	font-size:13px;
	
	margin: 0;
    padding: 4px;
    
	
	}
	
.OnBoardFooterContent h3{
	
	
	color: #173865;
    font-size: 16px;
	margin: 0;
	margin-top: 10px;
    padding: 0;
    white-space: nowrap;
    text-transform: uppercase;
	}
	
table td.lastChild{
    border-left: 1px dotted #ccc;
    padding: 0 0 0 50px;
}
#lastChild {
    border-left: 1px dotted #ccc;
    padding: 0 0 0 50px;
}
.OnBoardFooterContent a:link  {
    color: grey;
	font-size:13px;
	text-decoration:none;
}
.OnBoardFooterContent a:hover  {
    color: grey;
	font-size:13px;
	text-decoration:underline;
}
.OnBoardFooterContent a:visited  {
    color: grey;
	font-size:13px;
	text-decoration:none;
	
}
.OnBoardFooterContent a:active  {
    color: grey;
	font-size:11px;
	
}


/*	BLUE TopMenu */

.OnBoardMenuTopMenu a:link  {
    color: white;
	font-size:10px;
	
}
.OnBoardMenuTopMenu a:hover  {
    color: white;
	font-size:10px;
	
}
.OnBoardMenuTopMenu a:visited  {
    color: white;
	font-size:10px;
	
}
.OnBoardMenuTopMenu a:active  {
    color: white;
	font-size:10px;
	
}
.OnBoardMenuTopMenu li {
    display: inline;
    margin-left: 15px;
    overflow: hidden;
    padding: 0;
}

.navbar-fixed-top {
    top:60px;
    
    z-index: 1030;
}
.navbar-custom {
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}



.navbar-custom {
    
	position:absolute;
    top: 60px;
    margin-left: 1%;
    width: 99%;
    z-index: 3;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:10px;
}

.navbar .navbar-collapse {
text-align: center;
}

.navbar-collapse li a:link {
color:white;
font-size:10px;
}
.navbar li a:link {
color:grey;
font-size:10px;
}


.navbar .navbar-nav {
display: inline-block;
float: none;
}

.navbar .navbar-collapse {
text-align: center;
}


#laesmere {
cursor:pointer;
    margin-bottom:10px
}

/* Frames / borders for alle photos */
.viewportrat,.view, .viewmainareas {
	border: 2px solid #221d5b;
}
/* END Frames / borders for alle photos */
.viewvideosmall, .viewvideoontrafik, .viewvideofragtbig
{
	border: 1px dotted #ccc;
}




.viewnormalimages img {
    width:100%
}

.topimagesoncontent {
    width: 100%;
}
.topimageholder {
    padding-left: 5px;
}

.viewnormalimages {
    height: 250px;
    width: 100%;
    margin: 10px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    /*background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
}

.viewnormalimages .mask,.viewnormalimages .content {
   
  


   width: 100%;
   height: 281px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0px;
    
   
}

.view {
   width: 300px;
   height: 200px;
   margin-right: 10px;
   margin-bottom:5px;
   float: left;
  
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   /*background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
}
.view .mask,.view .content {
   width: 300px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img, .viewnormalimages img, .viewvideotrafik img {
   display: block;
   position: relative;
}
.view h2, .viewnormalimages h2, .viewvideotrafik h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   /*background: rgba(0, 0, 0, 0.8);*/
   /*margin: 20px 0 0 0;*/
   
   margin-right:-15px;
   
}
.view p, .viewnormalimages p, .viewvideotrafik p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 18px;
   position: relative;
   color: #fff;
    /*
	padding: -20px 20px 20px;
	 This controls the position of the button and text that flies in */
   text-align: center;
    padding: 40px 20px 20px 20px;/*CONTROLS THE Position of the MiddleText*/
   
}
.view a.info, .view a.infoportrat, .view a.infovideo, .view a.infotab1, .view a.infotab2,.view a.infotab3, .view a.infotab4, .view a.infotab5, .view a.infotab6, .viewnormalimages a.info, .viewvideotrafik a.infovideotrafik {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover, .viewnormalimages a.info: hover, .viewvideotrafik a.infovideotrafik: hover{
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}




/* view 5 x fokus on kundenifokus */

.viewfocus1 {
   width: 184px;
   height: 259px;
   margin: 10px;
   float: left;
   
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.viewfocus1 .mask,.viewfocus1 .content {
   width: 184px;
   height: 259px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}


.viewfocus1 img {
   display: block;
   position: relative;
}
.viewfocus1 h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   
   /*background: rgba(0, 0, 0, 0.8);*/
   margin: 10px 0 0 0;
}
.viewfocus1 p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 18px;
   position: relative;
   color: #fff;
   padding: 20px 20px 20px;
   text-align: center;
   margin: 70px 0 0 0;
}
.viewfocus1 a.infofokus5 {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.viewfocus1 a.infofokus5: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.viewfocus1 a.infofokus5 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth:hover a.infofokus5 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}

/* view video small */


.viewvideosmall {
   width: 100%;
   height: 100%;
   margin: 10px;
   float: left;
   margin-left:15px;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.viewvideosmall .mask,.viewvideosmall .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}


.viewvideosmall img {
   display: block;
   position: relative;
}
.viewvideosmall h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   
   margin: 20px 20px 20px 70px;
}
.viewvideosmall p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 18px;
   position: relative;
   color: #fff;
   padding: -20px 20px 20px;
   text-align: center;
   margin: 20px 0 0 0;
}
.viewvideosmall a.infovideosmall,.viewvideosmall a.infovideosmilesmall {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
   margin: 10px 0 0 0;
}
.viewvideosmall a.infovideosmall: hover, .viewvideosmall a.infovideosmilesmall: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.viewvideosmall a.infovideosmall {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth:hover a.infovideosmall, view-sixth:hover a.infovideosmilesmall {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}



/* view video on trafik */

.viewvideoontrafik {
    width: 100%;
    height: 100%;
    margin: 0 0 10px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
}
.viewvideoontrafik .mask,.viewvideoontrafik .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;

   top: 0;
   left: 0;
}


    .viewvideoontrafik img {
        display: block;
        position: relative;
        width: 100%;
    }
.viewvideoontrafik h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0,55,122,0.5);
   margin: 20px 20px 80px 80px;
}
.viewvideoontrafik p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 18px;
   position: relative;
   color: #fff;
   padding: -20px 20px 20px;
   text-align: center;
   margin: 230px 0px 0px 0;
}
.viewvideoontrafik a.infovideotrafik, .viewvideoontrafik a.infokundenvideo {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
   margin: 30px 0 0 0;
}
.viewvideoontrafik a.infovideotrafik: hover, .viewvideoontrafik a.infokundenvideo: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.viewvideoontrafik a.infovideotrafik, .viewvideoontrafik a.infokundenvideo {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth:hover a.infovideotrafik, .view-sixth:hover a.infokundenvideo {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
/* viewmainareas */

.viewmainareas {
   width: 300px;
   height: 150px;
   margin: 10px;
   float: left;
   
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.viewmainareas .mask,.viewmainareas .content {
   width: 300px;
   height: 150px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.viewmainareas img {
   display: block;
   position: relative;
}
.viewmainareas h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.viewmainareas p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 18px;
   position: relative;
   color: #fff;
   padding: -20px 20px 20px;
   text-align: center;
}
.viewmainareas a.infofragt, .viewmainareas a.inforetail, .viewmainareas a.infotrafik, .view a.infoportrat, .view a.infovideo {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.viewmainareas a.info: hover, .viewmainareas a.inforetail: hover, .viewmainareas a.infotrafik: hover, .viewmainareas a.infofragt: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}


.view-sixth a.info,.view-sixth a.infoportrat,.view-sixth a.infovideo,.view-sixth a.infofragt,.view-sixth a.infotrafik,.view-sixth a.inforetail {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-sixth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-sixth:hover a.info, .view-sixth:hover a.infoportrat,.view-sixth:hover a.infovideo,.view-sixth:hover a.infofragt,.view-sixth:hover a.infotrafik,.view-sixth:hover a.inforetail {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}




.viewportrat {
   
   margin-left: 10px;
   
   float: left;
   
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
   
}
.viewportrat .mask,.viewportrat .content {
   width: 458px;
   height: 294px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.viewportrat img {
   display: block;
   position: relative;
}
.viewportrat h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
  
   margin: 20px 0 0 50px;
}
.viewportrat p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 18px;
   position: relative;
   color: #fff;
   padding: 25px 20px 20px;
   text-align: center;
}
.viewportrat a.info,.viewportrat a.infoportrat, .viewportrat a.infovideo{
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.viewportrat a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}




.view-sixth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}

.view-sixth:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}

/* view retail video small */



/* view retail video overlays */
.viewvideoretailsmall, .viewvideoretail2small {
   width: 102%; 
    height: 100%;
   margin: 10px;
   float: left;
   
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.viewvideoretailsmall .mask,.viewvideoretailsmall .content, .viewvideoretail2small .mask,.viewvideoretail2small .content {
    width: 102%; 
    height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}


.viewvideoretailsmall img, .viewvideoretail2small img {
   display: block;
   position: relative;
}
.viewvideoretailsmall h2, .viewvideoretail2small h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   
   margin: 20px 20px 20px 70px;
}
.viewvideoretailsmall p, .viewvideoretail2small p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 18px;
   position: relative;
   color: #fff;
   padding: -10px 20px 20px;
   text-align: center;
   margin: 20px 0 0 0;
}
.viewvideoretailsmall a.infovideoretailsmall, .viewvideoretail2small a.infovideoretail2small, .viewvideoretail2small a.videoyoutubekundensmall, .viewvideoretail2small a.infovideoretailsmallgerman, .viewvideoretail2small a.infovideoretailsmallgerman {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.viewvideoretailsmall a.infovideoretailsmall:hover, .viewvideoretail2small a.infovideoretail2small:hover, .viewvideoretail2small a.videoyoutubekundensmall:hover, .viewvideoretail2small a.infovideoretailsmallgerman:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.viewvideoretailsmall a.infovideoretailsmall, .viewvideoretail2small a.infovideoretail2small, .viewvideoretail2small a.videoyoutubekundensmall,.viewvideoretail2small a.infovideoretailsmallgerman  {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth:hover a.infovideoretailsmall, .view-sixth:hover a.infovideoretail2small, .view-sixth:hover a.videoyoutubekundensmall, .view-sixth:hover a.infovideoretailsmallgerman {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}

/* end */


/* view fragt BIG video overlays */
.viewvideofragtbig {
   width: 882px;
   height: 498px;
   margin: 10px;
   float: left;
   
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.viewvideofragtbig .mask,.viewvideofragtbig .content {
   width: 882px;
   height: 498px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}


.viewvideofragtbig img {
   display: block;
   position: relative;
}
.viewvideofragtbig h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.viewvideofragtbig p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 28px;
   position: relative;
   color: #fff;
   padding: -10px 20px 20px;
   text-align: center;
   margin: 160px 0 0 0;
}
.viewvideofragtbig a.infovideofragtbig {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
   margin: 40px 0 0 0;
}
.viewvideofragtbig a.infovideofragtbig: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.viewvideofragtbig a.infovideofragtbig {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth:hover a.infovideofragtbig, .view-sixth:hover a.infovideofragtbig {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}

/* end */







.spaceronboard
{
	/*background-image:url(img/scandlines/FooterBack.png);*/
	background-repeat:no-repeat;
	min-height:178px;
	margin:0px;
	padding: 0px;
	left:-20px;
	padding-right:-10px;
	width:100%;
	display:table;
	
	position:relative;
  	margin-top:145px;
      z-index:2003;
	
	}
	.OnBoardFooterBottom
{
	/*background-image:url(img/scandlines/FooterBack.png);*/
	background-repeat:no-repeat;
	height:78px;
	margin:0px;
	padding: 0px;
	left:-20px;
	padding-right:-10px;
	width:100%;
	bottom:-65px;
	right:0px;
	position:fixed;
  bottom:45px;
  z-index:2003;
	
	}
.OnBoardFooterBottomSolid
{
	position:relative;
	background-color:#163662;
	height:46px;
	margin-left:-20px;
	margin-right:0px;
	padding: 0px;
	width:100%;
	bottom:-110px;
	position:fixed;
  	bottom:0;
	right:0px;
  z-index:2003;

	}



/*fragt-page styles*/

.gauche
{
    /*background-color: #e6e6e6;*/
    padding-bottom: 20px;
    padding-left: 0px;
    /*border: #ccc 1px solid;*/
        
}
.container {
    width: 1080px;
    margin-bottom: 5px;
}
.videoimagefragt {
    width: 422px;
    height: 250px;
}

.view-sixth a.info,.view-sixth a.infoportrat,.view-sixth a.infovideo, .view a.infotab1, .view a.infotab2,.view a.infotab3, .view a.infotab4, .view a.infotab5, .view a.infotab6, .view-sixth a.infovideotrafik, .viewvideotrafik a.infovideotrafik {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-sixth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-sixth:hover a.info, .view-sixth:hover a.infoportrat,.view-sixth:hover a.infovideo, .view-sixth:hover a.infotab1, .view-sixth:hover a.infotab2,.view-sixth:hover a.infotab3, .view-sixth:hover a.infotab4, .view-sixth:hover a.infotab5, .view-sixth:hover a.infotab6, .view-sixth:hover a.infovideotrafik {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
/* view fragt SMALL video overlays */
.viewvideofragtsmall {
   width: 100%;
   height: 250px;
   margin: 10px;
   float: left;

   padding:0px;
    display:block;
   
   margin-left:0px;
   
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.viewvideofragtsmall .mask,.viewvideofragtsmall .content {
   width: 100%;
   height: 250px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}


.viewvideofragtsmall img {
   display: block;
   position: relative;
}
.viewvideofragtsmall h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0,55,122,0.5);
   margin: 20px 40px 0px 70px;
}
.viewvideofragtsmall p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 18px;
   position: relative;
   color: #fff;
   padding: -20px 20px 20px;
   text-align: center;
   margin: 40px 40px 0px 30px;
}
.viewvideofragtsmall a.infovideofragtbig {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
   margin: 10px 0 0 0;
}
.viewvideofragtsmall a.infovideofragtbig: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.viewvideofragtsmall a.infovideofragtbig {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth:hover a.infovideofragtbig, .view-sixth:hover a.infovideofragtbig {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
.quoteleft {
    padding-right: 0px;
    margin-top: 0px;
    width: 100%;
    min-height: 250px;
    /*padding-left: 10px;*/
    float: left;
    
}

.toplogoback {
    top:20px;
}
.video1retail {
    width: 427px;
    height: 233px;
}
#video1 {
    width: 102%;
}
#retail1pagevideo {
    width: 103%;
}
.row{
    margin-top:-20px;

}
#videofragtbig2 {

    width: 100%; height: 250px; 
}
#frontpagevideo{

    margin-left:3px;
}
#videotrafik2{
    margin-left: 0px;
}
/* end */
.blockquotecontent {
    height: 205px;
}
.languageflags{
    position: absolute;
    right: 20px;
    right: 145px;
    top: -87px;
    z-index: 5000000
}
#onboardbackbutton {
    display: block;
    position: absolute;
    height: 30px;
    padding: 0px;
    right: 10px;
    top: 20px;
    z-index: 1000;
    margin-right: 20px;
}
#onboardbackbuttonsub {
    display: block;
    position: absolute;
    height: 30px;
    padding: 0px;
    right: 10px;
    top: 20px;
    z-index: 1000;
    margin-right: 20px;
}

fieldset {
    margin-left: 40%;
    margin-right: 40%;
    border: 1px solid #e5e5e5;
    padding: 20px;
}
@media screen and (max-width: 1140px) and (min-width: 768px) {
    .spaceronboard {
        height: 0;
        display: none
    }
    
    .container {
        width: 95%;
        margin-bottom: 5px;
        margin-right: 0;
    }
}
@media only screen and (max-width: 568px) {
    #quizrolover {
        background: url(/media/1020/quiz3.jpg) left top no-repeat !important;
        width: 100%;
        height: 200px;
        box-sizing: border-box;
        padding-left: 310px;
    }
}
    @media only screen and (max-width: 768px) {
        
        fieldset {
            margin-left: 5%;
            margin-right: 5%;
            border: 1px solid #e5e5e5;
            padding: 20px;
        }
        #onboardbackbutton {
            top: 10px;
            margin-right: -10px;
            
        }
        #onboardbackbuttonsub {
            top: 10px;
            margin-right: -10px;
            top: -30px;
        }
        .languageflags{
            position: absolute;
            right: 20px;
            right: 85px;
            top: -173px;
            z-index: 5000000
        }
        .topvideoresponsive {
            width: 100%;
            height: 142px !important;
        }

        .ferryfrontvideo {
            margin-top: 5px;
        }

        .viewportrat .mask p {
            font-family: Georgia, serif;
            font-style: italic;
            font-size: 14px;
            position: relative;
            color: #fff;
            text-align: center;
            padding-left: 40px;
            margin-top: -20px;
            padding-right: 50px;
            width: 340px;
        }

        .viewportrat .mask a {
            padding-left: 10px;
            padding-right: 10px;
            margin-top: -120px;
            text-align: center;
            margin-right: 20px;
        }


        .view-sixth:hover a.infovideo {
            transform: translateX(90px);
        }

        .view-sixth:hover a.infoportrat {
            transform: translateX(90px);
            transform: translateY(-20px);
        }

        .viewportrat .mask .infoportrat {
            margin-left: 30px;
            margin-top: -110px;
        }

        #frontpagevideo {
            margin-left: 0px;
            margin-top: 6px;
            border: 2px black solid;
            width: 100% !important;
        }

        .portraitresponsive {
            width: 100%;
            padding: 0px;
            height: 211px;
        }
    }

    /*end 768*/
    @media (max-width: 768px) {

        .viewfocus1 {
            width: 100%;
            height: auto;
            margin-left: 5px;
            
        }
        .viewfocus1 img {
            width: 100%;
            
            
        }

        .quote_right_de {
            height: 100%;
        }

        .ajustleftvideo {
            padding-right: 10px;
        }

        .blockquotecontent {
            min-height: 207px;
            /*height: 310px !important;*/
            font-size: 10px;
        }

        blockquote.retail {
            height: 195px !important;
        }

        .keyhole img {
            width: 95%
        }

        .container {
            width: 100%;
            padding-left: 30px;
            padding-right: 0px;
            margin-bottom: 0px;
        }

        #frontpagevideo {
            margin-left: 0px;
        }

        .row {
            margin-top: 20px;
        }

        #videofragtbig2 {
            width: 114%;
            height: 250px;
        }

        .toplogoback {
            top: -20px;
            right: 15px;
        }

        #retail1pagevideo {
            width: 103%;
        }

        #video1 {
            width: 95%;
        }

        #videokundensmall {
            margin-left: 15px;
        }
        

        .viewvideosmall {
            width: 102%;
            height: 100%;
            margin: 10px;
            float: left;
            overflow: hidden;
            position: relative;
            text-align: center;
            -webkit-box-shadow: 1px 1px 2px #e6e6e6;
            -moz-box-shadow: 1px 1px 2px #e6e6e6;
            box-shadow: 1px 1px 2px #e6e6e6;
            cursor: default;
            background: #fff url(../images/bgimg.jpg) no-repeat center center;
        }

            .viewvideosmall .mask, .viewvideosmall .content {
                width: 102%;
                height: 100%;
                position: absolute;
                overflow: hidden;
                top: 0;
                left: 0;
            }


        .viewvideoretailsmall, .viewvideoretail2small {
            width: 102%;
            height: 100%;
            margin: 10px;
            float: left;
            overflow: hidden;
            position: relative;
            text-align: center;
            -webkit-box-shadow: 1px 1px 2px #e6e6e6;
            -moz-box-shadow: 1px 1px 2px #e6e6e6;
            box-shadow: 1px 1px 2px #e6e6e6;
            cursor: default;
            background: #fff url(../images/bgimg.jpg) no-repeat center center;
        }

            .viewvideoretailsmall .mask, .viewvideoretailsmall .content, .viewvideoretail2small .mask, .viewvideoretail2small .content {
                width: 102%;
                height: 100%;
                position: absolute;
                overflow: hidden;
                top: 0;
                left: 0;
            }

        .video1retail {
            /*width: 353px;
        height: 233px;*/
        }

        .gauche {
            margin-bottom: 0px;
        }

        .quoteleft {
            /*min-height:104px; padding-left:5px; padding-right:0px;float:right;margin-top:0px;width: 357px;*/
            right: 0px;
            margin-top: 0px;
            width: 100%;
            min-height: 250px;
            padding-left: 12px;
            float: left;
            margin-bottom: 20px;
        }
        /* view fragt SMALL video overlays */
        .videoimagefragt {
            width: 100%;
            /*height: 250px;*/
        }

        .viewvideofragtsmall {
            width: 105%;
            height: 250px;
            margin: 10px;
            float: left;
            padding: 0px;
            display: block;
            margin-left: 0px;
            overflow: hidden;
            position: relative;
            text-align: center;
            -webkit-box-shadow: 1px 1px 2px #e6e6e6;
            -moz-box-shadow: 1px 1px 2px #e6e6e6;
            box-shadow: 1px 1px 2px #e6e6e6;
            cursor: default;
            background: #fff url(../images/bgimg.jpg) no-repeat center center;
        }

            .viewvideofragtsmall .mask, .viewvideofragtsmall .content {
                width: 100%;
                height: 250px;
                position: absolute;
                overflow: hidden;
                top: 0;
                left: 0;
            }
        .topimageholder {
            padding-left: 0px;
        }

        .col-lg-12 {
            
            padding-left: 15px;
           
        }

        .viewnormalimages {
            height: 280px;
            width: 103%;
            overflow: hidden;
            position: relative;
            text-align: center;
            -webkit-box-shadow: 1px 1px 2px #e6e6e6;
            -moz-box-shadow: 1px 1px 2px #e6e6e6;
            box-shadow: 1px 1px 2px #e6e6e6;
            cursor: default;
            /*background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
        }
            .topimagesoncontent {
                width: 106%;
                padding: 0;
                margin-left: 0;
            }

            .viewnormalimages .mask, .viewnormalimages .content {
                width: 100%;
                height: 281px;
                position: absolute;
                overflow: hidden;
                top: 0;
                left: 0px;
            }

        .view-sixth h2 {
            border-bottom: 1px solid rgba(0, 0, 0, 0.3);
            /*background: transparent;
       background: #00377a;*/
            background: rgba(0,55,122,0.5);
            left: 0px;
            margin: 20px 10px 0px 10px;
        }

        .view-sixth p {
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transform: scale(10);
            -moz-transform: scale(10);
            -o-transform: scale(10);
            -ms-transform: scale(10);
            transform: scale(10);
            -webkit-transition: all 0.3s ease-in-out 0.2s;
            -moz-transition: all 0.3s ease-in-out 0.2s;
            -o-transition: all 0.3s ease-in-out 0.2s;
            -ms-transition: all 0.3s ease-in-out 0.2s;
            transition: all 0.3s ease-in-out 0.2s;
            margin-top: 10px;
        }

        .viewvideoontrafik {
            margin-left: 15px;
            right: 10px;
        }

            .viewvideoontrafik .mask, .viewvideoontrafik .content {
                position: absolute;
                overflow: hidden;
                top: 0;
                left: 0;
            }

            .viewvideoontrafik h2 {
                text-transform: uppercase;
                color: #fff;
                text-align: center;
                position: relative;
                font-size: 17px;
                padding: 10px;
                background: rgba(0,55,122,0.5);
                margin: 20px 20px 30px 30px;
            }

            .viewvideoontrafik p {
                font-family: Georgia, serif;
                font-style: italic;
                font-size: 14px;
                position: relative;
                color: #fff;
                padding: -20px 20px 20px;
                text-align: center;
                margin: -20px 0px 0px 0;
            }

        #videotrafik2 {
            margin-left: 0px;
        }

        #videofragtbig2 {
            width: 104%;
            height: 100%;
        }

        #videosikkerhedsmall2 {
            margin-left: 5px !important;
            width: 102%;
        }

        .leftImage {
            padding-left: 0px !important;
        }

        .rightImage {
            padding-left: 0px;
        }

        .col-lg-12 {
            padding-right: 15px;
        }

        .quoteright {
            padding-right: 10px;
        }
    }
    /*end 768*/

@media (min-width: 768px){
    .col-sm-2-content4 {
        width: 17.56666667% !important;
    }
    .col-lg-12-content4 {
        
        padding-right: 0px;
    }
}



    #smilevideo1 {
        height: 243px !important;
    }

    .row {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .viewnormalimages img {
        width: 104%;
    }

    #videosikkerhedsmall2 {
        margin-left: 10px;
        width: 102%;
    }

    .leftImage {
        padding-left: 10px;
    }

    .rightImage {
        padding-left: 10px;
    }


@media (max-width: 768px) and (min-width: 568px) {
    .topimagesoncontent {
        width: 103%;
        padding: 0;
        margin-left: 0;
    }
}