footer { clear:both; }

.navbar-fixed-top, .navbar-fixed-bottom { position:static;}

.menu ul { position:relative; text-align:justify; text-align-last:justify; height:2.2em; min-width:800px; }
.menu ul li { display:inline-block; padding:.5em 1em; cursor:pointer; text-align:center;  font-family: "Roboto"; font-weight:normal; font-size:15px;}
.menu ul li.active, .menu ul li:hover { color:#FFF; background-color:#59284b; border-radius:4px;text-decoration:none; font-weight:bold;}
.menu ul li.active a, .menu ul li:hover a { color:#FFF; text-decoration:none }
.menu ul:after { content:""; display:inline-block; width:100%; height:0; overflow:hidden; }

a:hover { text-decoration:none}

.navbar-brand {
  display: block;height: 150px;
}

/********************************* CUSTOM CODE  *********************************/

/*********************** GLOBAL ***********************/

body
{
    word-wrap: break-word;
    color: #000000;
    font-size: 11px;
    padding-left: 2em;
    padding-top: 1.5em;
    max-width: 960px;
    font-family: 'Roboto', sans-serif;
}

.tl {
    position:absolute;
    right:0;
    top:0;
}

.tl ul {padding:0;}

.tl ul li {display:block;}

.img_responsive
{
    width: auto;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

a
{
    color: #000000;
}

a:hover, a:focus, a.active
{
    color: #000000;
    font-weight: bold;
}

.col-md-1, .col-lg-1, .col-md-2, .col-lg-2, .col-md-3, .col-lg-3, .col-md-4, .col-md-5, .col-lg-5, .col-md-6, .col-lg-6, .col-md-7, .col-lg-7, .col-md-8, .col-lg-8, .col-md-9, .col-lg-9, .col-md-10, .col-lg-10, .col-md-11, .col-lg-11, .col-md-12, .col-lg-12
{
    /*padding-right: 5px;
    padding-left: 5px;*/
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form
{
    border-color: #ffffff;
}

.navbar-default
{
    background: none;
}

/*********************** HEADER ***********************/

.headerjumbotron
{
    /*background-color:#ffffff;*/
    background: inherit;
    padding: 1.2em 0px;
    margin-bottom: 1em;
}

.headernav
{
    margin-bottom: 0;
}

.headernav .mainnav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.headernav .mainnav li {
    text-align: center;
}

.headernav .mainnav ul.navbar-nav a
{
    display: block;
    float: left;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    padding: 0.3em 0;
    border-top: 2px solid #000000;
}
.headernav .mainnav ul.navbar-nav a.active {background-color:#eee;}

.headernav .mainnav ul.navbar-nav a:last-child
{
    border-bottom: 2px solid #000000;
}

.submenu_nav
{
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
}

.submenu_nav ul
{
    width: 100%;
}

.submenu_nav ul a
{
    display: inline-block;
    padding: 0.3em 0px;
    text-transform: uppercase;
}

.submenu_nav .navbar-nav
{
    margin: 0;
}

.submenu_nav2
{
    margin-top: 2.2em;
}

.headernav
{
    /*background: none;
    background-color: #ffffff;*/
    /*background: inherit;*/
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.headernav .navbar-nav
{
    /*float: right;*/
}

.headernav .navbar-toggle
{
    padding: 1em 1.2em;
    margin-right: 0;
    border-radius: 0;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
{
    background-color: #EAEAEA;
}

.submenu_nav
{
    display: inline-block;
}

.telefoon
{
    float: right;
    margin-top: 0.8em;
    margin-right: 0.2em;
    border: 1px solid #DDDDDD;
    background: #ffffff;
}

.telefoon:hover, .telefoon:focus
{
    background-color: #EAEAEA !important;
}

.telefoon i
{
    padding: 0.75em 1.2em;
    font-size: 1.3em;
}

.logo img
{
    width: 144px;
    margin-left: -1.4em;
    /*height: auto;
    height: 100%;
    width: auto;
    width: 100%;*/
}

/*********************** CONTENT ***********************/

.relative_wrapper
{
    position: relative;
}

.contentarea, .content_item
{
    margin-top: -2px;
    border-top: 2px solid #000000;
}

.contentarea.textcontent .content_item
{
    margin-top: 1em;
}

.contentarea.textcontent .content_item:first-child
{
    margin-top: -1em;
}

.content_item:first-child
{
    margin-top: 0;
    border-top: none;
}

.contentarea
{
    padding: 1em 0 0 0;
}

.contentarea img, .contentarea p, .contentarea table, .contentarea ul
{
    padding-top: 1em;
}

.contentarea p
{
    /*padding-bottom: 1em;*/
}

.contentarea .content_item:first-child img
{
    padding-top: 0;
}

.contentarea strong
{
    /* text-transform: uppercase; */
}

.content_item .content_date
{
    background-color: #ffffff;
    position: absolute;
    top: -1em;
    right: 0;
    padding: 0.2em;
}

.content_item:first-child .content_date
{
    top: -2.1em;
    /*right: -1em;
    padding: 0.3em;*/
}

.highertop
{
    top: -4em;
}

.content_item .content_date p
{
    padding: 0;
    margin: 0;
}

.contentarea .content_item h1
{
    margin-bottom: 0;
}

.contentarea .thumbnails
{
    margin-top: 1em;
    margin-bottom: 0.7em;
    padding-top: 1em;
    border-top: 1px solid #000000;
}

.content_item h1
{
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
}

.itemlist
{
    margin-top: -2px;
}

.itemlist .content_item
{
    border-top: 2px solid #000000;
    margin-bottom: 1em;
}

.itemlist .content_item h1
{
    text-align: center;
}

.itemlist a:hover h1, .itemlist a:focus h1
{
    /*text-decoration: underline;*/
    color: #000000;
}

.itemlistitem h1
{
    margin-top: 1em;
    min-height: 2.2em;
}

form input[type=text], form textarea
{
    width: 100%;
    margin-bottom: 0.5em;
    padding: 0.5em 0.5em 0.5em 0;
    /*margin-bottom: 1em;*/
}

form input[type=submit]
{
    margin-top: 0.3em;
}

form .form-textarea
{
    padding: 0.5em 0.5em 0.5em 0;
    resize: vertical;
}

form .form-control
{
    border: none;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #000000;
}

form .form-control:focus
{
    box-shadow: none;
}

form .btn-primary
{
    border-radius: 0;
    background: none;
    background-color: #000000;
    border-color: #656565;
}

form .btn-primary:hover
{
    background-color: #8C8C8C;
    border-color: #656565;
}

#contactpage
{
    background-color: #ffffff;
    border-bottom: 2px solid #000000;
}

#contactpage .container
{
    margin-bottom: 1em;
}

@media (max-width: 767px)
{

    .tl {
        right: 16px;
        top: 54px;
    }

    #contactpage
    {
        padding: 1em;
    }

    .submenu_nav, .submenu_nav2 {
        margin-top: -0.8em !important;
    }

    .submenu_nav ul a, .submenu_nav2 ul a
    {
        width: 50%;
        /*text-align: right;*/
        border-top: 2px solid #000000;
    }

    .submenu_nav ul div.col-sm-4:nth-child(1) a:first-child, .submenu_nav div.col-sm-3:nth-child(1) > a:nth-child(1)
    {
        border-top: none;
    }

    .itemlistitem
    {
        margin-top: 1em;
    }

    .contentarea.textcontent .content_item:first-child
    {
        margin-top: 0;
    }
}

.contentarea > h1
{
    font-size: 1.2em;
    text-transform: uppercase;
    margin-top: 0;
}

.contentarea.textcontent img
{
    width: inherit;
    max-height: 330px;
	max-width: 100%;
}

.thumbnails img
{
    width: 100% !important;
    cursor: pointer;
    min-height: 40px;
    min-width: 40px;
}

/*********************** FOOTER ***********************/

.address
{
    /* text-align: center; */
    /* text-transform: uppercase; */
    margin-left: 25px;
}

.address h1
{
    font-size: 1em;
    margin-bottom: 0;
}
.address p
{
    font-size: 0.90em;
    margin-top: 0.5em;
}

.contentarea iframe, .itemlist iframe
{
    width: 100%;
    margin-top: 1em;
}

.omschrijving_prepress
{
    margin: 1em 0;
}

/***** MEDIA QUERIES *****/

@media (min-width: 992px) and (max-width: 1199px)
{
    .address h1
    {
        font-size: 1em;
    }
    .address p
    {
        font-size: 0.8em;
    }
}


@media (max-width: 1199px)
{

    .backstretch
    {
        display: none;
    }

    body
    {
        /*background: none;
        background: #ffffff; /* Old browsers */
        /*background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%); /* FF3.6+ */
        /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
        /*background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
        /*background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%); /* Opera 11.10+ */
        /*background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%); /* IE10+ */
        /*background: linear-gradient(to bottom, #ffffff 0%,#ececec 100%); /* W3C */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
    }

    .headernav
    {
        /*background: none;*/
    }
}

@media (max-width: 767px)
{

body
{
    padding-left: 15px;
    padding-right: 15px;
}

.logo img
{
    width: 144px;
}

.mainnav, .submenu_nav
{
    margin-bottom: 1em;
}

.mainnav li
{
    padding: 0.3em 0;
}

.headernav .mainnav li
{
    text-align: right;
}

.submenu_nav
{
    width: 100%;
    border: none;
}

.submenu_nav2
{
    margin-top: 0;
}

.submenu_nav li
{
    padding: 0.3em 0;
    width: 100%;
}

.headernav .navbar-header
{
    height: 9em;
}

.contentarea .content_item
{
    padding: 0px 1em;
    /*padding: 0 1em 1em 1em;*/
}

.contentarea p:first-child
{
    padding: 0 1em;
}

.content_date p
{
    padding-left: 0.2em !important;
    padding-right: 0.2em !important;
}

.contentarea
{
    padding: 15px 15px 0 15px;
}

.contentarea p:first-child
{
    padding: 0;
}

.address{
    font-size: 1.2em;
}

.divider
{
    border-top: 2px solid #000000;
    margin-left: -15px;
    margin-right: -15px;
	margin-top: 15px;
	margin-bottom: 20px;
}

#last-item {text-align:left !important;}
#first-item-submenu a {border-top:none;}

.contentarea {padding: 15px 30px 0 30px;}
.contentarea .content_item {padding:0px;}

}

@media (min-width: 768px) {

.itemlist.homepage
{
    /*display: none;*/
}

.telefoon
{
    margin-right: 10.5%;
    display: none;
}

.mainnav
{
    padding-right: 0;
}

.maxwidth144
{
    width: 18em;
}

#contactpage form
{
    padding-bottom: 1em;
}

.itemlistitem
{
    padding-left: 0;
    padding-right: 0;
    width: 24%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    /*width: 23.5%;*/
    /*padding-right: 15px;*/
}

.itemlistitem:nth-child(2), .itemlistitem:nth-child(3), .itemlistitem:nth-child(4)
{
    /*margin-left: 2%;*/
}

.headernav .navbar-header
{
    height: 8em;
}
}

footer .footer-image {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 25px;
}

footer .address {
    border-bottom: 2px solid black;
    padding-bottom: 15px;
}

footer .social {
    padding: 15px 0;
    margin-left: 25px;
    border-bottom: 2px solid black;
}

footer .partner {
    padding: 15px 0;
    margin-left: 25px;
    margin-bottom: 20px;
}

/* Fixed footer */
@media (min-width: 992px)
{

    footer {
        position: fixed;
        left: 0;
        bottom: 0px;
        width: 100%;
        /* height: 13em; */
        z-index: 0;
    }

    .contentarea, .itemlist
    {
        z-index: 999;
    }

    .maxwidthfooter
    {
        width: 18em;
        padding-right: 0;
    }

    #contactpage
    {
        margin-bottom: 1em;
    }
}

@media (min-width: 1200px)
{
    /* footer{
        height: 14em;
    } */
}

@media (max-width: 991px)
{
    .contentarea img
    {
        width: inherit;
        /*max-height: 330px;*/
        display: block;
        /*margin-left: auto;*/
        margin-right: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .
    {
        text-align: left;
    }
}


/* AANPASSINGEN */
@media screen and (min-width: 900px){
    .submenu-item{width: auto; margin-right: 35px;}
    .submenu-item:last-child{margin-right: 0px;}
}
@media screen and (min-width: 768px) and (max-width: 900px) {
 .submenu-item{width: auto; margin-right: 12px;}

}


.tl-menu a img{ width: 17px; margin-top: -3px; }

@media screen and (min-width: 768px) and (max-width: 991px){
    footer .social {text-align: left !important;}
}

/*
STICKY FOOTER RESEARCH:

@media screen and (min-width: 768px) {
  html {
    position: relative;
    min-height: 100%;
  }
  .stickyfooter {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .abovefooter {
    margin-bottom: 26em;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .abovefooter {
    margin-bottom: 13.1em;
  }
}
@media screen and (min-width: 1200px) {
  .abovefooter {
    margin-bottom: 12.2em;
  }
}

*/