* { padding: 0px; margin: 0px;}
body { font:inherit;
	font-family: 'Open Sans', sans-serif; font-size: 14px;}

#beschrijving { display: inline-block; width: 400px; height: 200px; margin-left: 4px;}
.beschrijving { float: left;}
#bladeren { display: inline-block; margin-top: 10px;}
#bladeren #pagina { display: inline-block; width: 60px;}
#bladeren #blader { display: inline-block; width: 35px; border: 1px solid black;; text-align: center; border-radius: 10px; color: black; background-color:silver;}
#bladeren #blader.active,
#bladeren #blader:hover { color: white; background-color: black;}
#blokfunkties { float: right;}
#blok_staaf { display: inline-block; width: 205px; border: 1px solid lightgrey; margin-right: 10px; margin-bottom: 10px;}
#blok_staaf img { width: 200px;}
#blok_staaf #tekst { display: inline-block; width: 100%; background-color: lightgrey; text-align: center;}
#boks { margin-left: 20px;}
#cel3,#cel5,#cel8,#cel10,#cel12,#cel15,#cel20,#cel25,#cel30,#cel35,#cel40,#cel50 { display: inline-block;}
#cel3 { width: 24px;}
#cel5 { width: 40px;}
#cel8 { width: 64px;}
#cel10 { width: 80px;}
#cel12 { width: 96px;}
#cel15 { width: 120px;}
#cel20 { width: 160px;}
#cel25 { width: 200px;}
#cel30 { width: 240px;}
#cel35 { width: 280px;}
#cel40 { width: 320px;}
#cel50 { width: 400px;}
.cursor:hover {cursor:pointer;}
#detail,
#detailkop,
#detailskop,
#detailregel { display: block;}
#detailkop { margin-bottom: 10px; font-weight: bold;}
#detailskop { margin-top: 10px; color: darkgrey;}
#detailregel,
#detail { border: 1px solid #f0f0f0;height: 19px;}
#detailregel.notop,
#detail.notop { border-top: none;}
#detail:hover { background-color: #f0f0f0; cursor: pointer;}
h3 { display: block; width: 310px; text-align: center; margin-bottom: 20px; }
input,select { border-radius: 5px;}
input { background-color: white; color: black;}
input:focus { background-color: lightgrey;}
#knop,
#knop_dummy { display: inline-block; width: 90px; height: 18px;color: black; border: 1px solid black; text-align: center; border-radius: 10px; background-color: silver;}
#knop.dummie {color: white; background-color: white; border: 1px solid white;}
#knop:hover { background-color: black; color: white; cursor: pointer;}
#knop.dummie:hover { background-color: white; cursor: auto;}
.knoprechts { float: right;}
.knoppost { position: relative; top: 10px;left: 1110px;}
#kop { display: block; height: 60px;  border-bottom: 2px solid #f0f0f0; margin-bottom: 10px;}
label { display: inline-block; width: 100px; color: darkgrey;}
#labelbreed { width: 150px;}
.midden { text-align: center;}
#parboks{ width: 400px; float: left;}
.rechts { text-align: right;}
#regel { display: block; margin-top: 3px;}
#regel1 { display: block; margin-top: 8px;}
#toetsen { clear: both; padding-top: 20px;}

#blank { display: block;  height: 40px}
#content { display: block; width: 1200px; margin: 0 auto; }
#header { display: block; width: 100%; height: 60px; text-align: center; font-size: 2em; }
#header #black { border: 3px solid black; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: silver; padding: 5px; }

#login{ width: 310px; height: 190px; margin: 0 auto; margin-top: 200px; background: url(/images/login.png) no-repeat; }
#login label { width: 110px; margin-left: 10px; text-align: right; margin-right: 10px;}
#login #username { width: 150px;}
#login #knop { width: 90px; float: right; margin-right: 10px; text-align: center;}
#login #fout { display: block; width: 310px; text-align: center; margin-top: 44px; color: red; }
#login #speeltuin { display: block; height: 5px;}
#login #regel { margin-bottom: 12px;}
#login .vijf { margin-top: 25px;}

#pars #detailregel { border: none; }
#posten #funktieblok { position: absolute; top: 360px; left: 0px;}
#posten #kol1,
#posten #kol2,
#posten #kol3{ position: absolute; display: block;}
#posten #kol4{ position: relative; display: block; margin-top: 0px; width: 440px;}
#posten #kol1 { top: 0px; left: 0px; }
#posten #kol2 { top: 20px; left: 610px; }
#posten #kol3 { top: 20px; left: 960px;}
#posten #kol4 { top: 153px; left: 610px;}
#posten #kol2 label,
#posten #kol4 label{ width: 150px;}
#posten #regel { height: 19px;}
#posten #soorten { display: inline-block; visibility: hidden; width: 300px; position: absolute; top: 56px; left: 104px; }
#posten #soorten #kop_regel,
#posten #soorten #det_regel { display: inline-block;}
#posten #soorten #kop_regel { font-weight: bold;}
#posten #specs { display: inline-block;visibility: visible; border: 1px solid red;}


#project #betonblok{ display: block; width: 100%; height: 310px; }
#project #blok { display: block; float: left; width: 550px; height: 600px; height: 300px; }
#project label { width: 150px;}
#project #knop,
#project #knop_dummy { width: 90px;}
#project #kopje { display: inline-block; font-size: 150%; margin-bottom: 10px;}
#project #postenraam { border: none; width: 1200px; height: 400px;}
#project #regel { height: 19px;}
#project #ruimte #regels { display: inline-block; border: 1px solid black; margin-bottom: 10px; height: 400px; width: 1150px; overflow: auto;}
#project #ruimte #regels.kaartjes { width: 810px;}
#project #ruimte #regels.vrachtbrief { width: 420px;}

#vrachtbrief #regels { display: block; height: 230px;width: 950px; overflow: auto; border: 1px solid}
#vrachtbrief #regels #detailregel.geselecteerd { background-color: lightgrey;}