/* CSS Document Portfolio KoenCoppens.nl */
body{background-color:#FFFFFF; font-family:Arial, sans-serif; font-size:60%; color:#333333; text-align:left;}
body {
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #333333;
scrollbar-darkshadow-color: #333333;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;}

li {margin-left:-25px;}
a:link {font-size:100%; color:#666666; text-decoration:underline;}
a:visited {font-size:100%; color:#666666; text-decoration:underline;}
a:active {font-size:100%; color:#CCCCCC; text-decoration:none;}
a:hover {font-size:100%; color:#CCCCCC; text-decoration:none;}

form { margin:0px; }
h1{font-size:120%; font-weight:bold; margin-bottom:0px;}
h2{font-size:110%; font-weight:bold; margin-bottom:0px;}
h3{font-size:100%; font-weight:600; margin-bottom:0px; color:#000000;}
h4{font-size:100%; font-weight:600; margin-bottom:0px; color:#000000;}



div.lichaam{background-color:transparant; position:absolute; top:40px; left:50%; margin-left:-240px;}
div.copyright{background-color:#FFFFFF; position:absolute; top:440px; left:50%; margin-left:-110px; width:260px; height:20px; margin-top:3px; font-size:90%; text-align:right;}

div.venster{background-color:#FFFFFF; position:relative; width:260px; height:376px; margin:2px; padding:10px; overflow:auto;}
div.vensterrand{background-color:#333333; position:absolute; top:40px; left:50%; margin-left:-133px;}

div.titel{background-color:#FFFFFF; position:absolute; top:42px; left:50%; margin-left:-180px;}
	img.titel{background-color:#transparant; position:absolute; top:5px; margin-left:50px; border:0px;}
	
div.menu{background-color:#FFFFFF; position:absolute; top:350px; left:50%; margin-left:-105px; width:235px; height:85px; border:0px solid red;}
	img.contact{background-color:transparant; position:absolute; top:10px; left:30px; z-index:1; border:0px;}
	img.links{background-color:transparant; position:absolute; top:50px; left:105px; z-index:2; border:0px;}
	img.curriculum{background-color:transparant; position:absolute; top:5px; left:100px; z-index:3; border:0px;}
	img.guestbook{background-color:transparant; position:absolute; top:45px; left:145px; z-index:4; border:0px;}
	img.information{background-color:transparant; position:absolute; top:30px; left:115px; z-index:5; border:0px;}
	img.portfolio{background-color:transparant; position:absolute; top:60px; left:30px; z-index:6; border:0px;}
	img.updates{background-color:transparant; position:absolute; top:35px; left:40px; z-index:7; border:0px;}
	
div.inhoud{background-color:transparant; position:absolute; top:120px; left:50%; margin-left:-121px; width:270px; height:230px; overflow:auto; z-index:8;}

div.switchcontent {display: none;}
div.showname {background-color:#FFFFFF; position:absolute; top:465px; left:50%; margin-left:-130px; width:260px; padding:2px;}

div.portinhoud a:link img {filter:Gray() alpha(opacity=70); -moz-opacity:0.7;}
div.portinhoud a:visited img {filter:Gray() alpha(opacity=70); -moz-opacity:0.7;}
div.portinhoud a:hover img {filter:none(); -moz-opacity:1.0;}

div.mailform textarea {font-family:arial, helvetica, sans-serif; font-size:100%; width:130px;}
div.mailform input {font-family:arial, helvetica, sans-serif; font-size:100%; width:130px;}
div.mailform label {vertical-align:top; width:70px; display:block; float:left;}

div.guestform {background: #FFFFFF; border: 1px solid black; width: 400px; padding: 10px; margin: 0 auto 15px; text-align: center;}
div.guestformholder { width:210px; text-align:left;}
div.guestform textarea {font-family:arial, helvetica, sans-serif; font-size:100%; width:130px;}
div.guestform input {font-family:arial, helvetica, sans-serif; font-size:100%; width:130px;}
div.guestform label {vertical-align:top; width:70px; display:block; float:left;}
div.guestform .navigate { width: 420px; text-align: left; margin: 0 auto 8px }
div.guestformholder .name { font-weight: bold; float: left }
div.guestformholder .info {float: right; margin-bottom: 1em; }
div.guestformholder .entry {background: #FFFFFF; border: solid 1px black; width: 400px;padding: 10px; margin: 0 auto 15px; text-align: left;}
div.guestformholder .entry p { clear: both; margin-top: 0}
div.guestformholder .date { font-size: 10px; text-align: right }

div.curriculum h3 {vertical-align:top; width:90px; display:block; float:left; margin:0px;}
div.curriculum .text{vertical-align:top; width:160px; display:block; float:left;}
div.curriculum h4 {vertical-align:top; width:130px; display:block; float:left; margin:0px;}
div.curriculum .score{ font-size: 120%; vertical-align:top; width:70px; display:block; float:left;}

div.imagepagina {position:absolute; top:0px; left:0px;}
div.imagelichaam {position:absolute; bottom:-40px; left:-80px; margin-left:10px; z-index:1;}
div.imageholder {position:absolute; text-align:center; margin:30px 30px 30px 100px; padding:10px; border:2px solid #333333;}
div.imagecopyright {background-color:#FFFFFF; position:absolute; bottom:-30px; right:0px; width:220px; height:20px; margin-top:3px; font-size:90%; text-align:right;}
div.imagetitel {position:absolute; left:50%; margin-left:-175px; top:-25px; width:350px; height:20px; display:block;}

div.taalkeuze {position:absolute; top:20px; left:50%; margin-left:-110px; width:260px; height:20px; margin-top:3px; font-size:90%; text-align:right;}
	img{border:0px;}
div.taalkeuze a:link img {filter:Gray() alpha(opacity=70); -moz-opacity:0.7;}
div.taalkeuze a:visited img {filter:Gray() alpha(opacity=70); -moz-opacity:0.7;}
div.taalkeuze a:hover img {filter:none(); -moz-opacity:1.0;}

div.counter {position:absolute; left:-400em;}