/*
DIV'jes werken met lagen (z-index); 10 = bovenste niveau, 1 = laagste niveau.
*/

body
{
	background-color: #ffffff;
	margin: 0px;
}

/* ------------------ Algemeen -------------------- */

.horizon
{
    position: absolute;
    /*top: 50%;*/
    left: 50%;
    height: 100%;
    top: 0px;
    width: 0px;
}

.mainContainer
{
    position: absolute;
    margin-left: -457px;  /* centering */
    xmargin-right: auto; /* in FF and Safari */
    xtext-align: center; /* centering in IE */
    width : 913px;
}
.headLogo
{
    height: 75px;
    width: 913px;
    
}
.mainDiv
{
    xbackground-color : White;
    width : 913px;
    font-family : Verdana, Arial, Helvetica, Sans-Serif;
    font-size: inherit;
    text-align : left;
}

.bottom_nl
{
    position: absolute;
    font-family: Verdana, Arial;
    font-size: 9px;
    text-align: center;
    color: #4d4d4d;
    width: 613px;
    margin-top: 15px;
	margin-bottom: 15px;
	top: 620px;
}
.border_nl
{
	visibility: visible;
	position: absolute;
	top: 100px;
	width : 911px;
	#width : 913px;
	height : 670px;
	border: solid 1px #f7931d;
}
.bottom_nl2
{
    position: absolute;
    font-family: Verdana, Arial;
    font-size: 9px;
    text-align: center;
    color: #4d4d4d;
    width: 613px;
    margin-top: 15px;
	margin-bottom: 15px;
	top: 640px;
}
.border_nl2
{
	visibility: visible;
	position: absolute;
	top: 100px;
	width : 911px;
	#width : 913px;
	height : 690px;
	border: solid 1px #f7931d;
}
.bottom_en
{
    position: absolute;
    font-family: Verdana, Arial;
    font-size: 9px;
    text-align: center;
    color: #4d4d4d;
    width: 613px;
    margin-top: 15px;
	margin-bottom: 15px;
	top: 625px;
}
.border_en
{
	visibility: visible;
	position: absolute;
	top: 100px;
	width : 911px;
	#width : 913px;
	height : 675px;
	border: solid 1px #f7931d;
}



.video
{
    font-family: Verdana, Arial;
    font-size: 10px;
    color: #4d4d4d;
    width: 50px;
    xborder-left: solid 10px #ff0000;
    margin-left: -33px;
    margin-right: -333px;
}
.video_white
{
    position: absolute;
	top: 403px;
	left: 25px;
    width: 50px;
    height: 30px;
    background-color: Aqua;
    z-index: 10;
}
.txt
{
    font-family: Verdana, Arial;
    font-size: 10px;
    color: #4d4d4d;
}
.txt a
{
    color: #f7931d;
	text-decoration: underline;
}


.txt2
{
    font-family: Verdana, Arial;
    font-size: 10px;
    color: #4d4d4d;
	padding-right: 10px;
}


.txtusp
{
    font-family: Verdana, Arial;
    font-size: 10px;
    color: #4d4d4d;
    text-indent: -9px;
    padding-left: 10px; 
	padding-right: 10px;
}

.title
{
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;	
	color: #f7931d;
}

.header
{
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;	
	color: #f7931d;
}


/* ------------------ top -------------------- */


.top1 
{
	visibility: visible;
    top: 0px;
	height: 71px;
	width: 913px;
}
.top2 
{
	visibility: visible;
    top: 0px;
	height: 29px;
	width: 913px;
}

.language
{
	visibility: visible;
	margin-top: 10px;
	float: right;
}

.sflogo /* sf-logo */
{
	visibility: visible;
	margin-top: 11px;
	width: 32px;
	float: right;
	clear: right;
}

.logo 
{
	visibility: visible;
	right: 0px;
	margin-top: 15px;
	float: left;
}
.menu
{
	
	top: 26px;
	width : 913px;
}

.banner 
{
	visibility: visible;
	position: absolute;
	z-index: 1;	
	top: 100px;
	width : 913px;
	height: 153px;

}
.orangebanner 
{
	visibility: visible;
	position: center;
	z-index: 1;	
	background-color: #f7931d;
	top: 70px;
	width : 913px;
	height: 30px;
	font-family: Verdana, Arial;
	font-weight: bold;
    font-size: 12px;
    color: #ffffff;
	padding-left: 20px;
	padding-top: 8px;
}
.bluebanner 
{
	visibility: visible;
	position: absolute;
	z-index: 1;	
	background-color: #f7931d;
	top: 100px;
	width : 913px;
	height: 30px;
}
.bluebannertext
{
	visibility: visible;
    font-family: Verdana, Arial;
	font-weight: bold;
    font-size: 12px;
    color: #ffffff;
	margin-left: 20px;
	padding-top: 8px;
	float: left;

}
.english
{
	visibility: visible;
   	font-family: Verdana, Arial;
    font-size: 11px;
    color: #ffffff;
	text-decoration: underline;
	text-align: right;
	margin-right: 20px;
	padding-top: 8px;
}
.english a
{
    color: #ffffff;
	text-decoration: underline;
}
.orangeborder
{
	visibility: visible;
	top: 130px;
	width : 913px;
	height : 100%;
	border: solid 1px #f7931d;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.blueborder
{
	visibility: visible;
	position: absolute;
	top: 283px;
	width : 911px;
	#width : 913px;
	height : 810px;
	border: solid 1px #f7931d;
}

.bluebordercontent
{
	visibility: visible;
	position: absolute;
	top: 293px;
	left: 20px;
	width : 893px;
	height : 100%;
}



.orangeborder2
{
	visibility: visible;
	top: 130px;
	width : 913px;
	height : 100%;
	border: solid 1px #f7931d;
	padding-left: 10px;
	padding-top: 10px;
	text-align: left;
}

.orangeborder3
{
	visibility: visible;
	top: 130px;
	width : 913px;
	height : 100%;
	border: solid 1px #f7931d;
	padding-top: 10px;
}



/* ------------------ contents -------------------- */

.main
{
    position: absolute;
    top: 303px;
    left: 180px;
    width: 710px;
}

.left
{
    position: absolute;
    top: 303px;
    left: 15px;
    width: 175;
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;	
    color: #f7931d;
}
.left a
{
    color: #4d4d4d;
    text-decoration: underline;
}

.left_nobanner
{
    position: absolute;
    top: 150px;
    left: 15px;
    width: 175;
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;	
    color: #f7931d;
}
.left_nobanner a
{
    color: #4d4d4d;
    text-decoration: underline;
}


.gray_dots
{
    float: left;   
    font-family: Verdana, Arial;
	padding-bottom: 5px;
}

/* ------------------ referenties -------------------- */

.main_ref
{
    position: absolute;
    top: 150px;
    left: 175px;
    width: 640px;
}

.refkopje
{
    float: left;   
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;
    color: #4d4d4d;
    width: 700px;
    height: 30px;
}
.referenties
{
    margin-left: 18px;
}
/* ------------------ features -------------------- */

.features_left
{
	visibility: visible;
	float: left;
	width : 255px;
	height : 35px;
	background-color: #fef7ef;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;	
    color: #f7931d;
}

.features_right
{
	visibility: visible;
	float: left;
	height : 35px;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	font-family: Verdana, Arial;
    font-size: 10px;
    color: #4d4d4d;
}

.features_dots
{
    width: 706px;
    font-family: Verdana, Arial;
}

/* ------------------ faq -------------------- */

.faq_header
{
	visibility: visible;
	float: left;
	width : 716px;
	height : 30px;
	background-color: #fef7ef;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;	
    color: #4d4d4d;
}

.faq_left
{
	visibility: visible;
	xfloat: left;
	xwidth : 306px;
	xpadding-left: 5px;
	xpadding-top: 5px;
	xpadding-right: 20px;
	xpadding-bottom: 5px;
	font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;	
    color: #f7931d;
	text-align: left;
}

.faq_right
{
	visibility: visible;
	xfloat: left;
	xpadding-left: 0px;
	xpadding-top: 5px;
	xpadding-right: 10px;
	xpadding-bottom: 5px;
	font-family: Verdana, Arial;
    font-size: 10px;
    color: #4d4d4d;
	text-align: left;
}

.faq_dots
{
    width: 710px;
    xfont-family: Verdana, Arial;
	height : 15px;
}

/* ------------------ pricing -------------------- */

.pricing_head
{
	visibility: visible;
	float: left;
	width : 255px;
	height : 20px;
	background-color: #fef7ef;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 10px;
	font-family: Verdana, Arial;
    font-size: 11px;
    color: #4d4d4d;
}

.pricing_left
{
	visibility: visible;
	float: left;
	width : 255px;
	height : 20px;
	background-color: #fef7ef;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 10px;
	font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;	
    color: #f7931d;
}

.pricing_right
{
	visibility: visible;
	float: left;
	height : 20px;
	width : 90px;
	padding-top: 5px;
	border-style: solid;
	border-right-color: #d8d9da;
	border-right-width: 1px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	font-family: Verdana, Arial;
    font-size: 10px;
    color: #f7931d;
    text-align: center;
}

.pricing_right2
{
	visibility: visible;
	float: left;
	height : 20px;
	width : 90px;
	border-style: solid;
	border-right-color: #d8d9da;
	border-right-width: 1px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	font-family: Verdana, Arial;
    text-align: center;
}

.pricing_dots
{
    width: 706px;
	padding-right: 10px;
    font-family: Verdana, Arial;
}