html
{   height:100%;
	width:100%;
	overflow-y:scroll;
}

BODY 
{   font-size: 12px;
	 font-family: "Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif; 
    color: #666;
    text-align: center;
    padding: 0px;
    margin: 0px;
		background-color: #344ADC;
    background-image: url("../img/bg_main.gif");
    background-position: 0px 0px;
    background-repeat: repeat;
		background-attachment: fixed;
}

UL, OL, LI
{   margin-top: 0; margin-bottom: 0; }

FORM, TABLE
{   margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	font-size:11px;
	color:#264A55;
	font-weight:normal;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif; 
}

a   { color: #4e6f87; text-decoration: none; cursor: pointer; }
a:hover { color: #0c3c60; }
a img {	border: 0px;}

TD, TH { vertical-align: top; }

IMG { border-width: 0px; }

H1,H2,H3, H4, H5, H6
{   color:#264A55; margin: 0px 0px 0px 0px; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif; }
H1 { font-size:24px; padding: 15px 0px 10px 0px;  }
H2 { font-size:18px; }
H3 { font-size:16px; }
H4 { font-size:14px; }
H5 { font-size:13px; }

input { border: none; }
input.basis { border: 1px solid silver; }
/* -------------------- EINDE ALGEMEEN -------------- */




/* -------------------- DEFAULT --------------------- */
#omhullende
{   width: 979px; 
    margin: 0px auto;
    text-align: left;
}

/* -------------------- HEADER ---------------------- */
#header
{   position: relative; top: 10px;
	height: 260px;
    z-index: 10;   
}

#headerafbeelding 
{   width: 979px; height: 250px;	
	text-align: left;
	z-index: 100;
}	
#eerstetranspic	
{	position: absolute; top: 0px; left: 0px; 
	opacity: 1.0; 
	filter: alpha(opacity=100); 
	-moz-opacity: 1.0;  z-index: 10;
}
#tweedetranspic	
{	position: absolute; top:0px; left:0px; 
	z-index: 5; 
}

#gradient
{   position: absolute; top: 200px; 
    z-index: 500;    
}
#sitenaam
{	position: absolute; top: 210px; left: 20px; 
	z-index: 100000;
	font-weight: bold;
	font-size: 57px;
	color: #666666;
	opacity: 0.1;
	filter: alpha(opacity=10);	
}
#menubalk
{   position: absolute;
    top: 160px;
    line-height: 33px;
    width: 979px;
	background: url('../img/menu-bg.png') repeat-x;
	z-index: 110;
}

#menubalk a.hmenu
{   padding: 0px 15px;
	cursor: pointer;
	line-height: 33px;
	background-color: transparent;            
	color: #FFFFFF;
    text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif; 
}

#menubalk a.hmenuhi
{   padding: 0px 15px;
	cursor: pointer;
	line-height: 33px;
	background-color: transparent;
	color: red;
	font-size: 13px;
	font-weight: bold;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif; 
}  

#menubalk div.printknop
{	position: absolute; top: 0px; right: 10px; }

#zoekknop
{ position: absolute; top: 225px; left: 720px; z-index: 600; }

#zoekform input.zoekveld
{	width: 200px; height: 20px; padding: 3px;
	border: 1px solid #4262AD;
	background-color: white;
	color: #333333;	
}
#zoekform input.zoekpijl
{	position: absolute; top: 5px; width: 20px; height: 20px; padding-left: 10px; }

/* -------------------- CONTENT -------------------- */
#content 
{	padding-top: 20px;
	width: 979px;
	background-color: white;
	display: inline-block;
}

#contentlinks 
{	padding: 0px 20px 0px 20px;
	float: left;
	width: 660px;
}

#contentrechts
{	padding: 0px 20px 0px 20px;
	float: left;
	width: 239px;
	height: 540px;
}

#logo
{ position: relative; top: 30px; }

#footer 
{   position: relative; top: -5px;
    width: 979px; height: 80px;    
    background-color: black;
    margin: 0 0 20px 0;
}

#footer img.gradient
{   position: absolute; top: 0px; left: 0px; }

#footer div.copyright
{ position: absolute; left: 20px; bottom: 5px; color: white;}

/* nieuwsberichten + agendaitems */
#nieuwsberichten { padding: 0px 0px 0px 0px; }  
#nieuwsberichten div.nieuwsitem
{	padding: 20px 0px; background-color: white; }
#nieuwsberichten div.nieuwsitem div.foto img
{ height: 100px; cursor: pointer;}
#nieuwsberichten div.nieuwsitem div.foto img
{	float: left; border: 1px solid black; margin-right: 20px; }
#nieuwsberichten div.nieuwsitem div.infoblok div.kop
{	display: block; height: 40px; }
#nieuwsberichten div.nieuwsitem div.infoblok div.kop div.datum{ line-height: 24px; float: left; margin-right: 10px; font-size: 24px; font-weight: bold; }
#nieuwsberichten div.nieuwsitem div.infoblok div.kop div.titel{ padding: 0px 0px 5px 0px; }

#nieuwsberichten div.nieuwsitem div.infoblok div.tekstblok
{	display: block; }
#nieuwsberichten div.nieuwsitem div.infoblok div.tekstblok div.tekst{ margin-bottom: 5px;}
#nieuwsberichten div.nieuwsitem div.infoblok div.tekstblok div.leesverder{ }

#homeagenda { cursor: pointer; }
#homeagenda div.datum{ float: left; margin-right: 10px; font-weight: bold; }
#homeagenda div.titel{ padding: 0px 0px; }


/* rubriek Nieuws op Home pagina */
#nieuwsoverzicht {	padding:0px 0px 0px 0px;}
#nieuwsoverzicht td.tekst{ padding:10px 0px;   
  cursor:pointer; color:#264A55; font-size: 12px; font-weight:normal; }
#nieuwsoverzicht td.foto{ padding:10px 0px 10px 0px; cursor:pointer; 
 }  
#nieuwsoverzichtkort td.tekst{ padding:8px 0px; 
  cursor:pointer; color: #264A55; font-size: 12px; font-weight: normal; }
#nieuwsoverzichtkort td.foto{ padding:8px 0px 8px 0px; cursor:pointer; 
}  
/* ----- einde home midden ----- */

/* ----- home ----- */
#homeomhullend
{	padding: 0px 0px 0px 0px; }

#hoofdsponsor
{	position: relative; }



/* rubriek sponsoren */
div.sponsoromhullend
{	padding: 10px; }
#sponsor
{	display: inline-block; 
	padding: 10px 0px;
}
#sponsor div.sponsorinfo
{	float: left;
	width: 300px;
}
#sponsor div.sponsornaam
{	font-size: 15px; 
	font-weight: bold;	
}
#sponsor div.sponsorlink
{	color: Blue; 
	cursor: pointer;
}
#sponsor div.sponsorimage
{	float: left; 
	width: 340px;
}


/*
table .sponsoromhullend { padding: 10px 10px 10px 10px; border: 1px solid silver; background-color: #F0F0F0; }
table .sponsortabel { padding: 10px 0px 10px 0px; }
td .sponsornaam { padding: 0px 0px 0px 0px; font-size: 15px; font-weight: bold; }
td .sponsortype { padding: 0px 0px 5px 0px; font-size: 11px; font-weight: bold; }
td .sponsortekst {font-size: 11px; line-height: 11px; }
img.sponsorimage { border: 1px solid silver; cursor: pointer; float: right; clear: right; }
#sponsorlink { color: Blue; cursor: pointer; }
td .sponsorlijst { padding: 5px 10px 5px 10px;  }   
td .sponsorlijsthi { padding: 5px 10px 5px 10px; color: #6495ED; cursor: pointer; }   
td.stippellijn { background-image: url(../img/stippellijn.gif); background-position: center left; background-repeat: repeat-x; }
td.stippellijnwit { background-image: url(../img/stippellijnwit.gif); background-position: center left; background-repeat: repeat-x; }
*/



#fotoalbum{
  padding: 10px 0px 10px 0px;
  width: 100%; 
  color: white; background-color: transparent; 
}



#fotoalbum div.deAlbum { 
	background-image: url(../img/afb_product.gif);
  background-position: left top;
  background-repeat: no-repeat;
  height: 144px;
  width: 151px;
  cursor: pointer;
  margin: 0px 10px 10px 0px;  
  float: left; }
  
#fotoalbum div.deAlbum img.fotoimg { 
	position:relative;
  top:7px; left:8px;
  border: none;
  cursor:pointer; }
  
#fotoalbum div.deAlbum div.albumtitel { 
	position:relative;
  top:10px;
  width:140px;
  color:#001445;
  font-size:14px;
  font-weight: bold;  
  text-align: center; }    



/* gastenboek */
div.gb_nieuw { width: 100%; height: 30px; text-align: right; }
div.gb_vorigevolgende { padding: 10px 10px 10px 10px; height: 20px; background-color: #DDEABB; }
div.gb_records { width: 100%; }
table.gb_table { margin: 10px 0px 10px 0px; }
tr.bg_even { background-color: #DDEABB; }
tr.bg_oneven { background-color: #FFFFFF; }
td.gb_naam { padding: 10px 10px; font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 18px; }
td.gb_datum { padding: 10px 10px; }
div.gb_datum { width: 30px; padding: 2px 2px; border: 1px solid silver;}
div.gb_maand { background-color: #DDEABB; text-align: center; border-bottom: 1px solid silver;}
div.gb_dag { background-color: #FFFFFF; text-align: center; }
td.gb_tekst { padding: 0px 10px 10px 10px; }







