body {
	background-color: #F9F9F9;
	padding: 0px;
	margin: 0px;
	font: 10pt Arial;
	x-webkit-font-smoothing:subpixel-antialiased
	}

/* ---------------------------------------
	positioning divs
------------------------------------------*/
div.links  {
	position: absolute;
	top: 53px;
	left: 0;
	bottom: 0;
	width: 155px;
	background-color: #d1dee8;
	padding-top: 30px;
	background-image: url("/webcrawler/gfx/MenuLinksRechts.png");
	background-repeat: repeat-y;
	background-position:right;
	}

div.boven  {
	position: absolute;
	top: 0;
	left: 0px;
	height: 51px;
	right: 0px;
	background-color: #096ab1;
	padding-left: 150px;
	border-bottom: 2px solid #F7951E;
	}

div.onder  {
	position: absolute;
	height: 30px;
	left: 0px;
	bottom: 0;
	right: 0px;
	background-color: #096ab1;
	text-align: center;
	}

div.midden, div.middenHome {
	position: fixed;
	top: 53px;
	left: 155px;
	right: 0px;
	bottom: 30px;
	overflow: auto;
	padding: 7px;
	padding-left: 4px;
	}

div.middenHome {
	left: 0px;
	padding-left: 160px;
	}

/* ---------------------------------------
	menu divs
------------------------------------------*/
div.LeftMenu, div.LeftMenuOn, div.TopMenu, div.TopMenuOn, div.TopMenuTight {
	background-color: #096ab1;
	font: bold 10pt Arial;
	color: #FFFFFF;
	display: inline-block;
	cursor: pointer;
	}

div.LeftMenu, div.LeftMenuOn {
	height: 35px;
	width: 140px;
	vertical-align: middle;
	line-height: 35px;
	margin-bottom: 1px;
	padding-left: 4px;
	}

div.LeftMenuOn {
	background-color: #074b7d;
	}

div.LeftMenu:hover {
	background-color: #074b7d;
	}

div.TopMenu, div.TopMenuOn, div.TopMenuTight {
	height: 51px;
	width: auto;
	vertical-align: top;
	line-height: 51px;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 6px;
	}

div.TopMenuOn {
	background-color: #074b7d;
	}

div.TopMenu:hover {
	background-color: #074b7d;
	}

div.TopMenuTight{ 
	display: none;
	}

div.TopMenuTight:hover {
	background-color: #074b7d;
	}

div.ExtraTab, div.ExtraTabOn {
	width: 3px;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	margin-left: 1px;
	background-color: black;
	display: inline-block;
	margin-bottom: 1px;
	}

div.ExtraTabOn {
	width: 6px;
	}

ul.headerlinks{
	float: right;
	list-style: none;
	text-align: right;
	margin: 0px;
	margin-top: 10px;
	padding: 0px 5px 0px 0px;
	color: #fff;
	background-repeat: repeat-x;
}

.headerlinks li{
	display: inline;
}


/* ---------------------------------------
	buttons
------------------------------------------*/

button.divButtonBut {
	background-color: #096ab1;
	font: bold 10pt Arial;
	color: #FFFFFF;
	display: inline-block;
	cursor: pointer;
	margin-right: 4px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 30px;
	background-image: url("/webcrawler/gfx/buttonBkgd.png");
	background-repeat: no-repeat;
	background-position:right;
	border: 0px;	
	}

div.divButton {
	background-color: #096ab1;
	font: bold 10pt Arial;
	color: #FFFFFF;
	display: inline-block;
	cursor: pointer;
	margin-right: 4px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 30px;
	background-image: url("/webcrawler/gfx/buttonBkgd.png");
	background-repeat: no-repeat;
	background-position:right;
	}

#divButtons2{
	width: 100%; 
	background: #eee; 
	overflow: hidden; 
	padding-top: 5px; 
	padding-bottom: 3px;
	text-align: center; 
	vertical-align: middle; 
	margin-top: 0px; 
	margin-bottom: 0px;
}

div.ButtonHref  {
	border: 1px solid transparent;
    display: inline-block;
    width: auto;
    padding: 1px;
    line-height: 15px;
    vertical-align: bottom;
}

div.ButtonHref:hover  {
	border: 1px solid #949494;
    border-radius: 3px 3px 3px 3px;
	background: url("/webcrawler/gfx/Wht3H75.png") repeat scroll 0 0 #CEDCEE;
}

div.ButtonHref a {
	border-bottom: 0px;
	color: #000000;
	font: bold 10pt Arial;
	text-decoration: none;
}


/* ---------------------------------------
	searchbox, resultbox, titles, etc. divs
------------------------------------------*/
div.SearchBox, div.SearchBoxHome, div.SearchBoxStats {
	background-color: #FFFFFF;
	border: 1px solid #DEDEDE;
    box-shadow: 2px 2px 2px #D2D2D2;
    padding: 0px;
    display: inline-block;
    vertical-align:top;
	}

div.SearchBoxHome {
	max-width: 450px;
	margin-top: 9px;
	}

div.SearchBoxStats {
	margin-top: 9px;
	margin-left: 3px;
	min-width: 368px;
	}

div.BoxTitle {
	font: bold 12pt "times new roman";
	color: #646464;
	padding: 5px;
	padding-right: 1px;
	background-color: #FFFFFF;
	}
	
div.BoxTitleTbl {
	font: 11pt Arial;
	color: #646464;
	padding: 5px;
	padding-right: 1px;
	background-color: #FFFFFF;
	text-align: center;
	}

div.SearchBoxVlak {
	background-color: #FFFFFF;
	border-top: 2px solid #E6E6E6;
    padding: 5px;
    padding-right: 1px;
    display: inline-block;
	}

hr.hrBlue {
	color: #2B7DBA;
	background-color: #2B7DBA;
	height:1px;
	border-width:0;
	}

div.HomeBoxVlak {
	height: 95px; 
	background-color: #F9F9F9;
	border-top: 2px solid #E6E6E6;
    padding: 7px;
    padding-top: 9px;
    display: inline-block;
	}

div.BoxGoTo {
	color: #FFFFFF;
	font-weight: bold;
	padding: 9px;
	padding-right: 1px;
	background-color: #096AB1;
	margin-right: -2px;
	}

div.BoxGoTo a { 
	color: #FFFFFF;
}

/* ---------------------------------------
	progress
------------------------------------------*/
div.divProgress {
    display: none;
    color: #FFFFFF;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-right: 9px;
    float: left;
}    

/* ---------------------------------------
	labels, inputs, forms
------------------------------------------*/
label{
	display: inline-block;
	width: 100px;
	margin: 2px;
	padding: 2px;
	font: bold 10pt Arial;
	color: #2B7DBA;
}

label.JustLabel { 
	float: none;
	clear: none;
	display: inline;
	color: #2B7DBA;
	font: bold 10pt Arial;
}

label.JustLabelSmall { 
	float: none;
	clear: none;
	display: inline;
	color: #000000;
	font: 8pt Arial;
	vertical-align: middle;
}



label.labelBig, label.labelSmall {
	color: #2B7DBA;
	font: bold 10pt Arial;
	margin:2px;
	margin-bottom: 4px;
	padding:2px;
	margin-top: 0px;
	width:95px;
	vertical-align: top;
	display: inline-block;  
	}

label.labelSmall{
	width:50px;
	}

label.CheckBoxLabel,  label.CheckBoxLabelBig { 
	float: none;
	clear: none;
	display: inline-block;
	font-weight: normal;
	color: #000000;
	width: 170px;
	margin: 1px;
}

label.CheckBoxLabelBig { 
	width: 345px;
}

input, textarea, select {
	font: 10pt Arial;
	border: 2px solid #C9DEF1;
	border-radius: 4px;
	}
	
select { 
	padding-left: 1px;
	}

input[type=radio] {
	border: 0px;
	}

input[type=checkbox] {
	border: 0px;
	}

input[type=image] {
	border: 1px solid transparent;
}

input[type=image]:hover {
	background: url("/webcrawler/gfx/Wht3H75.png") repeat scroll 0 0 #CEDCEE;
	border: 1px solid #949494;
    border-radius: 3px 3px 3px 3px;
}

img.imgLink:hover {
	background: url("/webcrawler/gfx/Wht3H75.png") repeat scroll 0 0 #CEDCEE;
	border: 1px solid #949494;
    border-radius: 3px 3px 3px 3px;
}

.IEInputBorderNo {
	border: 0px;
}


form { margin-bottom:0; }

td.tdlabel{
	width: 150px;
	margin: 2px;
	padding: 2px;
	color: #2B7DBA;
	font: bold 10pt Arial;
}


/* ---------------------------------------
	tables
------------------------------------------*/
td, th{
	vertical-align: top;
}

table.fm {
	width:100%;
	font: 10pt arial;
	padding: 0px;
	margin: 0px;
	border-spacing: 4px 2px;
	}

.fm th{
	font-weight: bold;
	border-bottom: 1px solid #2B7DBA;
	color: #2B7DBA;
	text-align: left;
	}

.fm th, td{
	padding: 1px;
	margin-left: 1px;
	margin-right: 1px;
	}

.fm td{
	border-bottom: 1px solid #DDDDDD;
	}

.tblSel tr:hover {
	background-color: #DCDADA;
	}

img.fmThumb {
	max-width: 100px;
	max-height: 100px;
	}

tr.FoundAfterRem{
	background-color: #FE9988;
	}

tr.NoFake{
	background-color: #B7FFB7;
	}

tr.Removed{
	background-color: #FFF0CF;
	}

tr.trDivider {
	background-color: #2B7DBA;
	height: 2px;
 	}

tr.trMenuKop, tr.trMenuKopOn {
	color: #FFFFFF;
	height: 20px;
	padding: 5px;
	background-color: #096AB1;
	font-weight: bold;
	}
	
tr.trMenuKopOn {
	background-color: #074B7D;
	}



/* ---------------------------------------
	Copyright
------------------------------------------*/
div.divCopy {
	background-color: #074B7D;
	font: 7pt arial;
	color: #C4C4C4;
	padding: 4px 10px;
	display: inline-block;
	margin-top: 6px;
	width: 450px;
	text-align: left;
	}

/* ---------------------------------------
	Navigation divs
------------------------------------------*/

div.PageNavMain {
	border: 2px solid #E1E1E1;
	border-radius: 4px;
	color: #2B7DBA;
	display: inline-block;
	}

div.PageNav, div.PageNavOn {
	border-left: 1px solid #E1E1E1;
	padding: 3px;
	margin: 0px;
	width: 20px;
	float: left;
	}

div.PageNavOn {
	background-color: #F5F5F5;
	}

/* ---------------------------------------
	Images and links
------------------------------------------*/
img{
	border: 1px solid transparent;
	}

a{
	color: #186D9E;
	text-decoration: none;
	}

a:hover{
	text-decoration: underline; 
	}

a.buttons{
	border: 0px;
	}

a.WhiteLink {
	color: #fff;
	text-decoration: none;
	}

a.WhiteLink:hover{
	text-decoration: underline; 
	}


a.BlackLink {
	color: #000;
	text-decoration: none;
	}

a.MenuOnMenu2{
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: solid 1px #ccc;
}

a.MenuOf{
	color: #FFFFFF;	
}


/* ---------------------------------------
	fieldset / legend
------------------------------------------*/
fieldset { 
	border: 1px solid; 
	margin: 5px;
	padding: 5px; 
	display: inline-block;
	vertical-align: top;}

legend{
	font-weight: bold;
}

/* ---------------------------------------
	Warnings \ Headers
------------------------------------------*/
p.error{
	color: #fff;
	background-color: red;
	}


H1, H2{
	font: bold 12pt arial; 
	color: #989898;
	margin-top: 9px;
	margin-bottom: 2px;
	}

H2{
	text-decoration: underline;
	margin-bottom: 0px;
	}
	
H3{
	font: bold 11pt arial; 
	margin-top: 5px;
	margin-bottom: 0px;
	color: #989898;
	}
	

/* ---------------------------------------
	Gradient
------------------------------------------*/

div.darkenBackground {
	display: none;
	background-color: #000;
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	z-index: 1001;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	vertical-align: middle;
}

.ActionDiv{
	text-align:center;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	display: none;
	color: #FFFFFF;
	z-index: 1002;
	position: absolute;
	left: 35%;
	font-family: Verdana,Arial,Helvetica;
	font-size: 12px;
}


div.divActionCloseMain {
	height: 25px; 
	top: 0px; 
	width: 100%; 
	position: absolute; 
	background-color: #000; 
	opacity: 0.7; 
	-moz-opacity:0.70; 
	filter: alpha(opacity=70);
}

div.divActionClose {
	float: right;
}

div.divActionBody {
	overflow: auto; 
	position: fixed; 
	top: 25px; 
	bottom: 1px; 
	width: 100%;

}

/* ---------------------------------------
	css voor PIE
------------------------------------------*/
div.divPieContainer {
	text-align: center;
	font: 11pt Arial;
	min-width: 350px;
	}

/* ---------------------------------------
	Divs voor navigatie
------------------------------------------*/

div.divFilesNavNew{
	padding: 0px;
	margin: 0px;
	line-height:25px;
	vertical-text-align: middle;
	font: 11pt Arial;
	float: right; 
}

div.divTotalNav { 
 	float: right; 
 	margin: 0px; 
 	padding: 0px; 
 	margin-left: 25px;
}

div.divFilesNav{
	position: relative;
	border: 1px solid #DDD;
	overflow: hidden;
	padding: 0px;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 0px;
	line-height:25px;	
	vertical-text-align: top;
}

/* ---------------------------------------
	Divs voor TABS
------------------------------------------*/

div.TabMenuOn, div.TabMenuOff {
	float: left;
	height: 24px;
	margin: 0px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 24px;
	font-family: Arial, Verdana, Georgia;
	font-size: 9pt;
	font-weight: bold;
	border-radius: 4px 4px 0px 0px;
	padding-bottom: 2px;
	cursor: pointer;
	color: #FFFFFF;
}

div.TabMenuOn {
	background-color: #074B7D;
	
}

div.TabMenuOff:hover {
	background-color: #074B7D;
}


/* ---------------------------------------
	css voor kleine schermpjes
------------------------------------------*/

@media screen and (max-width: 1360px){
	div.middenHome {
		padding-left: 4px;
	}
	div.SearchBoxHome {
		max-width: 300px;
	}
}

@media screen and (max-width: 1280px){
    div.links {
        display: none;}
    div.TopMenuTight {
        display: inline-block;}
    div.midden {
    	left: 0px;
    	bottom: 0px;
    }
	div.boven {
	    padding-left: 5px;
	}   
	div.BoxTitle {
		font-size: 11pt;	
	}
	div.SearchBoxHome {
		max-width: 243px;
	}
	
	table.fm {
		font: 10pt arial;
		}
	div.onder {
		display: none;
		}
	div.midden, div.middenHome {
    	bottom: 0px;
    	}	


}


/* ---------------------------------------
	css van oude design mergen?
------------------------------------------*/

/* ---------------------------------------
	Login
------------------------------------------*/

.loginbox{
	width: 250px;
	padding: 10px;
	text-align: left;
	background: #eee;
	color: #424040;
}

.loginkop{
	color: #96a83c;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
}


input.inputLogin {
    border: 1px solid #949494;
    font-family: arial,verdana;
    font-size: 9pt;
    height: 30px;
    width: 250px;
}

div.divHideTbl {
	float: right;
	margin-right: 10px;
	width: 75px;
	border: 1px solid transparent;
    padding: 2px;
}


div.divHideTbl:hover  {
	border: 1px solid #949494;
    border-radius: 3px 3px 3px 3px;
	background: url("/webcrawler/gfx/Wht3H75.png") repeat scroll 0 0 #CEDCEE;
}

div.divHideTbl a {
	border-bottom: 0px;
}

div.divShowBMS {
	display: none;
	z-index: 1003;
}

div.divShowNewBrand {
	z-index: 1003;
	display: none;
	width: 500px;
	height: 200px;
	background-color: #fff;
	color: #000;
}


ol.ListBrands {
	padding-left: 19px;
	margin-top: 0px;
}

ol.ListBrands li {
}

div.menu{
	margin: 0px;
	text-align: left;
	padding: 0px;
	padding-left: 10px;
	font: 13px Verdana, Courier New;
	color: #FFFFFF;
	height: 24px;
	line-height:24px;	
	background-repeat: repeat-x;
}

div.colorlegend {
 	height: 24px;
    line-height: 4px;
    margin-bottom: 8px;
    margin-left: 3px;
    margin-top: 10px;
    vertical-align: middle;
}


div.divGradientBar {
	height: 18px; 
	padding: 4px 2px 2px; 
	color: #000000;
	font-weight: bold;
	width: 300px; 
	text-align: left;
    background: -webkit-linear-gradient(left, #A1D5FD, #2385CF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #A1D5FD, #2385CF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #A1D5FD, #2385CF); /* For Firefox 3.6 to 15 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A1D5FD', endColorstr='#2385CF',GradientType=1 ); /* IE6-9 */
    background: -ms-linear-gradient(left, #A1D5FD, #2385CF); /* IE 10 gt */
    background: linear-gradient(left, #A1D5FD, #2385CF); /* Standard syntax (must be last) */
}

div.divGradientBarHor {
	width: auto;
	padding: 4px 2px 2px; 
	color: #000000;
	font-weight: bold;
	text-align: left;
    background: -webkit-linear-gradient(bottom, #2385CF, #A1D5FD); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #A1D5FD, #2385CF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #A1D5FD, #2385CF); /* For Firefox 3.6 to 15 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A1D5FD', endColorstr='#2385CF',GradientType=1 ); /* IE6-9 */
    background: -ms-linear-gradient(top, #A1D5FD, #2385CF); /* IE 10 gt */
    background: linear-gradient(top, #A1D5FD, #2385CF); /* Standard syntax (must be last) */
}



table.tblBlackPDF {
	width:100%;
	font: 10pt arial;
	padding: 0px;
	margin: 0px;
	}

table.tblBlackPDF th, table.tblBlackPDF td{
	padding: 1px;
	margin-left: 1px;
	margin-right: 1px;
	text-align: center;
	}


table.tblBlackPDF th{
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	padding-top: 9px;
	padding-bottom: 9px;
	}

table.tblBlackPDF td{
	text-align: center;
	border: 1px solid black;
	}

tr.trBlackPDFHeader {
	background-color: #000000;
	}


ul.TocPDf {
	margin: 0px;
	padding: 25px;
	list-style-type: none;
}

ul.TocPDf li {
	 margin: 9px;
	 margin-left: 0px;
	 margin-bottom: 20px;
	 list-style-image: url('/webcrawler/gfx/BulletSquare.png');
}