>>>>>>>/*
ACHTERGROND-KLEUR	:	#EBECCA

FONT-COLOR			:	#004684

GROENE KLEUR		:	#A9C01D

Navigatie kleur		:	#002241


*/
/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html, body {
	height:100%;
}
body {
	margin:0 auto 0 auto;
	padding:0;
	text-align:center;
	font-family:Tahoma, Arial, Helvetica, Sans-serif;
	font-size:12px;
	background:#C00 url(http://blog.i-v-o.nl/images/gradientback_blue.jpg) fixed repeat-x left top;
	}

/*\*/
	* html body hr {
		margin:0px;
		}
/* */
/* ======== EXTRA's	======== */
br.cB {
	clear:both;
	}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

/* ======== CONTAINER	======== */

.container {
	position:relative;
	margin:0 auto 0 auto;
	width:766px;
	min-height:100%;
	height:100%;
	text-align:left;
	}
	/* mozilla hax \*/
html>body .container {
    height:auto;
	}
	/* mozilla hax */
	
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

.headerImage{
    padding-left: 8px;
    padding-top: 19px;
    cursor:    pointer;
}

div.header {
	position:relative;
	width:766px;
	height:163px;
	padding-top:10px;
	}
div.headerBack {
	width:766px;
	height:163px;
	background:transparent url(http://blog.i-v-o.nl/images/header_back.png) repeat-y left top;
	}
/*\*/
	* html body div.headerBack {
		width:766px;
		height:163px;
		background:transparent none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://blog.i-v-o.nl/images/header_back.png", sizingMethod="image");
		}
/* */
body div.headerTopNav {
	position:relative;
	padding-right:11px;
	padding-top: 11px;
	text-align:right;
	}
body div.headerTopNav a {
	padding:0 5px 0 5px;
	color:#000;
	text-decoration:none;
	}
body div.headerTopNav a:hover {
	text-decoration:underline;
	}


/* ============================================================	*/ 
/* ========	LEFT BLOK			===============================	*/
/* ============================================================	*/ 
div.left {
	float:left;
	width:214px;
	overflow:hidden;
	}

div.leftBlokTop {
	width:214px;
	height:8px;
	background:transparent url(http://blog.i-v-o.nl/images/lefttop.png) no-repeat left top;
	}
div.leftBlokMain {
	width:214px;
	min-height:100px;
	background:transparent url(http://blog.i-v-o.nl/images/leftmain.png) repeat-y left top;
	}
div.leftBlokBottom {
	width:214px;
	height:8px;
	background:transparent url(http://blog.i-v-o.nl/images/leftbottom.png) no-repeat left top;
	}
/* IE FIX \*/
* html body div.leftBlokTop {
	width:214px;
	height:8px;
	background:transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://blog.i-v-o.nl/images/lefttop.png", sizingMethod="image");
	}
* html body div.leftBlokMain {
	width:214px;
	height:250px;
	background:transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://blog.i-v-o.nl/images/leftmain.png", sizingMethod="scale");
	}
* html body div.leftBlokBottom {
	width:214px;
	height:8px;
	background:transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://blog.i-v-o.nl/images/leftbottom.png", sizingMethod="image");
	}
/* */

/* ============================================================	*/ 
/* ========	RIGHT BLOK			===============================	*/
/* ============================================================	*/ 

div.right {
	float:right;
	width:552px;
	overflow:hidden;
	}
div.rightBlokTop {
	width:552px;
	height:8px;
	background:transparent url(http://blog.i-v-o.nl/images/righttop.png) no-repeat left top;
	}
div.rightBlokMain {
	width:552px;
	min-height:400px;
	background:transparent url(http://blog.i-v-o.nl/images/rightmain.png) repeat-y left top;
	}
div.rightBlokBottom {
	width:552px;
	height:8px;
	background:transparent url(http://blog.i-v-o.nl/images/rightbottom.png) no-repeat left top;
}

/* IE FIX \*/
* html body div.rightBlokTop {
	width:552px;
	height:8px;
	background:transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://blog.i-v-o.nl/images/righttop.png", sizingMethod="image");
	}
* html body div.rightBlokMain {
	width:552px;
	height:400px;
	background:transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://blog.i-v-o.nl/images/rightmain.png", sizingMethod="scale");
	}

* html body div.rightBlokBottom {
	width:552px;
	height:8px;
	background:transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://blog.i-v-o.nl/images/rightbottom.png", sizingMethod="image");
}
/* */
/* Content - WIDE */
div.rightWide {
	float:left;
	margin-left:3px;
    width:766px;
	overflow:hidden;
	}
div.rightBlokTopWide {
	width:766px;
	height:8px;
	background:transparent url(http://blog.i-v-o.nl/images/righttop_wide.png) no-repeat left top;
	}
div.rightBlokMainWide {
	width:766px;
	min-height:400px;
	background:transparent url(http://blog.i-v-o.nl/images/rightmain_wide.png) repeat-y left top;
	}
div.rightBlokBottomWide{
	width:766px;
	height:8px;
	background:transparent url(http://blog.i-v-o.nl/images/rightbottom_wide.png) no-repeat left top;
}
/* IE FIX \*/
* html body div.rightWide {
	margin-left:2px;
	width:766px;
	overflow:hidden;
	}
* html body div.rightBlokTopWide {
	width:766px;
	height:8px;
	background:transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://blog.i-v-o.nl/images/righttop_wide.png", sizingMethod="image");
	}
* html body div.rightBlokMainWide {
	width:100%;
	height:400px;
	background:transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://blog.i-v-o.nl/images/rightmain_wide.png", sizingMethod="scale");
	}
* html body div.rightBlokBottomWide{
	width:766px;
	height:8px;
	background:transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://blog.i-v-o.nl/images/rightbottom_wide.png", sizingMethod="scale");
}


/* ============================================================	*/ 
/* ========	NAVIGATIE		===============================	*/
/* ============================================================	*/ 

div.navigatie {
	position:relative;
	}
div.navigatie ul{
	margin:0;
	padding:0;
	list-style:none;
	}
body div.navigatie a {
	display:block;
	position:relative;
	padding:2px 3px 5px 10px;
	color:#999;
	font-weight:bold;
	text-decoration:none;
	list-style:none;
	background:transparent url(http://blog.i-v-o.nl/images/dotted.gif) no-repeat left bottom;
	}
	body div.subNav a {
		padding-left:20px;
		}
div.navigatie a:active,
div.navigatie a.active,
div.navigatie a:hover {
	color:#C00;
	text-decoration:none;
	}
div.navigatie a b {
	position:absolute;
	top:3px;
	left:10px;
	width:5px;
	height:5px;
	z-index:10;
	}
/* IE HAX \*/
* html body div.navigatie a b {
	left:-10px;
	}
/* */

div.footerNav {
	position:relative;
	margin-top:20px;
	padding-top:7px;
	background:transparent url(http://blog.i-v-o.nl/images/dotted.gif) repeat-x left top;
	}
div.footerNav a,
div.footerNav a:hover {
	font-weight:bold;
	text-decoration:none;
	}

div.footerNav div.floatRight {
position:absolute;
top:7px;
right:0px;
width:100px;
z-index:10;
	}
/* IE HAX \*/
* html body div.footerNav div.floatRight {
	right:30px;
}
/*  */
div.footerNav img {
	background-color:#C00;
	vertical-align:bottom;
	margin:0 2px 0 2px;
	}
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/ 

div.siteBlock {

	}
div.rightBlokMainWide div.content {
	position:relative;
	padding:18px 20px 10px 22px;
	}
div.content {
	position:relative;
	padding:18px 20px 10px 22px;
	}
div.leftBlokMain div.content {
	}
div.rightBlokMain div.content {
	padding:18px 30px 10px 22px;
	}
div.rightBlokMainWide div.content {
	padding:18px 30px 10px 22px;
	}
/* ============================================================	*/ 
/* ========	LOGIN FORMULIER	  		===========================	*/
/* ============================================================	*/ 

div.login div.leftBlokMain {
	min-height:133px;
	}
/*\*/
* html body div.login div.leftBlokMain {
	height:133px;
	}
/* */

div.login div.content {
	padding:10px 20px 10px 22px;
	}
div.login form {
	}
div.login form input.typeText {
	margin-bottom:10px;
	width:100%;
	}
div.button {
	text-align:right;
	}
	


form {
	margin:0px;
	}

.formGrid {
	
	}
.formGrid th {
	color:#000;
	text-align:left;
	font-size:11px;
	}
.formGrid td {
	padding:3px 0px 3px 0px;
	font-size:11px;
	vertical-align:top;
	color:#000;
	}

.formGrid .nameCell {
	vertical-align:top;
	padding:3px 14px 5px 3px;
	margin-left:4px;
	}
.formGrid .colspan {
	vertical-align:top;
	padding:3px 14px 5px 3px;
	margin-left:4px;
	}
.formGrid  td.buttonCell{
	vertical-align:top;
	padding:3px 4px 5px 0px;
	}
	
.formGrid td.inputCell {
	vertical-align:top;
	padding:0px 0px 5px 0px;
	vertical-align:top;
	}
.formGrid td.inputCellDouble {
	text-align:left;
	}
.formGrid td.inputCell span {
	margin-right:0px;
	vertical-align:top;
	}
.formGrid td.nameCell span {
	margin:0;
	padding:0;
	}
.formGrid .verplicht {
	font-weight:bold;
	color:#444;
	vertical-align:top;
	}

input,
select {
	vertical-align:middle;
	}
	
input.typeText {
	font-size:11px;
	color:#000;
	height:20px;
	padding:2px 0px 0px 4px;
	border-top:1px solid #999;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #999;
	width:250px;
	}

/* MOZILLA HAX */
	html>body input.typeText {height:16px;width:244px;}
/* */

span.radio {
	cursor:pointer;
	}
span.radio input,
span.checkbox input {
	padding-bottom:3px;
	margin-right:5px;
	vertical-align:middle;
	cursor:default;
	}
span.checkbox {
	display:block;
	}
label {
	cursor:pointer;
	}
select.select {
	color:#555;
	background-color:#fff;
	border:1px solid #ccc;
	font-size:11px;
	font-weight:normal;
	width:100px;
	}
textarea.textarea {
	width:150px;
	font-size:11px;
	padding:2px;
	border-top:1px solid #999;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #999;
	color:#000;
	width:250px;
	}
/* MOZILLA HAX */
	html>body textarea.textarea {width:244px;}
/* */
	 /*
	 INPUT BREEDTE MATEN 
	 IE = DEZELFDE BREEDTE MOZILLA - 6 PIXELS 
	 */
	select.wDag {width:50px;}
	select.wMaand {width:97px;}
	select.wJaar {width:97px;}
	input.w67 {width:67px;}
	input.w180 {width:180px;}
	input.w300 {width:200px;}

/* MOZILLA HAX */
	html>body input.w67 {width:61px;}
	html>body input.w180 {width:174px;}
	html>body input.w300 {width:194px;}
/* */




/* ============================================================	*/ 
/* ========	EDITABLECONTENT		  =============================	*/
/* ============================================================	*/ 
span.editableContent {
	}

/* ============================================================	*/ 
/* ========	KLEUREN LAYOUT  	===============================	*/

	
/* ============ BLUE	================================================================================ 
kleuren 
100%	CC8A00
back	7DA6B5
50%		B1C2D4
*/

body.blue {background:#7DA6B5 url(http://blog.i-v-o.nl/images/gradientback_blue.jpg) fixed repeat-x left top;}
body.blue h1, 
body.blue h2, 
body.blue h3,
body.blue h4,
body.blue h5, 
body.blue h6, 
body.blue div.navigatie a:active,
body.blue div.navigatie a.active,
body.blue div.navigatie a:hover,  
body.blue a {color:#6385AA;}
body.blue input.typeButton,
body.blue div.footerNav img  {background-color:#6385AA;}
body.blue  div.faq a.active {color:#6385AA;border:1px solid #B1C2D4;}
body.blue  div.faq div.antwoord {
	border-right:1px solid #B1C2D4;
	border-top:1px solid #B1C2D4;
	border-bottom:1px solid #B1C2D4;
	border-left:1px solid #B1C2D4;
	}
body.blue table.styleGridBorder {border:1px solid #B1C2D4;}
body.blue table.styleGridBorder th {border-bottom:1px solid #B1C2D4;}

table.reactInline{
	font-family:Tahoma, Arial, Helvetica, Sans-serif;
	font-size:12px;
}
    
table.reactRoot{
    border:1px #ccc solid;
    padding : 10px;
    margin-left:15px;
    width:465px;
	font-family:Tahoma, Arial, Helvetica, Sans-serif;
	font-size:12px;
}

table.reactRoot td.reactHeader{
    font-weight:bold;
}

.reactToReactLink{
    font-size:10px;
    cursor:pointer;
}
/* ADDED BY IVO */
.imgBlocker{
    width  : 100%;
    height : 100%;
    z-index : 999;
    display : none;
    background-image : url(http://blog.i-v-o.nl/images/white_shade.gif);
    background-repeat : repeat;
    background-attachment : fixed;
    background-position : 0px 100%;
    position : fixed;
    top : 0px;
    left : 0px;
}


/* ============================================================	*/ 
/* ========	KLEUREN LAYOUT  	===============================	*/
/* ============ RED		================================================================================ 
/* kleuren 
100%	C00
back	C00
50%		E57F7F
*/

body.red {background:#C00 url(http://blog.i-v-o.nl/images/gradientback_red.jpg) fixed repeat-x left top;}
body.red h1, 
body.red h2, 
body.red h4, 
body.red h6, 
body.red div.navigatie a:active,
body.red div.navigatie a.active,
body.red div.navigatie a:hover,  
body.red a {color:#C00;}
body.red input.typeButton,
body.red div.footerNav img  {background-color:#C00;}
body.red  div.faq a.active {color:#C00;border:1px solid #E57F7F;}
body.red  div.faq div.antwoord {
	border-right:1px solid #E57F7F;
	border-top:1px solid #E57F7F;
	border-bottom:1px solid #E57F7F;
	border-left:1px solid #E57F7F;
	}
body.red table.styleGridBorder {border:1px solid #E57F7F;}
body.red table.styleGridBorder th {border-bottom:1px solid #E57F7F;}
body.red .protoButtn{
    padding:0 15px 0 15px;
	color:#FFF;
	height:19px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	text-transform:uppercase;
	font-weight:bold;
    background-color:		#c00000;
	border:0px solid #FFF;
	cursor:pointer;
}

body.red button, input.typeButton {
	padding:0 15px 0 15px;
	color:#FFF;
	height:19px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	background-color:#C00;
	border:0px solid #FFF;
	cursor:pointer;
	}
/*IE HAX\*/
* html body input.typeButton {padding:0px;}
/**/

/* ============ BROWN	================================================================================ 
kleuren 
100%	CC8A00
back	CC8A00
50%		E6C581
*/

body.brown {background:#CC8A00 url(http://blog.i-v-o.nl/images/gradientback_brown.jpg) fixed repeat-x left top;}
body.brown h1, 
body.brown h2,
body.brown h4,
body.brown h6,
body.brown div.navigatie a:active,
body.brown div.navigatie a.active,
body.brown div.navigatie a:hover,  
body.brown a {color:#CC8A00;}
body.brown input.typeButton,
body.brown div.footerNav img {background-color:#CC8A00;}
body.brown  div.faq a.active {color:#CC8A00;border:1px solid #E6C581;}
body.brown  div.faq div.antwoord {
	border-right:1px solid #E6C581;
	border-top:1px solid #E6C581;
	border-bottom:1px solid #E6C581;
	border-left:1px solid #E6C581;
	}
body.brown table.styleGridBorder {border:1px solid #E6C581;}
body.brown table.styleGridBorder th {border-bottom:1px solid #E6C581;}
	
/* ============ BLUE	================================================================================ 
kleuren 
100%	CC8A00
back	7DA6B5
50%		B1C2D4
*/

body.blue {background:#7DA6B5 url(http://blog.i-v-o.nl/images/gradientback_blue.jpg) fixed repeat-x left top;}
body.blue h1, 
body.blue h2, 
body.blue h4, 
body.blue h6, 
body.blue div.navigatie a:active,
body.blue div.navigatie a.active,
body.blue div.navigatie a:hover,  
body.blue a {color:#6385AA;}
body.blue input.typeButton,
body.blue div.footerNav img  {background-color:#6385AA;}
body.blue  div.faq a.active {color:#6385AA;border:1px solid #B1C2D4;}
body.blue  div.faq div.antwoord {
	border-right:1px solid #B1C2D4;
	border-top:1px solid #B1C2D4;
	border-bottom:1px solid #B1C2D4;
	border-left:1px solid #B1C2D4;
	}
body.blue table.styleGridBorder {border:1px solid #B1C2D4;}
body.blue table.styleGridBorder th {border-bottom:1px solid #B1C2D4;}

/* ============ ORANGE	================================================================================ 
kleuren
100%	FF6600
back	FFB27F
50%		FFB380
*/

body.orange {background:#FFB27F url(http://blog.i-v-o.nl/images/gradientback_orange.jpg) fixed repeat-x left top;}
body.orange h1, 
body.orange h2, 
body.orange h4, 
body.orange h6, 
body.orange div.navigatie a:active,
body.orange div.navigatie a.active,
body.orange div.navigatie a:hover,  
body.orange a {color:#FF6600;}
body.orange input.typeButton,
body.orange div.footerNav img  {background-color:#FF6600;}

body.orange  div.faq a.active {color:#000;border:1px solid #FFB380;}
body.orange  div.faq div.antwoord {
	border-top:1px solid #FFB380;
	border-right:1px solid #FFB380;
	border-bottom:1px solid #FFB380;
	border-left:1px solid #FFB380;
	}
body.orange table.styleGridBorder {border:1px solid #FFB380;}
body.orange table.styleGridBorder th {border-bottom:1px solid #FFB380;}


/* ============ purple	================================================================================ 
kleuren
100%	FF6600
back	FFB27F
50%		FFB380
*/

body.purple {background:#cab6d9 url(http://blog.i-v-o.nl/images/gradientback_purple.jpg) fixed repeat-x left top;}
body.purple h1, 
body.purple h2, 
body.purple h4, 
body.purple h6, 
body.purple div.navigatie a:active,
body.purple div.navigatie a.active,
body.purple div.navigatie a:hover,  
body.purple a {color:#430c84;}
body.purple input.typeButton,
body.purple div.footerNav img  {background-color:#430c84;}

  ol.code {
    width: 90%;
    margin: 0 5%;
    padding: 0;
    font-size: 0.75em;
    line-height: 1.8em;
    overflow: hidden;
    color: #939399;
    text-align: left;
    list-style-position: inside;
    border: 1px solid #d3d3d0;
  }
  ol.code li {
    float: left;
    clear: both;
    width: 99%;
    white-space: nowrap;
    margin: 0;
    padding: 0 0 0 1%;
    background: #fff;
  }
  ol.code li.even { background: #f3f3f0; }
  ol.code li code {
    font: 1.2em courier, monospace;
    color: #c30;
    white-space: pre;
    padding-left: 0.5em;
  }
  .code .comment { color: #939399; }
  .code .default { color: #44c; }
  .code .keyword { color: #373; }
  .code .string { color: #c30; }=======

pre{
	font-size:9px;
}