@charset "UTF-8";
/* CSS Document */

body {
  font: 9pt arial;
}
 ul {
		list-style-position: outside;
		padding: 0 0 0 17px;
}

.Normal {
  font: 9pt arial;
}

.Quote
{
	font: 9pt arial;
	font-style: italic;
	color: rgb(207,75,75);
}
/* 
CSS design voor Nevat
IQuality
*/

/* sc layout, sc sublayout */
* {
	margin: 0;
}
.loMain {
}
.loBody {
	width: 980px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background-color: #FFF;	
}
.loHeader {
	position: relative;
	width: 980px;
	height: 223px;
	background-image: url(../images/nevat2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.loBanner {
	width: 790px;
	float: right;
	padding-bottom: 20px;
}
.loContentLeft {
	float: left;
	height: auto;
	margin: 0 auto;
	position: relative;
	top: 0;
	width: 170px;
	overflow: hidden;
	z-index: 1;
}
.loContentRight {
	float: right;
	height: auto;
	margin: 0 auto;
	position: relative;
	left: 0px;
	top: 0px;
	width: 790px;
	overflow: hidden;
	z-index: 1;
	padding-bottom: 13px;
}

/* common */

html, body {
	width: 100%;
	height: 100%;
	background-color: #fff;
	text-align: left;
	margin: 0px;
	font-family: arial, helvetica, verdana;
	font-size: 9pt;
	color: #000066;
}
input 
{	
	border: 1px solid #003C95;
	margin-bottom: 1px;
	width: 210px;
}
textarea {
	font-family: inherit;
	font-size: inherit;
	border: 1px solid #003C95;
	padding-left: 4px;
	width: 300px;
}
sup {
	color: #CF4B4B;
	font-size: 0.75em;
	margin-left: 3px;
}
img {
	border: none;
}
a {
	color: #CF4B4B;
}
a:hover {
	color: #003C95;
}

/* headings */
h1 {
	margin-bottom: 6px;
	font-size: 2em;
	font-weight: bold;
	color: #CC0000;
}
h2 {
	margin: 3px 0 6px 0;
	font-weight: bold;
	color: #000066;
}
h3 {
	color: #CF4B4B;
}

/* colors */

.red {
	background-color: #CF4B4B;
}
.darkblue {
	background-color: #003C95;
	color: #FFFFFF;
}
.lightblue1 {
	background-color: #A3B1DA;
}
.lightblue2 {
	background-color: #CCD6F1;
}

/* form */

DIV.group {
	position: relative;
	float: left;	
	clear: both;
	margin: 0 0 11px 0;
	padding: 0 0 7px 0;
	width: 790px;
	border-bottom: 1px solid  #A3B1DA;
}
DIV.grouplabel {
	position: relative;
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	margin: 0 0 7px 0;
	padding: 4px;
	border-bottom: 1px solid #FFFFFF;
}
DIV.group .text,
DIV.text {
	/* position: relative; */
	clear: both;
	margin: 0 4px 0 4px;
	padding: 4px 0 11px 0;
}
div.formitem {
	margin:0 auto 2px;
	/* position:relative; */
	width:100%;
	float: left;
}
DIV.formitem .label {
	/* position: relative; */
	padding-left: 4px;
	float: left;
	width: 220px;
	line-height: 17px;
}
DIV.formitem .value {
	float: left;
}
DIV.formitem .price {
	float: right;
	margin-right: 11px;
	line-height: 17px;
}
DIV.formitem.total {
	padding-top: 9px;
	margin-top: 9px;
}
DIV.formitem.total .label {
	font-weight: bold;
	_margin-top: -4px;
}
DIV.formitem.total .price {
	border-top: 1px solid #A3B1DA;
	padding-top: 3px;
}
DIV.formitem .radio,
DIV.formitem .value .radio, 
DIV.formitem .checkbox {
	position: relative;
	padding: 0;
	float: left;
	_margin: -4px 0 auto;
}

DIV.formitem .radio {
	margin-left: 4px;
}

* html DIV.formitem .radio,
* html DIV.formitem .checkbox,
* html DIV.formitem .value .radio {
	margin: -4px 0 auto;
}
DIV.formitem .checkbox {
	left: 4px;
}
DIV.formitem .radio input, 
DIV.formitem .checkbox input {
	border: none;
	margin-top: 3px;
	width: auto;
}
DIV.formitem .value .radiolabel,
DIV.formitem .radiolabel {
	position: relative;
	margin: 0 11px 0 0;
	padding-left: 3px;
	float: left;
	top: 3px;
	line-height:14px;
}
DIV.formitem .checkboxlabel {
	position: relative;
	margin: 0 auto;
	width: 465px;
	float: left;
	left: 3px;
	top: 3px;
	padding-left: 3px;
}
.checkboxlabelWithError {
	border: 2px solid red;
	display: block;
	padding: 2px;
	top: 3px;
	width: 601px;
	float:left;
}
DIV.formitem .button {
	background-color: #003C95;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	width: auto;
	cursor: pointer;
	padding: 3px 6px 3px 6px;
}
DIV.text .button {
	float: right;
	margin-right: 11px;
}

/* added by WB 24-07-2008*/
.mandatory
{
	color: #CF4B4B;
}

.readonlyprice {
	width : 50px;
	border: none;
	text-align :right;
	background-color: transparent;
	font-size: inherit;
	height: 17px;
}
* html DIV.text .readonlyprice 
{
	position: relative; 
	bottom: -1px;
}
INPUT.ValueWithoutError
{
	border-width: 1px;
	border-color:Blue;
}
INPUT.ValueWithError
{
	border-width: 2px;
	border-color:Red;
}
/**/

/* navigatie */

DIV.ucTopNavigation {
	position: relative;
	top: 142px;
	padding-left: 12px;
}
DIV.ucTopNavigation .menuitem {
	position: relative;
	float: left;
	width: 140px;
	padding: 4px;
	border: 1px solid #000000;
	margin-right: 26px;
}
DIV.menuitem a {
	display: block;
	color: #CF4B4B;
	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;
}
DIV.menuitem a:hover {
	color: #003C95;
}
DIV.ucLeftNavigation a {
	color: #000000;
}
DIV.ucLeftNavigation a:hover {
	color: #CF4B4B;
}	
DIV.ucLeftNavigation {
	padding-left: 12px;
}
DIV.ucLeftNavigation .menuitem {
	position: relative;
	float: left;
	width: 140px;
	padding: 4px;
	border: 1px solid #000000;
	border-top: none;
	overflow: hidden;
}
DIV.ucLeftNavigation .menuitem.first {
	border-top: 1px solid #000000;
}
DIV.ucLeftNavigation .submenuitem {
	margin: 8px 0 4px 7px;
}
DIV.ucLeftNavigation .submenuitem a {
	font-weight: normal;
	font-size: 9pt;
}


/* nieuws-item */

.newstitle,
.heading {
	clear: right;
	padding: 7px 0 7px 0;
	margin: 0 0 7px 0;
	border-bottom: 1px solid #E0E0E0;
}
.newsHeaderText {
	height: 30px;
}
.newsContent {
}
.newsDate, .newsAuthor {
	position: relative;
	float: left;
	clear: left;
	color: #999999;
	font-style: italic;
}
.newsPicture {
	clear: left;
	margin-top: 7px;
}
.newsPicture.left {
	float: left;
	margin-right: 21px;
}
.newsPicture.right {
	float: right;
	margin-left: 21px;
}
.newsPicture img {
	border: 1px inset rgb(204, 204, 204);
	border-left-color: rgb(255, 255, 255);
	border-top-color: rgb(255, 255, 255);
	padding: 8px;
}
.inhoud {
	width: 790px;
	overflow: hidden;
	float: left;
	margin-bottom: 21px;
	padding-top: 11px;
}
.inhoud * {
	line-height: 18px;
}
.newsIntroduction {
	font-weight: bold;
	margin-top: 7px;
	margin-right: 14px;
	margin-bottom: 7px;
}
.newsContent {
	margin-top: 7px;
}
.newsFooterText {
	border-top: 1px solid rgb(224, 224, 224);
	clear: both;
	padding-top: 7px;
}

li.more {
	display: block;
	list-style: none;
	border: 1px solid #000066;
	height: 17px;
	float: right;
	text-align: center;
	margin-top: 3px;
}
li.more a {
	padding: 0 5px 0 5px;
	line-height: 17px;
	font-size: 8pt;
	text-decoration: none; 
	display: block;
	color: #000066;
}


/* usercontrols */
DIV.ucColofon .title {
	color: #333333;
	font-weight: bold;
	margin-bottom: 3px; 
}

DIV.ucColofon .label {
	font-size: 8pt;
	width: 120px;
	float: left;
	clear: left;
}
DIV.ucColofon .value {
	font-size: 8pt;
}
DIV.ucHeaderBackground {
	position: absolute;
	z-index: -1;
}
DIV.ucFunctions {
	float: right;
	margin-top: 3px;
}
DIV.ucFunctions .function {
	float: left;
	border:1px solid #000066;
	margin-left: 14px;
}
DIV.ucFunctions .function a,
a.miniButton {
	line-height: 11px;
	font-size: 8pt;
	text-decoration: none; 
	display: block;
	padding: 3px 5px 3px 5px;
	color: #000066;
}
DIV.ucFunctions .function a:hover,
a.miniButton:hover {
	background-color: #000066;
	color: #FFFFFF;
}

/* Boulogne Jonkers */

/**** TOP MENU ****/
DIV.MenuHolder {
	width: 980px;	
	height: 30px;
	position: absolute;
	left: 0px;
	top: 170px;
}
.TopMnuBtn {
	width: 135px;
	height: 25px;
	background-image: url(../images/PxTrans.gif);
	border: 1px solid #000066;
	float: left;
	margin-left: 15px;
	/* Aanpassing IQuality */
	margin-right: 23px;
}
.TopMnuBtn a {
	display: block;
	width: 128px;
	height: 25px;
	color: #000066;
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
	line-height: 23px;
	padding-left: 8px;
}
.TopMnuBtn a:hover {
	display: block;
	width: 128px;
	height: 25px;
	background-color: #000066;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
	line-height: 23px;
	padding-left: 8px;
}

/**** MAIN MENU ****/
DIV.MainMenu {
	width: 137px;
	float: left;
	margin-left: 15px;
	border-bottom: 1px solid #000033;
	text-align: left;
	z-index: 1;
}
DIV.MainMenu .menuGroup {
}
DIV.MainMenu .MnuTtl {
	width: 137px;
	min-height: 28px;
	border-top: 1px solid #000066;
	line-height: 28px;
	font-weight: bold;
	font-size: 9pt;
	color: #000066;
	
}
DIV.MainMenu .MnuTtlAct {
	width: 137px;
	min-height: 28px;
	border-top: 1px solid #000066;
	line-height: 28px;
	font-size: 9pt;
	font-weight: bold;
	color: #CC0000;
	
}
DIV.MainMenu .MnuTtl a {
	display: block;
	width: 136px;
	height: 28px;
	line-height: 28px;
	color: #000066;
	text-decoration: none;
	 cursor: pointer;
}
DIV.MainMenu .MnuTtl a:hover {
	display: block;
	width: 136px;
	height: 28px;
	color: #000066;
	text-decoration: none;
	background-color: #d6e3f1;
}
DIV.MainMenu .MnuItem {
	display: block;
	width: 137px;
	min-height: 28px;
	border-top: 1px solid #cccccc;
}
DIV.MainMenu .MnuItemAct {
	display: block;
	width: 127px;
	min-height: 20px;
	border-top: 1px solid #cccccc;
	padding-top: 5px;
	padding-left: 10px;
	color: #cc0000;
	font-weight: bold;
}
DIV.MainMenu .MnuItem a {
	display: block;
	width: 127px;
	min-height: 20px;
	padding-top: 5px;
	padding-left: 10px;
	line-height: 18px;
	color: #000066;
	text-decoration: none;
	cursor: pointer;
}
DIV.MainMenu .MnuItem a:hover {
	display: block;
	width: 127px;
	min-height: 23px;
	color: #000066;
	text-decoration: none;
	background-color: #d6e3f1;
}
DIV.MainMenu .MnuItemAct a,
DIV.MainMenu .MnuTtlAct a {
	text-decoration: none;
	color: #CC0000;
	cursor: text;
}


/* */

ul.newsCategory {
	margin: 0;
	padding: 0 0 0 14px;
}
ul.newsCategory li {
	padding: 0;
}
ul.newsCategory li a 
{
	line-height: 17px;
	text-decoration: none;
	display: block;
}
ul.newsCategory li a:hover {
	background-color: #D6E3F1;
}
ul.newsCategory li.more a:hover {
	background-color: #000066;
	color: #FFFFFF;
}