@charset "utf-8";

html, body, h1, h2, h3, h4, h5, h6, p, em, strong, abbr, acronym, blockquote, q, cite, ins, del, dfn, a, div, span, pre, hr, address, br, i, sub, sup, big, small, tt, table, tr, caption, thead, tbody, tfoot, col, colgroup, form, label, button, fieldset, legend, optiongroup, dl, dt, dd, code, var, kdb, samp, img, object, param, map, area, bdo, iframe, input, select, textarea {
	padding:0;
	margin:0;
}

.topArea ul, .topArea li, .topArea ol{
	padding:0;
	margin:0;
}

.topArea ul,.homeBanner ul,.innerBanner ul,
.innerBannerBloembollenteelt ul,
.innerBannerFruitteelt ul,
.innerBannerGlastuinbouw ul,
.innerBannerVollegrond ul,
.innerBannerHoveniers ul,
.innerBannerAkkerbouw ul,
.innerBannerBoomteelt ul,
.innerBannerRuwvoederteelt ul {
	list-style-type: none;
}

html {
	height:100%;
}

body {
	font:normal 62.5% Arial, Helvetica, sans-serif;
	height:100%;
	background:#e8e8e8;
	color:#000;
	min-width:1000px;
}

form {
	height:100%;
}

a {
	outline:none;
	/*color:#4f58aa;*/
	color: #3A6490;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	vertical-align:middle;
	border:none;
}
.flo:after {/*fix for IE in styles-ie.css*/
	content: ".";
	visibility: hidden;
	display: block;
	clear: both;
	height:0;
}
.clearBoth {
	clear:both;
}
:-moz-any-link:focus, {
 outline: none;
}
.fLeft {
	float:left;
}
.fRight {
	float:right;
}
/*---------------------------
	FORM ELEMENTS
---------------------------*/
.check, .radio {
	vertical-align:top;
	font:normal 11px/17px Arial, Helvetica, sans-serif;
}
.radio input, .check input {/*fix for IE in styles-ie.css*/
	vertical-align:middle;
}
.lineLabel {
	font:normal 11px/17px Arial, Helvetica, sans-serif;
	zoom:1;
	vertical-align:top;
}
.textField {/*fix for IE in styles-ie.css*/
	padding:1px 4px 1px 4px;
	font:normal 11px/13px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #9fa2b7;
	vertical-align:top;
	background:#fff;
}
html*.textField {/*fix for IE and Safari*/
	padding-bottom:2px;
}
textarea {
	padding:1px 4px;
	font-weight:normal;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	overflow:auto;
	color:#000;
	margin:0;
	border:1px solid #9fa2b7;
	vertical-align:top;
	background:#fff;
}
select {
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #9fa2b7;
	vertical-align:top;
	background:#fff;
}
.button {
	vertical-align:top;
}
/*-------*/
/*---------------------------
	Layout
---------------------------*/
.mainArea {
	min-height:100%;/*fix for IE in styles-ie.css*/
	width:1000px;
	margin:auto;
	background:#d2d2d2;
	border-left:1px solid #767676;
	border-right:1px solid #767676;
}
.topArea {
	background:#fff url(../images/top-back.jpg) no-repeat top center;
	position:relative;
	min-height:117px;/*fix for IE in styles-ie.css*/
	padding-left:26px;
}
.mainLogo {
	float:left;
	margin-top:20px;
	float:left;
	margin-right:12px;
}
.mainSlogan {
	float:left;
	margin-top:30px;
	color: #B9D3F2;
	font-size: 22px;
}
.textBanner {
	width:290px;
	float:right;
	padding-top:8px;
	padding-right:10px;
	font-size:1.1em;
	line-height:1.64em;
	color:#b5d0f5;
	text-align:right;
}
.textBanner .sep {
	color:#4470a0;
	padding:0 3px;
}
.textBanner a {
	color:#fff;
}
.textBanner div {
	overflow:hidden;
	_height:1%;
	float:right;
}
.textBanner ul {
	font-weight:bold;
	padding-top:2px;
}
.textBanner ul li {
	background:url(../images/bul1-rtl.gif) no-repeat right center;
	padding-right:8px;
	white-space: nowrap;
}
.textBanner ul a {
	color:#fff;
}

.mainNav {
	position:absolute;
	bottom:8px;
	left:26px;
	font-size:1.4em;
	line-height:1em;
	font-weight:bold;
	text-transform:uppercase;
}
.mainNav li {
	background:url(../images/tab-r.gif) no-repeat right top;
	margin-right:3px;
	float:left;
	padding-right:6px;
}
.mainNav li a {
	background:url(../images/tab-l.gif) no-repeat;
	color:#fff;
	padding:7px 4px 9px 10px;
	display:block;
}
.mainNav li.act ,.mainNav li.curr{
	background:url(../images/tab-r-act.gif) no-repeat right top;
	margin-right:3px;
	float:left;
	padding-right:6px;
}
.mainNav li.act a ,.mainNav li.curr a {
	background:url(../images/tab-l-act.gif) no-repeat;
	color:#fff;
	padding:7px 4px 11px 10px;
	display:block;
	color:#000;
	text-decoration:none;
}
.footer {
	width:936px;
	margin:0 auto;
	height:8.9em;
	margin-top:-8.9em;
	background:#38547a;
	padding:0 32px 0 32px;
	position:relative;
}
.footerSpace {
	height:8.9em;
	clear:both;
}
.footerSpace2 {
	height:10.4em;
	clear:both;
}
.footer .logo {
	float:right;
	margin-top:27px;
}
.footer div {
	padding:22px 0 0 7px;
	font-size:1.1em;
	line-height:1.64em;
	color:#b5d0f5;
}
.footer .white {
	color:#fff;
}
.splitSide {
	background:#FFF url(../images/split-side.gif) repeat-y right top;
	width:206px;
	overflow:auto;
	float:left;
	position:relative;
}
.splitSideContent ul {
	padding: 0;
	margin: 0;
}
.splitContent {
	width:794px;
	float:right;
}
.splitContentIn {
	padding:5px 4px;
}
.splitBtnOpened {
	width:12px;
	height:58px;
	background:url(../images/splitter-opened.gif);
	right:1px;
	top:50%;
	margin-top:-29px;
	display:block;
	position:absolute;
}
.splitBtnClosed {
	width:12px;
	height:58px;
	background:url(../images/splitter-closed.gif);
	right:1px;
	top:50%;
	margin-top:-29px;
	display:block;
	position:absolute;
}
.sideCol {
	float:right;
	width:282px;
	padding:14px 14px 0 0;
}
.contentCol {
	width:687px;
	padding:14px 0 0 14px;
	float:left;
	margin-right:-10px;
}
.leftNav {
	width:201px;
}
.leftNav li a.head {
	font-size:1.2em;
	line-height:1em;
	padding:5px 0 5px 32px;
	color:#4470a0;
	display:block;
	background:#e6f0ff url(../images/head-active.gif) no-repeat left center;
}
.leftNav li a.active {
	background:#e6f0ff url(../images/head.gif) no-repeat left center;
}
.leftNav li ul {
	padding:2px 0;
}
.leftNav li li a {
	font-size:1.1em;
	line-height:1.64em;
	background-image:url(../images/bul2.gif);
	background-repeat:no-repeat;
	/*background-position:31px center;
	padding-left:42px;*/
	background-position: 21px center;
	padding-left: 32px;
	display:block;
}
.leftNav li li .done {
	background-image:url(../images/bul3.gif);
	background-repeat:no-repeat;
	/*background-position:31px center;*/
	background-position: 21px center;
}
.leftNav li li .selected {
	background-color:#eef2f6;
	font-weight:bold;
}
.leftNav li li .current {
	background-color:#eef2f6;
	font-weight:bold;
}
/*.leftNav li li .hide {
	display: none;
}*/
.leftNav .hide {
	display: none;
}
.contentWrapper {
	background:#fff url(../images/tbl-t.gif) repeat-x;
	font-size:1.2em;
	line-height:1.67em;
}
.contentWrapper .in1 {
	background:url(../images/tbl-r.gif) repeat-y right top;
}
.contentWrapper .in2 {
	background:url(../images/tbl-b.gif) repeat-x left bottom;
}
.contentWrapper .in3 {
	background:url(../images/tbl-l.gif) repeat-y left top;
}
.contentWrapper .in4 {
	background:url(../images/tbl-tl.gif) no-repeat;
}
.contentWrapper .in5 {
	background:url(../images/tbl-tr.gif) no-repeat right top;
}
.contentWrapper .in6 {
	background:url(../images/tbl-br.gif) no-repeat right bottom;
}
.contentWrapper .in7 {
	background:url(../images/tbl-bl.gif) no-repeat left bottom;
	padding:6px;
}
.contentWrapper .header {
	line-height:1em;
	text-transform:uppercase;
	padding: 15px 16px 14px 17px;
	border-bottom:1px solid #e1e1e1;
	font-size:1em;
	background:#fff url(../images/header_tiler.jpg) repeat-x;
}
.contentWrapper .header span {
	font-weight:normal;
	color:#666;
}
.contentWrapper .content1 {
	padding:12px 14px 0 17px;
}
.contentWrapper .content1 h1 {
	float:left;
	font-size:1.83em;
	line-height:1.3em;
	margin-bottom:15px;
}
.contentWrapper .content1 h2 {
	font-size:1.167em;
	line-height:1.43em;
}
.contentWrapper .content1 p {
	padding-bottom:20px;
}
.contentWrapper .imageSet {
	width:241px;
	float:right;
	margin-left:30px;
	margin-bottom:14px;
}
.contentWrapper .imageSet img {
	margin-bottom:8px;
}
.actionBox {
	background:url(../images/bar-back.gif) repeat-x;
	font:normal 0.92em/1.2em Tahoma, Arial, sans-serif;
	color:#666;
	margin-bottom:15px;
	width:250px;
}
.actionBox .abIn1 {
	background:url(../images/bar-l.gif) no-repeat;
}
.actionBox .abIn2 {
	background:url(../images/bar-r.gif) no-repeat right top;
	height:34px;
	padding-left:15px;
}
.actionBox dl {
	float:left;
	padding-right:10px;
	margin-top:10px;
}
.actionBox dt {
	float:left;
	padding-right:6px;
}
.actionBox dd {
	float:left;
}
.actionBox .blue,.actionBox .blue a {
	color:#6599c0;
}
.actionBox img{
	cursor:pointer;
}
.pageNav {
	background:#e6f0ff;
	padding:8px 19px;
	line-height:3em;
}
.pageNav dt, .pageNav dd {
	float:left;
	padding-right:12px;
}
.picturedList {
	padding:16px 0 22px 0;
}
.picturedList .col1 {
	float:left;
	padding-left:16px;
	width:260px;
}
.picturedList .col2 {
	float:right;
	width:376px;
}
.picturedList dl {
	min-height:84px;/*fix for IE in styles-ie.css*/
	padding-bottom:10px;
}
.picturedList dt {
	float:left;
	width:74px;
}
.picturedList dd {
	margin-left:74px;
	padding-top:9px;
}
.picturedList h2 {
	font-size:1.5em;
	line-height:1.5em;
	color:#3a6490;
}
.picturedList h2 a {
	color:#3a6490;
}
.demoPicture {
	text-align:left;
	padding:10px 10px 10px 17px;
}
.testimonials {
	padding:16px 16px 0 16px;
}
.testimonials dl {
	padding-bottom:19px;
}
.testimonials dt {
	font:bold 1em/1.83em Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	padding-bottom:2px;
}
.testimonials dt span {
	font-size:1.83em;
	line-height:0em;
}
.testimonials dd {
	text-align:right;
}
.testimonials a{
	color:#000;
}
.testimonials a:hover{
	color:#3A6490;
	text-decoration:none;
}

.homeBanner {
	border-bottom:1px solid #acb8d7;
	background:#fff url(../images/home-banner-back.gif) repeat-x left bottom;
	font-size:1.2em;
	line-height:1.5em;
}

.homeBannerIn {
	background:url(../images/home-banner-pic.jpg) no-repeat right bottom;
	padding:20px 0 20px 40px;
}

.homeBanner .btn,
.innerBanner .btn,
.innerBannerBloembollenteelt .btn,
.innerBannerFruitteelt .btn,
.innerBannerGlastuinbouw .btn,
.innerBannerVollegrond .btn,
.innerBannerHoveniers .btn,
.innerBannerAkkerbouw .btn,
.innerBannerBoomteelt .btn,
.innerBannerRuwvoederteelt .btn {
	float:left;
	background:url(../images/btn-r.gif) no-repeat right top;
	padding-right:11px;
	color:#000;
	font-weight:bold;
}

.homeBanner .btn span,
.innerBanner .btn span,
.innerBannerBloembollenteelt .btn span,
.innerBannerFruitteelt .btn span,
.innerBannerGlastuinbouw .btn span,
.innerBannerVollegrond .btn span,
.innerBannerHoveniers .btn span,
.innerBannerAkkerbouw .btn span,
.innerBannerBoomteelt .btn span,
.innerBannerRuwvoederteelt .btn span {
	padding:11px 19px 12px;
	background:url(../images/btn-l.gif) no-repeat;
	font-size:1.167em;
	line-height:1em;
	display:block;
	width:135px;
}

.pageNav .btn {
	float: left;
	background: url(/images/btn-r.gif) no-repeat right top;
	padding-right: 11px;
	color: #000;
	font-weight: bold;
	margin-right: 10px;
}

.pageNav .btn span {
	padding: 11px 19px 12px;
	background: url(/images/btn-l.gif) no-repeat;
	font-size: 13px;
	line-height: 1em;
	display: block;
}

.inschrijven .btn,
.proefabonnement .btn {
	float: left;
	background: url(../images/btn-r.gif) no-repeat right top;
	padding-right: 11px;
	color: #000;
	font-weight: bold;
	margin-right: 10px;
}

.inschrijven .btn span,
.proefabonnement .btn span {
	padding: 13px 19px 12px;
	background: url(../images/btn-l.gif) no-repeat;
	font-size: 11px;
	line-height: 1em;
	display: block;
}

.innerBanner {
	/*border-bottom:1px solid #acb8d7;
	background:#fff url(../images/home-banner-back.gif) repeat-x left bottom;
	font-size:1.2em;
	line-height:1.5em;*/

	min-height:211px;/*fix for IE in styles-ie.css*/
	background:#fff url(../images/inner-banner-pic.jpg) right bottom no-repeat;
	font-size:1.2em;
	line-height:1.5em;
}

.innerBannerIn {	
	/*background:url(../images/home-banner-pic.jpg) no-repeat right bottom;*/
	padding:20px 0 20px 40px;
}

.innerBannerBoomteelt {
	min-height:211px;/*fix for IE in styles-ie.css*/
	background:#fff url(../images/inner-banner-pic.jpg) right bottom no-repeat;
	font-size:1.2em;
	line-height:1.5em;
}

.innerBannerBloembollenteelt{
	min-height:211px;/*fix for IE in styles-ie.css*/
	background:#fff url(../images/bloembollenteelt.jpg) right bottom no-repeat;
	font-size:1.2em;
	line-height:1.5em;
}

.innerBannerFruitteelt{
	min-height:211px;/*fix for IE in styles-ie.css*/
	background:#fff url(../images/fruitteelt.jpg) right bottom no-repeat;
	font-size:1.2em;
	line-height:1.5em;
}

.innerBannerGlastuinbouw{
	min-height:211px;/*fix for IE in styles-ie.css*/
	background:#fff url(../images/glastuinbouw.jpg) right bottom no-repeat;
	font-size:1.2em;
	line-height:1.5em;
}

.innerBannerVollegrond{
	min-height:211px;/*fix for IE in styles-ie.css*/
	background:#fff url(../images/vollegrond.jpg) right bottom no-repeat;
	font-size:1.2em;
	line-height:1.5em;
}

.innerBannerHoveniers{
	min-height:211px;/*fix for IE in styles-ie.css*/
	background:#fff url(../images/hoveniers.jpg) right bottom no-repeat;
	font-size:1.2em;
	line-height:1.5em;
}

.innerBannerAkkerbouw{
	min-height:211px;/*fix for IE in styles-ie.css*/
	background:#fff url(../images/akkerbouw.jpg) right bottom no-repeat;
	font-size:1.2em;
	line-height:1.5em;
}

.innerBannerRuwvoederteelt{
	min-height:211px;/*fix for IE in styles-ie.css*/
	background:#fff url(../images/ruwvoederteelt.jpg) right bottom no-repeat;
	font-size:1.2em;
	line-height:1.5em;
}

.innerBannerIn,
.innerBannerBloembollenteeltIn,
.innerBannerFruitteeltIn,
.innerBannerGlastuinbouwIn,
.innerBannerVollegrondIn,
.innerBannerHoveniersIn,
.innerBannerAkkerbouwIn,
.innerBannerBoomteeltIn,
.innerBannerRuwvoederteeltIn{
	padding:20px 0 20px 40px;
}

.homeBanner h1,
.innerBanner h1,
.innerBannerBloembollenteelt h1,
.innerBannerFruitteelt h1,
.innerBannerGlastuinbouw h1,
.innerBannerVollegrond h1,
.innerBannerHoveniers h1,
.innerBannerAkkerbouw h1,
.innerBannerBoomteelt h1,
.innerBannerRuwvoederteelt h1  {
	font-size:1.5em;
	line-height:1em;
	margin-bottom:12px;
}

.homeBannerIn ul,
.innerBanner ul,
.innerBannerBloembollenteelt ul,
.innerBannerFruitteelt ul,
.innerBannerGlastuinbouw ul,
.innerBannerVollegrond ul,
.innerBannerHoveniers ul,
.innerBannerAkkerbouw ul,
.innerBannerBoomteelt ul,
.innerBannerRuwvoederteelt ul {
	padding-bottom:12px;
}

.homeBannerIn li,
.innerBanner li,
.innerBannerBloembollenteelt li,
.innerBannerFruitteelt li,
.innerBannerGlastuinbouw li,
.innerBannerVollegrond li,
.innerBannerHoveniers li,
.innerBannerAkkerbouw li,
.innerBannerBoomteelt li,
.innerBannerRuwvoederteelt li {
	padding:2px 0 2px 19px;
	background:url(../images/bul3.gif) no-repeat left center;
}

.homeBannerIn p,.innerBanner p,
.innerBannerBloembollenteelt p,
.innerBannerFruitteelt p,
.innerBannerGlastuinbouw p,
.innerBannerVollegrond p,
.innerBannerHoveniers p,
.innerBannerAkkerbouw p,
.innerBannerBoomteelt p,
.innerBannerRuwvoederteelt p{
	padding-bottom:12px;
} 

.topForm {
	display:inline;
	float:right;
	margin:10px 24px;
}
.topForm label, .topForm input {
	vertical-align:middle;
}
.topForm label {
	color:#b5d0f5;
	font-size:1.1em;
}
.topForm .text {
	width:103px;
	border:1px solid #5f7190;
	background:url(../images/text-field-back.gif) repeat-x;
	padding:3px 4px;
	height:19px;
	font:1.1em/1.64em Arial, Helvetica, sans-serif;
	margin-right:6px;
}
.topForm .link1 {
	font-size:1.1em;
	color:#fff;
	position:relative;
	top:2px;
}
.topForm .ch1 {
	margin-left:82px;
}
.textContent{
	padding:10px 17px 10px 17px;
	line-height:1.83em;
}

.textContent.inschrijven {	
	padding-top: 10px;
}

.textContent p {
	/*padding-bottom:22px;*/
	padding-bottom:10px;
}
.textContent a{
	color:#3a6490;
}

.inschrijven td.label div {
	width: 300px;
}

.proefabonnement td.label div {
	width: 150px;
}

.smalltext {
	font-size: 10px;
	line-height: 100%;
}

div.cmsflash {
	float: right;
}

.frontEndBtn {
	border: 2px solid #E6F0FF;
	background-color: white;
	font: bold 12px Arial, Helvetica;
	padding: 3px;
	cursor: pointer;
}

.opacity { opacity:0.1; filter:alpha(opacity=10); }
.user-registration form { height:auto; }
.wrap { overflow:hidden; _height:1%; }
input[type="radio"], input[type="checkbox"] { margin-right:3px; }
.message { padding:3px 5px; border:1px solid black; word-wrap:break-word; }
.error { border-color:#950202; background-color:#EB9191; }
.success { border-color:#6A8102; background-color:#D1E76D; }
.required { color:#950202; }
td.required { width:15px; padding-right:10px !important; }
.invisible-button { float:left; height:0; font-size:0; line-height:0; border:0; outline:0; background:transparent; color:#E8E8E8; }
table.classic-overview { border-collapse:collapse; }
table.classic-overview td { border-bottom:1px solid #E7E7E7; }
table.classic-overview tr td:first-child { width:125px; }
table.classic-overview tr:last-child td { border-bottom-width:0; }
table.classic-overview tr td { padding-right:20px; }
table.classic-overview tr td:last-child { padding-right:0; }
table.course-and-modules tr td:first-child { width:175px; }
table.billing-data tr td:first-child { width:200px; }
td.label { font-weight:bold; white-space:nowrap; }
.section-header { padding:2px 5px; border:1px solid #E7E7E7; border-left-width:0; border-right-width:0; background-color:#EFEFEF; color:#4873A5; margin:3px 0; }
.user-panel-container { overflow:hidden; position:relative; width:350px; }
.user-panel { position:relative; z-index:2; padding:10px !important; color:#D2E0EF; font-size:12px; line-height:19px; border:1px solid #243C58; }
.user-panel a, .user-panel:link { color:#fff; }
.user-panel-container .opacity { height:500px; background-color:white; position:absolute; top:0; left:0; z-index:1; width:100%; }
.not-entitled { color:grey; font-style:italic; }
.section-header .goto-top { float:right; }
.error a, .error a:link { color:white; text-decoration:none; }
.error a:hover { text-decoration:underline; }