/* CSS til nyheder, notifikationer i toppen */
#upcomming {width:auto; height:20px; float: right; }
#upcomming a {text-decoration:none; color:#a92d2d; border-top: 1px solid #dcdbdb; 

border-bottom: 1px solid #dcdbdb; font-size: 12px; font-family: Georgia, serif; 
  font-weight: bold; color:#a92d2d; padding: 1px 3px 1px 3px; line-height: 1.4; 

float: right;}


/* ##### Servicemenu - bliver ikke brugt her#####*/
/*
#servicemenu {width:310px; height:30px; background:url

("../images/servicemenu.png"); background-position:0% 100%; background-

repeat:no-repeat; float:right; margin-right:25px; z-index:2;}
#translate {float:right; margin-right:5px; height:25px; width:160px; text-

align:right;margin-right:12px;}
#servicemenu #linkmenu {margin-top:-5px;height:25px;width:130px; float:left; 

margin-left:5px;}
#servicemenu #linkmenu ul {padding-left:0px; text-align:left;}
#servicemenu #linkmenu li {display:inline-block; font-size:13px; font-weight:400; 

color:#eeeeee;}
#servicemenu #linkmenu a, #servicemenu #linkmenu a:visited {color:#eeeeee; text-

decoration:none; padding-left:10px;padding-right:5px;}
#servicemenu #linkmenu a:hover, #servicemenu #linkmenu a:active, #servicemenu 
*/
/* ##### Servicemenu - slut #####*/


#linkmenu a.inpath {color:#fff;}

#head-content {width:960px;margin:0 auto;height:162px;  }
#head-bg {background-image:100%; height:162px; width:742px; float:right; z-index:-10; position:absolute; margin-left:218px; }
a {color:#000;}



html 
{ 
  font-size: 100%; 
  -webkit-text-size-adjust: 100%; 
  -ms-text-size-adjust: 100%;
  position: relative;

}

body 
{ 
  margin: 0; 
  top:0;
  font-family:Arial,Helvetica,sans-serif; 
  font-size: 14px; 
  line-height: 24px; 
  background: #313131;
  /*background:url(../images/main-background.jpg2);*/ 
  /*  background-attachment:scroll;
  background-repeat:no-repeat;
  background-position:left top;
  background-size:auto;*/}
  height:100%

.dw_typography /* Baggrundsfarven i administrationen, især godt hvis man har baggrundsfarve på body eller HTML */
{
    background:#ffffff;
}


h1 
{
  
  margin:5px 0px 10px 0px;
  font-size:28px !important;
  font-weight:bold;
  line-height:24px;

}

#pagecontent ul li {margin-left:30px;}


#menu-container 
{
  width:100%; /* styrer bredden på header*/
  background: #254077; 
  height:80px; /* styrer højden på header */
  box-shadow:0px 8px 10px grey; /* skygge på topmenu*/ 
  margin-bottom:0px;
}

#topcontent 
{
  width:960px; 
  margin:0 auto; 
}

#logo 
{
  float: left; 
  width: 310px; 
  height: 46px; 
  margin-top: 25px;
}

/* ##### Topmenu - start ##### */

#menu 
{
  width:650px;
  height:38px; /* Højde på menuen */
  margin-top:24px; /**/
  padding:16px 0px 0px 0px;
  float:left;
  text-align:left;
  /*position:relative;*/
}

/* Hvad fanden bruges det til? 
.lt-ie8 #menu {z-index:9999;} */

.sf-menu, .sf-menu * 
{
  /*line-height:  1.0; Anvendes denne?*/
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  .z-index: 1;
}

.sf-menu a 
{
  padding: 0px 0px 0px 0px !important; /* Styrer fx placering af markør */
  margin: 0px 50px 0px 0px; /* Luft mellem menupunkterne */
  display: block;
  font-family: Arial, Helvetica, sans-serif; 
  color:#ffffff;
  font-size:14px; /* Styrer font størrelsen på dropdownen */
  font-weight: 550;
  text-transform:uppercase;
  text-decoration:none;
  /* position: relative; */
}


.sf-menu li 
{
  margin: 0px;
  padding: 0px 0px 19px 0px;
}

/*
.sf-menu a.activeitem - tror ikke denne bliver brugt! 
{ 
  background:url(../images/menu-active.png?time=globaltag) no-repeat center 

bottom;
}
*/

.sf-menu a.inpath 
{
  background:url(../images/menu-active.png?time=globaltag) no-repeat center bottom; /* - Baggrundsbillede ved aktiv */
  /* background:#ffffff; - Baggrundsfarve ved aktiv */
  height:40px;
}

.sf-menu .M1 a.inpath 
{
  background:inherit;
  height:inherit;
}

.sf-menu, .sf-menu * {

}

.sf-menu a:hover 
{
  color:#7daf16; /* Hover farven i dropdown menuen */
  /* background:url(../images/menu-active.png?time=globaltag) no-repeat center bottom; /* - Baggrundsbillede ved hover - PT. Problem, vises også i undermenuerne i dropdownen */
  /* background:#ffffff; - Baggrundsfarve ved hover */
}


.sf-menu li li  /* Styrer undermenuen i dropdownen */
{  
  /*margin: 0px 0px 0px 0px; - Margin i dropdown blok */
  padding: 8px 0px 0px 10px; /*Padding i dropdown blok */
  /* Baggrundsbillede i dropdown blok
  background:url("../images/transparentbg.png");
  background-repeat:repeat;
  */
  background-color:#2B3B59; /* Baggrundsfarve i dropdown blok */ 
  opacity: 0.9; /* Grad af transparent i dropdown blok. 1 = ingen transparent */
  color:#fff!important;
  */
}

.sf-menu li li a:visited 
{
  color:#ffffff; 
  text-decoration:none;
}

.sf-menu li li a:hover, .sf-menu li li a:active
{
  color:#7daf16; 
  text-decoration:none;}


.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 10em; /* left offset of submenus need to match (see below) */
}


.sf-menu ul a.inpath {background:none;}


.sf-menu ul 
{
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 0px 0px; /*Luft fra topmenu til selve dropdown boksen*/
  width:auto !important;
}

.sf-menu ul a:hover
{
  background:ffffff;
  width:auto !important;
}


.sf-menu ul li {white-space:nowrap;}
.sf-menu ul li a {text-transform:none;}


/*** ESSENTIAL STYLES ***/


.sf-menu ul li {
  width:      100%;
}

.sf-menu li:hover {
  visibility:    inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float:      left;
  position:    relative;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
  left:      0;
  top:      2.5em; /* match top ul list item height */
  z-index:    99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
  top:      -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
  left:      10em; /* match ul width */
  top:      0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
  top:      -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
  left:      10em; /* match ul width */
  top:      0;
}




/* ##### Topmenu - slut ##### */

#space-header /* Luft mellem header og slider */
{
  height:0px; 
  margin:0px;
  padding:0px;
  clear:both;
}



/* ##### Slider ##### */

#slider-container 
{
  width:100%;
}


.fluid_container {margin-bottom:20px;display:inline-block;margin: 0 auto;/*max-

width: 960px;*/width: 100%;}

.fluid_container {
  padding:0px;
  margin:0px;  
  bottom: 0;
  height: 400px;
  left: 0;
  /*position: fix;*/
  right: 0;
  top: 0;
  z-index: 0;
}
/*Har slået ovenstående fra - ser ikke ud til at have nogen funktion?*/


.fluid_container h2 
{
  font-size:7px;
  margin-bottom:0px;} /* Aner ikke hvad den styrer */



#fadeIn camera_effected
{
/*background:#000 !important;*/
}


#main-container /* kan bruger til at have flyende baggrund */
{
  width:100%;
  height:auto;
  background:#dfdfdf;
  /*background:url(../images/main-bg.jpg?time=globaltag) repeat-x #f5fafd;*/
  /*position:absolute;left:0;right:0;bottom:0;top:197px;*/   
}

#main 
{
  width:960px;
  /*height:320px;*/
  margin:0 auto;
  padding:0px 0px 0px 0px; /* Luft fra indholdsområdet til fx header og footer */ 
}

#space-slider
{
  clear:both;
  height:40px; /* Luft mellem slider og spots VIRKER */
  margin:0px;
  padding:0px;
}


/* ##### Spots - start ##### */

.spots {display:inline-block;
width:720px;}


.spottext a, .spottext a:visited {color: #37568b; font-size:14px; text-

decoration: none; font-weight:700; font-style:normale;}
.spottext a:hover, .spottext a:active{color: #334360;}


.spotimage /*Spot billedet */
{
  width:219px;
  height:146px;
}


.spotwrap 
{
  width:219px; /* Bredde på spot teksten */
  float:left; 
  padding-bottom: 30px; /* Luft under tekstboksen */
}

.spotheader /* Spot overskrift */ 
{
  height:35px; 
  padding:10px 0px 0px 0px;
  
  text-align:left; 
  line-height:25px;
  font-size:17px;
  font-weight:700; 
  color:#000000;
  /* border-bottom: 3px solid #000000; - streg under spot overskriften */
}

.spottext 
{
  margin-top:4px; 
  font-size:15px;
  line-height:21px;
  text-align:left;
}

/* Umiddelbart overflødig, da man ikke kan sætte links på header? 
.spotheader a {color:#334360;text-decoration:none;}
.spotheader a:visited {color:#334360;text-decoration:none;}
*/



/* ##### Spots - slut ##### */




 




/* Hvor bruges denne?


#main-wrap-dots {height:auto;}
*/

.spacetop {height:20px;}




/* ##### Footer ##### */

#push {
  height: 140px;

}

#footer {
  background-color:#313131;
  width:100%;
  height:auto;
  background-image: url("../images/bottom-background-repeat.jpg");
  background-repeat:no-repeat;
  /*background-position:10% 100%;*/
  /*position:absolute;*/
  bottom:0;
  float:left;
  /*position:fixed;*/
}

#footer #footercontent {
  width:960px;
    height:auto;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:0px;
  margin-bottom:0px;
  display:table;
  /*background-image: url("../images/bottom-background.jpg");*/
  background-repeat:no-repeat;
}

#footer #footercontent #adresse {
  width:960px;
  margin-left:auto;
  float:left;
  color:#ffffff;
  margin-top:37px;
  padding: 0px 0px 60px 20px;
  height:auto;
  font-size:13px;
  line-height:18px;
}

#footer #footercontent #adresse a, #footer #footercontent #adresse a:visited {
color:#fff;
text-decoration:none;
}

#footer #footercontent #adresse a:hover, #footer #footercontent #adresse a:active {
color:#bcce00;
}

#footer #footercontent #sitemap {
  padding: 20px 0px 0px 20px;
  width:960px;
  /*float:right;*/
}

#footer #footercontent #sitemap ul {
padding-left:0px;
width:auto;
height:auto;
/*margin-left:auto;
margin-right:auto;*/
}

#footer #footercontent #sitemap a, #footer #footercontent #sitemap a:visited 
{
  color:#9d9d9d;
  text-decoration:none;
}

#footer #footercontent #sitemap a:hover, #footer #footercontent #sitemap a:active {
color:#bcce00;
}

#footer #footercontent #sitemap li {
  width:150px;
  height:auto;
  margin-right:0px;
  padding-right:30px;
  vertical-align:text-top;
  display:inline-block;
  color:#fff;
  font-size:15px;
  text-transform:uppercase;
  line-height:20px;
  font-weight:normale;
  margin-top:1px;

}


#footer #footercontent #sitemap li li {
  height:auto;
  display:block;
  color:#fff;
  margin-left:0px;
  font-size:11px;
  line-height:17px;
  float:left;
  margin-top:6px;
  font-weight:400;
  text-transform:none;

}

#footer #footercontent #sitemap ul ul {
  margin-left:0px;
  padding-left:0px;
  text-align:left;
  margin-top:3px;
  display:block;
  float:left;
}

/* ##### Footer - slut ##### */



/* ##### UNDERSIDER - START ##### */

#submain-container /* kan bruger til at have flyende baggrund. Svarer til main */
{
  width:100%;
  height:auto;
  background:#fff;
  margin-bottom: 0px;
  display:table;
  
 
    
  
  /*background:url(../images/main-bg.jpg?time=globaltag) repeat-x #f5fafd;*/
  /*position:absolute;left:0;right:0;bottom:0;top:197px;*/  
}



container
{
  position:absolut;  
  /*height:auto;*/
  height: auto !important;
  /*min-height: 100%;*/
  /*height: 100%;*/
  /*position: relative;*/ 
  /*clear:both;*/
  /*display: block;*/
  width:100%; 
  /*width:960px; - sættes hvis ikke flyende baggrund - virker pt. ikke*/
  /*background:#000;sættes hvis flyende baggrundsfarve*/
} 

#content-container 
{
  /*height:auto !important;*/
  width:960px;
  margin:0 auto;
  /*width:50%;*/
  background: none;
 /* overflow: auto;*/
  min-height:350px;
}



/* ##### Brødkrumme - start ##### */

#breadcrumb  
{
  font-size: 12px;
  height: 58px;
  padding: 20px 0px 0px 270px;
  /* line-height:30px;*/
  color:#868685;
}

#breadcrumb a {color:#868685;}

/* ##### Brødkrumme - slut ##### */


.leftcolumn 
{
  width:220px;
  margin-left:20px; /*Luft fra venstrekant til menu*/
  float:left;
  color: #fff !important;
}

.centercolumn 
{    
  width: 451px;
  /*min-height: 450px;*/ 
  margin-left: 30px; /*Luft fra venstre menu til indhold */
  margin-right: 30px; /*Luft fra indhold til højre kolonne*/
  float: left;
  
}

.centercolumnref 
{    
  width: 628px;
  /*min-height: 450px;*/ 
  margin-left: 30px; /*Luft fra venstre menu til indhold */
  margin-right: 30px; /*Luft fra indhold til højre kolonne*/
  float: left;
}

.pgcontent 
{
	height:auto;
  	margin-bottom:20px; /* Luft mellem indhold og footer*/
  	display:table;
  	/*min-heigh: 900px;*/
  	line-height:24px;
  	background:#ffffff;
}
  

.pgcontent a, .pgcontent a:visited 
{
  color:#000; 
  text-decoration: none; 
  font-weight:bold;
}

.pgcontent a:hover, .pgcontent a:active {color:#1c2f63; text-decoration: none; }
.pgcontent img {max-width:480px; height:auto;}


.addthis_toolbox addthis_default_style
{
  clear:both;
  padding-bottom:200px;
  margin-bottom:200px;
}


.rightcolumn {
  float: left;
  width: 249px;
  margin-right: 20px; /*Luft fra højre kolonne til højre kant*/
  bacground: #ffffff !important;
}

.rightcolumn a {color: #4866a4;text-decoration: none; }






.header {
    border-bottom: none;
    height: 27px;
    padding: 6px 0px 0px 10px;
    color:#000000;
    text-transform: uppercase; /*Versaler*/
    width: 199px;
}

.header h4 {margin:0; /*color:#bcce00;*/ font-size:15px; font-weight:100;}
.pgleftspot {
    margin-top: 20px;
}


/* ##### Venstre Navigation - start ##### */


.leftnav li 
{
  border-top: 1px solid #334360;
  border-style:dashed;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  line-height: 17px;
  padding: 0px 0px 0px 0px;
}

.leftnav a 
{
  padding:10px 0px 10px 20px;
  color: #141413;
  font-size: 13px;
  text-decoration: none;
  font-weight:normal;
  display:block;
}

.leftnav a:visited {color:#334360;}

.leftnav a:hover, .leftnav a:active 
{
  color:#1c2f63;
}

.leftnav a.activeitem 
{
  text-decoration:none; 
  color:#1c2f63;
  font-weight:bold;
}

.leftnav ul a.activeitem 
{
  /*height:200px;*/
  background:#ffffff !important;
  line-height: 17px;
  padding:10px 0px 10px 20px;
  display:block;
}
.leftnav ul a:hover 
{
  /*height:200px;*/
  background:#ffffff !important;
}

.leftnav ul {list-style:none;margin:0;padding:0; margin-left:0px;}



/* ##### Venstre Navigation - slut ##### */







.lt-ie9 #search input[type="submit"] {vertical-align:bottom;}



.camera_effected p {
margin-top:0px;
}


.camera_effected a, .camera_effected a:visited  {
margin-top:0px;
color:#fff;
text-decoration:none;
}





/*SliderWrapper*/

.siteWrapped{width:100%;}

.centercolumnref .imageSliderContainer{margin-bottom:15px;}
.centercolumnref .bx-wrapper{margin-bottom:10px;}
.bx-wrapper img{width:100%;}

/*Gallery*/

.LBimg {
    border: 0 solid #C1C1C1;
    float: left;
    margin: 0;
    padding: 0 14px 14px 0;
    text-align: center;
    vertical-align: middle;
}
.LBimg a {
    display: block;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}
.LBimg a:hover {
    background-color: #79A714;
}





.subspotwrap {width:219px;float:right;overflow:hidden;margin-bottom:20px;}
.share {padding-top:20px;}
#search {width:240px;float:right;height:38px;}
.search td {vertical-align:middle;}




/* ##### Search - start ##### */




#search input[type="text"] {
    /*background-color: #FFFFFF;
    background-image: url("../images/inputfield.jpg");
    background-repeat: repeat-x;*/
    border: 1px solid #C6C6C6;
    border-radius: 5px 5px 5px 5px;
    color: #777777;
    margin: 5px 0 0;
    padding: 4px 6px;
    width: 160px;
}
#search input[type="submit"] {
    background-image: url("../images/search-btn.png?time=globaltag");
    background-repeat: no-repeat;
  background-color: transparent;
    margin-left: 6px;
    margin-top: 0;
    width: 36px;
  border:none;
  height:24px;
  vertical-align:middle;
}
.search input[type="text"] {
    /*background-color: #FFFFFF;
    background-image: url("../images/inputfield.jpg");
    background-repeat: repeat-x;*/
    border: 1px solid #C6C6C6;
    border-radius: 5px 5px 5px 5px;
    color: #777777;
    /*margin: 5px 0 0;*/
    padding: 4px 6px;
    width: 160px;
  margin-left:6px;
  margin-bottom:0px;
}
.search input[type="submit"] {
    background-image: url("../images/search-btn.png?time=globaltag");
    background-repeat: no-repeat;
  background-color: transparent;
    margin-left: 6px;
    margin-top: 0;
    width: 36px;
  border:none;
  height:24px;
}

/* ##### Search - slut ##### */


.pagerList a img{width:122px !important}

/* ##### Fact Box - start ##### */

  .leftContentColumn{width:60%; padding-right:20px;}
  .rightContentColumn{width:40%; }
  .contentColumn{float:left; margin-bottom:20px;}
  .factBox{background-color:#d9b97e; font-size:13px; line-height:20px;display:table; width:100%; padding:5px 15px 25px 15px; margin-top:40px;}
  .factBoxLeftColumn{font-weight:bold;  width:43%;}
  .factBox h3{font-size:18px; line-height:20px;margin-top:15px;}
  .factBoxRightColumn{width:57%;}
  .factBoxColumn{float:left;}
  .projectParagraph{font-weight:normal; font-size:13px; line-height:15px;}
  .projectParagraph h1{font-size:27px; font-weight:bold;}


/* ##### Fact Box - slut ##### */


#submain-container .bx-wrapper .bx-caption{
    background:rgb(134,107,57);
	background: transparent\9;
	background:rgba(134,107,57,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2866b39,endColorstr=#b2866b39);
  zoom: 1;
  width:44%;
  padding:15px;
}
#submain-container .bx-wrapper .bx-caption:nth-child(n) {
	filter: none;
}

#submain-container .bx-wrapper .bx-caption h2{
  font-size:26px;
  font-weight:bold;
}

#submain-container .bx-wrapper .bx-caption{
  font-size:21px;
  margin-bottom:30px;
}

input[type="text"] {
    /*background-color: #FFFFFF;
    background-image: url("../images/inputfield.jpg");
    background-repeat: repeat-x;*/
    border: 1px solid #C6C6C6;
    border-radius: 5px 5px 5px 5px;
    color: #777777;
    /*margin: 5px 0 0;*/
    padding: 4px 6px;
    width: 160px;
  margin-left:6px;
  margin-bottom:10px;
}
input[type="submit"] {
    /*background-image: url("../images/search-btn.png");
    background-repeat: no-repeat;*/
    margin-left: 6px;
    /*margin-top: 0;
  border:none;
  height:24px;
  padding:2px 5px;*/
}
textarea {
    background-color: #FFFFFF;
    background-image: url("../images/inputfield.jpg");
    background-repeat: repeat-x;
    border: 1px solid #C6C6C6;
    color: #777777;
    height: 110px;
    margin: 10px 0 0;
    padding: 6px;
    width: 222px;
  margin-left:6px !important;
  margin-bottom:10px !important;
}
/* Nyheder */
#nyhederforside {margin:17px 15px 0px 11px;}
.nyhederheader {background:url(../images/nyheder-bg.png) no-repeat;height:35px;padding-left: 20px;padding-top: 7px;text-transform:uppercase;}
.nyhedercontent {background:#f2f2f2;border-top: 6px solid #bfbfbf;min-height:317px;position:relative;}
.nyhederfooter a {color:#000;}
.nyhederfooter {text-align:right;font-size:12px;color:#000;vertical-align:middle;padding-top:10px;padding-right:15px;background:#d7d7d7;height:23px;border-bottom:4px solid #909090;}
#frontnewslist li {padding:0 0 0 0;display: inline-block; margin-left:-40px;}
.newslistimg {float:left;width:96px;padding-left:11px;}
.newslistcontent {float:left;width:311px;font-size:75%;padding-left:18px;}
.newslistnewspageimg {float:left;width:96px;height:auto; min-height:20px;}
.newslistnewspageimg img {float:left;width:96px;}
.newslistnewspage {float:right;width:290px;font-size:100%;padding-left:18px;}
a.frontnewslink {color:#000;font-size:14px;text-decoration:none;text-transform:uppercase;}
.pgnyhederheader {background:url(../images/us-nyheder-bg.png) no-repeat;height:31px;padding-left: 20px;padding-top: 6px;text-transform:uppercase;width:199px;}
.pgnyhedercontent {background:#f2f2f2;border-top: 6px solid #bfbfbf;min-height:217px;width:219px;padding-top:3px;}
.subnewslistimg {float:left;width:62px;padding-left:11px;}
.subnewslistcontent {float:left;/*width:130px;*/width:100%;font-

size:75%;padding-left:8px;padding-right:8px;}
a.subnewslink {color:#000;font-size:11px;text-decoration:none;text-transform:uppercase;}
#subnewslist li {padding:9px 0px;display: inline-block;}
.pgnyhederfooter a {color:#000;}
.pgnyhederfooter {width:204px;text-align:right;font-

size:12px;color:#000;vertical-align:middle;padding-top:10px;padding-right:15px;background:#d7d7d7;height:23px;border-bottom:4px solid #909090;}
#newselement {padding-top:20px;}
#newselem {padding: 5px 5px;}
#nonews {padding:5px 20px;font-size:75%;}

td select {margin-top:10px;padding:5px;}


/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{ display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }



::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }



abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin:1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; font-family: 'courier new', monospace font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: 

baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0; padding: 0 0 0 0px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; 

}

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: 

baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; 

}
/****************************************************
   - SlideBars
****************************************************/

.sb-slidebar{
 background-color:#383838;
}

.nav-btn {
    color: #4F4E49;
    float: left;
    font-size: 20px;
    outline: medium none;
    padding: 5px 10px;
}
#nav-open-btn {
    border: 1px solid #767676;
    border-radius: 3px;
    padding: 5px 10px 0;
}

.caret {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid #666666;
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
}
.dropdown .caret {
    margin-left: 2px;
    margin-top: 8px;
}

#leftSlideBar .caret {
    border-bottom-color: #DDDDDD;
    border-top-color: #DDDDDD;
}

#leftSlideBar ul, #rightSlideBar ul {
    margin: 0px;
  padding:0px;
}
#leftSlideBar ul:before, #leftSlideBar ul:after, #rightSlideBar ul:before, #rightSlideBar ul:after {
    content: "";
    display: table;
}
#leftSlideBar ul:after, #rightSlideBar ul:after {
    clear: both;
}
#leftSlideBar li, #rightSlideBar li {
    display: block;
    margin: 0;
    position: relative;
}
#leftSlideBar li a, #rightSlideBar li a {
    background: linear-gradient(to bottom, #3E3E3E, #383838) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #2E2E2E;
    border-top: 1px solid #484848;
    color: #DDDDDD;
    display: block;
    font-weight: bold;
    line-height: 1.28571em;
    outline: medium none;
    padding: 0.85714em 1.7em;
    text-decoration: none;
}
#leftSlideBar li a:focus, #rightSlideBar li a:focus {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
}
#leftSlideBar .dropdown-menu, #rightSlideBar .dropdown-menu {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    display: block !important;
    float: none;
    height: auto;
    left: auto;
    max-height: 0;
    max-width: none;
    overflow: hidden;
    padding: 0;
    position: static;
    top: auto;
    transition: max-height 0.6s ease-in 0s;
}
#leftSlideBar .open > .dropdown-menu, #rightSlideBar .open > .dropdown-menu {
    max-height: 50em !important;
}
#leftSlideBar .dropdown-menu li > a, #rightSlideBar .dropdown-menu li > a {
    padding-left: 2.8em;
}

.navSlideButton{
  position:fixed;
  display:table;
  z-index:999999;
}
.navSlideButton.leftSlideButton{
  left:-20px;
}

.navSlideButton.rightSlideButton{
    right:-20px;
  	top:0px;
}


.sb-toggle-left {
    padding: 14px;
    width: 25px;
  	background-color:#383838;
	float:left;
  	top:0px;
  	
  
}
.sb-toggle-right {
    float: right;
    padding: 14px;
    width: 25px;
   	background-color:#383838;
  	top:0px;
}
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
    cursor: pointer;
}
.navicon-line {
    background-color: #FFFFFF;
    border-radius: 1px;
    height: 4px;
    margin-bottom: 3px;
    width: 24px;
}
    

#leftSlideBar, #leftSlideBar a, #rightSlideBar, #rightSlideBar a{color:#FFF}

.sb-toggle-left, .sb-toggle-right{display:none;}

@media screen and (max-width: 767px){ 
  .sb-toggle-right{display:inherit;}
  html{ 
  	/* Fix for adding momentum scrolling too iphones */
    overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}
}


/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */





#_atssh{display:none;}

.project-image{padding-top:15px}
.project-images{
      -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
  text-align:center;
}


/* =============================================================================
   Media Queries
   ========================================================================== */

@media screen and (min-width: 1200px) {
  /* Style adjustments for viewports that meet the condition */
}
@media screen and (max-width: 1199px) {

}
  
@media screen and (min-width: 992px) {
  /* Style adjustments for viewports that meet the condition */
}
@media screen and (max-width: 991px) {
  .sf-menu a{margin-right:20px;}
  #menu{width:initial;}
}
@media screen and (max-width: 959px) {
  .leftcolumn{width:100%; text-align:center;margin-left:0px;padding-top:20px;}
    #breadcrumb{display:none;}
  #main, #topcontent, #footer #footercontent, #footer #footercontent #adresse{width:100%;}
  #footer #footercontent #adresse{padding-right:20px;}
  .centercolumnref{width:100%; margin-left:0px; margin-right:0px;padding-left:30px;padding-right:30px;}
  #content-container{width:100%;min-height:inherit;display:inline-block;}
  #logo{width:initial;height:initial;}
  .header{width:initial;}
  #push{display:none;}
  img{max-width:100%;height:auto;}
  .project-image{padding-top:10px}
}  
@media screen and (min-width: 768px) {
  /* Style adjustments for viewports that meet the condition */
}
@media screen and (max-width: 767px) {
  .bx-wrapper .bx-pager{
    display:none;
  }
  .leftnav{
    display:none;
  }
  .project-image{padding-top:5px}
  #main-container{background-color:#FFF;}
    #menu{display:none;}
  	.spots {width:100%;}
  .spotwrap{
    width:100%;
    margin:0 auto !important;
    padding-left:30px;
    padding-right:30px;
    padding-top:40px;
    border-top:solid 2px #254077;
  }
  .spotwrap:nth-of-type(1){
    border-top:none;
    padding-top:0px;
  }
  .spotheader, .spottext{text-align:center;}
  .project-images{
          -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
  }
  
}
@media screen and (max-width: 767px) {
  
  .project-images{
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
      -moz-column-count: 1; /* Firefox */
      column-count: 1;
  }
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; 

background-color: transparent; background-repeat: no-repeat; text-align: left; 

direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; 

overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; 

height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  

/* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; margin-bottom:0px;}
}