@charset "utf-8";
/* Algemene opmaak van de site (de body en onderdelen + links */
html, body {
	border: 0; 
	margin: 0; 
	padding: 0;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}
body {
	background-color: #000;
	background-image: url(../images/site/bg.jpg);
	background-repeat: repeat-x;
}
#top2 {
	height: 51px;
	vertical-align: middle;
}
#logo {
	margin: 0px 0px 0px 10px;
	display: block;
	float: left;
	height: 71px;
	width: 211px;
}
#countdown {
	margin: 30px 10px 0px 0px;
	display: block;
	float: right;
	width: 350px;
	text-align: right;
	font-size: 12px;
	font-weight: bolder;
	text-transform: uppercase;
}
#navigatie {
	height: 35px;
	background-image: url(../images/menu/menu_bg.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
}
#site {
	width: 900px;
	color: #FFFFFF;
	position:absolute;
	top:25px;
	left: auto;
	z-index:-1;
}
#sponsors {
	background: #000000;
	background-image: url(../images/site/sponsor_bg.jpg);
	background-repeat: repeat-x;
	width: 200px;
	vertical-align: top;
	border-right: 1px solid #4B4B4B;
	border-left: 1px solid #4B4B4B;
	border-bottom: 1px solid #4B4B4B;
	text-align: center;
	padding: 20px 0px 0px 0px;
}
#sponsors img.sponsors {
  /* margin: auto;*/
   margin: 15px auto 15px auto;
}

#hoofd {
	/*background-image: url(../images/site/hoofd.jpg);
	background-repeat: no-repeat;*/
	background-color: #000000;
	height: 245px;
	width: 698px;
	border-left: 1px solid #4B4B4B;
}
#inhoud {
	/*
	background-image:url(../images/site/bg_body.gif);
	background-repeat:repeat-x;
	*/
	background-color: #1D1D1D;
	vertical-align: top;
	padding: 10px;
	border-left: 1px solid #4B4B4B;
	border-bottom: 1px solid #4B4B4B;
	min-height:400px;
  	height:400px;
}

/* Icoontjes gebruikt in de site */
.icon {
	margin: 1px 1px 1px 1px;
	vertical-align: text-bottom;
}

/* Opmaak van lijsten ul */
ul {
	list-style-type: square;
}

/* Opmaak linklijst links.php */
div.links ul {
	list-style-type: none;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
}
div.links h5 {
	color: #FFFFFF;
}

/* Opmaak webmasterlinks */
#webmaster {
	color: #FFFFFF;
	text-align: center;
	padding: 10px 0px 5px 0px;
}
#webmaster a{
	color: #FFFFFF;	
}
#webmaster a:hover {
	color: #33CCCC;
}

/* Opmaak validatielinks */
#validatie {
	color: #FFFFFF;
	text-align: center;
	padding: 0px 0px 20px 0px;
}
#validatie a{
	color: #FFFFFF;	
	padding-left: 15px;
	background: url(../images/icons/icon-validate.gif) no-repeat 0 50%;
}
#validatie a:hover {
	color: #33CCCC;
	text-decoration: underline;
}

/* Opmaak site links en gelinkte afbeeldingen op de site */
a {
	color: #0099CC;
	text-decoration: none;
}
a:hover {
	color: #00CCFF;
}

/* Gedrag afbeeldingen in het fotoalbum */
.fotoalbum a img {
	padding: 4px; 
	background-color: #FFFFFF; 
	border: 1px solid #000000;
}
.fotoalbum a:hover img {
	padding: 4px; 
	background-color: #00CCFF; 
	border: 1px solid #000000;
}

/* Apparte stijl voor de afbeeldingen op de homepagina */
.fotoalbum_home a img {
	padding: 1px; 
	background-color: #0079b6; 
	border: none;
}
.fotoalbum_home a:hover img {
	padding: 1px; 
	background-color: #00CCFF; 
	border: none;
}

/* Opmaak thumbnails die niet geresized zijn met GD */
.thumb {
   height: 75px;
   border: 2px solid #0099CC;
}

/* Omaak en text-gradients voor de titels */
h1 {
	font-size:300%;
	line-height:1em;
	color:#0079b6;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:-.05em;
	position:relative;	
}
h2 {
	font-size:260%;
	color:#0079b6;
	font-weight:bold;
	letter-spacing:-.05em;
	position:relative;
	margin:.6em 0;
	padding-top:1px; /* use top padding to adjust the start of the gradient  */
	width:100%;
}
h3 {
	font-size:240%;
	color:#0079b6;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:-.05em;
	padding-top:3px;
	position:relative;
	margin:.6em 0;
	width:100%;
}
h4 {
	font-size:220%;
	color:#0079b6;
	font-weight:normal;
	letter-spacing:-.05em;
	position:relative;
	margin:.6em 0;
	padding-top:1px;
	width:100%;
}
h1 span, h2 span, h3 span, h4 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(../images/effects/gradient_1.png) repeat-x;
}
h1 span, h3 span{background:url(../images/effects/gradient_2.png) repeat-x;}
* html h1 span, * html h3 span{
	background-color:#fff;
	back\ground-color:transparent;
	background-image: url(none.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/effects/gradient_2.png", sizingMethod="scale");
}
* html h2 span, * html h4 span{
	background-color:#fff;
	back\ground-color:transparent;
	background-image: url(none.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/effects/gradient_1.png", sizingMethod="scale");
}

/* kolommen homepagina */
div.bovenlinks {
	float: left;
	width: 31%;
	margin: 0px;
	padding: 5px;
	/*background: #1A1A1A;
	border: 1px solid #363636;*/
}
div.bovenmidden {
	float: left;
	width: 30%;
	margin: 0px 9px 0px 9px;
	padding: 5px;
	/*background: #1A1A1A;
	border: 1px solid #363636;*/
}
div.bovenrechts {
	float:right;
	width: 31%;
	margin: 0px;
	padding: 5px;
	/*background: #1A1A1A;
	border: 1px solid #363636;*/
}
div.onderlinks {
	float: left;
	width: 47%;
	margin: 10px 10px 0px 0px;
	padding: 5px;
	/*background: #1A1A1A;
	border: 1px solid #363636;*/
}
div.onderrechts {
	float: right;
	width: 47%;
	margin: 10px 0px 0px 0px;
	padding: 5px;
	/*background: #1A1A1A;
	border: 1px solid #363636;*/
}
div.clear {
	clear: both;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
}
hr {
	height: 0;
	border: 0;
	border-top: 1px solid #CCCCCC;
}

/* Titel en artikel weergave op de homepagina */
h5 {
	font-size: 13px;
	color:#0079b6;
	font-weight:bold;
	text-transform:uppercase;
	margin: 1px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #363636;	
}
h6 {
	font-size: 12px;
	color:#FFFFFF;
	font-weight:bold;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
p.homeartikel {
	color: #666666;
	font-weight:bold;
	border-bottom: 1px solid #363636;	
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

hr {
	border: 0px; 
	width: 100%; 
	color: #363636; 
	background-color: #363636; 
	height: 1px;
}


/* Nieuws artikelen op artikels.php */
div.nieuwsartikel {
	margin: 5px 0px 5px 0px;
}
div.nieuwsartikel h6 {
	font-size: 15px;
	font-weight: bold;
	text-transform:uppercase;
	color:#FFFFFF;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	border-bottom: 1px solid #999999;	
}
div.nieuwsartikel p {
	margin: 3px 0px 5px 0px;
}
div.nieuwsartikel p.inleiding {
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
	background: #1A1A1A;
	border: 1px solid #363636;
}
div.nieuwsartikel p.tekst {
	min-height:60px;
  	height:auto !important;
  	height:60px;
	padding: 5px;	
}
div.nieuwsartikel p.voet {
	border-top: 1px dotted #999999;	
	padding: 1px 0px 1px 1px;
	margin: 0px 0px 5px 0px;
}
div.nieuwsartikel span.datum {
	float: left;
}
div.nieuwsartikel span.categorie {
	float: right;
	color:#999999;
}
div.nieuwsartikel p.tekst img {
	float: left; 
	margin: 0px 10px 3px 0px;	
}
div.nieuwsartikel p.tekst a img {
	padding: 2px; 
	background-color: #0079b6; 
	border: none;
}
div.nieuwsartikel p.tekst a:hover img {
	padding: 2px; 
	background-color: #00CCFF; 
	border: none;
}

/* Kalender weergave */
div.kalender_item {
	min-height:55px;
  	height:auto !important;
  	height:55px;
	border-bottom: 1px dotted #999999;	
	margin: 5px 0px 15px 0px;
}
div.kalender_item h6 {
	font-size: 15px;
	font-weight: bold;
	text-transform:uppercase;
	color:#FFFFFF;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	border-bottom: 1px solid #999999;	
}
div.post_datum {
	margin: 0px 5px 2px 0px;
	padding: 0px 0px 0px 1px;
	width: 42px;
	height: 50px;
	float:left;
	text-align: center;
	margin:0px 3px 2px 0px;;
	background: url(../images/site/datum_bg.png) no-repeat;
	
}
div.post_datum span.maand {
	display:block;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight:bold;
	text-transform: uppercase;
	color: #C7C7C7;
}
div.post_datum span.dag {
	display:block;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight:bold;
	text-transform: uppercase;
	color: #333333;
}
div.post_datum span.jaar {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 9px;
	text-transform: uppercase;
	color: #333333;
	text-align: center;
}
div.kalender_item p {
	margin: 3px 0px 5px 45px;
}

/* Video weergave */
div.video {
	margin: 5px 0px 5px 0px;
}
div.video h6 {
	font-size: 15px;
	font-weight: bold;
	text-transform:uppercase;
	color:#FFFFFF;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	border-bottom: 1px solid #999999;	
}
div.video p {
	margin: 3px 0px 5px 0px;
}
div.video p.tekst {
	min-height:65px;
  	height:auto !important;
  	height:65px;
	padding: 5px;	
}
div.video p.voet {
	border-top: 1px dotted #999999;	
	padding: 1px 0px 1px 1px;
	margin: 0px 0px 10px 0px;
}
div.video span.datum {
	float: left;
}
div.video span.categorie {
	float: right;
	color:#999999;
}
div.video p.tekst img {
	float: left; 
	margin: 0px 10px 3px 0px;	
}
div.video p.tekst a img {
	padding: 2px; 
	background-color: #0079b6; 
	border: none;
}
div.video p.tekst a:hover img {
	padding: 2px; 
	background-color: #00CCFF; 
	border: none;
}

/* Reacties */
div.reactie {
	background-image:url(../images/reacties/reactiebg.png);
	background-repeat:no-repeat;
	background-color: #3B3B3B;
	width: 500px;
	min-height:70px;
  	height:auto !important;
  	height:70px;
	border-bottom: 1px solid #666666;
	padding: 1px 0px 0px 0px;
	margin: 5px 0px 2px 0px;
	text-align: left;
}
div.reactie p.hoofd {
	margin: 10px 0px 10px 35px;
	color: #DFDFDF;
	font-weight: bold;
}
div.reactie p.hoofd .quote_icon {
	float: right;
	margin: 0px 5px 0px 0px;
}
div.reactie p.tekst {
	margin: 30px 10px 10px 15px;
	color: #CCCCCC;
}
div.reactie cite {
	margin: 2px 5px 2px 5px;
	background-color: #333333;
	color: #CCCCCC;
	border: 1px dotted #FFFFFF;
	padding: 3px 5px 3px 5px;
}

/* contactformulier */
div.contact {
	width: 160px;
	float: right;
	margin: 3px 10px 5px 5px;
	padding: 0px 0px 0px 0px;
}
div.contact h5 {
	color: #FFFFFF;
	border-bottom: 1px solid #0079b6;
}