@charset "UTF-8";
html, body { height:100%; background-color: #000000;}
body { margin:0; padding:0; overflow:hidden; font-family: Arial, sans-serif;}
#Uitlijning { margin-left: -720px; margin-top: -360px; position:absolute; left: 50%; top: 50%; width: 1440px; height: 720px; background-color: #FFFFE5; overflow:hidden; border-radius: 20px;}
#Bannerstaand { background-image: url('picts/banner_staand.jpg'); position: absolute; left: 0px; top: 0px; width:211px; height:720px;}
#Logo { position: absolute; left: 1020px; top: 0px; width:400px; height:120px;}
.HM { width:100px; height:100px; background-image: url('picts/hoofdmenu.png'); color: #999999;}
.HMcurrent { width:100px; height:100px; background-image: url('picts/hoofdmenu_over.png'); color: #000000;}
.HM:hover { background-image: url('picts/hoofdmenu_over.png'); color: #000000;}
#HM1 { position: absolute; left: 1014px; top: 120px;}
#HM2 { position: absolute; left: 1119px; top: 120px;}
#HM3 { position: absolute; left: 1224px; top: 120px;}
#HM4 { position: absolute; left: 1329px; top: 120px;}
.MenuTekst { position: absolute; left: 0px; top: 10px; width:100px; height:25px; font-size: 17px; text-align:center; overflow:hidden;}
#ZelfPortret { background-image: url('picts/zelfportret.png'); position: absolute; left: 1103px; top: 220px; width:337px; height:500px; overflow: hidden; text-align:right;}
#PageBack { position: absolute; left: 211px; top: 0px; width:790px; height:720px; overflow:auto; background-color: #EDE7E7; box-shadow: 5px 0px 10px 1px #666;}
#Pages { padding:25px;}
h3 { text-align:center;}
.Links { position:relative; float: left; margin: 5px; width: 230px; height: 230px; background-color: #999999; overflow:hidden; color: #000000;}
.LinksBar { background-image: url('picts/wittebalk.png'); position:relative; left: -1px; top: 190px; width:232px; height:41px;}
.LinksTekst { position:relative; left: 5px; top: 15px; width:220px; height:20px; font-size: 14px; text-align:center; overflow:hidden;}
.Links:hover { text-decoration: underline;}
.WorkStart { position:relative; float: left; margin: 5px; width: 170px; height: 170px; overflow:hidden; background-repeat: no-repeat; background-position:center center;}
.WorkImage { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;};
.WorkBig { position: absolute; left: 50px; top: 50px; width:1129px; height:620px; background-repeat: no-repeat; background-position:center center; background-size:contain;}
#worktext { position: absolute; left: 50px; top: 690px; width:1129px; height:30px; overflow:hidden; font-size: 15px; text-align:center; color:#999999;}
#PageWhite { position: absolute; left: 211px; top: 0px; width:1229px; height:720px; overflow:auto; background-color: #FFFFE5; box-shadow: 5px 0px 10px 1px #666;}
.HMw { width:75px; height:75px; background-image: url('picts/Menu-Knop-Werk.png'); color: #333333;}
.HMwcurrent { width:75px; height:75px; background-image: url('picts/Menu-Knop-Werk_over.png'); color: #000000;}
.HMw:hover { background-image: url('picts/Menu-Knop-Werk_over.png'); color: #000000;}
#HMw1 { position: absolute; left: 20px; top: 504px;}
#HMw2 { position: absolute; left: 116px; top: 504px;}
#HMw3 { position: absolute; left: 20px; top: 600px;}
#HMw4 { position: absolute; left: 116px; top: 600px;}
.WorkMenuTekst { position: absolute; left: 0px; top: 7px; width:75px; height:19px; font-size: 13px; text-align:center; overflow:hidden;}
#Bannerstaandwerk { background-image: url('picts/banner_staand_werk.jpg'); position: absolute; left: 0px; top: 0px; width:211px; height:720px;}