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

* { margin:0; padding:0;}

/* structuur */
body { background:#000 url(../../images_matrix/planet/bg.png); font-family: Verdana, Arial, Helvetica, sans-serif; color:#444; font-size:12px;}
#container { width:940px; 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 */
#header { width:940px; height:313px; background:url(../../images_matrix/planet/header.png) no-repeat; position:relative;}
#footer { width:940px; background:#1e1e1e url(../../images_matrix/planet/footer.png) no-repeat; position:relative; font-size:10px; font-weight:bold;}
#maincol { width:574px; float:left; margin: 0; padding: 0 0 20px 0; display: inline;  position:relative; } /*de maincol is de linker hoofdkolom waar alle main inhoud inzit - display inline voor de IE double margin bug */
#rightcol { width:336px; float:left; margin: 0 0 0 30px; padding: 0 0 20px 0; font-size:10px; } /* de rightcol is de rechterkolom en is even breed als een die van Clickx */

/* HEADER */
.logo { display:block; width: 496px; height:124px; background:url(../../images_matrix/planet/logo.png); position:absolute; top:111px; left:0px; } 
#leaderboardbox { position:absolute; top:15px; left:0px;}

/* TEXT */
h1 { font-size: 18px; }
h2 { font-size:14px; font-weight:bold; margin:0 0 5px 0;}
h2 a { color:#444; text-decoration:none;}
h2 a:hover { color:#29cf0e; text-decoration:none; }
a { text-decoration:none; color:#29cf0e;}
a:hover { text-decoration:underline;}
a.readmore { color:#444; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; }
a:hover.readmore {  color:#29cf0e; text-decoration:none; }
p.right_align { display:block; text-align:right; margin:0; line-height:normal; margin: 0;}
.title { font-size:9px; font-weight:bold; text-transform:uppercase; color:#fff; margin:0 0 10px 0; }
#rightcol .title { display:block; text-align:right;} /* titels in de rechterkolom zijn rechts-gealigneerd */
.light { color:#b3b3b3;}
a .light { color:#b3b3b3;}
a:hover .light { color:#29cf0e; text-decoration:none;}
p { margin:0 0 15px 0;}
#breadcrumb { font-size:10px; color:#777; margin:0 0 10px 0; position:absolute; top:-20px; left:7px; z-index:10; }
#breadcrumb a { color:#777; text-decoration:none; }
#breadcrumb a:hover { color:#29cf0e; }
.smalltext { font-size:10px; color:#999;}
.short { font-size: 10px; font-weight:bold; font-style: italic; }

/* BLOCKS and BOXES */

/* ROUNDEDBOX: een box met ronde hoeken en witte achtergrond met subtiele gradient; afhankelijk van de breedte van de kolom waar hij in zit, krijgt hij een andere breedte */
.roundedbox_title { font-size:9px; font-weight:bold; text-transform:uppercase; color:#fff; }
.roundedbox_title a { display:block; color:#fff; text-decoration:none; padding: 15px;}
.roundedbox_title a:hover { color:#29cf0e; text-decoration:none;}
.roundedbox { background:#fff url(../../images_matrix/planet/white_gradient.png) top left no-repeat; border-left:1px solid #494949; border-right:1px solid #494949; }
#maincol .roundedbox_title { width:574px; background:url(../../images_matrix/planet/roundedbox_title_574.png) top left no-repeat; }
#maincol .roundedbox_footer { width:574px; height:24px; background: url(../../images_matrix/planet/roundedbox_footer_574.png) bottom left no-repeat; margin:0 0 30px 0;}
#rightcol .roundedbox_title { width:336px; background:url(../../images_matrix/planet/roundedbox_title_336.png) top left no-repeat; }
#rightcol .roundedbox_footer { width:336px; height:24px; background: url(../../images_matrix/planet/roundedbox_footer_336.png) bottom left no-repeat; margin:0 0 30px 0;}
.roundedbox_padding { padding:15px 15px 0px 15px; position:relative; } /* padding voor roundedbox binnenkant */

/* STRAIGHTBOX: een gewone vierkante box met witte achtergrond met subtiele gradient */
.straightbox { background:#fff url(../../images_matrix/planet/white_gradient.png) top left no-repeat; border-left:1px solid #fff; border-right:1px solid #fff; padding:20px; }

/* BLACKBOX: een vierkante box met zwarte achtergrond met subtiele gradient */
.blackbox { background:#000 url(../../images_matrix/planet/black_gradient.png) top left no-repeat; border:1px solid #494949; padding:20px; color:#6a6a6a; }
.fotobox { padding:9px 0 9px 9px;}
.fotobox img { float:left; margin:0 5px 5px 0;}
.fotobox p.right_align { display:block; text-align:right; margin: 0 9px 0 0; line-height:normal;}

/* MAGZINE COVER */
.magazinebox { background:#fff url(../../images_matrix/planet/white_gradient.png) top left no-repeat; border-left:1px solid #fff; border-right:1px solid #fff; padding:5px; font-weight:bold; } 
.magazinebox ul { margin:20px 20px 0 35px;}
img.cover { border: 1px solid #494949; float:right; margin:0 0 2px 10px;}

/* CONTENT CARROUSEL */
#carrousel { margin:0 0 30px 0;}
#carrousel img { border-top:1px solid #fff; border-right:1px solid #494949; border-left:1px solid #494949; border-bottom:1px solid #000;}

/* IMAGES */
img { border:none;}
.thumbnailbox { width:138px; height:118px; background:url(../../images_matrix/planet/thumbnailbox_bg_2.png) no-repeat; position:relative; }
.thumbnailbox img { position:absolute; top:9px; left:9px;}
.align_left { float:left; margin:0 10px 10px 0;}
.align_right { float:right; margin:0 0 10px 10px;}

/* IMAGES */
.imagebox { width:138px; height:118px; background:url(../../images_matrix/planet/image_bg.png) no-repeat; position:relative; }
.image_sub_box { width:138px; height:158px; background:url(../../images_matrix/planet/image_sub_bg.png) no-repeat; position:relative;}
.image_sub_box p {padding:117px 11px 0 11px; font-size:11px; color:#06375D; line-height:normal;}
.image_sub_box p a {color:#06375D; text-decoration:none; position:relative;}
.image_sub_box img { position:absolute; top:9px; left:9px;}
.align_left { float:left; margin:0 10px 10px 0;}
.align_left_small { float:left; margin:0 6px 6px 0;}
.align_left_big { float:left; margin:0 16px 16px 0;}
.align_left_zero { float:left; margin:0 0 6px 0;}
.align_right { float:right; margin:0 0 10px 10px;}
.align_right_small { float:right; margin:0 0 6px 6px;}
.align_right_big { float:right; margin:0 0 16px 16px;}
.align_right_zero { float:right; margin:0 0 6px 0;}

/* zoom */
.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;}


/* LISTS */
ul { list-style:square;  margin:0 0 0 35px;}
ul ul { list-style:circle; }
ol { margin:0 0 0 35px;}
ul li{ margin:0 0 4px 0px;}
ul li a { color:#444; text-decoration:none;} /* links in lists are black and not underlined */
ul li a:hover { color:#29cf0e; text-decoration:none;}

.archiveTD0 {background-color: #F1F5FA;}
.archiveTD0 a {color:#000; font-weight:normal; text-decoration:none;}
.archiveTD0 a:hover {text-decoration:underline;}
.archiveTD1 {background-color: #fff;}
.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: #295D20; text-decoration:none;}
h2.overview a:hover{ text-decoration:underline;}

h3.overview { color: #000; font-weight:normal;}
h3.overview a{ color: #295D20; 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: #295D20; font-weight:bold; text-decoration:none;}
.archLink a:hover{ text-decoration:underline;}

/* Archive navigation */
ul.nobullets li { background:none; padding:0 0 6px 0; } /* gebruik de nobullets class als je geen bullets wil. bvb voor de lists met een vignet */

.ArchivePanels {	margin: 0px; padding: 13px 0px 10px 30px;	float: left;	clear: none;	width:550px; }
.ArchiveYearGroup {	margin: 0px; padding: 0px; }
.ArchiveYear { float: left;  padding: 4px 4px 12px;	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:#06375d; font-weight: bold; text-transform:uppercase; text-decoration:none; background:url(/images_matrix/planet/tab_not_active.png) no-repeat; line-height:normal; }

.ArchiveYear a{	 color:#295D20; font-weight:bold; text-decoration:none;	}
.ArchiveYear a:hover{	color:#295D20; text-decoration:underline;	}

.ArchiveYearSelected {	background: url(/images_matrix/planet/tab_active.gif) no-repeat scroll 48% 55%; color:#fff;	}
.ArchiveYearSelected a{	 color:#ffffff; font-weight:bold; text-decoration:none;	}
.ArchiveYearSelected a:hover{	color:#ffffff; text-decoration:underline;	}

.ArchiveMonthPanels {	margin: 0px; padding: 13px 0px 10px 30px;	float: left;	clear: none;	width:550px;}
.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:#295D20; text-transform:uppercase; text-decoration:none; background:url(/images_matrix/planet/tab_not_active.png) no-repeat scroll 49% 50%; line-height:normal;}
.archiveMonth a {color:#295D20; text-decoration:none;}
.archiveMonth a:hover{color:#295D20; text-decoration:underline;}
.archiveMonthCurr {font-size:10px;	float: left;  padding: 2px 4px;	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:#ffffff; text-transform:uppercase; text-decoration:none; background:url(/images_matrix/planet/tab_active.gif) no-repeat scroll 0 50%; line-height:normal;}
.archiveMonthCurr a{color:#ffffff; text-decoration:none;}
.archiveMonthCurr a:hover{ color:#ffffff; text-decoration:underline;}
.archiveMonthTD {}
  
p.aantal_special { display:block; width:85px; background-color: #295D20; height:12px; float:left; margin:2px 5px 0; font-weight:bold; font-size:10px; color:#ffffff; text-align:right; line-height:normal;}

/* TOPICS BLOCK */
ul.topics { list-style:none;  margin: 0; padding:0; }
ul.topics li { margin:0; padding:0 10px 5px 0; clear:both; background: url(../../images_matrix/planet/bullet.png) no-repeat; background-position: right 4px; text-align:right; }

/* AGENDA BLOCK */
ul.agenda { list-style:none;  margin: 0; padding:0; }
ul.agenda li { margin:0; padding:0 10px 15px 0; clear:both; background: url(../../images_matrix/planet/bullet.png) no-repeat; background-position: right 4px; text-align:right; }

/* SPECIALS */
.clear { clear:both; height:0px;}
.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 */
.hidden { position:absolute; left:-9999px;} /* gebruik deze class om inhoud te verbergen (dmv verplaatsing, anders wordt het ook onzichtbaar voor Google) */
.tags { background:url(../../images_matrix/planet/icon_tags.png) no-repeat 0 0; padding: 0 0 3px 20px; font-size:10px; color:#999;}
.tags a {color:#999;}

/* navigation */
#navigation { width:940px; position:absolute; top:235px; left:0px; }
#navigation ul { position:relative; } 
#navigation ul li { margin:0; padding:0 0 0 2px; float:right; display:block; height:78px; background:url(../../images_matrix/planet/navbutton_divider.png) top right no-repeat; position:relative; }
#navigation ul li.last { background:none;} /* de laatste navigatiebutton heeft geen divider */
#navigation ul li a { display:block; height:78px; font-size:12px; font-weight:bold; color:#fff; text-transform:uppercase; padding:0 30px; text-decoration:none; margin:0; position:relative; float:left; } /* gebruik de padding om de navigatie-items uit te vullen, dit wil zeggen: meer spatie tussen de items voorzien */
#navigation ul li a span { position: relative; top: 17px;  } /* de span dient om te text te kunnen positioneren */
#navigation ul li a.current  { background:url(../../images_matrix/planet/navbutton_bg.png) no-repeat; background-position:center top; }
#navigation ul li a:hover { background:url(../../images_matrix/planet/navbutton_bg.png) no-repeat; background-position:center bottom; text-decoration:none; }

/* Forms */
form {display:inline;}
input, textarea, select, input.iefocus, textarea.iefocus { border:1px solid #999; color:#333; padding:0 10px; text-align:right; font-size:12px; height: auto;}
textarea { text-align:left; font-size:14px;}
input.button {width:137px; height:20px; font-size:12px;color:white; border:none; cursor:pointer; text-align:center;}
input.button:hover {cursor:pointer; text-decoration:none;}
input.no_style { background:none; padding:0;height:auto; width:auto; border:none;}/* te gebruiken als je een image als button gebruikt */
input.checkbox, input.radiobox {border:none;}

/* LOGIN */
#loginbox { width:195px; height:110px; background:url(../../images_matrix/planet/loginbox.png) no-repeat; position:absolute; top:15px ; right:0; font-size:9px; color:#888;}
#loginboxs { width:195px; height:110px; background:url(../../images_matrix/planet/loginbox_all.png) no-repeat; position:absolute; top:15px ; right:0; font-size:9px; color:#888;}
.loginform { position:relative;}
#loginbox a { color:#888;}
#loginbox input, #loginbox textarea, #loginboxinput.iefocus, #loginboxtextarea.iefocus { border:none; color:#888888; text-align:right; font-size:10px; }
#loginbox input.mail { width:150px; background:#4c4c4c; position:absolute; top:16px; left:23px; border:none; padding:0; height:14px; }
#loginbox input.passw { width:82px; background:#4c4c4c; position:absolute; top:37px; left:23px; border:none; padding:0; height:14px;}
#loginbox input.button {  width:65px; height:16px; position:absolute; top:36px; right:15px; background:none; padding:0; border:none;}
#loginbox .loginlinks { width:180px; height:40px; position:absolute; top:85px; left:12px; }
#loginbox .auto_inlog { position:absolute; top:60px; left:18px;}

/* SEARCH */
#searchbox { width:305px; height:30px; position:absolute; top:200px ; right:10px; font-size:9px; color:#888;}
#searchbox input.button { width:65px; height:21px; position:absolute; top:-1px; right:10px; background:none; padding:0; border:none;}

/* FOOTER */
.footerpadding { padding:30px 20px 20px 20px;}

/* GREYBOX */
.greybox { background:#e5e5e5; padding:5px 10px 0px 10px; margin:10px 0; }

/* CONTENT CARROUSEL */
#slideshow { position:relative; width: 574px; height:543px; background:url(../../images_matrix/planet/contentcarrousel_bg.png) no-repeat; margin: 0 0 30px 0;}
#slideshow .slideshow_title { font-size:9px; font-weight:bold; text-transform:uppercase; color:#fff; padding: 15px; }
/*#slideshow div.loading {position:absolute;top:180px;left:240px;width:100px;text-align:center;color:white;}*/
#slideshow h1 {font-size:22px;font-weight:bold; color:#777; margin:0}
#slideshow #slide1, #slideshow #slide2, #slideshow #slide3, #slideshow #slide4, #slideshow #slide5, #slideshow #slide6, #slideshow #slide7, #slideshow #slide8 {position:absolute;top:0px;left:0px;z-index:50;width:574px;height:543px;display:block; margin:0; padding:0}

/*#slideshow #slide1 a.toarticle, #slideshow #slide2 a.toarticle, #slideshow #slide3 a.toarticle, #slideshow #slide4 a.toarticle, #slideshow #slide5 a.toarticle, #slideshow #slide6 a.toarticle, #slideshow #slide7 a.toarticle, #slideshow #slide8 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 #slide1 a.toarticle, #slideshow #slide2 a.toarticle, #slideshow #slide3 a.toarticle, #slideshow #slide4 a.toarticle, #slideshow #slide5 a.toarticle, #slideshow #slide6 a.toarticle, #slideshow #slide7 a.toarticle, #slideshow #slide8 a.toarticle {position:absolute;top:42px;left:7px;z-index:80;width:560px;height:380px;display:block;text-decoration:none; }

#slideshow a {color:#fff;}
#slideshow .imagebox { display:block; width:572px; height:381px; position:absolute;top:42px;left:1px; text-align:center; background:none; }
#slideshow #slide1 img, #slideshow #slide2 img, #slideshow #slide3 img, #slideshow #slide4 img, #slideshow #slide5 img, #slideshow #slide6 img, #slideshow #slide7 img, #slideshow #slide8 img { z-index:199}
#slideshow #intro1, #slideshow #intro2, #slideshow #intro3, #slideshow #intro4, #slideshow #intro5, #slideshow #intro6, #slideshow #intro7, #slideshow #intro8 {position:absolute;top:440px;left:20px;width:535px; height: 100px; color:white;cursor:pointer;text-decoration:none;z-index:99; overflow:hidden;}
#slideshow div.nav {position:absolute;top:15px;left:275px;width:275px;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 20px;}
#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, #slideshow a.slide6, #slideshow a.slide7, #slideshow 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;}
#slideshow a.slide1:hover, #slideshow a.slide2:hover, #slideshow a.slide3:hover, #slideshow a.slide4:hover, #slideshow a.slide5:hover, #slideshow a.slide6:hover, #slideshow a.slide7:hover, #slideshow a.slide8:hover {background-position: bottom;}
#slideshow a.slideprevious:hover, #slideshow a.slidenext:hover, #slideshow a.slideplay:hover, #slideshow a.slidepause:hover{background-position:0 -16px;}

#slideshow #slide1 a.activeslide1 {width:24px; height:24px; position:absolute;left:281px;top:11px;background: url(../../images_matrix/planet/contentcarrousel_button_active.png);}
#slideshow #slide2 a.activeslide2 {width:24px; height:24px; position:absolute;left:307px;top:11px;background: url(../../images_matrix/planet/contentcarrousel_button_active.png);}
#slideshow #slide3 a.activeslide3 {width:24px; height:24px; position:absolute;left:333px;top:11px;background: url(../../images_matrix/planet/contentcarrousel_button_active.png);}
#slideshow #slide4 a.activeslide4 {width:24px; height:24px; position:absolute;left:359px;top:11px;background: url(../../images_matrix/planet/contentcarrousel_button_active.png);}
#slideshow #slide5 a.activeslide5 {width:24px; height:24px; position:absolute;left:385px;top:11px;background: url(../../images_matrix/planet/contentcarrousel_button_active.png);}
#slideshow #slide6 a.activeslide6 {width:24px; height:24px; position:absolute;left:411px;top:11px;background: url(../../images_matrix/planet/contentcarrousel_button_active.png);}
#slideshow #slide7 a.activeslide7 {width:24px; height:24px; position:absolute;left:437px;top:11px;background: url(../../images_matrix/planet/contentcarrousel_button_active.png);}
#slideshow #slide8 a.activeslide8 {width:24px; height:24px; position:absolute;left:463px;top:11px;background: url(../../images_matrix/planet/contentcarrousel_button_active.png);}

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

/* 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; }

/* WORKSHOP */
.workshop { width:50px; height:50px;  margin:5px 5px 2px 0;}
.workshop img { border:1px solid #aaa;} /*z-index:20;*/
.ws_nav_txt{float:left; height:20px; clear:left; margin:0 5px 0 7px; font-size:10px;}
.ws_nav_txt_active{float:left; height:20px; clear:left; font-weight:bold; margin:0 5px 0 7px; font-size:10px;}
.ws_step{ width:70px; float:left; position:relative;}
.ws_nav_txt a {text-decoration:none; color:#aaa; font-weight:bold;}
.ws_nav_txt a:hover {text-decoration:underline; }
.ws_nav_txt_active a {text-decoration:none; color:#29cf0e; font-weight:bold;}
.ws_nav_txt_active a:hover {text-decoration:underline;}

.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:6px; left:1px; 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:6px; left:1px; background: url(../../images_matrix/planet/overlay_green_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_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;}


/* social bookmarks */
ul#bookmarks { margin:0; padding:0; z-index:9; text-align:center; } /* z-index needed to fix IE-bug */
ul#bookmarks li { display: inline; margin:0 13px 0 0; padding:0; background:none; }
ul#bookmarks li a { font-size:11px; color:#666; font-weight:bold; padding:0 0 3px 20px;  }
ul#bookmarks li a.delicious { background:url(../../images_matrix/planet/icon_social_delicious.png) no-repeat; height:20px; width:20px;} 
ul#bookmarks li a.google { background:url(../../images_matrix/planet/icon_social_google.png) no-repeat; height:20px; width:20px;}
ul#bookmarks li a.msn { background:url(../../images_matrix/planet/icon_social_msn.png) no-repeat; height:20px; width:20px;}
ul#bookmarks li a.facebook { background:url(../../images_matrix/planet/icon_social_facebook.png) no-repeat; height:20px; width:20px;}
ul#bookmarks li a.stumbleupon { background:url(../../images_matrix/planet/icon_social_stumbleupon.png) no-repeat; height:20px; width:20px;}
ul#bookmarks li a.twitter { background:url(../../images_matrix/planet/icon_social_twitter.png) no-repeat; height:20px; width:20px;}
ul#bookmarks li a:hover { color:#29cf0e;}

/* Artikel action form */
ul#printsend { margin:0; padding:0; list-style:none; } 
ul#printsend li { margin:0 0 8px 0; padding:0; background:none; line-height:16px; line-height:16px; }
ul#printsend li a { padding:0 0 5px 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; list-style:none; } 
ul#printsend_registered li { margin:0 0 8px 0; padding:0; background:none; line-height:16px; line-height:16px; }
ul#printsend_registered li a { padding:0 0 5px 25px;  }
ul#printsend_registered li a.pdf { background:url(../../images_matrix/planet/icon_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/icon_pdf.png) 0 0 no-repeat;  }
ul#printsend_registered li a#bewaar { background:url(../../images_matrix/planet/icon_save.png) 0 0 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:500px; background:#ffffff; margin:0; position:relative; top:0; left:0; padding: 0 0 2px 5px;}
.regbox_footer { width:500px; height:15px;}
#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:#29cf0e;}
#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:#29cf0e;}
#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:#29cf0e;}
#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: #666;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;}
/*************************************************************/