@font-face {
  font-family: 'flama_basicregular';
  src: url('fonts/flama-basic-webfont.eot');
  src: url('fonts/flama-basic-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/flama-basic-webfont.woff') format('woff'),
     url('fonts/flama-basic-webfont.ttf') format('truetype'),
     url('fonts/flama-basic-webfont.svg#flama_basicregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'flama_lightregular';
  src: url('fonts/flama-light-webfont.eot');
  src: url('fonts/flama-light-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/flama-light-webfont.woff') format('woff'),
     url('fonts/flama-light-webfont.ttf') format('truetype'),
     url('fonts/flama-light-webfont.svg#flama_lightregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'flama_mediumregular';
  src: url('fonts/flama-medium-webfont.eot');
  src: url('fonts/flama-medium-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/flama-medium-webfont.woff') format('woff'),
     url('fonts/flama-medium-webfont.ttf') format('truetype'),
     url('fonts/flama-medium-webfont.svg#flama_mediumregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'flama_ultralightregular';
  src: url('fonts/flama-ultralight-webfont.eot');
  src: url('fonts/flama-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/flama-ultralight-webfont.woff') format('woff'),
     url('fonts/flama-ultralight-webfont.ttf') format('truetype'),
     url('fonts/flama-ultralight-webfont.svg#flama_ultralightregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* GLOBAL */
body { font: 14px Arial, Helvetica, Verdana, sans-serif; line-height: 18px; color: #333; background: #f1f1f1; }
h1 { font: 24px 'flama_basicregular', Arial, Helvetica, Verdana, sans-serif; line-height: 1.25em; font-weight: normal; margin-bottom: 18px; }
h2 { font-size: 14px; line-height: 1.25em; font-weight: bold; margin: 12px 0 6px 0; }
h3,
h4,
h5,
h6 { font-size: 14px; line-height: 1.25em; }
p { margin-bottom: 18px; }
a { color: #333; text-decoration: underline; }
a:hover,
a:focus { text-decoration: none; }
strong,
b { font-weight: bold; }
em,
i { font-style: italic; }
sup,
sub { font-size: 0.7em; vertical-align: baseline; position: relative; top: -0.4em; }
sub { top: 0.4em; }
hr { height: 1px; color: #e6e6e6; margin: 9px 0px; border: none; background: #e6e6e6; clear: both; }

/* FORMS */
form { display: inline; }
form p { margin-bottom:10px;}
.mailform,
.newsletterform { max-width: 360px; margin-bottom: 18px; }
label {  line-height: 20px; padding-right: 10px; }
input,
textarea,
select { width: 100%; font: 14px Arial, Helvetica, Verdana, sans-serif; line-height: 18px; color: #333; padding: 6px 5px 5px 5px; margin: 0; background: #f9f9f9; border: 1px solid #e6e6e6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }
textarea { overflow: auto; }
fieldset { }
fieldset.check label,
fieldset.radio label { font-size:12px; line-height:17px; }
fieldset.check input,
fieldset.radio input { float: left; clear: left; }
fieldset.check hr.form-spacer,
fieldset.radio hr.form-spacer { display: none; }
legend { font-weight: bold; margin-bottom: 5px; }
input.checkbox,
input[type=checkbox],
input.radio,
input[type=radio] { width: auto; background: #fff; border: 1px solid #999; margin: 2px 15px 2px 0; vertical-align: text-bottom; }
button,
input.button,
input[type=button],
input[type=submit],
input[type=reset] { width: auto; font-weight: bold; color: #fff; padding-right: 18px; padding-left: 18px; background: #005848; border: none; margin-top: 10px; clear: both; }
.required { line-height: 25px; margin-left: -5px; }
.required strong,
.required b { font-size: 16px; font-weight: bold; color: #93332e; padding-left: 1px; margin-top: 3px; margin-right: -1px; position: relative; top: 6px; }

/* 960 GRID */
.grid_1, .grid_2, .grid_3, .grid_4, #colNormal .slideshow { border-right: 7px solid transparent; border-left: 7px solid transparent; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container_2 { position: relative; }

/* ELEMENTS */
.forside-tekst { clear: both; padding: 10px; }

.header-wrap {padding-top: 30px;padding-bottom: 30px;}
header { max-width: 1000px; margin: 0 auto; }
header #logo { text-align: center; padding: 8px 14px 8px 14px; position: relative; }
header #logo .caption { display: none; }
header #support { min-width: 22px; font: 14px 'flama_basicregular', Arial, Helvetica, Verdana, sans-serif; line-height: 36px; text-transform: uppercase; text-align: left; padding-left: 14px; position: absolute; top: 10px; right: 10px; }
header #support .support-button { position: absolute; top: 0; right: 0; }
header #support .content-wrap { height: 32px; padding-top: 2px; padding-bottom: 2px; position: relative; overflow: hidden; }
header #support .content { line-height: 13px; text-align: center; padding: 4px 28px 4px 10px; background: rgba(255, 255, 255, 0.5); position: absolute; top: 2px; left: 0; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
header #support .content a { font-family: 'flama_mediumregular', Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
header #support img { vertical-align: top; }

header #mobile-links { line-height: 26px; margin: 10px 14px 10px 14px; }
header #mobile-links ul li { color: #fff; background: #534f4e url(images/arrow-mini.png) no-repeat 8px 50%; margin-top: 3px; }
header #mobile-links ul li a { color: #fff; text-decoration: none; padding-right: 8px; padding-left: 23px; display: block; }
header #mobile-links ul li:first-child { -mox-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; margin-top: 0; }
header #mobile-links ul li:last-child { -mox-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }

header #phone { font: 14px 'flama_basicregular', Arial, Helvetica, Verdana, sans-serif; line-height: 52px; text-transform: uppercase; text-align: left; padding-right: 10px; padding-left: 14px; }
header #phone p { margin-bottom: 0; }
header #phone strong,
header #phone b { font-size: 16px; font-weight: normal; position: relative; bottom: -1px; }

header #top-menu { margin-bottom: 10px; font: 14px 'flama_basicregular', Arial, Helvetica, Verdana, sans-serif;  text-align: left; padding-right: 10px; padding-left: 14px; }
header #top-menu p { margin-bottom: 0; }
header #top-menu a { text-decoration: none; }
header #top-menu a:hover { text-decoration: underline; }

ul.csc-menu { display: inline-block; line-height: 39px; font-weight: bold; text-transform: uppercase; margin: 0 !important; padding: 0 !important;  }
ul.csc-menu li { font-size: 12px; text-align: center; list-style: none; padding-right: 18px !important; padding-left: 18px !important; background: #F8941D; margin: 0 10px 10px 0 !important; float: left; }
ul.csc-menu li:hover { background: #4C4C4C; }
ul.csc-menu li a { text-decoration: none; color:#fff }
ul.csc-menu li ul { margin-bottom: 10px;  }
ul.csc-menu li ul li { padding: 0; line-height: 22px; border:0; background:none;  }

/* MAINMENU */
nav#mainmenu { position: relative; }
nav#mainmenu .menu-toggle { height: 14px; line-height: 18px; color: #fff; text-transform: uppercase; padding: 3px 6px 7px 6px; background: #333; border: 4px solid #333; border-radius: 3px; display: inline-block; position: absolute; top: -45px; right: 14px; overflow: hidden; cursor: pointer; }
nav#mainmenu .menu-toggle:hover { background-color: #5c5c5c; border: 4px solid #5c5c5c; }
nav#mainmenu .menu-toggle span { width: 14px; height: 2px; background: #fff; margin: 0 14px -1px 0; display: inline-block; position: relative; }
nav#mainmenu .menu-toggle span:before,
nav#mainmenu .menu-toggle span:after { width: 100%; height: 100%; background: #fff; position: absolute; left: 0; z-index: 3; content: " "; }
nav#mainmenu .menu-toggle span:before { top: -500%; }
nav#mainmenu .menu-toggle span:after { top: -250%; }
nav#mainmenu ul { font: 12px 'flama_lightregular', Arial, Helvetica, Verdana, sans-serif; display: none; }
nav#mainmenu ul li { color: #3b3a3a; border-top: 1px solid #dbdada; position: relative; }
nav#mainmenu ul li:first-child { border-top: none; }
nav#mainmenu ul li span { font-size: 18px; line-height: 19px; text-transform: uppercase; display: block; }
nav#mainmenu ul li a { text-decoration: none; color: #3b3a3a; padding: 9px 24px 12px 24px; display: inline-block; position: relative; }
.ie7 nav#mainmenu ul li a:hover,
.ie7 nav#mainmenu ul li a:focus,
.ie7 nav#mainmenu ul li.current a { background: url(images/mainmenu-li-hover.gif) no-repeat 50% 100%; }
/* nav#mainmenu ul li a:hover:after,
nav#mainmenu ul li a:focus:after,
nav#mainmenu ul li.current a:after { width: 0; height: 0; border: 7px solid transparent; border-bottom-color: #333; margin-left: -7px; position: absolute; bottom: 0; left: 50%; content: " "; } */
nav#mainmenu .current, nav#mainmenu li:hover{
  background-color: #D2DBE5 !important;
}

/*POP UP BOKS*/
#clientsDropDown {
  position:fixed;
  bottom:0;
  max-width: 450px;
  z-index: 100;
  box-sizing: border-box;
  /*margin-left:20px;*/
  margin-right:89px;
  right:0;
  display:none;
}
#clientsOpen {
  color: #fff;
  cursor: pointer;
  font-weight:bold;
  font-size: 17px;
  margin: 0;
  padding: 10px 15px 10px 66px;
  text-decoration: none;
  width: 333px;
  box-sizing:border-box;
  position:absolute;
  top:-48px;
  background:#D2DBE5;
  right:-10px;
  margin-right:128px;
}
.focus-boks h2 {
    margin-top: 0;
  font-weight:bold;
  font-size:30px;
}
.focus-boks .form-group {
  position:relative;
}
.focus-boks label {
  position: absolute;
  top: 9px;
  left: 5px;
  width: auto;
}
#clientsOpen img {
  position:absolute;
  top:-25px;
  left:0;
}
#clientsOpen.clientsClose img {
  display: none;
}
.focus-boks {
  float:left;
  color: #fff;
  text-align:left;
  font-size: 12px;
  padding:25px 30px 25px 30px;
  text-decoration: none;
  background:#ccc;
  font-size:19px;
  font-family: klavika;
  width:450px;
  box-sizing: border-box;
  line-height:21px;
  -webkit-box-shadow: 1px 1px 5px 2px #999999;
  box-shadow: 1px 1px 5px 2px #999999;
  margin-bottom:10px;
}
.focus-boks fieldset {
  position:relative;
}
.focus-boks input:nth-child(1) {
  margin-right:5px!important;
}
.focus-bg {
  background: url(../images/close-bg.png) no-repeat 100% 0;
  width: 100%;
  margin: 0!important;
  height: 229px;
  padding: 0;
  position: absolute;
  top: -15px;
  right: -86px;
}
.focus-boks h1 {
  font-size:35px;
  color:#000;
  font-style:normal;
  text-transform:uppercase;
  margin-top:0;
}
.focus-boks #subForm {
  background:none;
  padding:0!important;
  margin-bottom:0;
}
.focus-boks label {
  color:#000;
}

.focus-boks input {
  width:100%;
  float:left;
  margin-bottom:5px;
  padding:8px 3px!important;
  background:#fff;
  color:#000;
  font-weight:bold;
  font-style:italic;
  border-radius:5px;
  margin-right:0!important;
  border:none;
}
.focus-boks #subForm button {
  border-radius:5px;
  color:#fff!important;
  font-family:klavika;
  font-size:18px;
  text-transform:none!important;
  height:auto!important;
  float:left;
  font-weight:bold;
  padding:10px 10px!important;
  background: #0D4557;
  width:100%;
  border:none;
}
#clientsDropDown .clientsClose {
  background: url(images/close-bg-form.png) no-repeat!important;
  width: 33px;
  float: right;
  right: -140px;
  padding: 0;
  top: -22px;
  height: 33px;
  text-indent: -2000px;
  z-index:100!important;
}
#clientsDropDown #clientsDashboard {
  display: none;
}
.focus-boks a {
  color:#fff;
  font-weight:bold;
}
.focus-boks p {
  margin-bottom:10px;
  color:#fff;
  font-weight:bold;
}
.checkbox-form input {
    width: auto;
}

.checkbox-form label {
    position: relative;
    top: -4px;
    font-size: 15px;
}


#colMargin { margin-bottom: 14px; position: relative; }
/*.no-js #colMargin { height: 375px; overflow: hidden; } */

#colMargin .slideshow-wrap,
#colMargin .slideshow { width: 100%; /*height: 446px;*/ margin-bottom: 14px; position: relative; overflow: hidden; }
#colMargin .slideshow { /*height: 375px;*/ }
#colMargin .slideshow-wrap .slideshow { width: 100%; /*height: 446px;*/ position: absolute; top: 0; left: 0; z-index: 8; opacity: 0; }
.no-js #colMargin .slideshow-wrap .slideshow { opacity: 1; }
.no-js #colMargin .slideshow-wrap .slideshow:first-child,
#colMargin .slideshow-wrap .slideshow.current { position: relative; z-index: 9; }
#colMargin .slideshow .csc-textpic { position: relative; }
#colMargin .slideshow .csc-textpic-imagewrap { /*height: 375px;*/ float: none; position: relative; overflow: hidden; }
/*#colMargin .slideshow .csc-textpic-imagewrap { margin-left: -500px !important; left: 50%; }*/
#colMargin .slideshow .csc-textpic-imagewrap .csc-textpic-caption { display: none; }
#colMargin .slideshow .csc-textpic-imagerow { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0; }
.no-js #colMargin .slideshow .csc-textpic-imagerow { opacity: 1; }
.no-js #colMargin .slideshow .csc-textpic-imagerow:first-child,
#colMargin .slideshow .csc-textpic-imagerow.current { position: relative; z-index: 9; }
#colMargin .slideshow .csc-textpic-imagewrap,
#colMargin .slideshow .csc-textpic-imagerow,
#colMargin .slideshow .csc-textpic-image { width: 100% !important; }
#colMargin .slideshow .csc-textpic-imagewrap img { max-width: 100%; height: auto; }
#colMargin .slideshow .csc-textpic-text { font: 26px 'flama_lightregular', Arial, Helvetica, Verdana, sans-serif; line-height: 36px; color: #ccc; padding: 11px 14px 12px 14px; background: #000; }
#colMargin .slideshow .csc-textpic-text h1 { font: 22px 'flama_lightregular', Arial, Helvetica, Verdana, sans-serif; line-height: 24px; color: #fff; text-transform: uppercase; margin-bottom: 0; }
#colMargin .slideshow .csc-textpic-text h1 strong,
#colMargin .slideshow .csc-textpic-text h1 b { font-family: 'flama_mediumregular'; font-weight: normal; }
#colMargin .slideshow .csc-textpic-text p { display: none; }
#colMargin .slideshow-nav { text-align: center; padding: 0 10px; }
#colMargin .slideshow-nav li { width: 16px; height: 16px; background: #b7b7b7; border: 4px solid #b7b7b7; margin: 0 4px; display: inline-block; text-indent: -4000px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s; }
#colMargin .slideshow-nav li a { width: 24px; height: 24px; margin-top: -4px; margin-left: -4px; display: block; }
#colMargin .slideshow-nav li:hover,
#colMargin .slideshow-nav li.current { background: #fff; }

section { max-width: 1000px; margin: 0 auto; }

section .csc-default .csc-textpic-imagewrap,
section .csc-default .csc-textpic-imagerow,
section .csc-default .csc-textpic-image { width: auto !important; }
section .csc-default img { max-width: 100%; height: auto; }

#breadcrumbs { font-size: 12px; color: #999; padding-bottom: 13px; border-bottom: 1px solid #dadada; margin: 0 7px 14px 7px; }
#breadcrumbs-bottom { font-size: 12px; color: #999; padding-top: 13px; border-top: 1px solid #dadada; margin: 0 7px 14px 7px; }
#breadcrumbs a,
#breadcrumbs-bottom a { color: #999; text-decoration: none; }
#breadcrumbs a:hover,
#breadcrumbs a:focus,
#breadcrumbs .current a,
#breadcrumbs-bottom a:hover,
#breadcrumbs-bottom a:focus,
#breadcrumbs-bottom .current a { text-decoration: underline; }

/* SUBMENU */
nav#submenu { padding-bottom: 1px; margin-bottom: 14px; }
nav#submenu .page-title { font: 22px 'flama_lightregular', Arial, Helvetica, Verdana, sans-serif; line-height: 47px; color: #fff; padding: 0 14px; background: #005848; }
nav#submenu ul { }
nav#submenu ul li { line-height: 30px; color: #3b3a3a; border-bottom: 1px solid #dadada; }
nav#submenu ul li a { text-decoration: none; color: #3b3a3a; padding: 0 14px; display: block; }
nav#submenu ul li a:hover,
nav#submenu ul li a:focus,
nav#submenu ul li.current a { background: url(images/submenu-li-current-bg.png) no-repeat 100% 50%; }

nav#submenu ul ul { padding-left: 10px; background: #e5e5e5; border-top: 1px solid #dadada; }
nav#submenu ul ul li { border-top: 1px solid #dadada; border-bottom: none; }
nav#submenu ul ul li:first-child { border-top: none; }
nav#submenu ul li a,
nav#submenu ul li.current ul li a { background: none; }
nav#submenu ul ul li a:hover,
nav#submenu ul ul li a:focus,
nav#submenu ul ul li.current a,
nav#submenu ul li.current ul li a:hover,
nav#submenu ul li.current ul li a:focus,
nav#submenu ul li.current ul li.current a { background: url(images/submenu-li-current-bg.png) no-repeat 100% 50%; }

#colNormal table { width: 100%; margin: 0 0 18px 0; }
#colNormal table th,
#colNormal table td { border: 1px solid #666; padding:5px; }
#colNormal .table-box table { border-top: 1px solid #666; }
#colNormal .table-box table tr { border-bottom: 1px solid #666; }
#colNormal .table-box table th,
#colNormal .table-box table td { padding: 3px 0; border-left: 1px solid #666; }
#colNormal .table-box table th:first-child,
#colNormal .table-box table td:first-child { border-left: none; }
#colNormal th p,
#colNormal td p { margin: 0; }
#colNormal ul { list-style: outside disc; padding: 0 0 0 15px; margin: 0 0 18px 0; }
#colNormal ul li { padding: 0 0 0 5px; margin: 0 0 0 5px; }
#colNormal .csc-textpic-imagewrap ul { padding: 0; margin: 0; }
#colNormal .csc-textpic-imagewrap li { padding: 0 0 14px 0; margin: 0; }
#colNormal ol { list-style: outside decimal; padding: 0 0 0 20px; margin: 0 0 18px 0; }
#colNormal ol li { padding: 0; margin: 0 0 0 5px; }

#colNormal table th {
    background-color: #005848;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px;
    text-align:left;
}

.box .csc-textpic-imagewrap,
.box .csc-textpic-imagerow,
.box .csc-textpic-image { width: 100% !important; }
.box img { width: 100%; height: auto; }

.medarbejder-box {
  width:100%;
  background:#FFDD00;
}

.medarbejder-box p{
  padding:10px 14px;
  font-size:12px;
  font-family:arial;
  line-height:18px;
}
.medarbejder-box h1 {
  padding:15px 14px 0px;
  font-size:12px;
  font-weight:bold;
  font-family:arial;
  margin-bottom:0;
  text-transform:uppercase;
}

.medarbejder-box img {
  width:100%;
  height:auto;
}

.medarbejder-box .mailform {
  width:90%;
  padding:9px;
}


#colNormal .medarbejder-box {
    background: none repeat scroll 0 0 #FFDD00;
    float: left;
    margin: 0 10px 10px 0;
    padding: 9px;
    width: 100%;
}

#colLeft ul { list-style: outside disc; padding: 0 0 0 15px; margin: 0 0 18px 0; }
#colLeft ul li { padding: 0 0 0 5px; margin: 0 0 0 5px; }
#colLeft .csc-textpic-imagewrap ul { padding: 0; margin: 0; }
#colLeft .csc-textpic-imagewrap li { padding: 0 0 14px 0; margin: 0; }
#colLeft ol { list-style: outside decimal; padding: 0 0 0 20px; margin: 0 0 18px 0; }
#colLeft ol li { padding: 0; margin: 0 0 0 5px; }

#colRight ul { list-style: outside disc; padding: 0 0 0 15px; margin: 0 0 18px 0; }
#colRight ul li { padding: 0 0 0 5px; margin: 0 0 0 5px; }
#colRight .csc-textpic-imagewrap ul { padding: 0; margin: 0; }
#colRight .csc-textpic-imagewrap li { padding: 0 0 14px 0; margin: 0; }
#colRight ol { list-style: outside decimal; padding: 0 0 0 20px; margin: 0 0 18px 0; }
#colRight ol li { padding: 0; margin: 0 0 0 5px; }

#colNormal .box { margin-bottom: 28px; }

#colNormal .box .image { background: #e6e6e6; margin-bottom: 0; position: relative; overflow: hidden; }
#colNormal .box .image img { width: 100%; height: auto; }
#colNormal .box .image img:first-child { position: absolute; top: 0; left: 0; z-index: 9; opacity: 0; }
#colNormal .box:hover .image img:first-child { opacity: 1; }
#colNormal .box .categories { height: 20px; font-size: 12px; line-height: 20px; color: #999; padding: 0 10px; background: #f9f9f9; overflow: hidden; }
#colNormal .box .categories .category { display: inline; white-space: nowrap; }
#colNormal .box .categories .category:first-child .divider { display: none; }
#colNormal .box .categories a { color: #999; text-decoration: none; }
#colNormal .box .text { min-height: 86px; color: #666; padding: 5px 10px; background: #e7e7e7; }
#colNormal .box .text h1 { font: 16px Arial, Helvetica, Verdana, sans-serif; line-height: 24px; margin-bottom: 8px; }
#colNormal .box .text p { margin-bottom: 0; }
#colNormal .box .text a { color: #666; text-decoration: none; }

#colNormal.front .box { margin-bottom: 14px; overflow: hidden; }
#colNormal.front .box .csc-textpic-imagewrap { width: 100% !important; }
#colNormal.front .box img { width: 100%; height: auto; margin-bottom: 0 !important; }
#colNormal.front .box .csc-textpic-text { font: 22px 'flama_lightregular', Arial, Helvetica, Verdana, sans-serif; line-height: 47px; color: #fff; padding: 0 14px; background: #005848; }
#colNormal.front .box .csc-textpic-text p { margin-bottom: 0; }
#colNormal.front .box .csc-textpic-text a { color: #fff; text-decoration: none; }

#colNormal .box { margin-bottom: 14px; overflow: hidden; }
#colNormal .box .csc-textpic-imagewrap { width: 100% !important; background: #e7e7e7; }
#colNormal .box img { width: 100%; height: auto; margin-bottom: 0 !important; }
#colNormal .box .csc-textpic-text { /*min-height: 86px;*/ color: #666; padding: 5px 10px; background: #e7e7e7; }
#colNormal .box .csc-textpic-text h1 { font: 16px Arial, Helvetica, Verdana, sans-serif; line-height: 24px; margin-bottom: 8px; }
#colNormal .box .csc-textpic-text p { margin-bottom: 0; }
#colNormal .box .csc-textpic-text a { color: #666; text-decoration: none; }

#colNormal .slideshow { /*height: 375px;*/ margin-bottom: 28px; overflow: hidden; }
#colNormal .slideshow .csc-textpic-imagewrap { /*height: 375px;*/ position: relative; overflow: hidden; }
#colNormal .slideshow .csc-textpic-imagerow { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0; }
.no-js #colNormal .slideshow .csc-textpic-imagerow { opacity: 1; }
.no-js #colNormal .slideshow .csc-textpic-imagerow:first-child,
#colNormal .slideshow .csc-textpic-imagerow.current { position: relative; z-index: 9; }
#colNormal .slideshow .csc-textpic-imagewrap,
#colNormal .slideshow .csc-textpic-imagerow,
#colNormal .slideshow .csc-textpic-image { width: 100% !important; }
#colNormal .slideshow .csc-textpic-imagerow img { width: 100%; height: auto; }
#colNormal .slideshow .csc-textpic-caption { width: 100%; font-size: 16px; line-height: 30px; color: #333; padding: 0 10px; background: #f9f9f9; position: relative; z-index: 10; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#colNormal .slideshow-nav { width: 100px; text-align: right; margin-top: -68px; position: absolute; top: 100%; right: 10px; z-index: 11; }
#colNormal .slideshow-nav ul,
#colNormal .slideshow-nav li { padding: 0; margin: 0; }
#colNormal .slideshow-nav li { width: 16px; height: 16px; background: rgba(51, 51, 51, 0.4); border: 4px solid #fff; margin: 0 4px; display: inline-block; text-indent: -4000px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s; }
#colNormal .slideshow-nav li a { width: 24px; height: 24px; margin-top: -4px; margin-left: -4px; display: block; }
#colNormal .slideshow-nav li:hover,
#colNormal .slideshow-nav li.current { background: #333; }

.toggle-box { position: relative; }
.toggle-box .content { display: none; }
.no-js .toggle-box .content { display: block; }
.toggle-box .toggle-button { width:98%; border-bottom: 1px solid #000000; text-align: right; padding: 0 16px 12px 0;  position: absolute; right: 0; bottom: 10px; }
.no-js .toggle-box .toggle-button { display: none; }
.toggle-box .toggle-button a { text-decoration:none; }

.toggle-box-front { padding: 20px 40px 20px 40px; overflow: hidden; background: #005848; background: -moz-linear-gradient(-45deg, rgba(136 ,136, 136, 1) 0%, rgba(82, 82, 82, 1) 100%); background: -webkit-linear-gradient(-45deg, rgba(136, 136, 136, 1) 0%,rgba(82, 82, 82, 1) 100%); background: linear-gradient(135deg, rgba(136, 136, 136, 1) 0%,rgba(82, 82, 82, 1) 100%); margin-right: 7px; margin-bottom: 14px; margin-left: 7px; position: relative; clear: both; }
.no-js .toggle-box-front { height: auto; }
.toggle-box-front .csc-textpic-text { max-width: 520px; color: #fff; padding-bottom: 1px; position: relative; z-index: 2; }
.toggle-box-front .csc-textpic-text h1 { font: 22px 'flama_mediumregular', Arial, Helvetica, Verdana, sans-serif; line-height: 22px; text-transform: uppercase; margin-bottom: 0; }
.toggle-box-front .csc-textpic-text h2 { font: 16px 'flama_lightregular', Arial, Helvetica, Verdana, sans-serif; line-height: 16px; margin-bottom: 37px; }
.toggle-box-front .csc-textpic-text p { }
.toggle-box-front .csc-textpic-text a { color: #fff; }
.toggle-box-front .csc-textpic-imagewrap { text-align: right; margin: -14px -40px -34px 0; }
.toggle-box-front .csc-textpic-imagewrap img { width: 50%; height: auto; }

section hr { margin: 32px 7px; }

section .hidden { display: none; }

#colNormal.front { }
#colNormal.temp2,
#colNormal.temp3 { clear: both; }

#colLeft.temp3 { margin-bottom: 14px; }

#colRight.temp3 { margin-bottom: 14px; }

#footer-wrap { background: #43646; overflow: hidden; clear: both; }

footer { text-align: center; }
footer .box { color: #fff; text-align: left; }
footer .box h1 { font: 18px 'flama_basicregular', Arial, Helvetica, Verdana, sans-serif; color: #fff; text-transform: uppercase; text-align: left; margin: 19px 0 14px 10px; }
footer .box h2 { font: 30px 'flama_basicregular', Arial, Helvetica, Verdana, sans-serif; margin-right: 10px; margin-left: 10px; }
footer .box p { margin-right: 10px; margin-left: 10px; }
footer .box ul { margin-bottom: 14px; }
footer .box li { line-height: 29px; text-transform: uppercase; padding-left: 20px; background: url(images/footer-li-bg.png) no-repeat 0 50%; border-bottom: 1px solid #6a6a6a; }
footer .box a { color: #fff; text-decoration: none; }

footer .icon { height: 30px; margin: 0 20px 60px 20px; display: inline-block; overflow: hidden; }
footer .icon:hover .csc-textpic-imagewrap .csc-textpic-imagerow:first-child { display: none; }

#searchform { padding: 2px; padding-left: 56px; background: #f1f1f1; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 15px 0; }
#searchform input { width: 100%; height: 30px; line-height: 30px; color: #000; padding: 0; border: none; background: none; }
#searchform button,
#searchform input.button,
#searchform input[type=submit],
#searchform input[type=reset] { width: 54px; font-size: 18px; font-weight: normal; line-height: 30px; color: #fff; padding: 0; background: #5c5c5c; background: -moz-linear-gradient(top, #5c5c5c 0%, #646464 100%); background: -webkit-linear-gradient(top, #5c5c5c 0%, #646464 100%); background: linear-gradient(to bottom, #5c5c5c 0%, #646464 100%); -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; margin-top: 0; position: absolute; top: 2px; left: 2px; }

address { max-width: 1000px; min-height: 66px; font-size: 11px; line-height: 14px; font-weight: bold; color: #999; padding: 9px 7px 2px 7px; background: #000; position: relative; }

address .top-link { line-height: 32px; background: #000; border-radius: 4px 4px 0 0; position: absolute; bottom: 100%; left: 0; }
address .top-link a { padding-right: 10px; padding-left: 10px; display: block; }

address .social { float: left; margin-right:20px; }
address .social img { margin-bottom: 7px; margin-left: 7px; vertical-align: middle; }

address .csc-default { margin: 0 auto; }
address p { margin-bottom: 0; }
address a { color: #999; text-decoration: none; }

#credits { font-size: 8px; font-weight: bold; color: #aeadad; text-align: right; padding: 0 4px; }
#credits a { color: #aeadad; text-decoration: none; }

#colNormal .gallery { padding-left: 5px; padding-right: 15px; margin-bottom: 16px;box-sizing:border-box; width:100%; float:left; }
#colNormal .gallery DIV.csc-textpic DIV.csc-textpic-imagewrap,
#colNormal .gallery DIV.csc-textpic DIV.csc-textpic-imagerow { width: 100% !important; }
#colNormal .gallery DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image{ width: 100% !important; padding-right: 7px!important; padding-left: 7px!important; margin-right: 0; margin-left: 0}
#colNormal .gallery DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image img { width: 100%; height: auto; }
#colNormal .gallery DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { font-size: 11px; padding: 5px 10px; background: url(images/gallery-image-shadow.png) no-repeat 50% 0; margin: 0px -10px 0 -10px; text-align:center; }
#colNormal .gallery img {width: 100%;height: auto;}

.gallery DIV.csc-textpic DIV.csc-textpic-imagerow { clear:none; }


/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
spacer-gif { display: none; }

/* TYPO3 FIXES */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
.float-left { float: left; display: inline; }
.float-right { float: right; display: inline; }

DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image { margin-right: 0; }

DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image { margin-left: 0; }

DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { margin-right: auto; margin-left: auto; }

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 0; }
DIV.csc-textpic DIV.csc-textpic-single-image img { margin-bottom: 0; }

#colNormal DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
#colNormal DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
#colNormal DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image { padding-right: 14px; margin-right: 0; }

#colNormal DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
#colNormal DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
#colNormal DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image { padding-left: 14px; margin-left: 0; }

#colNormal DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { padding-right: 7px; padding-left: 7px; margin-right: auto; margin-left: auto; }

#colNormal DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { padding-bottom: 14px; margin-bottom: 0; }
#colNormal DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { padding-bottom: 14px; margin-bottom: 0; }
#colNormal DIV.csc-textpic DIV.csc-textpic-single-image img { margin-bottom: 14px; }

#colNormal DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { padding-right: 0 !important; margin-right: 0 !important; }
#colNormal DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { padding-left: 0 !important; margin-left: 0 !important; }

#colNormal DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
#colNormal DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { padding-right: 14px !important; margin-right: 0 !important; }
#colNormal DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
#colNormal DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { padding-left: 14px !important; margin-left: 0 !important; }

#colNormal DIV.csc-textpic DIV.csc-textpic-imagerow-last { padding-bottom: 0 !important; margin-bottom: 0 !important; }

.tx-indexedsearch-searchform { margin: 0 0 20px 0; }
.tx-indexedsearch-searchform p { }
.tx-indexedsearch-searchform input,
.tx-indexedsearch-searchform select { width: 190px; margin: 1px 10px 1px 0; }
.tx-indexedsearch-searchform input.checkbox,
.tx-indexedsearch-searchform input[type=checkbox],
.tx-indexedsearch-searchform input.radio,
.tx-indexedsearch-searchform input[type=radio] { width: auto; margin: 2px 15px 2px 0; border: none; background: none; }
.tx-indexedsearch-searchform input.button,
.tx-indexedsearch-searchform input[type=submit] { width: auto; margin: 17px 0 0 0; }

.tx-indexedsearch-rules {}
.tx-indexedsearch-sectionlinks {}
.tx-indexedsearch-sectionheader {}
  .tx-indexedsearch-sectionheader .title {}
  .tx-indexedsearch-sectionheader .result-count {}
.tx-indexedsearch-whatis {}
  .tx-indexedsearch-sw { font-weight: bold; }
.tx-indexedsearch-browsebox { margin: 0 0 20px 0px; }
  .tx-indexedsearch-browsebox ul { font-size: 11px; text-align: center; padding: 0; margin: 0 0 10px 0; list-style: none; list-style-position: outside; }
  .tx-indexedsearch-browsebox li { padding: 0 4px; display: inline; }
  .tx-indexedsearch-browselist-currentPage a { }
.tx-indexedsearch-results { margin: 0 0 10px 0; }
  .tx-indexedsearch-results div { padding: 0 0 10px 0; }
  .tx-indexedsearch-results h2 a { font-size: 13px; margin: 0 0 20px 0; }
  .tx-indexedsearch-results .percent { font-weight: normal; margin: 0 0 0 9px; position: absolute; }
  .tx-indexedsearch-results .description { }
  .tx-indexedsearch-results .info { }
  .tx-indexedsearch-results .info a { }
  .tx-indexedsearch-results .path { }
  .tx-indexedsearch-results .list { }

/* scoller */
.scrollbox-4 .image.container{float: left;height: 314px;overflow: hidden;width: 100%;position:relative;}
.scrollbox-4 .image.container .imgContainer {float: left;height: 314px;width: 250px;}
.scrollbox-4 .image.container .imgContainer .box{border-color: transparent;border-style: solid;border-width: 0 7px;}
.scrollbox-4 .image.container .arrow.over{opacity:1.0;}
.scrollbox-4 .image.container .arrow{z-index:10000;opacity:0.7;position: absolute; height: 100%; width: 45px; top: 0; background: url(/fileadmin/template/2012/main/images/scroll-prev.gif) no-repeat 50% 42%;}
.scrollbox-4 .image.container .arrow.left{left:0;}
.scrollbox-4 .image.container .arrow.right{right:0; background: url(/fileadmin/template/2012/main/images/scroll-next.gif) no-repeat 50% 42%;}

/* Fly-out */
.fly-out {
  display: none;
}

/* INSTAGRAM */
#colNormal ul.instagram_gallery {
  min-height: 200px;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  position: relative;
}
#colNormal ul.instagram_gallery .instagram-loading {
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  background: url('images/loader.png') no-repeat 50% 50%;
  position: absolute;
  top: 100px;
  left: 50%;
}
#colNormal ul.instagram_gallery .instagram-loading {
  -moz-animation: update-spinner 1s linear infinite;
  -webkit-animation: update-spinner 1s linear infinite;
  -ms-animation: update-spinner 1s linear infinite;
  animation: update-spinner 1s linear infinite;
}
#colNormal ul.instagram_gallery li {
  width: 100%;
  padding-top: 20px;
  padding-left: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  margin-bottom: 8px;
  margin-left: 0;
  display: none;
  float: left;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#colNormal ul.instagram_gallery li img {
  width: 100%;
  height: auto;
}
#colNormal ul.instagram_gallery li .caption {
  font-size: 12px;
  color: #666;
    background: #f2f2f2;
    padding: 5px 10px;
    min-height: 55px;
}

/* YOUTUBE */
#colNormal ul.youtube_list {
  min-height: 200px;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  position: relative;
}
#colNormal ul.youtube_list li {
  width: 100%;
  padding-top: 20px;
  padding-left: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  margin-bottom: 8px;
  margin-left: 0;
  float: left;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#colNormal ul.youtube_list li .image img {
  width: 100%;
  height: auto;
}
#colNormal ul.youtube_list li .title {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  color: #666;
    background: #f2f2f2;
    padding: 5px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#colNormal ul.youtube_list li a {
  color: #666;
  text-decoration: none;
}
#colNormal ul.youtube_list li .description {
  display: none;
}

#youtube_video { margin: 0 -85px; display: none; position: relative; }
#youtube_video #youtube_video_close { width: 22px; height: 22px; background: url('images/close-bg.png'); text-indent: -2000px; position: absolute; top: -6px; right: -6px; }
#youtube_video .youtube_video_content { border: 5px solid #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); margin-bottom: 10px; }
#youtube_video .youtube_video_caption { font-style: italic; padding-bottom: 20px; display: none; }
#youtube_video .youtube_video_caption p { margin-bottom: 0; }
#youtube_video .youtube_video_caption .title { font-weight: bold; }

#youtube_cinema .youtube_cinema_overlay { width: 100%; height: 100%; background: rgba(51, 51, 51, 0.6); display: none; position: fixed; top: 0; left: 0; z-index: 9999; cursor: pointer; }
#youtube_cinema .youtube_cinema_box { width: 640px; height: 480px; background: #fff; border: 10px solid #fff; margin-bottom: 50px; margin-left: -330px; display: none; position: absolute; top: 100px; left: 50%; z-index: 9999; }
#youtube_cinema .youtube_cinema_box #youtube_cinema_close { width: 22px; height: 22px; background: url('images/close-bg.png'); text-indent: -2000px; position: absolute; top: -18px; right: -18px; }
#youtube_cinema .youtube_cinema_box .youtube_cinema_caption { width: 100%; font-style: italic; background: #fff; border: 10px solid #fff; margin-left: -10px; display: none; }
#youtube_cinema .youtube_cinema_box .youtube_cinema_caption p { margin-bottom: 0; }
#youtube_cinema .youtube_cinema_box .youtube_cinema_caption .title { font-weight: bold; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* LINKEDIN */
.fly-out .tx-idefalinkedin-pi1 .update {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #484848;
  position: relative;
}
.fly-out .tx-idefalinkedin-pi1 .update .comment {
  font-weight: bold;
  padding: 8px;
}
.fly-out .tx-idefalinkedin-pi1 .update .description {
  font-style: italic;
  padding: 8px;
}
.fly-out .tx-idefalinkedin-pi1 .update .image img {
  width: 100%;
  height: auto;
}

#colNormal .tx-idefalinkedin-pi1 {
  width: 486px;
  margin-right: 7px;
  margin-left: 7px
}
#colNormal .tx-idefalinkedin-pi1 .update {
  font-size: 12px;
    line-height: 20px;
    color: #666;
  padding: 10px;
    background: #f2f2f2;
  border-top: 1px solid #b3b3b3;
}
#colNormal .tx-idefalinkedin-pi1 .update:first-child {
  border-top: none;
}
#colNormal .tx-idefalinkedin-pi1 .update .comment {
  font-weight: bold;
  color: #666;
  padding-bottom: 10px;
}
#colNormal .tx-idefalinkedin-pi1 .update .image {
  padding-right: 10px;
  padding-bottom: 5px;
  float: left;
}
#colNormal .tx-idefalinkedin-pi1 .update .image img {
  max-width: 100%;
  height: auto;
}
#colNormal .tx-idefalinkedin-pi1 .update .description {
  font-style: italic;
}


@media only screen and (min-width: 420px) {
  header #phone strong,
  header #phone b { font-size: 20px; }
  address { min-height: 33px; }
  address .social br { display: none; }
}

@media only screen and (min-width: 480px) {
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  #colNormal .slideshow { float: left; }
  .grid_1 { width: 50%; }
  .grid_2,
  .grid_3,
  .grid_4,
  #colNormal .slideshow { width: 100%; }
  
  .container_2 { float: left; }
  .container_2 { width: 100%; }
  
  #colNormal .grid_1:nth-child(2n+1) { clear: left; }
  
  #colNormal .gallery DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image{ width: 46% !important; }
  
  nav#mainmenu .menu-toggle { width: auto; }
  
  nav#mainmenu ul li { width: 50%; float: left; }
  nav#mainmenu ul li { border-top: none; display: inline-block; }
  
  #colNormal.front .box .csc-textpic-text { font-size: 20px; }
  
  .toggle-box-front { height: 82px; padding-right: 110px; }
  .toggle-box-front:after { width: 60px; height: 60px; background: rgba(0,0,0,0.5) url(images/toggle-box-arrow.png) no-repeat 50% 60%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 20px; right: 20px; content: ' '; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s; }
  .no-js .toggle-box-front:hover:after,
  .toggle-box-front:hover:after { opacity: 0; }
  .toggle-box-front .csc-textpic-text h1 { font-size: 24px; line-height: 24px; }
  .toggle-box-front .csc-textpic-text h2 { font-size: 18px; line-height: 18px; }
  .toggle-box-front .csc-textpic-imagewrap { margin-right: 0; position: absolute; right: 0; bottom: 0; z-index: 1; }
  .toggle-box-front .csc-textpic-imagewrap img { width: 50%; height: auto; }
  .toggle-box-front .csc-textpic-imagewrap img { width: 40%; }
  
  #colNormal ul.instagram_gallery li {
    width: 50%;
  }
  #colNormal ul.instagram_gallery li:nth-child(2n+3) {
    clear: left;
  }
  
  #colNormal ul.youtube_list li {
    width: 50%;
  }
  #colNormal ul.youtube_list li:nth-child(2n+3) {
    clear: left;
  }
  
  footer .icon { margin-bottom: 50px; }
}

@media only screen and (min-width: 520px) {
  header #logo:hover .caption { display: block; }
  header #logo .caption { color:#fff; width: 120px; font: 14px 'flama_basicregular', Arial, Helvetica, Verdana, sans-serif; line-height: 30px; text-transform: uppercase; text-align: center; background: #D2DBE5; border-radius: 4px; margin-left: -50px; position: absolute; top: 100%; left: 50%; z-index: 1; }
  header #logo .caption:before { width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #005847; margin-left: -10px; position: absolute; left: 50%; bottom: 100%; content: ' '; }
  
  header #mobile-links { display: none; }
}

@media only screen and (min-width: 640px) {
  header #logo { text-align: center; padding: 8px 20px 8px 40px;  }
  header #support { min-width: inherit; line-height: 52px; text-align: right; padding-right: 25px; padding-left: 10px; margin-right: 10px; float: right; position: relative; top: auto; right: auto; }
  header #support .content-wrap { height: 32px; padding-top: 12px; padding-bottom: 10px; }
  header #support .content { top: 12px; }
  header #support img { vertical-align: middle; }
  
  header #phone { text-align: right; padding-left: 20px; }
  header #top-menu { text-align: right; padding-left: 20px; float: right; }
    
  #colNormal .gallery {width:50%;}
  
#clientsDropDown {  display:block;}
  
  .grid_1 { width: 33.333%; }
  #colNormal .slideshow { width: 50%; }
  .grid_2 { width: 66.667%; }
  .grid_3,
  .grid_4 { width: 100%; }
  
  .container_2 { width: 50%; }
  
  .container_2 .grid_1,
  .container_2 .grid_2,
  .container_2 .grid_3,
  .container_2 .grid_4 { width: 100%; }
  
  #colNormal .grid_1:nth-child(2n+1) { clear: none; }
  #colNormal .grid_1:nth-child(3n+1) { clear: left; }
  
  #colNormal .gallery DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image{ width: 31.3% !important;}
  
  nav#mainmenu .menu-toggle { display: none; }
  nav#mainmenu ul { text-align: center; margin-right: 10px; margin-left: 10px; display: block !important; }
  nav#mainmenu ul li { width: auto; float: none; }
  nav#mainmenu ul li a { padding-right: 7px; padding-left: 7px; }
  nav#mainmenu ul li:before,
  nav#mainmenu ul li.current:before { width: 1px; height: 100%; background: #e8e8e8; background: -moz-linear-gradient(top, #d2d2d2 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d2), color-stop(100%,#eeeeee)); background: -webkit-linear-gradient(top, #d2d2d2 0%,#eeeeee 100%); background: linear-gradient(to bottom, #d2d2d2 0%,#eeeeee 100%); position: absolute; top: 0; left: 0; content: ' '; }
  nav#mainmenu ul li:first-child:before { display: none; }
  
  #colMargin .slideshow-wrap { /*height: 478px;*/ }
  #colMargin .slideshow-wrap .slideshow { /*height: 478px;*/ }
  #colMargin .slideshow-wrap .slideshow .csc-textpic-text h1 { font-size: 38px; line-height: 40px; }
  
  #colLeft.grid_2 { width: 50%; }
  #colRight.grid_2 { width: 50%; }
  
  #colNormal.front .box .csc-textpic-text { font-size: 22px; }
  
  #colNormal.temp2 .grid_2 { width: 50%; }
  
  footer .icon { margin-top: 20px; margin-bottom: 0; }
  
  .toggle-box-front { height: 57px; padding-right: 150px; }
  .toggle-box-front .csc-textpic-text h1 { font-size: 28px; line-height: 28px; margin-right: -390px; }
  .toggle-box-front .csc-textpic-text h2 { font-size: 19px; line-height: 19px; margin-right: -400px; }
  .toggle-box-front .csc-textpic-imagewrap img { width: 50%; }
  
  /* Fly-out */
  .fly-out {
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 16px;
    color: #f1f1f1;
    background: #333;
    border-left: 4px solid #000;
    -moz-box-shadow: -12px 0 21px 0 rgba(0, 0, 0, 0.39);
    -webkit-box-shadow: -12px 0 21px 0 rgba(0, 0, 0, 0.39);
        box-shadow: -12px 0 21px 0 rgba(0, 0, 0, 0.39);
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    -moz-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
  }
  .fly-out.open {
    width: 304px;
  }
  .fly-out nav {
    padding: 6px;
    background: #000;
    border-radius: 4px 0 0 4px;
    -moz-box-shadow: -12px 0 21px 0 rgba(0, 0, 0, 0.39);
    -webkit-box-shadow: -12px 0 21px 0 rgba(0, 0, 0, 0.39);
        box-shadow: -12px 0 21px 0 rgba(0, 0, 0, 0.39);
    margin-right: 4px;
    position: absolute;
    top: 142px;
    right: 100%;
  }
  .fly-out nav ul {
    
  }
  .fly-out nav ul li {
    width: 42px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    margin-top: 6px;
    position: relative;
    text-indent: -4000px;
  }
  .fly-out nav ul li:first-child {
    margin-top: 0;
  }
  .fly-out nav ul li.linkedin {
    background: url(images/linkedin-sprite.gif) no-repeat 50% 0;
  }
  .fly-out nav ul li.instagram {
    background: url(images/instagram-sprite.gif) no-repeat 50% 0;
  }
  .fly-out nav ul li.contact {
    background: url(images/contact-sprite.gif) no-repeat 50% 0;
  }
  .fly-out nav ul li.close {
    background: url(images/close-sprite.png) no-repeat 50% 0;
    display: none;
  }
  .fly-out.linkedin nav ul li.close,
  .fly-out.instagram nav ul li.close,
  .fly-out.contact nav ul li.close {
    display: block;
  }
  .fly-out nav ul li.linkedin:hover,
  .fly-out nav ul li.instagram:hover,
  .fly-out nav ul li.contact:hover,
  .fly-out nav ul li.close:hover {
    background-position: 50% 100%
  }
  .fly-out.linkedin nav ul li.linkedin:after,
  .fly-out.instagram nav ul li.instagram:after,
  .fly-out.contact nav ul li.contact:after {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: #333;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    left: 100%;
    content: ' ';
    z-index: 1000;
  }
  .fly-out nav ul li a {
    color: #fff;
    display: block;
  }
  .fly-out .content {
    min-width: 280px;
    height: 100%;
    color: #f1f1f1;
    padding: 60px 8px 30px 8px;
    overflow: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fly-out .content hr {
    color: #484848;
    background: #484848;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .fly-out .content iframe {
    min-width: 270px;
    width: 100%;
  }
  .fly-out .content a {
    color: #f1f1f1;
  }
  .fly-out .content .linkedin,
  .fly-out .content .instagram,
  .fly-out .content .contact {
    display: none;
  }
  .fly-out.linkedin .content .linkedin {
    display: block;
  }
  .fly-out.instagram .content .instagram {
    display: block;
  }
  .fly-out.contact .content .contact {
    display: block;
  }
  
  .fly-out ul.instagram_gallery {
    min-height: 200px;
    position: relative;
  }
  .fly-out ul.instagram_gallery .instagram-loading {
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    background: url('images/loader.png') no-repeat 50% 50%;
    position: absolute;
    top: 100px;
    left: 50%;
  }
  .fly-out ul.instagram_gallery .instagram-loading {
    -moz-animation: update-spinner 1s linear infinite;
    -webkit-animation: update-spinner 1s linear infinite;
    -ms-animation: update-spinner 1s linear infinite;
    animation: update-spinner 1s linear infinite;
  }
  .fly-out ul.instagram_gallery li {
    padding-top: 20px;
    border-top: 1px solid #484848;
    margin-bottom: 8px;
    display: none;
    float: left;
    position: relative;
  }
  .fly-out ul.instagram_gallery li:first-child {
    padding-top: 0;
    border-top: none;
  }
  .fly-out ul.instagram_gallery li img {
    width: 100%;
    height: auto;
  }
  .fly-out ul.instagram_gallery li .caption {
    padding: 8px;
  }
  
  #colNormal ul.instagram_gallery li {
    width: 25%;
  }
  #colNormal ul.instagram_gallery li:nth-child(2n+3) {
    clear: none;
  }
  #colNormal ul.instagram_gallery li:nth-child(4n+5) {
    clear: left;
  }
  
  #colNormal ul.youtube_list li {
    width: 25%;
  }
  #colNormal ul.youtube_list li:nth-child(2n+3) {
    clear: none;
  }
  #colNormal ul.youtube_list li:nth-child(4n+5) {
    clear: left;
  }
  #colNormal .medarbejder-box { width: 45%; }
}

@media only screen and (min-width: 768px) {
  .container_2 .grid_1 { width: 50%; }
  
  #colMargin .slideshow-wrap { /*height: 375px;*/ margin-bottom: 0; }
  #colMargin .slideshow .csc-textpic-imagewrap { margin-left: -500px !important; left: 50%; }
  #colMargin .slideshow .csc-textpic-imagewrap,
  #colMargin .slideshow .csc-textpic-imagerow,
  #colMargin .slideshow .csc-textpic-image { width: auto !important; }
  #colMargin .slideshow .csc-textpic { width: 100%; max-width: 1000px; margin: 0 auto; }
  #colMargin .slideshow .csc-textpic-text { background: none; position: absolute; top: 23px; z-index: 9; }
  #colMargin .slideshow.dark .csc-textpic-text { color: #333; background: none; }
  #colMargin .slideshow .csc-textpic-center .csc-textpic-text { left: 33px; }
  #colMargin .slideshow .csc-textpic-right .csc-textpic-text { left: 33px; }
  #colMargin .slideshow .csc-textpic-left .csc-textpic-text { right: 33px; }
  #colMargin .slideshow .csc-textpic-text h1 { font-size: 38px; line-height: 40px; margin-bottom: 5px; }
  #colMargin .slideshow.dark .csc-textpic-text h1 { color: #000; }
  #colMargin .slideshow .csc-textpic-text p { margin-bottom: 0; display: block; }
  #colMargin .slideshow-nav { max-width: 880px; text-align: right; margin: 0 auto -16px auto; position: relative; top: -40px; z-index: 11; }
  #colMargin .slideshow-nav li { width: 10px; height: 10px; background: #fff; border: 3px solid #fff; }
  #colMargin .slideshow-nav li a { width: 16px; height: 16px; margin-top: -3px; margin-left: -3px; }
  #colMargin .slideshow-nav li:hover,
  #colMargin .slideshow-nav li.current { background: #b7b7b7; }
  
  .toggle-box-front { height: 79px; padding-right: 250px; }
  .toggle-box-front .csc-textpic-text h1 { font-size: 38px; line-height: 38px; margin-right: -390px; }
  .toggle-box-front .csc-textpic-text h2 { font-size: 24px; line-height: 24px; margin-right: -400px; margin-bottom: 37px; }
  .toggle-box-front .csc-textpic-imagewrap img { width: 60%; }
  
  #colNormal.front .box .csc-textpic-text { font-size: 20px; }
  
  address { line-height: 46px; padding-top: 0; padding-bottom: 0; margin: 0 auto; }
  
  #colNormal .gallery {width:33%;}
}

@media only screen and (min-width: 930px) {
  .toggle-box-front .csc-textpic-imagewrap img { width: 70%; }
}

@media only screen and (min-width: 960px) {
  
  .bigbox { width:33.33%!important; clear:none!important;}
  .grid_1 { width: 25%; }
  .grid_2,
  #colNormal .slideshow { width: 50%; }
  .grid_3 { width: 75%; }
  .grid_4 { width: 100%; }
  
  .container_1 { width: 25%; }
  .container_2 { width: 50%; }
  .container_3 { width: 75%; }
  
  .container_2 .grid_1 { width: 50%; }
  .container_2 .grid_2,    
  .container_2 .grid_3,
  .container_2 .grid_4 { width: 100%; }
  
  #colNormal .grid_1:nth-child(2n+1) { clear: none; }
  #colNormal .grid_1:nth-child(3n+1) { clear: none; }
  #colNormal .grid_1:nth-child(4n+1) { clear: left; }
  #colNormal.front .grid_1:nth-child(4n+1) { clear: none; }
  
  nav#mainmenu ul { max-width: 970px; text-align: center; margin: 0 auto; }
  nav#mainmenu ul li a { padding-right: 20px; padding-left: 20px; }
  
  .toggle-box-front .csc-textpic-imagewrap img { width: 80%; }
  
  footer .icon { margin-top: 0; position: relative; top: -34px; left: -125px; }
}

@media only screen and (min-width: 1000px) {
  html, body, #wrap { height: 100%; }
  body > #wrap { height: auto; min-height: 100%; }
  #wrap { margin-bottom: -344px; }

  #footer-spacer { width: 100%; height: 344px; clear: both; }
  #footer-wrap { height: 370px; background: #243646; border-bottom: 46px solid #000; overflow: hidden; clear: both; }
  footer { max-width: 1000px; height: 370px; margin: 0 auto; }
  
  address { width: 1000px; margin-left: -500px; position: absolute; left: 50%; }
  
  .toggle-box-front { padding-right: 430px; }
  .toggle-box-front .csc-textpic-imagewrap img { width: 100%; }
}

.tx-powermail h3{display: none;}
.tx-powermail .powermail_fieldwrap{padding-bottom: 20px;}
.tx-powermail fieldset{max-width: 100% !important;}
.tx-powermail .powermail_fieldwrap{max-width: 100% !important;}
.tx-powermail form{max-width: 100% !important;}
.tx-powermail input, .tx-powermail textarea, .tx-powermail select{max-width: 236px !important; clear: both !important;}
.tx-powermail .powermail_fieldwrap_input label{clear: both !important; display: block !important;}

.g-recaptcha iframe{max-width: 235px !important; border-right: 1px solid #ccc;}

.top-bar{
  background-color: #D2DBE5;
  width: 100%;
  height: 30px;
}

.rooftgfront{
  margin: 0 auto;
  width: 75%;
margin-top:50px;
}

.fiftyboxes{
  padding-top: 45px;
  padding-bottom: 45px;
}