/* GENERIC styles
------------------------------------*/
* { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	margin: 0; 
	padding: 0;
}

body { 
	background-color: #ffffff;
	text-align: center; 
	padding-bottom: 10px;
}

div#header {
	height: 87px;
}

.bodybgcolor { background-color: #ffffff !important; }

table { border-collapse: collapse; border-spacing: 0 }
td { border-spacing: 0; border-collapse: collapse; }
img { border: none; }

.clearem { clear: both; height: 1px;line-height: 0px; font-size: 0px;  }

input.image { border: none !important; height: auto !important; }

/* HEADER style
------------------------------------*/
#smmbar ul { background: url(smmbar/smmbar_bg_repeat.png); line-height: 20px; list-style-type: none; margin: 0; padding: 0; text-align: center; }
#smmbar ul li { background: url(smmbar/smmbar_spacer.png) no-repeat right; display: inline; line-height: 20px; padding-right: 5px; vertical-align: top; }
#smmbar ul li a { color: #515151; font-family: Arial, Verdana; font-size: 12px; font-weight: bold; line-height: 20px; padding-left: 23px; padding-right: 20px; text-decoration: none; }
#smmbar ul li a:hover { color: #848484; }

/* NAVIGATION style
------------------------------------*/
#navigation { height: 32px; margin-bottom: 4px; }
#navigation A { display: block; overflow: hidden; float: left; height: 32px; } 

#navigation ul { list-style-type: none; }
#navigation ul li { position: relative; list-style-type: none; float: left; z-index:2; }
#navigation ul li:hover a { background-position: left -32px; }
#navigation li:hover ul { display: block; }
#navigation ul li.selected a { background-position: left -64px; }
#navigation ul li.selected:hover a { background-position: left -64px; }
#navigation ul li ul { position: absolute; top: 32px; left: 0; display: none; z-index:100; }
#navigation ul li .last { top: 32px; left: -69px;  }
#navigation ul li ul li a { height: auto; padding: 2px 8px 2px 8px ; width: 136px; text-decoration: none; border-right: 1px solid #414141; background-color: #757575; color: #FFFFFF; }
#navigation ul li ul li a:hover { color:#FFFC00; background-color: #424242; }

/* FOLDOUT NAVIGATION style
------------------------------------*/

/* HOMEPAGE */
#navigation ul li ul li.foldout_insider_home { background-color: #757575; border-top: 1px solid #414141; clear: both; text-align: left; width: 685px; }
#navigation ul li ul li.foldout_playblog_home { background-color: #757575; border-top: 1px solid #414141; clear: both; text-align: left; width: 274px; }
#navigation ul li ul li.foldout_wop_home {left: -234px; background-color: #757575; border-top: 1px solid #414141; clear: both; text-align: left; width: 685px; }
#navigation ul li ul li.foldout_fun_home {left: -304px; background-color: #757575; border-top: 1px solid #414141; clear: both; text-align: left; width: 411px; }
#navigation ul li ul li.foldout_entertainment_home {left: -481px; background-color: #757575; border-top: 1px solid #414141; clear: both; text-align: left; width: 585px; }
#navigation ul li ul li.foldout_magazine_home {left: -517px; background-color: #757575; border-top: 1px solid #414141; clear: both; text-align: left; width: 660px; }
#navigation ul li ul li.foldout_magazine_home a { height: auto; padding: 2px 8px 2px 8px ; width: 115px; text-decoration: none; border-right: 1px solid #414141; }

/* NON-HOMEPAGE */

#navigation ul li ul li.foldout_insider { background-color: #757575; border-top: 1px solid #414141; clear: both; text-align: left; width: 136px; }
#navigation ul li ul li.foldout_insider a { border-right: 0px; }
#navigation ul li ul li.foldout_playblog { background-color: #757575; border-top: 1px solid #414141; clear: both; text-align: left; width: 136px; }
#navigation ul li ul li.foldout_playblog a { border-right: 0px; }
#navigation ul li ul li.foldout_wop { background-color: #757575; border-top: 1px solid #414141; clear: both; text-align: left; width: 136px; }
#navigation ul li ul li.foldout_wop a { border-right: 0px; }
#navigation ul li ul li.foldout_fun { background-color: #757575; border-top: 1px solid #414141; clear: both; text-align: left; width: 136px; }
#navigation ul li ul li.foldout_fun a { border-right: 0px; }
#navigation ul li ul li.foldout_magazine { background-color: #757575; border-top: 1px solid #414141; clear: both; text-align: left; width: 136px; }
#navigation ul li ul li.foldout_magazine a { border-right: 0px; }

#navigation ul li ul.entertainment_selected li { background-color: #6a5da0; border-top: 1px solid #372b6f; clear: both; text-align: left;}
#navigation ul li ul.entertainment_selected li a { height: auto; padding: 2px 8px 2px 8px ; width: 127px; text-decoration: none; }
#navigation ul li ul.entertainment_selected li:hover a { color:#FFFFFF; background-color: #9186bc; }

#navigation .btnhome { background-image: url(pix/nav_btn_home.gif); width: 48px; }
#navigation .btnvip { background-image: url(pix/nav_btn_vip.gif); width: 34px; }
#navigation .btninsider { background-image: url(pix/nav_btn_insider.gif); width: 65px; }
#navigation .btncyberclub { background-image: url(pix/nav_btn_cyberclub.gif); width: 76px; }
#navigation .btnstore { background-image: url(pix/nav_btn_store.gif); width: 49px; }
#navigation .btnmobile { background-image: url(pix/nav_btn_mobile.gif); width: 55px; }
#navigation .btnworldofpb { background-image: url(pix/nav_btn_worldofpb.gif); width: 123px; }
#navigation .btnbeautyfashion { background-image:  url(pix/nav_btn_beautyfashion.gif); width: 115px; }
#navigation .btngadgets { background-image: url(pix/nav_btn_gadgets.gif); width: 66px; }
#navigation .btnentertainment { background-image: url(pix/nav_btn_entertainment.gif); width: 103px; }
#navigation .btnautos { background-image: url(pix/nav_btn_autos.gif); width: 53px; }
#navigation .btnmagazine { background-image: url(pix/nav_btn_magazine.gif); width: 73px; }
#navigation .btnplayblog { background-image: url(pix/nav_btn_playblog.gif); width: 67px; }
#navigation .btnfun { background-image: url(pix/nav_btn_fun.gif); width: 37px; }
#navigation .btnwinnen { background-image: url(pix/nav_btn_winnen.gif); width: 73px; }

/* SUBNAVIGATION style
------------------------------------*/
#subnavigation { height: 22px; margin-top: -4px;}
#subnavigation ul { position: absolute;  list-style-type: none; margin: 0 0 0 2px; }
#subnavigation ul li { background: url(pix/subnav_li.gif) left no-repeat; padding: 0 8px 0 8px; line-height: 20px;	 position: relative; list-style-type: none; float: left; }
#subnavigation ul li.first { background: none; }
#subnavigation ul li a { text-decoration: none; }
#subnavigation ul li a:hover { text-decoration: underline; }

/* CRUMPATH style
------------------------------------*/
#crumpath { height: 27px; display: block; }
#crumpath ul { position: absolute; list-style-type: none; margin: 0 0 0 2px; }
#crumpath ul li { background: url(pix/crumpath_li.gif) left no-repeat; padding: 0 6px 0 8px; line-height: 24px; color: #676767; position: relative; list-style-type: none; float: left; }
#crumpath ul li.first { font-weight: bold; background: none; }
#crumpath ul li.first a { color: #000000;  text-decoration: none; }
#crumpath ul li a { color: #676767;  text-decoration: none; }
#crumpath ul li a:hover { text-decoration: underline; }

/* FOOTER style
------------------------------------*/
#footer {  height: 77px; width: 768px; margin-top: -5px; background-image: url(pix/footer_bg.png); }
#footer div { padding: 0 5px 0 4px;  }
#footer table { width: 759px; background: none; float: left; background-image: url(pix/footernew_tbl_bg.gif); }
#footer td { color: #7f7f7f; }
#footer a { color: #7f7f7f; text-decoration: none; }
#footer a:hover { color: #7f7f7f; text-decoration: underline; }
#footerbottom { line-height: 0px; font-size: 0px; width: 768px; height: 10px;  background-image: url(pix/footer_bottom_bg.png); }

/* FOOTER style - wider page, without skyscraper
------------------------------------*/
#footerWide {  height: 77px; width: 906px; margin-top: -5px; background-image: url(pix/footer_bg.png); }
#footerWide div { padding: 0 5px 0 4px;  }
#footerWide table { width: 903px; background: none; float: left; background-image: url(pix/footernew_tbl_bg.gif); }
#footerWide td { color: #7f7f7f; }
#footerWide a { color: #7f7f7f; text-decoration: none; }
#footerWide a:hover { color: #7f7f7f; text-decoration: underline; }
#footerbottomWide { line-height: 0px; font-size: 0px; width: 906px; height: 10px;  background-image: url(pix/footer_bottom_bgWide.png); }

/* BANNER styles 
------------------------------------*/
#banner-skyscraper-box { width: 915px; margin: 0 auto 0 auto; position: relative; text-align: left; }
#banner-skyscraper { position: absolute; margin-left: 769px;  width: 140px;  }
#banner-skyscraper .top-box { text-align: center; line-height: 0px; font-size: 0px; height: 31px; width: 140px; background-image: url(pix/box_sky-top.png); background-repeat: no-repeat; }
#banner-skyscraper .top-box IMG { margin-left: -4px; }
#banner-skyscraper .mid-box { background-image: url(pix/box_sky-mid.png); padding: 1px 8px 3px 8px; }
#banner-skyscraper .bot-box { line-height: 0px; font-size: 0px; height: 9px; width: 140px; background-image: url(pix/box_sky-bot.png); background-repeat: no-repeat; }

#banner-skyscraper-box.home { margin-top: 0; }
#banner-skyscraper-box.home .mid-box { background-image: url(pix/box_sky-mid.png); }
#banner-skyscraper-box.home .bot-box { background-image: url(pix/box_sky-bot.png); }

.banner-768 { width: 768px; text-align: center; clear: both; }

/* ARCHIVE styles
------------------------------------*/
.archivetbl { width: 293px !important; margin: 0 0 4px 6px; }
.archivetbl form { padding: 10px 0 7px 0; }
.archivetbl select { color: #000000; width: 100px; height: 18px; border: 1px solid;   }
.archivetbl option { color: #000000; width: 100px; height: 18px; }

/* LIVESTYLE styles
------------------------------------*/
#lifestyle { border-collapse: collapse; border-spacing: 0; width: 752px; }
#lifestyle td { vertical-align: top; border-collapse: collapse; border-spacing: 0; }
#lifestyle ul { margin: 8px 0 0 0; list-style-type: none; }
#lifestyle .vsl { margin: 2px; }
#lifestyle a { text-decoration: none; }
#lifestyle li a { text-decoration: underline; }
#lifestyle li a:hover { text-decoration: none; background: none; }
#lifestyle li { padding-left: 5px; background-image: url(pix/lifestyle_li.gif); background-repeat: no-repeat; background-position: left 6px; }


.groentop { background-color: #7EAA2D; border: 1px solid #BBDF78; border-bottom: 0; }
.groen { background-color: #7EAA2D; border: 1px solid #BBDF78;  border-top: 0; border-bottom: 0; }
.groen div { padding: 0 5px 5px 5px; }
.groenbottom { background-color: #709728; border: 1px solid #BBDF78; border-top: 0; }
.groenbottom a { display: block; text-decoration: none; padding: 3px 5px 3px 5px; }

.blauwtop { background-color: #0075ea; border: 1px solid #AAD4FF; border-bottom: 0; }
.blauw {  background-color: #0075ea; border: 1px solid #AAD4FF; border-top: 0; border-bottom: 0;}
.blauw div { padding: 0 5px 5px 5px; }
.blauwbottom { background-color: #005ae5; border: 1px solid #AAD4FF; border-top: 0;}
.blauwbottom a { display: block; text-decoration: none; padding: 3px 5px 3px 5px; }

.paarstop { background-color: #7F71B1; border: 1px solid #9C8ED0; border-bottom: 0; }
.paars { background-color: #7F71B1;  border: 1px solid #9C8ED0; border-top: 0; border-bottom: 0; }
.paars div { padding: 0 5px 5px 5px; }
.paarsbottom { background-color: #655893; border: 1px solid #9C8ED0; border-top: 0; }
.paarsbottom  a { display: block; text-decoration: none; padding: 3px 5px 3px 5px; }

.roodtop { background-color: #bc4b4f; border: 1px solid #e8bdbf; border-bottom: 0; }
.rood {  background-color: #bc4b4f; border: 1px solid #e8bdbf; border-top: 0; border-bottom: 0; }
.rood div { padding: 0 5px 5px 5px; }
.roodbottom { background-color: #983335; border: 1px solid #e8bdbf; border-top: 0; }
.roodbottom a { display: block; text-decoration: none; padding: 3px 5px 3px 5px; }

.grijstop { background-color: #919191; border: 1px solid #e7e7e7; border-bottom: 0; }
.grijs { background-color: #919191; border: 1px solid #e7e7e7; border-top: 0; border-bottom: 0; }
.grijs div { padding: 0 5px 5px 5px; }
.grijsbottom { background-color: #666666; border: 1px solid #e7e7e7; border-top: 0; }
.grijsbottom a { display: block; text-decoration: none; padding: 3px 5px 3px 5px; }

/* WORLD OF PLAYBOY styles 
------------------------------------*/
.wofpbitems { border-collapse: collapse; border-spacing: 0; }
.wofpbitems tr { border-bottom: 1px solid #000000; cursor: pointer; }	
.wofpbitems td { padding-bottom: 6px;  vertical-align: top; background-image: url(pix/worldofpb_item-bg.gif); background-color: #282828; background-repeat: repeat-x; }
.wofpbitems a { text-decoration: none; }

.wofpbitems .vsl img { border: 2px solid #000000; margin: 6px 10px 0 6px; }
.wofpbitems .hdr { font-size: 12px; padding: 5px 0 5px 0; display: block; }
.wofpbitems .hdr strong {font-size: 12px; color: #bababa; font-weight: normal; }
.wofpbitems .meer { background-image: url(pix/worldofpb_more-bg.gif); padding: 1px 4px 1px 1px; text-align: right;}
.wofpbitems .meer a { color: #a2a2a2; text-decoration: none; }
.wofpbitems .meer a:hover { text-decoration: underline; }
	
	/* CYBERCLUB styles 
	------------------------------------*/
	#cyberclub { }
	#cyberclub .meer { background-image: url(pix/cyberclub_bg.gif); padding: 1px 4px 1px 1px; text-align: right;}
	#cyberclub .meer a { color: #a2a2a2; text-decoration: none; }
	#cyberclub .meer a:hover { text-decoration: underline; }


/* MIXTABLE styles
------------------------------------*/
.mixtable {
	width: 752px;
	border-collapse: collapse;
	border-spacing: 0;
	border-width: 0px;
}
.mixtable tr td { border-collapse: collapse; border-spacing: 0; border-width: 0px; }
.mixtable .borderp1 { background-image: url(pix/bg-2.gif); background-position: top; background-repeat: no-repeat; vertical-align: top; }
.mixtable .borderp1 div { padding: 10px 9px 8px 9px; }
.mixtable .borderp2 { background-image: url(pix/bg-4.gif); vertical-align: bottom; }
.mixtable .borderp2 div { background-image: url(pix/bg-3.gif); padding: 4px; }

	/* BANNER style */
	.mixtable .banner { vertical-align: top; background-image: url(pix/bg-3.gif); background-position: bottom; background-repeat: repeat-x; background-color: #838383; }
	.mixtable .banner2 { background-image: url(pix/bg-3.gif); background-position: bottom;  background-repeat: repeat-x; background-color: #828282; vertical-align: top; }
	.mixtable .banner2  div { background-image: url(pix/bg-1.gif); padding: 4px; background-position: top;  background-repeat: repeat-x; }

	#babebattle { margin: 0; padding: 0; position: relative; }
	.babebattle { margin: 4px; margin-top: 0; vertical-align: bottom; }
	.babebattle .babe { height: 94px; vertical-align: top; width: 136px; }
	.babebattle .babe div { padding: 0; position: absolute; }
	.babebattle .uitslag { vertical-align: top; background-image: url(pix/home_babebattlebg.png) !important; height: 20px; position: relative; left: 0px; top: 74px; width: 136px; z-index: 2; }
	.babebattle .uitslag table { height: 20px; width: 136px;}
	.babebattle .uitslag table td { padding: 0 4px; }

	/* POLL styles */
	.mixtable .poll { background-image: url(pix/bg-4.gif); vertical-align: bottom; }
	.mixtable .poll div { background-image: url(pix/bg-3.gif); background-position: bottom; padding: 4px; }
	.mixtable .poll ul { list-style-type: none; margin: 0 0 3px 0; }
	.mixtable .poll li { color: #000000; line-height: 17px; display: block; margin: 0 0 1px 0; padding: 0 4px 0 0; }
	.mixtable .poll li.uneven { padding-left: 4px;  background-color: #C5C3C3; }
	.mixtable .poll li.unevenresult { margin-left: 4px; background-color: #C5C3C3; }
	.mixtable .poll li.uneven img { margin-left: -4px;  }
	.mixtable .poll li.even { padding-left: 4px;  background-color: #BDBDBD; }
	.mixtable .poll li.even img { margin-left: -4px;  }
	.mixtable .poll li.evenresult { padding-left: 4px;  background-color: #BDBDBD; }
	.mixtable .poll li a { color: #000000; text-decoration: none; }
	.mixtable .poll .vote { margin: 1px 0 0 0; }
	.mixtable .poll .btn { vertical-align: middle; }
	.mixtable .poll .pollbanner { padding: 4px; border-top: 5px solid black; }
	.mixtable .poll div#poll_btnstem { background-image: url(pix/btn_stemmen_1.gif); border: none; font-size: 11px; font-weight: bold; height: 21px; margin: 0; padding: 0; text-align: right; }

	/* STORE styles */
	.mixtable .store { background-image: url(pix/bg-3.gif); background-position: bottom;  background-repeat: repeat-x; background-color: #828282; vertical-align: top; }
	.mixtable .store img { padding-bottom: 4px; }
	.mixtable .store div { background-image: url(pix/bg-1.gif); padding: 4px 4px 0px 0px; background-position: top;  background-repeat: repeat-x; }

	/* MAGAZINE styles */
	.mixtable .magazine { background-image: url(pix/bg-3.gif); background-position: bottom; background-repeat: repeat-x; background-color: #828282; vertical-align: top; }
	.mixtable .magazine img { padding-bottom: 2px; }
	.mixtable .magazine div { background-image: url(pix/bg-1.gif); padding: 4px 4px 2px 4px; background-position: top; background-repeat: repeat-x; }
	.mixtable .magazine table { border-spacing: 0; border-collapse: collapse; }
	.mixtable .magazine strong { color: #000000; }
	.mixtable .magazine ul { margin: 0 0 0 3px; list-style-type: none; }
	.mixtable .magazine li { color: #000000; margin: 0 0 1px 0; padding: 0 4px 0 4px; line-height: 19px; display: block; }
	.mixtable .magazine .img { line-height: 0px; font-size: 0px; margin: 0; padding: 0; }
	.mixtable .magazine li.uneven { background-color: #C5C3C3; }
	.mixtable .magazine li.even { background-color: #BDBDBD; }


/* BOX styles
------------------------------------*/

.outer-box { margin: 0 auto 0 auto; text-align: left; clear: both; }
.outer-box-768 { width: 768px; clear: both; }
.top-box { line-height: 0px; font-size: 0px; height: 31px; width: 768px; background-image: url(pix/box-top-768.png); background-repeat: no-repeat; }
.mid-box { background-image: url(pix/box-mid-768.png); padding: 1px 6px 3px 6px; }
.bot-box { line-height: 0px; font-size: 0px; height: 9px; width: 768px; background-image: url(pix/box-bot-768.png); background-repeat: no-repeat; }

.outer-box-383385 { width: 768px; clear: both; }
.top-box-383385 { height: 31px; width: 768px; background-image: url(pix/box-top-383+385.png); background-repeat: no-repeat; }
.mid-box-383385 { background-image: url(pix/box-mid-383+385.png);  }
.bot-box-383385 { line-height: 0px; font-size: 0px; height: 9px; width: 768px; background-image: url(pix/box-bot-383+385.png); background-repeat: no-repeat; }

.box-383 { width: 383px; float: left; }
.box-383 div { padding: 0 10px 3px 6px;  }
.box-385 { width: 385px; float: left; }
.box-385 div { padding: 0 10px 3px 6px;  }