html {height: 100%; margin-bottom: 1px; }

body {
	height: 100%;
	padding: 0px; margin: 0px;
	background: #f5f5f5 url('../images/bg_page.gif') repeat-y center top;
	font: normal 12px verdana,arial,helvetica,sans-serif;
	line-height: 18px;

}

#pagecontainer {
	width: 955px; height: 100%;
	margin-left: auto;
	margin-right: auto;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
}

#header {
	position: relative;
	width: 955px; height: 34px;
	background: #b0b0b0 url('../images/bg_headerbar.gif') repeat-x;
	border-bottom: 1px solid #FFF;
}

#header a {font: normal 11px verdana,arial,helvetica,sans-serif; color: #FFF;}

#header #headerMenu {	position: absolute; top: 6px; right: 0px;
	height: 30px; z-index: 10;}

.headerMenuTable {float: left; margin-right: 10px;}
.headerMenuTable td {vertical-align:center; padding: 0px 3px;}
.headerMenuTable td a {text-decoration: none; margin-right: 7px;}
.headerMenuTable td input {background: #e4e4e4; border: 1px solid #e4e4e4; font: normal 11px verdana,arial,helvetica,sans-serif; margin-top: 2px;}

#languageSwitch {
	float: left;
	background: url('../images/bg_languagebar.gif') no-repeat;
	padding-left: 10px; padding-right: 5px; border: 0px solid red;
	height: 30px;
}

.languageFlag {border: 1px solid #ededed; margin: 8px 5px 0px 0px;}
.languageFlagActive {border: 1px solid #b0b0b0; margin: 8px 5px 0px 0px;}

#headerclient {
	width: 955px; height: 124px;
	border-bottom: 1px solid #FFF;
}

.vervolgColLeft {float: left; width: 218px; border-left: 11px solid #FFF; margin-right: 10px; margin-top: 30px; overflow: auto;}
.vervolgColMain {float: left; width: 707px; margin-top: 30px; osverflow: auto;}


#topmenu {
	width: 925px; padding: 0px 15px; 
	background: #b0b0b0 url('../images/bg_tabbar.gif') repeat-x;
}

ul.topmenu {
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: relative;
	z-index: 800;
}
*html ul.topmenu li {
	width: 100px; /* Hack for IE6 */
} 

ul.topmenu li {
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px 1px;
} 


ul.topmenu li.inactive {
	position: relative; z-index: 10; background: url('../images/topmenu_bg_left.gif') no-repeat 0px 5px;
}

ul.topmenu li.inactive a.tab {
	position: relative; z-index: 10; display: block; height: 23px; padding: 0px; margin-right: 5px; margin-left: 5px; margin-top: 5px;
	font: normal 12px Verdana,Arial,Helvetica,Sans-serif; color: #FFF; text-decoration: none; cursor: pointer;
	white-space: nowrap;
}

ul.topmenu li.inactive a.tab span {
	background: url('../images/topmenu_bg_right.gif') no-repeat top right; display: block; 
	height: 19px; padding: 4px 10px 0px 5px; margin-top: 0px; 
}

ul.topmenu li.active {
	position: relative; z-index: 10; background: url('../images/topmenu_bg_leftactive.gif') no-repeat 0px 5px;
}

ul.topmenu li.active a.tab {
	position: relative; z-index: 10; display: block; height: 23px; padding: 0px; margin-right: 5px; margin-left: 5px; margin-top: 5px;
	font: normal 12px Verdana,Arial,Helvetica,Sans-serif; color: #FFF; text-decoration: none; cursor: pointer;
	white-space: nowrap;
}

ul.topmenu li.active a.tab span {
	background: url('../images/topmenu_bg_rightactive.gif') no-repeat top right; display: block; 
	height: 19px; padding: 4px 10px 0px 5px; margin-top: 0px; 
}

ul.topmenu li ul.niv2 {
	position: absolute; top: 28px; width: 225px; left: 0x; z-index: 1000;
	list-style: none;
	border: 1px solid #CCC;
	padding: 0px;
	margin: 0px;
}

ul.topmenu li ul.niv2 li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.topmenu li ul.niv2 li a {
	display: block;
	width: 205px; border-top: 1px solid #E4E4E4;
	background: #FCFCFC; 
	color: #1C2E5D;
	font: normal 12px verdana,Arial,Helvetica,Sans-serif;
	text-decoration: none;
	padding: 4px 10px;
	float: left;
}

/*  LET MENU */
ul.leftMenu {
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #E4E4E4;
	background: #FCFCFC;
}
ul.leftMenu li {
	list-style: none;
	margin: 0;
	padding: 0;
} 
ul.leftMenu li a {
	display: block;
	width: 195px; border-top: 1px solid #E4E4E4;
	background: #FCFCFC; 
	color: #1C2E5D;
	font: normal 12px verdana,Arial,Helvetica,Sans-serif;
	text-decoration: none;
	padding: 4px 10px;
} 
ul.leftMenu li a.niv1Active {
	display: block;
	width: 195px; border-top: 1px solid #E4E4E4;
	background: #FCFCFC; 
	color: #1C2E5D;
	font: bold 12px verdana,Arial,Helvetica,Sans-serif;
	text-decoration: none;
	padding: 4px 10px;
} 
ul.leftMenu li ul.niv2 {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}
ul.leftMenu ul.niv2 li {
	list-style: none;
	margin: 0px;
	padding: 0px;
} 
ul.leftMenu ul.niv2 a {
	display: block;
	width: 183px; border-top: 1px solid #FCFCFC;
	border-top: 1px solid #FCFCFC;
	background: #FCFCFC url('../images/bullet.gif') no-repeat 13px 7px;  
	color: #1C2E5D;
	font: normal 11px verdana,Arial,Helvetica,Sans-serif;
	text-decoration: none;
	padding: 1px 10px 3px 22px;
	margin: 0px 0px 0px 0px;
}

ul.leftMenu ul.niv2 a.niv2Active {
	font-weight: bold;
}

HR {height: 2px; clear: both; border-left: none; border-right: none; margin: 5px 0px 5px 0px; border-top-width: 2px;  border-top-style: solid; border-bottom: none; color: #999;}

form {margin: 0px;}
img {border: 0px;}
p {margin: 0px;}
td {vertical-align:top;}

h1.siteTitle {font: normal 18px verdana,arial,helvetica,sans-serif; padding-top: 3px; padding-left: 15px; color: #FFF; margin: 0px; float: left;}
/*
h1 {font: normal 26px TheSans,verdana,arial,helvetica,sans-serif; color: #777; margin-bottom: 5px; margin-top: 0px;}
h2 {font: normal 20px TheSans,verdana,arial,helvetica,sans-serif; color: #777; margin-bottom: 5px;}
h3 {font: bold 14px TheSans,verdana,arial,helvetica,sans-serif; color: #777; margin-bottom: 5px;}
h4 {font: normal 12px TheSans,verdana,arial,helvetica,sans-serif; color: #777; margin-bottom: 5px;}
h5, h6 {font: bold 12px TheSans,verdana,arial,helvetica,sans-serif; color: #777; margin-bottom: 5px;}
*/

.homepageIntro {width: 560px;padding: 10px 15px 20px 15px; background: #f3f3f3;}
.homepageKeyFigures {width: 310px;}
.sidebarBlock {margin-bottom: 15px; border-top: 2px solid #E69200; padding-top: 0px;}
.sidebarBlock H3 {font: bold 14px verdana,arial,helvetica,sans-serif; margin-bottom: 4px; margin-top: 4px;}



a {color: #E69200;}
a:visited {color: #E69200;}

/*
a {color: #064C8A;}
a:visited {color: #064C8A;}
*/
a.downloadLink {display: block; padding-left: 14px;background: #FFF url('../images/bullet_download.gif') no-repeat 2px 6px;}

div.icons {background: #FFF; overflow:auto;}

/*
a.iconPrint {
	display: none;
}
a.iconSendFriend {
	display: block; 
 	padding-left: 32px; padding-top: 3px; height: 20px; width: 110px;
	background: #FFF url('../shared/images/icon_sendfriend.gif') no-repeat 10px 2px; 
	float: left;	
	color: #064C8A;
	font: normal 11px verdana,Arial,Helvetica,Sans-serif;
	text-decoration: none;
}
*/

/* dit blok terugplaatsen om printknop weer zichtbaar te maken
a.iconPrint {
	display: block;
	padding-left: 32px; padding-top: 3px; height: 20px; width: 50px; float: left;
	background: #FFF url('../shared/images/icon_print.gif') no-repeat 10px 2px; 
	color: #064C8A;
	font: normal 11px verdana,Arial,Helvetica,Sans-serif;
	text-decoration: none;
}
a.iconSendFriend {
	display: block; 
 	padding-left: 22px; padding-top: 3px; height: 20px; width: 110px;
	background: #FFF url('../shared/images/icon_sendfriend.gif') no-repeat 0px 2px; 
	float: left;	
	color: #064C8A;
	font: normal 11px verdana,Arial,Helvetica,Sans-serif;
	text-decoration: none;
}
*/
div.siteMap UL {background: #FFF; display: block; margin-left: 1px; padding-left: 15px; width: 600px;}
div.siteMap UL LI {font-size: 14px; font-weight: bold; line-height: 20px; list-style: none;}
div.siteMap UL LI UL {margin-bottom: 10px;}
div.siteMap UL LI UL LI {font-size: 12px; font-weight: normal; list-style: disc;}
div.siteMap UL LI UL LI UL {margin-bottom: 0px;}
div.siteMap UL LI UL LI UL LI {font-size: 11px; font-weight: normal; list-style: square;}

table.mailafriend {width: 400px; }
table.mailafriend td {padding: 3px 0px;}

input.textField {
	width: 260px; height: 18px; 
	background: #FFF url('../shared/images/bg_input.gif') repeat-x; 
	border: 1px solid #a5acb2; 
	padding: 1px;
}
.button {
	height: 22px; 
	font: normal 12px verdana,Arial,Helvetica,Sans-serif; 
	color: #1c2e5d;
	border: 1px solid #CCC; 
	background: #FFF; cursor: pointer; 
	padding: 1px;
}
.button:hover {
	height: 22px; 
	font: normal 12px verdana,Arial,Helvetica,Sans-serif; 
	color: #FFF;
	border: 1px solid #1c2e5d; 
	background: #1c2e5d; cursor: pointer; 
}
.xsformbuilder_simple_textbox {
	font: normal 12px verdana,arail,helvetica,sans-serif;
	width: 260px; height: 18px; 
	background: #FFF url('../shared/images/bg_input.gif') repeat-x; 
	border: 1px solid #a5acb2; 
	padding: 1px; 
}
.xsformbuilder_large_textbox {
	font: normal 12px verdana,arail,helvetica,sans-serif;
	width: 260px; 
	background: #FFF url('../shared/images/bg_input.gif') repeat-x; 
	border: 1px solid #a5acb2; 
	padding: 1px; 
}

.loginBoxContainer {border: 3px solid #F5F5F5; width: 400px; padding: 20px; margin-left: auto; margin-right: auto; margin-top: 40px;}

	
/*-------- Zoeken --------*/
.searchBox {
	width: 260px; height: 18px; 
	background: #FFF url('../shared/images/bg_input.gif') repeat-x; 
	border: 1px solid #a5acb2; 
	padding: 1px; float: left; margin-right: 4px;
} 

.xsearchKeyword, .xsearchHighlightedKeyword {
	font-weight: bold; color: #00a2ff;
}

.xsearchSearchboxContainer {
	padding: 6px 0px 2px 0px;
	margin: 0px 0px 10px 0px;
	height:24px;
	background: #FFF;
	width: 600px;
}

.xsearchPageTitle {
	 font: bold 14px verdana,Arial, Helvetica, sans-serif;
}

.xsearchResultsMessageContainer {
	margin-bottom: 10px;

}

.xsearchResult {
	width: 600px;
	margin-bottom: 10px; padding-top: 10px; border-top: 1px solid #e4e4e4;
	overflow: hisdden;
}

.xsearchNavbarContainer {
	margin-bottom: 0px;	
}
.xsearchModifiedDate {color: #999;}

.xsearchUrlDate {font: normal 10px verdana,arial,helvetica,sans-serif; color: #777;}
.xsearchUrlDate a {color: #999;}

/*-------- Downloads bij complex ----------*/
a.excelDocument {background-image: url('../shared/images/xls.jpg'); background-repeat: no-repeat; background-position: 0px 6px; padding: 6px 0px 4px 20px; display: block; clear: both; }






a.iconPrint {
	display: block;
	padding-left: 32px; padding-top: 3px; height: 20px; widtffh: 50px; floafft: left;
	background: #FFF url('../shared/images/icon_print.gif') no-repeat 10px 2px; 
	color: #1C2E5D;
	font: normal 11px verdana,Arial,Helvetica,Sans-serif;
	text-decoration: none;
}
a.iconSendFriend {
	display: block; 
	padding-left: 32px; padding-top: 3px; height: 20px; widffth: 110px;
	background: #FFF url('../shared/images/icon_sendfriend.gif') no-repeat 10px 2px; 
	float: left;	
	color: #1C2E5D;
	font: normal 11px verdana,Arial,Helvetica,Sans-serif;
	text-decoration: none;
}
a.iconPrintBasket {
	display: block;
	padding-left: 32px; padding-top: 3px; height: 20px; width: 150px; 
	background: #FFF url('../shared/images/icon_printbasket.gif') no-repeat 10px 2px; 
	color: #1C2E5D;
	font: normal 11px verdana,Arial,Helvetica,Sans-serif;
	text-decoration: none;
}
a.iconAddToPrintBasket {
	display: block;
	padding-left: 32px; padding-top: 3px; height: 20px; width: 150px; 
	background: #FFF url('../shared/images/icon_addtoprintbasket.gif') no-repeat 10px 2px; 
	color: #1C2E5D;
	font: normal 11px verdana,Arial,Helvetica,Sans-serif;
	text-decoration: none;
}
span.basketStatus {color: #4e991e;}

div.printBasket {
	padding: 0px 0px 10px 18px;
	background: #FFF url('../shared/images/icon_page.gif') no-repeat 0px 4px;
	line-height: 19px;
}
a.printBasketSmallLink {
	font-size: 11px; color: #828282;
	margin-right: 20px;
	text-decoration: none;
}
a.printBasketSmallLink:hover {
	font-size: 11px; color: #1C2E5D;
	margin-right: 20px;
	text-decoration: none;
}
