html { overflow-y: scroll;
 }
body 
{
    font-family:Arial, sans-serif;
    font-size:13px;
    background:#FFFFFF url(/images/baggrund.png);
    line-height:18px;
    
    margin: 0;
  min-width: 980px;
  padding: 0;
}
a
{
  color:#106470;
}
a:hover
{
    text-decoration:none;
}
.hidden
{
  display:none;
}
.wrapper
{
    width:1200px;
    border-left:solid 1px #DFDFDF;
    border-right:solid 1px #DFDFDF;
    margin:0px auto;
    position:relative;
}
.header
{
    background:#106470;
    padding:35px 0px 0px 0px;
}
.logo
{
    display:block;
    float:left;
    height:42px;
    width:221px;
    margin:0px 0px 0px 120px;
}
.hiddenCMS
{
    display:none !important;
}
.hiddenSector
{
    display:none !important;
}
.hiddenRole
{
    display:none !important;
}

/************* Structure ***************/
.left
{
  float:left;
  width:160px;
  margin-left:-30px;
}
.middle
{
  float:left;
  width:560px;
  margin:0px 24px;
}
.right
{
  float:left;
  width:222px;
}
/************* Content ***************/
.subpageheader
{
    height:75px;
   /*background:url(/images/wave.gif) no-repeat;*/
}
.content
{   
    min-height:380px;
    /*background:#ffffff;*/
}
.subpagecontent
{
    margin:40px 120px 50px 120px;
    position:relative;
}
.subpagecontent a
{
  color:#106470;
}

.subpagecontent a.download {
    background: url("/images/package_download_48.png") no-repeat scroll left center transparent;
    display: block;
    font-weight: bold;
    padding: 18px 0 15px 60px;
}

/************* Media ***************/
.middle .slideshow, .middle .slide,.video
{
  width:560px;
  height:312px;
  margin-bottom:20px;
}
.video
{
}
.middle .slide
{
  border:1px solid #C3D7D7 !important;
  width:558px;
  height:310px;
}


/************* Content ***************/
h1
{
  color:#106470;
  font-size:34px;
  line-height:42px;
  margin-bottom:20px;
}

.pageManchet
{
    color:#333333;
    font-size:24px;
    line-height:28px;
  margin-bottom:20px;
}
.pageContent
{
    color:#4c4c4c;
    font-size:14px;
    line-height:19px;
}
.pageContent ul, .pageContent ol
{
  margin-left:15px;
  list-style-type:disc;
}

/************* Page teasers ***************/
.right .teaser,
.left .teaser
{
  /*background:#f0f5f5;*/
  padding:19px 19px;
  color:#4c4c4c;
  
}
.left .teaser
{
  padding:10px;
  
}
.left .teaser a
{
  padding:0 0 4px 0;
  
  
}
.left .teaser a:hover
{
  text-decoration:underline !important;
}
.right .teaser h2,.teamList h2,.left .teaser h2
{
  color:#106470;
  font-size:16px;
  border-bottom:solid 1px #c3d7d7;
  margin-bottom:14px;
  padding-bottom:10px;
}
.left .teaser h2
{
  font-size:12px;
  margin-bottom:10px;
}
.right .teamMembersClosed
{
    height:190px;
    overflow:hidden;
}
.right a#expandTeam
{
    
    font-size:12px;
    display:block;
    margin-top:10px;
    color:#106470;
    text-align:right;
}
.right .teamMember,.page .teamMember
{
    margin-bottom:30px;
    
    font-size:12px;
    line-height:18px;
}
.page .teamMember
{
  float:left;
  width:250px;
  margin:20px 20px 20px 0;
}
.left .teamMember
{
  float:left;
  width:140px;
  margin:0px 10px 10px 0;
}
.right .teamMemberLast
{
    margin-bottom:0px;
}
.right  img.teamTeaser,
.left  img.teamTeaser,
.page img.teamTeaser
{
    width:30px;
    float:left;
    padding-right:15px;
}
.page img.teamTeaser
{
  width:120px;
}
.left img.teamTeaser
{
  width:35px;
  padding-right:5px;
}
.right .teamMemberName,.page .teamMemberName
{
    font-weight:bold;
    display:block;
    margin-bottom:5px;
}
.left .teamMemberName
{  
    margin-bottom:2px;
}
.right  .teamMemberTitle,
.page .teamMemberTitle,
.left  .teamMemberTitle
{
    font-style:italic;
    display:block;
}
.left  .teamMemberTitle
{
  font-size:11px;
}

.right  .teamMemberPhone,.page .teamMemberPhone
{
    display:block;
    font-size:12px;
}
.right  .teamMemberMail a,.page .teamMemberMail a
{
    color:#106470;
    font-size:12px;
    font-weight:bold;
}
.right .project
{
    margin-bottom:15px;
}
.right .project h3
{
}
.right .project h3 a
{
    color:#106470;
    font-size:13px;
    font-weight:bold;
}
.tags
{
    display:block;
    font-size:11px;
    padding:0px 7px;
}
.right .tags .tag
{
    
}
.videobanner .videoEmbedFancy 
{
  float:none;
}
.videobanner a
{
  margin:0;
}
/************* Sectionfrontpage Webstrategy  ***************/
.sectionRight
{
    width:806px;
    margin:0px 0px 0px 24px;
}
.sectionRight .pageManchet
{
    margin-bottom:20px;
}
.sectionRight .sectionTeasers
{
    padding:28px 0px 0px 0px;
    margin:20px 0px 0px 0px;
    border-top:solid 1px #c3d7d7;
}
.sectionTeasers .teaser
{
    width:236px !important;
    margin-right:48px !important;
}
.sectionTeasers .teaserLast
{
    margin-right:0px !important;
}
.sectionTeasers .teaser img, .masonitem img
{
    width:236px !important;
}

#page_container
{
  margin:20px 0;
  width:980px;
}

.pagerItem
{
  height:300px;
}
.pagerItem h2
{
  line-height:1em;
  margin-top:10px;
}

.pagerItem .date
{
  font-size:10px;
}

.page_navigation a {
    background-color: #106470;
    color: white;
    float: left;
    font-family: Tahoma;
    font-size: 12px;
    margin: 2px;
    padding: 3px 5px;
    text-decoration: none;
}
.first_link, .last_link
{
  display:none;
}
.active_page {
    background-color: white !important;
    color: black !important;
}

/************* Front page ***************/
.frontpageheader
{
    height:315px;
    background:url(/images/wave.gif) no-repeat;
}
/*
.frontslideshow
{
    width:520px;
    height:270px;
    position:absolute;
    top:80px;
    right:40px;
}
.frontpageheader #slideshow
{
    margin-left:120px;
    top:2px;
}
*/
.slide
{
  width:520px;
    height:270px;
}
.frontpageheader #slideshow
{
    position:absolute;
    right:70px;
    top:80px;
width:520px;
    height:270px;
}
#slideshow div
{
  background-color:transparent !important;
}
.slidetext
{
    position:absolute;
    top:150px;
    left:120px;
    width:400px;
    height:150px;
    color:#ffffff;
    
}
.slidetext h2
{
    font-size:34px;    
    line-height:42px;
    color:#ffffff;
    padding-bottom:4px;
}
.slidetext span
{
    color:#87aaaf;
    font-size:24px;
    line-height:28px;
}
.slidebuttons
{
    position:absolute;
    top:300px;
    left:540px;
    z-index:100;
}
.slidebuttons a
{
    display: inline-block;
    height: 21px;
    width: 21px;
}
.slidebuttons #prev
{
    background: url(/images/backBtn.gif) no-repeat;
}
.slidebuttons #next
{
    margin-left:5px;
    background: url(/images/forwardBtn.gif) no-repeat;    
}
.frontTeasers
{
    padding:30px 120px 30px 120px;
}
.frontTeasers .teaser
{
    float:left;
    width:286px;
    color:#4c4c4c;
    margin-right:50px;
}
.frontTeasers .teaser .top
{
    display:inline-block;
    background:#87aaaf;
    color:#ffffff;
    margin:0px 0px 13px 0px;
    padding:0px 3px 0px 3px;
    text-transform:uppercase;
    font-family:Arial;
    font-weight:bold;
    font-size:10px;
}
.frontTeasers .teaser .teaserImage
{
    padding:0px 0px 10px 0px;
    width:286px;
    height:142px;
    
}
.frontTeasers .teaserLast .teaserImage
{
    
    
    
}
.frontTeasers .teaser h2 a
{    
    font-weight:bold;
    font-size:20px;
    color:#106470;
}
.frontHeader2
{
    color:#106470;
    font-size:20px;
    margin-bottom:5px;
}
.frontTeasers .teaser h2 a:visited
{    
    color:#106470;
}
.frontTeasers .teaser h3 a
{    
    font-weight:normal;
    font-size:13px;
    color:#106470;
}
.frontTeasers .teaserLast
{
    margin-right:0px;
}
.frontTeasers .teaserLast .teaserText
{
    display:block;
    padding:5px 0px 20px 0px;
}
.frontTeasers .teaserLast .teaserText a
{
  color:#106470;
}
.frontTeasers .teaserLast h3
{
    padding:0px 0px 10px 0px;
}

/************* Top navigation ***************/

.topNav
{
    font-size:13px;
    font-weight:bold;
    float:right;
    margin:15px 120px 0px 0px;
    font-family:Arial;
    
}
.frontpageheader .topNav {
    
    margin-top: 10px;
}
.topNav li
{
    float:left;
    margin:0px 0px 0px 10px;
    padding:5px 10px 5px 10px;
}


.topNav li a
{
    color:#87aaaf;

}
.topNav li.topActive
{
    background:#47868e;
}
.topNav li.topActive a
{
    color:#ffffff;
}
.topNav li:hover{
  background:none repeat scroll 0 0 #47868E;
    border-radius: 3px 3px 3px 3px;
  
}
.topNav li:hover a{
  color:#fff;
}

/************* Work flow ***************/
#workflow
{
    width:960px;
    height:352px;
    background:url(/images/arbejdsformer.gif) no-repeat;
    margin:50px 0px 0px 0px;
}
.step
{
    float:left;
    width:144px;
    height:190px;
    background:url(/images/trin_bg.png) repeat-y;
    margin:75px 16px 0px 10px;
    padding:12px;
    vertical-align:middle;
    color:#ffffff;
    font-size:14px;
    position:relative;
}

.ui-tabs-panel .simplePagerNav
{
    position:absolute;
    top:80px;
    right:6px;
    font-family:Arial;
}
.ui-tabs-panel .simplePagerNav li
{
    float:left;
    padding:0px 5px;
    font-weight:bold;
}
.ui-tabs-panel .simplePagerNav li.currentPage a
{
    color:#ffffff;
}
.ui-tabs-panel .simplePagerNav li.currentPage
{
    background:#f6c859;
}
.stepLast
{
    margin-right:0px;
}
.stepListTitle
{
    color:#106470;
    font-size:16px;
    vertical-align:bottom;
    display:block;
    line-height:20px;
    padding-bottom:10px;
}
.stepListIntro
{
    color:#ffffff;
}
.stepListLink
{
    color:#106470;
    display:block;
    border-top:solid 1px #f2b011;
    padding-top:5px;
    position:absolute;
    bottom:10px;
    width:140px;
}
#dialog-modal
{
    background:#ffffff;
    /*padding:15px !important;*/
    position:relative;
}
.ui-dialog-titlebar
{
    background:#ffffff;
   z-index:3000;
}
.ui-dialog-title
{
    display:none;
}

#dialog-modal .ui-tabs-nav li a
{
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    padding:0px;
    text-indent: -999px;
}

#dialog-modal li.tab1 a
{
    width: 156px;
    background: url(/images/tab1.png) no-repeat;
}
#dialog-modal li.tab2 a
{
    width: 220px;
    background: url(/images/tab2.png) no-repeat;
}
#dialog-modal li.tab3 a
{
    width: 94px;
    background: url(/images/tab3.png) no-repeat;
}
#dialog-modal li.tab4 a
{
    width: 178px;
    background: url(/images/tab4.png) no-repeat;
}
#dialog-modal li.tab5 a
{
    width: 193px;
    background: url(/images/tab5.png) no-repeat;
}
#dialog-modal li a:hover {background-position:0 -60px}
#dialog-modal li.ui-state-active a {background-position:0 -120px}


#dialog-modal #workflowtabs
{
    position:relative;
    top:-45px;
    width:930px;
}
#dialog-modal .ui-tabs .ui-tabs-nav
{
    background:#f2b011;
    padding:5px 0px 0px 15px;
    height: 41px;
    width:905px;
    border-bottom: 0px;
    margin: 0 0 0 5px;
    list-style: none;
    
}
#dialog-modal .ui-tabs .ui-tabs-nav li 
{
    /*background:url(/images/modaltab_bg_right.png) no-repeat center right;
    
    
    height:30px !important;
    padding-top:6px !important;
    padding-right:12px;
    margin-right:6px;
    position:relative;
    left:15px;*/  
    background:none !important;  
    float:left;
    border:0px !important;
    margin:0px !important;
    margin-left:-5px !important;
    padding:0px !important;
}
#dialog-modal .ui-tabs .ui-tabs-nav li a
{
    
}
.arrow_left
{
    /*background:url(/images/modaltab_bg_left.png) no-repeat center right;*/
    background:none !important;
    height:36px;
    width:11px;
    position:absolute;
    left:-11px;
    top:2px;
}
#dialog-modal 
{
    overflow:hidden;
    padding:15px;
}
/*
#dialog-modal .ui-state-default a
{
    color:#ffffff !important;
    font-size:16px;
    font-weight:bold;
}
#dialog-modal .ui-state-active a
{
    color:#106470 !important;
    font-size:16px;
    font-weight:bold;
}
#dialog-modal  li.ui-state-active
{
    
    background:none !important;
    padding-top:4px !important;
}
*/
#dialog-modal  li.ui-state-active .arrow_left
{
    /*background:url(/images/modaltab_bg_selected_left.png) no-repeat center left;*/

}
.ui-dialog-titlebar-close
{
    background:url(/images/modal_close.gif) no-repeat !important;
  
    height:24px !important;
    width:24px !important;
 
    margin-top:24px !important;
   
    margin-right:23px !important;
    z-index:2000;
}
.ui-tabs-panel
{
    padding-top:40px !important;    
    
}
.ui-tabs-panel h1,.ui-tabs-panel .pageManchet,.ui-tabs-panel .pageText
{
    width:444px;
    padding-right:24px;
    padding-left:9px;
}

.stepEx
{
    float:left;
    width:192px;
    height:340px;
    padding:0px 24px;
    border-right:solid 1px #c3d7d7;
    position:relative;
}
.stepContent
{
    float:left;
    width:466px;
    overflow-x:hidden;
    height:340px;
    border-right:solid 1px #c3d7d7;
}
.stepExLast
{
    padding-right:0px;
    border-right:0px;
}
.stepEx img
{
    width:192px;
    height:93px;
    position:absolute;
    bottom:0px;
    padding-top:10px;
}
.stepExTitle
{
    display:block;
    color:#106470;
    font-size:16px;
    padding-bottom:10px;
}
.stepExText a
{
    color:#106470 !important;
}


/************* Team list ***************/

.activeTeamMember
{
    color:#333333;
    font-size:14px;
    padding-bottom:10px;
    
}
.hiddenTeamMember
{
    display:none !important;
}
.visibleTeamMember
{
    display:block !important;
}
.activeTeamHeader
{
    display:block;    
    font-size:24px;
    padding-bottom:5px;
}
.activeTeamTitle
{
    display:block;
    font-style:italic;
    
}
.activeTeamText
{
    padding-top:10px;
}
.activeTeamImage
{
    max-width:220px;
    max-height:220px;
    float:left;
    padding-right:24px;
}

.activeTeamMember h2
{
  color:#106470;
  font-size:16px;
  padding:20px 0px 10px 0px;
}
.userProject
{
    border-top:solid 1px #c3d7d7;
    padding:14px 0px;
}
.userProject img
{
    float:left;
    width:160px;
    height:93px;
    padding-right:24px;
}
.userProject .projectTitle a
{
    display:block;
    color:#106470;
    font-size:14px;
    font-weight:bold;
}
.userProject .projectIntro
{
    display:block;
}

.teamItem
{
    float:left;
    margin:0px 10px 15px 0px;
    width:105px;
}
.teamItem img
{
    width:91px;
    height:91px;
    border:solid 7px #f0f5f5;
}
.teamItem img.active
{
    width:91px;
    height:91px;
    border:solid 7px #e1ebeb;
}

.teamItemRight
{
    margin-right:0px;
}
.teamItem h3
{
    font-size:12px;
    color:#4c4c4c;
    font-weight:bold;
    margin:2px 0px;
}
.teamItem .title
{
    font-size:12px;
    color:#4c4c4c;
    font-style:italic;
}


/************* Project list ***************/
.activeProjectHeader
{
    font-size:14px;
    color:#106470;
    line-height:42px;
    padding:7px 7px 0px 7px;
}
.activeProjectText
{
    min-height:100px;
}
.activeProjectLink
{
    color:#106470;
}
.projectListLeft
{
    float:left;
    width:560px;
    margin-right:24px;
}
.projectList
{
    width:336px;
    float:left;
    /*background:#f0f5f5;*/
    padding:20px;
}
.projectList .simplePagerNav
{
    position:absolute;
    top:70px;
    right:20px;
    font-family:Arial;
}
.projectList .simplePagerNav li
{
    float:left;
    padding:0px 5px;
    
}
.projectList .simplePagerNav li.currentPage a
{
    font-weight:bold;
}
.projectList .simplePagerNav li a
{
    color:#4c4c4c;
}
.subpageTitle
{
    color:#106470;
    font-size:34px;
    width:468px;

}
.filters
{
    display:none;
    margin-bottom:20px;
    border-bottom:solid 1px #c3d7d7;
    padding-bottom:10px;
}
#filters
{
  margin:20px 0;
  background:#106470;
  padding:10px;
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; 
}
#filters label
{
  margin:0 10px 0 0;
  color:#fff;
  text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

.activeProjectImage
{
    
    width:560px;
    height:313px;
}
.projectSlideshow img
{
    width:469px;
    height:424px;
}
.projectListItem
{
    float:left;
    width:231px;
    
    background:#ffffff;
/*    border:solid 7px #f0f5f5; */  
border: solid 1px #e4e4e4;  
    margin:0px 8px 20px 0px;
padding-bottom: 10px;  
    position:relative;
    overflow:hidden;
}
.projectListItem img
{
    border:solid 7px #ffffff;
}
.projectListItem img:hover
{
    border:solid 7px #c3d7d7;
}
.projectListItemEven
{
    margin-right:0px;
}
.projectListItem img,.projectListItem .boxImage
{
    width:217px;
    height:150px;
    cursor:pointer;
    display:block;
}
.projectListItem .boxtext
{
    background:url(/images/layer.png) no-repeat;
    position:absolute;
    height:105px;
    width:200px;
    top:124px;
    color:#ffffff;
    padding:10px;
    
}
.projectListItemTitle
{
    font-size:15px;
    font-weight:bold;
}
.projectListItem .boxText a,.projectListItemTitle a
{
    color:#ffffff !important;
}
.projectListItem .boxEventTricker
{
    width:220px;
    height:124px;
    cursor:pointer;
    position:absolute;
    top:0px;
    left:0px;
}
.projectListItem p
{
  border:solid 7px #ffffff;
}
.projectListNav, .projectListNav li
{
    float:left;
    
}
ul.projectListNav
{
    width:400px !important;
}
#allFiltersList li
{
    font-family:Arial;
    font-size:11px;
}
a.filter
{
    float:left;
    width:80px;
    height:17px;
    padding:3px 20px 3px 5px;    
    background:#88abb0;    
    color:#ffffff;
    font-weight:bold;
    text-transform:uppercase;
    cursor:default;
    margin-bottom:5px;
}
.filterList
{
    z-index:500;
     /*
    position:relative;
    top:-25px;
    left:0px;
   
    border-bottom:solid 1px #e1ebeb;
    border-left:solid 1px #e1ebeb;
    border-right:solid 1px #e1ebeb;
    */
    float:left;
    background:#ffffff;
    color:#106470;
    font-family:Arial;
    font-size:11px;
    margin-left:15px;
}
.filterList input
{
    
}

.filterList li
{
   
   /*border-top:solid 1px #e1ebeb;*/
   margin-right:0px !important;
   padding:2px 10px 2px 0px;
   float:left;
}
.filterList label
{
    padding:0px;
}
.filterLink
{
    width:960px;
    height:25px;
    margin-bottom:5px;
}

/************* Project page ***************/

.activeProject
{
    display:none;
}
.pageText
{
    float:left;
    width:560px;
    margin:0px 24px 0px 0px;
}
#singleSlide img
{
    border:solid 8px #c3d7d7;
    width:544px;
    height:297px;
}
.pageImages
{
    width:468px;
    float:left;
}
#pageSlideshow .slide
{
    width:468px;
    height:400px;
}
ul#nav
{
    margin-top:24px;
    width:500px;
}
ul#nav li
{
    float:left;
    margin-right:24px;
}

/************* Left navigation ***************/
.left
{
    padding-top:61px;
}
.left a
{
    color:#106470;
    font-family:Arial;
    font-size:13px;
    padding: 5px 10px;
    display:block;
}
.leftNav a:hover
{
    font-weight:normal;
  text-decoration:underline;
}
.left li
{
    padding:0px 0px;
}
.leftNav .activeLink
{
    font-weight:normal;
    background:#47868e;
    color:#ffffff;   
   border-radius: 3px 3px 3px 3px; 
}
.leftNav .activeLink2
{
    background:none;
    color:#106470;
font-weight:bold;
}
.level2
{
    display:none;
    margin-left:5px;
}
.left .selected .level2
{
    display:block;
}

/************* Footer ***************/
.footer
{
    width:960px;
    height:125px;
    background:#e1ebeb;
	/*background:#106470;
	background-color: rgba(16, 100, 112, 0.5);
	color: rgba(16, 100, 112, 0.5);*/
    padding:30px 120px 0px 120px;
    color:#4c4c4c;
    font-size:11px;
}
.footer a
{
    color:#106470;
}
.leftFooter,.middleFooter,.rightFooter
{
    float:left;
}
.leftFooter
{
    width:430px;
    height:110px;
    margin:0px 0px 10px 0px;
    border-right:solid 1px #c3d7d7;
    padding-right:20px;
}
.middleFooter
{
    width:256px;
    padding:0px 10px 10px 20px;
    border-right:solid 1px #c3d7d7;
}
.rightFooter
{
    padding:0px 0px 10px 20px;
    width:200px;
}
.footerPresentation
{
    font-weight:bold;
    display:block;
    padding:25px 0px 15px 60px;
    /*background:url(/images/download.png) no-repeat center left;*/
	background:url(/images/package_download_48.png) no-repeat left 10px; 
}
.partnerLink2
{
    display:inline-block;
    padding:0px 0px 0px 25px;
    margin-top:20px;
}

/************ CLEAR FIX *************/
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.facebookComments
{
  margin-top:20px;
}


.teamBox
{
  float:left;
}

.paging
{
  background-color:#701C10;
  padding:10px 10px 3px 10px;
  margin-bottom:18px;
  position:relative;
}

.paging a 
{
  text-align:center;
  text-transform:uppercase;
  font-weight:bold;
  color:#fff;
  display:block;
  font-size:10px;
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);*/
}
.paging a.pagelink 
{
   background-color:#C9321C;
  float:left;  
  height:20px;
  width:50px;
  padding:5px;
  
}

.paging a.pagelink.back
{
  margin-right:10px;
  text-align:left;
}
.paging a.pagelink.forward
{
  float:right;
}

.paging a.toList 
{
  margin-top:10px;
}
.paging .arrow-right {
        display:block;
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 5px solid #C9321C;
  float:right;
}
.paging .arrow-left {
  display:block;
  float:left;
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent; 

        border-right:5px solid #C9321C;
}












































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */