body { 
 width: 100%;
 background-color: #EBEDFC; 
 padding:0;
 margin-left: 5px; 
 margin-right: 5px; 
 margin-top: 5px; 
 font-size: 11px; 
 font-family: Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
}

a:link { 
 color: #333399; 
 font-family: verdana,trebuchet,sans-serif;
 font-size: 11px; 
 font-weight: bold; 
 text-decoration: none; 
}

a:visited { 
 color: #333399; 
 font-family: verdana,trebuchet,sans-serif;
 font-size: 11px; 
 font-weight: bold; 
 text-decoration: none; 
}

a:active { 
 color: #333399; 
 font-family: verdana,trebuchet,sans-serif;
 font-size: 11px; 
 font-weight: bold; 
 text-decoration: none; 
}

a:hover { 
 color: #999999; 
 font-family: verdana,trebuchet,sans-serif;
 font-size: 11px; 
 font-weight: bold; 
 text-decoration: none; 
}

a#tooCool {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 80px;
width: 80px;
background: url(/images/too_cool.png) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}

.datum  { 
font-family:verdana, arial, sans-serif;
color:#345877;
font-size:11px;
font-weight:bold;
background:#FFF;
line-height:14px;
padding:2px;
margin-top:15px;
margin-bottom:10px;
border-bottom: 1px solid;
border-color: #345877;
}

.plaatje {
padding:8px;
background:#E9E9E9;
border:1px solid #D1D1D1;			
}

.onderstreept {
	color: #333399;
	font-family: Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	text-align:left;
	margin: 0px;
	padding: 6px 0px;
	clear: both;
}

.onderstreept A {
text-decoration: none;
font-weight: bold;
color: #333399;
white-space:nowrap;
padding-bottom:4px;
background: transparent url(images/img-line.gif) repeat-x 100% 100%;
border-bottom: 0px solid #ccc;
}

.onderstreept a:hover {
text-decoration: none;
font-weight: bold;
color: #333399;
white-space:nowrap;
padding-bottom:4px;
background: transparent url(images/img-line.gif) repeat-x 100% 100%;
border-bottom: 0px solid #ccc;
}

/*---  Werkt niet. Random image in div en css  ---*/

.logo {
height: 86px;
text-align : center;
color : #333;
background : #fff url(images/random/topbar.gif) no-repeat top left; 
}

/*---  Schaduw onder een afbeelding ---*/

div.boxshadow {
		margin:4px 0 0 4px;
	}
	/* commented backslash hack - invisible to IE5 Mac \*/
	html>body div.boxshadow {
		background:url(images/ds40.png);
	}
	/* end hack */ 
	div.boxmain {
		position:relative;
		top:-4px;
		left:-4px;
		background:#E9E9E9;
		border:1px solid #D1D1D1;
		padding:6px;
	}

/*---  LEFT SIDE BAR ---*/
#menu {
 width: 150px;
 float: left;
 font: 11px/12px verdana,trebuchet,sans-serif;
 padding-right: 2px;
 text-align: right;
 color: #000033;
 padding-top: 0px;
 padding-bottom: 10px;
 border-right: 1px dotted #999;
 background-image: url(images/keyslight.jpg);
 background-attachment: fixed;
 background-position: 0% 0%;
 background-repeat: no-repeat;
 z-index : 1;
}

.hoofdpaginalijst  { color: #555; font-weight: bold; font-size: 11px; background-color: #f5f5f5; text-transform: uppercase; margin-top: 1px; margin-bottom: 3px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; border: solid 1px #cacaca }
		
#knoppenbalk     { }
#knoppenbalk ul  { list-style-type: none; list-style-position: ; margin: 0; padding: 2pt 0 0 }
#knoppenbalk li   { margin: 0 }	
#knoppenbalk li a         { color: #3333cc; text-decoration: none; background-color: #fff; margin-bottom: 3px; padding: 2px 2px 2px 0.3em; border: solid 1px #d3d3d3; display: block }
#knoppenbalk li a:hover        { color: white; background-color: #B5BDF7 }
#knoppenbalk li a:active { color: white; background-color: #bf0000 }


/*---  MAIN PAGE CONTENT ---*/
#content {
 width: 700px;
 float: left;
 text-align: left;
 margin-left: 4px;
 margin-right: 4px;
 margin-bottom: 60px;
 padding-bottom: 30px;
 padding-left: 10px;
 voice-family: "\"}\"";
 voice-family: inherit;
 z-index : 2;
}
body>#content {
 width: 680px;
}


/*--- "member" links: login, register, calendar, etc. ---*/

.loginLinks, .loginLinks a { 
 color:       #000000;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px; 
}
.loginLinks a:link    { color:  #003399; font-weight: bold;}
.loginLinks a:visited { color:  #003399; font-weight: bold;}
.loginLinks a:active  { color:  #999999; font-weight: bold;}
.loginLinks a:hover   { color:  #cccccc; font-weight: bold;} 


/*--- Dotted line between menu items in sidebar ---*/

.menuSpacer {
 border-bottom: 1px dotted #999;
 margin-bottom: 15px; 
}


/*---  Used in Trackback and Pingback page.  ---*/

H2 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   16px;
 color:       #333333;
 font-weight: bold;
 background-image: url(images/bwr.jpg);
}

/*---  Used in Weblog templates to format the title of entries  ---*/

H3 {
 font-family: verdana,trebuchet,sans-serif;
 font-size: 14px;
 color: #990000;
 margin-top: 4px;
 font-weight: bold;
 text-shadow: dimgray 3px 3px 3px;
}

/*---  Used in weblog.php in the left side-bar, and archives.php page to format the date header  ---*/

H4 {
 font-family: verdana,trebuchet,sans-serif;
 font-size: 12px;
 color: #999999;
 margin-top: 2px;
 margin-bottom: 5px;
 font-weight: bold;
}

/*---  Used in comment templates to format text used in the comment form. ---*/

H5 {
 font-family: verdana,trebuchet,sans-serif;
 font-size: 11px;
 color: #666666;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
}



/*---  Weblog entry formatting.  ---*/

.weblog {
background:#fff;
padding-left: 10px;
padding-bottom: 10px;
border-top:1px solid #345877;
border-right:1px solid #345877;
border-left:1px solid #345877;
border-bottom:1px solid #345877;
margin-bottom: 4px;
background-image: url(images/art_back.gif);
background-repeat: repeat-x;
background-position: 0% 100%;
}

.weblogtitle {
font-family: verdana,trebuchet,sans-serif;
font-size: 14px;
color: #990000;
margin-top: 10px;
margin-bottom: 20px;
font-weight: bold;
text-shadow: dimgray 3px 3px 3px;
}


/*---  Name of author in weblog entries ---*/

.author {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #999999;
 font-weight: normal;
}

/*---  Paragraph formatting in weblog entries ---*/

p {
 font-family: times new roman,times,verdana,trebuchet,sans-serif;
 font-size:   14px;
 color:       #000000;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
 text-align:  left;
 line-height: 150%;
}



/*--  Default form field formatting. --*/

form {
  margin-top:         0px;
}

/*--  Input field formatting. --*/

.input {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  height:             1.6em;
  padding:            .3em 0 0 2px;
  margin-top:          3px;
  margin-bottom:       3px;
} 

/*--  Input text-area formatting --*/

.textarea {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  margin-top:         3px;
  margin-bottom:      3px;
}

/*--  Submit button formatting. --*/

.button {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}

/*--  Pull-down menus. --*/

.pulldown {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}





/* THE FOLLOWING CSS IS USED WITH THE MINI-CALENDAR */


/*  Calendar header text  */
.header {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #333333;
 font-weight: bold;
}

/*  Navigational links in the header of mini-calendar  */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{ 
 color:       #ffffff;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 
.navlinks a:link    { color:  #ffffff; text-decoration: none;}
.navlinks a:visited { color:  #ffffff; text-decoration: none;}
.navlinks a:active  { color:  #333333; text-decoration: none;}
.navlinks a:hover   { color:  #000000; text-decoration: underline;}


/*  Days of the week text  */
.weekdays {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
 font-weight:  bold;
}

/*  Days of the month text and links */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
}
.monthdays a:link    { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333333; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #cccccc; text-decoration: none;font-weight: bold;}

/*  Onderstaande voor ronde hoeken om de nieuwsentries */

.roundedCornerSpacer {
ÊÊÊÊmargin: 0px; padding: 0px; border: 0px;
ÊÊÊÊclear: both;
ÊÊÊÊfont-size: 1px; line-height: 1px;
}

/* In the CSS below, the numbers used are the following:
ÊÊÊÊ1px: the width of the border
ÊÊÊÊ3px: a fudge factor needed for IE5/win (see below)
ÊÊÊÊ4px: the width of the border (1px) plus the 3px IE5/win fudge factor
ÊÊÊÊ14px: the width or height of the border image
*/

.borderTL, .borderTR, .borderBL, .borderBR {
ÊÊÊÊwidth: 14px; height: 14px;
ÊÊÊÊpadding: 0px; border: 0px;
ÊÊÊÊz-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -14px 0px 0px 0px; }
.borderBR { margin: -14px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
ÊÊÊadditional 3px! Why? */

.borderTL {
ÊÊÊÊmargin-left: -4px;
ÊÊÊÊma\rgin-left: -1px;
}
html>body .borderTL {
ÊÊÊÊmargin-left: -1px;
}

.borderTR {
ÊÊÊÊmargin-right: -4px;
ÊÊÊÊma\rgin-right: -1px;
}
html>body .borderTR {
ÊÊÊÊmargin-right: -1px;
}

.borderBL {
ÊÊÊÊmargin-left: -3px;
ÊÊÊÊma\rgin-left: 0px;
}
html>body .borderBL {
ÊÊÊÊmargin-left: 0px;
}

.borderBR {
ÊÊÊÊmargin-right: -3px;
ÊÊÊÊma\rgin-right: 0px;
}
html>body .borderBR {
ÊÊÊÊmargin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
ÊÊÊborder (no margin, padding or positioning) to the
ÊÊÊcontent class and apply whatever positioning you
ÊÊÊwant to the contentWrapper class. */

.content {
ÊÊÊÊmargin: 0px;
ÊÊÊÊpadding: 0px;
ÊÊÊÊborder: 1px solid #00000;
}

.contentWrapper {
ÊÊÊÊ/* position this div however you want, but
ÊÊÊÊÊÊÊkeep its padding and border at zero */
ÊÊÊÊpadding: 0px;
ÊÊÊÊborder: 0px;
}

.pan_frame
{
	background: url(pan_frame.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 650px;
	height: 210px;
}

* html .pan_frame
{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pan_frame.png', sizingMethod='crop');
}