/* CSS Document
RESET
-----------------------------------------
Global reset
Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui*/
*, HTML, BODY, DIV, DL, DT, DD, UL, OL, LI, H1, H2, H3, H4, H5, H6, PRE, FORM, LABEL, FIELDSET, INPUT, P, BLOCKQUOTE, TH, TD
{
	margin: 0;
	padding: 0;
}
TABLE
{
	border-collapse: collapse;
	border-spacing: 0;
}
FIELDSET, IMG
{
	border: 0;
}
ADDRESS, CAPTION, CITE, CODE, DFN, EM, STRONG, TH, VAR
{
	font-style: normal;
	font-weight: normal;
}
OL, UL, LI
{
	list-style: none;
}
CAPTION, TH
{
	text-align: left;
}
H1, H2, H3, H4, H5, H6
{
	font-size: 100%;
	font-weight: normal;
}
Q:before, Q:after
{
	content: '';
}
/* Global reset-RESET
The below restores some sensible defaults */
STRONG
{
	font-weight: bold;
}
EM
{
	font-style: italic;
}
A IMG
{
	border: none;
}
/* Gets rid of IE's blue borders

Tripoli is a generic CSS standard for HTML rendering.
Copyright (C) 2007  David Hellsing

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.*/

*
{
	text-decoration: none;
	font-size: 1em;
	outline: none;
	padding: 0;
	margin: 0;
}
HTML
{
	overflow-y: scroll;
}
CODE, KBD, SAMP, PRE, TT, VAR, TEXTAREA, INPUT, SELECT
{
	white-space: normal;
	font-size: 1em;
	font: inherit 1em sans-serif;
}
DFN, I, CITE, VAR, ADDRESS, EM
{
	font-style: normal;
}
TH, B, STRONG, H1, H2, H3, H4, H5, H6
{
	font-weight: normal;
}
A, IMG, A IMG, IFRAME, FORM, FIELDSET, ABBR, ACRONYM, OBJECT, APPLET, TABLE
{
	border: none;
}
TABLE
{
	border-collapse: collapse;
	border-spacing: 0;
}
CAPTION, TH, TD, CENTER
{
	vertical-align: top;
	text-align: left;
}
BODY
{
	background: #FFFFFF;
	line-height: 1;
	color: #000000;
}
Q
{
	quotes: "" "";
}
UL, OL, MENU
{
	list-style: none;
}
SUB, SUP
{
	vertical-align: baseline;
}
A
{
	color: inherit;
}
HR
{
	display: none;
}
FONT
{
	color: inherit !important;
	font: inherit 1em sans-serif !important;
	color: inherit !important;
/* editor's note: necessary? */
}
MARQUEE
{
	overflow: inherit !important;
	-moz-binding: none;
}
.blink
{
	text-decoration: none;
}
NOBR
{
	white-space: normal;
}
BODY
{
	background-color: #ECECEC;
	text-align: center;
	font-size: 62.5%;
}
.wrapper
{
	position: relative;
	top: 0px; 
	left: 0px;
	margin: auto;
	width: 968px;
	background-image: url(../img/wrapper_bg.jpg);
	text-align: left;
}
.header
{
	position: relative;
	height: 176px;
	width: 100%;
	background-image: url(../img/header_bg.jpg);
	background-repeat: no-repeat;
}
h1
{
	margin-left: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000;
	font-weight: bold;
}
.splitName
{
	font-weight: lighter;
	font-style: italic;
}
.blau
{
	color: #3399FF;
	font-weight: bold;
}
.rot
{
	color: #FF0000;
}
.grau
{
	color: #999999;
}
.black
{
	color: #000000;
	font-size: 120%;
	margin-left: 4px;
}
.logo
{
	position: relative;
	margin-left: 8px;
	margin-top: 24px;
}
.whatsnew
{
	position: absolute;
	top: -60px; 
	right: 110px;
}
.navigation
{
	position: relative;
	margin-top: 60px;
	margin-left: 8px;
	height: 32px;
	margin-right: 240px;
}
.content
{
	position: relative;
}
.feature
{
	position: relative;
	margin-left: 8px;
	margin-top: 10px;
	height: 236px;
	background-image: url(../img/home_feature_bg.gif);
	background-repeat: no-repeat;
	margin-bottom: 16px;
	vertical-align: middle;
}
.feature h1
{
	color: #ffffff;
	margin-top: 9px;
	margin-left: 9px;
}
.clickfeature
{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}
.typeblauw
{
	position: relative;
	background-image: url(../img/feature_blauw_bg.jpg);
	background-repeat: no-repeat;
	width: 233px;
	height: 232px;
	margin-right: 8px;
	float: left;
}
.typerood
{
	position: relative;
	background-image: url(../img/feature_rood_bg.jpg);
	background-repeat: no-repeat;
	width: 233px;
	height: 232px;
	margin-right: 10px;
	float: right;
}
.typegrijs
{
	position: relative;
	background-image: url(../img/feature_grijs_bg.jpg);
	background-repeat: no-repeat;
	width: 233px;
	height: 232px;
	margin-right: 9px;
	float: right;
}
.feature ul
{
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin-top: 25px;
	margin-left: 28px;
	padding-right: 16px;
	vertical-align: middle;
	list-style-image: url(../img/bulletPoint.jpg);
}
.feature li
{
	list-style-image: url(../img/bulletPoint.jpg);
	line-height: 120%;
	margin-bottom: 12px;
}
.more
{
	position: absolute;
	top: 206px;
	right: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.free
{
	min-height: 450px;
}
.free
{
	min-height: 450px;
	height: auto !important;
}
.free
{
	position: relative;
	width: 200px;
	margin-left: 15px;
	margin-right: 19px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	background-color: #EBEBEB;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 8px;
	font-size: 12px;
	font-weight: normal;
	min-height: 450px;
	height: auto !important;
	height: 450px;
}
.free h2
{
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 12px;
	line-height: 1.5em;
	font-weight: bold;
}
.free a
{
	margin-left: 28px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.1em;
	font-size: 1em;
}
.free ul
{
	margin-left: 1em;
	padding-left: 12px;
	border-top: 0px solid #666;
	padding-top: 8px;
}
.free ul
{
	color: #000000;
}
.free li
{
	margin-bottom: 8px;
	padding-bottom: 0.5em;
	border-bottom: 0px solid #666;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.1em;
	font-size: 1em;
	font-weight: normal;
	/*list-style-type: square;*/
	list-style-image: url(../img/bullet.gif);
}
.left
{
	width: 475px;
	margin-left: 8px;
	float: left;
}
.key
{
	margin-top: 0px;
}
.key H2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFF;
	margin-left: 8px;
	font-weight: bold;
	margin-bottom: 24px;
	margin-top: 0px;
}
.key UL
{
	list-style-image: url(../img/bulletPoint.jpg);
	margin-left: 64px;
	padding-right: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 16px;
}
.key LI
{
	list-style-image: url(../img/bulletPoint.jpg);
	margin-bottom: 16px;
	line-height: 120%;
}
#keyTop
{
	background-image: url(../img/home_keyfeature_bg_top.jpg);
	background-repeat: no-repeat;
	height: 12px;
	width: 475px;
}
#keyContent
{
	background-image: url(../img/home_keyfeature_bg_content.jpg);
	padding-top: 24px;
	padding-bottom: 24px;
	width: 475px;
}
#keyBottom
{
	background-image: url(../img/home_keyfeature_bg_bottom.jpg);
	background-repeat: no-repeat;
	height: 11px;
	width: 475px;
}
.right
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	padding-top: 0px;
	width: 475px;
	float: right;
}
.right P
{
	padding-left: 16px;
	margin-right: 32px;
	margin-bottom: 16px;
	font-size: 1.2em;
	line-height: 170%;
	font-weight: bold;
}
.footer
{
	height: 120px;
	width: 100%;
	background-image: url(../img/footer_bg.jpg);
	background-repeat: no-repeat;
}
.footer UL
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;
	margin-left: 16px;
	padding-top: 24px;
}
/* http://reignwaterdesigns.com/ad/tidbits/hacks/minimum_height_in_css.shtml */

/* START: subLeft */
.subLeft
{
	min-height: 700px;
}
.subLeft
{
	min-height: 700px;
	height: auto !important;
}
.subLeft
{
	position: relative;
	width: 200px;
	margin-left: 8px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	background-color: #EBEBEB;
	padding-top: 0px;
	padding-bottom: 8px;
	font-size: 12px;
	font-weight: normal;
	min-height: 700px;
	height: auto !important;
	height: 700px;
}
.subLeft h2
{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
	font-weight: bold;
}
.subLeft a
{
	margin-left: 28px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.1em;
	font-size: 1em;
}
.subLeft a.links
{
	margin-left: -5px;
	/*padding-left: 5px;
	padding-right: 5px;
	line-height: 1.1em;
	font-size: 1em;*/
}
.subLeft ul
{
	margin-left: 1em;
	padding-left: 12px;
	border-top: 0px solid #666;
	padding-top: 8px;
}
.subLeft li
{
	margin-bottom: 8px;
	padding-bottom: 0.0em;
	border-bottom: 0px solid #666;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.1em;
	font-size: 1em;
	/*list-style-type: square;*/
	list-style-image: url(../img/bullet.gif);
}
.adobereader
{
	/*margin-left: 1em;*/
	margin-right: 1em;
	padding-left: 12px;
	border-top: 0px solid #666;
	padding-top: 8px;
}

/* END: subLeft */

/* START: fieldset */
fieldset 
{
	margin: -10px 5px;
	padding: 8px;
	border: 1px solid #cccccc;
	background: -webkit-gradient(linear, 0 80%, 0 100%, from(white), to(#eeeeee));
	background: -moz-linear-gradient(top, white 80%, #eeeeee) repeat scroll 0 0 transparent;
}
label {
	float: left;
	clear: left;
	padding: 0 0 4px 4px;
	width: 110px;
	text-align: right;
	font-size: 100%;
	color: #333333;
}
label strong
{
	color: #cc0000; 
}
fieldset span 
{
	display: block;
	margin: 0;  
	padding: 3px;
	margin-left: 120px;
}
fieldset input, 
fieldset textarea, 
fieldset select 
{
	border: #b5bbc4 1px solid;
	padding: 0 0 4px 4px;
}
fieldset input[type=submit], 
fieldset input[type=reset], 
fieldset input[type=button] 
{
	padding: 2px 6px;
	border: #b5bbc4 1px solid;
	background: #f7fafc -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dae6f1));
	background: #f7fafc -moz-linear-gradient(top, #fff, #dae6f1);
	font-size: 100%;
	color: #333333;
	font-weight: bold;
}
fieldset input[type=submit]:hover, 
fieldset input[type=reset]:hover, 
fieldset input[type=button]:hover 
{
	color: #e36627;
	font-weight: bold;
}
/* END: fieldset */

/* START: subMid */
.subMid
{
	margin-top: 10px;
	position: relative;
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}
.subMid h1
{
	font-size: 30px;
	color: #000000;
	margin-left: 24px;
	font-weight: bold;
	margin-bottom: 16px;
}
.subMid img
{
	margin-left: 24px;
	margin-bottom: 16px;
}
.subMid h2
{
	font-size: 24px;
	color: #000;
	margin-left: 24px;
	font-weight: bold;
	margin-bottom: 16px;
}
.subMid h3
{
	font-size: 14px;
	/*color: #39F;*/
	font-weight: bold;
	margin-left: 24px;
	margin-bottom: 4px;
	margin-right: 16px;
}
.subMid table
{
	margin-left: 24px;
	width: 100%;
	line-height: 100%;
	height: auto;
	font-size: 12px;	
}
.subMid table img
{
	margin-left: 4px;
	margin-bottom: 0px;
}
.subMid table th
{
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: gray;
	font-size: 14px;
	font-weight: bold;
	
}
.subMid table tr
{
	line-height: 100%;
}
.subMid table td
{
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: gray;
	text-align: center;
}
.subMid p
{
	padding-left: 16px;
	margin-left: 10px;
	margin-right: 16px;
	margin-bottom: 12px;
	font-size: 1.2em;
	line-height: 170%;
	/*font-weight: bold;*/
}
/* END: subMid */

/* START: subRight */
.subRight
{
	position: relative;
	width: 232px;
	float: right;
	margin-top: 10px;
}
.subRight UL
{
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*color: #000;*/
	color: #ffffff;
	font-size: 11px;
	margin-top: 64px;
	margin-left: 28px;
	padding-right: 16px;
	vertical-align: middle;
	list-style-image: url(../img/bulletPoint.jpg);
}
.subRight LI
{
	list-style-image: url(../img/bulletPoint.jpg);
	line-height: 120%;
	margin-bottom: 12px;
}
.subRight DIV
{
	margin-right: 0px;
	margin-bottom: 8px;
}
.subRight h1
{
	color: #ffffff;
	margin-top: 9px;
	margin-left: 9px;
}
.subRight ul
{
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin-top: 25px;
	margin-left: 28px;
	padding-right: 16px;
	vertical-align: middle;
	list-style-image: url(../img/bulletPoint.jpg);
}
.subRight li
{
	list-style-image: url(../img/bulletPoint.jpg);
	line-height: 120%;
	margin-bottom: 12px;
}
/* END: subRight */

/* START: subMidRight */
.subMidRight
{
	margin-top: 10px;
	position: relative;
	width: 700px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}
.subMidRight div.zigzag
{
	width: 700px; 
	padding: 0px; 
	border: 0px dotted;
	font-family: Arial, Helvetica, sans-serif;
	
}
.subMidRight div.row span.links 
{
	float: left;
	width: 120px;
	height: 1px;
	padding: 0px;
	margin-left: 0px;
	font-size: 1.2em;
	line-height: 90%;
}
.subMidRight div.row span.rechts 
{
	float: left;
	width: 500px;
	text-align: left;
	padding: 0px;
	font-size: 1.2em;
	line-height: 90%;
	/*margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 16px;
	padding-left: 16px;*/
}
.subMidRight h1
{
	font-size: 30px;
	color: #000000;
	margin-left: 24px;
	font-weight: bold;
	margin-bottom: 16px;
}
.subMidRight img
{
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 16px;
}
.subMidRight h2
{
	font-size: 24px;
	color: #000;
	margin-left: 24px;
	font-weight: bold;
	margin-bottom: 16px;
}
.subMidRight h3
{
	font-size: 14px;
	/*color: #39F;*/
	font-weight: bold;
	margin-left: 24px;
	margin-bottom: 4px;
	margin-right: 16px;
}
.subMidRight p
{
	padding-left: 16px;
	margin-left: 10px;
	margin-right: 16px;
	margin-bottom: 12px;
	font-size: 1.2em;
	line-height: 170%;
	/*font-weight: bold;*/
}
/* END: subMidRight */

/* START: footer */
.footer LI
{
	float: left;
	margin-right: 24px;
}
.footer A:link
{
	color: #36F;
}
.footer A:active
{
	color: #36F;
}
.footer A:visited
{
	color: #36F;
}
.footer A:hover
{
	color: #36F;
	text-decoration: underline;
}
/* END: footer */

.clearing
{
	clear: both;
	height: 1px;
	overflow: hidden;
}
form
{
	background-color: #ebebeb;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 10px;
	padding-right: 10px;
	width: 101%;
	margin-left: 24px;
	font-size: 1.3em;
	line-height: 1.8em;
}
.captcha
{
	margin-left: 136px;
}
.button
{
	width: 120px;
	margin-top: 8px;
	margin-left: 184px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#menu LI
{
	height: 16px;
	font-size: 100% !important;
	margin-top: 0px !important;
	padding-top: 0px !important;
}
#menu A
{
	font-size: 80% !important;
	margin-top: 0px !important;
	padding-top: 0px !important;
}
A:hover
{
	text-decoration: underline;
	color: #3399FF;
}

/* START: client table */
#mytable
{
	width: 100%;
	line-height: 120%;
	height: auto;
	margin: 0px;
	font-size: 1.2em;
}
#tablinks
{
	width: 220px;
	height: auto;
	float: left;
	position: absolute;
	padding: 0px;
	margin-left: 24px;
	margin-top: 0px;
}
#tabrechts
{
	width: 220px;
	height: auto;
	float: left;
	padding: 0px;
	margin-left: 260px;
	margin-top: 0px;
}
#mytable H2
{
	font-size: 15px;
	color: #000;
	margin-left: 0px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 16px;
}
#mytable H3
{
	font-size: 12px;
	color: #000;
	margin-left: 0px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}
/* EIND: client table */

/* START: 4 kolom layout */
.kolommen
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 170%;
}
.kolleft
{
	position: relative;
	float: left;
	left: 14px;
	width: 220px;
	padding: 0 5px;
	background-color: #FFFFFF;
	border-right-style: dotted;
	border-right-width: 1px;
	border-right-color: #767676;
}
.kolleftmid
{
	position: relative;
	float: left;
	left: 25px;
	width: 220px;
	padding: 0 5px;
	background-color: #FFFFFF;
	border-right-style: dotted;
	border-right-width: 1px;
	border-right-color: #767676;
}
.kolrightmid
{
	position: relative;
	float: left;
	left: 35px;
	width: 222px;
	padding: 0 5px;
	background-color: #FFFFFF;
	border-right-style: dotted;
	border-right-width: 1px;
	border-right-color: #767676;
}
.kolright
{
	position: relative;
	float: right;
	right: 0px;
	width: 215px;
	padding: 0 5px;
	background-color: #FFFFFF;
}
.kolmore
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
/* EIND: 4 kolom layout */

/* START: 3 kolom modular layout */
.subMidBig
{
	margin-top: 10px;
	position: relative;
	width: 740px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	/*border: 1px dotted #ebebeb;*/
}
.modular
{
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 170%;
	background-color: #ffffff;
}
.modular h1
{
	font-size: 30px;
	color: #000000;
	margin-left: 24px;
	font-weight: bold;
	margin-bottom: 16px;
}
.modular h2
{
	font-size: 14px;
	color: #757575;
	margin-left: 0px;
	font-weight: bold;
	margin-top: 16px;
	margin-bottom: 5px;
	background-color:#CBE2EF;
	max-width:220px;
}
.modular p
{
	font-size: 12px;
	margin-left: 0px;
	color: #000000;
	font-weight: normal;
	
}
.modleft
{
	position: relative;
	float: left;
	left: 14px;
	width: 220px;
	padding: 0 5px;
}
.modmid
{
	position: relative;
	float: left;
	left: 14px;
	width: 220px;
	padding: 0 5px;
}
.modright
{
	position: relative;
	float: left;
	left: 14px;
	width: 220px;
	padding: 0 5px;
}
/* EIND: 3 kolom modular layout */

/* START: video */
.video
{
	padding-top: 0px;
	position: left;
	margin-left: 0px;
}
.video img
{
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
}
/* EIND: video */

/* START: zigzag */
.zigzag
{
	width: 540px; 
	padding: 0px; 
	margin-left: 24px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.zigzag h1
{
	margin-left: 0px;
	font-size: 50px;
	color: #000000;
	font-weight: bold;
}
.zigzag h2
{
	font-size: 24px;
	color: #000000;
	margin-left: 0px;
	font-weight: bold;
	margin-bottom: 16px;
}
div.row 
{
	clear: both;
	padding-top: 0px;
}
div.row span.links 
{
	float: left;
	width: 120px;
	height: 50px;
	padding: 0px;
	margin-left: 10px;
	font-size: 1.2em;
	line-height: 170%;
}
div.row span.rechts 
{
	float: right;
	width: 360px;
	text-align: left;
	padding: 0px;
	font-size: 1.2em;
	line-height: 170%;
	margin-bottom: 12px;
	margin-left: 10px;
	margin-right: 16px;
	padding-left: 16px;
}
div.spacer 
{
	height: 150px;
}
/* END: zigzag */