@charset "utf-8";
/* CSS Document */


/*---------------------------------------- GLOBAL -------------------------------------- */

body {background: url(images/bg2.jpg) repeat-x #1d2226; color:#FFF;
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif; font-size: 12px; text-align:left; line-height: 1.4em;
margin: 0; padding: 0;}

h1 {font-size: 1.3em;}

a {color: #9bcb29; text-decoration:none;}
a.top {background: #111619;}
a:hover {text-decoration:underline;}

img {border-style: none;}

p{width: 100%; padding: 0 10px 0 10px;}
p.top {width: 120px;padding-left: 700px;}
#about p{width: 40%; margin: 0 0 1em 35px;}

ul {list-style: none;}


/*--------------------------------------- HEAD ---------------------------------------- */

#header {margin: 0 0 10px 0px;}

#slogan { background: url(images/slogan_bg.jpg) no-repeat; margin: 0 0 100px 0px; padding-left: 24px; width:758px;}
.slogan {text-align: left;width: 90%;font-size:14px;padding: 22px 0 22px 25px;}

#lang {float:right; padding-right:25px}

/*--------------------------------------- CONTENT --------------------------------------- */

/*-------------CONTENT -> SCREENSHOTS ------------*/
#container {position:absolute; margin: 0 0 0 0; width: 100%; text-align: left;}

.screenshot_head {margin: 50px 0 0 0;}
.screenshot {position:relative; width: 747px; margin:25px 0 0 46px; border: solid 4px #090c0d;}

.klik {position:absolute; background: url(images/bezoek.gif) no-repeat; width: 103px; height: 40px; top:110px; left:-12px;}
.klik:hover { background:url(images/bezoek.gif) no-repeat 0 -41px;}

/*-------------CONTENT -> ABOUT ------------*/

.head2 {margin-bottom: 15px; margin-left:42px; width: 100%;}

#about {width:800px; background:#FFF; position:relative;  color:#000; margin:50px 0 50px 0; padding:0 0px 45px 0px;}

/*-------- CONTENT -> ABOUT -> FORM --------*/

#form {width: 300px;position: absolute;top: 68px;right: 0;background:#e5e5e5;border: #CCC solid 1px;margin: 0 56px 0 0;padding: 0 10px 10px 0;}

.form {font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif; font-size: 1em; padding: 2px 2px 2px 2px;}

ul.form{padding: 20px; margin: 0 auto 0 auto;}

ul.form input, textarea {font: 11px "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;}
	
ul.form input.invoer {height:15px; width:245px; margin-top:12px; padding:5px; border: solid 3px #ccc;}
ul.form input.invoer:hover {border: solid 3px #9bcb29;} 

input.verstuur {float: left; width: 103px; height: 32px; background: #333 url(images/verstuur.gif) no-repeat; border: none; margin-top: 10px;}
input.verstuur:hover {background: #666 url(images/verstuur.gif) no-repeat 0 -33px;}
	
ul.form textarea {width:250px; height:50px; margin-top:12px; padding:2px 0 5px 5px; border:solid 3px #bebebe;}
ul.form textarea:hover {border: solid 3px #9bcb29;} 


/*--------------------------------------- FOOTER --------------------------------------- */

#footer {background-color: #090c0d; padding: 25px 0 25px 25px;}