html {height: 100%; margin-bottom: 1px; -ms-overflow-y: scroll;}

body {
	background: #FFF;
	text-align: center;
	margin: 0; padding: 0;
	overflow: -moz-scrollbars-vertical;
	height: 100%;
	font-size: 100%;
}

#page { // Horizontale position
	position: relative;
	width: 985px; height: 100%;
	top: 0px; left: 0px;
	margin-right: auto; 
	margin-left: auto;
	padding: 0px;
}

#pageContainer {
	position: relative;
	top: 0px; left: 0px;
	width: 985px;
	text-align: left;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	lettsser-spacing: -1px;
	line-height: 18px;
	color: #4e4e4e;
	// color: #4e4e4e;
}

textarea:focus, input:focus, a:focus { outline:none; }

/*-------- General styles -----------*/
H1 {font: normal 26px Arial, Helvetica, sans-serif; color: #464646; margin: 0px 0px 5px 0px;}
H2 {font: bold 15px "ITC Franklin Gothic", Calibri, "Arial Narrow", Helvetica, sans-serif; color: #000; margin: 0px 0px 3px 0px;}
H3 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #4e4e4e; margin: 0px;}
H4 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0px;}
H5 {font: bold 11px Arial, Helvetica, sans-serif; color: #006594; margin: 0px;}
H6 {font: italic bold 12px Arial, Helvetica, sans-serif; color: #006594; margin: 0px;}
P {margin: 0px;}
FORM {margin: 0px;}
IMG {border: 0px;}
hr {
	height:1px;
	display:block;
	margin: 2px 0px;
	!margin:-5px 0px;
	color: #bdbdbd;
	background-color: #bdbdbd;
	border:0px;
}
hr.rulerSpace {
	height: 1px; display:block; border-left: none; border-right: none; border-top: 1px solid #DADADA; border-bottom: none; margin: 5px 0px 0px 0px;
}
a {color: #4e4e4e;}
.bold {font-weight: bold;}
.white {color: #FFF;}
.whitespace {padding: 8px 9px;}
.date {font-size: 10px;}

TD {vertical-align:top;}

UL {margin-left: 0px; padding-left: 0px;}
LI {margin-left: 20px; list-style: disc outside; padding-left: 0px;}

/*---------- PAGE ELEMENTS ----------------*/
.headerPrint {display: none;}
.header {position: relative; height: 24px;}
.headerMenu {position: absolute; left: 0px; top: 3px; width: 600px; height: 28px;z-index:10; color: #5d5d5d; font-size: 11px;}
.headerMenu a {color: #4e4e4e;}
.flagIcons {position: absolute; right: 170px; top: 3px; width: 70px; height: 28px;z-index:10; text-align: left; color: #FFF;}
.zoekContainer {position: absolute; right: 0px; top: 2px; width: 156px; height: 20px; z-index: 10; display: inline;}
.zoekBox {background: url('../images/bg_zoekbox_homepage.jpg') no-repeat; width: 128px; height: 12px; border: 1px solid #a5a4a4; padding: 2px; font-size: 11px; color: #5D5D5; margin-right: 5px;}
.zoekButton {width: 16px; height: 16px; border: 0px; background: url('../images/bt_zoeken.gif') no-repeat; cursor: pointer;}
.topMenuBar {width: 985px; height: 30px; background: url('../images/bg_menubar-white.gif') no-repeat;}
.contentWrapper {width: 930px; overflow: none; background: #FFF;}
.leftMenuBar {float: left; width: 28px; padding-top: 30px;}
.content {float: left; width: 930px;}
.breadcrumb {position: relative;width: 920px; height:23px; padding-top: 4px; padding-left: 7px; margin-bottom: 8px; color: #727272; font-size: 10px; border-bottom: 1px solid #f2f2f2;}
div.breadcrumb div#breadcrumb_clip {width: 770px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 11px;}
.footer {width: 930px; height:30px; padding: 0px 28px 0px 28px; clear: both;}
.footer div {text-align: center; width: 930px; height:24px; padding-top: 6px; font-size: 11px;}
.footer div a {font-size: 11px;}


/* RECHTERKOLOM TEKSTEN NAAR 11PX EN INTERLINIE 15PX .colRight {width: 150px; float: right; font-size: 11px; line-height: 15px;} */
.colRight {width: 150px; float: right;}
.colLeft {width: 768px; float: left; background: #FFF;}



/*----- TOPBAR ICON LINKS -----*/
.topMenuIcons {position: relative; width: 420px; height: 30px; background: url('../images/menubar_icons/topmenu_icon_title.gif') no-repeat 28px 0px; padding-left: 88px; float: left; }
a.topMenuIconLink {margin-right: 0px; position: relative;}
a.topMenuIconLink .topMenuIconTip {display: none;}
a.topMenuIconLink:hover .topMenuIconTip {
	display: block; 
	position: absolute; 
	bottom: 32px; left: -5px; 
	height: 16px; padding: 0px 5px; 
	background: #FFF; z-index: 20; 
	color: #979797;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	text-decoration: none;
}

/*-------------- LEFTMENU -----------*/
.leftMenuBar {position: relative; z-index: 101; }
span.niv0, span.niv0Active {position: relative; margin-right: 3px; border: 0px solid red; height: 25px; display: block; float: left; }
span.niv0 div.LeftMenuSubShadow {display: none;}

span.niv0Active div.LeftMenuSubShadow {
	display: block; position: absolute; 
	left: 0px; top: 25px; width: 150px; 
	z-index: 1000; background-color: #bce88f; padding: 0px 4px 4px 0px;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px;
}

.mainMenuBar {position: relative; z-index: 101; height: 25px; margin-bottom: 8px;}


.LeftMenuSub {padding: 4px; background-color: #bce88f; width: 142px; font-size: 11px;}
.LeftMenuSub a.niv1,
.LeftMenuSub a.niv1sub {display: block; width: 134px; padding: 4px 4px 5px 4px; text-decoration: none; color: #000; font-weight: normal; cursor: pointer;}
.LeftMenuSub a.niv1:hover {color: #000;}
.LeftMenuSub a.niv1sub:hover {color: #000;}
.LeftMenuSub a.niv2 {display: block; width: 134px; padding: 4px 4px 5px 4px; text-decoration: none; color: #000; font-weight: normal; cursor: pointer;}
.LeftMenuSub a.niv2:hover {color: #000;}

.subGreen {background-color: #bce88f;}
.subGreen a.niv1 {background: #bce88f; border-bottom: 1px solid #bce88f;}
.subGreen a.niv1sub {background: #bce88f url('../images/arrow_submenu_hover.gif') no-repeat bottom right; border-bottom: 1px solid #bce88f;}
.subGreen a.niv1sub:hover {background: #bce88f url('../images/arrow_submenu_hover.gif') no-repeat bottom right;}
.subGreen a.niv2 {background: #dff7bf; border-bottom: 1px solid #bce88f;}
.subRed {background-color: #f19677;}
.subRed a.niv1 {background: #f19677; border-bottom: 1px solid #f19677;}
.subRed a.niv1sub {background: #f19677 url('../images/arrow_submenu_hover.gif') no-repeat bottom right; border-bottom: 1px solid #f19677;}
.subRed a.niv1sub:hover {background: #f19677 url('../images/arrow_submenu_hover.gif') no-repeat bottom right;}
.subRed a.niv2 {background: #f9bda8; border-bottom: 1px solid #f19677;}
.subSalmon {background-color: #fab981;}
.subSalmon a.niv1 {background: #fab981; border-bottom: 1px solid #fab981;}
.subSalmon a.niv1sub {background: #fab981 url('../images/arrow_submenu_hover.gif') no-repeat bottom right; border-bottom: 1px solid #fab981;}
.subSalmon a.niv1sub:hover {background: #fab981 url('../images/arrow_submenu_hover.gif') no-repeat bottom right;}
.subSalmon a.niv2 {background: #fdd4b2; border-bottom: 1px solid #fab981;}
.subYellow {background-color: #fbe35f;}
.subYellow a.niv1 {background: #fbe35f; border-bottom: 1px solid #fbe35f;}
.subYellow a.niv1sub {background: #fbe35f url('../images/arrow_submenu_hover.gif') no-repeat bottom right; border-bottom: 1px solid #fbe35f;}
.subYellow a.niv1sub:hover {background: #fbe35f url('../images/arrow_submenu_hover.gif') no-repeat bottom right;}
.subYellow a.niv2 {background: #fef0a0; border-bottom: 1px solid #fbe35f;}
.subBlue {background-color: #b6e3ff;}
.subBlue a.niv1 {background: #b6e3ff; border-bottom: 1px solid #b6e3ff;}
.subBlue a.niv1sub {background: #b6e3ff url('../images/arrow_submenu_hover.gif') no-repeat bottom right; border-bottom: 1px solid #b6e3ff;}
.subBlue a.niv1sub:hover {background: #b6e3ff url('../images/arrow_submenu_hover.gif') no-repeat bottom right;}
.subBlue a.niv2 {background: #d9f0ff; border-bottom: 1px solid #b6e3ff;}
.subBeige {background-color: #e7c391;}
.subBeige a.niv1 {background: #e7c391; border-bottom: 1px solid #e7c391;}
.subBeige a.niv1sub {background: #e7c391 url('../images/arrow_submenu_hover.gif') no-repeat bottom right; border-bottom: 1px solid #e7c391;}
.subBeige a.niv1sub:hover {background: #e7c391 url('../images/arrow_submenu_hover.gif') no-repeat bottom right;}
.subBeige a.niv2 {background: #f7e5cb; border-bottom: 1px solid #e7c391;}
.subGray {background-color: #d0d0d0;}
.subGray a.niv1 {background: #d0d0d0; border-bottom: 1px solid #d0d0d0;}
.subGray a.niv1sub {background: #d0d0d0 url('../images/arrow_submenu_hover.gif') no-repeat bottom right; border-bottom: 1px solid #d0d0d0;}
.subGray a.niv1sub:hover {background: #d0d0d0 url('../images/arrow_submenu_hover.gif') no-repeat bottom right;}
.subGray a.niv2 {background: #e7e7e7; border-bottom: 1px solid #d0d0d0;}


/*----- TOPBAR TEXT LINKS -----*/
.topMenuText {width: 424px; height: 30px; padding: 0px 28px 0px 0px; float: right;}
.buttonWebwinkel {position: absolute; right: 0px; top: 0px; width: 150px; height: 30px; z-index: 10;}


/*--------- SUBNAVIGATIE MENU ---------------*/
.vervolgNavigatieContainer {display: block; width: 100%;}
ul.vervolgNavigatie {padding: 0px; margin: 0px;}
ul.vervolgNavigatie li.vervolgNavigatieTab {
	float: left; list-style: none; height: 20px;
	padding: 0px 10px 0px 10px; margin: 0px;
	background: #FFF url('../images/bg_tabs_subnav.gif') repeat-x; 
	font-size: 11px; font-weight: bold;
}
ul.vervolgNavigatie li.vervolgNavigatieTab:hover {
	float: left; list-style: none; height: 21px;
	padding: 2px 10px 0px 10px; margin: 0px;
	background: #FFF;
	font-size: 11px; font-weight: bold;
}
ul.vervolgNavigatie li.vervolgNavigatieTabActive {
	float: left; list-style: none; height: 21px;
	padding: 2px 10px 0px 10px; margin: 0px;
	background: #FFF;
	font-size: 11px; font-weight: bold;
}
ul.vervolgNavigatie li a {text-decoration: none;}


td.opmaakTableColWidth300 div h2 {width: 290px; padding: 3px 0px 3px 10px;}
td.opmaakTableColWidth300 div div.content2009 { width: 300px; padddding: 3px 10px 10px 10px; margin-bottom: 10px;}
td.opmaakTableColWidth300 div.green2009 h2.header2009 {background: #88d726 url('../images/bg_headerhp300_green.gif') no-repeat;}
td.opmaakTableColWidth300 div.green2009 div.content2009 {background: #f3fce9;}
td.opmaakTableColWidth300 div.red2009 h2.header2009 {background: #e33b14 url('../images/bg_headerhp300_red.gif') no-repeat;}
td.opmaakTableColWidth300 div.red2009 div.content2009 {background: #fcf1ef;}
td.opmaakTableColWidth300 div.blue2009 h2.header2009 {background: #7ed0f5 url('../images/bg_headerhp300_blue.gif') no-repeat;}
td.opmaakTableColWidth300 div.blue2009 div.content2009 {background: #f1faff;}
td.opmaakTableColWidth300 div.yellow2009 h2.header2009 {background: #ffca0a url('../images/bg_headerhp300_yellow.gif') no-repeat;}
td.opmaakTableColWidth300 div.yellow2009 div.content2009 {background: #fff4cc;}
td.opmaakTableColWidth300 div.salmon2009 h2.header2009 {background: #f68920 url('../images/bg_headerhp300_salmon.gif') no-repeat;}
td.opmaakTableColWidth300 div.salmon2009 div.content2009 {background: #fff4ed;}
td.opmaakTableColWidth300 div.gray2009 h2.header2009 {background: #9a9a9a url('../images/bg_headerhp300_gray.gif') no-repeat;}
td.opmaakTableColWidth300 div.gray2009 div.content2009 {background: #f5f5f5;}
td.opmaakTableColWidth300 div.beige2009 h2.header2009 {background: #d39234 url('../images/bg_headerhp300_beige.gif') no-repeat;}
td.opmaakTableColWidth300 div.beige2009 div.content2009 {background: #faf3e9;}

td.opmaakTableColWidth150 div h2 {width: 140px; padding: 3px 0px 3px 10px;}
td.opmaakTableColWidth150 div div.content2009 { width: 150px; padddding: 3px 10px 10px 10px; margin-bottom: 10px;}
td.opmaakTableColWidth150 div.green2009 h2.header2009 {background: #88d726 url('../images/bg_headerhp150_green.gif') no-repeat;}
td.opmaakTableColWidth150 div.green2009 div.content2009 {background: #f3fce9;}
td.opmaakTableColWidth150 div.red2009 h2.header2009 {background: #e33b14 url('../images/bg_headerhp150_red.gif') no-repeat;}
td.opmaakTableColWidth150 div.red2009 div.content2009 {background: #fcf1ef;}
td.opmaakTableColWidth150 div.blue2009 h2.header2009 {background: #7ed0f5 url('../images/bg_headerhp150_blue.gif') no-repeat;}
td.opmaakTableColWidth150 div.blue2009 div.content2009 {background: #f1faff;}
td.opmaakTableColWidth150 div.yellow2009 h2.header2009 {background: #ffca0a url('../images/bg_headerhp150_yellow.gif') no-repeat;}
td.opmaakTableColWidth150 div.yellow2009 div.content2009 {background: #fff4cc;}
td.opmaakTableColWidth150 div.salmon2009 h2.header2009 {background: #f68920 url('../images/bg_headerhp150_salmon.gif') no-repeat;}
td.opmaakTableColWidth150 div.salmon2009 div.content2009 {background: #fff4ed;}
td.opmaakTableColWidth150 div.gray2009 h2.header2009 {background: #9a9a9a url('../images/bg_headerhp150_gray.gif') no-repeat;}
td.opmaakTableColWidth150 div.gray2009 div.content2009 {background: #f5f5f5;}
td.opmaakTableColWidth150 div.beige2009 h2.header2009 {background: #d39234 url('../images/bg_headerhp150_beige.gif') no-repeat;}
td.opmaakTableColWidth150 div.beige2009 div.content2009 {background: #faf3e9;}

td.opmaakTableColWidth300 div div.content2009 .content_image {width: 300px;}
td.opmaakTableColWidth150 div div.content2009 .content_image {width: 150px;}

.colRight .beigeTitle   {width: 140px; min-height: 21px; padding: 3px 0px 0px 10px; margin-bottom: 1px; background: #d39234 url('../images/bg_headerhp150_beige.gif') no-repeat;}
.colRight .yellowTitle  {width: 140px; min-height: 21px; padding: 3px 0px 0px 10px; margin-bottom: 1px; background: #ffc805 url('../images/bg_headerhp150_yellow.gif') no-repeat;}
.colRight .greenTitle   {width: 140px; min-height: 21px; padding: 3px 0px 0px 10px; margin-bottom: 1px; background: #88d726 url('../images/bg_headerhp150_green.gif') no-repeat;}
.colRight .redTitle     {width: 140px; min-height: 21px; padding: 3px 0px 0px 10px; margin-bottom: 1px; background: #e33b14 url('../images/bg_headerhp150_red.gif') no-repeat;}
.colRight .salmonTitle  {width: 140px; min-height: 21px; padding: 3px 0px 0px 10px; margin-bottom: 1px; background: #f58823 url('../images/bg_headerhp150_salmon.gif') no-repeat;}
.colRight .blueTitle    {width: 140px; min-height: 21px; padding: 3px 0px 0px 10px; margin-bottom: 1px; background: #7ed0f5 url('../images/bg_headerhp150_blue.gif') no-repeat;}
.colRight .grayTitle    {width: 140px; min-height: 21px; padding: 3px 0px 0px 10px; margin-bottom: 1px; background: #9a9a9a url('../images/bg_headerhp150_gray.gif') no-repeat;}
.colRight .defaultTitle {width: 140px; min-height: 21px; padding: 3px 0px 0px 10px; margin-bottom: 1px; background: #88d726 url('../images/bg_headerhp150_green.gif') no-repeat;}

.colRight .beigeContainer   {width: 140px; background: #faf3e9; margin-bottom: 10px; padding: 5px; overflow: hidden;}
.colRight .yellowContainer  {width: 140px; background: #fff4cc; margin-bottom: 10px; padding: 5px; overflow: hidden;}
.colRight .greenContainer   {width: 140px; background: #f3fce9; margin-bottom: 10px; padding: 5px; overflow: hidden;}
.colRight .redContainer     {width: 140px; background: #fcf1ef; margin-bottom: 10px; padding: 5px; overflow: hidden;}
.colRight .salmonContainer  {width: 140px; background: #ffecdc; margin-bottom: 10px; padding: 5px; overflow: hidden;}
.colRight .blueContainer    {width: 140px; background: #f1faff; margin-bottom: 10px; padding: 5px; overflow: hidden;}
.colRight .grayContainer    {width: 140px; background: #f5f5f5; margin-bottom: 10px; padding: 5px; overflow: hidden;}
.colRight .defaultContainer {width: 140px; background: #f3fce9; margin-bottom: 10px; padding: 5px; overflow: hidden;}

/* zoeken zoeken zoeken */

.beigeSearchHeader h2  {width: 758px; padding: 3px 0px 3px 10px; margin-bottom: 2px; background: #88d726 url('../images/bg_headerhp768_beige.gif') no-repeat;}
.purpleSearchHeader h2  {width: 758px; padding: 3px 0px 3px 10px; margin-bottom: 2px; background: #88d726 url('../images/bg_headerhp768_yellow.gif') no-repeat;}
.yellowSearchHeader h2  {width: 758px; padding: 3px 0px 3px 10px; margin-bottom: 2px; background: #88d726 url('../images/bg_headerhp768_yellow.gif') no-repeat;}
.greenSearchHeader h2  {width: 758px; padding: 3px 0px 3px 10px; margin-bottom: 2px; background: #88d726 url('../images/bg_headerhp768_green.gif') no-repeat;}
.brownSearchHeader h2  {width: 758px; padding: 3px 0px 3px 10px; margin-bottom: 2px; background: #88d726 url('../images/bg_headerhp768_salmon.gif') no-repeat;}
.salmonSearchHeader h2  {width: 758px; padding: 3px 0px 3px 10px; margin-bottom: 2px; background: #88d726 url('../images/bg_headerhp768_salmon.gif') no-repeat;}
.redSearchHeader h2  {width: 758px; padding: 3px 0px 3px 10px; margin-bottom: 2px; background: #88d726 url('../images/bg_headerhp768_red.gif') no-repeat;}
.greySearchHeader h2  {width: 758px; padding: 3px 0px 3px 10px; margin-bottom: 2px; background: #88d726 url('../images/bg_headerhp768_gray.gif') no-repeat;}
.graySearchHeader h2  {width: 758px; padding: 3px 0px 3px 10px; margin-bottom: 2px; background: #88d726 url('../images/bg_headerhp768_gray.gif') no-repeat;}
.defaultSearchHeader h2  {width: 758px; padding: 3px 0px 3px 10px; margin-bottom: 2px; background: #88d726 url('../images/bg_headerhp768_green.gif') no-repeat;}



/* Alles over Alles voor */
.beigeBorders .vervolgTitle  {width: 758px; padding: 3px 0px 3px 10px; margin-bottom: 4px; background: #d39234 url('../images/bg_headerhp768_beige.gif') no-repeat;}
.yellowBorders .vervolgTitle  {width: 758px; padding: 3px 0px 3px 10px; margin-bottom: 4px; background: #ffc805 url('../images/bg_headerhp768_yellow.gif') no-repeat;}
.opmaakTableColWidth306green .vervolgTitle {width: 296px; padding: 3px 0px 3px 10px; margin-bottom: 4px; background: #88d726 url('../images/bg_headerhp306_green.gif') no-repeat;}
.opmaakTableColWidth452green .vervolgTitle {width: 442px; padding: 3px 0px 3px 10px; margin-bottom: 4px; background: #88d726 url('../images/bg_headerhp452_green.gif') no-repeat;}

.opmaakTableColWidth306red .vervolgTitle {width: 296px; padding: 3px 0px 3px 10px; margin-bottom: 4px; background: #e33b14 url('../images/bg_headerhp306_red.gif') no-repeat;}
.opmaakTableColWidth452red .vervolgTitle {width: 442px; padding: 3px 0px 3px 10px; margin-bottom: 4px; background: #e33b14 url('../images/bg_headerhp452_red.gif') no-repeat;}

.opmaakTableColWidth306salmon .vervolgTitle {width: 296px; padding: 3px 0px 3px 10px; margin-bottom: 4px; background: #f58823 url('../images/bg_headerhp306_salmon.gif') no-repeat;}
.opmaakTableColWidth452salmon .vervolgTitle {width: 442px; padding: 3px 0px 3px 10px; margin-bottom: 4px; background: #f58823 url('../images/bg_headerhp452_salmon.gif') no-repeat;}

.opmaakTableColWidth306blue .vervolgTitle {width: 296px; padding: 3px 0px 3px 10px; margin-bottom: 4px; background: #7ed0f5 url('../images/bg_headerhp306_blue.gif') no-repeat;}
.opmaakTableColWidth452blue .vervolgTitle {width: 442px; padding: 3px 0px 3px 10px; margin-bottom: 4px; background: #7ed0f5 url('../images/bg_headerhp452_blue.gif') no-repeat;}

.opmaakTableSpacer10 {width:10px; font-size: 5px;}



/*----------------- OPMAAK TABLES AND BORDERS  --------------------------*/
.vervolgContentBlock {width: 768px; margin-left: 0px; margin-bottom: 5px;} /* border en kleur in ext. stylesheet */
.nocolorContentBlock {width: 764px; margin-left: 0px; margin-bottom: 2px; background-color: #FFF;}

.opmaakTable {width: 768px; margin-bottom: 6px; margin-left:0px; table-layout: fixed;}
.opmaakTableSpacer {width:9px; font-size: 5px;}
.opmaakTableColWidth140 {width: 140px; background: white; vertical-align:top;}
.opmaakTableColWidth144 {width: 144px; background: white; vertical-align:top;}
.opmaakTableColWidth145 {width: 145px; background: white; vertical-align:top;}
.opmaakTableColWidth146 {width: 146px; background: white; vertical-align:top;}
.opmaakTableColWidth150 {width: 150px; background: white; vertical-align:top;}
.opmaakTableColWidth296 {width: 296px; background: white; vertical-align:top;}
.opmaakTableColWidth300 {width: 300px; background: white; vertical-align:top;}
.opmaakTableColWidth298 {width: 298Px; background: white; vertical-align:top;}
.opmaakTableColWidth302 {width: 302px; background: white; vertical-align:top;}
.opmaakTableColWidth306 {width: 306px; background: white; vertical-align:top;}
.opmaakTableColWidth452 {width: 452px; background: white; vertical-align:top;}
.opmaakTableColWidth458 {width: 458px; background: white; vertical-align:top;}
.opmaakTableColWidth608 {width: 608px; background: white; vertical-align:top;}



/*
.greenBorders {border: 2px solid #bce88f;}
.blueBorders {border: 2px solid #7ad3f7;}
.brownBorders {border: 2px solid #d26500;}
.redBorders {border: 2px solid #e0502c;}
.beigeBorders {border: 2px solid #e7c391;}
.purpleBorders {border: 2px solid #cb78c0;}
.greyBorders {border: 2px solid #cdcdcd;}

.greenBorders .vervolgTitle  {background-color: #bce88f; display: block; padding: 0px 0px 0px 5px; height: 23px;}
.blueBorders .vervolgTitle  {background-color: #7ad3f7; display: block; padding: 0px 0px 0px 5px; height: 23px;}
.brownBorders .vervolgTitle  {background-color: #d26500; display: block; padding: 0px 0px 0px 5px; height: 23px;}
.redBorders .vervolgTitle  {background-color: #e0502c; display: block; padding: 0px 0px 0px 5px; height: 23px;}
.beigeBorders .vervolgTitle  {background-coslor: #e7c391; display: block; padding: 0px 0px 0px 5px; height: 23px;}
.purpleBorders .vervolgTitle  {background-color: #cb78c0; display: block; padding: 0px 0px 0px 5px; height: 23px;}  
.greyBorders .vervolgTitle  {background-color: #cdcdcd; display: block; padding: 0px 0px 0px 5px; height: 23px;}  

*/

.greenBorders hr {
	height:2px;
	display:block;
	margin: 2px 0px;
	!margin:-5px 0px;
	color:#bce88f;
	background-color: #bce88f;
	border:0px;
}

.redBorders hr {
	height:2px;
	display:block;
	margin: 2px 0px;
	!margin:-5px 0px;
	color:#e0502c;
	background-color: #e0502c;
	border:0px;
}

/*------------------ LINK ICONS ---------------*/
.linkIcon {display:block; padding-left: 20px;}
.linkDefault {display:block; }
.linkAlcohol {display:block; background: url('../images/link_icons/alcohol.gif') no-repeat; padding-left: 20px;}
.linkTabak {display:block; background: url('../images/link_icons/tabak.gif') no-repeat; padding-left: 20px; }
.linkCannabis {display:block; background: url('../images/link_icons/cannabis.gif') no-repeat; padding-left: 20px; }
.linkXTC {display:block; background: url('../images/link_icons/xtc.gif') no-repeat; padding-left: 20px; }
.linkSpeed {display:block; background: url('../images/link_icons/speed.gif') no-repeat; padding-left: 20px; }
.linkCocaine {display:block; background: url('../images/link_icons/cocaine.gif') no-repeat; padding-left: 20px; }
.linkHeroine {display:block; background: url('../images/link_icons/heroine.gif') no-repeat; padding-left: 20px; }
.linkGokken {display:block; background: url('../images/link_icons/gokken.gif') no-repeat; padding-left: 20px; }
.linkPaddos {display:block; background: url('../images/link_icons/paddos.gif') no-repeat; padding-left: 20px; }
.linkJellinek {display:block; background: url('../images/link_icons/jellinek.gif') no-repeat; padding-left: 20px; }
.linkOpvoeding {display:block; background: url('../images/link_icons/opvoeding.gif') no-repeat; padding-left: 20px; }
.linkOmgeving {display:block; background: url('../images/link_icons/omgeving.gif') no-repeat; padding-left: 20px; }


/*------------- MATRIX ----------------*/
.matrixTable {background: #FFF;}

td.matrixCell {
	padding: 2px 0px 2px 0px;
	border-left: 1px solid #b3d670;
	border-top: 1px solid #b3d670;
}
td.matrixCellActive {
	padding: 2px 0px 2px 0px;
	border-left: 1px solid #b3d670;
	border-top: 1px solid #b3d670;
	background-color: #f1fade;
}
td.matrixHeading {
	vertical-align: bottom; 
	padding: 10px 0px 8px 0px; 
	width: 75px;
	font-size: 11px;
	border-left: 1px solid #b3d670;
}
td.matrixHeadingActive {
	vertical-align: bottom; 
	padding: 10px 0px 8px 0px; 
	width: 75px;
	font-size: 11px;
	border-left: 1px solid #b3d670;
	background-color: #f1fade;
}

td.matrixRowHeading {
	font-size: 11px; 
	text-align: right; 
	width: 153px; 
	padding-right: 2px;
	border-top: 1px solid #b3d670;
}
td.matrixRowHeadingActive {
	font-size: 11px; 
	text-align: right; 
	width: 153px; 
	padding-right: 2px;
	border-top: 1px solid #b3d670;
	background-color: #f1fade;
}


/*----- NIEUWS -----*/
.sideNewsItem {border-top: 2px solid #FFF; width: 140px; background: #faf3e9; padding: 5px 5px 10px 5px; overflow: hidden;}


/*-------- BLOG --------*/
.blogItemBar {padding-bottom: 10px;}

/*------------ SITEMAP -------------*/
div.sitemapGroup ul { margin: 0; padding: 0; list-style-type: none; }
div.sitemapGroup ul li { list-style-type: none; margin: 0px; padding: 0px 18px; background: url('../images/bullet.gif') 7px 8px no-repeat;}
div.sitemapGroup ul li ul li {list-style-type: none; font-size: 11px; background: url('../images/bullet_open.gif') 7px 8px no-repeat;}
a.sitemapHeaderLink, a.sitemapHeaderLink:hover {color: #000; text-decoration: none;}

/*-------- LINKS -------------*/
 .link {margin: 8px 8px;}


/*------- POLL ------*/
.reactie {margin: 5px 0px 15px 0px; display: block;}


/*------- WINKEL ------*/
a.winkelRubriekLink {display: block; width: 180px; padding-left: 12px; line-height: 16px; margin-bottom: 5px;background: url('../images/winkel_rubriek_icon.gif') no-repeat 0px 5px;}

.winkelArtikel {margin: 8px 9px; hposition: relative;}
.winkelArtikelText {width: 395px; float: left; padding-right: 10px;}
.winkelArtikelAfbeelding {position: relative; width: 160px; float: left; text-align: center;}
.winkelArtikelData {font-size: 11px;}
.winkelPrijsContainer {height: 23px; margin-top: 10px;}
.winkelPrijsBox {font-weight: bold; width: 239px; border: 1px solid #eaeaea; float: left; padding: 1px 5px; margin-right: 4px; }
.bestelAantal {width: 20px; border: 1px solid #979797; float: left; padding: 2px 5px; margin-right: 4px; }

.tableheader {background: #cdcdcd; color: #000; font-weight: bold;padding: 4px 2px;}
.winkelmand td {padding: 4px 2px;}

.tablelabel {
	padding: 5px 5px 4px 0px;
	border-bottom: 0px;
	text-align: right;
	color: #002950;
	border-bottom: 1px solid #D5D5D5;
	width: 40%;
}
.tabledata {
	vertical-align: top;
	padding: 4px;
	border-bottom: 0px solid #D5D5D5;
	background-color: #f5f5f5;
	text-overflow: ellipsis; overflow: hidden;
}
.bestelBevestiging {width: 100%; table-layout: fixed;}
.bestelBevestiging .tablelabel {width: 30%;	border-bottom: 1px solid #D5D5D5;}
.bestelBevestiging .tabledata {width: 70%; text-overflow: ellipsis; overflow: hidden;}


/*----------- PROTOTIP --------------*/
/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position: absolute;  }
.prototip .effectWrapper,
.prototip .tooltip,
.prototip .toolbar,
.prototip .toolbar .title {	position: relative; }
.prototip .content { clear: both; }
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(../images/prototip/close.gif);
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
}
.prototip .toolbar a.close:hover { background: transparent url(../images/prototip/close_hover.gif); }

.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	background: url(../images/prototip/prototip_loader.gif);
	height: 14px;
	width: 14px;
}

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
  padding: 0;
  background: none;
}

/* Prototip styles */
.docentBegrip {color: #145190; background-color: #e1f0ff; border-bottom: 1px dotted #00AEEF; white-space: nowrap;}
.studentBegrip {color:#383838; background-color: #e1f0ff; border-bottom: 1px dotted #00AEEF; white-space: nowrap;}
.docentOpmerking {color: #145190; background-color: #FFF; border-bottom: 1px dotted #00AEEF; white-space: nowrap;}
.close {color: #145190; cursor:pointer;cursor:hand; display: inline;}


.prototip {background-color: #fff; color: #145190; 
	border-top: 1px solid #CCC; 
	border-left: 1px solid #CCC; 
	border-right: 2px solid #AAA; 
	border-bottom: 4px solid #999; }
.prototip .toolbar {background: #e1f0ff; color: #666; }
.prototip .title { padding: 5px 10px; text-align: left; text-transform: Capitalize; }
.prototip .content {width: 346px; background: #fff; color: #555555; font: 11px Arial, Helvetica, sans-serif; padding: 10px; text-align: left;cursor:pointer;cursor:hand;}
.prototip textarea {background: #F2F3FA; width: 344px; border: 1px solid #E1E1E1; height: 80px;}


/*--------- Search result -------------*/
.xsearchResult {margin-top: 0px; padding: 0px 0px 10px 0px; border-top: 0px solid #DADADA;}

.xsearchKeyword, .xsearchHighlightedKeyword {
	font-weight: bold; color: #a30005;
}
.xsearchResultsMessageContainer {
	margin-bottom: 10px;	
}
.xsearchNavbarContainer {
	margin-bottom: 0px;	
}
.xsearchResultsContainer {
	margin-bottom:5px;
}
.xsearchSearchboxContainer {padding: 8px 0px;}
.searchResultSearchBox {margin: 10px 0px; display: block; padding: 8px 0px; border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA;}
.searchResultSearchBox input {margin-right: 5px;}

.searchResultImageContainer {display: block; padding-top: 10px; overflow: auto;}
.searchResultImage {margin: 10px 10px 10px 0px; float: left; width: 130px; font-size: 11px; text-align: center; background: #FFF;}
.searchResultImage .searchImage {border: 1px solid #CDCFCE; float: left; margin-left: 8px; }
.searchResultImage .searchImage img {border: 1px solid #FFF;}
.searchResultImageText {height: 20px; width: 130px; text-align: center; clear: left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.searchResultImageText a {color: #000; text-decoration: none;}
.searchResultImageText a:hover {color: #000; text-decoration: underline;}

/*-------------- Photo Gallery -----------------------------*/
input.editPhotoAlbum {border: 0px;background: #FFF url('../plugins/content_types/photoalbum/images/bt_edit_photoalbum.gif') no-repeat; width: 199px; height: 47px; clear: both; margin: 10px 0px;cursor:pointer;cursor:hand;}


.photoAlbumContainer {
	overflow: auto;
	padding: 0px 0px 20px 0px;
}

.photoAlbumThumb {
	float: left; width: 120px; height: 120px; 
	margin: 0px 3px 3px 0px; 
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #F1F1F1;
}
.photoAlbumDescription {
	padding: 10px 0px;
}

/*---------- NAVBAR / PAGE NAVIGATION -------------*/
.navbar {height: 35px; padding-top: 20px; display: block;}
.navbarActivePageNumber { font-weight: bold; border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px;}
.navbarPageNumber {border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px;}
.navbarPreviousNextArrow {padding: 0px 5px; }
.navbarDots {display: inline; border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px;}

.button, .button:hover, .searchButton, .searchButton:hover  {background: #FFF url('../images/bg_button.gif') repeat-x; border: 1px solid #979797; cursor:pointer;cursor:hand;}



/* ----------- PROGRAMMER ALERT: VOORBEELD STYLEN VOOR IN EDITOR --------- */

.streamer-rechts {
  width: 200px;
	font: bold 15px Arial, Georgia, Helvetica, sans-serif;
	background-color: #FFF;
	line-height: 1.4em;
	font-style: italic;
	vertical-align: middle;
	border-top: 1px dotted #CCC; 
	border-bottom: 1px dotted #CCC; 
	padding: 10px;
	text-align: center;
	float: right;
	margin: 10px 0px 10px 10px;
}

.streamer-links {
  width: 200px;
	font: bold 15px Arial, Georgia, Helvetica, sans-serif;
	background-color: #FFF;
	line-height: 1.4em;
	font-style: italic;
	vertical-align: middle;
	border-top: 1px dotted #CCC; 
	border-bottom: 1px dotted #CCC; 
	padding: 10px;
	text-align: center;
	float: left;
	margin: 10px 10px 10px 0px;
}

.quote { font-decoration: italic; }

.breedteBeperker {
	width:81%;
}

.tabSheet .whitespace {
	width:81%;
}

/*---------- INTRO FAQ -------------*/
.vervolgContentBlock table.intros { border:0; background:#fff url('../images/bg_intros.gif') bottom center repeat-x; }
.vervolgContentBlock table.intros td { width:378px; border:0; }

/*---------- GRAFIEKEN -------------*/
.graphcontainer { width:300px; margin:20px 30px 20px 0; padding:10px 15px 10px 10px; background:#fff; }
.vervolgContentBlock .graphLegend { padding:10px 0 0 20px; }
.vervolgContentBlock .graphLegend table { padding:0; border:0; }
.vervolgContentBlock .graphLegend td.legendColorBox { padding:0; border:0; }
.vervolgContentBlock .graphLegend td.legendLabel { padding:0 0 0 5px; border:0; }
.grafiek-titel { margin:0 0 10px; color:#999; font-size:11px; font-weight:bold; }
.grafiek-onderschrift { margin:10px 0 0; color:#999; font-size:11px; font-style:italic; }

/*----------- PHOTOSLIDER ----------*/
.photoslider #viewport { position:relative; height:280px; width:150px; margin:0 0 10px; overflow:hidden; }
.photoslider #container { position:absolute; top:0; left:0; width:800px; }
.photoslider .photo { float:left; width:150px; }
.photoslider .info { width:140px; height:140px; padding:5px; background:#fcf1ef; }

/*------ SIGN UP / RECAPTCHA -------*/
#custom_theme_widget { position:relative; float:left; width:365px; margin:0 0 10px; }
#custom_theme_widget p { font-size: 11px; }
#recaptcha_image-container { float:left; width:332px; height:57px; margin:0 0 10px; border:1px solid #AAA; background:#FFF; }
#recaptcha-input-text { float:left; width:170px; padding:4px 0 0; }
#recaptcha_response_field { width:158px; padding:2px; border:1px solid #AAA; }

.mailafriend input { padding:2px; border:1px solid #AAA; }
.mailafriend td.label { width:150px; }

#recaptcha_reload_btn { float:left; height:30px; width:31px; background:url('../images/captcha.gif') -31px 0px no-repeat; }
#recaptcha_reload_btn:hover { background:url('../images/captcha.gif') 0px 0px no-repeat; } 
#recaptcha_about { float:left; height:30px; width:31px; background:url('../images/captcha.gif') -31px -30px no-repeat; cursor:pointer; }
#recaptcha_about:hover { background:url('../images/captcha.gif') 0px -30px no-repeat; }
#recaptcha_about_box {
	position:absolute; top:-74px; right:-280px; width:250px; padding:10px; background:#1491ff; color:#FFF;
	-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;
}
#recaptcha_about_close { margin:5px 0 0; color:#e1f0ff; text-decoration:underline; cursor:pointer; }
#recaptcha_about_close:hover { color:#333; }

/* ------------- FORMS ---------------*/
input.textField { width:360px; }
.error { width:590px; padding:10px; text-align:center; color:#f00; font-weight:bold; }
#reactie { border:none; background:transparent; }
#reactie td { border:none; }
#reactie td textarea,
#reactie td input { border:1px solid #AAA; padding:2px; }

textarea, input {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.xsformbuilder_small_textbox {width: 260px; border: 1px solid #a5acb2; padding:3px;margin:0px; font: normal 11px Arial, Helvetica, sans-serif; display:none; }
