/* -------------------------------------------------------------------------------------------- */
/*                                           STRUCTUUR                                          */              	
/* -------------------------------------------------------------------------------------------- */

body { margin: 0 0 20px 0; padding: 0; background: url(../images/backgrey.gif) repeat top; }

ul,li,ol,form { padding:0; margin:0; }
hr { clear: both; visibility: hidden; height:1px; margin: 0; padding: 0; overflow: hidden;} 

a { color: #333333; text-decoration: none; font-size:12px }
a:hover { color:#CC0000; text-decoration: none; font-size:12px}
/* hoofdstructuur in de template file */

#container { margin: 0 auto; width: 960px; background: url(../images/backred.gif) 200px 0px repeat-y; }

#header { margin: 0 0 0 200px; height: 190px; background: url(../images/header_01.jpg) no-repeat; }
#header h1 a { display: block; float: right; width: 185px; height: 130px;  }
#header h1 a span { display: none; }

#content_left, #content_middle, #content_right { float: left; }

#content_left { width: 200px; overflow: hidden; background: url(../images/console_center.gif) top left repeat-y; }
#content_middle { width: 510px; overflow: hidden; min-height:900px; background: url(../images/backwhite2.gif) bottom left no-repeat;}
#content_right { width: 190px; overflow: hidden; }

#footer {background: url(../images/bottom1.gif) no-repeat; height:14px; margin: 0 0 0 200px; }
#copyright { margin:0 auto; width:760px; padding: 0 0 0 200px; } 
#copyright a{ font-size: 10px; } 

/* einde hoofdstructuur in de template file */

#navigationmenu {margin: 0 0 0 200px; padding: 0; background: url(../images/backorange.gif) left top no-repeat}
#navigationmenu span {display:none;}

#navigationmenu ul { list-style-type: none; height:30px;}
#navigationmenu ul li { float: left;}
#navigationmenu ul li a {display: block;	text-decoration: none; 	height: 30px;}

#navigationmenu ul li.nav_01 a {background: url(../images/navigationmenu_01.gif); background-position: 0 0px; width: 72px;}		
#navigationmenu ul li.nav_01 a:hover {background-position: 0 -30px; }

#navigationmenu ul li.nav_02 a {background: url(../images/navigationmenu_02.gif); background-position: 0 0px; width: 153px;}
#navigationmenu ul li.nav_02 a:hover {background-position: 0 -30px; }

#navigationmenu ul li.nav_03 a {background: url(../images/navigationmenu_03.gif); background-position: 0 0px; width: 83px;}
#navigationmenu ul li.nav_03 a:hover {background-position: 0 -30px; }

#navigationmenu ul li.nav_04 a {background: url(../images/navigationmenu_04.gif); background-position: 0 0px; width: 0px;}
#navigationmenu ul li.nav_04 a:hover {background-position: 0 -30px; }

#navigationmenu ul li.nav_05 a {background: url(../images/navigationmenu_05.gif); background-position: 0 0px; width: 125px;}
#navigationmenu ul li.nav_05 a:hover {background-position: 0 -30px; }

/* -------------------------------------------------------------------------------------------- */
/*                                           Opmaak                                             */              	
/* -------------------------------------------------------------------------------------------- */


body, input, textarea { font-family:Arial, Helvetica, sans-serif; }

body { letter-spacing:1px; font-size:12px; line-height:18px; color:#333333; }

input, textarea { font-size: 11px; }

a img { border: 0; }

.radiobox{ border: 0; background: transparent; }

h1 { margin: 0; 			font-size:18px; font-weight:bold; line-height:22px; letter-spacing:1px; color:#CC0000; } 
h2 { margin: 20px 0 0 20px; font-size:16px; font-weight:bold; line-height:22px; letter-spacing:1px; color:#CC0000; } 
h3 { margin: 5px 0 0 0; 	font-size:15px; font-weight:bold; line-height:22px; letter-spacing:1px; color:#CC0000; } 

/* content left style */
#content_left { color: #FFFFFF; }

#content_left h3 { margin: 5px 5px 5px 15px; color:#FFFFFF; font-weight:bold; font-size: 12px;}
#leftmenu1, #leftmenu2 { margin: 0 0 10px 0; }
#leftmenu1 h3, #leftmenu2 h3{ padding: 0 0 0 10px; }
#leftmenu1 .leftmenu_background { color:#000000; background:#E5E5E5 url(../images/backmenuleft_01.gif) bottom right  no-repeat; padding:10px; }
#leftmenu2 .leftmenu_background { color:#000000; background:#E5E5E5 url(../images/backmenuleft_02.gif) top left  no-repeat; padding:10px; }

#content_left ul { padding: 0 0 10px 0; list-style-type: none; }
#content_left ul li { padding: 0 0 0 13px; font-size:11px; line-height:14px; letter-spacing:1px; }
#content_left ul li.score { background:none; }
#content_left ul li a { color: #FFFFFF; text-decoration:none; line-height:14px;}
#content_left ul li a:hover { text-decoration: underline}
 
#content_left ol { padding: 0 0 10px 20px;}
#content_left ol li { padding: 0 0 0 5px; font-size:11px; line-height:14px; letter-spacing:1px; }
#content_left ol li.score { background:none; }
#content_left ol li a { color: #000033; text-decoration:none; line-height:14px;}
#content_left ol li a:hover { text-decoration: underline}

#dropdownmenu { width: 200px; height: 63px;  background: url(../images/dropdown.gif) top left no-repeat; }
#dropdownmenu select{ margin: 25px 0 0 25px; width: 160px; font-size: 10px; }
#dropdownmenu select option{ background: #F9871C; color: #FFFFFF; font-weight: bold; }
#dropdownmenu select option.link{ color: #000; background: #F7B78D; font-weight: normal; padding: 0 0 0 10px; }

#console_top{ background: url(../images/console_top.gif) repeat;  padding: 5px 10px 5px 30px; font-size: 10px; }
#console_top a{ color: #FFFFFF; text-decoration: none; }
#console_top ul { float:left; padding: 0; }
#console_top ul li { list-style-type: none; font-weight: bold; padding: 0 8px 0 0; line-height: 24px;}
#console_top ul li a { font-size: 12px; font-weight: bold; }
#console_top ul li a:hover { text-decoration: underline; }
#console_center{ padding: 20px 0 10px 30px; }
#console_center img{ border: 0;}
#console_center #console_news{ margin: 0px 0 0 0;}
#console_center #console_foto{ margin: 20px 0 0 0;}
#console_center .title{ font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
#console_center .date{ font-size: 10px;}
#console_footer{ height: 21px; background: url(../images/console_footer.gif) top left no-repeat; }
/* einde content left style */

.overview {margin:0 20px 0 20px; padding:0px; }
td.overview0 { padding: 0 3px 0 3px; font-size:11px; height:16px; line-height:16px; letter-spacing:1px; color:#333333; }
td.overview1 { padding: 0 3px 0 3px; font-size:11px; height:26px; line-height:26px; letter-spacing:1px; color:#FFFFFF; background-color:#666666;}
td.overview2 { padding: 0 3px 0 3px; font-size:11px; height:22px; line-height:22px; letter-spacing:1px; color:#FFFFFF; background-color:#999999; border-bottom: 1px solid #CCCCCC; }
td.overview3 { padding: 0 3px 0 3px; font-size:11px; height:18px; line-height:18px; letter-spacing:1px; color:#666666; background-color:#FFFFFF; border-bottom: 1px solid #CCCCCC; }
td.overview0 a { color: #000000; text-decoration: none; font-size:11px;}
td.overview1 a { color: #FFFFFF; text-decoration: none; font-size:11px;}
td.overview2 a { color: #FFFFFF; text-decoration: none; font-size:11px;}
td.overview3 a { color: #666666; text-decoration: none; font-size:11px;}
td.overview0 a:hover { color: #000000; text-decoration: none; font-size:11px;}
td.overview1 a:hover { color: #FFFFFF; text-decoration: none; font-size:11px;}
td.overview2 a:hover { color: #FFFFFF; text-decoration: none; font-size:11px;}
td.overview3 a:hover { color: #666666; text-decoration: none; font-size:11px;}
/* content middle style */

/* contentright */

#rightmenu1 ul { float: left; }
#rightmenu1 ul li a{ padding: 0 10px 0 0; }

#rightmenu1 h3,#rightmenu2 h3,#rightmenu3 h3,#rightmenu4 h3{ font-size:12px; line-height:10px; padding: 10px; }  
#rightmenu1 .rightmenu_background { background:#E5E5E5 url(../images/backmenuright_01.gif) bottom right  no-repeat; padding:10px; }
#rightmenu2 .rightmenu_background { background:#E5E5E5 url(../images/backmenuright_02.gif) bottom left  no-repeat; padding:10px; }
#rightmenu3 .rightmenu_background { background:#E5E5E5 url(../images/backmenuright_03.gif) top right  no-repeat; padding:10px;}
#rightmenu4 .rightmenu_background { background:#E5E5E5 url(../images/backmenuright_04.gif) bottom left  no-repeat; padding:10px;}
 
#content_right h3 { margin: 0; color:#FFFFFF; font-weight:bold}

#content_right ul { padding: 0 0 10px 0; list-style-type: none; }
#content_right ul li { padding: 0 0 0 13px; font-size:11px; line-height:14px; letter-spacing:1px; }
#content_right ul li.score { background:none; }
#content_right ul li a { color: #000033; text-decoration:none; line-height:14px;}
#content_right ul li a:hover { text-decoration: underline}
 
#content_right ol { padding: 0 0 10px 20px;}
#content_right ol li { padding: 0 0 0 5px; font-size:11px; line-height:14px; letter-spacing:1px; }
#content_right ol li.score { background:none; }

#content_right ol li a { color: #000033; text-decoration:none; line-height:14px;}
#content_right ol li a:hover { text-decoration: underline}

#content_right a { color: #FFFFFF; text-decoration: none; }
#content_right a:hover { text-decoration: underline; }

/* LOGINBOX */
#login_box { letter-spacing:1px; margin:20px 0 10px 10px; color: #FFFFFF; font-size: 10px; }
#login_box a { color: #FFFFFF; font-size:9px; letter-spacing:1px; text-decoration: none;}
#login_box span { color: #FFFFFF; font-size:9px; letter-spacing:1px; }
#login_box a:hover { text-decoration: underline; }
#login_box div { font-size:14px; line-height:12px; font-weight:bold; color: #FFFFFF; }
#login_box ul li {background: url(../images/stripe2.gif) no-repeat center left}
#login_box ul li a {font-size:10px; color:#FFFFFF; }

.advertising{ height: 80px;}
.advertising img{ border: 0; }

/* einde content right */

/* BOXEN */
#box12 { padding: 0 0 0 20px; }
#box34 { padding: 0 0 0 20px !important; padding: 0; }

#box1 { width: 268px; height: 180px;  background: url(../images/box1.gif) no-repeat; float:left} 
#box1 div { padding: 20px 0 0 20px ;}
td.box1content {font-size:12px; line-height:18px; letter-spacing:1px; color:#CC0000; vertical-align:top}
td.box1content2 {font-size:12px; font-weight:bold; line-height:18px; letter-spacing:1px; color:#CC0000; vertical-align:top}

#box2 { width: 200px; height: 200px;  background: url(../images/box2.gif) no-repeat; float:right; padding-right:20px}
#box2 div { padding: 63px 0 0 15px ;}

#boxzoektrybe { width: 200px; height: 200px; background: url(../images/boxzoektrybe.gif) no-repeat; float:left; }
#boxzoektrybe div { margin: 75px 25px 0px 25px; color: #CC0000; font-size:12px; }
#boxzoektrybe div input { width: 100%; margin: 10px 0 0 0; }
#boxzoektrybe div .submit { width: 50%; float: right; }

#boxzoektrybelid { width: 200px; height: 200px;  background: url(../images/boxzoektrybelid.gif) no-repeat; float:right; padding-right:20px; margin-top:40px}
#boxzoektrybelid div { padding: 70px 25px 0 25px; color:#CC0000; font-size:12px}
#boxzoektrybelid div input { width: 100%; margin: 4px 0 0 0; }
#boxzoektrybelid div .submit { width: 50%; float: right; }

#box4 { width: 200px; height: 200px;  background: url(../images/box4.gif) no-repeat; float:right; padding-right:20px; margin-top:40px}
#box4 div { padding: 70px 0 0 20px ;}
td.box4title {font-size:14px; font-weight:bold; line-height:12px; letter-spacing:1px; color:#CC0000}
td.box4content {font-size:11px; line-height:16px; letter-spacing:1px; color:#333333;}
td.box4content  a { color: #CC0000; }
#box5 { width: 200px; height: 200px;  background: url(../images/box5.gif) no-repeat; float:right; margin-right:20px; margin-left:20px; margin-top:0px;}
#box5 div { padding: 70px 10px 0px 0px; float:right}
td.box5content {font-size:12px; font-weight:bold; line-height:18px; letter-spacing:1px; color:#CC0000; vertical-align:top}
td.box5content a {font-size:12px; font-weight:bold; line-height:18px; letter-spacing:1px; color:#CC0000; vertical-align:top; text-decoration:none}
td.box5content a:hover {font-size:12px; font-weight:bold; line-height:18px; letter-spacing:1px; color:#CC0000; vertical-align:top; text-decoration:underline}


/* OTHER */
#message {border:1px #CC0000 solid; padding: 10px 10px 10px 50px; font-size:10px; letter-spacing: 1px; color: #333333; background: url("../../../images/alert.gif") 10px 10px no-repeat; margin: 40px 20px 40px 20px; }
#message a { color: #333333; text-decoration: underline; font-size:12px; }
#message a:hover { color:#CC0000; text-decoration: none; font-size:12px; }

#intro { margin: 40px 20px 40px 20px; }
#intro { color: #333333; line-height:18px; background-color:#FFFFFF}
#intro a { color: #333333; text-decoration: underline; font-size:12px }
#intro a:hover { color:#CC0000; text-decoration: none; font-size:12px}

#introtext { color: #333333; line-height:18px; background-color:#FFFFFF}
#introtext a { color: #333333; text-decoration: underline; font-size:12px }
#introtext a:hover { color:#CC0000; text-decoration: none; font-size:12px}
#spacer {height:50px; display:block}
#spacer2 {height:200px; display:block}
#spacer3 {height:500px;}

#footer {background: url(../images/bottom1.gif) no-repeat; line-height:14px;  }

#copyright { margin:0 auto; width:760px; font-size:9px; letter-spacing:1px; color:#CC0000;}
#copyright a{ color:#CC0000; text-decoration:none}
#copyright a:hover{ color:#CC0000; text-decoration:underline}


table {background:none}
table#sort {margin:0 20px 20px 20px; padding:0px; background-color:#E5E5E5}
td.sorttitle { padding:8px 10px 8px 10px; font-size:15px; font-weight:bold; line-height:12px; letter-spacing:1px; color:#FFFFFF; background-color:#666666;}
td.sortotherinfo { padding:5px 10px 5px 10px; text-align:right; font-size:11px; line-height:12px; letter-spacing:1px; color:#333333; text-align:right; }
td.sortname { padding:5px 10px 5px 10px; font-size:11px; line-height:12px; letter-spacing:1px; color:#333333; }
td.sortname a {font-size:11px; font-weight:bold; line-height:12px; letter-spacing:1px; color:#CC0000; font-weight:bold; text-decoration:none}
td.sortname a:hover {text-decoration:underline} 


/* PRODUCT LISTING */
table#product{width: 450px; border: 1px solid #AAAAAA; padding: 0px; border-spacing: 0px;  margin: 0px;}
table#product a{ text-decoration:none;}
table#product a:hover{ text-decoration:none; color:#CC0000; font-weight:bold}
table#product img{ padding-right:5px;}

table#details{width: 450px; border: 1px solid #AAAAAA;}
td.details {padding:10px}
td.feature{ height: 26px; font-weight: bold; border-left: 1px solid #AAAAAA; color:#203F63; text-align: center;}
td.property{ }
td.title{  background-color: #203F63; color: #FFFFFF; height: 18px; border-bottom: 1px solid #AAAAAA;}
td.differ{ background-color: #E5E5E5;}


/* JOIN LISTING */
table#joinstep1 { margin-left:20px; margin-top:10px; margin-bottom: 10px; border: 1px solid #AAAAAA; width:450px; border-spacing:0px; background-color:#E5E5E5}
table#joinstep1 td { padding:5px 10px 5px 10px;  border-spacing:0px; font-size:12px}
table#joinstep2 { margin-left:20px; margin-top:10px; margin-bottom: 10px; border: 1px solid #AAAAAA; width:450px; border-spacing:0px; background-color:#E5E5E5}
table#joinstep2 td { padding:5px 10px 5px 10px;  border-spacing:0px; font-size:12px}
table#joinstep3 { margin-left:20px; margin-top:10px; margin-bottom: 10px; border: 1px solid #AAAAAA; width:450px; border-spacing:0px; background-color:#E5E5E5}
table#joinstep3 td { padding:5px 10px 5px 10px;  border-spacing:0px; font-size:12px}
table#joinstep4 { margin-left:20px; margin-top:10px; margin-bottom: 10px; border: 1px solid #AAAAAA; width:400px;  border-spacing:0px; background-color:#E5E5E5}
table#joinstep4 td { padding:5px 10px 5px 10px;  border-spacing:0px; font-size:12px}
table#joinstep5 { margin-left:20px; margin-top:10px; margin-bottom: 10px; border: 1px solid #AAAAAA; width:300px;  border-spacing:0px; background-color:#E5E5E5}
table#joinstep5 td { padding:5px 10px 5px 10px;  border-spacing:0px; font-size:12px}
table#registration { margin-left:20px; margin-top:10px; margin-bottom: 10px; border: 1px solid #AAAAAA; width:450px; border-spacing:0px; background-color:#E5E5E5}
table#registration td { padding:5px 10px 5px 10px;  border-spacing:0px; font-size:12px}
table#registration td a { font-size:12px; color: #333333; text-decoration: underline; }
#stap2 { margin: 0 20px 0 20px; text-align: justify; padding: 10px; border: 1px solid #cc0000; }
/* numbers */

#numbers {padding-left: 20px; padding-top:20px; background: url(../images/numbers.gif) 20px 20px no-repeat;}
#numbers span{ display: none; }

#numbers ul { list-style-type: none; height:40px;}
#numbers ul li { float: left; width: 40px; height: 40px;}
#numbers ul li a {display: block; width: 40px; height: 40px; }

#numbers ul li.number1 a {background: url(../images/1.gif); }		
#numbers ul li.number1 a:hover {background: url(../images/1.gif);  background-position: 0 -40px;}
#numbers ul li.selected1 {background: url(../images/1selected.gif); }	

#numbers ul li.number2 a {background: url(../images/2.gif);}		
#numbers ul li.number2 a:hover {background: url(../images/2.gif); background-position: 0 -40px;}
#numbers ul li.selected2 {background: url(../images/2selected.gif);}	

#numbers ul li.number3 a {background: url(../images/3.gif);}		
#numbers ul li.number3 a:hover {background: url(../images/3.gif); background-position: 0 -40px;}
#numbers ul li.selected3 {background: url(../images/3selected.gif); }	

#numbers ul li.number4 a {background: url(../images/4.gif); }		
#numbers ul li.number4 a:hover {background: url(../images/4.gif); background-position: 0 -40px;}
#numbers ul li.selected4 {background: url(../images/4selected.gif);}	

.productInfo { margin-left:20px; margin-top:10px; margin-bottom: 10px; border: 1px solid #AAAAAA; width:420px; border-spacing:0px; background-color:#E5E5E5; padding: 15px; }
.productInfo a { color: #333333; font-size: 12px; text-decoration: underline; }

.question { border-bottom: 1px dotted #333;cursor: help; padding: 0 0 2px 0; margin: 0; }
.close { float:right;  border: 1px solid #666666; color: #666666; display:block; height: 15px; width: 15px; line-height: 15px; text-align: center; }

#disclaimer { margin: 20px 0 0 0;  }
#disclaimer li { padding: 0 0 15px 0; list-style-type: none; }
#disclaimer li ul li{ padding: 0 0 0 10px; margin: 0 0 0 15px; list-style-type:circle; }

#button { background: #D4D0C8; border-bottom: 1px solid #404040; border-right: 1px solid #404040; height: 20px; width:120px; }
#button a,#button a:hover { color: #000000; display: block; text-decoration: none; font-size: 11px;  text-decoration: none; border-top: 1px solid #FFFFFF;  border-left: 1px solid #FFFFFF; text-align: center; border-right: 1px solid #808080; border-bottom: 1px solid #808080; line-height: 18px }

#shoutbox { border: 1px solid #000000; padding: 0; margin: 10px; }
#shoutbox input { float: none; }
#shoutbox label { width:50px; display: block; float: left; }
#shoutbox .header { padding: 5px; letter-spacing: 0px; }
#shoutbox .header span { font-size: 9px; }
#shoutbox .header a { color: #FFFFFF; }
#shoutbox #shoutcontent { height: 300px; overflow:auto; background: #fff; color: #333333; border-top: 1px solid #000;  border-bottom: 1px solid #000; }
#shoutbox #shoutcontent .shoutrule { border-bottom: 1px dotted #999; padding: 5px; }