BODY {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(img/bg.gif) #d8d8d8 repeat-y left top; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	COLOR: #666; 
	PADDING-TOP: 0px; 
	FONT-FAMILY: 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif
}

.highlight {
	color: white;
	}
#container {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px
}
#intro {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(img/bg_pattern.gif) left top; 
	PADDING-BOTTOM: 0px; MARGIN: 0px; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #fff 2px solid
}
#supportingText {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(img/bg_left.gif) repeat-y left top; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px
}
#pageHeader {
	BACKGROUND: url(img/bg_header.jpg) #9bec37 repeat-y left top; 
	MARGIN: 0px; 
	COLOR: #666; 
	BORDER-BOTTOM: #fff 2px solid; 
	HEIGHT: 90px
}

/* zwarte blok + foto */
#quickSummary {
	BACKGROUND: url(img/luisterboekonline.gif) #222 no-repeat right top; 
	MARGIN: 0px; 
	WIDTH: 735px; 
	COLOR: #fff; 
	BORDER-BOTTOM: #fff 0px solid; 
	HEIGHT: 166px
}
/* p1 zwart blok */
#quickSummary P.p1 {
	PADDING-RIGHT: 14px; 
	PADDING-LEFT: 26px; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px; 
	WIDTH: 180px; 
	PADDING-TOP: 50px; 
	voice-family: inherit
}
UNKNOWN {
	WIDTH: 160px
}
/* p2 zwart blok */
#quickSummary P.p2 {
	PADDING-RIGHT: 14px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 14px; 
	MARGIN: 0px; 
	WIDTH: 130px; 
	PADDING-TOP: 0px; 
	voice-family: inherit
}
UNKNOWN {
	WIDTH: 130px
}

/* oranje vlak / waarschuwingveld */
#warning, #login {
	BORDER-RIGHT: #fff 2px solid; 
	BACKGROUND: url(img/bg_login.gif) #f90 no-repeat right top; 
	PADDING-BOTTOM: 16px; 
	MARGIN-LEFT: 233px; 
	WIDTH: 500px; 
	COLOR: #fff; 
	voice-family: inherit
}

#inputcheck{
	BORDER: #fff 2px solid; 
	BACKGROUND: url(img/bg_login.gif) #888 no-repeat right top; 
	PADDING-BOTTOM: 16px; 
	MARGIN-LEFT: 25px;
	WIDTH: 450px; 
	COLOR: #dfdfdf
}	

#inputcheck P {	
	LINE-HEIGHT: 1.5;
	FONT-SIZE: 16px; 
	TEXT-ALIGN: center;
	voice-family: inherit;
	margin-top: 7px
}

#leeg {
	BORDER-RIGHT: #fff 2px solid; 
	BACKGROUND: url(img/bg_login.gif) #f90 no-repeat right top; 
	PADDING-BOTTOM: 16px; 
	MARGIN-LEFT: 233px; 
	WIDTH: 500px; 
	COLOR: #fff; 
	voice-family: inherit
}
UNKNOWN {
	WIDTH: 500px
}
/*  grijs content vak */
#explanation, #participation, #benefits {
	BORDER-RIGHT: #bbb 1px solid; 
	BORDER-TOP: #bbb 1px solid; 
	BACKGROUND: #dfdfe1; 
	MARGIN-BOTTOM: 0px; 
	MARGIN-LEFT: 233px; 
	BORDER-LEFT: #bbb 1px solid; 
	WIDTH: 498px; 
	COLOR: #666; 
	BORDER-BOTTOM: #bbb 1px solid; 
	voice-family: inherit
}

UNKNOWN {
	WIDTH: 498px
}
/* onderste groene balk */
#footer {
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #fff 2px solid; 
	PADDING-LEFT: 252px; 
	BACKGROUND: url(img/bg_footer.gif) #9bec37 no-repeat left top; 
	PADDING-BOTTOM: 8px; 
	COLOR: #fff; 
	PADDING-TOP: 14px; 
	HEIGHT: 12px; 
	voice-family: inherit
}
UNKNOWN {
	HEIGHT: 12px
}

/* donkergrijs menuvlak */
#linkList {
	BORDER-RIGHT: #fff 2px solid; 
	PADDING-RIGHT: 12px; 
	PADDING-LEFT: 12px; 
	BACKGROUND: #b5b5b5; 
	PADDING-BOTTOM: 12px; 
	WIDTH: 207px; 
	COLOR: #666; 
	PADDING-TOP: 12px; 
	POSITION: absolute; 
	TOP: 94px; 
	voice-family: inherit
}
UNKNOWN {
	WIDTH: 207px
}
/* menu 2 */
#utilities, #info  {
	BORDER-RIGHT: #fff 2px solid; 
	PADDING-RIGHT: 12px; 
	BORDER-TOP: #fff 2px solid; 
	PADDING-LEFT: 12px; 
	BACKGROUND: #dfdfdf; 
	PADDING-BOTTOM: 12px; 
	MARGIN: 0px 0px 12px; 
	BORDER-LEFT: #fff 2px solid; 
	COLOR: #666; 
	PADDING-TOP: 12px; 
	BORDER-BOTTOM: #fff 2px solid
}
/* menu 1 */
#menu {
	BORDER-RIGHT: #fff 2px solid; 
	PADDING-RIGHT: 12px; 
	BORDER-TOP: #fff 2px solid; 
	PADDING-LEFT: 12px; 
	BACKGROUND: #dfdfdf no-repeat right top; 
	PADDING-BOTTOM: 12px; 
	MARGIN: 0px 0px 12px; 
	BORDER-LEFT: #fff 2px solid; 
	COLOR: #666; 
	PADDING-TOP: 12px; 
	BORDER-BOTTOM: #fff 2px solid
}



P {
	FONT-SIZE: 12px; 
	TEXT-ALIGN: justify
}
/* oranje vlak alinea's */
#warning P{
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #fff; 
	LINE-HEIGHT: 1.5;
	FONT-SIZE: 12px; 
	WIDTH: 460px; 
	TEXT-ALIGN: justify
}

#login P {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #fff; 
	LINE-HEIGHT: 1.5;
	FONT-SIZE: 12px; 
	WIDTH: 250px; 
	TEXT-ALIGN: justify
}

#warning P.p1, #login P.p1 {
	MARGIN: 16px 18px 10px
}
#warning P.p2 {
	MARGIN: 0px 18px 10px
}
#warning P.p3 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 18px; 
	PADDING-TOP: 0px
}
#login P.p5 {
	MARGIN: 10px 18px 0px;
	text-decoration: underline;
}
#explanation P.p1 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px;
	MARGIN: 16px 18px 12px; 
	PADDING-TOP: 0px
}

#supportingText P {
	LINE-HEIGHT: 1.5
}
#quickSummary P.p1 {
	FONT-SIZE: 9px; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #999; 
	TEXT-ALIGN: left
}
#quickSummary P.p2 {
	FONT-SIZE: 9px; 
	COLOR: #999; 
	TEXT-ALIGN: left
}
#footer {
	FONT-SIZE: 9px; 
	FONT-FAMILY: 'Arial', Helvetica, sans-serif
}
#linkList UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;
	FONT-SIZE: 11px; 
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none
}
#linkList UL LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 5px; 
	BACKGROUND: url(img/bullet_gen.gif) no-repeat 2px 3px; 
	PADDING-BOTTOM: 5px;
	font-weight: bold;
	MARGIN: 0px; 
	COLOR: #999;
	LINE-HEIGHT: 100%;
	PADDING-TOP: 0px
}



#menu ul ul li {
	font-weight: normal;
	PADDING-LEFT: 10px;
	PADDING-top: 1px; 
	}
	
#linkList #menu LI {
	FONT-SIZE: 10px; 
}
#linkList #info LI {
	FONT-SIZE: 10px; 
	BACKGROUND: url(img/bullet_fav.gif) no-repeat
}
#linkList  A:link {
	DISPLAY: block
}
#linkList #menu A:visited {
	DISPLAY: block
}
#linkList #info A:link {
	DISPLAY: block
}
#linkList #info A:visited {
	DISPLAY: block
}
#linkList #menu A.c:link {
	DISPLAY: inline
}
#linkList #menu A.c:visited {
	DISPLAY: inline
}
#linkList #info A.c:link {
	DISPLAY: inline
}
#linkList #info A.c:visited {
	DISPLAY: inline
}
#utilities LI {
	TEXT-TRANSFORM: lowercase
}

A {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #333; TEXT-DECORATION: underline
}
A:link {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #333; 
	TEXT-DECORATION: underline
}
A:visited {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #333; 
	TEXT-DECORATION: underline
}
A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #333; 
	TEXT-DECORATION: none
}
#quickSummary A {
	COLOR: #fff; 
	TEXT-DECORATION: none
}
#quickSummary A:link {
 	COLOR: #fff; 
	TEXT-DECORATION: none
}
#quickSummary A:visited {
	COLOR: #fff; 
	TEXT-DECORATION: none
}
#quickSummary A:hover {
	TEXT-DECORATION: underline
}
#linkList A {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #444; 
	TEXT-DECORATION: none
}
#linkList A:link {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #444; 
	TEXT-DECORATION: none
}
#linkList A:visited {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #444; 
	TEXT-DECORATION: none
}
#linkList A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #333; TEXT-DECORATION: underline
}

#linkList A.c {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #666; 
	TEXT-DECORATION: none
}
#linkList A.c:link {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #666; 
	TEXT-DECORATION: none
}
#linkList A.c:visited {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #666; 
	TEXT-DECORATION: none
}
#linkList A.c:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%;
	COLOR: #333; 
	TEXT-DECORATION: underline
}

#linkList li A.highlight {
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #ff6600 !important;
    TEXT-DECORATION: underline !important;
}

#linkList #menu A {
	FONT-SIZE: 11px
}
#linkList #menu A.c {
	FONT-SIZE: 10px; 
	TEXT-TRANSFORM: lowercase
}
#footer A {
	PADDING-LEFT: 8px; 
	BACKGROUND: url(img/arrow_footer.gif) no-repeat 0px 2px; 
	TEXT-TRANSFORM: uppercase; 
	COLOR: #fff; 
	TEXT-DECORATION: none
}
#footer A:link {
	PADDING-LEFT: 8px; 
	BACKGROUND: url(img/arrow_footer.gif) no-repeat 0px 2px; 
	TEXT-TRANSFORM: uppercase; 
	COLOR: #fff; 
	TEXT-DECORATION: none
}
#footer A:visited {
	PADDING-LEFT: 8px; 
	BACKGROUND: url(img/arrow_footer.gif) no-repeat 0px 2px; 
	TEXT-TRANSFORM: uppercase; 
	COLOR: #fff; 
	TEXT-DECORATION: none
}
#footer A:hover {
	TEXT-DECORATION: underline
}
H3 {
	MARGIN-BOTTOM: 0px
}
H3 SPAN {
	DISPLAY: none
}
#linkList H3 {
	MARGIN-TOP: 20px; 
	WIDTH: 150px; 
	HEIGHT: 20px
}
#warning H3 {
	BACKGROUND: url(img/title_warning.gif) no-repeat left top; 
	MARGIN: 0px; 
	WIDTH: 500px; 
	BORDER-BOTTOM: #fff 2px solid; 
	HEIGHT: 34px; 
	voice-family: inherit
}

#login H3 {
	BACKGROUND: url(img/title_login.gif) no-repeat left top; 
	MARGIN: 0px; 
	WIDTH: 500px; 
	BORDER-BOTTOM: #fff 2px solid; 
	HEIGHT: 34px; 
	voice-family: inherit
}

UNKNOWN {
	HEIGHT: 34px
}

#menu  H3, #utilities  H3, #info H3 {
	MARGIN: 0px; 
	WIDTH: 100%; 
	HEIGHT: 28px
}

#info H3 {
	BACKGROUND: url(img/bg_select_res.gif) no-repeat left top
}

#menu H3 {
	BACKGROUND: url(img/bg_select_des.gif) no-repeat left top
}

#utilities H3 {
	BACKGROUND: url(img/bg_select_arc.gif) no-repeat left top
}

ACRONYM {
	CURSOR: help
}
#warning ACRONYM {
	BORDER-BOTTOM: #ffe0b3 1px dotted
}
ACRONYM {
	BORDER-BOTTOM: #000 1px dotted
}
#supportingText #tabcontent TABLE {
	WIDTH: 100%;
	font-size: 12px;
}

#supportingText th  {
	text-align: left
}

#participation A ACRONYM {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; PADDING-TOP: 0px
}

#zoeken {
	position: absolute;
	left: 610px;
	top: 40px;
}
#zoeken {
	position: absolute;
	left: 610px;
	top: 40px;
}

#sizer {
	position: absolute;
	left: 557px;
	top: 47px;
}

#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 232px;
	height: 90px;
	cursor: pointer;
}

IMG {
	border: none;
	TEXT-DECORATION: none !important;
	vertical-align: bottom
}

#tabcontent {
	border-width: 0px;
	margin-left: 5px;
	margin-top: 31px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px;
	FONT-SIZE: 12px; 
	TEXT-ALIGN: left;
	border-color: #8f999c;
	padding: 5px;
	FONT-FAMILY: 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;
	border-style: solid;
	background-color: #fcfcfc;
}

img.omslag {
	padding-left: 10px;
	float: right;
}


h1.titel { 
display: none;
}

h1.portal {
 font-size: 28px;
 }

 h1.of {
 font-size: 36px;
 color: #f60;
 line-height: 28px;
 text-align: center;
 }
 
 .text{ width: 180px; }

	
    #header {
	margin-top: 10px;
	  margin-left:5px;
	  margin-right:5px;
	  background:#DAE0D2 url("img/bgtab.gif") repeat-x bottom;
	  FONT-SIZE: 11px; 

      }
    #header ul {
      margin:0;
      padding:0px;
      list-style:none;
      }
    #header li {
      float:left;
      background:url("img/left.gif") no-repeat left top;
      margin:0;
      padding:0px;
	  padding-left:9px;
      }
#header a {
    float:left;
    display:block;
    background:url("img/right.gif") no-repeat right top;
    padding:3px ;
	padding-right: 10px;
    text-decoration:none;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#333;
      }
    #header #current {
      background-image:url("img/left_on.gif");
      border-width:0;
	  padding-left:9px;
      }
    #header #current a {
      background-image:url("img/right_on.gif");
      color:#333;
      padding-bottom:4px;
	  
      }

	#header .inactive {
      background-image:url("img/left_in.gif");
	  color:#FFFFFF !important;;
      }
    #header .inactive a {
      background-image:url("img/right_in.gif");
	  color:#FFFFFF !important;
      }
	  
th.genre
				{font-family: arial;
				 font-weight: bold; 
				 font-size: 12pt; 
				 color: #FFFFFF;
				 line-height: 14pt; 
				 text-decoration: none;
				 text-align: center;
				 background-color:#f60
				 }

td.tbl			{font-family: arial;
				 font-size: 11pt; 
				 color: black;
				 text-decoration: none;
				 background-color:#DDDDDD
				 }				 
td.tblright	{
	font-family: arial;
	font-size: 11pt; 
	color: black;
	text-decoration: none;
	background-color:#DDDDDD;
	text-align: right;
}

		 
td.right {
	text-align: right;
	}
	
tr.data {
	background-color:#F2F2F2;
}

tr.datahighlight {
	background-color:#97EC37;
}

tr.foutveld {
	background-color:#97EC37;
}
	
table.genres {
	text-align: center;
}

table.genres td {
	width: 50%;
}

table.actie {
	padding: 10px;
	margin-bottom: 2px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #f90;
	color: white;
	border-width: 2px;
	border-color: #ff6600;
	border-style: solid;
	FONT-SIZE: 12px; 
}

#tabcontent table.actie a {
	color: white;
}
table.box {
	border-width: 2px;
	border-style: solid;
	border-color: #ff6600;
	border-collapse: collapse;
}
table.box th {
	border-width: 0px;
	color: white;
	padding: 3px;
	border-style: none;
	background-color: #ff9900;
	/*background:#ff9900 url("img/uitklap.gif") no-repeat right top;*/
	
}

table.box td {
	border-width: 0px;
	padding: 3px;
	border-style: none;
	width: 50%;
}
/*
#bedrijf {
 display: none;
 }
*/

.btn {
background-color: #f90;
border-color: #f60;
border-style: solid;
border-width: 2;
color: white;
font-family: arial;
font-weight: bold;
cursor: pointer;
}


.inputRequirement {
	font-size: 10px; 
	color: #ff0000; 
}

.usrbg
{
	background-image: url("img/usr.jpg");
	background-repeat: no-repeat;
	padding-left: 20px;
}

.passwdbg
{
	background-image: url("img/passwd.gif");
	background-repeat: no-repeat;
	padding-left: 20px;
}

.usrbg, 
.passwdbg
{
	border: 1px solid #000000;
	width: 150px;
}

.search
{
	border: 1px solid #000000;
	width: 95px;
	background-image: url("img/search.gif");
	background-repeat: no-repeat;
	padding-left: 20px;
}

.usrbg:focus, 
.passwdbg:focus
{
	color: #000000;
	background-color: #C6CAFF;
}

#anchor1  {
visibility:hidden; 
}

#testdiv1 {
position:absolute;
visibility:hidden;
height:275px; 
	width:234px;
	background-image: url("img/appel.gif");
}

.clhr1, .clOrderHeader, hr, .clhr2, .clTotalInfo, .clTotalAmount , .clhr3, .clTotalAmount, .clhr4, .clPoweredBy, .clLink{
display: none;
}