/* 

Not all treasure is silver and gold, mate.

 -------------------------------
|    COPYRIGHT BAASIMMEDIA      |
| WEBSITE DOOR MAARTEN - 2009   |
|     INFO@BAASIMMEDIA.NL       |
 -------------------------------
 
*/

* {margin:0;padding:0}

.clearer {clear:both;}

body {
	padding:0;
	margin:0;
	background:#f6f6f6;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
}

#container {
	background:#FFF url(../images/bg_container.gif);
	margin:auto;
	width:1000px;
	height:auto;
}

#header {
	float:left;
	background:url(../images/bg_header.jpg);
	width:695px;
	height:250px;
}

#headernieuws {
	float:right;
	background:#e95d0f url(../images/bg_headernieuws.gif);
	width:305px;
	height:240px;
	padding-top:10px;
}

#menu {
	float:left;
	background:#3f3f3f url(../images/bg_menu.gif);
	width:695px;
	height:35px;
}

#rechts {
	width:305px;
	height:auto;
	float:right;	
}

#content {
	float:left;
	width:695px;
	height:auto;	
}

#footer {
	background:#e95d0f url(../images/bg_footer.gif);	
	width:1000px;
	height:70px;
	padding-top:5px;
	font-size:11px;
}

#wrapper {background:#f4a87d;color:#464646;margin:-5px 5px 5px 5px;padding:2px;font-size:12px;}

/* MENU */

div#navcontainer ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	text-align: center;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 10px;
}

div#navcontainer ul li {display: inline;margin-left: -4px;}

div#navcontainer ul li a {padding: 10px 20px 9px 20px;color: white;text-decoration: none;border-right: 1px solid #fff;}

div#navcontainer ul li a:hover {background-color: #e95d0f;color: #000;}

#active a { border-left: 1px solid #fff; }

.naam {font-family:Times new Roman, Arial, Verdana, Helvetica, sans-serif;font-size:25px;color:#162983;}

/* NIEUWS */

.nieuws {width:670px;height:auto;margin-left:12px;margin-top:12px;}

.nieuwskop {float:left;width:530px;height:38px;background:#f2f2f2 url(../images/bg_nieuws.gif);font-family:Times new Roman, Arial, Verdana, Helvetica, sans-serif;font-size:30px;color:#162983;padding-left:10px;padding-top:3px;}

.nieuwsimg {float:right;width:118px;height:118px;background:#f2f2f2;}

.nieuwstekst {width:540px;height:auto;}

/* RECHTS */

.rechtskop {margin-top:5px;margin-left:8px;margin-bottom:8px;width:280px;height:38px;background:#f2f2f2 url(../images/bg_rechts.gif);font-family:Times new Roman, Arial, Verdana, Helvetica, sans-serif;font-size:30px;color:#162983;padding-left:10px;padding-top:3px;}
.project {margin-left:8px;margin-bottom:8px;}
.holder {margin-left:10px;}
.holder2 {margin-left:8px;}

/* CONTENT */

.cont {width:670px;height:auto;margin-left:12px;margin-top:12px;}

.contentkop {margin-bottom:8px;width:660px;height:38px;background:#f2f2f2 url(../images/bg_contentkop.gif);font-family:Times new Roman, Arial, Verdana, Helvetica, sans-serif;font-size:30px;color:#162983;padding-left:10px;padding-top:3px;}

.contenttekst {width:670px;height:auto;margin-bottom:8px;}

a:link, a:visited { color:#000; text-decoration: none; }
a:hover { color: #162983; text-decoration: none; }

input, select, textarea, button {
	border:1px solid #ddd;
	padding:1px 1px;
	margin:3px;
	background-color:#fcfcfc; 
	color:#13268d;
 }	

input:hover, select:hover, textarea:hover {
	background: #f2f2f2;
}

hr {color: #fff; background-color: #fff; border: 1px dotted #ddd; border-style: none none dotted; }

/* Overlay */

.black_overlay {
   display: block;
   position: absolute;
   top: 0%;
   left: 0%;
   width: 100%;
   height: 100%;
   background-color: black;
   z-index:1001;
   -moz-opacity: 0.8;
   opacity:.80;
   filter: alpha(opacity=80);
}
.white_content {
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -250px; /* de helft van de breedte */
   margin-top: -250px; /* de helft van de hoogte */
   width: 500px;
   height: 500px;
   padding: 10px;
   border: 3px solid #616161;
   background-color: #0D0D0D;
   z-index:1002;
   overflow: auto;
   color: #FFFFFF;
}

.white_content a:link, a:visited {
   color: #FFF;
   text-decoration: none;
}

.white_content a:hover {
   color: #e95d0f;
   text-decoration: none;
}

.sluit {width:auto;height:auto;float:right;}