/* Algemeen */
body { background-image: url(../images/bg.png); background-repeat: repeat-x; background-color: #ffffff; margin-top: 0px; }
img { border: none; }
#container { background-color: #ffffff; width: 900px; margin-left: auto; margin-right: auto; }
#top { width: 890px; height: 20px; padding-right: 10px; border-bottom-color: #eeeeee; border-bottom-width: 10px; border-bottom-style: solid; font-size: 11px;  }
.topimg { padding-top: 2px; }
#sitemap { text-align: right; }
#menu { width: 890px; height: 32px; font-family: "Bauhaus 93"; font-size: 30px; }
#menu a:link { background-image: url(../images/menubutton.png); background-repeat: no-repeat; color: #ababab; text-decoration: none; padding-left: 20px; margin-left: 18px; }
#menu a:visited { background-image: url(../images/menubutton.png); background-repeat: no-repeat; color: #ababab; text-decoration: none; padding-left: 20px; margin-left: 18px; }
#menu a:hover { background-image: url(../images/menubutton.png); background-repeat: no-repeat; color: #cccccc; text-decoration: none; padding-left: 20px; margin-left: 18px; }
#menu a:active { background-image: url(../images/menubutton.png); background-repeat: no-repeat; color: #cccccc; text-decoration: none; padding-left: 20px; margin-left: 18px; }
#content { width: 900px; }
#logo { float: left; width: 350px; padding-top: 30px; margin-bottom: 10px; }
#page { width: auto; float: left; }
#hendrik { width: 418px; height: 91px; margin-top: 10px; }
h1 { font-family: Arial; color: #777777; font-size: 16px; margin-bottom: 5px; margin-left: 20px; }
#page p { font-family: Arial; color: #909090; font-size: 12px; margin-left: 30px; margin-bottom: 5px; margin-top: 5px; }
#page p a:link { color: #909090; font-size: 12px; }
#page p a:visited { color: #909090; font-size: 12px; }
#page p a:hover { color: #000000; font-size: 12px; }
#page p a:active { color: #000000; font-size: 12px; }
#page li { font-family: Arial; color: #909090; font-size: 12px; margin-left: 30px; margin-bottom: 5px; margin-top: 5px; }
#page li a:link { color: #909090; font-size: 12px; }
#page li a:visited { color: #909090; font-size: 12px; }
#page li a:hover { color: #000000; font-size: 12px; }
#page li a:active { color: #000000; font-size: 12px; }
#page h2 { font-size: 15px; margin-bottom: 5px; margin-left: 25px; }
#slogan { font-family: Arial; color: #909090; font-size: 15px; margin-top: 10px; margin-left: 350px; }
#middle { width: 900px; margin-bottom: 10px; clear: left; }
#middlepage { width: 880px; margin-bottom: 10px; margin-left: 20px; clear: left; }
#middle p { font-family: Arial; color: #909090; font-size: 11px; margin-left: 10px; margin-bottom: 5px; margin-top: 5px; }
#middle p a:link { color: #909090; font-size: 11px; }
#middle p a:visited { color: #909090; font-size: 11px; }
#middle p a:hover { color: #000000; font-size: 11px; }
#middle p a:active { color: #000000; font-size: 11px; }
#onderhoud { width: 199px; height: auto; float: left; padding-left: 50px; padding-right: 50px; border-right-color: #e9e9e9; border-right-style: solid; border-right-width: 1px; }
#onderhoud ul { list-style-image: url(../images/ulitem.png); margin-top: 0px; margin-left: 90px; font-family: Arial; }
#onderhoud li a:link { color: #909090; font-size: 11px; margin-left: -5px;  }
#onderhoud li a:visited { color: #909090; font-size: 11px; margin-left: -5px;  }
#onderhoud li a:active { color: #000000; font-size: 11px; margin-left: -5px;  }
#onderhoud li a:hover { color: #000000; font-size: 11px; margin-left: -5px;  }
#middle h2 { width: 300px; height: 20px; font-family: "Bauhaus 93"; font-size: 20px; margin-bottom: 10px; }
#middle h2 a:link { background-image: url(../images/h2button.png); background-repeat: no-repeat; color: #ababab; text-decoration: none; padding-left: 20px; }
#middle h2 a:visited { background-image: url(../images/h2button.png); background-repeat: no-repeat; color: #ababab; text-decoration: none; padding-left: 20px; }
#middle h2 a:hover { background-image: url(../images/h2button.png); background-repeat: no-repeat; color: #cccccc; text-decoration: none; padding-left: 20px; }
#middle h2 a:active { background-image: url(../images/h2button.png); background-repeat: no-repeat; color: #cccccc; text-decoration: none; padding-left: 20px; }
#advies { width: 199px; height: 100px; float: left; padding-left: 50px; padding-right: 50px; border-right-color: #e9e9e9; border-right-style: solid; border-right-width: 1px; }
#gallerij { width: 200px; height: 220px; float: left; padding-left: 50px; padding-right: 50px; }
#left { width: 350px; float: left; margin-top: 30px; margin-bottom: 10px; }
#right { width: 450px; float: left; margin-right: 20px; }
#adres { width: 199px; float: left; padding-left: 50px; padding-right: 50px; border-right-color: #e9e9e9; border-right-style: solid; border-right-width: 1px; }
#adres h2 { background-image: url(../images/h2button.png); background-repeat: no-repeat; color: #ababab; text-decoration: none; padding-left: 20px; }
#webmail { width: 499px; float: left; padding-left: 50px; padding-right: 50px; border-right-color: #e9e9e9; border-right-style: solid; border-right-width: 1px; }
#webmail h2 { background-image: url(../images/h2button.png); background-repeat: no-repeat; color: #ababab; text-decoration: none; padding-left: 20px; }
#bottom { background-color: #eeeeee; width: 880px; font-size: 11px; height: 25px; padding-top: 10px; padding-right: 10px; padding-left : 10px; clear: left; }
#copy { font-family: Arial; color: #a1a1a1; width: 230px; float: left; padding-top: 2px; clear: both; }
#copy a:link { color: #a1a1a1; text-decoration: underline; }
#copy a:hover { color: #a1a1a1; text-decoration: underline; }
#copy a:active { color: #a1a1a1; text-decoration: underline; }
#copy a:visited { color: #a1a1a1; text-decoration: underline; }
#menu2 { font-family: "Arial"; color: #a1a1a1; text-align: right; width: 650px; float: left; }
#menu2 a:link { font-family: Arial; color: #a1a1a1; }
#menu2 a:visited { font-family: Arial; color: #a1a1a1; }
#menu2 a:hover { font-family: Arial; color: #000000; }
#menu2 a:active { font-family: Arial; color: #000000; }
.linespacer { margin-left: 5px; margin-right: 3px; }
#webdesign { font-family: "Arial"; font-size: 10px; color: #cccccc; text-align: right; width: 900px; margin-left: auto; margin-right: auto; margin-top: 1px; clear: both; }
#webdesign a:link { color: #cccccc; text-align: right; width: 900px; }
#webdesign a:hover { color: #cccccc; text-align: right; width: 900px; }
#webdesign a:active {  color: #cccccc; text-align: right; width: 900px; }
#webdesign a:visited { color: #cccccc; text-align: right; width: 900px; }

/* Diverse */
fieldset { height: 150px; border: none; }
label { font-family: Arial; color: #909090; font-size: 12px; }
input[type=text] { margin-top: 7px; margin-left: 10px; }
#textarea_cf_vraag { margin-top: 7px; margin-left: 10px; }
input[type=submit] { font-family: Arial; color: #909090; font-size: 12px; background: #ffffff; border: none; margin-left: 300px; }
table { margin-left: 3px; margin-right: 3px; font-size: 12px; }
.center { text-align: center; margin-left: auto; margin-right: auto; }
.bold { font-weight: bold; }
.u { text-decoration: underline; }
.bu { font-weight: bold; text-decoration: underline; }
.red { color: #FF0000; font-weight: bold; }
.boldcenter { font-weight: bold; text-align: center; }
.i { font-style: italic; }
