/* general styles */

BODY {
    margin:0px;
    background-color : white;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-track-color:#D4E1E8;
    scrollbar-face-color:#10AFD6;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-shadow-color:#FFFFFF;
    scrollbar-3dlight-color:#10AFD6;
    scrollbar-darkshadow-color:10AFD6;
    font-family : verdana;
    overflow-x:hidden;
    color: #666666;
    font-size: 11px;
}

.errbig 	{ COLOR: #882200; FONT-FAMILY: verdana; FONT-SIZE: 12pt; font-weight:bold; }
.errorbig 	{ COLOR: #882200; FONT-FAMILY: verdana; FONT-SIZE: 12pt; font-weight:bold; }
.error  	{ COLOR: #882200; FONT-FAMILY: verdana; FONT-SIZE: 8pt; }
.errsmall 	{ COLOR: #882200; FONT-FAMILY: verdana; FONT-SIZE: 8pt;  }

/* link styles */

BODY A:active
{
      COLOR: #666666;
      TEXT-DECORATION: none;
}
BODY A:link
{
    COLOR: #666666;
       TEXT-DECORATION: none;
}
BODY A:visited
{
    COLOR: #666666;
        TEXT-DECORATION: none;
}
BODY A:hover
{
    COLOR: #666666;
    TEXT-DECORATION: underline;
} 

#wrapper {
margin: 0px;
padding: 0px;
width: 996px;

}

#header {
margin: 0px;
padding: 0px;
width: 996px;
height: 107px;
background-image: url('images/header.jpg');
}

#header a:link { color: #00A2E3; text-decoration: none; }
#header a:active { color: #00A2E3; text-decoration: none; }
#header a:visited { color: #00A2E3; text-decoration: none; }
#header a:hover { color: #00A2E3; text-decoration: underline; }

#logo {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 290px;
}

#logo img {
margin: 0px;
padding: 0px;
border: 0px;
}

#flashAnimatie {
float: left;
margin: 17px 0px 0px 0px;
padding: 0px; 0px 0px 10px;
width: 430px;
}

#Headermenuitems {
float: left;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
width: 276px;
font-family: Verdana;
font-weight: bold;
height: 20px;
font-size: 11px;
color: #00A2E3;
text-align: right;
}

#Extranetmenuitems {
margin: 0px 0px 0px 0px;
padding: 0px;
font-family: Verdana;
height: 20px;
font-size: 11px;
color: #00A2E3;
}

.Sitemap {
margin: 0px 10px 0px 0px;
padding: 0px;
}

.zoekBox {
margin: 0px 0px 0px 10px;
padding: 0px;
}

.zoekBoxInput {
margin: 0px;
padding: 0px;
width: 100px;
height: 16px;
border: 1px solid #E7E7E7;
font-size: 10px;
color: #666666;
}

.zoekBoxImg {
margin: 0px 0px 0px 3px;
}

#menuBar {
margin: 0px;
padding: 0px;
width: 996px;
height: 25px;
overflow: hidden;
background-image: url('images/menubarBack.gif');
}

#menuBar ul {
margin: 0px 0px 0px 65px;
padding: 0px;
list-style: none;
}

#menuBar ul li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 105px;
height: 25px;
text-align: center;
font-family: Verdana;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
}

.menuBarItem {
margin: 0px;
padding: 0px;
display: block;
text-align: center;
width: 105px;
height: 25px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
}

* html .menuBarItemHover {
	border-bottom: none;
	padding: 1px;
	background: #3BBAEA url('images/border-dotted.gif') repeat-y left;	
}

* html .menuBarItem:hover {
	border-bottom: none;
	padding: 1px;
	background: url('images/border-dotted.gif') repeat-y left;	
}

.menuBarItemHover {
margin: 0px;
padding: 0px;
display: block;
width: 105px;
height: 25px;
text-align: center;
background-color: #3BBAEA;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
}

a.menuBarItemHover:link { padding-top: 5px; display: block; color: #FFFFFF; text-decoration: none; height: 25px; width: 105px; }
a.menuBarItemHover:active { padding-top: 5px; display: block; color: #FFFFFF; text-decoration: none; height: 25px; width: 105px; }
a.menuBarItemHover:visited { padding-top: 5px; display: block; color: #FFFFFF; text-decoration: none; height: 25px; width: 105px; }
a.menuBarItemHover:hover { padding-top: 5px; display: block; color: #FFFFFF; text-decoration: none; height: 25px; width: 105px; }

a.menuBarItem:link { padding-top: 5px; display: block; color: #FFFFFF; text-decoration: none; height: 25px; width: 105px; }
a.menuBarItem:active { padding-top: 5px; display: block; color: #FFFFFF; text-decoration: none; height: 25px; width: 105px; }
a.menuBarItem:visited { padding-top: 5px; display: block; color: #FFFFFF; text-decoration: none; height: 25px; width: 105px; }
a.menuBarItem:hover { padding-top: 5px; display: block; color: #FFFFFF; text-decoration: none; height: 25px; width: 105px; none; background-color: #3BBAEA; }

#boogPicture {
margin: 0px;
padding: 0px;
width: 996px;
height: 96px;
overflow: hidden;
}

#contentBack {
margin: 0px;
padding: 0px;
width: 996px;
background: #FFFFFF url('images/contentBack.jpg') no-repeat;
color: #666666;
}

#contentHack {
margin: 0px;
padding: 0px;
min-height: 442px;
height:auto;
}

#footer {
margin: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
background: url('images/border-footer.gif') repeat-x;
width: 996px;
height: 40px;
color: #666666;
}

#footer ul {
margin: 0px 0px 0px 200px;
padding: 0px;
list-style: none;
}

#footer ul li {
margin: 0px;
float: left;
color: #B2B2B2;
font-size: 10px;
}

#footer a:link { color: #B2B2B2; text-decoration: none; }
#footer a:active { color: #B2B2B2; text-decoration: none; }
#footer a:visited { color: #B2B2B2; text-decoration: none; }
#footer a:hover { color: #B2B2B2; text-decoration: underline; }

#SponsorBox {
margin: 0px;
padding: 0px 0px 0px 25px;
}

#SponsorBox img {
margin: 0px 25px 0px 0px;
padding: 0px;
border: 0px;
}

.extranetlogininput {
margin: 0px;
padding: 0px;
width: 75px;
height: 16px;
border: 1px solid #CCCCCC;
font-size: 10px;
color: #666666;
}

.extranetlogintextBold {
margin: 0px;
padding: 0px;
color: #00A2E3;
font-weight: bold;
}

.pagina_kopje {
font-size: 11px;
font-weight: bold;
}

.pagina_BodyIntro {
font-size: 11px;
font-weight: bold;
}

.pagina_NormalText{
font-size: 11px;
}

.pagina_content_text {
font-size: 11px;
line-height: 18pt;
}

.quickscan_kopje {
	margin: 0px;
	padding: 0px 8px 0px 8px;
	font-weight: bold;
	color: #FFFFFF;
}

.quickscan_text {
margin: 0px;
padding: 8px;
line-height: 18px;
}

.quickscan_top {
	height: 25px;
	background: url('images/quickscan_top.jpg')  no-repeat;

}

.quickscan_middle {

		background: url('images/quickscan_middle.jpg')  repeat-y;
}

.quickscan_bottom {

	background: url('images/quickscan_bottom.jpg')  no-repeat;

}

a.loginlink:link { color: #00A2E3; text-decoration: none; }
a.loginlink:active { color: #00A2E3; text-decoration: none; }
a.loginlink:visited { color: #00A2E3; text-decoration: none; }
a.loginlink:hover { color: #00A2E3; text-decoration: underline; }

.extranetlogintext {
margin: 0px;
padding: 0px;
color: #00A2E3;
}

.label {
    COLOR: #000000;
    FONT-FAMILY: verdana;
    FONT-SIZE: 12px;
    font-weight:none;
}

.caption {
    COLOR: #666666;
    FONT-FAMILY: verdana;
    FONT-SIZE: 12px;
    Font-weight: bold;
}

.content {
    font-family : verdana;
    font-size : 11px;
    color : #666666;
    Text-decoration:none;
    text-weight : normal;
    line-height: 18pt;
}

.opsomming {
    font-family : verdana;
    font-size : 11px;
    color : #666666;
    Text-decoration:none;
    text-weight : normal;
    line-height: 12pt;
}

/* Menu styles */

.menumain
{
    margin: 0px;
    padding: 5px 0px 0px 0px;
    font-size: 11px;
    cursor: pointer;
    height:25px;
    background-image: url('images/menuback1.jpg');
    color: #0099CC;
    font-weight: bold;
}

.menumainhover
{
    margin: 0px;
    padding: 5px 0px 0px 0px;
    font-size: 11px;
    cursor: pointer;
    height:25px;
    background-image: url('images/menubackhover.jpg');
    color: #0099CC;
    font-weight: bold;
}

.menumainactive 
{
    margin: 0px;
    padding: 5px 0px 0px 0px;
    font-size: 11px;
    cursor: pointer;
    height:25px;
    background-image: url('images/menuback1.jpg');
    color: #0099CC;
    font-weight: bold;
}

.menu
{
    margin: 0px;
    padding: 5px 0px 0px 0px;
    font-size: 11px;
    cursor: pointer;
    height:25px;
    background-image: url('images/menuback1.jpg');
    background-repeat: no-repeat;
    color: #0099CC;
}

.menuhover
{
    margin: 0px;
    padding: 5px 0px 0px 0px;
    font-size: 11px;
    cursor: pointer;
    height:25px;
    background-image: url('images/menubackhover.jpg');
    color: #0099CC;
}

.menuactive
{
    margin: 0px;
    padding: 5px 0px 0px 0px;
    font-size: 11px;
    cursor: pointer;
    height:25px;
    background-image: url('images/menubackhover.jpg');
    color: #0099CC;
}


/* table styles */

TABLE {
    font-family : verdana;
    font-size : 11px;
}

.tableheader {
   color: #ffffff;
   background-color : #00A2E3;
   font-family : verdana ;
   font-size : 11px ;
   cursor : pointer;
   padding:4px;
}

.tablerow1 {
   color: #666666;
   background-color : #f2fBFf;
   font-family : verdana ;
   font-size : 11px ;
   cursor : pointer;

}

.tablerow2 {
   color: #666666;
   background-color : #ffffff;
   font-family : verdana ;
   font-size : 11px ;
   cursor : pointer;

} 

.tableselect {
   color: #666666;
   font-family : verdana ;
   text-decoration: underline;
   font-size : 11px ;
   cursor : hand;
} 

/* form styles */

.box
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #10AFD6 1px solid;
    BORDER-LEFT: #10AFD6 1px solid;
    BORDER-RIGHT: #10AFD6 1px solid;
    BORDER-TOP: #10AFD6 1px solid;
    COLOR: #000066;
    FONT-FAMILY: verdana;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 1px;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    PADDING-TOP: 1px;
}

.radiobutton
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #CCCCCC 1px solid;
    BORDER-LEFT: #CCCCCC 1px solid;
    BORDER-RIGHT: #CCCCCC 1px solid;
    BORDER-TOP: #CCCCCC 1px solid;
    COLOR: #3B414F;
    FONT-FAMILY: verdana;
    FONT-SIZE: 11px;
    HEIGHT: 18px;
    PADDING-BOTTOM: 1px;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    PADDING-TOP: 1px;
}

.boxp
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #333333 1px solid;
    BORDER-LEFT: #333333 1px solid;
    BORDER-RIGHT: #333333 1px solid;
    BORDER-TOP: #333333 1px solid;
    COLOR: #000066;
    FONT-FAMILY: verdana;
    FONT-SIZE: 11px;
    HEIGHT: 18px;
    PADDING-BOTTOM: 1px;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    PADDING-TOP: 1px;
}

.radiobuttonp
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #CCCCCC 1px solid;
    BORDER-LEFT: #CCCCCC 1px solid;
    BORDER-RIGHT: #CCCCCC 1px solid;
    BORDER-TOP: #CCCCCC 1px solid;
    COLOR: #3B414F;
    FONT-FAMILY: verdana;
    FONT-SIZE: 11px;
    HEIGHT: 18px;
    PADDING-BOTTOM: 1px;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    PADDING-TOP: 1px;
}

.knop
{
    BORDER-BOTTOM: #00A2E3 1px solid;
    BORDER-LEFT: #00A2E3 1px solid;
    BORDER-RIGHT: #00A2E3 1px solid;
    BORDER-TOP: #00A2E3 1px solid;
    BACKGROUND-COLOR: #3BBAEA;
    FONT-SIZE: 9px;
    FONT-weight: bold;
    COLOR: #ffffff;
}

radio.radiobutton
{
    BACKGROUND-COLOR: #3B414F;
}

TEXTAREA
{
    BACKGROUND-COLOR: #dEe3eE;
    BORDER-BOTTOM: #CCCCCC 1px solid;
    BORDER-LEFT: #CCCCCC 1px solid;
    BORDER-RIGHT: #CCCCCC 1px solid;
    BORDER-TOP: #CCCCCC1px solid;
    COLOR: #FFFFFF;
    FONT-FAMILY: verdana;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px
}

/* crumblepath */

.path {
  	color: #B2B2B2;
  	font-size: 10px;
}

A.path:active {

	color: #B2B2B2;
}
A.path:link {

	text-decoration:none;
	color: #B2B2B2;
}
A.path:visited {

	text-decoration:none;
	color: #B2B2B2;
	
}

A.path:hover {

	text-decoration:none;
	color: #B2B2B2;
} 

.path_end {
	color: #000000;
	color: #B2B2B2;
}

/* sitemap */

.sitemap1 {
  FONT-FAMILY: verdana;
  font-size:11pt;
  height:15;

}

.sitemap2 {
  FONT-FAMILY: verdana;
  font-size:10pt;
  font-weight:bold;
  height:15;
  color: #0091B9;
}

.row {
  FONT-FAMILY: verdana;
  font-size:8pt;
  cursor:hand;
  height:15;
} 


/*####################################### Portal systeem ############################# */
.nieuwsmsg {
	padding: 10px 0 10px 0;
	width: 500px;
	background: url('images/nieuws-split.gif') 0 0 repeat-x;
	line-height: 20px;
	clear: both;
}
.noline {
	border-top: 0;
}
.nieuwsmsg img {
	float: left;
	width: 144px;
}
.nieuwsmsg span {
	float: left;
	padding-left: 10px;
	display: block;
	width: 325px;
}
.nieuwsmsg h3 {
	margin: 0;
	font-size: 17px;
	font-weight: normal;
	color: #02A7FF;
}
.nieuwsmsg a {
	color: #02A7FF !important;
}