/* === ALLE STIJLEN RESETTEN === */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0;	outline:0; font-size:100%; vertical-align:baseline;	background:transparent;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

/* === BODY === */
html, body {height:100%; min-height:100%;}
body {font-family:"Arial"; color:#999999; background-color:#fff; text-align:justify; font-size:12px; line-height:14px;}
a:link {color:#999999; text-decoration:underline;}
a:visited {color:#999999; text-decoration:underline;}
a:hover{color:#ff6f20; text-decoration:underline;}

/* === LAYOUT === */
#container {position:absolute; width:980px; height:646px; margin-left:-490px; margin-top:-323px; top:50%; left:50%;}
#header {width:980px; height:100px; float:left; display:inline;}
#zoek {width:600px; height:100px; background-image:url(../images/zoekveld.png); background-repeat:no-repeat; float:left; display:inline;}
#uitleg {width:580px; height:40px; float:left; display:inline; margin:60px 0px 0px 20px;}
#uitleg span {font-size:24px; font-weight:bold; color:#ff6f20; font-family:"Courier New", Courier, monospace; text-align:left; text-decoration:none;}
#zoekform {width:500px; height:28px; float:left; display:inline; margin:45px 0px 0px 38px;}
#logo {width:340px; height:60px; background-image:url(../images/logo.png); background-repeat:no-repeat; float:left; display:inline; margin:28px 0px 20px 40px;}
.rij {width:972px; height:160px; float:left; display:inline; margin:0px 0px 0px 8px;}


/* === ZOEKVELD === */
.srchfrm { width:500px; height:26px; border:none; font-size:24px; font-family:"Courier New", Courier, monospace; font-weight:bold; color:#e2e1dd;}

/* === FOOTER === */
#footer {width:980px; height:65px; float:left; display:inline;}
#flinks {width:478px; height:50px; float:left; display:inline; margin:0px 4px 15px 8px;}
#frechts {width:478px; height:50px; float:left; display:inline; margin:0px 8px 0px 4px;}
#frbottom {width:450px; height:16px; float:left; display:inline; margin:0px 12px 0px 28px;}
#submenu {width:225px; height:20px; float:left; display:inline; margin:15px 0px 15px 4px;}
#homeknop {width:225px; height:50px; float:left; display:inline; margin:0px 2px 0px 18px;}

/* === MENU === */
#menu {width:470px; height:20px; float:left; display:inline; margin:15px 4px 15px 4px;}
#mhome {width:100px; height:20px; float:left; display:inline; margin:0px 10px 0px 0px;}
#muitleg {width:100px; height:20px; float:left; display:inline; margin:0px 40px 0px 0px;}
#mover {width:100px; height:20px; float:left; display:inline; margin:0px 35px 0px 0px;}
#mbookmark {width:75px; height:20px; float:left; display:inline; margin:0px 10px 0px 0px;}
.icon {width:20px; height:20px; float:left; display:inline; margin:0px 5px 0px 0px;}
.link {width:75px; height:16px; float:left; display:inline; margin:2px 0px 2px 0px;}
.link2 {width:50px; height:16px; float:left; display:inline; margin:2px 0px 2px 0px;}
#mpartners {width:100px; height:20px; float:left; display:inline; margin:0px 10px 0px 15px;}
#mcontact {width:100px; height:20px; float:left; display:inline; margin:0px 0px 0px 0px;}

/* BUTTON INCL. MOUSEOVER */
a#button {width:478px; height:50px; background-image:url(../images/button.png); display:block; text-decoration:none; float:left;}
a#button:hover {background-position: 478px 0;}

a#btn_home {width:225px; height:50px; background-image:url(../images/button_home.png); display:block; text-decoration:none; float:left;}
a#btn_home:hover {background-position: 225px 0;}


/* === BLOKKEN === */
.blok {width:235px; height:160px; background-image:url(../images/blokbg.png); float:left; display:inline; margin:0px 8px 0px 0px;}
.blok:hover {background-position:235px 0;}

.content {width:203px; height:125px; float:left; overflow:hidden; display:inline; margin:19px 16px 16px 16px;}

.infoblok {width:235px; height:160px; background-image:url(../images/infoblokbg.png); float:left; display:inline; margin:0px 8px 0px 0px;}

.vglogo {width:200px; height:100px; float:left; overflow:hidden; display:inline; margin:19px 18px 10px 17px;}
.vgselect {width:100px; height:20px; text-align:center; float:left; overflow:hidden; display:inline; margin:0px 0px 0px 12px;}

.vgscreenshot {width:100px; height:20px; background-image:url(../images/screenshot.png); display:inline; float:left; margin:0px 18px 0px 0px;}
.vgscreenshot:hover {background-position: 100px 0; cursor:wait;}
.select {margin-top:2px;}

.blokgroot {width:729px; height:160px; background-image:url(../images/blok_groot.png); float:left; display:inline; margin:0px 0px 0px 0px;}
.grootimg {width:210px; height:140px; float:left; display:inline; margin:10px 38px 10px 10px;}
.groottxt {width:441px; height:125px; float:left; overflow:hidden; display:inline; margin:19px 22px 16px 0px;}

.uicon {width:15px; height:15px; float:left; display:inline; margin:0px 0px 12px 0px;}
.utxt {width:418px; height:15px; float:left; overflow:hidden; display:inline; margin:0px 0px 12px 8px;}

.usicon {width:15px; height:15px; float:left; display:inline; margin:0px 0px 12px 0px;}
.ustxt {width:180px; height:15px; float:left; overflow:hidden; display:inline; margin:0px 0px 12px 8px;}

.blokbg_big {width:729px; height:320px; background-image:url(../images/blokbg_big.png); float:left; display:inline; margin:0px 8px 0px 0px;}
.blokb {width:721px; height:160px; float:left; display:inline; margin:0px 0px 0px 8px;}

#bgcontact {width:729px; height:480px; background-image:url(../images/bgcontact.png); float:left; display:inline; margin:0px 7px 0px 0px;}

/* === linkpage === */
#tabelc { width:670px; height:450px; margin:20px 0px 0px 29px;}
.link_links {width:190px; float:left; display:inline; margin:0px 50px 0px 0px;}
.link_midden {width:190px; float:left; display:inline; margin:0px 50px 0px 0px;}
.link_rechts {width:190px; float:left; display:inline; margin:0px 0px 0px 0px;}
.linkspacer {width:670px; height:40px; float:left; display:inline;}

/* === CONTACT FORM === */
.nameform {font-size: 14px; color:#000000; border:#c0c0c0 1px solid; padding:3px; width:300px;}
.nameform_error {font-size: 14px; color:#000000; border:red 1px solid; padding:3px; width:300px;}
.registerform {font-size: 14px; color:#000000; border:#c0c0c0 1px solid; padding:3px; width:300px;}
.registerform_error {font-size: 14px; color:#000000; border:red1px solid; padding:3px; width:300px;}
.emailform {font-size: 14px; color:#000000; border:#c0c0c0 1px solid; padding:3px; width:300px;}
.emailform_error {font-size: 14px; color:#000000; border:red 1px solid; padding:3px; width:300px;}
.subjectform {font-size: 14px; color:#000000; border:#c0c0c0 1px solid;	padding:3px; width:307px;}
.contactform {font-size: 14px; color:#000000; border:#c0c0c0 1px solid;	padding:3px; width:300px; margin-bottom:10px;}
.button {border:0; padding:2px; background:#c0c0c0;	color:white; font-weight:bold;}
.button:hover {background:#ff6f20; cursor:pointer;}
.textbox {border:#c0c0c0 1px solid;}

/* === H TAGS === */
h1 a {display:block; width:340px; height:60px; text-indent:-9999px;}
h2 {color:#000; font-size:14px; font-weight:bold; margin-bottom:10px;}
h3 {color:#ff6f20; font-size:14px; font-weight:bold; margin-bottom:10px;}


/* === TEXT CLASSES === */
.scrnsht {text-decoration:none; margin:4px 0px 0px 28px;}
.scrnsht a:link {text-decoration:underline;}
.scrnsht a:visited {text-decoration:underline;}
.scrnsht:hover {color:#ff6f20; text-decoration:none; cursor:wait;}

.footertxt {font-size:10px; color:#c0c0c0; text-decoration:none; margin:0px 0px 0px 0px;}
.footertxt a:link {font-size:10px; color:#c0c0c0; text-decoration:underline;}
.footertxt a:visited {font-size:10px; color:#c0c0c0; text-decoration:underline;}
.footertxt a:hover {font-size:10px; color:#ff6f20; text-decoration:underline;}