body
{
 background  : #FFFFFF url(../images/bg_body.jpg) repeat-x scroll 0 70px;
 font-family :  "Arial";
 margin      : 0;
 text-align  : center;
 font-size   : 12px;
 line-height : 145%;
 color       : #333;
}

h1
{
/* text-align:   center; */
 font-size :   24px;
 font-weight:  bold;
}

h2
{
/* text-align:   center; */
 font-size :   22px;
 font-weight:  bold;
}

h3
{
/* text-align:   center; */
 font-size :   20px;
 font-weight:  bold;
}

h4
{
/* text-align:   center; */
 font-size :   18px;
 font-weight:  bold;
}

h5
{
/* text-align:   center; */
 font-size :   16px;
 font-weight:  bold;
}

.submit
{
 cursor: pointer;
 width:  200px;
}

.verplicht
{
 color: #800;
}

.button
{
 cursor: pointer;
}

.file
{
 cursor: pointer;
}


#main-wrapper
{
	margin: auto;
	width: 1000px;
	text-align: left;
}

#header-wrapper
{
	width: 1000px;
	text-align: right;
	font-family:"Arial";
	font-size:12px;
	font-weight:bold;
	height : 50px;
}

#content
{
	background : #fff;
	height : 300px;
}	

#meta-nav
{
 margin: auto;
 width: 980px;
}

#header-inner
{
}

#outer-wrapper
{

 width: 1000px;
}

#boven
{
 height: 36px;
 margin: 0 auto;
 position: relative;
 text-align: center;
 vertical-align: middle;
 width: 980px;
}


#boven a:link, #boven a:visited
{
 background:       url(../images/button_passive_M.gif) repeat scroll 0 0;
 color:            #1F94D2;
 display:          block;
 float:            left;
 font-family:      "Arial";
 font-size:        12px;
 font-size-adjust: none;
 font-stretch:     normal;
 font-style:       normal;
 font-variant:     normal;
 font-weight:      normal;
 height:           24px;
 line-height:      normal;
 margin:           0px;
 padding-top:      12px;
 text-decoration:  none;
}

#boven a:hover
{
 background:       url(../images/button_passive_M.gif) repeat scroll 0 0;
 float:            left;
 color:            #702B7D;

}

#boven a.active:link , #boven a.active:visited
{
 background:       url(../images/button_active_M.gif) repeat scroll 0 0;
 float:            left;
 color:            #FFFFFF;
 font-weight:      bold;
}

#boven a.active:hover
{
 background:       url(../images/button_active_M.gif) repeat scroll 0 0;
 float:            left;
 color:            #2FB4F2;
 font-weight:      bold;
}

.menuItemLeft_Passive
{
 background:       url(../images/button_passive_L.gif) no-repeat top left;
 float:            left;
 height:           36px;
 width:            10px;
}

.menuItemLeft_Active
{
 background:       url(../images/button_active_L.gif) no-repeat top left;
 float:            left;
 height:           36px;
 width:            10px;
}

.menuItemRight_Passive
{
 background:       url(../images/button_passive_R.gif) no-repeat top left;
 float:            left;
 height:           36px;
 width:            13px;
}

.menuItemRight_Active
{
 background:       url(../images/button_active_R.gif) no-repeat top left;
 float:            left;
 height:           36px;
 width:            13px;
}

#top-kader {
	background : url(../images/bovenkant_kader.png) top center no-repeat #fff;
	width : 1000px;
	height : 12px;
	margin : 0;
}

#header-img
{
 margin-bottom : 10px;
}

#header-holder
{
 border-bottom: 1px dotted #666666;
 float:         left;
 height:        90px;
 margin-bottom: 10px;
 margin-left:   10px;
 position:      relative;
 width:         978px;
}

#payoff {
	float:left;
left:290px;
position:absolute;
top:10px;
display : none;
}

#payoff h1 {
	margin : 0;
}

#boven-inner
{
	
}

#inner-wrapper
{
 background: url(../images/midden_kader.png) top center repeat-y #fff;
 width: 1000px;
 float : left;
 clear : both;
}

#links
{
 float:        left;
 width:        150px;
 margin-left : 12px;
}

#links-inner
{
}

#links-menu
{
 width:           140px;
 overflow:        hidden;
 background:      #ffffff;
}

#links-menu-header
{
 background:      url(../images/bg_zoekopgenre.gif) top center no-repeat;
 width:           140px;
 height:          36px;
 font-family:     "Arial";
}

#links-menu-header h3
{
 margin:          0;
 color:           #FFFFFF;
 text-align:      center;
 padding-top:     11px;
 font-size:       12px;
 font-weight:     bold;
}

ul.links-menu
{
 background:      #EEEEEE;
 list-style-type: none;
 margin:          0;
 padding:         0;
 width:           138px;
 border-left:     1px solid #CCCCCC;
 border-right:    1px solid #CCCCCC;
}

.links-menu li
{
 color:           #555;
 padding:         5px;
 border-bottom:   1px solid #ccc;
}

.links-menu li a:link, .links-menu li a:visited
{
 color:           #0B567D;
 text-decoration: none;
 font-family:     "Arial";
 font-weight:     normal;
 font-size:       12px;
}

.links-menu li a.active
{
 color:           #000000;
 text-decoration: none;
 font-family:     "Arial";
 font-weight:     normal;
 font-size:       12px;
}

.links-menu li a:hover
{
 color:           #702B7D;
 text-decoration: none;
 font-family:     "Arial";
 font-weight:     normal;
 font-size:       12px;
}

ul.rechts-menu
{
 background:      #EEEEEE;
 list-style-type: none;
 margin:          0;
 padding:         0;
 width:           185px;
 border-left:     0px;
 border-right:    0px;
}

.rechts-menu li
{
 color:           #555;
 padding:         5px;
 border-bottom:   1px solid #ccc;
}

.rechts-menu li a:link, .rechts-menu li a:visited
{
 color:           #0B567D;
 text-decoration: none;
 font-family:     "Arial";
 font-weight:     normal;
 font-size:       12px;
}

.rechts-menu li a.active
{
 color:           #000000;
 text-decoration: none;
 font-family:     "Arial";
 font-weight:     normal;
 font-size:       12px;
}

.rechts-menu li a:hover
{
 color:           #702B7D;
 text-decoration: none;
 font-family:     "Arial";
 font-weight:     normal;
 font-size:       12px;
}

#error
{
 color:         #E00;
 margin:        0px;
 float:         left;
 width:         600px;
}

#error-inner
{
	padding:      0px;
}

#midden
{
 float: left;
/*
 text-align: center;
*/

 width: 600px;
}

#midden-inner
{
}

#hoofd-rechts {
   float : right;
   width : 820px;
   margin-right : 10px;
}

#rechts
{
 float: right;
 width: 205px;

}

#rechts-inner
{
}

#rechts-kader-top {
  width : 205px;
  height : 12px;
  background : url(../images/rechts_kader_boven.jpg) top center no-repeat;
}

#rechts-kader-midden {
  clear : both;
  width : 205px;
  background : url(../images/rechts_kader_midden.jpg) top center repeat-y;
}

#rechts-kader-onder {
  width : 205px;
  height : 12px;
  background : url(../images/rechts_kader_onder.jpg) top center no-repeat;
  clear : both;
}

#rechts-kader-binnen {
 padding : 0 10px;
}

#snelzoekform
{
 text-align     : center;
 margin-top     : 10px;
 margin-bottom  : 0px;
}

.kop_streep {
border-bottom:1px solid #702B7D;
height:26px;
position:relative;
width:100%;
}

.rightboxkop_l {
background:transparent url(../images/bg_rightboxkop_l.gif) no-repeat scroll 0 0;
float:left;
height:27px;
width:5px;}

.rightboxkop_c {
background:transparent url(../images/bg_rightboxkop_c.gif) repeat-x scroll 0 0;
color:#702B7D;
float:left;
font-family:"Arial";
font-size:12px;
font-weight:bold;
/*height:27px;*/
line-height:normal;
padding:7px 5px 0;
margin : 0;
}
 
.rightboxkop_r  {
 background:transparent url(../images/bg_rightboxkop_r.gif) no-repeat scroll 0 0;
float:left;
height:27px;
width:5px;
}

#onder
{
	clear: both;
	width: 980px;
	margin-left : 10px;
	margin-top : 10px;
	float : left;
}

#onder-inner
{
}

#footer {
	width : 1000px;
	margin : 0 auto;
	clear : both;
	background : #1f94d2;
	border-bottom : 1px solid #1f94d2;
	text-align : center;
}

#footer-wrapper
{
 background-color: #FF0000;

 width: 1000px;
}

#footer-inner
{

	padding : 5px;
    background-color : #1f94d2;
}

p.prijzen
{ 
font-style: italic;
margin:3px 0 10px;
}

img.artikel_image
{
 border:    1px solid #C0C0C0;
 float:     left;
 margin:    3px 3px 3px 3px;
}

img.artikel_image_klein
{
 border       : 1px solid #C0C0C0;
 float        : left;
 margin-right : 2px;
}

img.artikel_image_inbeeld
{
 border        : 1px solid #C0C0C0;
}


img.artikel_thumbnail
{
 border:    1px solid #C0C0C0;
 float:     left;
 margin:    3px 3px 3px 3px;
}

a.artikel_thumbnail:link, a.artikel_thumbnail:visited, a.artikel_thumbnail:hover
{
 color : #FF0000;
 text-decoration : none;
}

img.image_klein
{
	float:left;
	margin-right : 2px;
}

a.minilink:link, a.minilink:visited, a.minilink:hover
{
	color : #1f94d2;
	text-decoration : none;
	padding-top : 3px;
}

#bestelform
{
 border:1px dotted #1F94D2;
 padding:10px;
}

#bestelform input[type=text]
{
	width : 200px;
}

#feedbackform
{
	border:1px dotted #1F94D2;
  padding:10px;
}

#feedbackform input[type=text]
{
	width : 200px;
}

#userform
{
	border:1px dotted #1F94D2;
  padding:10px;
}

#userform input[type=text]
{
	width : 200px;
}

#userform input[type=file]
{
	width : 200px;
}

#mailinglijstform
{
	border:1px dotted #1F94D2;
  padding:10px;
}

#mailinglijstform input[type=text]
{
	width : 200px;
}

.clr
{
 width : 100%;
 float : left;
 clear : both;
}

.koparrow
{
 font-size   : 16px; 
 font-weight : bold;
}

.omschrijving p
{
	margin : 0 0 5px 0;
}

.aankeiler
{
 font-weight : bold;
 font-size   : 18px; 
 margin      : 0 0 15px 0;
}

.intro
{
 font-weight : bold;
 font-style  : italic;
 margin      : 0 0 10px 0;
}

.outro
{
  font-weight : bold;
  font-style  : italic;
	margin      : 10px 0 0 0;
}

.download
{
  color       : #800000;
  font-weight : bold;
  font-size   : 14px; 
	margin      : 10px 0 0 0;
}

.kenmerken
{
 font-weight : bold;
 margin      : 15px 0 0 0;
}

.prijs
{
	margin     : 15px 0 0 0;
}


.artikel_image
{
	border : 1px solid #999;
}

div.clear
{
 clear           : both;
 height          : 0px;
 margin          : 0px 0px 0px 0px;
}

.errortrue
{
 border          : 1px dotted #1F94D2;
 background-color: #FFFF00;
 color           : #800000;
 text-align      : center;
 margin-top      : 0px;
 margin-bottom   : 0px;
}

.errorfalse
{
 border          : 1px dotted #1F94D2;
 background-color: #FFFF00;
 color           : #008000;
 text-align      : center;
 margin-top      : 0px;
 margin-bottom   : 0px;
}

.noerror
{
 height: 0px;
}

.dpDiv
{
}

/* the table (within the div) that holds the date picker calendar */
.dpTable
{
 font-family:      Arial;
 font-size:        12px;
 text-align:       center;
 color:            #505050;
 background-color: #FFFFFF;
 border:           1px solid #AAAAAA;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR
{
}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR
{
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR
{
}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR
{
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD
{
 border: 1px solid #ece9d8;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD
{
 background-color: #CCCCCC;
 border: 1px solid #AAAAAA;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover
{
 background-color: #aca998;
 border: 1px solid #888888;
 cursor: pointer;
 color: red;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD
{
}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD
{
}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD
{
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD
{
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText
{
 font-size: 12px;
 color: gray;
 font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight
{
 color: #4060ff;
 font-weight: bold;
}

/* the forward/backward buttons at the top */
.dpButton
{
 font-family: Arial;
 font-size: 10px;
 color: gray;
 background: #d8e8ff;
 font-weight: bold;
 padding: 0px;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton
{
 font-family: Arial;
 font-size: 10px;
 color: gray;
 background: #d8e8ff;
 font-weight: bold;
}

.box_t
{
 background: url(../images/box_dot.gif) 0 0 repeat-x;
}

.box_b
{
 background: url(../images/box_dot.gif) 0 100% repeat-x;
}

.box_l
{
 background: url(../images/box_dot.gif) 0 0 repeat-y;
}

.box_r
{
 background: url(../images/box_dot.gif) 100% 0 repeat-y;
}

.box_lb
{
 background: url(../images/box_lb.gif) 0 100% no-repeat;
}

.box_rb
{
 background: url(../images/box_rb.gif) 100% 100% no-repeat;
}

.box_lt
{
 background: url(../images/box_lt.gif) 0 0 no-repeat;
}

.box_rt
{
 background: url(../images/box_rt.gif) 100% 0 no-repeat; padding:10px;
}

.bestel a:link, .bestel a:visited
{
 float: right;
 display:block;
 background: url(../images/b_bestel.gif) no-repeat center center;
 width:130px;
 height:27px;
 font:  bold 12px "Arial";
 color:#702b7d;
 text-transform:uppercase;
 padding:15px 0px 0px 0px;
 margin:-9px 35px 0px 10px;
 text-decoration:none;
 text-align:center;
}

.bestel a:hover
{
 display:block;
 background: url(../images/b_bestel_h.gif) no-repeat center center;
 width:130px;
 height:27px;
 color:#fff;
}

.informatie a:link, .informatie a:visited
{
 float: right;
 display:block;
 background: url(../images/b_meerinfo.gif) no-repeat center center;
 width:130px;
 height:27px;
 font:  bold 12px "Arial";
 color:#1a9cd8;
 text-transform:uppercase;
 padding:15px 0px 0px 0px;
 margin:-9px 0px 0px 10px;
 text-decoration:none;
 text-align:center;
}

.informatie a:hover
{
 display:block;
 background: url(../images/b_meerinfo_h.gif) no-repeat center center;
 width:130px;
 height:27px;
 color:#fff;
}

.box_groot
{
 float:        left;
 width:        580px;
 margin-left:  0px;
 margin-right: 0px;
 margin-top:   0px;
}

.box_normaal
{
 float:        left;
 width:        580px;
 margin-left:  0px;
 margin-right: 0px;
 margin-top:   0px;
}

.box_klein
{
 float:        left;
 width:        185px;
 margin-left:  0px;
 margin-right: 13px;
 margin-top:   5px;
}

#loginform
{
	border:1px dotted #1F94D2;
  padding:10px;
}

#loginform input[type=text]
{
	width : 200px;
}

#loginform input[type=password]
{
	width : 200px;
}

.blader
{
 color:            #000000;
 font-size:        14px;
 font-weight:      bold;
 text-decoration:  none;
}

img.cadeaubon_thumbnail
{
 border:    none;
 float:     left;
 margin:    1px 1px 1px 1px;
}

.cadeaubon_image
{
	border : none;
}

.imagelink
{
 border          : 0px;
 vertical-align  : middle;
}

