/* CSS Document GOC Webstek (c) Arnoud Kooi 2005
Algemene CSS opmaak
*/
html { 

  padding:0px;
  margin:0px;
  height:100%;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #333333;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-shadow-color: #333333;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-arrow-color: #333333;
  scrollbar-track-color: #FFFFFF;

}

body {
  background-image:url(cssimages/mainbg.gif);
  background-color: #FFFFFF;
  background-repeat: repeat;
  background-position: bottom;
  background-attachment: fixed;
  font-size: 8pt;
  vertical-align:inherit;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  color:#333333;
  padding:0px;
  margin:0px;
  height: 100%;
}

a:link, a:visited {text-decoration: none; color: #974B00}
a:hover {
	text-decoration: none;
	color: #CC00FF;
}

img {border:none}

li {list-style-image: url(cssimages/li.gif)}

input {
	font-size: 8pt;
	color:#3300FF;
	border: 1px solid #660000;
}


/*  positie-layers om de zaak op de goede plaats te krijgen  */

#container {
	position:relative;
	width: 920px;
	left: 50%;
	text-align: left;
	margin: 0px 100px 0px -460px;
	min-height: 100%;
	background-image: url(cssimages/contentbg.jpg);
	background-position: center bottom;
	}

#top {
	position:relative;
	left: 20px;
	width: 874px;
	height:210px;
	margin: 0px;
	padding: 3px;
	top: 0px;
	background-image: url(cssimages/topbg.gif);
	background-position: top center;
	background-repeat: no-repeat;	
	border-bottom: 1pt solid #666666;
	z-index:3;
}

#links {
	position: relative;
	float:left;
	top: 0px;
	left: 0px; 
	width: 200px;
	color: #564b47;
	margin: 0px;
	padding: 0px 10px 0px 20px;
}

div.inhoud {
	margin: 0px 0px 0px 240px;
	padding: 7px;
	font-size:9pt;
	heigth: 100%; 
	position: inherit;
}

#newfotos {
	position: absolute;
	left: -100px;
	width:50px;
	color: #564b47;
	margin: 0px;
	padding: 4px;
	top:35px;
	z-index:4;
}


#fotos {
	position: absolute;
	right: 94px;
	width: 400px;
	color: #564b47;
	margin: 0px;
	padding: 4px;
	top: 35px;
	z-index:4;
}

/* Andere layers, de namen spreken c=voor zich */
#loginbox {
	color:#CC0000;
	font-weight:bold;
	padding: 0px 20px 3px 8px;
	border-bottom: 0.5pt solid #C0BCB4;
}

#wieonlinebox {
	padding: 0px 20px 3px 0px;
	text-align:center;
	padding: 5px;
}
#topbox {
	height: 60px;
	width: 360px;
	float: left;
	
}

#stats {
	width: 16px;
	position: absolute;
	margin:0px;
	padding:0px;
	top: 5px;
	right: 10px;
 }

/* Dit is goed voor de navigatie tabbladen */
#navigatietabs {
	FONT-SIZE: 9px;
	FLOAT: left;
	padding: 0px 20px 0px 20px;
	position: absolute;
	z-index: 1;
	right: 0px;
	vertical-align: bottom;
	top: 192px;
	text-align: center;
}
#navigatietabs UL {
	 PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#navigatietabs LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 9px; BACKGROUND: url(cssimages/left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#navigatietabs A {
	PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(cssimages/right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #3300FF; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#navigatietabs A {
	FLOAT: none
}
#navigatietabs A:hover {
	COLOR: #FF00CC}
#navigatietabs #current {
	BACKGROUND-IMAGE: url(cssimages/left_on.gif);
	color: #FF00CC;
}
#navigatietabs #current A {
	BACKGROUND-IMAGE: url(cssimages/right_on.gif);
	PADDING-BOTTOM: 5px;
	COLOR: #FF00CC;
	text-decoration: underline overline;
}

/* De diverse header opmaak wordt bepaalt */
h1.top{
	text-align: right;
	padding:0px;
	margin:0px;
	font-size:18pt;
	font-weight:bold;
	color: #3333FF;
	margin: 0px;
	padding: 0px;
}

h2{
	font-size:10pt;
	font-weight:bold;
	color: #3300FF;
	background-image:url(cssimages/h2bg.gif);
	background-position:left 0px;
	background-repeat:no-repeat;
	margin: 0px;
	padding: 4px;
	text-indent: 5px;
}

h2.ext{
	background-image:url(cssimages/h2ext.gif);
}

h3{
	padding: 0px 0px -5px 0px;
	font-size:13px;
	color:#000000;
	margin:-10px -5px 8px -6px;
	font-weight: bold;
	border-bottom:#000000 solid 1px;
}

h4{
 color: #3300FF;
 margin: 0px;
 padding: 0px;
}

h5{
	color: #990000;
	margin: 0px;
	padding-left: 5px;
	font-size:x-small;
}

/**** class styles met name voor tekstopmaak ****/
.textwhite8 {color : white}
.textwhite12 {font-size: 10pt; font-weight: bold; color : white; padding: 0px 10px 00px 8px;}

/************** frontpage tag styles **************/

div.verjaardag {
	background-image:url(cssimages/verjaardagbg.gif);
	color: #333333;
	background-repeat: no-repeat;
	margin:0px -25px -2px 0px;
	padding: 50px 0px 0px 27px;	
	width:175px;
	height:210px;
	clear:none;
	display:table-column; 
	float: left;	
}

div.frontpagetop {
	color: #333333;
	border: 0.5pt solid #C0BCB4;
	margin:5px 5px 10px 20px;
	padding: 15px;
	width:565px;
}

div.frontpage {
	color: #333333;
	border: 0.5pt solid #C0BCB4;
	margin:5px 5px 5px 10px;
	padding: 8px;
	width:173px;
	background-color:#FFFFFF;
}


/************** agenda tag styles (worden ook elders gebruikt)**************/

div.agendatop {
	color: #333333;
	margin:5px 5px 10px 20px;
	padding: 10px;
	width:560px;

}

div.agendaitem {
	color: #333333;
	border: 0.5pt solid #C0BCB4;
	margin:5px 5px 20px 20px;
	padding: 20px;
	width:550px;
}

/************** Gastenboek tag styles **************/

div.gastenboekkaders {
	text-align:center;
	background-image:url(cssimages/gbkader.jpg);
	color: #FF00CC;
	background-repeat: no-repeat;
	margin:0px 5px -2px 55px;
	padding: 18px 0px 0px 0px;	
	width:510px;
	height:55px;	
}


div.gastenboekboven {
	width:510px;
	height:45px;
	padding: 11px 0px 0px 15px;
	margin:0px 5px -2px 55px;
	font-size: 13px;
	font-weight: bold;
	background-image:url(cssimages/gbtop.jpg);
	color: #FF00CC;
	background-repeat: no-repeat;
}

div.gastenboekitem {
	width:510px;
	background-image:url(cssimages/gbmid.jpg);
	background-position: right top;
	background-repeat: repeat-y;
	padding: 2px 5px 0px 5px;
	margin:-13px 5px -10px 38px;
}

div.gastenboekdown {
	width:510px;
	height:45px;
	padding: 13px 0px 0px 15px;
	margin:-5px 5px -2px 55px;
	font-size: 13px;
	font-weight: bold;
	background-image:url(cssimages/gbdown.jpg);
	color: #993300;
	background-repeat: no-repeat;
}

div.gastenboeklinkercel {
	z-index: 1;
	vertical-align: bottom;
	font-size: 9px;
	bottom:0px;
	padding:10px 2px 5px 29px;
	width:100px;
	float:left;
	display: inline;
	height: 120%;
	clear: left;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
div.gastenboekrechtercel {

	margin:-15px 10px 10px 150px;
	height: 100%;	
}

/************** forum tag styles **************/

div.forumkaders {
	text-align:center;
	color: #FF00CC;
	margin:0px 5px -2px 55px;
	padding: 18px 0px 0px 0px;	
	width:510px;
	height:55px;	
}


div.forumitem {
	border: 0.5pt solid #3333FF;
	margin:5px 5px 20px 20px;
	padding: 15px;
	width:550px;
	font-size: 12px;	
}

div.forumlinkercel {
	z-index: 1;
	vertical-align: bottom;
	bottom:0px;
	padding:10px 2px 5px 10px;
	margin:0px 5px 0px -8px;
	width:100px;
	float:left;
	display: inline;
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	border: 2px solid #F4F4F4;
}


q {
	background-position: left top;
	display: block;
	min-height: 60px;
	width:330px;
	background-image:url(cssimages/quote.gif); 
	padding:18px; 
	margin: 2px 18px 2px 150px; 
	background-repeat: no-repeat;
	background-color: #F4F4F4;
	quotes: "" "" "" "";
}


/* Bijzonder opgemaakte links */
a.fotobox:link, a.fotobox:visited {
	text-decoration : none;
	color:#FFFFFF;
	padding: 2px;
	width: 120px;
	padding: 2px;
	text-align: center;
	float: left;
	clear: none;
	font-size: 8pt;
	font-weight: bold;
	font-variant: small-caps;
	white-space: nowrap;
	text-indent:80;
	display: table-column;

}
a.fotobox:hover {text-decoration : none; color:#666666;}


img.fotobox {
    padding-top: 7px;
	padding-bottom: 2px;
	
}

a.hiddenlink:link, a.hiddenlink:visited {
    padding-left:10px;
	padding-bottom:0px;
	text-decoration : none;
	color:#974B00;
	width:194px;
	font-size:10px;
	float: left;
	clear: none;
	display: table-column;	
}

a.hiddenlink:hover {text-decoration:none; color:#0000FF; background-color:#FFFFFF}

a.info{
	position:relative;
	z-index:24;
	color:#000;
	text-decoration:none;
	font-size: 10pt;
	font-weight: bold;
	border: #FFFFFF;
	cursor: help;
}

a.info:hover{z-index:25; border:1pt solid #FF0066; background-color:#FFFFFF;}
a.info span{display: none}
a.info:hover span{
	display:block;
	position:absolute;
	top:-70px;
	left:20px;
	width:250px;
	border:1pt solid #FF0066;
	background-color:#FFFFFF;
	font-weight: lighter;
	padding:5px;
	color:#0066CC;
	text-align: left;
	text-decoration:none;
	cursor: help;
}

div.linkpage {
width:190px; height:20px; font-weight:bold; font-size:9pt; margin:6px 3px 3px 3px; background-color:#F7F7F7}


a.linkpage:link, a.linkpage:visited{
	z-index:24;
	color:#B026BF;
	text-decoration:none;
	font-weight: bold;
}

a.linkpage:hover{z-index:25; color:#333333; border:0pt solid #FF0066;}
a.linkpage span{display: none}
a.linkpage:hover span{
	display:block;
	position:relative;
	top:0px;
	left:200px;
	width:200px;
	border:1pt solid #000000;
	background-color:#F5F5F5;
	font-weight: lighter;
	padding:5px;
	color:#000000;
	text-align: left;
	text-decoration:none;
}

a.frontpage:link, a.frontpage:visited {
	font-size: 13px;
	font-weight: bold;
}

a.agendatop:link, a.agendatop:visited {
	font-size: 11px;
	font-weight: bold;
}
a.blackwhitelink:link,  a.blackwhitelink:visited {
	font-weight: bold;
	padding-left:15px;
	padding-right:15px;	
	color: #000000;
	width:150px;
}

a.blackwhitelink:hover{
	color:#FFFFFF;
	text-decoration: none;
}


a.subnavigatie:link,  a.subnavigatie:visited {
	border-top: 1px solid #3300FF;
	border-bottom: 1px solid #3300FF;
	font-weight: bold;
	padding-left:3px;
	padding-right:3px;	
	color: #3333FF;
	width:98px;
}

a.subnavigatie:hover{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-image:  url(cssimages/glbnav_background.gif);
	color:#3333FF;
	font-weight: bold;
	text-decoration: none;
	width:98px;
	padding-left:3px;
	padding-right:3px;		
}

 a.subnavigatieselected{
	border-top: 1px solid #FF00CC;
	border-bottom: 1px solid #FF00CC;
	background-image:  url(cssimages/glbnav_background.gif);
	color:#3333FF;
	font-weight: bold;
	text-decoration: none;
	width:98px;
	padding-left:3px;
	padding-right:3px;		
}

.grijs {
	color: #666666;
	font-size: 10px;
}