@charset "utf-8";
body::before {
    content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
    top: 0;
	z-index: -10;
    background-image: url("../plaatjes/schets binnenterrein.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
	background-color: lightblue;
}
body {
   color:#dddddd;
   background: #999999;
   margin-top:5px;
   height:750px;
   vertical-align: top;
}
div.content {
    width : 650px;
    height: 500px;     
    background-color: #555555;
}

div.scroll {
	height: 500px;
	overflow: scroll;
	overflow-x: scroll;
	overflow-y: auto;
	white-space: nowrap;
   padding-right:20px;
}

h1 {
    font-family: Calibri, Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 28px;
    font-weight: bold;
    text-align : right;
}

input.knop {
       width:100px;
       height:20px;
       margin:3px 1px 0px 0px;
       border:1px;
       border-style:solid;
       border-color:#888888;  
       -webkit-border-radius:15px;
       border-radius:15px;
       -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);
       box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);
       background-color: #F5ECCE;
       color:#0B2161;
       font-size:11px;
       cursor:pointer;
    }
input.invoer {
        height:18px;
        border:0px;
        border-style:solid;
        background-color: #F5ECCE; 
        color: maroon;
        font-weight: bold;
        padding-left:5px;
        margin-bottom: 0px;
        font-size: 12px;
    }
input.kaal {
        height:18px;
        border:0px;
        border-style:none;
        background-color: #555555; 
        color: white;
        padding-left:5px;
        margin-bottom: 0px;
        font-size: 12px;
    }
input[type=file] {
        height:18px;
		  width:350px;
        border:0px;
        border-style:solid;
        background-color: #F5ECCE;
		  color: black;
        padding-left:5px;
        margin-bottom: 5px;
        font-size: 12px;
    }
input[type=checkbox] {
        font-weight: bold;
        background-color:#F5ECCE;	
    }
input.onzichtbaar {
      width:1px;
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      visibility:hidden;  
   }
textarea.invoer {
        border:0px;
        border-style:solid;
        background-color: #F5ECCE; 
        color: maroon;
        font-weight: bold;
        padding-left:5px;
        margin-bottom: 5px;
    }
select {
        background-color:#F5ECCE;	
    }
#plaatje {
       background-image: url("plaatjes/schets binnenterrein.png");     
}
#trans {
       background-color: transparent;     
}
table.hoofdkader {
       font-family: Calibri, Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
       width: 800px;
       min-height: 600px;
       border: 0px;
       padding: 0px;
       border-spacing: 0px;
       background-color: #F9F8F0;
       background-image: url("../plaatjes/stenen 3.png"); 
       background-repeat: repeat;
       background-size: 265px;
       background-position: left top;
       color:black; /*#FACC2E;*/
       vertical-align: top;
	}
table.content {
       font-family: Calibri, Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
       width : 650px;
       border: 0px;
       padding: 15px;
       border-spacing: 0px;
       font-size: 14px;
       background-color: #555555;
       vertical-align: top;
	}
table.knoppen {
       font-family: Calibri, Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
       width : 650px;
       border: 0px;
       padding: 15px;
       border-spacing: 0px;
       font-size: 14px;
       background-color: #555555;
	}
tr.basis {
        font-size:14px;
        padding-top:20px;
        vertical-align: top;
    }
tr.basis22 {
        font-size:14px;
        padding-top:20px;
        height:22px;
    }
td.basis 	{
        font-family: Calibri, Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
        font-size: 13px;
        vertical-align: top;
        text-align: left;
    }	
td.r {
        text-align: right;
        padding-right: 10px;
        color: #585858;
    }	
td.rkop {
        text-align: right;
        padding-right: 20px;
    }	
td.rtop {
        vertical-align: top; 
        text-align: right;
        padding-right: 10px;
    }	
td.ltop {
        vertical-align: top; 
        text-align: left;
    }	
td.xdoc {
        text-align: left;
        color: #81DAF5;
        padding-right: 10px;
    }
ul.menu {
        display: block;
        list-style-type: none;
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left: 0;
        margin-right: 0;
        padding-left: 40px;
        font-size: 14px;
    }
li.menu {
        margin-bottom: 10px;
        color: #FACC2E;
    }
hr {
        color: #DDDDDD;
    }
img {
        border: 0px;
    }
a.menu:link    {
        color: #eeeeee ;
        text-decoration: none;
        font-size: 15px;    
    }
a.menu:visited {
        color: #eeeeee ;
        text-decoration: none;
        font-size: 15px;    
    }
a.menu:hover   {
        color: #eeeeee ;
        text-decoration: underline;
		  font-size: 15px;    
   }
a.doc:link    {
        color: #eeeeee ;
        text-decoration: none;
    }
a.doc:visited {
        color: #eeeeee ;
        text-decoration: none;
    }
a.doc:hover   {
        color: #eeeeee ;
        text-decoration: underline;
    }
a.doc2:link    {
        color: #81DAF5 ;
        text-decoration: none;
    }
a.doc2:visited {
        color: #81DAF5 ;
        text-decoration: none;
    }
a.doc2:hover   {
        color: #81DAF5 ;
        text-decoration: underline;
    }
#mailbody    {
        font-family: Calibri, Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
		  font-size: 8pt;
		  background-color: white;
		  color: black; 
		}
#kopje {
		   font-weight : bold;
			margin-top: 18px;
			margin-bottom: 6px;
			color: white;
			font-size: 14px;
	 }
#titel {
		   font-weight : bold;
			margin-top: 6px;
			margin-bottom: 6px;
			color: white; /*#81DAF5;*/
			font-size: 16px;
	 }
#goed {
		   font-weight : bold;
			margin-top: 0px;
			margin-bottom: 6px;
			color: #A9D0F5;
			font-size: 14px;
	 }
#fout {
		   font-weight : bold;
			margin-top: 0px;
			margin-bottom: 6px;
			color: #FE642E;
			font-size: 14px;
	 }
#map {
			margin-top: 0px;
			margin-bottom: 0px;
			color: #81DAF5;
			font-size: 14px;
	 }
#map2 {
			margin-top: 0px;
			margin-bottom: 0px;
			color: #81DAF5;
			font-size: 14px;
		}
#doc  {
			margin-top: 1px;
			font-size: 12px;
	 }