html {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
body {background-color:#666666; font-family:verdana; font-size:12px; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px;}

fieldset {border:1px solid #ccc;}
legend {color:#ccc;}
form {margin:5px 0px 5px 0px;}
fieldset table {width:100%;}

#contentwrapper {width:850px; margin-left:auto; margin-right:auto; background-color:#fff; font-family:Arial; font-size:12px; color:#666; padding:135px 0px 0px 0px; background-image:url('../images/backgrounds/red.jpg'); background-repeat:no-repeat; margin-top:25px; position:relative;}
#content {padding:0px 10px 10px 10px;}

#content table {width:100%;}

#copyright {background-color:#666; width:830px; margin-left:auto; margin-right:auto; color:#999;  font-family:Verdana; font-size:12px; padding:10px 10px 0px 10px; text-align:right;  border-top:3px solid #999999; clear:both;}
#copyright a {color:#666;}
#copyright img {border:0px;}
#copyright ul {list-style:none;}
#copyright ul li {float:right; margin:0px 5px 0px 5px;}

#content h1, #content h2, #content h3, #content h4 {font-size:16px; font-family:Verdana; padding:0px 0px 0px 0px; margin:2px 0px 2px 0px; color:#cc0000;}
#content h4, #content h5, #content h6 {font-size:12px; font-family:Verdana; color:#666;  padding:0px 0px 0px 0px; margin:6px 0px 2px 0px;}

#navigation {position:absolute; top:85px; right:25px; color:#fff; font-size:12px; font-family:Verdana; font-weight:bold; background-color:#cc0000; padding:1px 5px 1px 5px; border:2px solid #b40101;}

#navigation a {color:#fff; font-size:12px; font-family:Verdana; font-weight:bold; text-decoration:none;}

hr {height:2px; background: #999; border:0px;}

#content th, #content td {text-align:left; vertical-align:top;}
#content form th {text-align:left; padding:0px 10px 0px 10px;}

#content a {color:#666;}
#content p {margin:4px 0px 4px 0px; padding:0px 0px 4px 0px;}

#autobiografie {column-count:4; column-gap:14px;}

/* contact formulier */
#ContactForm {margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; }
#ContactForm table {margin:0px; padding:0px; width:600px;}
#ContactForm th {padding-top:1px; width:120px; vertical-align:middle;}
#ContactForm textarea {width:440px; height:100px;}
/* eind contact formulier */

form th {width:125px;}
input, textarea, select { font-family:Arial; font-size:11px; border:1px solid #aaa; color:#666; margin:0px 0px 1px 0px; width:300px;}
textarea {height:100px;}
select {width:auto;}
.button { background:#cc0000; color:#fff; font-weight:bold; margin:5px auto 5px auto; display:block; font-family:Arial; font-size:12px; width:auto;}

#hobbies {width:49%;}

#toekomstplannen {width:49%;}

#opleidingen {width:49%;}

#werkervaringen {width:49%;}

.overview {width:100%; background:#eee; border:1px solid #ccc; margin:5px 0px 5px 0px;}
.overview th {border-bottom:1px solid #ccc;}

.detail {width:100%; background:#eee; border:1px solid #ccc; margin:5px 0px 5px 0px;}

#vaardigheden {width:49%; float:right;}
#vaardigheden ul {margin:0px 0px 10px 0px; padding:5px 5px 5px 5px;  height:1360px; overflow:auto; background:#eee;}
#vaardigheden ul li {list-style:none; font-weight:bold; margin:18px 0px 0px 0px; padding:0px 0px 0px 0px; }
#vaardigheden ul li:first-child {margin:0px 0px 0px 0px;}
#vaardigheden ul li ul {margin:0px 0px 0px 5px; padding:0px 0px 0px 5px;  height:auto; overflow:visible;}
#vaardigheden ul li ul li, #vaardigheden ul li ul li:first-child {list-style:square; font-weight:normal; list-style-position:inside; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#vaardigheden ul li ul li ul li, #vaardigheden ul li ul li ul li:first-child {margin:0px 0px 0px 10px; padding:0px 0px 0px 5px;}
#vaardigheden ul li ul li ul {height:auto; overflow:visible;}

#curriculumvitae {width:49%;}
#curriculumvitae table {width:100%; margin:0px 0px 16px 0px; padding:0px 0px 0px 0px; border:0px;}
#curriculumvitae table tr td, #curriculumvitae table tr th {padding:1px 0px 1px 0px; margin:0px 0px 0px 0px; width:50%;}

#accountdata {position:absolute; top:5px; right:26px; color:#b40101;}
#accountdata a {color:#b40101; text-decoration:none;}

#links ul {margin:0px 0px 10px 0px; padding:5px 5px 5px 5px; background:#eee;}
#links ul li {list-style:none; font-weight:bold; margin:18px 0px 0px 0px; padding:0px 0px 0px 0px; }
#links ul li:first-child {margin:0px 0px 0px 0px;}
#links ul li ul {margin:0px 0px 0px 5px; padding:0px 0px 0px 5px;}
#links ul li ul li, #links ul li ul li:first-child {list-style:square; font-weight:normal; list-style-position:inside; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#links ul li ul li ul li, #links ul li ul li ul li:first-child {margin:0px 0px 0px 10px; padding:0px 0px 0px 5px;}

#home ul {margin:0px 0px 10px 0px; padding:5px 5px 5px 5px;}
#home ul li {list-style:none; font-weight:bold; margin:18px 0px 0px 0px; padding:0px 0px 0px 0px; }
#home ul li:first-child {margin:0px 0px 0px 0px;}
#home ul li ul {margin:0px 0px 0px 5px; padding:0px 0px 0px 5px;}
#home ul li ul li, #home ul li ul li:first-child {list-style:square; font-weight:normal; list-style-position:inside; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#home ul li ul li ul li, #home ul li ul li ul li:first-child {margin:0px 0px 0px 10px; padding:0px 0px 0px 5px;}

#portfolio ul {margin:0px 0px 10px 0px; padding:5px 5px 5px 5px; background:#eee;}
#portfolio ul li {list-style:none; font-weight:bold; margin:18px 0px 0px 0px; padding:0px 0px 0px 0px; }
#portfolio ul li:first-child {margin:0px 0px 0px 0px;}
#portfolio ul li ul {margin:0px 0px 0px 5px; padding:0px 0px 0px 5px;}
#portfolio ul li ul li, #portfolio ul li ul li:first-child {list-style:square; font-weight:normal; list-style-position:inside; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#portfolio ul li ul li ul li, #portfolio ul li ul li ul li:first-child {margin:0px 0px 0px 10px; padding:0px 0px 0px 5px;}

#mboportfolio ul {margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; }
#mboportfolio ul li {list-style:none; font-weight:bold; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; background:#eee; padding:5px 5px 5px 5px; width:820px;}
#mboportfolio ul li:first-child {margin:0px 0px 0px 0px;}
#mboportfolio ul li ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#mboportfolio ul li ul li, #mboportfolio ul li ul li:first-child {font-weight:normal; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#mboportfolio ul li ul li ul li, #mboportfolio ul li ul li ul li:first-child {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#mboportfolio ul li {clear:both;}
#mboportfolio ul {clear:both; display:block; width:820px;}
#mboportfolio ul li ul li img {float:right; margin:2px 5px 2px 10px;}

#home img {float:right;}

#accountinfo {float:right; width:49%; margin-left:20px;}
#accountinfo table {background:#eee; width:100%;}
#accountinfo th {width:150px;}

#adminoverzicht table, #projectenoverzicht table {width:100%; background:#eee; margin-bottom:10px;}
#adminoverzicht table th, #projectenoverzicht table th {width:17%;}
#adminoverzicht table td, #projectenoverzicht table td {padding-right:5px;}
#adminoverzicht table td form, #projectenoverzicht table td form {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}

#adminoverzicht ul, #projectenoverzicht ul {margin:0px 0px 10px 0px; padding:0px 5px 5px 5px;}
#adminoverzicht ul li, #projectenoverzicht ul li {list-style:none; font-weight:bold; margin:18px 0px 0px 0px; padding:0px 0px 0px 0px; }
#adminoverzicht ul li:first-child, #projectenoverzicht ul li:first-child {margin:0px 0px 0px 0px;}
#adminoverzicht ul li ul, #projectenoverzicht ul li ul {margin:0px 0px 0px 5px; padding:0px 0px 0px 5px;}
#adminoverzicht ul li ul li, #adminoverzicht ul li ul li:first-child, #projectenoverzicht ul li ul li, #projectenoverzicht ul li ul li:first-child {list-style:square; font-weight:normal; list-style-position:inside; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#adminoverzicht ul li ul li ul li, #adminoverzicht ul li ul li ul li:first-child, #projectenoverzicht ul li ul li ul li, #projectenoverzicht ul li ul li ul li:first-child {margin:0px 0px 0px 10px; padding:0px 0px 0px 5px;}

#content .message {background:orange; font-size:12px; border-bottom:3px solid #999; margin:0px 0px 10px 0px; padding:5px 10px 0px 10px; color:#fff; font-weight:bold;}
#content .message p {margin:0px 0px 2px 0px; padding:0px 0px 2px 0px;}

fieldset {margin:5px 0px 10px 0px;}
fieldset .button { background:#cc0000; color:#fff; font-weight:bold; margin:5px 0px 5px 0px; display:block; font-family:Arial; font-size:12px; width:auto;}

ul.menu {margin:5px 0px 5px 0px;}
ul.menu li{font-weight:bold; list-style:none; color:#666; }
ul.menu li ul {margin-left:25px;}
ul.menu li ul li {font-weight:normal; list-style:square; color:#666; margin:3px 0px 3px 0px;}
ul.menu li ul li a {color:#666;}

form th {line-height:18px;}