/* -- 	Hello !! So you had to look into my CSS eh? You just could have asked you know...
	It's pretty messy but I hope you'll find whatever the hell you're looking for.
	
	Peace,
	
	-Jeffrey
	mosrendA.com
*/

body {	background-color: #FFFFFF;
	font: 10px Verdana, "Lucida Sans Unicode", "Lucida Sans", arial, helvetica;
	font-size: 10pt;
	line-height:13px;
	margin:0px;
	background:url('images/backgroundfade.png') repeat-x top left;
	}

img { 	border: 0;
	color: black;}


div.clear {
clear: left;
}


 
/* --- MENU BOVENAAN --- */

span{display: none;}

a.button{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10.5pt;
	text-decoration: none;}
	

	
	
a.button:hover span{
display: block;
position: relative;
top: 0px;
left: 0px;
margin: -27px;

}	
	
	
div.menutop {
	width:994px;
	height:54px;
	background:url('images/body02a.png');
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	background-repeat: no-repeat;
	}
	
div.menulinks {
	width: 6px;
	height:51px;
	background:url('images/menu01a.png');
	float: left;
	}

div.menurechts {
	width: 6px;
	height:51px;
	background:url('images/menu01d.png');
	float: left;
	}

div.menubar {
	width: 981px;
	height:51px;
	background:url('images/menu01b.png');
	float: left;
	}

div.menutussenstuk {
	width: 3px;
	height:51px;
	background:url('images/menu01c.png');
	float: left;
	}

div.button {
	width: 116px;
	height:34px;
	background:url('images/menu01b.png');
	float: left;
	text-align:center;
	padding-top: 17px;
	

	}

div.toplogo {

	padding-top: 5px;
	float: right;

	} 
 
 
/* --- body elements --- */

div.mainbody{
	width: 1018px;}


div.wrapper {
	position:relative;
	margin: auto;
	width:1018px;}

div.top {
	width:1000px;
	height:18px;
	background:url('images/body01a.png');
	padding-left: 9px;
	padding-right: 9px;
	}

div.middle {
	background:url('images/body01b.png');
	width:1000px;
	padding-left: 9px;
	padding-right: 9px;}
	

	
div.flashvak {
	width:1000px;
	background-color: #00639F;
	background:url('images/logo01b.png');
	text-align: center;
	min-height:225px;
	margin-bottom: 0px;}
	
	

div.bottom {
	width:1000px;
	height:18px;
	background:url('images/body01c.png');
	padding-left: 9px;
	padding-right: 9px;
	}

div.bodybottom {
	width:1000px;
	height:24px;
	background:url('images/body01d.png');
	padding-left: 9px;
	padding-right: 9px;
	}
	
div.copyright {
	width:1000px;
	text-align: center;
	padding-top: 10px;}

div.toplogo {


	padding-left: 9px;

	}



/* --- achtergrond voor het content stuk met de dubbele background en fades enzo --- */

	div.inhoudmain {
		background:url('images/inhoudback.png');
		width:1000px;
	}
	
	div.onderfade{
		background-image: url(images/bottomfade.png);
		background-position: bottom;
		background-repeat: no-repeat;
	}
	div.bovenfade{
		background-image: url(images/topfade.png);
		background-position: top;
		background-repeat: no-repeat;
		min-height: 400px;
		padding-left: 6px;
		padding-right: 6px;
		
	}


/* --- entry --- */
	

	
	div.entryinhoud {
		background:url('images/entry01b.png');
		background-repeat: repeat-y;
		width:750px;
	}
	div.entrytop{
		background-image: url('images/entry01c.png');
		background-position: bottom left;
		background-repeat:  no-repeat;
		width:750px;
	}
	div.entrybottom{
		background-image: url('images/entry01a.png');
		background-position: top left;
		background-repeat: no-repeat;
		min-height: 260px;
		width:740px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 1px;
	}

	
	
	div.entrytitel {
		width:720px;
		padding-top: 10px;
		
		
	}
	
	div.entryblog{
		width:720px;
		padding-right: 15px;
		padding-left: 10px;
		padding-bottom: 20px;
		min-height: 200px;
	}

	
	div.entryport{
		width:750px;
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		
	}
	
	div.entryemotion{
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: left;
		width:150px;
		float: right;
	}
	
	div.entryemotion2{
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 10px;
		text-align: center;
		width: 270px;
		float: right;
		
	}
	
	
	div.entryemotion3{
		padding: 0px;
		text-align: center;
		width: 295px;
		float: left;
		
	}
	
	
	div.linkvak{
		padding-left: 30px;
		text-align: left;
		width: 310px;
		
	}
	
		
	div.entryemotion4{
		padding-left: 0px;
		padding-right: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: left;
		
		
		float: left;
		
	}
	

	div.bar01 {
		height: 1px;
		width: 100%;
		background-color: #3b5763;
		margin-top: -17px;
		}
		
	div.bar02 {
		height: 1px;
		width: 100%;
		background-color: #3b5763;
		}

	
	
	
	div.bulkup{
		padding: 10px;
		text-align: left;
		float: left;
	}

/* ---  CONTENT + SIDEMENU --- */

div.content {
	min-height: 480px ;
	padding-top: 0px;
	width: 740px;
	float: left;
	}


div.sidemenu {
	width: 224px;
	float: left;
	padding-left: 24px;
	padding-top: 4px;
	}

div.inline {
	
	float: left;
}


div.frontbubble1 {
	
	min-height: 150px ;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	width: 250px;
	float: left;
	}

div.frontbubble2 {
	
	background-color: #3b5763;
	min-height: 130px ;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	width: 1px;
	float: left;
	}

div.frontbubble3 {
	
	min-height: 150px ;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	width: 350px;
	float: left;
	}





/* ---  OPMAAK--- */

p {		
		margin: 0px;
		}

p.kleur {	
		margin: 0px;
		color: #277aa0;
		}

.small {	font-size: 0.8em;
		}

.smaller {	font-size: 0.7em;
		}

p.notes {	font-size: 0.8em;
		margin-top: 3px;
		color: #277aa0;}

	
p.notice {	font-size: 0.8em;
		color: #d4281a;}

h1, h2 	{ font-family: Tahoma;  margin-top:0;}
h3, h4	{ font-family: Tahoma;  margin:0.5em;}
h6 , h5 		{ font-family: Tahoma;  margin:0;}


h1 { font-size: 1.6em; font-weight: bold;	color: #0374ad;  }
h2 { font-size: 1.8em; font-weight: bold;	color: #3b5763;  }
h3 { font-size: 1.1em; font-weight: bold; 	color: #0099e6; }

h4 { font-size: 1.0em; font-weight: bold;	color: #3b5763;  }
h5 { font-size: 1.5em; font-weight: bold; 	color: #277aa0; }

h6 { font-size: 1.05em; font-weight: bold; 	color: #3b5763 }



ol, ul { line-height: 1.2em; margin: 0.3em; }
ul li, ol li{ margin-bottom: 0.2em; }

hr {
height: 1px;
border: 2px;

border-top: 1px solid #3b5763;
background-color: #88a7b6;
margin: 1.2em ;
}



a.big:link {text-decoration: none; 		color: #3b5763;		font-size: 1.1em;	}
a.big:hover {text-decoration: underline; 	color: #3b5763;		font-size: 1.1em;	}
a.big:active {text-decoration: underline; 	color: #844d4d;		font-size: 1.1em;	}
a.big:visited {text-decoration: none; 		color: #3b5763;		font-size: 1.1em;	}
a.big:visited:hover {text-decoration: underline; 	color: #3b5763;		font-size: 1.1em;	}
a.big:visited:active {text-decoration: underline; 	color: #844d4d;		font-size: 1.1em;	}


a.menu:link {text-decoration: none; 		color: #3b5763;	}
a.menu:hover {text-decoration: underline; 	color: #3b5763;	}
a.menu:active {text-decoration: underline; 	color: #844d4d;	}
a.menu:visited {text-decoration: none; 		color: #3b5763;	}
a.menu:visited:hover {text-decoration: underline; 	color: #3b5763;	}
a.menu:visited:active {text-decoration: underline; 	color: #844d4d;	}

a.cmsmenu:link {text-decoration: none; 		color: #7898a6;	}
a.cmsmenu:hover {text-decoration: underline; 	color: #7898a6;	}
a.cmsmenu:active {text-decoration: underline; 	color: #844d4d;	}
a.cmsmenu:visited {text-decoration: none; 		color: #7898a6;	}
a.cmsmenu:visited:hover {text-decoration: underline; 	color: #7898a6;	}
a.cmsmenu:visited:active {text-decoration: underline; 	color: #844d4d;	}


a.small:link {text-decoration: none; 		color: #3b5763;		}
a.small:hover {text-decoration: underline; 	color: #3b5763;		}
a.small:visited {text-decoration: none; 	color: #3b5763;		}
a.small:visited:hover {text-decoration: underline; 	color: #3b5763;		}

a.smaller:link {text-decoration: none; 		color: #3b5763;		font-size: 0.8em;}
a.smaller:hover {text-decoration: underline; 	color: #3b5763;		font-size: 0.8em;}
a.smaller:visited {text-decoration: none; 	color: #3b5763;		font-size: 0.8em;}
a.smaller:visited:hover {text-decoration: underline; 	color: #3b5763;	font-size: 0.8em;	}

a.notes:link {text-decoration: none; 		color: #277aa0;		}
a.notes:hover {text-decoration: underline; 	color: #277aa0;		}
a.notes:visited {text-decoration: none; 	color: #277aa0;		}
a.notes:visited:hover {text-decoration: underline; 	color: #277aa0;		}

a.notice:link {text-decoration: none; 		color: #d4281a;		}
a.notice:hover {text-decoration: underline; 	color: #d4281a;		}
a.notice:visited {text-decoration: none; 	color: #d4281a;		}
a.notice:visited:hover {text-decoration: underline; 	color: #d4281a;		}





ul.main {
	list-style-image: url(images/buttons/button_small.png);
	padding: 0px;
}

ul.other{
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
}

li{	margin-left: 35px;
	margin-top:-3px;}

li.other{
	margin-top:-4px;
	margin-left: 35px;
	list-style-image: none;
	list-style-type: none;
	
}

li.banner{
	margin-top:0px;
	margin-left: 25px;
	margin-right: 25px;
	list-style-image: none;
	list-style-type: none;
	
}

/* Tables*/

table.list {
	border: 0px;
	background: none;
	padding: 0px;

}



/* Flash */

.flash2 {
	width: 1000px;
	height: 150px;
	background-color: #ffffff;

}