/*
/* OVERALL -- main.tpl */

.sIFR-flash{ visibility: visible !important; margin: 0; }
.sIFR-replaced{ visibility: visible !important;}
span.sIFR-alternate{ position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }


/* OVERALL -- main.tpl */

* {
	font-family: Arial;
	text-align: left;
	color: #424242;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

body {}
img {
	border: 0px
}

a:hover {
	text-decoration: underline;
}

a {
	text-decoration: none;
}

h1 {
	letter-spacing: -1px;
	font-weight: normal;
}

/* #container #main #sidebar -- main.tpl */

#container {width: 800px; margin: 0 auto; padding: 0px;}
#container #top { width: 778px; height: 61px; padding: 10px; border: solid 1px #c4c4c4; border-top: 0;}
#container #top #logo {padding: 8px 123px 6px 10px; float: left; }
#container #top #top_right { }
#container #top #top_right #top_nav {float: left; padding-top: 5px; height: 18px; width: 258px;}
#container #top #top_right #top_nav a {margin: 0 6px 0 6px;}
#container #top #top_right fieldset {float: left; width: 168px; border: 0; height: 20px;}
#container #top #top_right fieldset img {margin-left: 6px; }
#container #top #top_right fieldset p {float: left;}
#container #top #top_right fieldset p input {width: 142px;}

#container #top #top_right #top_menu {
	list-style: none;
	margin: 14px 0px 1px 0px;
	float: left;
	width: 430px;
	height: 24px;
}

#container #top #top_right #top_menu li.onderwijs_agenda {
	float: left;
	width: 112px;
	height: 20px;
	padding: 0px 0px 0 30px;
	background: #8f8f8f;
	height: 24px;
}

#container #top #top_right #top_menu li.downloads {
	float: left;
	width: 48px;
	height: 20px;
	padding: 0px 0px 0 22px;
	background: #8f8f8f;
	height: 24px;
}

#container #top #top_right #top_menu li.top_menu_left {
	float: left;
	width: 105px;
	padding: 0px 0px 0 25px;
	background: #8f8f8f url(../img/top_topmenu_left.gif) no-repeat center left;
	height: 24px;
}

#container #top #top_right #top_menu li.top_menu_right {
	float: left;
	width: 64px;
	padding: 0px 0 0 21px;
	background: #8f8f8f url(../img/top_topmenu_right.gif) no-repeat center right;
	height: 24px;
}

#container #top #top_right #top_menu img {margin-bottom: 0px;}
#container #top #top_right #top_menu p {float: left;}

#container #popup {
	height: 0px;
	width: 530px;
	display: block;
	top: 71px;
	padding: 0px 0 0 0;
	margin-left: -138px;
	_margin-left: -148px;
	left: 50%;
	position: absolute;
	overflow: hidden;
}

#container #popup_header {
	margin-left: 247px;
	width: 120px;
	font-size: 1px;
	height: 11px;
	_height: 11px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	background: white;
}

#container #popup_content {
	margin: auto;
	width: 528px;
	height: 225px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	border-bottom: solid 1px #c4c4c4;
	background: white;
}

#container #popup_content ul {list-style: none;}
#container #popup_content li.popup_themas {width: 155px; padding: 10px; display: block; float: left;}
#container #popup_content a.popup_themas {color: #8f8f8f; font-weight: bold; display: block; height: 40px;}
#container #popup_content li.popup_thema_yellow {background: url(../img/popup_dot_yellow.gif) no-repeat 0 7px; padding: 2px 2px 2px 15px;}
#container #popup_content li.popup_thema_orange {background: url(../img/popup_dot_orange.gif) no-repeat 0 7px; padding: 2px 2px 2px 15px;}
#container #popup_content li.popup_thema_red {background: url(../img/popup_dot_red.gif) no-repeat 0 4px; padding: 2px 2px 2px 15px;}

#container #visual {float: left; width: 740px; padding: 20px;}
#container #visual img {float: left; border: solid 1px #c4c4c4;}
#container #visual #quote {float: left; height: 125px; width: 455px; color: #8f8f8f; font-size: 22px; font-weight: bold;  padding: 0 20px 0 20px;}
#container #visual #partners img {border: 0px; padding: 1px 15px 0 0;}
#container #visual #partners {float: left;  width: 455px; color: #8f8f8f; padding: 0 20px 0 20px; font-weight: bold;}

#container #trace_gray {float: left; background: #424242; width: 778px; color: #ffffff; height: 15px; padding: 3px 0 2px 22px;}
#trace_gray em, #trace_red em, #trace_yellow em, #trace_orange em {color: #ffffff;}
#trace_gray a, #trace_red a, #trace_yellow a, #trace_orange a {font-weight: bold; color: #ffffff;}

#container #trace_yellow {float: left; background: #ffb000; width: 778px; color: #ffffff; height: 15px; padding: 3px 0 2px 22px;}
#container #trace_orange {float: left; background: #ef4b03; width: 778px; color: #ffffff; height: 15px; padding: 3px 0 2px 22px;}
#container #trace_red {float: left; background: #c90000; width: 778px; color: #ffffff; height: 15px; padding: 3px 0 2px 22px;}

#container #content {float: left; border: solid 1px #c4c4c4; border-top: 0; width: 798px;}
#container #content #left_bar {float: left; width: 244px; padding: 10px;}
#container #content #left_bar strong {font-weight: bold;}
#container #content #left_bar h1 {font-size: 20px; margin-bottom: 15px;}
#container #content #left_bar ul {list-style: none; font-size: 12px;}
#container #content #left_bar #anchor li {
	padding-left: 15px;
	line-height: 17px;
}
#container #content #left_bar #anchor a {font-weight: bold;}
#container #content #left_bar #sub_menu {list-style: none; font-size: 12px;}
#container #content #left_bar #sub_menu li.sub_menu_current {padding-left: 15px; background: url(../img/content_leftbar_bullet_on.gif) no-repeat 0 3px;}
#container #content #left_bar #sub_menu li.sub_menu {padding-left: 15px; background: url(../img/content_leftbar_bullet.gif) no-repeat 0 3px;}
#container #content #left_bar #sub_menu li.item_7 {padding-left: 15px; background: url(../img/popup_dot_yellow.gif) no-repeat 0 6px;}
#container #content #left_bar #sub_menu li.item_8 {padding-left: 15px; background: url(../img/popup_dot_orange.gif) no-repeat 0 6px;}
#container #content #left_bar #sub_menu li.item_9 {padding-left: 15px; background: url(../img/popup_dot_red.gif) no-repeat 0 6px;}

#container #content #left_bar #sub_menu li.item_current {padding-left: 15px; background: url(../img/agenda_square.gif) no-repeat 0 6px;}
#container #content #left_bar #sub_menu li.item_current a {font-weight: bold;}
#container #content #left_bar #sub_menu #item_7 {display: none;}
#container #content #left_bar #sub_menu #item_8 {display: none;}
#container #content #left_bar #sub_menu #item_9 {display: none;}

#container #content #left_bar #contact_menu {list-style: none; font-size: 12px;}
#container #content #left_bar #contact_menu a.menu {font-weight: bold;}
#container #content #left_bar #contact_menu li{padding-left: 15px;}
#container #content #left_bar #contact_menu li.item {padding-left: 15px; background: url(../img/sitemap_square.jpg) no-repeat 0 6px;}


#container #content #page { padding: 10px; padding-right: 120px;  padding-bottom: 100px; float: left; width: 404px; background: url(../img/content_page_background.gif) no-repeat 147px 74px; }
#container #content #page h1 {font-size: 20px;}
#container #content #page em {font-size: 12px;}
#container #content #page p {font-size: 12px; padding: 3px 0 3px 0;}
#container #content #page b {font-size: 12px;}
#container #content #page p a {font-size: 12px;  color: #cb0808;}

#container #content #page #sitemap p  {margin: 6px;}
#container #content #page #sitemap p a  {font-weight: bold; text-decoration: underline;}
#container #content #page #sitemap ul {list-style: none;}
#container #content #page #sitemap ul li {padding: 2px; margin-left: 30px; padding-left: 10px; font-size: 11px; background: url(../img/sitemap_square.jpg) no-repeat 0px 9px;}
#container #content #page #sitemap ul li a {font-size: 11px; text-decoration: underline;}
#container #content #page #sitemap ul li.parent {margin-bottom: 10px;}
#container #content #page #sitemap ul li a.parent {font-weight: bold;}

#container #content #page #partners {list-style: none;}
#container #content #page #partners .partner_themas {position: relative; right: 30px; top: 8px; width: 25px; text-align: right; float: left; padding-right: 5px;}
#container #content #page #partners h1 { position: relative; right: 30px; float: left;}
#container #content #page #partners p {clear: both;}
#container #content #page #partners li {padding: 20px 0 20px 0;}
#container #content #page #partners .dot_yellow { display: block; float: right; position: relative; top: 0px; right: 2px; padding-left: 2px;}
#container #content #page #partners .dot_orange { display: block; float: right; position: relative; top: 0px; right: 2px; padding-left: 2px;}
#container #content #page #partners .dot_red { display: block; float: right; position: relative; top: 0px; right: 2px; padding-left: 2px;}
#container #content #page #partners .partner_link {padding: 20px 0 0 0;}
#container #content #page #partners .partner_link a { font-weight: bold; text-decoration: underline;  padding: 0 0 0 20px; background: url(../img/partners_link.gif) no-repeat 0 2px;}

#container #content #page fieldset label.error {color: red;}
#container #content #page fieldset { border: 0px; margin: 6px; padding: 10px 0 10px 0;}
#container #content #page fieldset label {float: left; width: 95px;}
#container #content #page fieldset p {font-size: 11px; margin: 1px 17px 1px 5px;}
#container #content #page fieldset p input {width: 155px; margin: 0 0 0 5px;}
#container #content #page fieldset p textarea {width:200px; height: 100px; margin: 0 0 0 5px;}
#container #content #page fieldset p a {background: black; color: white; padding: 2px 4px 2px 4px;}

#container #content #content_bottom {font-size:1px;  float: left;  width: 798px; margin: 0px; padding: 0px;  text-align: right;}
#container #content #content_bottom img {position: relative; top: 1px; right: -1px;  margin: 0px; padding:0px;}

/* contact.tpl */
#container #content #page #contact {padding: 30px 0 10px 0;}
#container #content #page #contact #submit {padding: 10px 0 0 240px;}

#container #content #page #contacts {list-style: none;}
#container #content #page #contacts ul {list-style: none; margin: 0 0 20px 0;}
#container #content #page #contacts li {list-style: none;}
#container #content #page #contacts li.head {padding: 15px 0 0 0;}
#container #content #page #contacts a {font-size: 20px; }
#container #content #page #contacts .head a {font-size: 15px; }
#container #content #page #contacts table {padding: 0 0 0 0; }
#container #content #page #contacts table td { }
#container #content #page #contacts table td.icon {width: 120px;}
#container #content #page #contacts table td.email {width: 200px;}
#container #content #page #contacts table td.head { width: 400px; padding-bottom: 10px;}
#container #content #page #contacts table td.head  a { font-weight: bold; font-size: 13px;}
#container #content #page #contacts td img {text-align: right;}

/* newsletter.tpl, home.tpl */
#container #content #page #newsletter {padding: 30px 0 10px 0px; }
#container #content #page #newsletter #submit { padding: 10px 0 0 195px;}

/* home.tpl */
#container #boxes {float: left; margin: 10px;}
#container #boxes h1 {color: #fff; font-size: 18px;}
#container #boxes p {color: #fff; }
#container #boxes img {}

/* home.tpl */
#container #boxes div.box {float: left;}
#container #boxes div.box h1 {line-height: 110%; height: 40px; padding-bottom: 2px;}
#container #boxes div.box p {line-height: 110%;}
#container #boxes #box_yellow {height: 286px; margin: 10px 10px 0 10px;  padding: 10px; width: 220px; background: #ffb000; }
#container #boxes #box_orange { height: 286px; margin: 10px 10px 0 10px; padding: 10px; width: 220px; background: #ef4b03; }
#container #boxes #box_red { height: 286px; margin: 10px 10px 0 10px; padding: 10px; width: 220px; background: #c90000; }
#container #boxes #box_link_yellow {text-align: right; height: 32px; margin: 0 10px 10px 10px; width: 240px; background: #ffb000; }
#container #boxes #box_link_orange {text-align: right; height: 32px; margin: 0 10px 10px 10px; width: 240px; background: #ef4b03; }
#container #boxes #box_link_red {text-align: right; height: 32px; margin: 0 10px 10px 10px; width: 240px; background: #c90000; }

/* agenda.tpl */
#container #agenda_boxes {}
#container #agenda_boxes div.agenda_box_container { border: solid 1px #c4c4c4; height: 98px; margin: 10px 0 0 0;  padding: 0; width: 400px;}
#container #agenda_boxes img {height: 80px; width: 118px; float: left; margin: 0px 15px 0 0}
#container #agenda_boxes #agenda_box_yellow {position: relative; top: 1px; right: -1px; height: 79px; margin: 0; padding: 10px; padding-top: 9px; width: 380px; background: url(../img/agenda_box_yellow.gif) no-repeat bottom right; }
#container #agenda_boxes #agenda_box_orange {position: relative; top: 1px; right: -1px; height: 79px; margin: 0; padding: 10px; padding-top: 9px; width: 380px; background: url(../img/agenda_box_orange.gif) no-repeat bottom right; }
#container #agenda_boxes #agenda_box_red {position: relative; top: 1px; right: -1px; height: 79px; margin: 0; padding: 10px; padding-top: 9px; width: 380px; background: url(../img/agenda_box_red.gif) no-repeat bottom right; }

#container #agenda_boxes ul.agenda_box_links {list-style: none; margin: 10px 0 10px 15px;}
#container #agenda_boxes li.agenda_box_link_yellow {background: url(../img/agenda_box_link_yellow.gif) no-repeat 0 4px; padding: 2px 2px 2px 15px;}
#container #agenda_boxes li.agenda_box_link_orange {background: url(../img/agenda_box_link_orange.gif) no-repeat 0 4px; padding: 2px 2px 2px 15px;}
#container #agenda_boxes li.agenda_box_link_red {background: url(../img/agenda_box_link_red.gif) no-repeat 0 4px; padding: 2px 2px 2px 15px;}

/* nieuws & agenda */
#container #content #page h1.na {
	clear: both;
}

#container #content #page h3.na {
	margin-top: 10px;
}

#container #content #page .nieuwsagendaitem {
	clear: both;
	margin: 10px 0px 40px 0px;
	width: 400px;
}

#container #content #page .nieuwsagendadatum {
	float: left;
	background-repeat: no-repeat;
	background-image: url(../img/agenda_square.gif);
	background-position: 0px 5px;
	padding-left: 8px;
	font-size: 1.1em;
	width: 70px;
}

#container #content #page .nieuwsagendadatum span.tm {
	font-size: 0.9em;
}

#container #content #page .nieuwsagendaintro {
	float: right;
	width: 320px;
}

#container #content #page .nieuwsagendaintro h2 {
	color: #cc0000;
	margin-bottom: 5px;
	font-size: 1.1em;
}

#container #content #page .nieuwsagendaintro h2 a {
	color: #cc0000;
	font-size: 1.0em;
}

#container #content #page .nieuwsagendaintro img {
	margin: 5px 5px 5px 0px;
	float:left;
}

#container #content #page .clear {
	clear: both;
}



a.leesverderna {
	display: block;
	background-repeat: no-repeat;
	background-image: url(../img/partners_link.gif);
	background-position: 0px 2px;
	color: #c90000;
	padding-left: 20px;
	font-weight: bold;
	margin-bottom: 35px;
	text-decoration: underline;
}

/* interview.tpl */

#container #content #page .interviewitem {
	clear: both;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 15px;
	margin: 0px 0px 30px 0px;
}

#container #content #page .intervieworanje {
	background-image: url(../img/overall_dot_orange.gif);
}

#container #content #page .interviewrood {
	background-image: url(../img/overall_dot_red.gif);
}

#container #content #page .interviewgeel {
	background-image: url(../img/overall_dot_yellow.gif);
}

#container #content #page .interviewitem h2 {
	font-size: 1.1em;
	margin-bottom: 5px;
}

#container #content #page .interviewitem img {
	margin: 7px 15px 15px 0px;
	float: left;
}

#container #content #page .interviewitem a.leesverder {
	background-repeat: no-repeat;
	background-image: url(../img/partners_link.gif);
	background-position: 0px 2px;
	color: #c90000;
	padding-left: 20px;
	font-weight: bold;
	text-decoration: underline;
}

/* partners.tpl */
#container #content #page .partneritem {
	margin-top: 15px;
	width: 400px;
	clear: both;
}

#container #content #page .themastippen {
	float: left;
	width: 35px;
}

#container #content #page .partnerinfo {
	float: right;
	width: 365px;
	font-size: 1.1em;
}

#container #content #page .partnerinfo a {
	color: #cb0808;
	font-weight: bold;
	text-decoration: underline;
}

/* contactpersonen.tpl */
#container #content #page h2.contactpersonen7 {
	background-repeat: no-repeat;
	background-image: url(../img/overall_dot_yellow.gif);
	background-position: 0px 4px;
	margin: 15px 0px 7px 0px;
	padding-left: 28px;
}
#container #content #page h2.contactpersonen8 {
	background-repeat: no-repeat;
	background-image: url(../img/overall_dot_orange.gif);
	background-position: 0px 4px;
	margin: 15px 0px 7px 0px;
	padding-left: 28px;
}
#container #content #page h2.contactpersonen9 {
	background-repeat: no-repeat;
	background-image: url(../img/overall_dot_red.gif);
	background-position: 0px 4px;
	margin: 15px 0px 7px 0px;
	padding-left: 28px;
}

table.tablecontactpersonen {
	width: 404px;
	margin: 0px 0px 25px 26px;
}

table.tablecontactpersonen .celpersoon {
	width: 120px;
}

table.tablecontactpersonen .celtelefoon {
	width: 100px;
}

table.tablecontactpersonen .celadres {
	width: 183px;
}

/* home.tpl */
#container #welcome {
	float: left;
	border: solid 1px #c4c4c4;
	width: 778px;
	padding: 20px 0px 0 20px;
}

#container #welcome #body {
	float: left;
	width: 480px;
}

#container #welcome #body h1 {
	width: 480px;
	font-weight: bold;
	font-size: 18px;
}

#container #welcome #body p {
	width: 480px;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

#container #welcome #body .agendaitem p {
	width: 450px;
}

#container #welcome .agendaitem {
	margin-top: 10px;
	border: 1px solid #e3e3e3;
	padding: 10px 0px 10px 15px;
}

#container #welcome .agendaitem h2 {
	margin-bottom: 5px;
}

#container #welcome .agendaitem p {
	width: 450px;
}

#container #welcome .agendaitem a.leesverder {
	background-repeat: no-repeat;
	background-image: url(../img/pijl_agendaitem.gif);
	background-position: 0px 2px;
	color: #c90000;
	padding-left: 16px;
	margin-left: 375px;
}

#container #welcome .nieuwsitem {
	width: 240px;
	height: 123px;
	overflow: hidden;
	padding: 10px;
	margin-right: 0px;
	float: right;
	background-repeat: no-repeat;
	background-image: url(../img/bgnieuwsitem.gif);
}

#container #welcome .nieuwsitem h2 {
	width: 220px;
	margin: 0px;
	margin-bottom: 5px;
}

#container #welcome .nieuwsitem .intro {
	width: 220px;
	height: 55px;
	overflow: hidden;
	margin-bottom: 5px;
}

#container #welcome .agendaitem .datum, #container #welcome .nieuwsitem .datum {
	color: #8f8f8f;
	font-weight: bold;
}

#container #welcome .nieuwsitem a.leesverder {
	background-repeat: no-repeat;
	background-image: url(../img/pijl_nieuwsitem.gif);
	background-position: 0px 2px;
	color: #c90000;
	padding-left: 16px;
	margin-left: 77px;
}

#container #content #page ul {list-style:disc outside;margin-left:15px;}
#container #content #page ul li {font-size: 12px;}

#container #content #page fieldset {float: left; width: 300px;  padding: 20px; padding-top: 30px; background:  #c4c4c4 url(../img/newsletter_bg.gif) no-repeat; border: 0;}
#container #content #page fieldset p {float: left; width: 250px; margin: 4px;}
#container #content #page fieldset #buttons {text-align: right;}
#container #content #page fieldset a {background: black; color: white; padding: 2px 4px 2px 4px; }
#container #content #page fieldset input {width: 235px;}

#container #welcome #content_bottom { font-size:1px;  float: left; width: 758px; margin: 0px; padding: 0px;  text-align: right;}
#container #welcome #content_bottom img {position: relative; top: 1px; right: -21px;  margin: 0px; padding:0px;}

/* main.tpl */
#container #footer { float: left; margin-top: 6px; margin-bottom: 20px;}
#container #footer #footer_nav {width: 266px; float: left;}
#container #footer #footer_nav a {margin-left: 13px;}

#container #footer #footer_menu {
	width: 276px;
	text-align: center;
	float: left;
}

#container #footer #footer_menu strong {
	color: red;
}

#container #footer #footer_copyright {
	text-align: right;
	width: 236px;
	float: left;
	color: #8d8d8d;
	margin-right: 20px;
}

#container #content #page div.dotted {clear: both;  width: 400px; text-align: right; background: url(../img/search_dotted.gif)  no-repeat bottom center; height: 1px;}

#container #content #page #paginate {width: 400px; float: left; text-align: right; font-size: 10px; padding: 10px 5px 10px 5px; margin: 0px 0px 0px 0px;}
#container #content #page #paginate a {font-weight: bold; padding: 0 5px 0 5px;}
#container #content #page #paginate p.prev {width: 100px;  float: left; font-size: 10px;}
#container #content #page #paginate p.middle {font-weight: bold; width: 200px;  float: left; font-size: 10px; text-align: center;}
#container #content #page #paginate p.middle strong {font-weight: bold; padding: 0 5px 0 5px; border: solid 1px black; margin: 3px; }
#container #content #page #paginate p.middle a {font-weight: bold; padding: 0 5px 0 5px; margin: 3px;}
#container #content #page #paginate p.next {width: 100px;  float: left; font-size: 10px; text-align: right;}

#container #content #page div.results { clear: both;  margin: 6px; padding: 10px 0 10px 0;}
#container #content #page div.results strong.nr {float: left; width: 17px;}
#container #content #page div.results h2 {font-weight: bold; font-size: 11px;}
#container #content #page div.results p {margin-left: 40px; font-size: 11px; padding: 5px 0 10px 0;}
#container #content #page div.results p strong {background: #ebf2ab;}
#container #content #page div.results a {font-size: 11px; color: #000; font-weight: bold; text-decoration: underline;}