body {
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size: 13px;
    line-height: 22px;
    display: none;
    color: #9c9e9f;
    overflow-x: hidden;
}

/* background colors */

.bg1{ background-color: #fff }
.bg2{ background-color: #fff }
.bg3{ background-color: #998B83 }
.btn1,
input.gsc-search-button,
#get_route.c2a{ background-color: #38383a }

/*
 * Menu's
*/
#header .nav {
    line-height: 38px;
    margin: 0 auto;
    float: none;
    display: block;
}

#header .top a{ background-color: #38383a }

#header .sub a{ background-color: #58585A }

#left .nav a{ background-color: #38383A }

#header .nav a:hover,
#left .nav a:hover{ background-color: #998b83 }

#header .nav a.current,
#left .nav a.current{ background-color:#998b83 }

#header .nav a,
#left .nav a{ color: #fff!important }

#header .nav li {
    border-right: 1px solid #fff;
    width: 141px;
    position: relative;
}

#header .nav ul {
    display: none;
    width: 141px;
    position: absolute;
    top: 40px;
    left: 0;
}

#header .sub.nav li {
    border-right: 0;
}

#header > .wrap > .nav > li:first-child {
    border-left: 1px solid #a9ccdc;
}

#header .nav,
#left .nav {
    font-family: 'Open Sans';
    /*font-weight: 300;*/
    font-size: 14px;
}

#header .nav a {
    text-align: center;
    height: 40px;
    width: 139px;
}

#header .sub.nav a {
    width: 140px;
}

#header .sub.top li {
    border-top: 1px solid rgba(255,255,255,0.5);
}

#left .nav li a {
    display: inline-block;
    margin-bottom: 1px;
    padding: 10px 10px 10px 40px;
}

.mobile .nav,
.mobile .nav a {
    width: 100%!important;
}

.mobile #header li {
    height: 41px;
    width: 100%;
}

.mobile #header .nav ul {
    top: 0;
    width: 100%;
    z-index: 200;
    position: relative;
}

.mobile #header .nav li {
    height: auto!important;
    border-right: none;
}

.mobile #header .nav li:first-child {
    border-left: 0;
}

#header .nav ul.nav.sub {
    display: none;
}
.mobile #header .nav ul.nav.sub {
    display: block!important;
    height: 123px!important;
    overflow: hidden;
}

.btn2,
.c2a{ background-color: #998b83 }

/* text colors */

.txt1, a{ color:#fff;}

.txt2,
.tw-link,
#contact_panel a,
#right, #mid a,
input.gsc-input[type="text"]{ color: #58585a }


#credits a{ color: #888888 !important}
#get_route.c2a,
#footer h3,
.txt3
{color: #fff;}

#footer,
#footer a{
    font-family: "Exo 2", Arial, Helvetica, sans-serif;
    font-weight:200;
    font-size: 12px;
}

#footer h3{
    margin-bottom:15px;
    font-weight:200;
}
.mobile #footer h3{
    margin-top:30px;
}

#footer .quote{
    font-family: "Exo 2", Arial, Helvetica, sans-serif;
    font-style: italic;
}

.mobile #footer .quote{
    margin-top: 30px;
}

.txt4,
.c2a{ color: #fff!important; }
.txt5{ color:#de0022 }
.txt6{ color:#38383a }

.headlines{
    font-family: "Exo 2", Arial, Helvetica, sans-serif;
    width:100%;
    text-align: center;
    margin-bottom: 30px;
}
.headlines .line1{
    font-size:24px;
    line-height:50px;
    color:#998B83;
    font-weight:200;
}
.headlines .line2{
    font-size:19px;
    color:#998B83;
    font-weight:200;
}

h1, h2 {
    font-size: 26px;
    font-weight: 300;
    line-height: 30px;
    font-family: 'Exo 2';
    margin-bottom: 12px;
}

.laptop h1,
.laptop h2 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 10px;
}

.mobile h1, .mobile h2 {
    font-size: 18px;
    line-height: 24px;
}

h1 {
    /*font-weight: 700;*/
    margin-bottom: 24px;
}

.laptop h1 {
    margin-bottom: 20px;
}

h4 {
    font-family: "Exo 2";
    font-size: 18px;
    font-weight: 300;
    height: 24px;
    line-height: 22px;
    margin-bottom: 12px;
    overflow: hidden;
}

h3 {
    font-family: "Oswald";
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
}

/* layout widths */

.fullwidth.o .box {
    width: calc(100% - 60px);
    max-width: 1300px;
}
.laptop.o .box  { width: 100%; }

/* header */
#header {
    position: relative;
    width:1300px;
    margin: 0 auto 0 auto;
    z-index: 2;
    height: 450px;
    /*padding: 0 30px;*/
    float:none;
}

.laptop #header {
    width:100%;
    height: 285px;
}
.mobile #header{
    width:100%;
}

#header > div {
    /*position: relative;*/
}

#header .wrap {
    margin-top: 1px;
}

input.gsc-search-button{
    height: 40px;
}

.project_grid p {
    margin-top: 12px;
}


/* social icons */

#icons .facebook { background-image: url(/static/default/css/img/facebook.png) }
#icons .youtube  { background-image: url(/static/default/css/img/youtube.png) }

.desktop #main, .fullwidth #main {
    margin-top: -40px;
    padding: 55px 30px 30px;
}

.laptop #main {
    margin-top: -85px;
    padding: 110px 30px 30px;
}

#footer{
    width:1300px;
    margin:0 auto 0 auto;
    float:none;
    overflow:hidden;
}

.laptop #footer,
.mobile #footer{
    width:100%;
}

#footer .box {
    padding: 32px 32px 32px 32px;
    overflow:hidden;
}

#footer {
    font-size: 13px;
    padding: 12px 24px;
}

#footer > div > div {
    padding: 12px;
}

#credits .box{
    padding: 15px 32px 32px 32px;
}

#left, #right {
    font-family: 'Exo 2';
}

.c2a {
    border: none;
    margin-top: 12px;
    background-image: url(img/c2a_bw.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    display: inline-block;
    width: 100%;
    padding:10px 10px 10px 20px;
    /*line-height: 38px;*/
    /*text-indent: 18px;*/
}

.u {
    margin-bottom: 27px;
    padding-bottom: 37px;
    border-bottom: 1px dashed #aaa;
}

.u:last-child {
    border-bottom: none;
}

form#faq_form .c2a,
form#info_form .c2a,
form#contact_form .c2a {
    margin-top: 12px!important;
}

form#faq_form .c2a {
    margin-top: 32px!important;
}

#faq_form [type=submit],
#info_form [type=submit],
#contact_form [type=submit] {
    text-align: center;
    text-indent: -20px;
    width: 170px !important;
}

form#info_form .input_text,
form#info_form .dual,
form#info_form p,
form#faq_form .input_text,
form#faq_form .dual,
form#faq_form p,
form#contact_form .input_text,
form#contact_form .dual {
    margin-bottom: 10px;
}

#newsletter .input_text {
    margin-bottom: 4px;
}

#newsletter input[type=submit] {
    background: transparent;
    border: none;
    color: #707172;
    text-decoration: underline;
}

body.default input.gsc-input[type="text"],
body.default input[type="password"],
body.default input[type="text"],
body.default input[type="email"],
body.default textarea {
    border: 1px solid #aaa!important;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15) inset!important;
    background-image: none!important;
}

#credits {
    padding: 16px 0px;
    background-color: #fff;
}

#credits img {
    margin-right: 12px;
    position: relative;
    top: 3px;
    border-radius: 3px;
}

#icons a {
    margin-right: 12px;
    height: 53px;
    width: 53px;
    background-repeat: no-repeat;
}

#main > div {
    min-height: 1px;
}

#left {
    padding-right: 20px;
}

#right {
    padding-left: 20px;
}

#mid {
    padding-left: 10px;
    padding-right: 10px;
}

div.dynamic .paragraph .image {
    margin-bottom: 12px;
    width: 100%;
}

a.project,
#mid .panels .row > span,
div.dynamic .paragraph.links .image,
div.dynamic .paragraph.rechts .image {
    width: 275px;
}

.laptop a.project,
.laptop #mid .panels .row > span,
.laptop div.dynamic .paragraph.links .image,
.laptop div.dynamic .paragraph.rechts .image {
    width: 205px;
}

.mobile a.project,
.mobile #mid .panels .row > span,
.mobile div.dynamic .paragraph.links .image,
.mobile div.dynamic .paragraph.rechts .image {
    max-width: 100%;
}

div.dynamic .paragraph.links .image {
    margin-right: 24px;
}

div.dynamic .paragraph.rechts .image {
    float: right;
    margin-left: 24px;
}

div.dynamic .paragraph p {
    margin-bottom: 30px;
}

#bullets {
    position: absolute;
    bottom:47px;
    z-index: 9999999;
    text-align: center;
    width: 624px;
    right: -238px;
}

.laptop #bullets{
    left: calc(100% - 356px);
}
/*
.laptop #bullets {
    top: 205px;
}
.fullwidth #bullets{
    top: 360px;
}
*/
#bullets span {
    cursor: pointer;
    border: 2px solid #DCD6D0;
    border-radius: 9px;
    color: transparent;
    display: inline-block;
    height: 12px;
    margin: 0 3px;
    width: 12px;
    box-shadow: 0 0 2px #DCD6D0;
}

#bullets span.cycle-pager-active {
    background: #DCD6D0;
}

body.default input[type=text].gsc-input {
    border: none;
    font-size: 13px;
    line-height: 27px;
}

input.gsc-search-button {
    width: 40px;
    font-size: 0;
    background-position: 6px;
    background-repeat: no-repeat;
    background-image: url(img/search.png);
    padding: 0 12px!important;
    border: none;
}

.gsc-branding {
    display: none;
}

table.gsc-search-box td.gsc-input {
    padding-right: 0!important;
}

input.gsc-input {
    width: 100%!important;
}

body.default input.gsc-input[type="text"] {
    border-radius: 5px 0 0 5px;
}

/*Slideshow*/

.gradient_overlay{
    position: absolute;
    width:100%;
    height:408px;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(255,255,255,0) 47%, rgba(255,255,255,0) 63%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(1%,rgba(255,255,255,1)), color-stop(47%,rgba(255,255,255,0)), color-stop(63%,rgba(255,255,255,0)), color-stop(99%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0) 47%,rgba(255,255,255,0) 63%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0) 47%,rgba(255,255,255,0) 63%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0) 47%,rgba(255,255,255,0) 63%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0) 47%,rgba(255,255,255,0) 63%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    z-index: 998;
}

.laptop .gradient_overlay{
    height:245px;
}

#slider {
    background-color: #fff;
}

.slide div {
    position: relative;
    background: rgba(0,0,0,0.7);
}

.slide p,
.slide h2 {
    margin-left: 20px;
}

.slide h2 {
    font-weight: 700;
}

.slide span {
    display: inline-block;
}

.fullwidth .slide div{
    height: 320px;
    width: 280px;
}

.fullwidth #credtis .box,
.fullwidth .slide,
.fullwidth #slider{
    width: 100%;
}

.laptop #credits .box,
.laptop .slide,
.laptop #slider {
    width: 100%;
}

.desktop .slide,
.desktop #slider,
.fullwidth .slide,
.fullwidth #slider{
    height: 408px;
}

.laptop .slide,
.laptop #slider {
    height: 244px;
}

.mobile #header {
    text-align: center;
    padding: 0;
}

.mobile #main {
    margin-top: 0;
    padding: 10px 15px 20px;
}

.mobile .image._1 img {
    width: 100%;
}

.mobile #left,
.mobile #mid {
    padding-right: 0;
}

.mobile #right,
.mobile #mid {
    padding-left: 0;
}

body.mobile #credits img {
    margin-bottom: 12px;
}

.mobile#contact #mid [type="submit"] {
    width: 100%!important;
}

.mobile#left,
.mobile#mid {
    margin-bottom: 24px;
}

#mid .c2a {
    margin-bottom: 12px;
}

.twiet {
    font-style: italic;
    margin-bottom: 18px;
}

div.project {
    margin-bottom: 12px;
}

div.project p {
    margin-top: 12px;
}
/*
    BANNER
*/

#banner{
    width:322px;
    position: absolute;
    z-index: 1200;
    bottom: 120px;
    right: 60px;
}
.laptop #banner{

    left: calc(100% - 350px);
}

/*
.banner .c2a {
    background-color: #00a0de;
    background-image: url(img/c2a_bw.png);
    color: #fff!important;
    position: absolute;
}

.fullwidth .banner .c2a{
    top: 309px;
    left: 0;
}

.laptop .banner .c2a {
    top: 182px;
    left: 0;
}
*/

.banner li {
    width:100%;
    /*height: 400px;*/
    background: rgba(153,139,131,0.75);
    padding: 18px;
}
#banner li h4{
    color: #fff;
}
#banner li .text{
    overflow: hidden;
    font-size:15px;
    /*height: 200px;*/
    color: #fff;
}



#credits img {
    margin-right: 12px;
    position: relative;
    top: 3px;
    border-radius: 3px;
}

#credits a:hover,
#footer a:hover {
    color: white;
}

.laptop #credits li {
    margin-left: 14px;
}


#footer .quote .text {
    margin-bottom: 24px;
}

#footer .quote .name {
    text-align: right;
}

.paragraph h2 {
    margin-bottom: 24px;
}

div.dynamic ul {
    float: none;
}

#gmap {
    margin-bottom: 12px;
}

h2.date {
    font-size: 15px;
    margin-top: -12px;
}

#get_route.c2a {
    text-indent: 0;
    background-image: none;
}

#mid #get_route.c2a {
    width: 29.16%!important;
}

.album .text {
    margin-bottom: 12px;
}

.album .row {
    margin-top: 10px;
}

.photoalbums .album {
    margin-bottom: 15px;
}
.photoalbums .album:last-child {
    margin-bottom: 0;
}

/*.album .row a.l {
    margin-right: 10px;
}*/

.photos li{

}

.mobile #header .nav li {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.mobile #header {
    height: auto;
}

.mobile #footer {

    text-align: center;
}

.mobile #footer label,
.mobile #footer span {
    float: none;
}

.answer > * {
    margin-bottom: 8px;
}

.answer .text {
    display: none;
}

.answer .toggle {
    cursor: pointer;
    text-decoration: underline;
}

.download {
    height: 48px;
    margin-bottom: 24px;
}

.download:last-child {
    margin-bottom: 0;
}

.download .description {
    line-height: 24px;
    font-size: 15px;
    margin-left: 14px;
    border-bottom: 1px dotted #aaa;
}

.download .filename {
    line-height: 20px;
    font-size: 12px;
    margin-left: 14px;
}

.downloads {
    margin-top: 8px;
}

.mobile .album a {
    float: left;
    margin: 2% 1% 0 !important;
    width: 98% !important;
}


.mobile .album .row {
    margin-top: 0;
}

.mobile .c2a {
    background-image: none;
}

.mobile div.dynamic img,
.mobile .project_grid .row img {
    width: 100%;
    float: left;
}

.album .row a {
    width: 23.66%;
}

.mobile .album .row a {
    float: left;
    margin: 2% 1% 0 !important;
    width: 48% !important;
}

.mobile .album .row img {
    width: 100%;
}

div#lightbox, div#lightbox div {
    float: none!important;
}

#tags {
    margin: 7px 0 18px;
}

#tags li {
    border: 1px solid #646566;
    padding: 2px 8px;
    margin: 1px 2px 0 0;
    display: inline-block;
}

.gsc-resultsbox-visible {
    margin-bottom: 36px;
}

.logo{
    position: absolute;
    display:block;
    width:355px;
    height: auto;
    top:91px;
    left:30px;
    z-index:999;
}
.laptop .logo{
    top:17px;
}
.mobile .logo{
    position: relative;
    top:10px;
    margin-bottom:20px;
    left: 50%;
    margin-left:-178px;
}

@media (max-width:680px){
    .logo{
        display:block;
    }
}

.captcha {
    width: 45%!important;
    float: right;
    margin-bottom: 20px;
}

#captcha input {
    background: url(img/captcha-icon-01.png) no-repeat scroll 0 0 transparent;
    margin: 0 5px 0 5px!important;
    padding: 0;
    border: medium none;
    cursor: pointer;
    width: 15px;
    height: 18px;
    display: none;
}

#captcha span {
    display: none;
}

#map {
    width: 100%;
    height: 270px;
    margin: 0 0 13px 0;
}