@charset 'utf-8';
/* CSS Document */

* { margin:0; padding:0;}

/* structuur */
body { background:#ffd500; font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:14px; position:relative; left:0px; top:0px; z-index:0;}
#topheaderspace { width:1020px; height:110px; } /* deze div dient om de nodige ruimte te reserveren voor de topheader  */
#topheader {width:1020px; position:absolute; top:0px; background:#666666;  } /* dit is het gedeelte boven de site waar de leaderboard en de loginbox in zitten */
#container { width:1020px; margin:0px auto; position:relative;} /* de container waar alles inzit. Dankzij deze container kunnen we alles centreren. Deze container is ook nodig om de leaderboard, loginbox en navigatie absoluut te kunnen positioneren */
#container_white { width:1020px; background:url(../../images_matrix/planet/container_bg.png) repeat-y; } /* de witte box waar alles inzit, deze is breder dan het wit want er zit nog schaduw rond */
#header_homepage { width:1020px; height:153px; background:url(../../images_matrix/planet/header_bg.png) no-repeat;}
#header_be { width:1020px; height:174px; background:url(../../images_matrix/planet/header_bg.png) no-repeat;}
#header_nl { width:1020px; height:174px; background:url(../../images_matrix/planet/header_bg_nl.png) no-repeat;}
#maincol { width:574px; float:left; margin: 0 0 0 40px; padding: 7px 0 20px 0; display: inline;} /*de maincol is de linker hoofdkolom waar alle main inhoud inzit - display inline voor de IE double margin bug */
#maincolAlone { width:1000px; margin: 0 0 0 10px; text-align:center; float:left; display: inline;} /*de maincolAlone staat op zich er is nu geen right-col aanwezig (bv bij Splash) - display inline voor de IE double margin bug */
#rightcol { width:336px; float:left; margin: 0 0 0 30px; padding: 0 0 20px 0;} /* de rightcol is de rechterkolom en is even breed als een wide IMU */
#magazinefooter { margin:0 1px 0 1px; padding:25px 30px;}

#footer {margin: 0 0 0 5px; font-size:10px; color:#666; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#footer_greybox{margin: 0 0 0 40px; width:940px; background:#efefe8 url(../../images_matrix/planet/greybox_940.png) top left no-repeat;}
#footer_end{ margin: 0 0 0 40px; width:940px; height:15px; background: #efefe8 url(../../images_matrix/planet/greybox_940_footer.png) bottom left no-repeat;}

/*.greybox { width:574px; background:#efefe8 url(../../images_matrix/planet/greybox_574.png) top left no-repeat; margin:0; position:relative; top:0; left:0; padding: 0 0 2px 0;}
.greybox_footer { width:574px; height:15px; background: #efefe8 url(../../images_matrix/planet/greybox_574_footer.png) bottom left no-repeat;}*/

.actionbox { width:320px; float:right; margin:10px 5px; }
.actionbox img { float:right; margin:0 0 0 7px; border:none;}
.actionbox .bookmarks { width:130px; float:right; } 

#containerfooter { width:1020px; background: #ffd500 url(../../images_matrix/planet/footer_bg.png) no-repeat top left; text-align:center; font-size:10px; color:#666; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:13px 0 40px 0} /*deze footer dient om de container (het witte vlak) te sluiten; copyright info zit hier ook in */
/* Splash by HOJ ==> TO CONTROL */

#splash_wrapper{	width : 100%; 	height: 3000px; 	position: absolute;		text-align:center;	z-index:2147483646;	display:block;}
#splash {	position: absolute;	background-color : #ffffff;	width: 100%;	height: 3000px;			filter: alpha(opacity=70);	-moz-opacity: 0.7;	-khtml-opacity: 0.7;	opacity: 0.7;	z-index:2147483655;}	
#splashwit { 	background: #ffffff;	position: relative;		width: 700px;	height: 700px;	overflow: hidden;	clear: both;	z-index:2147483660;	margin: 20px auto;	padding: 20px;}
/* #splash {width : 100%; height: 3000px; position: absolute; background-color : #ffffff; z-index:2147483646;} 
 #splashwit {width : 950px; height: 3000px; position: relative;	margin: 0 auto;  padding-top: 50px; background-color : #ffffff; z-index:214748364; text-align: center;} */

/* Header */
#leaderboardbox { position:absolute; top:15px; left:30px; z-index:1;}
#loginbox { width:247px; height:129px; position:absolute; top:0; right:0; background:url(../../images_matrix/planet/login_bg.png) top left no-repeat; font-size:12px; color:#888;}
#loginbox a { color:#888;}
#loginbox input, #loginbox textarea, #loginbox select, #loginboxinput.iefocus, #loginboxtextarea.iefocus{background:#f1f1eb; border:none; color:#888888; text-align:right; font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:16px;}
.loginbox_padding { padding:18px 0px 10px 25px;}
.loginform { position:relative; top:7px; left:3px;}
.memberbox { width:209px; height:52px; background:url(../../images_matrix/planet/login_grey_bg.png); position:relative; top:0; left:0;}
p.nickname { position:absolute; top:10px; left:10px; font-size:14px; font-weight:bold; color:#c40101;}
.avatarbox { width:48px; height:48px; position:absolute; top:0px; left:162px; float:left; margin:0 10px 0 0;}
.avatarbox img { position:absolute; width:48px; height:48px; left:0px; top:0px; z-index:20; border:0;}
.avatar_overlay { width:48px; height:48px; position:absolute; top:0; left:0; background: url(../../images_matrix/planet/login_avatar_overlay.png) no-repeat; z-index:30;}
p.login_actions { position:absolute; top:74px; left:55px; font-size:11px; font-weight:normal; color:#848484; }
.maincol_left_277 { width:277px; float: left; margin: 0 20px 0 0; } /* dit is een linkerkolom of -block in de maincol die juist 277px breed is (juist de helft)*/ 
.maincol_right_277 { width:277px; float: left; margin: 0;  } /* en dit is de bijhorende rechterkolom die even breed is*/

.maincol_left_336 { width:336px; float: left; margin: 0 20px 0 0; } /* dit is een kolom of block in de linker maincol die 336px breed is*/ 
.maincol_right_218 { width:218px; float: left; margin: 0;  } /* en dit is de bijhorende rechterkolom die 218px breed is*/ 
#breadcrumb { font-size:11px; color:#777; margin:0 0 10px 0; }
#breadcrumb a { color:#777; text-decoration:none; }
#breadcrumb a:hover { text-decoration:underline; }

.flashcontent{	z-index:-1;}

p.aantal_special { display:block; width:75px; height:12px; float:left; margin:2px 5px 0 0; font-weight:bold; font-size:10px; color:#c40101; text-align:right; line-height:normal;}


.pagingSearch { margin:0 auto; text-align:center; width:100%; height:18px; padding:4px 0; font-size:14px; color:#333;}
.pagingSearch a { color:#333; text-decoration:none;}
.pagingSearch a:hover { text-decoration: underline;}
.pagingSearch .current { font-weight:bold; background:#c40101; color:#fff; padding:0 5px; margin:0 0 5px 0; }
.pagingSearch .other { font-weight:bold; color:#333; padding:0 2px; margin:0 0 5px 0; }


/* common classes */
a { color:#C40101; text-decoration:none;}

a.smallerlink { font-size:12px; color:#C40101; text-decoration:none;}

a:hover { text-decoration:underline;}
a.underline { text-decoration: underline;}
h1 { font-size:24px; font-weight:bold; color:#c40101; margin:0 0 5px 0;}
h2 { font-size:16px;}
h2 a { color: #333; text-decoration:none;}
h2.article_subtitle { font-size:18px; font-weight:normal;}
h2.listingtitle {font-size:18px; font-weight:normal;}
h2.listingtitle a { color: #C40101; text-decoration:none;}

h3 { font-size:14px; color: #666;}
h3 a { color: #666; text-decoration:none;}
h3.cover {background:#ffffff url(../../images_matrix/planet/redbox_full_bg.png) no-repeat; color:#ffffff; padding:5px;}

h2.overview { color: #000; font-weight:normal;}
h2.overview a{ color: #c40101; text-decoration:none;}
h2.overview a:hover{ text-decoration:underline;}

h3.overview { color: #000; font-weight:normal;}
h3.overview a{ color: #c40101; text-decoration:none;}
h3.overview a:hover{ text-decoration:underline;}

h3.RedListing { color: #000; font-weight:bold;}
h3.RedListing a{ color: #c40101; text-decoration:none;}
h3.RedListing a:hover{ text-decoration:underline;}



.archDate { clear:left; float:left; color: #ADADAD; font-weight:normal; padding-right:5px; font-size:14px;}
.archDesc { float:left; color: #ADADAD; font-weight:normal; font-size:14px;}
.archLink { float:left; color: #000; font-weight:normal; padding-right:5px; font-size:14px;}
.archLink a{ color: #c40101; font-weight:bold; text-decoration:none;}
.archLink a:hover{ text-decoration:underline;}


#footer a { color:#666;}
.bolder { font-weight:bold; color:#666;}
.extra, .extra a, #footer .extra a { color:#cc0000;}
img.left { float:left;}
img.right_border { float:right; border: 1px solid #000000; margin:5px;}
img.nostyle {border:0;}

/* LISTS */
ul { list-style: none; margin:0 0 0 10px;}
ol { margin:0 0 0 10px;}
ul li{ padding:0 0 4px 10px; margin: 0px; background: url(../../images_matrix/planet/bullet.gif) no-repeat; background-position: 0px 6px;}
ul a { color:#333; text-decoration:none;} /* links in lists are black and not underlined */

#lijstjesFixer ol {margin-left:50px;}
#lijstjesFixer ul {margin-left:50px;}


ul.para { list-style: none; margin:0 0 0 40px;}
ol.para { margin:0 0 0 40px;}
ul.para li{ padding:0 0 4px 10px; margin: 0px; background: url(../../images_matrix/planet/bullet.gif) no-repeat; background-position: 0px 6px;}
ul.para a { color:#333; text-decoration:none;} /* links in lists are black and not underlined */


ul.downloads li { padding:6px 0 6px 50px; height:50px;  margin: 0px; background: url(../../images_matrix/planet/download.png) no-repeat; background-position: 0px 0px; line-height:normal;}
ul.downloads a { font-weight:bold; font-size:12px; color:#c40101; text-decoration:none;} /* links in lists are black and not underlined */
ul.downloads a:hover { text-decoration:underline;} /* links in lists are black and not underlined */

ul.nobulletsLeft {float:left;}
ul.nobulletsLeft li { background:none; padding:0 0 6px 5px; } /* gebruik de nobullets class als je geen bullets wil. bvb voor de lists met een vignet */
p.aantal_vignet { display:block; width:53px; height:12px; background:url(/images_matrix/planet/categorie_bg.png) repeat-y; float:left; margin:2px 5px 0 0; font-weight:bold; font-size:10px; color:#5c7b94; text-align:right; line-height:normal;}
p.aantal_vignet span { padding: 0 7px 0 10px; }


/* navigation */
#navigation { width:909px; background:url(../../images_matrix/planet/navigation_bg.png) no-repeat; position:absolute; top:228px; left:56px;}
#navigation ul { position:relative; top:0; left:4px;} /* duw navigatie-items naar rechts om het geheel te centreren */
#navigation ul li{margin:0; padding:0 0 0 2px; float:left;display:block; background: url(../../images_matrix/planet/navigation_divider.png) top left no-repeat; height:25px;}
#navigation ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:25px; font-weight:bold; color:#666; display:block;  padding:0 17px; text-decoration:none; margin:0;} /* gebruik de padding om de navigatie-items uit te vullen, dit wil zeggen: meer spatie tussen de items voorzien */
#navigation ul li a.current { background:#f9dc1e url(../../images_matrix/planet/button_highlighted_bg.png) repeat-x; }
#navigation ul li a:hover { background:#f9dc1e url(../../images_matrix/planet/button_highlighted_bg.png) repeat-x;}

/* subnavigation */
#navigation ul ul { height:21px; background:url(../../images_matrix/planet/subnavigation_bg.png) no-repeat; position:absolute; top:25px; left:-845px;}
#navigation ul ul li {margin:0; padding:0 0 0 2px; float:left;display:block; background: none; height:21px; border-left:1px dotted #333;}
#navigation ul ul li a { font-size:11px; line-height:21px; font-weight:bold; color:#333; display:block;  padding:0 20px; text-decoration:none; margin:0;} 
#navigation ul ul li.nodivider { border:none; padding: 0 0 0 0px;}
#navigation ul ul li.end { width:5px; height:21px; background:url(../../images_matrix/planet/subnavigation_bg.png) top right no-repeat; border:none;}
#navigation ul ul li a:hover { background:none; color:#ee090c;}

/* coverblock */
#coverblock { width:320px; height:130px; position:absolute; top:98px; right:50px; }
a.cover { display:block; width:130px; height:130px; float:right; position:relative;}
#coverblock img {  border:none; position:absolute; bottom:0; right:18px;}
#coverblock ul { text-align:right; padding:52px 10px 0 0}
#coverblock ul li { background:none; padding:0;}
#coverblock ul li a { color:#fff;}

/* Forms */
form {display:inline;}
/*input, textarea, select, input.iefocus, textarea.iefocus{background:#ffffff; border:none; color:#000000; padding:0 10px; text-align:right; font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:16px;}
input.button{font-size:10px;color:white;height:18px;background:#e50150;border:none;}
input.button:hover{cursor:pointer;background:#ffffff;color:black;}*/

input, textarea, select, input.iefocus, textarea.iefocus{background:#ffffff;}
/*input.button{font-size:10px;color:white;height:18px;background:#e50150;border:none;}*/
input.button:hover{cursor:pointer;background:#ffffff;color:black;}


input.button:hover{cursor:pointer; background-position:bottom;}
/*input.no_style { background:none; padding:0;height:auto;}*//* te gebruiken als je een image als button gebruikt */
input.checkbox, input.radiobox {border:none;}

/* search */
#searchbox { width:336px; height:41px; background:url(../../images_matrix/planet/search_bg.png) no-repeat; margin:0 0 20px 0;}
#searchbox cse-search-box input, input.iefocus, textarea.iefocus{background:#fff; border:none; color:#888888; padding:0 10px; text-align:right; font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:20px;}
#searchbox cse-search-box input.no_style { background:none; padding:0; height:auto;}/* te gebruiken als je een image als button gebruikt */
#searchbox cse-search-box table { position:relative; top:5px; left:13px;}

/* special classes */
.logo { display:block; width: 260px; height:75px; position:relative; top:40px; left:50px; } /* onzichtbare div, dient om het clickx-logo clickable te maken */
.hidden { position:absolute; left:-999px;} /* gebruik deze class om inhoud te verbergen (dmv verplaatsing, anders wordt het ook onzichtbaar voor Google) */
.clear { clear:both;}
.clear5 { clear:both; height:5px;}
.clear10 { clear:both; height:10px;}
.clear15 { clear:both; height:15px;}
.clear20 { clear:both; height:20px;}
.clear30 { clear:both; height:30px;} /* deze clears kan je gebruiken in plaats van breaks */
.dashedline { border-bottom:1px dashed #e8e8dd;} /* stippellijn */
.greybox .dashedline { border-bottom:1px dashed #000;  } /* in een grijze box is de stippellijn zwart */
.redbox .dashedline { border-bottom:1px dashed #fff; } /* in een rode box is de stippellijn wit */
.dottedline { border-bottom:1px dotted #0150a0;} /* stippellijn */
.tags { background:url(../../images_matrix/planet/icon_tags.png) no-repeat 0 0; padding: 0 0 0 20px; font-size:11px; color:#666;}
.tags a {color:#666;}

blockquote.para { background-color: #F7F7F7; margin: 10px 10px 10px 30px; padding: 10px; border-left: 4px solid #999; }

p { margin: 0 0 10px 0;}
p.right_align { text-align:right;}
p.right_align_bigger { text-align:right; font-size:12px; font-weight:bold;}
p.categorie { color: #c40101; font-size:18px; font-weight:bold;}
p.categorie a { color: #c40101; text-decoration:none;}
p.categorie a:hover { text-decoration:underline;}
p.bigtext { font-size:36px; line-height:36px; margin:0 10px 10px 0; color:#bbbba5; font-style:italic; font-weight:bold; float:left;}
p.introtext { font-weight:bold;}
p.short {font-weight:bold;}
.smalltext { font-size:11px; color:#666;}
h1.bigtext { font-size:36px; line-height:36px; margin:0 10px 10px 0; color:#bbbba5; font-style:italic; font-weight:bold; float:left;}
h2.biggertext { font-size:16px; line-height:18px; margin:0 10px 10px 0; color:#c40101; font-style:italic; font-weight:bold; float:left;}
.redtext{color: #c40101;}
.redtext a {color: #c40101;text-decoration:none;}
.redtext a:hover {text-decoration:underline;}

/* greybox: een lichtgrijze box met ronde hoeken; afhankelijk van de breedte van de kolom waar hij in zit, krijgt hij een andere breedte */
.greybox { width:574px; background:#efefe8 url(../../images_matrix/planet/greybox_574.png) top left no-repeat; margin:0; position:relative; top:0; left:0; padding: 0 0 2px 0;}
.greybox p.categorie { position:relative; top:6px; left:15px;}
.greybox_footer { width:574px; height:15px; background: #efefe8 url(../../images_matrix/planet/greybox_574_footer.png) bottom left no-repeat;}

.maincol_left_336 .greybox, #rightcol .greybox { width:336px; background:#efefe8 url(../../images_matrix/planet/greybox_336.png) top left no-repeat;} /* greybox in linker- or rechterkolom van 336px */
.maincol_left_336 .greybox_footer, #rightcol .greybox_footer { width:336px;  background:url(../../images_matrix/planet/greybox_336_footer.png) bottom left no-repeat;}

.maincol_right_218 .greybox { width:218px; background:#efefe8 url(../../images_matrix/planet/greybox_218.png) top left no-repeat;} /* greybox in rechterkolom van 218px */
.maincol_right_218 .greybox_footer { width:218px;  background:url(../../images_matrix/planet/greybox_218_footer.png) bottom left no-repeat;}

.maincol_left_277 .greybox { width:277px; background:#efefe8 url(../../images_matrix/planet/greybox_277.png) top left no-repeat;} /* greybox in linkerkolom van 277px */
.maincol_left_277 .greybox_footer { width:277px;  background:url(../../images_matrix/planet/greybox_277_footer.png) bottom left no-repeat;}

.maincol_right_277 .greybox { width:277px; background:#efefe8 url(../../images_matrix/planet/greybox_277.png) top left no-repeat;} /* greybox in rechterkolom van 277px */
.maincol_right_277 .greybox_footer { width:277px;  background:url(../../images_matrix/planet/greybox_277_footer.png) bottom left no-repeat;}

/* redbox: een rode box met ronde hoeken; afhankelijk van de breedte van de kolom waar hij in zit, krijgt hij een andere breedte */
.redbox { width:218px; background: #b40101 url(../../images_matrix/planet/redbox_218.png) top left no-repeat; margin:0; position:relative; top:0; left:0;}
.redbox p.categorie { position:relative; top:6px; left:15px; color:#fff;}
.redbox p.categorie a { color:#fff;}
.redbox_footer { width:218px; height:15px; background:url(../../images_matrix/planet/redbox_218_footer.png) bottom left no-repeat;}
.redbox h2, .redbox h2 a  {color:#ffd500;}

.colorbox_padding { padding:15px 15px 0px 15px; } /* padding voor greybox en redbox */
.colorbox_padding_small { padding:8px 15px 0px 15px; position:relative;} /* kleinere padding voor bijvoorbeeld de bookmark-ikoontjes op de articlepage */

/* teaserimagebox; deze dient om de transparante cirkels bovenop de images te zetten - dit zijn transparante images die niet werken in IE6 (zie main_ie.css) */
.teaserimagebox { width:120px; height:100px; position:relative; float:left;}
.teaserimagebox img { position:absolute; left:0px; top:0px; z-index:20; border:0;}
.teaserimage_overlay { width:120px; height:100px; position:absolute; top:0; left:0; background: url(../../images_matrix/planet/teaserimage_overlay.png) no-repeat; z-index:30; cursor:pointer;}
.teasertextbox { width:421px; float:left; background:url(../../images_matrix/planet/teasertext_bg.png) top left no-repeat;}
.teasertextbox_padding { padding:10px 15px 0px 30px;}
.teasertextbox_footer { width:421px; height:15px; padding:0px 3px 0px 0px; float:right; background: url(../../images_matrix/planet/teasertext_footer.png) bottom left no-repeat;}

/* roundedimagebox; deze dient om ronde hoekjes bovenop de images te zetten - dit zijn transparante images die niet werken in IE6 (zie main_ie.css) */
.roundedimagebox { width:120px; height:100px; position:relative; float:left; margin:0 10px 0 0;}
.roundedimagebox_toolkit { width:560px; height:100px; position:relative; float:left; margin:0 10px 0 0;}
.roundedimagebox_toolkit_small { width:336px; height:56px; position:relative; float:left; margin:0 10px 0 0;}
.roundedimagebox img { position:absolute; left:0px; top:0px; z-index:20; border:0;}
.roundedimagebox_toolkit img { position:absolute; left:0px; top:0px; z-index:20; border:0;}
.roundedimagebox_toolkit_small img { position:absolute; left:0px; top:0px; z-index:20; border:0;}
.roundedimagebox_big { width:260px; height:129px; position:relative; float:left; margin:0 10px 0 0;}
.roundedimagebox_big img { position:absolute; left:0px; top:0px; z-index:20; border:0;}
.roundedimage_overlay { width:120px; height:100px; position:absolute; top:0; left:0; background: url(../../images_matrix/planet/roundedimage_overlay_white.png) no-repeat; z-index:30;}
.roundedimage_toolkit_overlay { width:560px; height:100px; position:absolute; top:0; left:0; background: url(../../images_matrix/planet/roundedimage_toolkit_overlay_white.png) no-repeat; z-index:30;}
.roundedimage_toolkit_overlay_small { width:336px; height:56px; position:absolute; top:0; left:0; background: url(../../images_matrix/planet/roundedimage_toolkit_overlay_white_small.png) no-repeat; z-index:30;}
.roundedimage_overlay_grey { width:120px; height:100px; position:absolute; top:0; left:0; background: url(../../images_matrix/planet/roundedimage_overlay_grey_border.png) no-repeat; z-index:30;}
.roundedimage_overlay_grey_big { width:260px; height:129px; position:absolute; top:0; left:0; background: url(../../images_matrix/planet/item_carrousel_img_overlay.png) no-repeat; z-index:30;}
.greybox .roundedimage_overlay { width:120px; height:100px; position:absolute; top:0; left:0; background: url(../../images_matrix/planet/roundedimage_overlay_grey.png) no-repeat; z-index:30; cursor:pointer;} /* als de image zich in een greybox bevindt, moet hij grijze hoekjes hebben in plaats van wit */
.redbox .roundedimage_overlay { width:120px; height:100px; position:absolute; top:0; left:0; background: url(../../images_matrix/planet/roundedimage_overlay_red.png) no-repeat; z-index:30; cursor:pointer;} /* als de image zich in een redbox bevindt, moet hij rode hoekjes hebben in plaats van wit */
.zoom_overlay { width: 13px; height:14px; background:url(../../images_matrix/planet/icon_zoom.png) no-repeat; position:absolute; left:112px; top:86px; z-index:40;}
.workshop { width:50px; height:50px; position:relative; float:left; margin:5px 5px 2px 0;}
.workshop img { position:absolute; left:0px; top:0px;  border:0;}/*z-index:20;*/
.workshop_overlay { width: 25px; height:24px; background:url(../../images_matrix/planet/workshop_overlay.png) no-repeat; position:absolute; left:13px; top:5px; }/*z-index:40;*/
.ws_nav_overlay { width:50px; height:50px; position:absolute; top:0; left:0; background: url(../../images_matrix/planet/overlay_grey_border.png) no-repeat; z-index:30;}
.ws_nav_overlay_active { width:50px; height:50px; position:absolute; top:0; left:0; background: url(../../images_matrix/planet/overlay_red_border.png) no-repeat; z-index:30;}
.ws_nav_txt{float:left; height:20px; clear:left; margin:0 5px 0 7px; font-size:12px;}
.ws_nav_txt_active{float:left; height:20px; clear:left; font-weight:bold; margin:0 5px 0 7px; font-size:12px;}
.ws_step{float:left}
.ws_nav_txt a {text-decoration:none; color:#000000; font-weight:bold;}
.ws_nav_txt a:hover {text-decoration:underline; }
.ws_nav_txt_active a {text-decoration:none; color:#c40101; font-weight:bold;}
.ws_nav_txt_active a:hover {text-decoration:underline;}

.ws_but_next{float:right; width:110px; height:20px; background: url(../../images_matrix/planet/but_next.png) no-repeat;}
.ws_but_next a{text-decoration:none; color:#ffffff; font-weight:bold;}
.ws_but_next a:hover{text-decoration:none; color:#FFFF00;}
.ws_but_prev{float:left; width:100px; height:20px; padding-left:2px; background: url(../../images_matrix/planet/but_prev.png) no-repeat;}
.ws_but_prev a{text-decoration:none; color:#ffffff; font-weight:bold;}
.ws_but_prev a:hover{text-decoration:none; color:#FFFF00;}

/* tabs */
.tabs_box { width: 454px; height:38px; background: url(../../images_matrix/planet/tabkes_bg.png) no-repeat; position:absolute; top:0; right:0;}
.maincol_left_336 .tabs_box, #rightcol .tabs_box { width: 211px; background: url(../../images_matrix/planet/tabkes_bg_336.png) no-repeat;} /* als de tabs_box in de smallere linkerkolom (maincol_left_336) of in de rechterkolom zit, moet de image smaller zijn */
.tabs_box_notabs { width: 454px; height:38px; background: url(../../images_matrix/planet/tabkes_bg_notabs.png) no-repeat; position:absolute; top:0; right:0;}
.maincol_left_336 .tabs_box_notabs, #rightcol .tabs_box_tabs_box_notabs { width: 211px; background: url(../../images_matrix/planet/tabkes_bg_336_notabs.png) no-repeat;}


.tabs { width:100%; line-height:17px; font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.tabs ul { margin:0; padding:9px 0px 0 6px; list-style:none; }
.tabs li { display:inline; margin:2px 0 0px; padding:0; }
.tabs a { float:left; margin:0 0 0 0; padding:0 12px 0 15px; text-decoration:none; /*background: url(../../images_matrix/planet/tab_divider.gif) top right no-repeat; */}
.tabs a span { float:left; display:block; padding:0px 8px 0px 8px; color:#666;  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/    .tabs a span {float:none;}    /* End IE5-Mac hack */
.tabs a:hover span { color:#c40101; }
.tabs .current a { background:url(../../images_matrix/planet/tab_red_bg.gif) repeat-x; padding:0 3px 0 3px;  }
.tabs .current .starttab { display:block; float: left; width:12px; height:17px; background:url(../../images_matrix/planet/tab_red_left.gif) no-repeat; }
.tabs .current .endtab { display:block; float: left; width:10px; height:17px; background:url(../../images_matrix/planet/tab_red_right.gif) no-repeat; }
.tabs .current a span { font-weight:bold; color:#fff; }
	  
.position_center { float:none; margin:0 auto; text-align:center;}

/* content carrousel */
#slideshow { position:relative; width: 574px; height:169px; background:url(../../images_matrix/planet/contentcarrousel_bg.png) no-repeat;}
#slideshow div.loading2 {position:absolute;top:30px;left:90px;width:100px;text-align:center;color:white;}
#slideshow h1 {font-size:22px;font-weight:bold; color:#333333; margin:0}
#slideshow #slide1, #slideshow #slide2, #slideshow #slide3, #slideshow #slide4, #slideshow #slide5{position:absolute;top:0px;left:0px;z-index:50;width:574px;height:169px;display:block;}
#slideshow #slide1 a.toarticle, #slideshow #slide2 a.toarticle,#slideshow #slide3 a.toarticle, #slideshow #slide4 a.toarticle, #slideshow #slide5 a.toarticle{position:absolute;top:16px;left:7px;z-index:80;width:260px;height:130px;display:block;background: url(../../images_matrix/planet/contentcarrousel_overlay.png);text-decoration:none; }
#slideshow a {color:#333;}
#slideshow #slide1 img, #slideshow #slide2 img, #slideshow #slide3 img, #slideshow #slide4 img, #slideshow #slide5 img{position:absolute;top:16px;left:7px;width:260px;height:130px;}
#intro1, #intro2, #intro3, #intro4, #intro5{position:absolute;top:0;left:0;width:574px;color:white;cursor:pointer;text-decoration:none;z-index:99;}
#slideshow div.intropadding{padding:15px 20px 0px 287px;display:block;}
#slideshow div.nav{position:absolute;top:148px;left:158px;width:400px;z-index:100; height:16px; line-height:16px; }
#slideshow a.slideprevious{float:right;width:18px;height:16px;display:block;background: url(../../images_matrix/planet/contentcarrousel_button_previous.png) no-repeat;text-decoration:none; margin:0 0 0 95px;}
#slideshow a.slidenext{float:right;width:18px;height:16px;display:block;background: url(../../images_matrix/planet/contentcarrousel_button_next.png) no-repeat;text-decoration:none;}
#slideshow a.slideplay{float:right;width:19px;height:16px;display:block;background: url(../../images_matrix/planet/contentcarrousel_button_play.png) no-repeat;text-decoration:none;}
#slideshow a.slidepause{float:right;width:19px;height:16px;display:block;background: url(../../images_matrix/planet/contentcarrousel_button_pause.png) no-repeat;text-decoration:none;}
#slideshow a.slide1, #slideshow a.slide2, #slideshow a.slide3, #slideshow a.slide4, #slideshow a.slide5{float:right;width:16px;height:16px;display:block;text-decoration:none; margin: 0 0 0 10px;}
#slideshow a.slide1{background:url(../../images_matrix/planet/contentcarrousel_button_1.png) 0 -21px no-repeat;}
#slideshow a.slide2{background:url(../../images_matrix/planet/contentcarrousel_button_2.png) 0 -21px no-repeat;}
#slideshow a.slide3{background:url(../../images_matrix/planet/contentcarrousel_button_3.png) 0 -21px no-repeat;}
#slideshow a.slide4{background:url(../../images_matrix/planet/contentcarrousel_button_4.png) 0 -21px no-repeat;}
#slideshow a.slide5{background:url(../../images_matrix/planet/contentcarrousel_button_5.png) 0 -21px no-repeat;}
#slideshow a.slide1:hover, #slideshow a.slide2:hover, #slideshow a.slide3:hover, #slideshow a.slide4:hover, #slideshow a.slide5:hover{background-position:0 0;}
#slideshow a.slideprevious:hover, #slideshow a.slidenext:hover, #slideshow a.slideplay:hover, #slideshow a.slidepause:hover{background-position:0 -16px;}

#slideshow #slide1 a.slide1{position:absolute;left:278px;top:148px;background-position:0 0;}
#slideshow #slide2 a.slide2{position:absolute;left:304px;top:148px;background-position:0 0;}
#slideshow #slide3 a.slide3{position:absolute;left:330px;top:148px;background-position:0 0;}
#slideshow #slide4 a.slide4{position:absolute;left:356px;top:148px;background-position:0 0;}
#slideshow #slide5 a.slide5{position:absolute;left:382px;top:148px;background-position:0 0;}

#readmore1, #readmore2, #readmore3, #readmore4, #readmore5 {position:absolute;bottom:30px;right:15px;z-index:80;color:#C40101;text-decoration:none;}
#readmore1 a, #readmore2 a, #readmore3 a, #readmore4 a, #readmore5 a { color:#C40101; margin:10px 0 0 0}

/* tag cloud */
#cloud { padding: 2px; line-height: 18px; text-align: center; list-style: none; background:url(../../images_matrix/planet/tagcloud_bg.png) no-repeat; }
#cloud a { padding: 0px; text-decoration:none;}
#cloud a:hover { text-decoration:underline; background:none;}
#cloud li { display: inline; list-style:none; background:none; }
#cloud a.tag1 { font-size: 9px; color:#7377b5; }
#cloud a.tag2 { font-size: 10px; color:#666aae; }
#cloud a.tag3 { font-size: 11px; color:#595ea7;}
#cloud a.tag4 { font-size: 12px; color:#4c51a0; }
#cloud a.tag5 { font-size: 14px; color:#40459a; }
#cloud a.tag6 { font-size: 16px; color:#333993;}
#cloud a.tag7 { font-size: 18px; color:#262c8c;}
#cloud a.tag8 { font-size: 20px; color:#191f85;}
#cloud a.tag9 { font-size: 24px; color:#0d147f; }
#cloud a.tag10 { font-size: 26px; color:#000778; }
#cloud a.tag1:hover { color:#bc0000; }
#cloud a.tag2:hover { color:#bc0000; }
#cloud a.tag3:hover { color:#bc0000; }
#cloud a.tag4:hover { color:#bc0000; }
#cloud a.tag5:hover { color:#bc0000; }
#cloud a.tag6:hover { color:#bc0000; }
#cloud a.tag7:hover { color:#bc0000; }
#cloud a.tag8:hover { color:#bc0000; }
#cloud a.tag9:hover { color:#bc0000; }
#cloud a.tag10:hover { color:#bc0000; }

/* cartoonbox */
.cartoonimage { border:0;}

/* Ad-container om te testen of er 1 is*/
#firstIMUbox { border:0; z-index:2; text-align:center;}
#secondIMUbox { border:0; z-index:3; text-align:center; border: solid 1px #ffffff;}
/* Cartoon-container zetten indien er geen 2e ad is*/
#cartoonbox { border:0;}

/* tooltip - text hoverbox */
.hovertooltip a { position:relative; text-decoration:none; z-index:60; text-align:left; }
.hovertooltip a:hover {text-decoration:none; z-index:200;  }
.hovertooltip a div.tooltipbox {display: none; position:relative; z-index:210;}
.hovertooltip a:hover div.tooltipbox {  display:block; position:absolute; top:0px; left:20px; width:365px; color:#000; z-index:70;  }
div.tooltip_header { width:365px; height:29px; background:url(../../images_matrix/planet/tooltip_top.png) no-repeat; }
div.tooltip { width:365px; background:url(../../images_matrix/planet/tooltip_bg.png) repeat-y; }
div.tooltip_padding { padding:0 25px 10px 50px;}
div.tooltip_footer { width:365px; height:25px; background:url(../../images_matrix/planet/tooltip_bottom.png) no-repeat;}
div.tooltip h3 { margin:0; padding:0}

/* social bookmarks */
ul#bookmarks { margin:0; padding:0; position:absolute; top:9px; left:145px; z-index:9; } /* z-index needed to fix IE-bug */
ul#bookmarks li { display: inline; margin:0 5px 0 0; padding:0; background:none; }
ul#bookmarks li a { font-size:11px; color:#666; font-weight:bold; padding:0 0 0 20px;  }
ul#bookmarks li a.delicious { background:url(../../inc_images/1/socialbookmark/del_trans.gif) no-repeat; height:20px; width:20px;} 
ul#bookmarks li a.google { background:url(../../inc_images/1/socialbookmark/google_trans.gif) no-repeat; height:20px; width:20px;}
ul#bookmarks li a.msn { background:url(../../inc_images/1/socialbookmark/reporter.gif) no-repeat; height:20px; width:20px;}
ul#bookmarks li a.facebook { background:url(../../inc_images/1/socialbookmark/facebook_share_icon.gif) no-repeat; height:20px; width:20px;}
ul#bookmarks li a.stumbleupon { background:url(../../inc_images/1/socialbookmark/stumbleupon_trans.gif) no-repeat; height:20px; width:20px;}
ul#bookmarks li a.twitter { background:url(../../inc_images/1/socialbookmark/twitter_trans.gif) no-repeat; height:20px; width:20px;}

/* Artikel action form */
ul#printsend { margin:0; padding:0; } 
ul#printsend li { margin:0 0 8px 0; padding:0; background:none; line-height:16px; line-height:16px; }
ul#printsend li a { font-size:14px; color:#0150a0; padding:0 0 0 25px;  }
ul#printsend li a.print { background:url(../../images_matrix/planet/icon_print.png) 0 0 no-repeat;} 
ul#printsend li a.send { background:url(../../images_matrix/planet/icon_verstuur.png) 0 2px no-repeat;} 
ul#printsend li a.comment { background:url(../../images_matrix/planet/icon_comment.png) 0 3px no-repeat;} 
ul#printsend li a.report { background:url(../../images_matrix/planet/icon_fout.png) 0 2px no-repeat;} 
ul#printsend li a.bewaar { background:url(../../images_matrix/planet/icon_save.png) 0 0 no-repeat;  }

ul#printsend_registered { margin:0; padding:0; } 
ul#printsend_registered li { margin:0 0 8px 0; padding:0; background:none; line-height:16px; line-height:16px; }
ul#printsend_registered li a { font-size:14px; color:#0150a0; padding:0 0 0 25px;  }
ul#printsend_registered li a.pdf { background:url(../../images_matrix/planet/pdf.png) 0 0 no-repeat;  }
ul#printsend_registered li a.bewaar { background:url(../../images_matrix/planet/icon_save.png) 0 0 no-repeat;  }

ul#printsend_registered li a#pdf { background:url(../../images_matrix/planet/pdf.png) 0 0 no-repeat;  }
ul#printsend_registered li a#bewaar { background:url(../../images_matrix/planet/icon_save.png) 0 0 no-repeat;  }


/* Not registered */
.notreg {height: 100px; width: 300px; margin:0; padding:0; background-image:url(../../images_matrix/planet/do_login.png);} 
.notreg a, .notreg a:link, .notreg a:visited {display:block; }
.notreg img {width:100%; height:100%;	border:0;}
.notreg a:hover img {visibility:hidden;}

/* paging */
.paging { position:relative; top:0; left:0; height:15px;  border-top: 1px dotted #e8e8dd; border-bottom: 1px dotted #e8e8dd;font-size:12px; margin:20px 0 0 0; padding:3px 0 6px 0;}
.paging a.previous { position:absolute; left:0; margin: 0 0 0 5px; }
.paging a.next { position:absolute; right:0; margin:0 5px 0 0; }
.paging .current { font-weight:bold; background:#c40101; color:#fff; padding:0 5px; margin:0 0 5px 0 }


/* reacties */
.reactiebox { width:543px; background:#fff url(../../images_matrix/planet/reactiebox_level1.png) top left no-repeat; margin:0; position:relative; top:0; left:0; padding: 40px 0 2px 0;}
.reactiebox_footer { width:543px; height:8px; background: #efefe8 url(../../images_matrix/planet/reactiebox_level1_footer.png) bottom left no-repeat; margin:0 0 20px 0;}
.reactiebox .nickname { position:absolute; top:6px; left:90px; font-size:14px; font-weight:bold; color:#c40101;}
.reactiebox .nickname a { color:#c40101;}
.reactiebox .timestamp { position:absolute; top:8px; right:20px; font-size:11px; color:#666;}
.reactiebox .avatarbox { width:48px; height:48px; position:absolute; top:5px; left:11px; }
.reactiebox .avatarbox img { position:absolute; left:0px; top:0px; z-index:20; border:0;}
.reactiebox .avatar_overlay { width:48px; height:48px; position:absolute; top:0; left:0; background: url(../../images_matrix/planet/reactie_avatar_overlay.png) no-repeat; z-index:30;}
.reactiebox .reactie { position:relative; top: 0px; left: 0; font-size:12px;padding: 0 15px 0 69px; }
.reactiebox .right_align { color:#c0c0c0;}
.reactiebox .right_align a { color:#96b7d8;}
/* reactie level 2 - een reactie op een reactie */
.reactiebox .reactiebox { width:500px; background:#fff url(../../images_matrix/planet/reactiebox_level2.png) top left no-repeat; margin:0; position:relative; top:0; left:29px; padding: 40px 0 2px 0; margin:20px 0 0 0;}
.reactiebox .reactiebox_footer { width:500px; height:8px; background: #fff url(../../images_matrix/planet/reactiebox_level2_footer.png) bottom left no-repeat; position:relative; top:0; left:29px;}
.reactiebox .reactiebox .avatarbox img { position:absolute; left:0px; top:0px; z-index:20; border:0;}
.reactiebox .reactiebox .avatarbox { width:48px; height:48px; position:absolute; top:1px; left:11px; }
.reactiebox .reactiebox .avatar_overlay { background: url(../../images_matrix/planet/reactie_level2_avatar_overlay.png) no-repeat; }

/* Star-rating systeem bij artikels */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{background: url(../../images_matrix/planet/star.gif) left -1000px repeat-x;}
ul.star-rating {position:relative;	width:125px;	height:25px;	overflow:hidden;	list-style:none;	margin:0;	padding:0;	background-position: left top;} 
ul.star-rating li {	margin:0; padding:0; background:none; line-height:16px; line-height:16px; 	display: inline;}
.star-rating a,
.star-rating .current-rating{	position:absolute;	top:0;	left:0;	text-indent:-1000em;	height:25px;	line-height:25px;	outline:none;	overflow:hidden;	border: none;}
.star-rating a:hover,.star-rating a:active,.star-rating a:focus{	background-position: left bottom;}
.star-rating a.one-star{	width:20%;	z-index:6;}
.star-rating a.two-stars{	width:40%;	z-index:5;}
.star-rating a.three-stars{	width:60%;	z-index:4;}
.star-rating a.four-stars{	width:80%;	z-index:3;}
.star-rating a.five-stars{	width:100%;	z-index:2;}
.star-rating .current-rating{	z-index:1;	background-position: left center;}

.star-rating a#one-star{	width:20%;	z-index:6;}
.star-rating a#two-stars{	width:40%;	z-index:5;}
.star-rating a#three-stars{	width:60%;	z-index:4;}
.star-rating a#four-stars{	width:80%;	z-index:3;}
.star-rating a#five-stars{	width:100%;	z-index:2;}
.star-rating .current-rating{	z-index:1;	background-position: left center;}

.inline-rating{	/*display:-moz-inline-block;	display:-moz-inline-box;*/	display:inline-block; background:#ffffff url(../../images_matrix/planet/icon_star.png)  left no-repeat; padding-left:20px; vertical-align: middle;	font-size:14px; color:#0150a0; }
.inline-rating-text{	/*display:-moz-inline-block;	display:-moz-inline-box;*/	display:inline-block; margin-left:25px; vertical-align: middle;	font-size:14px; color:#0150a0;  }

.regbox { width:569px; background:#ffffff url(../../images_matrix/planet/regbox_red_574.png) top left no-repeat; margin:0; position:relative; top:0; left:0; padding: 0 0 2px 5px;}
.regbox_footer { width:574px; height:15px; background: #ffffff url(../../images_matrix/planet/regbox_red_574_footer.png) bottom left no-repeat;}
#actcode {background: #ffffff; border: 1px solid #7e9db9; padding: 2px;}
#reg_error{	background:#ffffff url(../../inc_images/1/registration/pages/error.png) top left no-repeat; margin:5px; padding: 2px 0px 0px 25px;}
#reg_error a {font-weight:bold; color:#c40101;}
#reg_succes{ background:#ffffff url(../../inc_images/1/registration/pages/check.png) top left no-repeat; margin:5px; padding: 2px 0px 0px 25px;}
#reg_succes a {font-weight:bold; color:#009900;}
#reg_succes_in_grey{ background:#EFEFE8 url(../../inc_images/1/registration/pages/check.png) top left no-repeat; margin:5px; padding: 2px 0px 0px 25px;}
#reg_succes_in_grey a {font-weight:bold; color:#009900;}
#reg_content { display: none; padding-left: 5px; font-size:12px; font-weight:bold; color:#c40101; }

#floating_login{
	display:none; 
	z-index:500000;
	position:absolute; 
	border: solid 1px #d70000;  
	background-color: #fff; 
	padding: 2px;
	width:300px;
}
#regboxfloat{	margin:0; padding: 0 0 2px 5px; z-index:500000;}
#regboxfloat_footer {  height:15px; z-index:500000;}

/*------------------ Captcha -------------------*/
#CaptchaImg{width:160px;height:50px;float:left;}
#CaptchaTxt{float:left;margin-left:5px;}
.Captcha{font-size:11px;font-weight:normal;text-decoration:none;color:#000000;margin:5px 0px;}
.Captcha A{text-decoration:none;font-weight:bold;color:#000000;}
.Captcha A:HOVER {text-decoration:underline;font-weight:bold;color:#D70003;}

/*------------------ Lightbox -------------------*/
#lbOverlay {position: absolute;left: 0;width: 100%;background-color: #ffd500;cursor: pointer;z-index:9999;}
#lbCenter, #lbBottomContainer {position: absolute;left: 50%;overflow: hidden;background-color: #fff;z-index:9999;}
.lbLoading {background: #fff url(../../images_matrix/planet/loading.gif) no-repeat center;z-index:9999;}
#lbImage {border: 10px solid #fff;z-index:9999;}
.photos {padding: 3px;border: 1px solid #fff;}
a:hover .photos{border: 1px solid #999;}
.lightboxDesc a {color: #999999;text-decoration: none;}
.lightboxDesc a:hover{color: #000000;text-decoration: none;}
/***************************
	styles for hidden next & previous buttons
***************************/
/*#lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;height: 32px;outline: none;}
#lbPrevLink{left: 0;}
#lbPrevLink:hover{background: transparent url(../../images_matrix/planet/prevlabel.gif) no-repeat 0% 15%;}
#lbNextLink{right: 0;}
#lbNextLink:hover{background: transparent url(../../images_matrix/planet/nextlabel.gif) no-repeat 100% 15%;}
/***************************
	styles for next & previous buttons as part of footer
***************************/
#lbPrevLink, #lbNextLink {display: block;width: 63px;height: 32px;outline: none;}
#lbPrevLink{float: left;background: transparent url(../../images_matrix/planet/prevlabel.gif) no-repeat left;}
#lbPrevLink:hover{background: transparent url(../../images_matrix/planet/prevlabel.gif) no-repeat left;}
#lbNextLink{float: right;background: transparent url(../../images_matrix/planet/nextlabel.gif) no-repeat right;}
#lbNextLink:hover{background: transparent url(../../images_matrix/planet/nextlabel.gif) no-repeat right;}
#lbControls{display: block;height: 32px;}
#lbBottom{font-family: Verdana, Helvetica, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;}
#lbCloseLink{clear: both;display: block;float: right;width: 66px;height: 22px;background: transparent url(../../images_matrix/planet/closelabel.gif) no-repeat center;margin: 0px 0px 0px 0px;/*border: 1px solid #000;*/}
#lbCaption, #lbNumber, #lbDescription{margin-right: 71px;/*border: 1px solid #000;*/}
#lbCaption{font-weight: bold;}
.lightboxDesc{display: none;}
/**************************************************************
	SlideShow
	v 1.3
**************************************************************/
.slideshowContainer {border: 1px solid #ccc;width: 580px;height: 426px;margin-bottom: 5px;}
.loading {background: url(../../images_matrix/planet/loading.gif) center no-repeat;}
.slideshowThumbnail {outline: none;}
.slideshowThumbnail img {border: 1px solid white;padding: 4px;}
a:hover.slideshowThumbnail img {border: 1px solid #ccc;padding: 4px;}
.current img{border: 1px solid red;padding: 5px;}
.outline{border: 1px solid orange;z-index: 0;position: absolute;}
#thumbnails {width: 580px;/*float: left;*/}
/*************************************************************/
/*----------ForumResult-------*/
.cite {padding:7px ;border: 1px dotted #ddd; background:#ffffff;}

/**************************************************************

	Sortable Table
	v 1.4

**************************************************************/
#myTable {border: 1px solid #ccc;width: 100%;}
#myTable thead th {background-color: #eee;background: #eee url(../../images_matrix/planet/icon-table-sort.png) no-repeat 2px 8px;padding: 4px 4px 4px 14px;}
#myTable tbody tr {background-color: #eee;padding: 4px;}
#myTable tbody tr.altRow {background-color: #fff;}
#myTable tbody tr td {padding: 0 2px;}
#myTable tbody tr.rightAlign {text-align: right;}
#myTable thead th.sortedASC {background: url(../../images_matrix/planet/icon-table-sort-asc.png) no-repeat 2px 4px #eee;}
#myTable thead th.sortedDESC {background: url(../../images_matrix/planet/icon-table-sort-desc.png) no-repeat 2px 10px #eee;}
#myTable thead th.noSort{background:#eee;}
#myTable thead th.tableHeaderOver {cursor: pointer;color: #354158;}
/*tr.selected {background-color: gold;color: #fff;}*/
/*#myTable tbody tr.over{background-color: #354158;color: #fff;cursor: pointer;}*/
#myTable tbody tr.hide{display: none;}
/*************************************************************/


/**************************************************************

	MultiBox
	v1.3

**************************************************************/

.MultiBoxContainer {position: absolute;border: 20px solid #FFF;background-color: #FFF;display: none;z-index: 51;text-align: left;/*overflow: hidden;*/}
.MultiBoxLoading {background: url(../../images_matrix/planet/loading.gif) no-repeat center;}
.MultiBoxContent {position: relative;width: 100%;height: 100%;overflow: hidden;}
.MultiBoxClose {position: absolute;top: -26px;right: -26px;background: url(../../images_matrix/planet/close.png) no-repeat;width: 24px;height: 24px;cursor: pointer;}
.MultiBoxControlsContainer {overflow: hidden;height: 0px;position: relative;}
.MultiBoxControls {width: 100%;height: auto;position: relative;background-color: #000000;}
.MultiBoxPrevious {position: absolute;background: url(../../images_matrix/planet/left.png) no-repeat;width: 24px;height: 24px;left: 0px;margin-top: 5px;cursor: pointer;}
.MultiBoxNext {position: absolute;background: url(../../images_matrix/planet/right.png) no-repeat;width: 24px;height: 24px;right: 0px;margin-top: 5px;cursor: pointer;}
.MultiBoxNextDisabled {cursor: default;background: url(../../images_matrix/planet/rightDisabled.png) no-repeat;}
.MultiBoxPreviousDisabled {cursor: default;background: url(../../images_matrix/planet/leftDisabled.png) no-repeat;}
.MultiBoxTitle {position: relative;margin: 10px 0 0 35px;float: left;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFF;font-weight: bold;text-align: left;}
.MultiBoxNumber {position: relative;width: 50px;margin: 10px 35px 0 0;float: right;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFF;text-align: right;}
.MultiBoxDescription {clear: left;position: relative;margin: 0 35px 0 35px;padding-top: 5px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFF;text-align: left;}
/*************************************************************/

/* MAGAZINEFOOTER */
.magazinebox { background:#efefef; padding:8px 20px; margin:0 0 20px 0; }
.magazinebox p.categorie { display:block; height:23px; background:url(../../images_matrix/planet/magazinebox_title_bg.png) left bottom repeat-x; font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#06375d; font-weight: bold; text-transform:uppercase; }
.magazinebox .three_column { width:278px; float: left; margin:0 10px; font-size: 10px; line-height:normal;}
.magazinebox .four_column { width:204px; float: left; margin:0 10px; font-size: 10px; line-height:normal;}
.align_left { float:left; margin:0 10px 10px 0; border:none;}


/* Archive navigation */
.ArchivePanels {	margin: 0px; padding: 13px 0px 10px 65px;	float: left;	clear: none;	width:604px; 	background: url(/images_matrix/planet/tab_bg.png) no-repeat;}
.ArchiveYearGroup {	margin: 0px; padding: 0px; }
.ArchiveYear { float: left;  padding: 2px 4px;	margin: 1px 4px 0px 0px;	list-style: none;	-moz-user-select: none;	-khtml-user-select: none;	cursor: pointer; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#c40101; font-weight: bold; text-transform:uppercase; text-decoration:none; background:url(/images_matrix/planet/tab_not_active.png) no-repeat; line-height:normal; }
.ArchiveYearSelected {	background: url(/images_matrix/planet/tab_active.gif) 50% top no-repeat; color:#c40101;	}
.ArchiveYearSelected a{	 color:#c40101; text-decoration:none;	}
.ArchiveYearSelected a:hover{	color:#c40101; text-decoration:underline;	}

.ArchiveMonthPanels {	margin: 0px; padding: 13px 0px 10px 30px;	float: left;	clear: none;	width:604px;}
.ArchiveMonthGroup {margin: 0px; padding: 0px;}
.archiveMonth     {font-size:10px;	float: left;  padding: 2px 4px;	margin: 1px 1px 0px 0px;	list-style: none;	-moz-user-select: none;	-khtml-user-select: none;	cursor: pointer; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#06375d; text-transform:uppercase; text-decoration:none; background:url(/images_matrix/planet/tab_not_active.png) no-repeat; line-height:normal;}
.archiveMonth a{color:#000000; text-decoration:none;}
.archiveMonth a:hover{text-decoration:underline;}
.archiveMonthCurr {font-size:10px;	float: left;  padding: 2px 3px;	margin: 1px 2px 0px 0px;	list-style: none;	-moz-user-select: none;	-khtml-user-select: none;	cursor: pointer; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; background:url(/images_matrix/planet/tab_active.png) no-repeat; line-height:normal; background-color:#c40101;}
.archiveMonthCurr a{color:#fff; text-decoration:none;}
.archiveMonthCurr a:hover{ text-decoration:underline;}
.archiveMonthTD {}

.archiveTD0 {background-color: #F1F5FA;}
.archiveTD0 a {color:#000; font-weight:normal; text-decoration:none;}
.archiveTD0 a:hover {text-decoration:underline;}
.archiveTD1 {background-color: #c40101;}
.archiveTD1 a {color:#000; font-weight:normal; text-decoration:none;}
.archiveTD1 a:hover {text-decoration:underline;}

h2.overview { color: #000; font-weight:normal;}
h2.overview a{ color: #c40101; text-decoration:none;}
h2.overview a:hover{ text-decoration:underline;}

h3.overview { color: #000; font-weight:normal;}
h3.overview a{ color: #c40101; text-decoration:none;}
h3.overview a:hover{ text-decoration:underline;}

.archDate { clear:left; float:left; color: #ADADAD; font-weight:normal; padding-right:5px; font-size:14px;}
.archDesc { float:left; color: #ADADAD; font-weight:normal; font-size:14px;}
.archLink { float:left; color: #000; font-weight:normal; padding-right:5px; font-size:14px;}
.archLink a{ color: #c40101; font-weight:bold; text-decoration:none;}
.archLink a:hover{ text-decoration:underline;}

/* FLIPBOOK */
#flipbook { position:relative; width: 574px; height:467px; background:url(../../images_matrix/planet/flipbook_bg.png) no-repeat; margin: 0 0 30px 0;}
.flipbook_overlay { display:block; width:572px; height:381px; background:url(../../images_matrix/planet/flipbook_overlay_572.png) no-repeat; position:absolute; top:50px; left:1px; z-index:200}
.flipbook_overlay_cover { display:block; width:572px; height:381px; background:url(../../images_matrix/planet/flipbook_overlay_cover_572.png) no-repeat; position:absolute; top:50px; left:1px; z-index:200}
.flipbook_left { width:267px; height:343px; position:absolute; top: 65px; left:18px;}
.flipbook_right { width:267px; height:343px; position:absolute; top: 65px; left:285px;}
.textblock { padding:15px; }

#flipbook .slideshow_title { font-size:9px; font-weight:bold; text-transform:uppercase; color:#fff; padding: 15px; }
/*#flipbook div.loading {position:absolute;top:180px;left:240px;width:100px;text-align:center;color:white;}*/
#flipbook h1 {font-size:22px;font-weight:bold; color:#777; margin:0}
#flipbook #slide1, #flipbook #slide2, #flipbook #slide3, #flipbook #slide4, #flipbook #slide5, #flipbook #slide6, #flipbook #slide7, #flipbook #slide8 {position:absolute;top:0px;left:0px;z-index:50;width: 574px; height:467px;display:block;}
#flipbook a.toarticle { display:none; visibility:hidden; }
#flipbook a {color:#fff;}

#flipbook #slide1 img, #flipbook #slide2 img, #flipbook #slide3 img, #flipbook #slide4 img, #flipbook #slide5 img, #flipbook #slide6 img, #flipbook #slide7 img, #flipbook #slide8 img { z-index:199}
#flipbook #intro1, #flipbook #intro2, #flipbook #intro3, #flipbook #intro4, #flipbook #intro5, #flipbook #intro6, #flipbook #intro7, #flipbook #intro8 {display:none; visibility:hidden;}
#flipbook .navcontrols {position:absolute;top:15px;left:275px;width:275px;z-index:100; height:16px; line-height:16px; }
#flipbook a.slideprevious{float:right;width:18px;height:16px;display:block;background: url(../../images_matrix/planet/contentcarrousel_button_previous.png) no-repeat;text-decoration:none; margin:0 0 0 20px;}
#flipbook a.slidenext{float:right;width:18px;height:16px;display:block;background: url(../../images_matrix/planet/contentcarrousel_button_next.png) no-repeat;text-decoration:none;}
#flipbook a.slideplay{float:right;width:19px;height:16px;display:block;background: url(../../images_matrix/planet/contentcarrousel_button_play.png) no-repeat;text-decoration:none;}
#flipbook a.slidepause{float:right;width:19px;height:16px;display:block;background: url(../../images_matrix/planet/contentcarrousel_button_pause.png) no-repeat;text-decoration:none;}

#flipbook a.slideprevious2 { display:block; width:54px;height:66px; text-decoration:none; position:absolute; top:350px; left:21px; z-index:400; } /* ezelsoor links */
#flipbook a.slidenext2 { display:block; width:54px;height:66px; text-decoration:none; position:absolute; top:350px; left:505px; z-index:400; } /* ezelsoor rechts */
#flipbook a.slideprevious2:hover { background:url(../../images_matrix/planet/flipbook_ezelsoor_left.png) no-repeat top left;  } /* hover op ezelsoor links */
#flipbook a.slidenext2:hover { background:url(../../images_matrix/planet/flipbook_ezelsoor.png) no-repeat top left;  } /* hover op ezelsoor rechts */
#slide1 .hide_ezelsoor_left {display:block; width:54px;height:66px; text-decoration:none; position:absolute; top:350px; left:21px; z-index:410; } /* verberg ezelsoor links (voor cover) */

#flipbook .nav123 {position:absolute; bottom:13px; left:15px;width:400px;z-index:100; height:16px; line-height:16px; }
#flipbook a.slide1, #flipbook a.slide2, #flipbook a.slide3, #flipbook a.slide4, #flipbook a.slide5, #flipbook a.slide6, #flipbook a.slide7, #flipbook a.slide8 {float:left;width:16px;height:16px;display:inline;text-decoration:none; margin: 0 0 0 10px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:11px; font-weight:bold; text-align:center; background:url(../../images_matrix/planet/contentcarrousel_button.png) top left no-repeat;}
#flipbook a.slide1:hover, #flipbook a.slide2:hover, #flipbook a.slide3:hover, #flipbook a.slide4:hover, #flipbook a.slide5:hover, #flipbook a.slide6:hover, #flipbook a.slide7:hover, #flipbook a.slide8:hover {background-position: bottom;}
#flipbook a.slideprevious:hover, #flipbook a.slidenext:hover, #flipbook a.slideplay:hover, #flipbook a.slidepause:hover{background-position:0 -16px;}

#flipbook #slide1 a.activeslide1 {width:24px; height:24px; position:absolute;left:21px;bottom:9px;background: url(../../images_matrix/planet/contentcarrousel_button_active.png);}
#flipbook #slide2 a.activeslide2 {width:24px; height:24px; position:absolute;left:47px;bottom:9px;background: url(../../images_matrix/planet/contentcarrousel_button_active.png);}
#flipbook #slide3 a.activeslide3 {width:24px; height:24px; position:absolute;left:73px;bottom:9px;background: url(../../images_matrix/planet/contentcarrousel_button_active.png);}
#flipbook #slide4 a.activeslide4 {width:24px; height:24px; position:absolute;left:99px;bottom:9px;background: url(../../images_matrix/planet/contentcarrousel_button_active.png);}
#flipbook #slide5 a.activeslide5 {width:24px; height:24px; position:absolute;left:125px;bottom:9px;background: url(../../images_matrix/planet/contentcarrousel_button_active.png);}
#flipbook #slide6 a.activeslide6 {width:24px; height:24px; position:absolute;left:151px;bottom:9px;background: url(../../images_matrix/planet/contentcarrousel_button_active.png);}
#flipbook #slide7 a.activeslide7 {width:24px; height:24px; position:absolute;left:177px;bottom:9px;background: url(../../images_matrix/planet/contentcarrousel_button_active.png);}
#flipbook #slide8 a.activeslide8 {width:24px; height:24px; position:absolute;left:203px;bottom:9px;background: url(../../images_matrix/planet/contentcarrousel_button_active.png);}

#flipbook #readmore1, #flipbook #readmore2, #flipbook #readmore3, #flipbook #readmore4, #flipbook #readmore5, #flipbook #readmore6, #flipbook #readmore7, #flipbook #readmore8 {position:absolute;bottom:15px;right:15px;z-index:80;color:#888; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; }
#flipbook #readmore1 a, #flipbook #readmore2 a, #flipbook #readmore3 a, #flipbook #readmore4 a, #flipbook #readmore5 a, #flipbook #readmore6 a, #flipbook #readmore7 a, #flipbook #readmore8 a { color:#888; margin:10px 0 0 0; text-decoration:none; }
#flipbook #readmore1 a:hover, #flipbook #readmore2 a:hover, #flipbook #readmore3 a:hover, #flipbook #readmore4 a:hover, #flipbook #readmore5 a:hover, #flipbook #readmore6 a:hover, #flipbook #readmore7 a:hover , #flipbook #readmore8 a:hover  { color:#29cf0e; }