@charset "utf-8";
html, body { height: 100%; margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 95%; color: #333333; background: #C4C4C4; margin: 0 auto; }
#all { width: 920px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; min-heigth: 100%; background: #FFF; }
#container { position: absolute; height: 100%; left: 0px; top: 0px; width: 100%; min-height: 100%; }
a img { text-decoration: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#img_http { position: absolute; height: 152px; width: 312px; left: 10px; top: 20px; z-index: 1; }
#img_website { position: absolute; height: 152px; width: 312px; left: 10px; top: 10px; z-index: 1; }
#img_html { position: absolute; height: 152px; width: 312px; left: 35px; top: 10px; z-index: 1; }
#img_mysql { position: absolute; height: 152px; width: 312px; left: 10px; top: 10px; z-index: 1; }
#img_at { position: absolute; height: 152px; width: 312px; left: 25px; top: 10px; z-index: 1; }
#img_and { position: absolute; height: 152px; width: 312px; left: 25px; top: 10px; z-index: 1; }
#img_css { position: absolute; height: 152px; width: 312px; left: 10px; top: 10px; z-index: 1; }
#img_php { position: absolute; height: 152px; width: 312px; left: 10px; top: 10px; z-index: 1; }
#gereedschap { position: fixed; z-index: 99; top: 20px; border: 2px solid #999999; height: 140px; width: 200px; text-align: left; margin-left: 30px; }
*html #gereedschap { position: absolute; }
#logo { position: absolute; top: 12px; right: 12px; z-index: 5; text-align: right; }
#logo img.naam { float: right; }
#maat { height: 116px; z-index: 10; left: -260px; bottom: -50px; clear: both; position: relative; background: #FFFFFF; display: block; margin-right: -380px; width: 920px; }
#meer { position: absolute; width: 200px; right: 0px; bottom: 20px; z-index: 1; height: 153px; }
#plus { position: absolute; width: 200px; right: 0px; bottom: 20px; z-index: 1; height: 153px; }
#hoek { position: absolute; height: 70%; top: 122px; width: auto; right: 86px; border-top: 2px solid #B0B1B3; left: 280px; _margin-right: 370px; }
#hoek img { position: absolute; z-index: 99; height: 100%; width: 2px; top: 0px; right: 0px; }
#inhoud { position: relative; top: 140px; text-align: left; font-size: 0.9em; line-height: 1.4em; letter-spacing: 0.05em; display: block; padding-right: 100px; padding-left: 260px; clear: both; float: none; min-height: 100%; background: #FFF; padding-top: 20px; }
#inhoud img.back { position: relative; top: 2px; left: 4px; }
#inhoud blockquote { padding-left: 7em; }
#inhoud a:link { color: #999999; font-weight: bold; }
#inhoud a:visited { color: #999999; font-weight: bold; }
#inhoud a:hover { color: #666666; }
#inhoud a:active { color: #999999; }
#inhoud p { padding-top: 8px; padding-right: 20px; padding-bottom: 8px; letter-spacing: 0.11em; }
#inhoud strong { color: #828282; }
#inhoud ul { padding: 0px; letter-spacing: 0.11em; margin: 0px; }
#inhoud li { list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
#klusopties li { list-style-type: none; margin-top: 1em; margin-right: 1em; margin-bottom: 1em; }
.active { color: #666666; }
.rechts { float: right; clear: right; white-space: nowrap; }
.links { clear: left; float: left; width: 50%; position: relative; }
.meer { display: block; font-size: 0.9em; position: absolute; top: 48%; right: 150px; margin-top: 150px; }
.meer a:link { color: #999999; }
.meer a:visited { color: #999999; }
.meer a:hover { color: #666666; }
.meer a:active { color: #999999; }
.groter { font-size: 1.2em; }
#menu { position: fixed; top: 220px; z-index: 99; display: block; color: #999999; text-align: left; margin-left: -220px; letter-spacing: normal; background: #FFF; }
#menu a { font-weight: bold; letter-spacing: normal; }
*html #menu { position: absolute; }
#menu ul { margin-left: 0px; }
#menu li { list-style-type: none; margin-top: 0.15em; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0.15em; }
#menu a img { text-decoration: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#menu a:link, #menu a:visited { text-decoration: none; color: #C4C4C4; display: block; width: 7em; padding: 0.15em 0.50em 0.15em 0.3em; border-left: 2px solid #FFFFFF; font-weight: bold; }
#menu a:hover, #menu a:active { text-decoration: none; color: #666666; background-image: url(../images/layout/actief.gif); background-repeat: no-repeat; background-position: right center; display: block; width: 7em; padding: 0.15em 15px 0.15em 0.3em; border-left: 2px solid #666666; }
#menu li#current a { text-decoration: none; color: #666666; background-image: url(../images/layout/actief.gif); background-repeat: no-repeat; background-position: right center; display: block; width: 7em; border-left: 2px solid #666666; margin-top: 0.07em; padding: 0.07em 15px 0px 0.3em; }
#menu li#current li a { text-decoration: none; display: block; width: 7em; margin-top: 0.07em; font-size: medium; color: #C4C4C4; border-style: none; padding-top: 0.07em; padding-left: 1.5em; }
#menu li.parent li#current a{ margin-left: 1.5em; font-size: medium; }
input { background-color: transparent; float: right; display: block; }
form#contact { position: relative; width: 400px; border: 2px dashed #D3D3D3; padding: 10px; left: 20px; margin-top: 10px; height: auto; }
form#contact .bloklinks { margin: 0px; padding: 0px; clear: left; float: left; width: 40%; position: relative; top: 0px; }
form#contact .blokrechts { margin: 0px; padding: 0px; clear: right; float: right; width: 50%; position: relative; top: 0px; right: 5px; text-align: left; }
form#contact .bloklinks label { width: 150px; }
form#contact .blokrechts input { padding: 0px; margin-top: 10px; margin-right: 14px; margin-bottom: 10px; margin-left: 0px; border: 2px inset #D3D3D3; }
#bestelform { border: 2px dashed #D3D3D3; margin: 20px 10px; padding: 5px; display: block; }
#bestelform .bloklinks { margin: 0px; padding: 0px; clear: left; float: left; width: 40%; position: relative; top: 0px; white-space: nowrap; }
#bestelform .blokrechts { margin: 0px; padding: 0px; clear: right; float: right; width: 50%; position: relative; top: 0px; right: 5px; text-align: left; }
#bestelform .bloklinks label { width: 150px; clear: both; float: right; margin: 9px 8px; }
#bestelform .blokrechts input, #bestelform .blokrechts select { padding: 0px; border: 2px inset #D3D3D3; margin: 11px 14px 11px 0px; clear: both; float: left; }
#bestelform #opmerking { clear: both; }
#bestelform .blokrechts .nowrap { white-space: nowrap; }
#bestelform .blokrechts input.noclear { clear: left; float: left; white-space: nowrap; }
#bestelform .blokrechts .select { clear: right; float: right; white-space: nowrap; }
textarea { margin-top: 5px; width: 94%; background-color: transparent; float: right; margin-right: 20px; margin-bottom: 10px; border: 2px inset #D3D3D3; }
input#verstuur { color: #FFFFFF; background-color: #D3D3D3; margin-left: 20px; margin-right: 10px; font-weight: bold; border: 2px outset #D3D3D3; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; }
input.button { color: #FFFFFF; background-color: #D3D3D3; font-weight: bold; border: 2px outset #D3D3D3; display: inline; float: none; cursor: auto; }
input#cancel { color: #FFFFFF; background-color: #D3D3D3; margin-right: 5px; margin-left: 5px; border: 2px outset #D3D3D3; font-weight: bold; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; }
.htmlklus { font-family: "Britannic Bold", "Grenoble SF", Engebrechtre, "Gill Sans MT Condensed", Tahoma, Verdana, sans-serif; font-size: x-large; font-weight: bold; position: relative; top: 0px; float: left; padding-left: 20px; }
.adresblok { margin: 0px; clear: right; float: right; width: 40%; position: relative; top: 5px; right: 0px; text-align: left; display: block; padding: 0px 0px 10px; }
#inhoud .float_left { float: left; clear: left; width: 56%; text-align: right; margin: 0px; padding: 0px 0px 20px; top: 5px; position: relative; }
#inhoud .float_left p { text-align: right; margin-right: 0px; padding-right: 0px; }
#w3c { font-size: x-small; position: absolute; right: 2px; bottom: 0px; color: #D3D3D3; z-index: 99; text-align: right; float: right; }
#w3c a:link { color: #D3D3D3; }
#w3c a:visited { color: #D3D3D3; }
#w3c a:hover { color: #999999; }
#w3c a:active { color: #999999; }
#inhoud img.down { position: relative; top: 4px; left: 4px; }
#demo { border:1px solid #D3D3D3; margin:10px; position: relative; padding: 10px; }
th, td { width: 33%; }
pre { font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-color:#FCFAF6; }
.error { color:maroon; font-weight: bold; }
.vrij { color:green; font-weight: bold; }
#whoistable { border-bottom:1px solid #D3D3D3; position: relative; margin:10px; }
#whoistable, input, select { font-size:0.85em; font-family:verdana, arial, helvetica; padding-top: 2px; padding-bottom: 2px; margin-right: 4px; }
#whoistable th { text-align:left; }
#whoistable a, #whoistable a:visited { color:#000; text-decoration:none; }
#whoistable a:hover { color: #999; text-decoration:underline; }
h1 { font-family:arial, helvetica, sans-serif; font-size:1.8em; color:#7C765A; }
h2 { font-family:arial, helvetica, sans-serif; font-size:1.6em; color:#AEA991; }
h2.contentheading { font-size: 1.4em; }
h3 { font: bold x-large "Britannic Bold", "Grenoble SF", Engebrechtre, "Gill Sans MT Condensed", Tahoma, Verdana, sans-serif; color: #C4C4C4; }
.whoisform { width: 360px; }
#whoiswait { text-align: center; position: absolute; top: 50%; width: 100%; overflow: visible; visibility: visible; display: block; z-index: 99; }
#whoiswait .outer { margin-left: -200px; position: absolute; top: -60px; left: 50%; visibility: visible; width:400px; }
#whoiswait .inner { padding:30px; line-height:30px; border:1px solid #D4D0C8; background: #FFFFFF; }
#whoisdetails { font-family:verdana, arial, helvetica, sans-serif; ; font-size:0.85em; padding:20px; border:1px solid #D4D0C8; background-color:#FCFAF6; }
.linkbutton { font-size:1.0em; width:80px; }
.whoisrow1, .whoisrow1available { background-color: #FCFAF6; border-top:1px solid #D3D3D3; height: 40px; }
.whoisrow2, .whoisrow2available { background:#FFF; border-top:1px solid #D3D3D3; height: 40px; }
#verhuman { text-align:center; border:1px solid #D3D3D3; background:#FFFFFF; padding:20px; }
.verhuman { font-size:2.2em; }
.verhumanimg { border:1px solid #000; }
#inhoud #form-bestel { position: relative; left: 320px; display: block; width: 100px; top: -30px; }
#inhoud #form-bestel #bestel { padding: 2px; }
#form2 span.links { float: left; display: inline; width: auto; }
#form2 input { display: inline; float: none; clear: none; top: 0px; margin-right: 4px; margin-left: 4px; padding: 2px; }
#bestelvrij input.bestelvrij { color: #FFFFFF; background-color: #D3D3D3; margin-right: 5px; margin-left: 5px; border: 2px outset #D3D3D3; font-weight: bold; padding: 2px 4px; float: left; position: relative; }
span.rood { color: #FF0000; font-size: large; font-weight: bold; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
#footer { clear: both; z-index: 1; display: block; position: relative; }
.clear { clear: both; }
.componentheading, .componentheading_home { display: none; }
#klussenblok, #templates { clear: both; display: block; position: relative; }
.voorbeelden { position: relative; padding-bottom: 3em; margin-bottom: 3em; }
#klussenblok ul, #templates ul { padding-bottom: 3em; margin-bottom: 3em; }
#klussenblok li, #templates li { float: left; position: relative; clear: both; margin-bottom: 5px; border: 2px solid #CCC; padding: 5px; display: block; width: 90%; }
.voorbeelden li span { color: #666666; text-indent: 8px; text-align: left; }
.voorbeelden img.pic { float: right; margin: 5px; }
img.int { text-decoration: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; position: relative; top: 4px; }
strong { font-size: 1.2em; }
.sh-li { background: #FFF url(../images/zij-links.png) repeat-y left top; position: absolute; height: 100%; width: 19px; left: -19px; top: 0px; float: left; padding-bottom: 190px; }
.sh-re { background: #FFF url(../images/zij-rechts.png) repeat-y right top; position: absolute; height: 100%; width: 19px; right: -19px; top: 0px; float: right; padding-bottom: 190px; }
.sh-on { background: url(../images/onder.png) repeat-x bottom; position: absolute; left:0px; height: 19px; width: 100%; bottom: 0px; margin-bottom: -209px; }
.li-on { float: left; height: 25px; width: 25px; left: -19px; position: absolute; z-index: 99; top: -6px; }
.re-on { float: right; height: 25px; width: 25px; position: absolute; z-index: 99; right: -19px; top: -6px; }
.hoogte { position: relative; min-height: 400px; }
.toplaag { position: relative; z-index: 999; }
#inhoud ol li { list-style: decimal; padding-right: 10px; }
.box_rechts { float: right; width: 150px; margin-left: 10px; }
.article-content p { text-align: justify; }
#klussenblok .voorbeelden ul li { text-align: left !important; }
.blok { margin-bottom: 2em; }
.blok h3{ font-size: 1.2em; }
.blok p{ padding-left: 2em; }