html {
    margin: 0; padding: 0;
    height: 100%;
}

body {
    /*min-height:100%;*/
    margin:.1em .2em .1em .2em;
    padding: .1em;
    height:100%;
    font-family:Verdana, sans-serif;
    font-size: 0.8em;
    color: #666666; background-color: white;
    vertical-align: top; text-align: left;
    a:hover {color: #5C743D;}

    
}

H1 {font-size: 1.3em;font-weight: bold;padding-top:1em; margin:0;}
H1red {font-size: 1.3em;font-weight: bold;padding-top:1em; margin:0; color:#F00}
H2 {font-size: 1.2em;font-weight: bold;padding-top: 0.3em;padding-bottom: 0.5em;margin: 0;}
H3 {font-size: 1.1em;font-weight: bold;padding-top: 0.3em;padding-bottom: 0.2;margin: 0;}
H4 {font-size: 1.0em;font-weight: bold;padding-top: 0.4em;margin: 0;}
H5 {font-size: 1.0em;font-weight: normal;padding-top: 0.4em;margin: 0;}
H6 {font-size: 2.0em;font-weight: normal;padding-top: 0.4em;margin: 0;}
H7 {font-size: 1.2em;font-weight: bold;padding-top: 0.2em;margin: 0;}
H13 {font-size: 1.2em;font-weight: normal;padding-top: 0.6em;margin: 0;color: #FF0000;}
H14 {font-size: 1.2em;font-weight: bold;padding-top: 0.6em;margin: 0;color: #0058C0;margin: .3em;}

[type=submit],[type=text],[type=email],[type=password],[type=select],[type=date],[type=radio] {
    height: 1.8em;font-size: 0.8em;padding:0.3em 0.5em 0.5em 0.3em;margin: 0.3em;
     border: 1px solid black;border-radius: 4px;
    font-family:Verdana, sans-serif;
    color: #003366; background-color: white;
}
textarea {
  resize: none;
  border-style: none;
}

select {
border-radius:5px;
box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.6);
outline:none
}
input[type="radio"] {
  vertical-align: middle;
}
input[type="submit"]  {
    width: 8em;
    vertical-align:middle;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}
input[type=radio] {width:1.2em;}

.navText,.navTextred,.navTextblue,.navTextgreen,.nt1,.nt2,.nt3,.nt4,.nt5,.nt6,.nt7,.nt8,.nt9,.nt10,.nt11,.nt12,.nt13,.nt14,.nt15,.nt16,.nt17,.nt18,.nt19,.nt20 {
    text-decoration: none;
    margin-left: .1em; margin-right:1em;
    font: small Verdana, sans-serif;
    text-align:left; color: #003366; vertical-align: top; 
    line-height:1.4em; letter-spacing:.1em;
    font-size: 0.8em;
}
.nt1{height:1.8em;} .nt2{height:3.3em;} .nt3{height:4.8em;} .nt4{height:6.3em;} .nt5{height:7.8em;} .nt6{height:9.2em;} .nt7{height:10.6em;}
.nt8{height:12.0em;} .nt9{height:13.3em;} .nt10{height:14.6em;} .nt11{height:16em;} .nt12{height:17.4em;} .nt13{height:18.8em;} .nt14{height:20.2em;}
.nt15{height:21.6em;} .nt16{height:23em;} .nt17{height:24.4em;} .nt18{height:25.8em;} .nt19{height:27.2em;} .nt20{height:28.6em;}
.nt21{height:30em;} .nt22{height:32em;} .nt23{height:34em;} .nt24{height:36em;} .nt25{height:38em;} .nt26{height:40em;}


.nt27{height:auto;}
.noborder{border: 2;margin:0;padding:0;}
.noborder2{border: 0px;margin:0px;padding:0px;}
.printklein{
    font-size: 0.5em;
}
.styled-select {
    overflow: hidden;
    height: 2.2em;/*74px;*/
    font-size: 1.4em;
    /*float: left;*/
    width:365px;
    margin-right: 10px;
   /* background: url(http://i50.tinypic.com/9ldb8j.png) no-repeat right center #5c5c5c;*/
}
.styled-select select {
    font-size: 1.0em;
    /*border-radius: 0;*/
    /*border: none;*/
    /*background: transparent;*/
    /*width: 380px;*/
    /*overflow: hidden;*/
    /*padding-top: 15px;*/
    /*height: 1.4em;*/
    /*text-indent: 10px;*/
    /*color: #ffffff;*/
    /*-webkit-appearance: none;*/
}

.styled-select option.service-small {
   height: 1.4em;
   font-size: 1em;
    padding: 5px;
   /* background: #5c5c5c;*/
}

.checkbox, .radio {  width: 19px;  height: 100px;  padding: 0 5px 0 0}

.textareawr{
    height:  scroll-height;
    display: inline-block;
    border-style: none;
    border: 0;
    border-width: 0px;
    border-style: none;
    border-color: Transparent;
    margin: 0px 0px 0px 0px;
    padding-top: .5em;padding-bottom: .5em;
    overflow: auto;
    outline: none;   
}
.textarear{
    height:  scroll-height;
    width: scroll-width;
    border: 0;
    border-width: 0px;
    border-style: none;
    border-color: Transparent;
    margin: 0px 0px 0px 0px;
    padding-top: .5em;padding-bottom: .5em; 
    overflow: auto;
    outline: none;
    resize: none;
}

.melding {padding: 0.5em;font-size: 1em;color: #FF0000;font-style: italic;text-decoration:blink;text-align: center;}
.rood{color:#F00;}
.nalogo {margin-left: 11.3em;margin-right: 0.6em;padding: 0.1em;}
.nalogo H2 {font-size: 1.2em; font-weight: normal; padding-top: .8em; margin: .5em ;color: #000099;}

.pad8{
    padding-top: 1em;
    padding-bottom: 1em;
}

.dik3  {font-size: 1.1em; font-weight: bold; padding-top: 0.6em; margin: 0;}
.papier {background-color : white;color : black;}
.verticalSpace9{font-size: 9em}
.verticalSpace14{font-size: 14em}
.top{
    vertical-align:top;
}

.topvlak{ background-color : #ffffcc;}
.greyvlak{background-color : lightgrey;}
.linkervlak{background-color : lightblue;}
.rechtervlak{background-color : #aaD995;}
.bijlage{text-decoration: none;background-color : blue; color: white;}
.bijlagedoorclient{text-decoration: none;background-color : red; color: white;}
.akkoord{background-color: red; color: white;}
.verzekeraarnietOK{background-color: white; border-style: ridge; border-color: #aad995;}
.verzekeraar{background-color: green; color: white;}
.opmerkingen{background-color: lightblue; color: white;}
.trwhite,.trdarkergrey,.trgrey,.trtotaalpercat,.trlightblue,.trverylightgreen,.trlightpink,.trtransparant {
    display: table-row;vertical-align: inherit;border-color: inherit;}
.trwhite {background-color: #fff;}
.trdarkergrey { background-color: #ddd;}
.trgrey {background-color: #efefef;}
.trtotaalpercat {background-color:  #d5edb3;}
.trclient {background-color:  #0058C0; color: white;}
.trlightblue {background-color: lightblue;}
.trlightpink {background-color: lightpink;}
.trverylightgreen {background-color: #e8f5dc;}
.trlichtgroen {background-color: #aad995;}/*#e8f5dc*/
.trlightgreen {background-color: #aad995;}
.trlightyellow {background-color: lightyellow;}
.trlemonchiffon {background-color: #FFFACD;}
.tryellow {background-color: yellow;}
.trtransparent {background-color: transparent;}
.trorange {background-color: orange;}/*#d995aa*/
.trrood {background-color: red;}/*#d995aa*/

.fs_grey{ border-color: lightgrey;border-style: solid;}
.fs_blue{ border-color: lightblue;border-style: solid;}
.fs_red{ border-color: red;border-style: solid;}


p > ul{list-style: none;}

ul li {display: inline;}
.bottomLeft{
    position: relative;
    left:5px;
    top:.5em;
}

.bottomLeftRood{
    position: relative;
    left:5px;
    top:3em;
    background-color: red;
    color: white;
}
.topleft{
    height: 220px;
    top: 0.1em;
    left: 10px;
    padding:0.1em 1.5em 0.5em 0.1em;
    position: relative;
}
.topright{
    height: 220px;
    top: 0.1em;
    right: 10px;
    padding:0.1em 0.1em 0.5em 1.5em;
    position: relative;
}

#menubalk {
    width: 99%; height: 7em;
    margin: 0 1px;
   /* border: 5px solid grey;*/
}
/*#menubalk:after { clear: both; content: " "; display: table; }*/

#logo{
    float:left; height:6em; width:14em; 
    margin:0.1em 0.1em 0.2em 4em;/*7em*/
    padding: 0.1em;
    font:  "Palatino Linotype", "Book Antiqua", Verdana, sans-serif;color: #C00;
    letter-spacing:.2em; line-height:1em;
    text-align:center; vertical-align:middle;
    /*border: 1px solid grey;*/
}
.logo H1{
        padding-top:0em; margin:0;
}
.logo H2{
        padding-top:0em; margin:0;
}
#menu_container{
    float:left; height:5em; width:70em;/*70em*/
    margin:0.1em 1em 0 0.1em;/*4em*/
    padding: 0.4em;
    /*0.4em; */   
   /*border: 10px solid red;*/
   /*vertical-align: middle;*/
}
#titel_container{
    float:left; height:3em; width:65em;/*70em*/
    margin:0 1em 0 0.1em;/*4em*/
    padding: 0;    
   /*border: 1px solid green;*/
   /*vertical-align: text-top;*/
}

#hoofdmenu > ul{
    list-style-type: none; margin: 0.2em; padding:0.2em;
    border:5px solid #0058C0;
    overflow-x:hidden;
    float:left; position:relative;
    vertical-align: text-top;
}
#hoofdmenu > li { 
    /*border:1px solid black;*/
    float: left; position: relative;
    list-style-type: none;
}
#hoofdmenu > li > a {
    display: block;
    padding: 0.5em 0.5em 0.5em 0.1em; 
    color: darkblue; font-size: 1em; font-weight: bold; 
    text-decoration: none;
    text-align: center;
    /*text-align: left;*/
}
#hoofdmenu > li > a:hover { color:red; font-weight: bold; }
/*color:#5C743D;*/
#hoofdmenu > li:hover ul { display: block; position: absolute; z-index: 2; }


.submenu > ul { 
    display: none;
}
.submenu > ul > li > a {
    background-color: #f9f9f9;; color: #0058C0; font-weight: normal;/*color: #5C743D;*/
    border:1px solid white;

    border-top: 1px solid white; 
    display: block; 
    padding: 0.3em 0.75em 0.3em 0.5em; 
    text-align: left; 
    text-decoration: none; width: 14em;
}
.submenu > ul > li > a:hover { 
    padding: 0.3em 0.75em 0.3em 0.5em; 
    border:1px solid white;
    background-color: #EEE; color:blueviolet; 
    font-weight:bold; /*width:8em;*/
}

.submenu a{
    padding: 0.3em 0.5em 0.3em 0.5em;
        font-size: 1.1em;

}
.textText {
    text-decoration: none;
    margin-left: 0em; margin-right:1em;
    font: Verdana, sans-serif;
    text-align:left; color: #003366;
    line-height:2.0em; letter-spacing:.1em;
}
.navTextXXX {
    text-decoration: none;
    margin-left: .1em; margin-right:1em;
    padding-top: .5em;padding-bottom: .5em;
    font: Verdana, sans-serif;
    text-align:left; color: #003366;
    line-height:1.4em; letter-spacing:.1em;
}

.navText16 {
    text-decoration: none;
    margin-left: 0em; margin-right:1em;
    font: Verdana, sans-serif;
    text-align:left; color: #003366;
    line-height:1.4em; letter-spacing:.1em;
}
.navTexthalf {
    text-decoration: none;
    margin-left: 0em; margin-right:1em;
    font: Verdana, sans-serif;
    text-align:left; color: #003366;
    line-height:0.4em; letter-spacing:.1em;
}
.navTextCat {
    text-decoration: none;
    margin-left: 0em; margin-right:1em;
    font: Verdana, sans-serif;
    font-weight: normal;
    text-align:left; color: #0058C0;
    line-height:1.4em; letter-spacing:.1em;
}
.navTextred{
    color: #d66; 
}
.navTextgreen{
    color: brown;
}
.navTextblue{
    color: blue;
}
.titel{
    font-size:2em; color:#0058C0;
    text-align:center; 
    padding-top:0.3em;
    /*border:1px solid green;*/
}
.titel H5{
    font-size:0.8em;
}
.main_container{
    position:relative;/*opdat hij werkt als ouder voor footer-container*/
    min-height: 100%;/*opdat footer onderaan pagine komt*/
   /*border:1px solid black;*/
}

.content_container_main{/*bevat alles behalve de footer*/
    margin-top: 4em;
    margin-right: 7em;
    margin-bottom: 0;
    margin-left: 7em;
    padding:10px 20px 3.5em 20px;
    /*border:1px solid red;*/
}
.content_container{/*bevat alles behalve de footer*/
    margin-top: 7em;
    margin-right: 7em;
    margin-bottom: 0;
    margin-left: 7em;
    padding:10px 20px 3.5em 20px;
    /*border:1px solid red;*/
}
.content_containerss{/*bevat alles behalve de footer*/
    margin-top: 0em;
    margin-right: 7em;
    margin-bottom: 0;
    margin-left: 7em;
    padding:10px 20px 3.5em 20px;
    /*border:1px solid red;*/
}
.content_containerjur01{/*bevat alles behalve de footer*/
    margin-top: 0em;
    margin-right: 7em;
    margin-bottom: 0;
    margin-left: 7em;
    padding:10px 20px 3.5em 20px;
    /*border:1px solid red;*/
}
.content_containerss2{/*bevat alles behalve de footer*/
   margin-top: 2em;
    margin-right: 3em;
    margin-bottom: 0;
    margin-left: 3em;
    padding:10px 20px 3.5em 20px;/*3em is hoogte footer*/
    /*border:1px solid red;*/
}

.content_containerrest{/*bevat alles behalve de footer*/
    margin-top: 4em;
    margin-right: 7em;
    margin-bottom: 0;
    margin-left: 7em;
    padding:10px 20px 3.5em 20px;/*3em is hoogte footer*/
    /*border:1px solid red;*/
}
#content_containerchrome{/*bevat alles behalve de footer*/
    padding:10px 20px 3.5em 20px;/*3em is hoogte footer*/
    margin-top: 500px;
    margin-left: 100;
    border:1px solid red;
}
.links_container{
    width: 7em;       
    padding:10px 3px 3.5em 3px;/*3em is hoogte footer*/

}
#rechts_container{
    float: right;
    width: 15em;       
    padding:10px 3px 3.5em 3px;/*3em is hoogte footer*/

}

#footer_container{
    font-size: .6em;
    position:absolute;/*tov ouder=main container*/
    bottom:0;
    margin: 0 15em 0 15em;
  
    width:75%;
    clear: both;
    height: 6em;/*zelfde als in content-container*/
    color:black;/*standaard tekstkleur*/
    background-color:#bce8f1;
    text-align: center;
    /*border:1px solid black;*/

}

#hoofdcontainer{
    /*border:1px solid black;*/
    width:100%;margin-left: .1em;
    padding-left:.1em;padding-right:0em;
}