@charset "utf-8";
/* CSS Document */
*{border:0px solid #eee;margin:0;padding:0;}
html,body{width:100%;height:100%; background:}
body{font-family:Georgia,Garamond,Arial;font-size:14px;cursor:default;color:#000; overflow:auto; background-color:#999999; background-image:}
#logo {position:fixed; top:80px; left:0px; z-index:2;}
#menu{position:fixed; top:150px; left:0px; z-index:2;}
#profiel a {background:url(../images/knop-profiel.png) no-repeat; background-position:-20px 0; width:188px; height:28px; display:block; color:#B38700;}
#services a {background:url(../images/knop-services.png) no-repeat; background-position:-40px 0; width:188px; height:28px; display:block; color:#015FA0;}
#portfolio a {background:url(../images/knop-portfolio.png) no-repeat; background-position:-10px 0; width:188px; height:28px; display:block; color:#AF2F01;}
#contact a {background:url(../images/knop-contact.png) no-repeat; background-position:-50px 0; width:188px; height:28px; display:block; color:#4b4b4b;}

#profiel a:hover, #services a:hover, #portfolio a:hover, #contact a:hover {background-position: 0px 0;}

#all{position:absolute; top:150px;left:300px; width:550px; height:auto;}

#header{position:absolute; left:0; top:0px; width:550px; height:100px;}

#content{position:absolute; left:0; top:100px; width:550px;}
#tab{position:relative; left:550px; top:-100px;; width:35px; height:0}

#text{float:left; width:450px; background: #FFFFFF; padding: 0 50px 50px 50px; min-height:300px;}
#text h1 {font: italic bold 1.8em Georgia, "Times New Roman", Times, serif; color:#AF2F01; margin: 20px 0 10px 0;}
#text h2 {font: italic bold 1.2em Georgia, "Times New Roman", Times, serif; color:#AF2F01; margin: 20px 0 10px 10px;} 
#text p {font: normal 1em/1.5em Georgia, "Times New Roman", Times, serif; margin:0 0 10px 10px; color:#333;} 
#text strong {color:#015FA0;}
#text a, #text a:visited { text-decoration:none; color:#015FA0;}
#text a:hover { text-decoration:underline; color:#CC0000;}

#footer{clear:both; bottom:0px; width:550px; padding: 0;}

#footermenu{ position:fixed; left:240px; bottom: 20px; width:2000px; overflow:hidden; height:25px; background:#333; color:#999; z-index:1 }
#footermenu p {position:relative; top:3px; left:15px; word-spacing: 5px;}
#footermenu a, #footermenu a:visited { text-decoration:none; color:#999;}
#footermenu a:hover { text-decoration:underline; color:#FFFFFF;}

#whitespace {float:left; width:550px; height: 150px;}

/* fader */
#slideshow { position:fixed;  margin: 0; overflow:hidden; z-index:-1; }
#slideshow img { padding: 0px; border: 0; background-color: #eee; }
#grid { position:fixed; width:100%; height: 100%; background: url(../images/grid.png) repeat; z-index:0; }

/* big screens */
#right {position:fixed; overflow:hidden; z-index:-1; left:1280px; top:0px; background-color:#000; width:1000px; height:960px;}
#bottom {position:fixed; overflow:hidden; z-index:-1; left:0; top:960px; }

/*Portfolio */
#thumb {width:599px; height:148px;}
#thumb a {background: url(../images/preview-tab.png) no-repeat; display:block;}
#thumb a:hover {background-position: 6px 0;}
#thumb p {position:relative; top:5px; left:-20px; word-spacing: 5px; color:#CCC; font: italic 0.8em Georgia, "Times New Roman", Times, serif; text-align:right;}