/* CSS Document */

/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

img {
border:0;
}

body {
   background-color: #CC0000; /* gives some air for the pagewrapper */
}

a:focus {     outline: none; }

/*================================================================
  PAGEWRAPPER
  ================================================================*/
/* center wrapper, min max width */
div#pagewrapper {
	margin: 0 auto;
	background-color: #CC0000;
	color: black;
	width: 1000px;
/* 855 */
}

/*================================================================
  HEADER
  ================================================================*/
div#header {
	clear:both;       /* keep footer below content and menu */
	background-image: url(../img/header0.jpg);
	height:27px;
}

#tblHeader {
	width: 100%;
	height:100%;
	border-collapse:collapse;
}

#header_left {
	  background-image: url(../img/header_left_bg.jpg);
	  width:29px;
}

#header_middle {
	  background-image: url(../img/header_middle_bg.jpg);
}

#header_right {
	  background-image: url(../img/header_right_bg.jpg);
	  width:29px;
}

/*================================================================
  LOGO
  ================================================================*/
div#logo {
	clear:both;       /* keep footer below content and menu */
	background-color:#FFFFFF
}

#tblLogo {
	width: 100%;
	height:100%;
	border-collapse:collapse;
  text-align:center;
}


/*================================================================
  MENUWRAPPER
  ================================================================*/
#menuwrapper {
	height: 27px;
}

#menuline {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	float:left;
	}
	
#menuline ul {
  list-style-type:none;
  float:left;
margin: 0;
padding: 0px 0px 0px 0px;
}

#menuline ul li {
  positition:relative;
  display:inline;
  float:left;
  padding: 0px 22px 0px 22px;  /* pas deze padding aan indien het scherm smaller gemaakt wordt. */
  border: none !important;
}

#tblMenuitems {
	width:100%;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	border-collapse:collapse;
	background-image: url(../img/mnuitem_bg.jpg);
}

#tblMenuitems ul {
  width:100%
  list-style:none;
  float:left;
  display:inline;
}


#tblMenuitems td a {
	text-decoration: none;
	color: #FFFFFF;
}
#tblMenuitems td a:hover {
	text-decoration: none;
	color: #000000;
}

.mnuItem {
  border:0px;
  border-style:solid;
  border-color:black;
  text-align:left;
}

.mnuMargin {
	background-image: url(../img/mnuitem_bg.jpg);
	width:10px;
}


/*================================================================
  CONTENTWRAPPER
  ================================================================*/

div#content {
	background-color:#FFFFFF;

}

#tblContent {
	width: 100%;
/* 	margin-left:2.5%;
	margin-right:2.5%;  */
	border-collapse:collapse;
}

.class_divider_7 {
	width: 7px;
}

.main_left_image {
	background-image: url(../img/main_left_bg.jpg);
	width:16px;
}

#main {

}

#content_divider {
	width: 7px;
}

#sidebar {
   width:195px;
}

.main_right_image {
	background-image: url(../img/main_right_bg.jpg);
	width:16px;
}

div#sidebar_block {
   width: 100%;    /* sidebar width, if you change this please also change #main margins */
}


/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
   padding: 0 1%;
   width: 10%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

/*================================================================
  MAANDPLANNING
  ================================================================*/
#maand {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	border-collapse:collapse;
	text-align:left;
	font-weight:bold;
	margin-left:65px;
		margin-top:5px;
}
#maand td{
	padding:5px;
	
}
#maand a {
	color:#333333;
	text-decoration:none;
}
#maand a:visited {
	color:#333333;
}
#maand a:hover {
	color: #CC0000;
}


#maandplanning {
	margin-top:5px;
	background-image: url(../img/maandplanning.jpg);
	background-position:left;
	background-repeat:no-repeat;
	height:64px;

}

#jarigen {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-collapse:collapse;
	
}

#jarigen td {
	text-align:left;
	vertical-align:top;
	padding: 2px 5px 2px 0px;
}

/*================================================================
  FOOTER
  ================================================================*/
div#footer {
	clear:both;       /* keep footer below content and menu */
	height: 34px;
	background-color:#FFFFFF;

}

#tblFooter {
	width: 100%;
	height:100%;
	border-collapse:collapse;
}

#footer_left {
	  background-image: url(../img/footer_left_bg.jpg);
	  width:29px;
}

#footer_middle {
	  background-image: url(../img/footer_middle_bg.jpg);
}

.footer_data {
	  width:100%;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:11px;
	  color:#666666;

}
.footer_data td {
	padding-bottom:17px;
	border-collapse:collapse;
}

.footer_data td a, .footer_data td a:visited, .footer_data td a:active {
	color:#666666;
	text-decoration:none;
}

.footer_data td a:hover {
	color:#CC0000;
	text-decoration:underline;
	
}

#footer_right {
	  background-image: url(../img/footer_right_bg.jpg);
	  width:29px;
}

/*================================================================
  FOOTER
  ================================================================*/
.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}

#inmemoriam  td {
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;	
	color:#000;
	font-size:12px;
}

#inmemoriam td a {
	color:#000;
	text-decoration:underline;
	font-size:10px;
}
#inmemoriam td a:visited {
	color:#000;
}
#inmemoriam td a:hover {
	color: #000;
}