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

* { margin:0; padding:0;}

/* structuur */
body { background:#efefe8; 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(http://shop.minoc.com/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(http://shop.minoc.com/images_matrix/planet/header_bg.png) no-repeat;}*/
#header { width:1020px; height:174px; background:url(http://shop.minoc.com/images_matrix/planet/shop_header_bg.png) no-repeat;}
#maincol { width:700px; float:left; margin: 10px 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:210px; float:left; margin: 0 0 0 30px; padding: 0 0 20px 0; font-size:12px;} /* 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; padding:10px 10px 5px 10px; 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(http://shop.minoc.com/images_matrix/planet/greybox_940.png) top left no-repeat;}
#footer_end{ margin: 0 0 10px 40px; width:940px; height:15px; background: #efefe8 url(http://shop.minoc.com/images_matrix/planet/greybox_940_footer.png) bottom left no-repeat;}

#containerfooter { width:1020px; background: #efefe8 url(http://shop.minoc.com/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 {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(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/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:317px; 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:317px; float: left; margin: 0;  } /* en dit is de bijhorende rechterkolom die even breed is*/
#maincolFull { width:940px; margin: 0 0 0 40px; padding: 17px 0 20px 0; }
.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;
}

/* common classes */
a { color:#990000; 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 10px 0;}
h2 { font-size:16px;}
h2 a { color: #990000; 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(http://shop.minoc.com/images_matrix/planet/redbox_full_bg.png) no-repeat; color:#ffffff; padding:5px;}

#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(http://shop.minoc.com/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 */

/* navigation */
#navigation { width:909px; background:url(http://shop.minoc.com/images_matrix/planet/navigation_bg.png) no-repeat; position:absolute; top:138px; 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(http://shop.minoc.com/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:12px; line-height:25px; font-weight:bold; color:#666; display:block;  padding:0 8px; 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(http://shop.minoc.com/images_matrix/planet/button_highlighted_bg.png) repeat-x; }
#navigation ul li a:hover { background:#f9dc1e url(http://shop.minoc.com/images_matrix/planet/button_highlighted_bg.png) repeat-x;}

/* subnavigation */
#navigation ul ul { height:21px; background:url(http://shop.minoc.com/images_matrix/planet/subnavigation_bg.png) no-repeat; position:absolute; top:25px; left:36px;}
#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(http://shop.minoc.com/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; background:url(http://shop.minoc.com/images_matrix/planet/cover_bg.png) no-repeat; 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:none;}
#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(http://shop.minoc.com/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(http://shop.minoc.com/images_matrix/planet/icon_tags.png) no-repeat 0 0; padding: 0 0 0 20px; font-size:11px; color:#666;}
.tags a {color:#666;}

p { margin: 0 0 10px 0;}
p.right_align { text-align:right;}
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;}
.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;}

/* 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:700px; background:#efefe8 url(http://shop.minoc.com/images_matrix/planet/greybox_700.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:700px; height:15px; background: url(http://shop.minoc.com/images_matrix/planet/greybox_700_footer.png) bottom left no-repeat;}

#rightcol .greybox { width:210px; background:#efefe8 url(http://shop.minoc.com/images_matrix/planet/greybox_210.png) top left no-repeat;} /* greybox in rechterkolom van 210px */
#rightcol .greybox_footer { width:210px;  background:url(http://shop.minoc.com/images_matrix/planet/greybox_210_footer.png) bottom left no-repeat;}

.mainshop_left .greybox, .mainshop_right .greybox { width:340px; background:#efefe8 url(http://shop.minoc.com/images_matrix/planet/greybox_340.png) top left no-repeat;} /* greybox in rechterkolom van 210px */
.mainshop_left .greybox_footer, .mainshop_right .greybox_footer { width:340px;  background:url(http://shop.minoc.com/images_matrix/planet/greybox_340_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(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/images_matrix/planet/teaserimage_overlay.png) no-repeat; z-index:30; cursor:pointer;}
.teasertextbox { width:421px; float:left; background:url(http://shop.minoc.com/images_matrix/planet/teasertext_bg.png) top left no-repeat;}
.teasertextbox_padding { padding:10px 15px 0px 30px;}
.teasertextbox_footer { width:421px; height:15px; float:left; background: url(http://shop.minoc.com/images_matrix/planet/teasertext_bg.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 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(http://shop.minoc.com/images_matrix/planet/roundedimage_overlay_white.png) no-repeat; z-index:30;}
.roundedimage_overlay_grey { width:120px; height:100px; position:absolute; top:0; left:0; background: url(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/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 5px 0;}
.workshop img { position:absolute; left:0px; top:0px;  border:0;}/*z-index:20;*/
.workshop_overlay { width: 25px; height:24px; background:url(http://shop.minoc.com/images_matrix/planet/workshop_overlay.png) no-repeat; position:absolute; left:13px; top:5px; }/*z-index:40;*/


/* tabs */
.tabs_box { width: 454px; height:38px; background: url(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/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; background: margin:0 0 0 0; padding:0 12px 0 15px; text-decoration:none; /*background: url(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/images_matrix/planet/tab_red_left.gif) no-repeat; }
.tabs .current .endtab { display:block; float: left; width:10px; height:17px; background:url(http://shop.minoc.com/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;}

/* content carrousel */
#slideshow { position:relative; width: 574px; height:169px; background:url(http://shop.minoc.com/images_matrix/planet/contentcarrousel_bg.png) no-repeat;}
#slideshow div.loading {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}
#slide1, #slide2, #slide3, #slide4, #slide5{position:absolute;top:0px;left:0px;z-index:50;width:574px;height:169px;display:block;}
#slide1 a.toarticle, #slide2 a.toarticle, #slide3 a.toarticle, #slide4 a.toarticle, #slide5 a.toarticle{position:absolute;top:16px;left:7px;z-index:80;width:260px;height:130px;display:block;background: url(http://shop.minoc.com/images_matrix/planet/contentcarrousel_overlay.png);text-decoration:none; }
#slideshow a {color:#333;}
#slide1 img, #slide2 img, #slide3 img, #slide4 img, #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(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/images_matrix/planet/contentcarrousel_button_1.png) 0 -21px no-repeat;}
#slideshow a.slide2{background:url(http://shop.minoc.com/images_matrix/planet/contentcarrousel_button_2.png) 0 -21px no-repeat;}
#slideshow a.slide3{background:url(http://shop.minoc.com/images_matrix/planet/contentcarrousel_button_3.png) 0 -21px no-repeat;}
#slideshow a.slide4{background:url(http://shop.minoc.com/images_matrix/planet/contentcarrousel_button_4.png) 0 -21px no-repeat;}
#slideshow a.slide5{background:url(http://shop.minoc.com/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;}

#slide1 a.slide1{position:absolute;left:278px;top:148px;background-position:0 0;}
#slide2 a.slide2{position:absolute;left:304px;top:148px;background-position:0 0;}
#slide3 a.slide3{position:absolute;left:330px;top:148px;background-position:0 0;}
#slide4 a.slide4{position:absolute;left:356px;top:148px;background-position:0 0;}
#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:#990000;text-decoration:none;}
#readmore1 a, #readmore2 a, #readmore3 a, #readmore4 a, #readmore5 a { color:#990000; margin:10px 0 0 0}

/* tag cloud */
#cloud { padding: 2px; line-height: 18px; text-align: center; list-style: none; background:url(http://shop.minoc.com/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;}
/* 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(http://shop.minoc.com/images_matrix/planet/tooltip_top.png) no-repeat; }
div.tooltip { width:365px; background:url(http://shop.minoc.com/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(http://shop.minoc.com/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 13px 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(http://shop.minoc.com/inc_images/1/socialbookmark/del_trans.gif) no-repeat; height:20px; width:20px;} 
ul#bookmarks li a.google { background:url(http://shop.minoc.com/inc_images/1/socialbookmark/google_trans.gif) no-repeat; height:20px; width:20px;}
ul#bookmarks li a.msn { background:url(http://shop.minoc.com/inc_images/1/socialbookmark/reporter.gif) no-repeat; height:20px; width:20px;}
ul#bookmarks li a.facebook { background:url(http://shop.minoc.com/inc_images/1/socialbookmark/facebook_share_icon.gif) no-repeat; height:20px; width:20px;}
ul#bookmarks li a.stumbleupon { background:url(http://shop.minoc.com/inc_images/1/socialbookmark/stumbleupon_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(http://shop.minoc.com/images_matrix/planet/icon_print.png) 0 0 no-repeat;} 
ul#printsend li a.send { background:url(http://shop.minoc.com/images_matrix/planet/icon_verstuur.png) 0 2px no-repeat;} 
ul#printsend li a.comment { background:url(http://shop.minoc.com/images_matrix/planet/icon_comment.png) 0 3px no-repeat;} 
ul#printsend li a.report { background:url(http://shop.minoc.com/images_matrix/planet/icon_fout.png) 0 2px no-repeat;} 
ul#printsend li a.bewaar { background:url(http://shop.minoc.com/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(http://shop.minoc.com/images_matrix/planet/pdf.png) 0 0 no-repeat;  }
ul#printsend_registered li a.bewaar { background:url(http://shop.minoc.com/images_matrix/planet/icon_save.png) 0 0 no-repeat;  }

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


/* Not registered */
.notreg {height: 100px; width: 300px; margin:0; padding:0; background-image:url(http://shop.minoc.com/images_matrix/planet/do_login.png);} 
.notreg a, .notreg a:link, .notreg a:visited {display:block; }
.notreg img {width:100%;height100%;	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(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/images_matrix/planet/images/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(http://shop.minoc.com/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(http://shop.minoc.com/images_matrix/planet/images/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(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/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;}
.nieuw {font-weight:bold; color:#990000;vertical-align:bottom;}

/*------------------ 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(http://shop.minoc.com/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(prevlabel.gif) no-repeat 0% 15%;}
#lbNextLink{right: 0;}
#lbNextLink:hover{background: transparent url(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(http://shop.minoc.com/images_matrix/planet/prevlabel.gif) no-repeat left;}
#lbPrevLink:hover{background: transparent url(http://shop.minoc.com/images_matrix/planet/prevlabel.gif) no-repeat left;}
#lbNextLink{float: right;background: transparent url(http://shop.minoc.com/images_matrix/planet/nextlabel.gif) no-repeat right;}
#lbNextLink:hover{background: transparent url(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/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(http://shop.minoc.com/images_matrix/planet/left.png) no-repeat;width: 24px;height: 24px;left: 0px;margin-top: 5px;cursor: pointer;}
.MultiBoxNext {position: absolute;background: url(http://shop.minoc.com/images_matrix/planet/right.png) no-repeat;width: 24px;height: 24px;right: 0px;margin-top: 5px;cursor: pointer;}
.MultiBoxNextDisabled {cursor: default;background: url(http://shop.minoc.com/images_matrix/planet/rightDisabled.png) no-repeat;}
.MultiBoxPreviousDisabled {cursor: default;background: url(http://shop.minoc.com/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(http://shop.minoc.com/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;}