/* RESET */
* {padding: 0px; margin: 0px; outline:none;}

/* BASIS */
html {height:100%;}
body {font-size: 12px; font-family: Arial; color: #000; height:100%; background:url("../images/bg.jpg") no-repeat center top #0e7d04;}
a {color:#333333;}
a:hover {color:#555555;}
img {display:block; border:none;}
.nofloat {clear:both;}

/* FRAME */
#container {position:relative; width:940px; margin:0 auto 0 auto; background:url(../images/wrap_bg.jpg) no-repeat left top; padding:0 0 50px 0;}
#header{height:135px; width:940px; background:url("../images/header.jpg"); z-index:2;}
#header h1 {position:absolute; left:188px; top:13px; text-indent:-9999px; overflow:hidden; display:block; width:372px; height:75px; background:url("../images/logo.jpg") no-repeat;}
#header h1 a {display:block; width:372px; height:75px;}
#header h2 {position:absolute; left:192px; top:94px; text-indent:-9999px; overflow:hidden; display:block; width:474px; height:23px; background:url("../images/subheader.jpg") no-repeat;}
#header .typhone {position:absolute; left:686px; top:8px;}

#content {position:relative; padding:0 7px 10px 8px; margin:0 0 0 35px; width:888px; background:url("../images/gradient_bg.jpg") repeat-x #ededed; border:solid 1px #363636; border-top:none;}
#content .left {float:left; width:652px; margin:0 0 0 0;padding:397px 0 0 0; position:relative; z-index:3; top:-2px;}

#content .left .doemee {position:relative; background:url("../images/bg-tekst.jpg") no-repeat top left; padding:84px 0 0 0; height:306px;}
#content .left .doemee h2 {position:absolute; text-indent:-9999px; overflow:hidden; top:30px; left:114px; width:501px; height:25px; background:url("../images/text-header.jpg") no-repeat top left; display:block;}
#content .left .doemee p {line-height:17px; margin:0 0 13px 133px; width:450px;}
#content .left .doemee p.klein {width:325px;}
#content .left .doemee p.links {margin:0 0 10px 57px; font-weight:bold;}
#content .left .doemee h3 {font-weight:bold; font-size:23px; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 57px;}
#content .left .doemee a.meldaan {color:#333333; width:490px; height:79px; text-align:center; font-size:21px; font-weight:bold; text-decoration:none; display:block; position:absolute; z-index:5; top:284px; left:78px; padding:10px 0 0 0;}
#content .left .doemee p.maakkans {display:block; width:490px; height:89px; position:absolute; z-index:4; top:284px; left:78px; background:url(../images/buttons/maakkans.jpg) no-repeat; text-indent:-9999px; overflow:hidden; margin:0;}
#content .left .doemee .gasocial {display:block; width:490px; height:89px; position:absolute; z-index:4; top:284px; left:78px; background:url(../images/buttons/ga_verder.jpg) no-repeat; text-indent:-9999px; overflow:hidden; margin:0;}

#content .left .voorwaarden {}

#content .right {float:left; width:236px; position:relative; z-index:3; top:-12px;}

#content .terug {background:url(../images/terug.png); width:229px; height:37px; overflow:hidden; position:relative; float:right; margin:7px 6px 0 0; text-indent:-9999px;}

#twitterParser {position:relative; background:url(../images/parsers/bg.jpg) repeat-y; padding:39px 0 0 0; margin:10px 0 0 0;}
#twitterParser .topheader {background:url(../images/parsers/twitter_top.jpg); display:block; text-indent:-9999px; position:absolute; height:39px; width:236px; top:0px; text-decoration:none;}
#twitterParser .topheader span {font-weight:bold; color:#fff; text-indent:0px; position:absolute; left:48px; top:9px; font-size:21px; padding:3px 0 0 0;}
#twitterParser #tweets {position:relative; list-style:none; margin:0 3px 0 3px; background:url(../images/parsers/verloop.jpg) no-repeat #ff4900;}
#twitterParser #tweets li {background:url(../images/parsers/li.gif) no-repeat 6px 15px #fff; margin:0 1px 2px 1px; padding:10px 10px 10px 15px; font-size:11px;}
#twitterParser .knop {background:url(../images/parsers/twitter_bottom.jpg) no-repeat; display:block; height:37px; width:236px; text-indent:-9999px; position:relative; overflow:hidden;}

#flickrParser {position:relative; background:url(../images/parsers/bg.jpg) repeat-y; padding:41px 0 0 0; margin:10px 0 0 0;}
#flickrParser .topheader {background:url(../images/parsers/flickr_top.jpg); display:block; text-indent:-9999px; position:absolute; height:41px; width:236px; top:0px; text-decoration:none;}
#flickrParser .topheader span {font-weight:bold; color:#fff; text-indent:0px; position:absolute; left:130px; top:9px; font-size:21px; padding:3px 0 0 0;}
#flickrParser #flickr {position:relative; list-style:none; margin:0 3px 0 3px; background:url(../images/parsers/verloop.jpg) no-repeat #ff4900;}
#flickrParser #flickr li {background:#fff; float:left; z-index:9; position:relative;}
#flickrParser #flickr li img {width:101px; height:76px; border:solid 1px #0d0d0d; padding:0px; margin:0px; z-index:10;}
#flickrParser #flickr li.links {margin:0 0 0 1px; padding:12px 3px 12px 8px; width:103px; overflow:hidden;}
#flickrParser #flickr li.rechts {margin:0 1px 0 0; padding:12px 8px 12px 3px;}
#flickrParser .knop {clear:both; background:url(../images/parsers/flickr_bottom.jpg) no-repeat; display:block; height:37px; width:236px; text-indent:-9999px; position:relative; overflow:hidden;}

#youtubeParser {position:relative; background:url(../images/parsers/bg.jpg) repeat-y; padding:47px 0 0 0; margin:10px 0 0 0;}
#youtubeParser .topheader {background:url(../images/parsers/youtube_top.jpg); display:block; text-indent:-9999px; position:absolute; height:47px; width:236px; top:0px; text-decoration:none;}
#youtubeParser .topheader span {font-weight:bold; color:#fff; text-indent:0px; position:absolute; left:120px; top:9px; font-size:21px; padding:3px 0 0 0;}
#youtubeParser #youtubes {position:relative; list-style:none; margin:0 3px 0 3px; background:url(../images/parsers/verloop.jpg) no-repeat #ff4900;}
#youtubeParser #youtubes li {background:#fff; margin:0 1px 2px 1px; padding:10px 8px 10px 8px; font-size:11px;}
#youtubeParser #youtubes li a {text-decoration:none; display:block; z-index:20; width:200px; height:70px; position:absolute; top:1px; left:1px; border:none;}
#youtubeParser #youtubes li p.imgholder {float:left; border:solid 1px #999999; padding:1px; display:block; position:relative; width:82px; height:62px;}
#youtubeParser #youtubes li p.info {margin:0 0 0 6px; display:block; position:relative; float:left; width:107px; z-index:15;}
#youtubeParser #youtubes li img {width:80px; height:60px; border:solid 1px #999999;}
#youtubeParser .knop {background:url(../images/parsers/youtube_bottom.jpg) no-repeat; display:block; height:37px; width:236px; text-indent:-9999px; position:relative; overflow:hidden; clear:both;}

#poweredby {position:relative; text-align:center; margin:15px 0 0 0;}
#poweredby h2 {color:#b7b7b7; font-size:15px; margin:0 0 8px 0;}
#poweredby .htc {float:left; position:relative; top:39px; left:26px; margin:0 54px 0 0;}
#poweredby .mtv {float:left;}

.alletweets {background:url(../images/buttons/alletweets.jpg); display:block; text-indent:-9999px; position:relative; height:43px; width:236px; text-decoration:none; margin:10px 0 0 0;}
.alletweets span {font-weight:bold; color:#fff; text-indent:0px; position:absolute; left:48px; top:4px; font-size:21px; padding:3px 0 0 0;}

.allefotos {background:url(../images/buttons/allefotos.jpg); display:block; text-indent:-9999px; position:relative; height:44px; width:236px; text-decoration:none; margin:10px 0 0 0;}
.allefotos span {font-weight:bold; color:#fff; text-indent:0px; position:absolute; left:130px; top:9px; font-size:21px; padding:3px 0 0 0;}

.alletubes {background:url(../images/buttons/alletubes.jpg); display:block; text-indent:-9999px; position:relative; height:50px; width:236px; text-decoration:none; margin:10px 0 0 0;}
.alletubes span {font-weight:bold; color:#fff; text-indent:0px; position:absolute; left:120px; top:9px; font-size:21px; padding:3px 0 0 0;}

.videoHolder {position:absolute; top:0px; left:0px; background:url("../images/vid_holder.jpg") no-repeat top left; padding:2px 5px 6px 4px; height:385px; width:640px;}
.videoHolder .delenvia {position:absolute; top:160px; left:-45px; display:block; width:45px; height:94px; background:url("../images/buttons/delenvia.jpg"); overflow:hidden; text-indent:-9999px;}
.videoHolder .hyves{position:absolute; top:28px; left:-45px; display:block; width:45px; height:44px; background:url("../images/buttons/hyves.jpg"); overflow:hidden; text-indent:-9999px;}
.videoHolder .facebook{position:absolute; top:72px; left:-45px; display:block; width:45px; height:44px; background:url("../images/buttons/facebook.jpg"); overflow:hidden; text-indent:-9999px;}
.videoHolder .twitter{position:absolute; top:116px; left:-45px; display:block; width:45px; height:44px; background:url("../images/buttons/twitter.jpg"); overflow:hidden; text-indent:-9999px;}
.videoHolder .imgHolder {position:relative; top:0px; left:0px; height:385px; width:640px; background:#000000; text-align:center;}
.videoHolder .imgHolder img {position:relative; z-index:10; margin:0 auto 0 auto;}

#popup label {display:block; width:100%; margin:0 0 4px 0; position:relative; height:20px;}
#popup label input {position:absolute; left:100px; top:0px;}
#popup label .voorwaarden {display:block; position: absolute; left: 130px; width:300px;}

#bottom {position:relative; height:15px; background:url(../images/bottom.gif) no-repeat; margin:0 0 0 35px; top:-1px;}

#zwart {background:url(../images/popup/bg.png) repeat; height:100%; width:100%; position:absolute; z-index:50; display:none; padding:0; margin:0; top:0px; left:0px;}
#popupcont {height:100%; width:100%; position:relative; z-index:50; padding:0; margin:0; top:0px; left:0px;}
#popupcont #block {height:50%; position:relative; margin-bottom:-218px;}
#popup {width:683px; position:relative; z-index:52; margin:0 auto 0 auto; left:0; top:0; overflow:hidden;}
#popup .sluit {position:absolute; left:601px; top:19px; cursor:pointer;}
#popup .top {background:url(../images/popup/top.gif) no-repeat; height:15px; position:relative;}
#popup .content {background:url(../images/popup/verloop.jpg) repeat-x #ededed; border-left: solid 1px #363636; border-right:solid 1px #363636; overflow:hidden;}
#popup .content form {display:block; background:url(../images/popup/bg.jpg) no-repeat; width:662px; height:347px; margin:0 0 0 16px; position:relative; padding:70px 0 0 15px;}
#popup .content form h2 {display:block; position:absolute; left:23px; top:21px; overflow:hidden; width:343px; height:29px; text-indent:-9999px; background:url(../images/popup/meldaan.jpg);}
#popup .content form .hoofdtekst {margin:0 0 17px 0;}
#popup .content form fieldset {border:none;}
#popup .content form .brief {margin:10px 0 10px 0;}
#popup .content form .verplicht {margin:12px 0 0px 0; font-size:10px;}
#popup .content form .verplicht em {color:#ff0000;}
#popup .content form label {display:block; height:19px; width:305px; position:relative; padding:2px 0 0 0; margin:0 0 4px 38px;}
#popup .content form label.voorwaarden {display:block; height:19px; width:305px; position:relative; padding:2px 0 0 23px; margin:0 0 3px 185px;}
#popup .content form label.voorwaarden input {position:absolute; left:0px; top:2px; border:none; width:14px; height:14px; margin:0; padding:0;}
#popup .content form label.voorwaarden label.error {left:-27px;}
#popup .content form label.radio label.error {left:10px;}
#popup .content form label.radio {display:block; height:19px; width:285px; position:relative; padding:0 0 0 57px; margin:0; }
#popup .content form label.radio input {position:absolute; left:38px; top:1px; border:none; width:13px; height:13px; margin:0; padding:0;}
#popup .content form label.voorwaarden a {font-weight:bold; color:#000000; text-decoration:underline;}
#popup .content form label.voorwaarden a:hover {color:#ff4200;}
#popup .content form .knoppen {height:30px; width:305px; position:relative; padding:6px 0 0 0; margin:9px 0 0 38px;}
#popup .content form .knoppen #facebook {position:absolute; left:167px; top:0px; width:123px; height:28px; background:url(../images/popup/facebook.jpg) no-repeat; background-position:0px -28px; text-indent:-9999px; overflow:hidden; display:block;}
#popup .content form .knoppen #hyves {position:absolute; left:314px; top:0px; width:123px; height:28px; background:url(../images/popup/hyves.jpg) no-repeat; text-indent:-9999px; overflow:hidden; display:block;}
#popup .content form .knoppen #twitter {position:absolute; left:462px; top:0px; width:123px; height:28px; background:url(../images/popup/twitter.jpg) no-repeat; text-indent:-9999px; overflow:hidden; display:block;}
#popup .content form #facebook_radio {position:absolute; left:147px;}
#popup .content form #hyves_radio {position:absolute; left:294px;}
#popup .content form #twitter_radio {position:absolute; left:442px;}
#popup .content form label em {color:#ff0000;}
#popup .content form label input {width:258px; height:17px; border:solid 1px #555555; position:absolute; top:0px; left:147px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:1px 3px 0 3px;}
#popup .content form .submit {position:absolute; top:369px; left:406px;}
#popup .bottom {background:url(../images/popup/bottom.gif) no-repeat; height:15px; position:relative;}
#popup .content form label.error {background:url(../images/popup/unchecked.gif) no-repeat; width:14px; height:14px; overflow:hidden; position: absolute; left:120px; top:2px; text-indent:-9999px; padding:0; margin:0;}