body
{
    font-family:'Open Sans';
}

.mobile,.logoandtagline .mobilelogo
{
    display:none;
}
.container-fluid{
    max-width: 1278px;
    width: 100%;
    margin: 243px auto 0 auto;
    padding: 0 40px;
}
.rightcolumn .col-sm-6
{
    padding:0;
}

/* misc */
.hidden{
    display:none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #dbdbdb;
}
 
/*.clearfix {
	display: inline-block;
}*/
 
html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
    height: 1%;
}

textarea:focus, input:focus, select:focus{
    outline: 0;
}

/** Colors */
.skbluebg{
    background-color:#00718f;
    color:#fff;
}
.skredbg{
    background-color:#f15c22;
}
.skgreenbg{
    background-color:#afbd21;
}
.skgreybg{
    background-color:#adadad;
}
.sklightbluebg{
    background-color:#e5f1f4;
    color:#333!important;
}
a{
    color:#00718f;
}
.skbluebg a, .skredbg a, .skgreenbg a{
    color:#fff;
}

/* Header */
.headerrow{
    /*margin-bottom:45px;*/
    height:198px;
    background-color:#00718f;
    margin:0px;
    position:fixed;
    top:0px;
    width:100%;
    z-index:100;
}
.innerheader{
    max-width: 1278px;
    padding: 0 40px;
    width: 100%;
    margin: 0px auto;
    position:relative;
    top:13px;
}
.logoandtagline{
    float:left;
    position:relative;
    top:22px;
}
.logoandtagline .logo{
    float:left;
/*    padding-bottom:124px;*/
    margin-right:30px;
}
.logoandtagline .verticalbar{
    float:left;
    margin-right:30px;
    height:38px;
    width:1px;
    background-color:#fff;
    position:relative;
    top:33px;
}
.logoandtagline .tagline {
    font-size:1.5em;
    color:#fff;
    float:left;
    position:relative;
    top:36px;
}
.searchandlinks
{
    float:right;
    margin-top:16px;
}
.searchandlinks .searchform{
    width:209px;
    height:32px;
    float:right;
    margin-bottom:4px;
    color:#00718f;
    position:relative;
    overflow:hidden;
}
.searchandlinks .searchform input.searchinput {
    border-radius:16px 0 0 16px;
    padding: 6px 0px 6px 16px;
    width:182px;
    height:32px;
    border:none;
}

/*.searchandlinks .searchform input{
    border: none;
    padding: 6px 0px;
    margin-left: 13px;
}*/
.searchandlinks input.magnify {
    background-image: url(/css/magnify.png);
    background-repeat: no-repeat;
    width: 19px;
    height:32px;
    position:absolute;
    right:0px;
    background-position-y: 9px;
    background-color: #fff;
    border:none;
    border-radius: 0 16px 16px 0;
    width: 28px;
}
.searchandlinks .links{
    float:right;
    clear:both;
}
.searchandlinks ul{
    list-style:none;
    padding:0px;
}
.searchandlinks ul li{
    display:block;
    float:right;
    padding-left:30px;
}
.searchandlinks ul li a{
    color:#fff;
    font-weight:bold;
}
/* Mainmenu */
.mainmenu{
    background-color:#f6f6f6;
    height:72px;
    border-bottom:solid 1px #d6d6d6;
    width:100%;
    position:relative;
    top: 32px;
    display: inline-block;
}
.mainmenu .selectedandhover{
    display: block;
    height: 100%;
    float: left;
    width: 25%;
}
.mainmenu .selectedandhover.hover{
    border-bottom:solid 2px #afbd21;
}
.mainmenu .selectedandhover.selected{
    background-color: #afbd21;
}

.mainmenu span.mainoption{
    color:#00718f;
    font-size:1.4em;
    display:block;
    width:100%;
    text-align:center;
    font-weight:bold;
}
.mainmenu span.suboption{
    color:#797979;
    font-size:0.9em;
    display:block;
    width:100%;
    text-align:center;
    padding:0 2%;
}
.mainmenu .selectedandhover.selected span.suboption, 
.mainmenu .selectedandhover.selected span.mainoption{
    color:#fff;
}
.mainmenu .published,.mainmenu .ourwork{
    width:100%;
    float:left;
    height: 50px;
    margin-top: 11px;
    border-right: solid 1px #d6d6d6;
    display:block;
}
.mainmenu .aboutus{
    width:100%;
    float:left;
    height:100%;
    border-right: solid 2px #00718f;
    display:block;
}
.mainmenu .aboutus span.mainoption {
    padding-top:11px;
}
.mainmenu .last{
    width:100%;
    float:left;
    height: 50px;
    margin-top: 11px;
    display:block;
}
.puffrow
{
    background-color:#eee;
    padding:55px 20px;
    margin-top:70px;
}
.puffrow .row
{
    max-width: 1278px;
    margin: 0 auto;
    padding: 0 20px;
}
.overflow-hidden{
    overflow:hidden!important;
}

/* Error */
body.error .headerrow {
    height: 140px !important;
}
body.error .container-fluid{
    margin-top:150px!important;
}

/* Puff */
.puff
{
    width:100%;
    margin-bottom:60px;
    position:relative;
}
.widepuffrow .puff
{
    max-height:387px;
    overflow:hidden;
}
.puff img
{
    width:100%;
}
.puff span.overlay {
    display:block;
    position:absolute;
    bottom:0px;
    height:23%;
    color:#fff;
    width:100%;
    padding:4% 11px;
    top:initial;
}
.puff span.overlay.top {
    top:0px;
}
.puff span.overlay.statistics .linktext {
    color:#00718f;
    text-align:center;
    font-size: 1.0em;
    width: 65%;
    display: block;
}
.puff span.overlay .linktext
{
    font-size:1.5em;
    line-height:1.3em;
}
.puff:hover span.overlay .linktext {
    text-decoration: underline;    
}
.puff span.overlay .linktext::after, .puff .content a:after { 
    content: " \00a0 >";    
}
.puff span.overlay.statistics .linktext::after { 
    content: ""!important;    
}
.puff h2{
    border-bottom:solid 2px #00718f;
    padding: 0 0 15px 11px;
    margin-bottom:1px;
    margin-top:0px;
}
.puff .content
{
    padding: 15px 25px 25px 25px;
}
.widepuffrow .puff .content h3{
    font-size:1.7em;
    font-weight:bold;
    margin-bottom:15px;
}
.puff .content h3 {
    font-size: 1.1em;
    margin-bottom:0px;
    font-weight:bold;
}
.puff .content p{
    margin-top:0px;
}
.puff .content span.header
{
    font-weight:bold;
    display:block;
    margin-top:10px;
}
/* Footer */
.footer{
    margin: 0 auto;
    width: 100%;
    max-width: 1278px;
    padding:0 40px 25px 40px;
    margin-top:70px;
    border-bottom: solid 1px #c6c6c6;
    margin-bottom:20px;
}
.footer h3{
    border-bottom: solid 2px #00718f;
    margin-bottom:20px;
    padding-bottom:15px;
}
.footer span.header
{
    font-weight:lighter;
    display:block;
    clear:left;
    float:left;
    margin-right:16px;
    width:50px;
}
.footer .contactright span.header {
    width:100%;
}
.footer .contactright span.value {
    padding-bottom:10px;
}
.footer span.value {
    clear:right;
    display:block;
}
.footer .contact
{
    width:44%;
    margin-right:3%;
    float:left;
}
.footer .contact .contactleft{
    float:left;
    width:52%;
    margin-right:5%;
}
.footer .contact .contactright{
    float:left;
    width:42%;
}
.footer .logofooter{
    width: 100%;
    margin-top:35px;
}

.footer .socialmedia
{
    width:28%;
    float:left;
}
.footer .socialmedia .socialbtn{
    float:left;
    margin-right:16px;
    width:24%;
}
.footer .socialmedia .socialbtn img{
    width: 100%;
    max-width: 69px;
}
.footer .socialmedia .socialbtn span.text {
    display:block;
    text-align:center;
    color:#333;
    padding-top:6px;
    font-weight:bold;
    max-width:69px;
}
.footer div.newsletterform{
    background-color:#f2f2f2;
    padding:20px;
    margin-top:25px;
    border-bottom: 2px solid #ccc;
}
.footer div.newsletterform input[type='text'] {
    width:60%;
    margin-right:10px;
    padding: 0 10px;
    height:44px;
    float:left;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    border:none;
}
.footer div.newsletterform h4 {
    margin:0;
}
.footer div.newsletterform p {
    margin-top:3px;
}
.footer div.newsletterform .error-message {
    color:red;
}
.footer div.newsletterform .confirmation {
    font-weight:bold;
}

.footer .quicklinks
{
    width:20%;
    float:right;
}
.footer .quicklinks ul
{
    padding: 0px;
    list-style: none;
}

/* Publications */
/*.searchpublicationform{
    background-image: url(searchbg_grey_left.png);
    background-repeat:no-repeat;
    background-position:left top;
    width:100%;
    height:64px;
    margin:40px 20px 20px 0;
    color:#00718f;
}*/
.searchpublicationform {
    width:100%;
    height:64px;
    overflow:hidden;
}
.searchpublicationform .searchbtn{
    /*position: relative;
    top: -64px;*/
}
/*.searchpublicationform input{
    border: none;
    padding: 22px 6px;
    margin-left: 26px;
    background-color: #f2f2f2;
    color: #333;
    width: 65%;
    float:left;
}*/
.searchpublicationform input.bigsearchinput {
    border-radius: 26px 0 0 26px;
    -moz-border-radius: 26px 0 0 26px;
    -webkit-border-radius: 26px 0 0 26px;
    padding:22px 6px 22px 26px;
    border:1px solid #f2f2f2;    
    float:left;
    width:65%;
}
.searchpublicationform .searchbtn{
    float:left;
    width: 50px;
    border:none;
    background-color: #fff;
    /*  padding:22px 26px 22px 0;*/
}
.searchpublicationform input.bigsearchbutton{
    background-image: url(magnify_grey.png);
    background-repeat: no-repeat;
    border:1px solid #f2f2f2;
    height:64px;
    width:50px;
    border-radius: 0px 26px 26px 0px;
    -moz-border-radius: 0px 26px 26px 0px;
    -webkit-border-radius: 0px 26px 26px 0px;
    background-position-y: 21px;
    background-color: #fff;    
}
.searchpublicationform input.bigsearchbutton, .searchpublicationform input.bigsearchinput {
    background-color: #f2f2f2;
}
.newsletterbutton{
    background-color:#00718f;
    border:none;
    border-radius:22px;
    color:#fff;
    padding:10px 30px;
    font-size:1.3em;
    font-weight:600;
}
/*.searchpublicationform .searchbtn .magnify {
    background-image: url(magnify_grey.png);
    background-repeat: no-repeat;
    width: 26px;
    background-position-y: 21px;
    background-color: #f2f2f2;
    padding-left: 0px;
    margin-left:0px;
    float:left;
}
.searchpublicationform .searchright{
    background-image: url(searchbg_grey_right.png);
    background-repeat:no-repeat;
    background-position:left;
    height:64px;
    width:26px;
    float:left;
}*/