html, body
{
	height: 100%;
	width: 100%;
}

body
{
	margin: 0px;
	background: url(images/background.gif) no-repeat center top;
	font-family: Trebuchet MS;
	color: #3a3a3a;
	font-size: 8pt;
}



form
{
	height: 100%;
}

#mijnPaerel
{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: 230px;
	width: 271px;
}

#mijnPaerelKeuze
{
	display: none;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: 232px;
	width: 268px;
	height: 150px;
	border: none;
}

#container
{
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	table-layout: fixed;
}

tr#topBar
{
	height: 82px;
}

tr#topBar td
{
	vertical-align: top;
	height: 82px;
}

tr#topBar td div
{
	background-color: #333659;
	height: 4px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}

td#logoContainer
{
	width: 1001px;
	padding: 0px;
	height: 82px;
	background: url(images/borderLogoBar.gif) no-repeat left 0px;
	background-color: White;
}
td#logoContainer div
{
	width: 1001px;
}


td#logoContainer img
{
	margin-left: 15px;
	margin-top: 16px;
	border: none;
}

tr#tabBar, tr#tabBar td
{
	height: 38px;
}


td#leftTabContainer
{
	background: url(images/borderLogoBar.gif) no-repeat left bottom;
	background-color: White;
	padding-left: 10px;
}

td#leftTabContainer div
{
	overflow: hidden;
	height: 40px;
}

tr#tabBar td#rightTabContainer
{
	background-color: White;
	padding-right: 5px;
}

tr#beeldBar td
{
	height: 170px;
	vertical-align: top;
}

tr#beeldBar td#beeld
{
	background-color: White;
}

tr#beeldBar td#rechterMenu
{
	background: url(images/menuRechtsBackground.gif) no-repeat;
	color: White;
	text-align: right;
	vertical-align: bottom;
	background-color: White;
}

tr#beeldBar td#rechterMenu span
{
	display: block;
	margin-right: 20px;
	margin-bottom: 25px;
}

tr#beeldBar td#rechterMenu a
{
	color: White;
	text-decoration: none;
}

tr#beeldBar td#rechterMenu a:hover
{
	color: #1dbdbb;
}

tr#beeldBar td#rechterMenu a.selected
{
	color: #1dbdbb;
}


#contentBar td
{
	vertical-align: top;
}

td#leftContentContainer
{
	background: url(images/tableBorderBottom.gif) no-repeat left bottom;
	background-color: White;
	padding-top: 17px;
	padding-bottom: 17px;
	font-size: 8pt;
}


td#rightContentContainer
{
	padding-left: 17px;
	padding-right: 17px;
	background: url(images/tableBorderBottom.gif) no-repeat right bottom;
	background-color: #e7ecf1;
	font-size: 8pt;
}

td#rightContentContainer span.newsItemRight
{
	padding-left: 17px;
	padding-right: 17px;
	background: url(images/tableBorderBottom.gif) no-repeat right bottom;
	background-color: #e7ecf1;
	font-size: 8pt;
}

td#rightContentContainer div
{
	width:234px;
	overflow:hidden;
	}

td#rightContentContainer .newsItemRight a
{
	margin-left: 15px;
	font-weight: normal;
	text-decoration: underline;
	font-size: 8pt;
	padding-right: 18px;
	background: url(images/linkArrow2.gif) no-repeat right 6px;
	color: #293e6b;
}


div#rightContentCorner
{
	position: relative;
	left: -17px;
	width: 4px;
	height: 4px;
	background: url(images/contentRechtsCorner.gif) no-repeat;
	margin-bottom: 14px;
}

#footer td
{
	height: 26px;
	background-color: #333659;
	font-size: 1px;
}

#footer td div
{
	background-color: #333659;
	height: 26px;
	color: White;
}

tr#footer td#payOff
{
	background: url(images/borderBottom.gif) no-repeat left top;
	background-color: #333659;
}

td#footerMenu
{
	background: url(images/borderBottom.gif) no-repeat right top;
}

td#footerMenu div
{
	font-size: 8pt;
	text-align: center;
	vertical-align: top;
	margin-right: 1px;
	height: 26px;
	margin-top: 0px;
	color: #9d9d9d;
	line-height: 22px;
}

tr#footer td#footerMenu div a
{
	color: White;
	text-decoration: none;
}

tr#footer td#footerMenu div a:hover
{
	color: #1dbdbb;
}

tr#footer td#footerMenu div a.selected
{
	color: #1dbdbb;
}


h1
{
	font-size: 10pt;
	margin: 0px;
	margin-left: -6px;
	margin-bottom: 14px;
	padding-left: 6px;
	padding-bottom: 8px;
	background: url(images/titlebar.gif) no-repeat left bottom;
}

td#rightContentContainer h1
{
	background: url(images/titlebarLightBlue.gif) no-repeat left bottom;
}

a.leesMeer
{
	display: block;
	margin-bottom:15px;
	background:url(images/btnMeer.jpg) no-repeat left 4px;
	padding-left:12px;
}

a.leesMinder
{
	display: block;
	margin-bottom:15px;
	background:url(images/btnMinder.jpg) no-repeat left 4px;
	padding-left:12px;
}


span.leesMeer
{
	display: none;
}

/*
TABS
*/

.tab:link, .tab:visited
{
	/* Top left corner, top edge */
	float: left;
	color: #333659;
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 13px;
}

.tab *
{
	display: block;
}

.tab span
{
	/* Top right corner */
	padding: 0px;
}

.tab span span
{
	/* Bottom left corner, left and bottom edges */
	padding: 0px;
	background: url(images/tab.gif) no-repeat left bottom;
}

.tab span span span
{
	/* Bottom right corner */
	padding: 0px 0px 1px 0px;
	background: url(images/tabCorners.gif) no-repeat right bottom;
}

.tab span span span span
{
	/* Right edge */
	padding: 6px 8px 3px 8px; /* Extra padding added to give the text some breathing room */
}

.tab:hover, .tab:focus, .tab:active
{
	/* Make the button more visible on :hover and :focus */
	color: #333659;
	text-decoration: none;
}

/* ---- SELECTED ----- */
.selected span span
{
	/* Bottom left corner, left and bottom edges */
	background: url(images/tabSelect.gif) no-repeat left bottom;
}
.selected span span span
{
	/* Bottom right corner */
	background: url(images/tabCornersSelect.gif) no-repeat right -12px;
}
.selected span span span span
{
	/* Right edge */
	padding: 3px 8px 6px 8px; /* Extra padding added to give the text some breathing room */
}

/*
TABS Einde
*/

/*
Dropdown Menu
*/

#menuLayer
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}


.subMenuItem
{
	display: none;
}


#menuLayer table
{
	background: url("images/cornerSubMenu.gif" ) no-repeat right bottom;
}
#menuLayer div
{
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 20px;
	height: 20px;
	line-height: 18px;
	display: block;
	cursor: pointer;
}

#menuLayer div.first
{
	padding-top: 5px;
}

#menuLayer div.last
{
	padding-bottom: 5px;
}


#menuLayer div.select
{
	background: url("images/subMenuSelected.gif" ) no-repeat right bottom;
	height: 28px;
	vertical-align: bottom;
	line-height: 30px;
	padding-top: 0px;
}

#menuLayer div.lastselect
{
	background: url("images/subMenuSelectedCorner.gif?cache" ) no-repeat right bottom;
	height: 26px;
	vertical-align: bottom;
	line-height: 25px;
}

#menuLayer div a
{
	color: White;
	font-size: 8pt;
	text-decoration: none;
}

/*
Eind dropdown Menu
*/

#content
{
	padding-left: 15px;
	padding-right: 15px;
}

#content img
{
	border: none;
}


/* 
CSS selectbaar in CMS
*/
.buttonSmall
{
	display: block;
	padding-left: 10px;
	padding-top: 3px;
	width: 100px;
	height: 23px;
	color: White;
	font-size: 8pt;
	background: url(images/buttonSmall.gif) no-repeat;
	text-decoration: none;
	text-align: left;
}

.buttonLarge
{
	display: block;
	padding-left: 10px;
	padding-top: 3px;
	width: 201px;
	height: 23px;
	color: White;
	font-size: 8pt;
	background: url(images/buttonLarge.gif) no-repeat;
	text-decoration: none;
}

.bulletLink1
{
	color: #333659;
	text-decoration: underline;
	background: url(images/linkArrow.gif) no-repeat left top;
	padding-left: 22px;
	padding-bottom: 2px;
}

.bulletLink2
{
	color: #333659;
	text-decoration: none;
	background: url(images/linkArrowLinks.gif) no-repeat left top;
	padding-left: 20px;
	font-size: 10pt;
	font-weight: bold;
}

.linkBold
{
	text-decoration: none;
	font-weight: bold;
	color: #333659;
}

/*
Eind CSS kiesbaar in CMS
*/

/*
Kolommen TEMPLATE
*/
#contentColumnLeft
{
	padding-left: 15px;
	padding-right: 15px;
	width: 331px;
	background: url(          "images/kolomScheidingsLijn.gif" ) no-repeat right top;
	float: left;
	min-height: 426px;
}

#contentColumnRight
{
	width: 331px;
	padding-left: 15px;
	padding-right: 15px;
	float: right;
}

/*Eind kolommen template */

/*
Nieuws overzicht template
*/

.newsItem
{
	background: url(images/cornerNewsItem.gif) no-repeat right bottom;
	width: 555px;
	padding-right: 15px;
	padding-bottom: 8px;
	margin-bottom: 15px;
	cursor: pointer;
}

.newsItem div
{
	height: 47px;
	overflow: hidden;
}

.newsItem A
{
	color: #333659;
	text-decoration: none;
	font-size: 10pt;
	background: url(images/linkArrow.gif) no-repeat right top;
	padding-right: 22px;
	font-weight: bold;
}

/*Einde Nieuws overzicht template*/


/*
Medewerkers overzicht template
*/

.medewerkersItem
{
	background: url(images/cornerNewsItem.gif) no-repeat right bottom;
	width: 571px;
	padding-right: 15px;
	padding-bottom: 8px;
	margin-bottom: 15px;
	cursor: pointer;
}

.medewerkersItem div
{
	height: 48px;
	overflow: hidden;
}

.medewerkersItem div.imgDiv
{
	float: left;
	margin-right: 15px;
	height: 68px;
	width: 101px;
}

.medewerkersItem A
{
	color: #333659;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
}

/*Einde Medewerkers overzicht template*/

/*
Start Contact template
*/

#vestigingen td
{
	overflow: hidden;
}

#vestigingsAdres a
{
	color: #3a3a3a;
	text-decoration: none;
}

/*Einde Contacttemplate*/


/*
Start grafiekentemplate
*/

.grafiekLinks
{
	float: left;
	padding-right: 15px;
}

.grafiekLinks, .grafiekRechts
{
	padding-top: 10px;
	padding-bottom: 10px;
	height: 250px;
}

.grafiekLinks span, .grafiekRechts span
{
	color: #2e4362;
	display: block;
	margin-bottom: 12px;
	width: 340px;
	border-top: dotted 1px;
	border-bottom: dashed 1px;
}

/*einde grafiekentemplate */

/*
Start Formulieren template
*/

#tableFormulier td
{
	padding-right: 8px;
	padding-bottom: 00px;
}

#tableFormulier input
{
	color: #3a3a3a;
	font-size: 8pt;
	border-color: #a7a9ac;
	border-width: 1px;
	border-style: solid;
	width: 237px;
	margin-left: 7px;
	margin-bottom: 1px;
}

#tableFormulier .radio input
{
	border: none;
	width: auto;
}


#tableFormulier td span
{
	color: Red;
}

#tableFormulier td table
{
	display: inline;
}


/* Einde formulieren template */