html{ height: 100%;}
body{ height: 100%; min-height: 100%; margin:0px; padding:0px; color:#002b53; font-size:0.75em; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../img/bg.jpg) no-repeat top #00488d;}
body a{ text-decoration:none; color:#002b53; font-weight:bold; }
body a:hover{text-decoration:underline; color:#ee5e1c; font-weight:bold; }
body a.active {color:#002b53}
.clear{clear:both; overflow:hidden; height:0px;} .clear2{clear:both; } img{border:0px; display:block;} ul, li{list-style:none; margin:0px; padding:0px; } form, fieldset {margin:0px;padding:0px;border:0;}
h1, h2, h3, h4, h5 { font-family:Helvetica, Arial; font-size:1.0em; margin:0px; padding:0px;}
p{ margin:0px; padding:0px 0px 18px 0px; }
img, div, em, strong { behavior: url(/abvakabo-fnv-trainingen/app/webroot/js/iepngfix.htc); }
textarea {
	font-size:1em; font-family: Arial, Verdana, Helvetica, sans-serif; border:1px solid #b7c0de;
	background:#eceff6 url('../img/bg_input.jpg') bottom repeat-x;
	padding:3px;
}
#flashMessage {
	background:#919dc7;
	border:1px solid #00488d;
	padding:5px 10px;
	margin:0 0 20px 0;
	color:#fff;
	font-size:15px;
}

a.keurmerk_logo {
	float:right;
}

/*******************************/
/* CONTAINER DIVISION */
/*******************************/
#container{ position:relative; width:916px; margin:0 auto; height:auto !important; height:100%; min-height:100%; background:url(../img/bg_container.jpg) repeat-y; } 
#inner{ background:url(../img/bg_inner.jpg) no-repeat #dee1f0; padding:0px 1px 0px 1px; }
#top{ height:210px; padding:0px 0px 0px 35px; position:relative;  }
#top #logos{ padding:18px 0px 0px 0px; position:relative; }
#top #logos img{ float:left; margin-right:40px; }
#top #terug{ position:absolute; right:0px; top:0px; width:354px; line-height:27px; }
#top #terug a{ color:#dce2ef; font-weight:normal; }
#top #terug_menu{ position:absolute; left:35px; bottom:40px; width:354px; line-height:27px; }
#top #terug_menu a{ color:#fff; font-weight:normal; font-weight:bold; }
#top #foto{ right:0px; position:absolute; top:29px; }

#content{ min-height:470px; height:auto !important; height:470px; padding:0px 35px 30px 35px; line-height:20px; }
#content h1{ font-size:1.7em; color:#00284e; padding:0px 0px 16px 0px; }

.training{ cursor:pointer; background:url(../img/bg_cursus.gif) no-repeat right top; padding:10px 0px 10px 10px; border-bottom:1px solid #ced4e8; }
.training:hover img{ filter:alpha(opacity=60); opacity:0.6; }
.training:hover .prijs, #container #content .training:hover .prijsabva{ color:green;}
.training .left{ float:left; width:490px; }
.training .left img{ float:left; padding-right:22px; }
.training .left h2{ color:#ee5e1c; font-size:1.7em; padding:4px 0px 3px 0px; }
.training .left p{ padding:0px 0px 3px 0px; }
.training .left em{ font-style:normal; }
.training .left em a:hover{ background:none; color:#002b53; text-decoration:none; }
.training .right{ width:322px; float:right; }
.training .right .prijs{float:left; width:139px; text-align:center; font-size:2.2em; padding:28px 0px 0px 0px;}
.training .right .prijsabva{float:left; width:180px; text-align:center; padding:28px 0px 0px 0px; font-size:2.2em; font-weight:bold;}

.tabs .prijs{float:right; width:139px; height:33px; background:url(../img/bg_tab.jpg) no-repeat; color:#fff; font-size:1.2em; text-indent:14px; line-height:33px; font-weight:bold;}
.tabs .prijsabva{float:right; width:181px; height:33px; margin-left:2px; background:url(../img/bg_tab2.jpg) no-repeat; color:#fff; font-size:1.2em; text-indent:14px; line-height:33px;  font-weight:bold;}

.menu{ margin:-10px 35px 20px 35px; padding:0px 0px 20px 0px; line-height:22px; border-bottom:1px solid #c5cce5;}
.menu ul li{ display:block; float:left; background:url(../img/bg_li.jpg) no-repeat right; padding:0px 23px 0px 0px; }
.menu ul li a{ font-weight:normal;  }
.menu ul li.selected a{ color:#ee5e1c; font-weight:bold; text-decoration:underline; }

#content p strong{ color:#ee5e1c;  }
#content ul{ margin:-10px 0px 20px 0px; }
#content ul li{ margin:0px 0px 0px 4px; background:url(../img/bg_li.gif) no-repeat 0px 6px; padding:0px 0px 0px 20px; }
#content .leftside{ width:425px; float:left; }
#content .leftside img{ display:inline; }
#content .rightside{ width:387px; float:right; }

.agenda{ position:relative; background:url(../img/bg_agenda.jpg) repeat-x #fff; padding:14px 27px 00px 27px;  margin:-20px 0px 36px 0px;}
.agenda h2{ color:#ee5e1c; font-size:1.7em; padding:10px 0px 16px 0px; background:url(../img/bg_ideal.jpg) no-repeat right; margin-bottom:10px; }
.agenda .rij{ background:url(../img/bg_agenda.png) no-repeat; height:34px; line-height:14px; margin-bottom:2px;}
.agenda .none{ background:none; }
.agenda .rij .locatie{ float:left; width:91px; line-height:17px; font-weight:bold; height:34px; overflow:hidden; font-size:0.9em; }
.agenda .rij strong{ display:block; }
.agenda .rij em{ font-size:0.95em; font-weight:normal; font-style:normal; }
.agenda .rij a em{ font-weight:normal; }
.agenda .rij .datum{ float:left; width:78px; margin-left:2px; }
.agenda .rij .datum a{ float:left; width:70px; height:31px; padding:3px 0px 0px 8px; }
.agenda .rij .datum a:hover{ text-decoration:none; }
.agenda .rij .data{ float:left; width:64px; height:31px; padding:3px 0px 0px 14px; background:url(../img/bg_tab3.jpg) no-repeat; color:#fff; font-weight:bold; line-height:31px;}
.agenda .rij .vrij a{ color:#fff; background:url(../img/bg_vrij.jpg) repeat-x; }
.agenda .rij .bijna a{ color:#fff; background:url(../img/bg_bijna.jpg) repeat-x; }
.agenda .rij .vol a{ color:#fff; background:url(../img/bg_vol.jpg) repeat-x; color:#de8180; }
.agenda .rij .vrij a:hover, .agenda .rij .vrij a.active{ border:1px solid #0b8400; width:68px; height:29px; padding:2px 1px 1px 7px; filter:alpha(opacity=80); opacity:0.8; }
.agenda .rij .bijna a:hover, .agenda .rij .bijna a.active{ border:1px solid #aa3500; width:68px; height:29px; padding:2px 1px 1px 7px; filter:alpha(opacity=80); opacity:0.8;  }
.agenda .rij .vol a:hover, .agenda .rij .vol a.active{  border:1px solid #870100; width:68px; height:29px; padding:2px 1px 1px 7px; filter:alpha(opacity=80); opacity:0.8; }

/* admin agenda */
.agenda.admin h2{background:none}
table.list_reservations tr td, table.list_reservations tr th {
	text-align:left;
	padding:4px 5px;
	vertical-align:top;
	font-size:11px;
}
table.list_reservations tr th {
	font-weight:bold;
	color:#fff;
	background:#002b53;
}
table.list_reservations tr.more_data {
	display:none;
}
table.list_reservations tr td {
	border-bottom:1px solid #eee;
}
table.list_reservations tr.more_data td {
	background:#eee;
}

#content .agenda p strong{ color:#002b53;  }
#content .agenda ul{ float:left; position:relative; margin:0px; padding:16px 0px 20px 52px; }
#content .agenda ul li{ float:left; display:block; background:none; padding:0px 27px 0px 24px; margin:0px; line-height:14px; }
#content .agenda ul li.vrij{ background:url(../img/bg_vrij2.jpg) no-repeat; }
#content .agenda ul li.bijna{ background:url(../img/bg_bijna2.jpg) no-repeat; }
#content .agenda ul li.vol{ background:url(../img/bg_vol2.jpg) no-repeat; }

.overzicht{ position:relative; background:url(../img/bg_overzicht.gif) no-repeat; padding:14px 31px 10px 31px;  }
.overzicht dl{ margin:0px; padding:0px; position:relative; line-height:26px;}
.overzicht dl dt{ float:left; width:200px; margin:0px; padding:0px; position:relative; font-weight:bold; }
.overzicht dl dd{ margin:0px; padding:0px; }
.overzicht dl dd span{ font-size:2.1em; display:block; margin-bottom:14px; }
span.total{ font-size:2.2em; color:#ee5e1c; display:block; margin:10px 0 0 0; }
.overzicht dl dd strong{ font-size:2.1em; font-weight:bold; display:block; margin-bottom:14px;}
.overzicht dl dt.space, .overzicht dl dd.space{ margin-bottom:15px; }

#content .uwtraining{ width:322px; float:left; }
#content .uwtraining dl{ margin:0px; padding:0px 0px 30px 0px; }
#content .uwtraining dl dt{ float:left; width:180px; margin:0px; padding:0px;  font-weight:bold; }
#content .uwtraining dl dd{ margin:0px; padding:0px; }
#content .uwtraining div.payment_box {border:1px solid #ee5e1c; height:100px; padding:10px}
#content .uwtraining div.payment_box#ideal {background:url(../img/bg_ideal.gif) 160px 10px no-repeat;}
#content .uwtraining div.payment_box div.input.select label {width:150px; float:left;}

#content .uwgegevens{ width:480px; float:right; line-height:24px; }
#content .uwgegevens .text input{ background:url(../img/bg_input.jpg) repeat-x; border:1px solid #b7c0de; height:20px; margin:0px 0px 5px 0px; padding:2px 0px 0px 5px; width:191px; }
#content .uwgegevens .straat input{ background:url(../img/bg_input.jpg) repeat-x; border:1px solid #b7c0de; height:20px; margin:0px 0px 5px 0px; padding:2px 0px 0px 5px; width:154px; }
#content .uwgegevens .postcode input{ background:url(../img/bg_input.jpg) repeat-x; border:1px solid #b7c0de; height:20px; margin:0px 0px 5px 0px; padding:2px 0px 0px 5px; width:65px; }
#content .uwgegevens .input{ position:relative; }
.input.text label, .input.textarea label, .input.password label{ width:200px; display:block; float:left; }
#content .uwgegevens .submit{ background:url(../img/bg_ideal.gif) no-repeat left; margin:20px 0px 0px 0px; }
.submit input{ margin-left:202px; width:198px; height:39px; display:block; cursor:pointer; background:url(../img/bg_btn.gif) no-repeat; border:0; color:#fff; font-weight:bold; font-size:1.3em; font-family:arial; }
.submit input.left{ margin-left:0px; }
#content .uwgegevens h2{ font-size:1.7em; color:#00284e; padding:0px 0px 16px 0px; }
#content .uwgegevens .straat{ float:left; margin-right:5px; position:relative;  }
#content .uwgegevens .nummer{ float:left; }
#content .uwgegevens .nummer input{ background:url(../img/bg_input.jpg) repeat-x; border:1px solid #b7c0de; height:20px; margin:0px 0px 5px 0px; padding:2px 0px 0px 5px; width:25px; }
#content .uwgegevens .postcode{ float:left; margin-right:5px; position:relative;  }
#content .uwgegevens .plaats{ float:left; }
#content .uwgegevens .plaats input{ background:url(../img/bg_input.jpg) repeat-x; border:1px solid #b7c0de; height:20px; margin:0px 0px 5px 0px; padding:2px 0px 0px 5px; width:114px; }
#content .uwgegevens .plaats label{ display:none; }
#content .uwgegevens form div .error-message {display:none;}
#content .uwgegevens form div input.form-error {border-color:#f00}
#content .uwgegevens form div.error label {color:#f00}

table.persoonsgegevens tr th {
	text-align:left;
	padding:0 10px 0 0;
}

a.active {
	color:#ee5e1c !important;
}