@charset "UTF-8";
/*
        font-family: 'Source Sans Pro', sans-serif;
        font-family: 'Roboto Slab', serif;
*/
*{ /*Default Font */
    font-family: 'Source Sans Pro', sans-serif;
}



div.warning{
    background-color: #fff600;
    padding: 5px;
    font-weight: bold;
}
body.actualiaarticles.index table tr td{
    background-color: #b6ffb0;
}

body.actualiaarticles.index table tr.unpublished td{
    background-color: #fff600;
}



p,article,div.content li,div.content ul,div#page,div#page p{
    font-size: 14px;
    margin-top: 0px;
}


a.info{
    margin-left: 5px;
    vertical-align: super;
    text-decoration:    none;
    display:    block-inline;
    font-size:  16px;
    font-weight: 600;
    width:      30px;
    height: 20px;
    color: #3366cc;
}

h1,h2,h3,h4,h5,h6,span.productname,span.productnamesubtitle,span.citeertitel{ /*Default Font Headers */
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    margin: 0px;
    padding: 0px;
    padding-bottom: 0px;
    display: block;
}
html,body,div#container,div#content,div.center,div.middle,div.content{
    position: relative;

}
body{
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position: left bottom;
    background-size: 100%;
    overflow-y: scroll;
}

ul,body,html{
    padding: 0px;
    margin: 0px;	
}
body,html{
    width:	100%;
}

div#header{
    width: 100%;
    position: relative;
    height: 78px;
    max-width: none;
}
div#headercontainer{
    position: relative;
    display: block;
    height: 78px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1200px;
    min-width: 1050px;
}


div#header div.left,div#header div.center,div#header div.right{
    height: 78px;	
}
div#header div.left{
    float: left;

}
div#denhollander{
    width: 160px;
    text-align: right;
    float: left;
    border-top: 1px solid white;
    font-size: 16px;
    color: white;
    padding-top: 5px;
    padding-right: 10px;
    margin-top: 15px;
}
div#denhollander a{
    color: white;
    text-decoration: none;
    text-align: right;
    font-size: 16px;
    text-transform: uppercase;
}

div#header div.center{
    float: left;
    padding-left: 30px;
}
div#header div.center ul{
    list-style: none;
}
div#header div.center ul li{
    display: inline-block;
}
div#header div.center ul li a{
    color: white;
}
div#header div.center ul li a:hover{
    background-image: url("../img/achtergronden/buttonbg.png");
    background-repeat: no-repeat;
    background-position: right top;

}

div.box ul li{
    margin-bottom: 3px;
}

ul.hoofdmenu li{	
    display: block;
    padding: 0px;
    margin: 0px;
    margin-left: 2px;
    background-image: url("../img/achtergronden/driehoek.png");
    background-repeat: no-repeat;
    background-position: -13px 45px;

}
ul.hoofdmenu li:hover{

}

ul.hoofdmenu a{
    width: 100%;
    border-left: 1px solid #919496;
    display:	block;
    text-decoration: none;
    font-family: 'Roboto Slab', serif;
    padding-top: 50px;
    border-right: 15px solid transparent;	
    margin: 0px;
    padding-left: 5px;
    font-size:	1em;
    text-transform: lowercase;
}
ul.hoofdmenu a:hover{
    border-left: 1px solid white;
}

div#header div.right{
    width: 150px;
    float: right;
}
div#container{

}




div#content,div#footer{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
div#content{
    width: 1050px;
    min-height: 300px;
}
div#titlearea{
    min-height: 135px;
    float: left;
    width: 600px;
    margin-left: 190px;
}
div#titlearea h1,div#titlearea span.productname{
    padding-top:	50px;
    padding-bottom: 0px;
    font-weight: 300;
    font-size: 1.8em;
}



div#titlearea h2,div#titlearea h2 *,div#titlearea span.citeertitel,div#titlearea span.citeertitel *{
    font-family: 'Roboto Slab', serif;
    font-size: 18px;	
}

div.clear{
    clear: both;
}
div#footer{
    display: block;
    text-align: right;
    width: 100%;
    max-width: 1200px;
}
div#footer ul{
    list-style: none;
}
div#footer ul li{
    display: inline-block;
    margin-left: 10px;
}
div#footer ul li a{
    font-size: 13px;
    text-decoration: none;

}

/* Content */

div.content{
    /*min-height: 600px;*/
}


div.content li{
    padding-left:	0px;
    margin-left:	25px;
}

div.content ul ul{
    margin-left:	18px;
}

div.content p,div.content ul{
    margin-bottom: 10px;
}

div#content div.left{
    float:	left;
    width: 160px;
}





ul.categorieen, ul.categorieen ul{
    display: block;
    list-style: none;

    margin-bottom: 10px;
}
ul.categorieen li a.parent,a.nbar{
    background-image: url("../img/achtergronden/driehoek.png");
    background-repeat: no-repeat;
    background-position: -14px 3px;
}

ul.categorieen > li{
    margin-top: 10px;
}


ul.categorieen li a{
    padding-left: 7px;
    display: block;
    text-decoration: none;
    font-size: 0.8em;
    padding-top: 4px;
    padding-bottom: 6px;
}

ul.categorieen a.parent{
    font-size: 0.9em;
    text-transform: Uppercase;
}


ul.notificaties{
    margin-top: 10px;
}

div#content div.center{
    left:	30px;
    float:	left;
    width:	600px;
}
div#content div.right *{
    color:	#474c50;
    font-size: 13px;
    text-decoration: none;
}
div#content div.right a:hover{
    text-decoration: underline;
}

div#content div.right{
    width: 220px;
    top: 0px;
    right: 0px;
    position: absolute;
    /*height: 100%;*/
    min-height: 100%;
    padding-left: 10px;
}

div#content div.right ul{
    list-style: none;
}

div#content div.right div#socialshare{
    margin-top: 60px;
}
div#content div.right div#socialshare span.title{
    display: inline-block;
    font-size: 13px;
    margin-bottom: 5px;
}
div#content div.right div.box{
    border-top: 1px solid white;
    margin-top:	10px;
    margin-bottom: 40px;
    padding-top: 6px;
    padding-left: 12px;
    padding-right: 10px;
    background-image: url("../img/achtergronden/driehoek.png");
    background-repeat: no-repeat;
    background-position: -10px 8px;

}
div#content div.right div.box h2{
    font-weight: 400;
    font-size: 18px;
    padding-bottom: 0px;
}


div#content div.right div.box ul ul{
    padding-left: 10px;
    font-style: italic;
}

/* Categorie */

body.categorie article.Inleiding p{
    font-weight: 600;
}

body.categorie article h4 a{
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
}
body.categorie h3{
    font-weight: 600;	
}
body.categorie div#content div.right div.box h2 small{
    display: none;
}


body.categorie div#content div.right div.box ul.vorigeedities h3{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
}
body.categorie div#content div.right div.box ul.vorigeedities ul{
    padding-left: 0px;
    padding-bottom: 10px;
}
body.categorie div#content div.right div.box ul.vorigeedities li{
    margin-bottom: 2px;
}
body.categorie div#content div.right div.box ul.vorigeedities li a{
    font-style: normal;
    text-decoration: underline;
}

body.categorie div#content div.right a.meer{
    text-decoration: underline;
}

body.categorie div.center.middle h3{
    font-weight:            400;
    margin-bottom:          15px;
    font-size:              18px;
    background-image:       url("../img/achtergronden/iconen2525.png");
    background-position:    -50px -0px; 
    background-repeat:      no-repeat;
    height:                 25px;
}

body.categorie div.center.middle h3.collapse{
    cursor: pointer;
    height: auto;
}

body.categorie div.center.middle h3.collapse p{
    padding-top: 2px;
    padding-bottom: 5px;
}
body.categorie div.center.middle h3.Boek{
    display: none;
}
body.Boek h2.citeertitel,body.Boek span.citeertitel{
    display: none;
}
body.Boek div.content{
    padding-top: 5px;
}


body.categorie div.center.middle h4.nosummary{
    margin-bottom: 10px;
}

/* Artikel */
body.artikel div.right.middle div.box dt{
    font-weight: 600;
}
body.artikel div.right.middle div.box dd{
    margin-left: 0px;
    margin-bottom: 5px;
}

body.artikel div.right.middle p.trefwoorden{
    font-weight: 600;
}

body.artikel div.right.middle a.meer{
    font-weight: 600;
}
body.artikel div.right.middle a.meer:before {
    content: '⇣ ';
}



body.artikel div.right.middle div.box h2 > a{
    font-family: 'Roboto Slab', serif;
    font-size: 18px !important;
    text-decoration: underline !important;
}
body.artikel span.nohtml{
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    font-weight: 600;
    font-style: italic;
}

body.artikel div.content,body.artikel div.related{
    font-size: 14px;
}
body.artikel div.content{
    text-align:     left;
}

body.artikel div.content h1{
    margin-top: -10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 28px;
    text-align: left;

}
body.artikel div.content h2,body.artikel div.content h3{
    font-weight: 400;
    text-align: left;

}
body.artikel div.content h2{
    margin-top: 20px;
    font-size: 22px;
}
body.artikel div.content h3{
    margin-top: 10px;
    font-size: 18px;
}

body.artikel span.auteurs, body.categorie span.auteurs, body.actualia span.auteurs{
    display: inline-block;	
    width:	100%;
    font-style:	italic;
    margin-bottom: 15px;
}
body.artikel div.article figure{
    padding: 0px;
    margin: 0px;
}
body.artikel div.article img{
    width: 100%;
}



body.categorie span.auteurs,body.actualia span.auteurs{
    margin-bottom: 5px;
}
body.actualia span.auteurs{
    font-size: 14px;
}


body.artikel blockquote{
    font-style:	italic;	
    margin-left: 20px;
}

body.artikel a.footnote{
    vertical-align: super;
    font-size: 90%;
    font-weight: 600;
    text-decoration: none;
}

body.artikel div.relatedcontent{
    position: relative;
    margin-top: 30px;
    background-color: white;
}
body.artikel div.relatedcontent > p{
    padding: 10px;

}
body.artikel div.relatedcontent h3{
    background-color: #f6f6f6;
    padding: 10px;
    font-size: 18px;
    font-weight: 400;
}
body.artikel div.relatedcontent .naarboven{
    position: absolute;
    right: 15px;
    top: 14px;
}
body.artikel div.relatedcontent .naarboven:before{
    content: '⇡ ';
}
body.artikel div.relatedcontent ul{
    list-style: none;
    margin: 10px;
    margin-right: 15px;
    padding-bottom: 30px;
}
body.artikel div.relatedcontent ul.footnotes{
    overflow: hidden;
}


body.artikel div.relatedcontent ul li{
    font-weight: 400;
    margin-bottom: 5px;
}
body.artikel div.relatedcontent a{
    text-align: left;
    display: inline-block;
}

/* actualiaitem */
body.actualiaitem div.right.middle div.box dt{
    font-weight: 600;
}
body.actualiaitem div.right.middle div.box dd{
    margin-left: 0px;
    margin-bottom: 5px;
}
body.actualiaitem div.right.middle div.box dl{

}
body.actualiaitem div.right.middle div.box h2 > a{
    font-family: 'Roboto Slab', serif;
    font-size: 18px !important;
    text-decoration: underline !important;
}
body.actualiaitem span.nohtml{
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    font-weight: 600;
    font-style: italic;
}

body.actualiaitem div.content,body.actualiaitem div.related{
    font-size: 14px;
}
body.actualiaitem div.content{
    text-align: justify;
}

body.actualiaitem div.content h1{
    margin-top: -10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 28px;
    text-align: left;

}
body.actualiaitem div.content h2,body.actualiaitem div.content h3{
    font-weight: 400;
    text-align: left;

}
body.actualiaitem div.content h2{
    margin-top: 20px;
    font-size: 22px;
}
body.actualiaitem div.content h3{
    margin-top: 10px;
    font-size: 18px;
}

body.actualiaitem span.auteurs{
    display: inline-block;	
    width:	100%;
    font-style:	italic;
    margin-bottom: 15px;
}

body.actualiaitem blockquote{
    font-style:	italic;	
    margin-left: 20px;
}

body.actualiaitem a.footnote{
    vertical-align: super;
    font-size: 90%;
    font-weight: 600;
    text-decoration: none;
}

body.actualiaitem div.relatedcontent{
    position: relative;
    margin-top: 30px;
    background-color: white;
}
body.actualiaitem div.relatedcontent > p{
    padding: 10px;

}
body.actualiaitem div.relatedcontent h3{
    background-color: #f6f6f6;
    padding: 10px;
    font-size: 18px;
    font-weight: 400;
}
body.actualiaitem div.relatedcontent .naarboven{
    position: absolute;
    right: 15px;
    top: 14px;
}
body.actualiaitem div.relatedcontent ul{
    list-style: none;
    margin: 10px;
    margin-right: 15px;
    padding-bottom: 30px;
}
body.actualiaitem div.relatedcontent ul li{
    font-weight: 400;
    margin-bottom: 5px;
}
body.actualiaitem div.relatedcontent a{
    text-align: left;
    display: inline-block;
}

/* Notificaties */
body.notificaties input.child{
    margin-left: 20px;
}
body.notificaties div.content h4{
    margin-top: 20px;
}

body.notificaties #flashMessage {
    left: 190px;
   
}

/* Pictogrammen */
body.categorie div.center.middle h3.Inleiding{
    padding-left: 30px;
    background-position: 0px -0px; 
}
body.categorie div.center.middle h3.Artikel{
    padding-left: 30px;
    background-position: 0px -34px; 
}

body.categorie div.center.middle h3.Actualia{
    padding-left: 30px;
    background-position: 0px -68px; 
}

body.categorie div.center.middle h3.Jurisprudentie{
    padding-left: 30px;
    background-position: 0px -104px; 
}

body.categorie div.center.middle h3.Wetregelgeving{
    padding-left: 30px;
    background-position: 0px -134px; 
}

body.categorie div.center.middle h3.Kronieken{
    padding-left: 30px;
    background-position: 0px -180px; 
}


body.categorie div.center.middle h3.Overig{
    padding-left: 30px;
    background-position: 0px -225px; 
}



/* Medewerker */
body.medewerker div.medewerkerafbeelding,body.medewerker div.medewerkerafbeelding img{
    float: right;
    max-width: 150px;
}

body.medewerker div.right.middle div.box dt{
    font-weight: 600;
}
body.medewerker div.right.middle div.box dd{
    margin-left: 0px;
    margin-bottom: 5px;
}



/* Medewerkers */
body.medewerkers div.center.middle ul{
    list-style: none;
}
body.medewerkers div.center.middle ul li{
    margin-left: 0px;
    margin-bottom: 10px;
}


body.medewerkers div.right.middle ul.filter.medewerkers ul{
    margin-top: 5px;
    padding-left: 0px !important;
}
body.medewerkers div.right.middle ul.filter.medewerkers ul li{
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 6px;
    margin-right: 3px;

}
body.medewerkers div.right.middle ul.filter.medewerkers a{
    padding:    3px;
    font-size: 18px;
    background-color: white;

}
body.medewerkers div.right.middle ul.filter.medewerkers a.selected{

    border: 1px solid #474c50;
}



/* Loginbox */

div#header div.right div#login{
    z-index: 10;
    width: 200px;
    position: absolute;
    right: 0px;
    border-right: 1px solid white;
    height:	70px;
    overflow: hidden;
    padding-left: 10px;
    font-size: 14px;

}
div#header div.right div#login a{
    display: inline-block;
    width: 100%;
}

div#header div.right div#login a#cart{
    width: 15px;
    position: absolute;
    top: 20px;
    right: 15px;
}



div#header div.right div#login div.sign_with{
    font-weight: 400;
    font-size: 18px;
    font-family: 'Roboto Slab', serif;
    margin-top: 20px; 
}

div#header div.right div#login input{
    width: 280px;
    padding: 3px;
    border: 1px solid white;
    color: black;
    margin-bottom: 12px;
}
div#header div.right div#login input[type=checkbox]{
    width: auto;
}
div#header div.right div#login input[type=submit]{
    width: auto;
}

div#header div.right div#login a.login{
    display: block;
    margin-top: 53px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    margin-right: 15px;
    text-align: right;
    width: auto;
}

div#header div.right div#login.open{
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    padding-bottom: 10px;
    height: auto;
    width: 350px;
}
div#header div.right div#login div#ip h4{
    font-size: 18px;
    font-weight: 400;
}
div#header div.right div#login div#ip{
    font-size: 14px;
    padding: 10px;
}
div#header div.right div#login div#ip ul{
    list-style: disc outside none;
    padding-left: 20px;
}

/* actueel */
body.actueel div.box a.selected{
    font-weight: 600;
}



/* Actualia */
body.actualia div#content div.right div.box{

}
body.actualia div#content div.right div.box ul li{
    margin-bottom: 0px;
}



/* Archief */


body.archief label{
    display: block;
    width: 150px;
    font-size: 0.9em;

}

body.archief div.input{
    font-size: 0.9em;
    width: 500px;
}

body.archief div.input input,body.archief div.input select{
    width: 95%;
    padding: 3px;
    margin-top: 2px;
    margin-bottom: 7px;
}
body.archief div.input input{
    width: 93%;
}
body.archief div.archief table{
    background-color: white;
}

body.archief div.archief table th{
    background-color: #f6f6f6;
    text-align: left;
}
body.archief div.archief table th a{
    display: inline-block;
    text-decoration: none;
    width: 100%;
}
body.archief div.archief table td,body.archief div.archief table th{
    padding: 5px;
    font-size: 0.9em;

}
body.archief table .titel{
    width: 450px;
}
body.archief table .type{
    width: 70px;
}
body.archief table .tijdschrift{
    width: 70px;
}
body.archief table td{
    vertical-align: top;
}
body.archief table td[colspan="5"]{
    border-top: 2px solid #f6f6f6;
}

body.archief table h4 a{
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}

th a.asc:after {
    content: ' ⇣';
}
th a.desc:after {
    content: ' ⇡';
}


body.archief div.paging{
    margin-bottom: 10px;
}
body.archief div#content div.center{
    width: auto;
    max-width: 850px;
}
body.archief form{
    margin-bottom: 20px;
}
body.archief div.paging span{
    margin-left: 5px;
    font-weight: 600;
}
body.archief div.paging span.current{
    color: white;
    background-color: black;
    width: 20px;
    display: inline-block;
    text-align: center;
}



/* Login Provider Box */
div#login div.providerBox ul.providers {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
}
div#login div.providerBox ul.providers li {
    background: url("/img/umpremim_login.png") no-repeat scroll 0 0 transparent;
    height: 50px;
    margin: 10px 0 8px;
    padding: 0;
    width: 150px;
    float:left;
    margin-right:10px;
    cursor: pointer;
}

div#login li#yahoo {
    background-position: 0 -550px;
}
div#login li#yahoo:hover {
    background-position: -150px -550px;
}
div#login li#google {
    background-position: 0 -100px;
}
div#login li#google:hover {
    background-position: -150px -100px;
}
div#login li#linkedin {
    background-position: 0 -150px;
}
div#login li#linkedin:hover {
    background-position: -150px -150px;
}
div#login li#facebook {
    background-position: 0 -50px;
}
div#login li#facebook:hover {
    background-position: -150px -50px;
}
div#login li#twitter {
    background-position: 0 -450px;
}
div#login li#twitter:hover {
    background-position: -150px -450px;
}
div#login li#foursquare {
    background-position: 0 -400px;
}
div#login li#foursquare:hover {
    background-position: -150px -400px;
}

/* IOS SLIDER */
/* slider container */
.iosSlider{
    /* required */
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 105%;
    height: 155px;
    background-color: white;
    margin-left: -12px;
    margin-top: 5px;
}

/* slider */
.iosSlider .slider{
    /* required */
    width: 100%;
    height: 140px;
}

/* slide */
.iosSlider .slider .slide{
    /* required */
    float: left;
    width: 100%;
    height: 140px;
    overflow: hidden;
    word-wrap: break-word;
    background-color: white;
    padding: 5px;
}
.iosSlider .slider .slide span.articletype{
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 5px;
    background-image: url("../img/achtergronden/iconen5050.png");
    background-position: -50px -0px; 
    background-repeat: no-repeat;
}
.iosSlider .slider .slide a{
    display: block;
    height: 50px;
    width: 140px;
    font-weight: bold;
    overflow: hidden;
}
.iosSlider .slider .slide a:hover{

}
.iosSlider .slider .slide p{
    word-wrap: break-word;
    margin-top: -10px;
}


/* Pictogrammen */
.iosSlider .slider .slide span.type7{/*Artikel*/
    background-position: 0px -70px; 
}

.iosSlider .slider .slide span.type6{/*Actualia*/
    background-position: 0px -139px; 
}

.iosSlider .slider .slide span.type2{ /* Juris */
    background-position: 0px -209px; 
}

.iosSlider .slider .slide span.type4{/*Wetregelgeving*/
    background-position: 0px -271px; 
}

.iosSlider .slider .slide span.type5{/*Kronieken*/
    background-position: 0px -360px; 
}


.iosSlider .slider .slide span.type8{/*Overig*/
    background-position: 0px -450px; 
}

body.articles form div{
    margin-bottom: auto;
}
body.articles div.input,body.articles fieldset#voetnoten{
    border: 1px solid silver;
    margin-bottom: 4px;
}
body.articles fieldset#voetnoten{
    padding:	5px;
}
body.articles fieldset#voetnoten input,body.articles fieldset#voetnoten label{
    display: inline-block;
}
body.articles fieldset#voetnoten input.footnote{
    width: 40px;
}
body.articles fieldset#voetnoten input.content{
    width: 80%;
}
body.articles fieldset#voetnoten input[type="button"]{
    width: 200px;
}

body.articles div.related th.nummer{
    width: 40px;

}

body.articles div.related #FootnoteArticleId{
    width: 100%;
}


/* Manage menu */
div#manageMenu{
    position: absolute;
    z-index: 10;
    left: 0px;
    top: 0px;
    min-width: 150px;
    height: auto;
    min-height: 50px;
    background-color: white;
    padding: 5px;
}
div#manageMenu.closed{
    width: 75px;
    min-width: 25px;
    display: block;
    height: 25px;
    overflow: hidden;
    background-position: 40px 5px;
    background-color: transparent;
    background-image: url("../img/control_panel.png");
    background-repeat: no-repeat;
    background-size: 20px;
}

div#manageMenu.closed h4{
    color: white;
    font-weight: 600;
    font-family: 'Source Sans Pro', sans-serif;
}


div#manageMenu.closed div.content{
    display: none;
    width: 25px;
    overflow: hidden;
}


/* Bijlagen */
body div.right.middle div.box dd.bijlage ul{
    margin-top: 5px;
}
body div.right.middle div.box dd.bijlage li{
    background-image: url(/img/filetypes/else.gif);
    background-repeat: no-repeat;
    padding-left:   20px;   
}
body div.right.middle div.box dd.bijlage li.pdf{
    background-image: url(/img/filetypes/pdf.gif);
}
body div.right.middle div.box dd.bijlage li.doc{
    background-image: url(/img/filetypes/doc.gif);
}
body div.right.middle div.box dd.bijlage li.zip{
    background-image: url(/img/filetypes/zip.gif);
}


/* Advertentie links */
div#addleft ul{
    list-style: none;
}
div#addleft a{
    display:    block;
    overflow:   hidden;
    width:      160px;
    height:     180px;
}
div#addleft img{
    border:     0px solid transparent;
    width:      160px;
    height:     180px;
}


a.ecli{
    color: darkred;
}
li.cover img{
    width: 100%;
}
li.cover {
    width: 150px;
}
li.cover a:before{
    content: '' !important;
}



/* Shoppingcart */
body.webusers.checkout h3{
    margin-bottom: 10px;
}


div.cart *{
    font-family: 'Roboto Slab', serif;
    color:  white;
}

div.cart{
    background-color:   #074b91;
    padding:            10px;
    margin-bottom:  10px;
}

div.cart a{
   text-decoration: none; 
}

div.cart table{
    border-collapse: collapse;
    width: 100%;
}
div.cart th{
    
    font-weight: 400;
    font-size: 16px;
    text-align: left;
}
div.cart td,div.cart th{
    padding: 6px;
}

div.cart tr td.article,div.cart tr th{
    border-bottom: 1px solid #0076b3;
}


div.cart td.prijs{
    width: 60px;
}
div.cart td.verwijder{
    width: 50px;
}

div.cart  ul{
    margin-top: 10px;
    margin-bottom: 10px;
    list-style-type: none;
    background-image: url('../img/IDEAL_Logo.png');
    background-repeat: no-repeat;
    height: 35px;
    width: 100%;
    text-align: right;
}
div.cart li{
    display: inline-block;
    border-top: 1px solid white;
    
    padding-top: 5px;
    width: 90%;
    right: 0px;
}
div.cart li a{
    background-color: white;
    color: #074b91;
    padding: 5px;
    text-decoration: none;
    font-weight: bold;
    padding-left: 15px;
    background-image: url("../img/arrow_blue.png");
    background-repeat: no-repeat;
    background-position: -3px 4px;    
}


/* Nieuwe Debiteur / afnemer velden */

div#newdebtor input,div#newconsumer input,div#newdebtor select,div#newconsumer select{
    border: 1px solid silver;
    margin-bottom:  5px;
    width: 79.5%;
}

/* User management */
div.um-panel-header{
    background-color: #464e51 !important;
    border-radius:      0 0 0 0 !important;
    padding: 15px !important;
    padding-top: 5px !important;

}
div.um-panel-header span, div.um-panel-header span a{
    font-family: 'Roboto Slab', serif;
    font-size: 18px !important;
    font-weight: 400 !important;
}





/* Registeren */
body.users.register input.btn,body.users.register input.btn:hover{
    background-color: #464e51 !important;
    background-image: none;
    color:              white;
    border:             0px solid transparent;
    padding:            5px;
    padding-left:       20px;
    padding-right:      10px;
    text-transform:     uppercase;   
    border-radius:      0 0 0 0 !important;
    font-weight:        bold;
    font-size:          12px;
    background-image:     url("../img/achtergronden/driehoek.png");
    background-repeat:    no-repeat;
    background-position:  -12px 5px    
}

body.users.register div.span6{
    width: 70%;
}

/* CATREDACTIE */
body.categorie div.redactie *{
    font-size: 10px;
    vertical-align: text-top;
    margin-bottom: 30px;
}
body.categorie table{
    width: 600px;
    border-collapse: separate;
    border-spacing: 5px;
    margin-left: -5px;
}

body.categorie table td{
    background-color: #d2d7db;
    padding: 5px;  
}
body.categorie table td.hoofdredactie{
    width: 120px;
    
}

body.categorie table h4{
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px !important;
    display: block;
    width: 100%;
}


body.categorie div.medewerker{
    display:    inline-block;
    width:      120px;
    margin:     0px;
}
body.categorie td.vastemw div.medewerker{
    width:      135px;
}

body.categorie td.secretariaat div.medewerker{
    width: 45%;
}

td.redactie div.medewerker {
    margin-right: 15px;
}

/* Algemene opmaak */
span.italic{
    font-style: italic !important;
    font-family: inherit;
}
span.bold{
    font-weight: bold !important;
    font-family: inherit;
}

span.bolditalic{
    font-weight: bold !important;
    font-style: italic !important;
    font-family: inherit;
}
span.underlined{
    text-decoration: underline !important;
    font-family: inherit;  
}


@media print {
    div#header,div.actions,div#footer,div#manageMenu,div#debug-kit-toolbar{
        display: none !important;
        overflow: none;
    }
    a{
        text-decoration: none;
    }
    div#manageMenu.closed{
        background-color: transparent !important;
        color: transparent !important;
    }
    div#content{
        padding: 0px;
    }
    div.statistics, div.ipusage{
        width: 96%;
        float: none;
    }
    table#statistics *{
        font-size: 110%;
    }
    table#statistics td{
        padding: 0px;
    }
}


body.Huurrecht_Bedrijfsruimte div#popupnotification{
    font-size:          13px;
    position:           absolute;
    z-index:            100;
    width:              97%;
    height:             250px;
    background-color:   #19468c;
    padding:            7px;
    margin-top:         5px;
    /*opacity:            0.90;*/
    text-align:         center;
}
body.Huurrecht_Bedrijfsruimte div#popupnotification *{
    color:              white;
    font-size:          14px;
}


body.Insolventierecht div#popupnotification{
    font-size:          13px;
    position:           absolute;
    z-index:            100;
    width:              97%;
    height:             200px;
    background-color:   #493883;
    padding:            7px;
    margin-top:         5px;
    /*opacity:            0.90;*/
    text-align:         center;
}
body.Insolventierecht div#popupnotification *{
    color:              white;
    font-size:          14px;
}