html { overflow-y: scroll;
 }
body 
{
    font-family:Arial, sans-serif;
    font-size:13px;
    background:#FFFFFF;
    line-height:18px;
}
a
{
}
a:hover
{
    text-decoration: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:140px;
	margin-left:-10px;
}
.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;
}

/************* 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
{
	background:#f0f5f5;
	padding:19px 19px;
	color:#4c4c4c;
	
}
.right .teaser h2,.teamList h2
{
	color:#106470;
	font-size:16px;
	border-bottom:solid 1px #c3d7d7;
	margin-bottom:14px;
	padding-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
{
    margin-bottom:30px;
    
    font-size:12px;
    line-height:18px;
}
.right .teamMemberLast
{
    margin-bottom:0px;
}
.right  img.teamTeaser
{
    width:60px;
    float:left;
    padding-right:15px;
}
.right  .teamMemberName
{
    font-weight:bold;
    display:block;
    margin-bottom:5px;
}
.right  .teamMemberTitle
{
    font-style:italic;
    display:block;
}
.right  .teamMemberPhone
{
    display:block;
    font-size:12px;
}
.right  .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
{
    
}
/************* 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
{
    width:236px !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;
    
}
.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;
}

/************* 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
{
    width:220px;
    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;
}


.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;
}
.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;
}
.left li
{
    padding:0px 0px;
}
.leftNav .activeLink
{
    font-weight:bold;
    background:#47868e;
    color:#ffffff;    
}
.leftNav .activeLink2
{
    background:none;
    color:#106470;
}
.level2
{
    display:none;
    margin-left:10px;
}
.left .selected .level2
{
    display:block;
}

/************* Footer ***************/
.footer
{
    width:960px;
    height:125px;
    background:#e1ebeb;
    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 70px;
    background:url(/images/download.png) no-repeat center left;
}
.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 */






































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