/* CODE DOOR JEROEN VOOR LSJ PRODUCTIONS */
/* Opera & Firefox version */
/* V2.8 class rssicon toegevoegd
/* V2.7 rb_sidebar400 en rb_kolom400 toegevoegd
/* V2.6 Routeboek CSS toegevoegd 25-8-2010
/* V2.5 Toolbox (MOUSE OVER POPUP)
/* V2.3 cssmidmini toegevoegd */

/*  donkerblauw #6597d3
/*  lichtblauw  #ddeff8

/* ############# */
/* CSS voor RSS iconen */
/* ############# */

.rssicon{
		width:25px;
		height:25px;
		background-image:url(../images/rssicons/rssframe25.png);
		background-size:25px 25px;
		float: left;
		z-index:1;


}
.rssiconimage{
		width:25px;
		height:25px;
		float: left;
		z-index:-1;
		background-size:25px 25px;
		-moz-background-size:25px 25px; /* Firefox 3.6 */
		margin-bottom:2px;
		margin-top:1px;
		margin-left:1px;
		margin-right:1px;
				
}


	
/* ############# */
/* CSS voor Routeboek (start met rb_ ) */
/* ############# */

/* SIDEBAR */
.rb_maindiv{
				margin: 0 12px 12px 0px;
				width: 270px;
				float: left;
		
			}
.rb_newmaindiv{
				margin: 0 0 12px 0px;
				width: 270px;
				
			}
			



#rb_uberdiv{
				
			}

.rb_kolom{
				margin: 0 12px 12px 0px;
				width: 270px;
				float: left;
			}
.rb_kolom400{
				margin: 0 12px 12px 0px;
				width: 375px;
				float: left;
			}
.rb_kolom400R{
				margin: 0 12px 12px 0px;
				width: 375px;
				float: right;
			}
.rb_kolomsmal{
				margin: 0 12px 12px 0px;
				width: 160px;
				float: left;
			}

.rb_sidebar {
				margin: 0 12px 12px 0px;
				border: medium none;
				display: block;
				width: 270px;
				margin-top:5px;
				float: left;
			}
.rb_sidebarsmal {
				margin: 0 12px 12px 0px;
				border: medium none;
				display: block;
				width: 160px;
				margin-top:5px;
				float: left;
			}
.rb_sidebar400 {
				margin: 0 12px 12px 0px;
				border: medium none;
				display: block;
				width: 375px;
				margin-top:5px;
				float: left;
			}
.rb_sidebarbreed {
				margin: 0 12px 12px 0px;
				border: medium none;
				display: block;
				width: 790px;
				margin-top:5px;
				float: left;
}
.rb_rnd1,
.rb_rnd2,
.rb_rnd3 {
				border-style: solid;
				border-width: 0;
				display: block;
				font-size: 1px;
				height: 1px;
				line-height: 1px;
				overflow: hidden; 
			}
.rb_rnd1 {
				background: #6597d3 none repeat 0 50%;
				margin: 0 4px;
			}
.rb_rnd2 {
				border-width: 0 2px;
				margin: 0 2px;
			}
.rb_rnd3 {
				border-width: 0 1px;
				height: 2px;
				margin: 0 1px;
		}
.rb_rnd_sidebartitle .rb_rnd2,
.rb_rnd_sidebartitle .rb_rnd3 {
				background: #6597d3 none repeat scroll 0 50%; 
				border-color: #6597d3;
			}
.rb_sidebartitle {
	background: #6597d3 none repeat scroll 0 0;
	border-color: #6597d3;
	border-style: none solid;
	border-width: 1px 1px medium;
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
	padding: 0 7px 2px !important;
			}			
.rb_rnd_sidebaritem .rb_rnd2,
.rb_rnd_sidebaritem .rb_rnd3 {
				background: #FFF none repeat scroll 0 50%;
				border-color: #6597d3;
			}
.rb_sidebaritem {
				background: #FFF none repeat scroll 0 50%;
				padding: 5px 9px 7px !important;
				border: 1px solid #6597d3;
				border-bottom: none;
				clear: both;
				overflow: hidden;

				font-family: verdana;
	            color: #000000;
	            font-weight:normal;
	            font-size: 10px;
	            text-align: left;
				margin:0;
			}
.rb_sidebaritem a:link, 
.rb_sidebaritem a:visited, /* Let op de komma ! */
.rb_sidebaritem a:active {
				font-family: verdana;
				color: #6597d3;
				font-size: 10px;
				text-decoration: none;
				font-weight: bold;
				min-width: 40px;
			}
.rb_sidebaritem a:hover {
				font-family: verdana;
				color: #6597d3;
				font-size: 10px;
				text-decoration: none;
				font-weight: bold;
				min-width: 40px;
				background-color:#dddddd;
			}
			
			
/* MOUSE OVER POPUP */
.dvhdr1 
{
	background:#F3F0E7;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	border:1px solid #C8BA92;
	padding:5px;
	width:150px;
}

.dvbdy1 
{
	background:#FFFFFF;
	font-family:arial;
	font-size:12px;
	border-left:1px solid #C8BA92;
	border-right:1px solid #C8BA92;
	border-bottom:1px solid #C8BA92;
	padding:5px;
	width:150px;
}
span.mouseover
{
font-weight:bold;
color:#CC6600;
text-decoration:underline;
cursor:help;
}



/* TEMP */
.maintxtsmall
{
	font-family: verdana;
	color: #000000;
	font-size: 10px;
}
a:link.mainurl, a:visited.mainurl, a:active.mainurl
{
	font-family: verdana;	
	color: #6597d3;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}
a:hover.mainurl
{
	font-family: verdana;
	color: #000000;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}
a:link.mainurlsmall, a:visited.mainurlsmall, a:active.mainurlsmall
{
	font-family: verdana;	
	color: #6597d3;
	font-size: 10px;
	text-decoration: underline;
}
/**/

/* ############# */
/* GENERAL ITEMS */
/* ############# */
form
{
padding:0;
margin:0;
}

font, p, .maintxt
{
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight:normal;
	font-size: 12px;
}

strong , b, .maintxtbold
{
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight:bold;
	font-size: 12px;
}

body
{
	//background-image:url(../images/background.jpg);
	scrollbar-3dlight-color:#DEB887;
	scrollbar-arrow-color:#000000;
	scrollbar-base-color:#D2C5B5;
	scrollbar-track-color:#D2C5B5;
	scrollbar-darkshadow-color:#A52A2A;
	scrollbar-face-color:#AC9274;
	scrollbar-highlight-color:#FFE4C4;
	scrollbar-shadow-color:#000000;
}

img
{
	border-width:0px;
}

a img, a object {
border: none;
}

a:link, a:active, a:visited
{
	font-family: verdana;	
	color: #ddeff8;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}
a:hover
{
	font-family: verdana;
	color: #000000;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}		
.datum {
	font-size: 10px;
	font-weight: normal;
	color: #5A4936;
}
/* ############## */
/* LAYOUT BY TYPE */
/* ############## */

a:link.suburl, a:visited.suburl, a:active.suburl
{
	font-family: verdana;	
	color: #6597d3;
	font-size: 10px;
	text-decoration: underline;
	font-weight: normal;
}
a:hover.suburl
{
	color: #000000;
}
a:link.suburlbold, a:visited.suburlbold, a:active.suburlbold
{
	font-family: verdana;	
	color: #6597d3;
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
}
a:hover.suburlbold
{
	color: #000000;
}
a:link.suburlblackbold, a:visited.suburlblackbold, a:active.suburlblackbold, a:hover.suburlblackbold
{
	font-family: verdana;	
	color: #000000;
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
}
.masked
{
	background-color: #DFD6CA;
	color: #000000; 
}

/* ################## */
/* LAYOUT BY POSITION */
/* ################## */

.Banner
{
	background-image:url(../images/banner.jpg);
	background-position:center;
	width:950px;
	height:140px;
	background-repeat:no-repeat;
	font-family: Verdana;
	font-size: 36px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 140px;
	letter-spacing: 0.5em;
	text-align: center;
}
.Super
{
/*Dit is de container van Left + Center + Right */
background-color:#DFD6CA;
width:950px;  /* 950 - padding_left - padding_right */
max-width:930px; /* IE DOESN'T SUPPORT MAX WIDTH, GREAT IE DOES WORK BETTER WITH PADDING*/
position:relative;
padding-left: 10px;
padding-right: 10px;
padding-top:10px;
padding-bottom:25px;
text-align:left;
}
.Main
{
/*Dit is de container van Center + Right */
/*Deze container kan 2 dingen*/
/* 1. een opsliting in Center en Right */
/* 2. niet opsplitsen en dan mainsub1,2,3 gebruiken */
float:right;
width:782px; /* 792 - padding_right van Super */
}

.Left
{
/*Dit is de container van Left */

width:125px;
float:left;
}
.LeftSub1
{
/*Dit is de Header van een left menutje*/
	
	line-height:20px;
	background-image: url(../images/divbacks/LeftSub1.gif);
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	background-position: left center; 
	padding-left: 10px;
	padding-right: 10px;
	word-wrap: break-word;
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight:bold;
	font-size: 10px;
	text-align: left;
}
.LeftSub2
{
/*Dit is het Middenstuk van een left menutje*/
	
	background-image: url(../images/divbacks/LeftSub2.gif);
	background-repeat: repeat-y; 
	background-attachment: scroll; 
	background-position: left center; 
	padding-left: 4px;
	padding-right: 10px;
	line-height:20px;
	word-wrap: break-word;
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight:normal;
	font-size: 10px;
	text-align: left;
}
.LeftSub3
{
/*Dit is het Einde van een left menutje*/
	background-image: url(../images/divbacks/LeftSub3.gif);
	line-height:10px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	padding-left: 4px;
	padding-right: 10px;
	word-wrap: break-word;
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight:normal;
	font-size: 10px;
	text-align: left;
	margin-bottom:5px;
}
.LeftSubClosed
{
/*Dit is de Header van een left menutje*/
	line-height:20px;
	background-image: url(../images/divbacks/LeftSubClosed.gif);
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	background-position: left center; 
	padding-left: 10px;
	padding-right: 10px;
	word-wrap: break-word;
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight:bold;
	font-size: 10px;
	text-align: left;
	margin-bottom:5px;
}
.Center
{
/*Dit is de container van Center*/

width:634px;
float:left;
}
.CenterSub1 a:link, .CenterSub1 a:visited, .CenterSub1 a:active
{
	font-family: verdana;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
.CenterSub1 a:hover
{
	text-decoration: underline;
}
.CenterSub1 .datum {
	font-size: 10px;
	font-weight: normal;
	color: #5A4936;
	padding-left: 15px;
}
.CenterSub1
{
/*Dit is de Header van een Centraal Item*/
	background-image: url(../images/divbacks/CenterSub1.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left center;
	height: 31px;
	top:10px;
	padding-left: 10px;
	padding-right: 10px;
	word-wrap: break-word;
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight:bold;
	font-size: 14px;
	text-align: left;
}
.CenterSub2
{
/*Dit is het Middenstuk van een Centraal Item*/
	background-image: url(../images/divbacks/CenterSub2.gif);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: left center;
	top:10px;
	min-height:100px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:10px;
	text-align:left;
	word-wrap: break-word;
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight:normal;
	font-size: 12px;
	text-align: left;
}
.CenterSub3 a:link, .CenterSub3 a:visited, .CenterSub3 a:active, .CenterSub3 a:hover
{
	font-family: verdana;
	color: #5A4936;
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
}

.CenterSub3
{
/*Dit is het Einde van een Centraal Item*/

	background-image: url(../images/divbacks/CenterSub3.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	height: 20px;
	top:10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align:left;
	margin-bottom:15px;
	word-wrap: break-word;
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight:normal;
	font-size: 10px;
	text-align: left;
}
.Right
{
/*Dit is de container van Right */

width:125px;
float:right;
}
.RightSub1
{
/*Dit is de Header van een Right menutje*/
	line-height:20px;
	background-image: url(../images/divbacks/RightSub1.gif); 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	background-position: left center; 
	padding-left: 10px;
	padding-right: 10px;
	text-align:left;
	word-wrap: break-word;
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight:bold;
	font-size: 10px;
	text-align: left;
}
.RightSub2
{
/*Dit is het Middenstuk van een Right menutje*/
	background-image: url(../images/divbacks/RightSub2.gif); 
	background-repeat: repeat-y; 
	background-attachment: scroll; 
	background-position: left center; 
	padding-left: 4px;
	padding-right: 10px;
	line-height:15px;
	text-align:left;
	word-wrap: break-word;
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight:normal;
	font-size: 10px;
	text-align: left;
}
.RightSub3
{
/*Dit is het Einde van een Right menutje*/

	background-image: url(../images/divbacks/RightSub3.gif); 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	background-position: left top;
	line-height:10px;
	padding-left: 4px;
	padding-right: 10px;
	text-align:left;
	word-wrap: break-word;
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight:normal;
	font-size: 10px;
	text-align: left;
	margin-bottom:5px;
}
.RightSubBreak
{
/*Dit is een Break van een Right menutje*/
	background-image: url(../images/divbacks/RightSubBreak.gif); 
	background-repeat: no-repeat;
	background-attachment: scroll; 
	background-position: left top;
	height: 8px;
	line-height:8px;
	padding-left: 4px;
	padding-right: 10px;
	text-align:left;
	word-wrap: break-word;
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight: normal;
	font-size: 6px;
	text-align: left;
}
.MainSub1 a:link, .MainSub1 a:visited, .MainSub1 a:active
{
	font-family: verdana;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
.MainSub1 a:hover
{
	text-decoration: underline;
}
.MainSub1 .datum {
	font-size: 10px;
	font-weight: normal;
	color: #5A4936;
	padding-left: 15px;
}
.MainSub1
{
/*Dit is de Header van een Centraal Item*/
	background-image: url(../images/divbacks/MainSub1.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left center;
	height: 31px;
	top:10px;
	padding-left: 10px;
	padding-right: 10px;
	word-wrap: break-word;
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight:bold;
	font-size: 14px;
	text-align: left;
}
.MainSub2
{
/*Dit is het Middenstuk van een Centraal Item*/

	background-image: url(../images/divbacks/MainSub2.gif);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: left center;
	top:10px;
	min-height:100px;
	padding-left: 10px;
	padding-right: 10px;
	text-align:left;
	word-wrap: break-word;
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight:normal;
	font-size: 12px;
	text-align: left;
}

#cssmidmini 
{
	min-height:5px;
	text-align:center;
}

.MainSub3 a:link, .MainSub3 a:visited, .MainSub3 a:active, .MainSub3 a:hover
{
	font-family: verdana;
	color: #5A4936;
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
}
.MainSub3
{
/*Dit is het Einde van een Centraal Item*/

	background-image: url(../images/divbacks/MainSub3.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	height: 20px;
	top:10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align:left;
	margin-bottom:15px;
	word-wrap: break-word;
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight:normal;
	font-size: 10px;
	text-align: left;
}
.buttongebied
{
	background-color: #AC9274;
	font-family: verdana;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
}
.Footer
{
	/*Dit is de container van Footer */
	background-color:#DFD6CA;
	width:950px;  /* 950 - padding_left - padding_right */
	max-width:930px; /* IE DOESN'T SUPPORT MAX WIDTH, GREAT IE DOES WORK BETTER WITH PADDING*/
	position:relative;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:10px;
	padding-bottom:25px;
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight:normal;
	font-size: 10px;
	text-align: left;
}
/*######################*/
/* TABLES               */
/*######################*/

.tablehead
{
	background-image: url(../images/divbacks/TableTop.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: left top;
	/*FONTS*/
	font-family: verdana;
	color: #000000;
	font-weight:bold;
	font-size: 12px;
	text-align: left;
}

.tablesurround
{
	background-image: url(../images/divbacks/TableSurround.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: left top;
}

.tablepanel_1
{
	background: #D4C6B4;
	color: #000000;
	padding: 10px;
	border: 2px outset;
}

/* ############## */
/* FORMATED TABLE */
/* ############## */
.formatedtable 
{
	width: 100%;
	border-collapse:collapse;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #6597d3;
	border-left-color: #6597d3;
}
.formatedtable caption 
{
	text-align: left;
	text-indent: 10px;
	height: 25px;
	color: #000000;
	font-family: Verdana;
	font-size: 16px;
	line-height: 25px;
	background-color: #6597d3;
}
.formatedtable thead th 
{
	height: 47px;
	color: #000000;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left;
	background-color: #6597d3;
}

.formatedtable tbody tr 
{
	background-color: #ddeff8;
	padding: 10px 7px;
	font-family: Verdana;
	text-align: left;
	color: #000000;
	font-size: 11px;
	line-height: 13px;

}
.formatedtable tbody tr.odd 
{
	background-color: #bee7fc;
	padding: 10px 7px;
	font-family: Verdana;
	text-align: left;
	color: #000000;
	font-size: 11px;
	line-height: 13px;
}

.formatedtable tbody td 
{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #777777;
	border-bottom-color: #777777;
	padding: 10px 7px;
	font-family: Verdana;
	text-align: left;
	color: #000000;
	font-size: 11px;
	line-height: 13px;
}

.formatedtable tbody th 
{
font-weight: bold;
}

.formatedtable tfoot th 
{
	height: 25px;
	color: #000000;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align:center;
	background-color: #6597d3;
}
.formatedtable tfoot td 
{
	height: 25px;
	color: #000000;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left;
	background-color: #6597d3;
}
.formatedtable img
{
max-width: 460px;
}

/*######################*/
/* CALENDER.PHP         */
/*######################*/

.calendar
{
	font-family: verdana;
	color: #000000;
	font-size: 9px;
}
.calendarHeader
{
	font-family: verdana;
	color: #000000;
	font-size: 9px;
	font-weight: bold;
}
.calendarToday
{
	border-style: solid;
	border-width: thin;
	border-color: red;
	font-family: verdana;
	color: #000000;
	font-size: 9px;
}
a:link.calenderurl, a:visited.calenderurl, a:active.calenderurl
{
	font-family: verdana;	
	color: #FF0000;
	font-size: 9px;
	text-decoration: underline;
	font-weight: bold;
}
a:hover.calenderurl
{
	font-family: verdana;
	color: #000000;
	font-size: 9px;
	text-decoration: underline;
	font-weight: bold;	
}