@charset "utf-8";
/* CSS Document */
#splash {
	position:absolute; 
	top:0px;
	width : 100%;
	height: 5000px;
	background-color: white;

	z-index:1000;
}


#splashwit {
	width : 640px;
	position: relative;	
	margin: 0 auto;
	padding-top: 50px;
	z-index:2000;
	text-align: center;
	background-color: white;

}




/* STRUCTURE #ececec  */
body { background:#ececec; font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif; color:#505050; font-size:13px; margin:0; }
#wrap  { width:953px; margin:0 auto; position:relative; text-align:center; }  /* de wrap dient om header/container/footer bijeen te houden en het geheel te centreren */
#container { width:943px; padding:0 5px; background: url(../images/container_bg.png) repeat-y; text-align:left; position:relative;} /* de container is 943px breed, met een 5px schaduw langs beide zijden */
#header { width:953px; height:158px; background: url(../images/header_bg.png) no-repeat; position:relative;}
#nocol { margin: 0 19px; padding:10px 0;}
#leftcol { width:577px; float:left; margin: 10px 0 10px 19px;  } 
#rightcol { width:300px; float:left; margin: 10px 0 10px 28px; }
#footer { width:873px; padding:0 5px; background: url(../images/footer_bg.png) repeat-y; text-align:left;  padding: 20px 40px 10px 40px; }

.leftcol_250 { width:250px; float:left; margin:0  27px 0 0;}
.rightcol_300 { width:300px; float:left; }
.leftcol_380 { width:380px; float:left; margin:0  27px 0 0;}
.rightcol_170 { width:170px; float:left; }

/* HEADER */
.logooldddddddddd { display:block; width:279px; height:83px; background: url(../images/gezondheid-logo.png) no-repeat; position:absolute; top:15px; left:45px; outline:none; text-indent:-5000px; }
.logo { display:block; width:279px; height:83px; background: url(../picts/gezondheid_blauw_234x64.png) no-repeat; position:absolute; top:15px; left:45px; outline:none; text-indent:-5000px; }
.logofr { display:block; width:279px; height:83px; background: url(../images/passion-sante-logo.png) no-repeat; position:absolute; top:15px; left:45px; outline:none; text-indent:-5000px; } /* text-indent om text te verbergen voor de user, maar niet voor google */

.leaderboard { margin:5px auto -3px auto; text-align:center; }


 
/* TITLES */
h1 { width:611px; height:24px; font-size:18px; text-transform:uppercase; color:#1497c9; font-weight:normal; background:url(../images/title_h1_bg.png) no-repeat; position:relative; left:-33px; padding: 2px 10px 0 45px; margin:0 0 10px 0;  overflow:hidden;  }
.title_h1 { width:100%; height:24px; font-size:18px; text-transform:uppercase; color:#1497c9; font-weight:normal; background:url(../images/title_h1_bg.png) no-repeat; position:relative; left:-33px; padding: 2px 10px 0 45px; margin:0 0 10px 0;  overflow:hidden;  }

.title100_h1 { width:611px; height:24px; font-size:18px; text-transform:uppercase; color:#1497c9; font-weight:normal; background:url(../images/title_h1_bg.png) no-repeat; position:relative; left:-33px; padding: 2px 10px 0 45px; margin:0 0 10px 0;  overflow:hidden;  }

 /* deze class dient om een h1 te tonen die geen SEO-relevantie heeft */
.rightcol_300 .title_h1, #rightcol .title_h1 { height:24px; background:url(../images/title_h1_bg_300.png) no-repeat; position:relative; left:0px; padding: 2px 10px 0 18px; margin:0 0 10px 0;  overflow:hidden;  } /* als de titel in een rightcol zit, ziet hij er anders uit */
.leftcol_250 .title_h1 { background:url(../images/title_h1_bg_250.png) no-repeat; } /* idem in de leftcol250 */
.leftcol_380 .title_h1 { background:url(../images/title_h1_bg_380.png) no-repeat;  } /* langere titel voor de definitie */
.rightcol_170 .title_h1 { height:24px; background:url(../images/title_h1_bg_170.png) no-repeat; position:relative; left:0px; padding: 2px 10px 0 18px; margin:0 0 10px 0;  overflow:hidden;  } /* kortere titel voor de gerelateerd naast definitie */

h1.category { height:auto; font-size:22px; text-transform:none; color:#1497c9; background:none; position:relative; left:0; padding:0; margin:0 0 10px 0; }
h2 { display:block; font-size:18px; font-weight:normal; margin:0 0 7px 0; }
h2 a { color:#505050;}
h2 a:hover { color:#3db5ff;}
h3 { font-size:14px; color:#676767; margin:0; }

/* TEXT */
a { color:#1497c9; text-decoration:none; }
a:hover { color:#3db5ff; }
p { margin: 0 0 20px 0; }
p.align_right { text-align: right; font-size:12px; margin:0 }
.remark { color:#707070; font-style:italic; }
.smallertext { font-size:11px; }
.smalltext { font-size:10px; }
p.nomargin { margin:0; }  
.pub	{ font-size:10px; text-align: right; font-size:11px;  }

/* AUTHOR AND DATE */
.articledetails { font-size:11px; color:#9e9e9e; border-bottom:1px solid #e5e5e5; margin: 0 0 10px 0;  }
.datestamp { float:right; margin:0; }
.author { margin:0; color:#9e9e9e; font-size:11px; }
.author a { color:#9e9e9e; }
.author a:hover { color:#3db5ff; }




.tags { font-size:15px; color:#1497c9; }

.totop { display:block; text-align:right; font-size:11px; border-top:1px solid #e5e5e5; margin: 0 0 2px 0;  }

/* ADVERTORIAL PAGE */
#leftcol_advertorial { width:577px; float:left; margin: 10px 0 10px 19px;  }
#leftcol_advertorial .title_h2 { display:block; font-size:20px; font-weight:normal; margin:0 0 7px 0; color:#d8d8d1; }
#leftcol_advertorial h1 { color:#80a911; }

/* BREADCRUMB */
#breadcrumb { font-size:12px; color:#676767; padding:10px 19px 0 19px; }
#breadcrumb a { color:#676767;}
#breadcrumb a:hover { color:#3db5ff; }

/* IMAGES */
img { border: none; }
.thumbnail { float:left; margin: 0 10px 0 0; border:none;width:170px;}
img.align_left { clear:both; float:left; margin: 5px 10px 5px 0; }
img.align_right { clear:both; float:right; margin: 5px 0 5px 10px; }

.imagebox { margin: 5px 10px;  }
.imagebox p { margin:0; font-size:12px; font-style:italic; color:#707070; }

/* BUTTONS */
.button { display:inline-block; height:27px; background:url(../images/button.png) no-repeat top left;  text-decoration:none; cursor:pointer; }
.button span { display:inline-block; height:21px; background:url(../images/button.png) no-repeat top right; margin:0 0 0 10px; padding: 6px 15px 0 0; font-size:13px; color:#fff;  position:relative; left:5px; white-space:nowrap; }
.button:hover { background-position: bottom left; text-decoration:none; }
.button:hover span { background-position: bottom right; text-decoration:none; color:#fff; }	

.leftbutton { float:left; margin: 10px 0 10px 1px;  } 
.rightbutton { float:right; margin: 10px 0 10px 28px; }
#buttoncontainer {  padding:0 5px;	} 

.buttonS { display:inline-block; text-decoration:none; cursor:pointer; background:#fff; padding: 5px; border-radius: 4px;}

/* TEASER */
.teaser p { margin:0; line-height: 15px; }

/* MORE BLOCK (bvb meer nieuws) */
.more_block {}
.more_left { width:170px; float:left; margin:0 10px 0 0; text-align:right;  }
.more_left a {  font-size:10px; text-transform: uppercase; color:#505050; text-decoration:none;  }
.more_right { width:397px; float:left; }
.more_block ul { list-style:none; padding:0; margin:0; }

/* COLORED BLOCKS */
/* er zijn verschillende blocks met afgeronde hoeken. Ze hebben allemaal dezelfde HTML-code. Alleen de class is verschillend. */

/* BLOCK GREY */
.block_grey { background:#e4e4df; }
.block_grey .blocktop { height:10px; background:url(../images/blocks_bg_577.png) 0 0 no-repeat; }
.block_grey .blockbottom { height:10px; background:url(../images/blocks_bg_577.png) 0 -90px no-repeat; }
.block_grey .title_h1 { background: url(../images/triangle_white.png) 0 6px no-repeat; position:relative; left:-20px;  padding: 2px 10px 0 18px;  }
.rightcol_300 .block_grey .title_h1, #rightcol .block_grey .title_h1 { background: url(../images/triangle_white.png) 0 6px no-repeat; position:relative; left:-20px;  padding: 2px 10px 0 18px;  }

/* BLOCK BLUE */
.block_blue { background:#def1f7; }
.block_blue .blocktop { height:10px; background:url(../images/blocks_bg_577.png) 0 -100px no-repeat; }
.block_blue .blockbottom { height:10px; background:url(../images/blocks_bg_577.png) 0 -190px no-repeat; }
.block_blue .title_h1 { background: url(../images/triangle_white.png) 0 6px no-repeat; position:relative; left:-20px;  padding: 2px 10px 0 18px;  }
.rightcol_300 .block_blue .title_h1, #rightcol .block_blue .title_h1 { background: url(../images/triangle_white.png) 0 6px no-repeat; position:relative; left:-20px; padding: 2px 10px 0 18px;  }

/* BLOCK video */
.block_video { background:#fff;  border-style:solid; border-width:1px;border-color:silver; border-radius: 8px; padding: 8px 20px 18px 20px; }	 
.block_video a { color:#1497c9; text-decoration:none; }
.block_video a:hover { color:#3db5ff; }

/* BLOCK GREEN */
.block_green { background:#93be1e; color:#fff; }	 
.block_green li { background:url(../images/bullet_white.png) 0 5px no-repeat; }
.block_green .blocktop { height:10px; background:url(../images/blocks_bg_577.png) 0 -300px no-repeat; }
.block_green .blockbottom { height:10px; background:url(../images/blocks_bg_577.png) 0 -390px no-repeat; }
.block_green .title_h1 { background: url(../images/triangle_white.png) 0 6px no-repeat; position:relative; left:0px;  padding: 2px 10px 0 18px; color:#fff;  }
.rightcol_300 .block_green .title_h1, #rightcol .block_green .title_h1 { background: url(../images/triangle_white.png) 0 6px no-repeat; position:relative; left:-20px;  padding: 2px 10px 0 18px;  }
.block_green a { color:#fff; }
.block_green a:hover { color:#707070; }


/* BLOCK GREYBORDER */
.block_greyborder { background:#fff; }
.block_greyborder .blocktop { height:10px; background:url(../images/blocks_bg_577.png) 0 -400px no-repeat; }
.block_greyborder .blockbottom { height:10px; background:url(../images/blocks_bg_577.png) 0 -490px no-repeat; }
.block_greyborder .blockmiddle { border-left: 1px solid #e4e4df; border-right: 1px solid #e4e4df; margin:0}
.block_greyborder .title_h1 { background: url(../images/triangle_grey.png) 0 6px no-repeat; position:relative; left:-20px;  padding: 2px 10px 0 18px;  }
.rightcol_300 .block_greyborder .title_h1, #rightcol .block_greyborder .title_h1 { background: url(../images/triangle_white.png) 0 6px no-repeat; position:relative; left:-20px;  padding: 2px 10px 0 18px;  }


/* BLOCK GREENBORDER */
.block_greenborder { background:#fff; }
.block_greenborder .blocktop { height:10px; background:url(../images/blocks_bg_577.png) 0 -500px no-repeat; }
.block_greenborder .blockbottom { height:10px; background:url(../images/blocks_bg_577.png) 0 -590px no-repeat; }
.block_greenborder .blockmiddle { border-left: 1px solid #93be1e; border-right: 1px solid #93be1e; margin:0}
.block_greenborder .title_h1 { background: url(../images/triangle_green.png) 0 6px no-repeat; position:relative; left:-20px;  padding: 2px 10px 0 18px;  }
#rightcol_300 .block_greenborder .title_h2 {font-size:31px; text-align:left; margin:0; font-weight:bold; }
.rightcol_300 .block_greenborder .title_h1, #rightcol .block_greenborder .title_h1 { background: url(../images/triangle_white.png) 0 6px no-repeat; position:relative; left:-20px; padding: 2px 10px 0 18px;  }

/* classes die voor alle blocks gelden */
.blockmiddle { padding: 0 20px 10px 20px; }
.rightcol_300 .blocktop, #rightcol .blocktop { background-image: url(../images/blocks_bg_300.png); } /* indien de block in de smallere kolom zit, gebruik dan de smallere image */
.rightcol_300 .blockbottom, #rightcol .blockbottom { background-image: url(../images/blocks_bg_300.png); } /* idem */

/* TITLE BLOCK */
/* voor de titels op de articlepage omdat die uit meer dan 1 regel kunnen bestaan */
.block_title { background:#e4e4df; }
.block_title .blocktop { height:5px; background:url(../images/blocks_bg_577.png) 0 0 no-repeat; }
.block_title .blockmiddle { padding: 0 0 0px 20px; }
.block_title .blockbottom { height:5px; background:url(../images/blocks_bg_577.png) 0 -95px no-repeat; }
.block_title h1 { width:550px;  height: auto; text-transform:none;  position:relative; left:-53px; padding: 0 0 0 45px; margin:0; overflow:auto; }

/* BLOCK SUMMARY */
.block_summary { background:#fff; width: 270px; padding:0; margin:0 0 5px 10px; float:right; }
.block_summary .blocktop { height:10px; background:url(../images/block_bg_270.png) no-repeat; }
.block_summary .blockbottom { height:10px; background:url(../images/block_bg_270.png) bottom left no-repeat; }
.block_summary .blockmiddle { border-left: 1px solid #e4e4df; border-right: 1px solid #e4e4df; margin:0; padding:0 15px 0 20px; }
.block_summary .title_h1 { background: url(../images/triangle_grey.png) 0 6px no-repeat; position:relative; left:-20px;  padding: 2px 10px 0 18px;  }
.block_summary ul {  padding:0; margin:0}
.block_summary li { padding:0; padding: 0 0 2px 15px;}

/* SOCIAL BLOCK */
.block_social { background:#e4e4df; }
.block_social .blocktop { height:5px; background:url(../images/blocks_bg_577.png) 0 0 no-repeat; }
.block_social .blockmiddle { padding: 0 0 0px 20px; }
.block_social .blockbottom { height:5px; background:url(../images/blocks_bg_577.png) 0 -95px no-repeat; }
.addthis { width:190px;  float:right; }
.print { display:block; height:16px; font-size:12px; color:#676767; padding: 0 0 0 20px; background:url(../images/icon_print.png) 0 2px no-repeat;}


/* SOCIAL BLOCK */
.block_social2 { background:red; width:190px;  float:right; }


/* POLL */
.poll { font-size: 12px; }
.poll p { margin:0 0 5px 0; }
.standaardbutton { width:120px; height:21px; background:url(../images/submitbutton.png) no-repeat; font-size:11px; color:#828282; border:none; }
.standaardbutton:hover { background-position:bottom; color:#676666; }

/* NAVIGATION */
/* LEVEL 1 */
#navigation {  width:941px; height:48px; position:absolute; top:109px; left:6px; }
#navigation ul { margin:0; padding:0; background:#93be1e; height:24px; } 
#navigation ul li {margin:0; padding:0; float:left; display:block;  background:url(../images/nav-divider.png) right 7px no-repeat;  }
#navigation ul li.last { background:none; } /* geen divider op de laatste */
#navigation ul li a { font-size:14px; letter-spacing:1px; color:#fff; display:block;  padding:2px 15px 2px 15px; text-decoration:none; margin:0 1px 0 0;  } 
#navigation ul li a.current { background:url(../images/triangle_down.png) center top no-repeat;   }
#navigation ul li a:hover { background:#9cc824;   }
#navigation ul li a.current:hover { background:url(../images/triangle_down.png) center top no-repeat;}

/* LEVEL2 */
#navigation ul ul { width:941px; margin:0; padding:0; background:#93be1e; height:23px; background:#bcd774; position:absolute; top: 25px; left:0px;}
#navigation ul ul li {background:url(../images/nav-divider2.png) right 6px no-repeat; }
#navigation ul ul li.last { background:none; } /* geen divider op de laatste */
#navigation ul ul li a { font-size:12px; letter-spacing: normal; color:#5b5b5b; display:block;  padding:3px 9px 2px 13px; text-decoration:none; margin:0 1px 0 0;  }
#navigation ul ul li a.current { background:url(../images/triangle_up.png) center bottom no-repeat;   }
#navigation ul ul li a:hover { background:#c2df73;   }
#navigation ul ul li a.current:hover { background:url(../images/triangle_up.png) center bottom no-repeat;   }
 
/* NAVIGATION 2 - navigatie die rechts staat in de navigatiebalk */
#navigation2 {  width:270px; height:34px; position:absolute; top:109px; right:6px; }
#navigation2 ul { margin:0; padding:0;  height:34px; } 
#navigation2 ul li {margin:0; padding:0; float:right; display:block;  background:url(../images/nav-divider2.png) right 7px no-repeat;  }
#navigation2 ul li.last { background:none; } /* geen divider op de laatste */
#navigation2 ul li a { font-size:14px; letter-spacing:1px; color:#5b5b5b; display:block;  padding:2px 15px 2px 15px; text-decoration:none; margin:0 1px 0 0;  } 
#navigation2 ul li a.current { background:url(../images/triangle_down.png) center top no-repeat;   }
#navigation2 ul li a:hover { background:#9cc824;   }
#navigation2 ul li a.current:hover { background:url(../images/triangle_down.png) center top no-repeat;}

/* CLEARS AND DIVIDERS */
/* deze clears kan je gebruiken in plaats van breaks */
.clear { clear:both; height:1px; }
.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;} 
.clear50 { clear:both; height:50px;} 
.divider { clear:both; height:15px; border-bottom:1px solid #ccc; margin:0 0 20px 0; }
.dividerdotted { clear:both; height:15px; border-bottom:1px dotted #ccc; margin:0 0 20px 0; }

/* FORMS */
form { display:inline; }

/* LOGIN */
#loginbox { width:216px; background:url(../images/login_bg.png) left bottom no-repeat; padding: 8px 20px 20px 20px; position:absolute; right:40px; top:6px; font-size:12px; color:#fff;  }
#loginbox p { margin:0 0 4px 0;}
.logininput { width:135px; margin: 0 5px 0 0; color:#707070; font-size:14px; font-weight:normal;}
.loginbutton { width:36px; height:21px; background:url(../images/loginbutton.png) no-repeat; border:none;   } 
.loginbutton:hover { background-position:bottom; cursor:pointer; }

.langselect { position:absolute; right:20px; top:12px; color:#fff;}
.langselect a { color:#fff; }
.langselect a:hover { text-decoration:underline;}

/* E_CARD */
.e-card-thumb { margin:0 0 0 10px;}

/* TABS */
/* tabs voor searchbox */
#searchbox { margin: 0 0 14px 0;}
.TabbedPanels {	margin: 0px;	padding: 0px;	float: left;	clear: none;	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ }
#searchbox .TabbedPanelsTabGroup {	margin: 0 0 0 15px;	padding: 0px; }
#searchbox .TabbedPanelsTab { height:auto; float: left;  margin: 0px 13px 0px 13px; padding:0; font-size: 14px;  color:#878686; list-style: none; -moz-user-select: none;	-khtml-user-select: none;	cursor: pointer; background: url(../images/blocks_bg_577.png) no-repeat; outline:none;  }
#searchbox .TabbedPanelsTab span { display:block; padding: 3px 35px 3px 25px;  font-size: 14px;  color:#878686; background: url(../images/blocks_bg_577.png) right top no-repeat; position:relative; left:10px; } 
#searchbox .TabbedPanelsTabHover {	background: url(../images/blocks_bg_577.png) 0 -100px no-repeat; color:#333; }
#searchbox .TabbedPanelsTabHover span {	background: url(../images/blocks_bg_577.png) right -100px no-repeat;  color:#333; }
#searchbox .TabbedPanelsTabSelected {	background: url(../images/blocks_bg_577.png) 0 -100px no-repeat;  color:#505050; cursor:default; }
#searchbox .TabbedPanelsTabSelected span {	background: url(../images/blocks_bg_577.png) right -100px no-repeat;  color:#505050; }
#searchbox .TabbedPanelsTab a {	color:#b3b3b3;	text-decoration: none;}
#searchbox .TabbedPanelsContentGroup {	clear: both; background:#def1f7 url(../images/blocks_bg_577_topblue.png) no-repeat; }
#searchbox .bottom { height:10px; background: url(../images/blocks_bg_577.png) 0 -190px no-repeat; }
#searchbox .TabbedPanelsContent {	padding: 7px 20px 1px 20px; height:100%; } /* width 100% for IE haslayout bug */
#searchbox .TabbedPanelsContentVisible {}
.searchinput { font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif; width:330px; padding:3px 10px; margin: 0 5px 0 0; color:#707070; font-size:14px; font-weight:normal;}
.searchbutton { width:167px; height:25px; background:url(../images/button_search.png) no-repeat; border:none; font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#fff; padding:0; position:relative; top:2px;  } 
.searchbutton:hover { background-position:bottom; cursor:pointer; }

/* tabs voor mostreadbox */
#mostreadbox { margin: 0 0 10px 0;}
.TabbedPanels {	margin: 0px;	padding: 0px;	float: left;	clear: none;	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ }
#mostreadbox .TabbedPanelsTabGroup {	margin: 0 0 0 10px;	padding: 0px; }
#mostreadbox .TabbedPanelsTab { height:auto; float: left;  margin: 0px 13px 0px 3px;  padding:0; font-size: 11px;  color:#5b5b5b; list-style: none; -moz-user-select: none;	-khtml-user-select: none;	cursor: pointer; background: url(../images/blocks_bg_300.png) 0 -200px no-repeat; outline:none;  }
#mostreadbox .TabbedPanelsTab span { display:block; padding: 3px 12px 3px 5px; text-align:center; line-height:11px;  font-size: 11px;  color:#5b5b5b; background: url(../images/blocks_bg_300.png) right -200px no-repeat; position:relative; left:10px; } 
#mostreadbox .TabbedPanelsTabHover {	background: url(../images/blocks_bg_300.png) 0 -300px no-repeat; color:#333; }
#mostreadbox .TabbedPanelsTabHover span {	background: url(../images/blocks_bg_300.png) right -300px no-repeat;  color:#333; }
#mostreadbox .TabbedPanelsTabSelected {	background: url(../images/blocks_bg_300.png) 0 -300px no-repeat;  color:#505050; cursor:default; }
#mostreadbox .TabbedPanelsTabSelected span {	background: url(../images/blocks_bg_300.png) right -300px no-repeat;  color:#505050; }
#mostreadbox .TabbedPanelsTab a {	color:#5b5b5b;	text-decoration: none;}
#mostreadbox .TabbedPanelsContentGroup {	clear: both; background:#fff url(../images/blocks_bg_300_topgreenstroke.png) 0 0 no-repeat;  }
#mostreadbox .bottom { height:10px; background: url(../images/blocks_bg_300.png) 0 -590px no-repeat; }
#mostreadbox .TabbedPanelsContent {	padding: 15px 20px 1px 20px; heigth:100%; }
#mostreadbox .TabbedPanelsContentVisible {}

/* VIDEO */
.videobox {text-align:center;  }
.videoteaser { width:160px; height:200px; overflow:hidden;  background:#e4e4df; padding: 10px; text-align:center; float:left; margin: 5px; }
.videoteaser p { font-size:11px; text-align:left; margin:0; }
.videoteaser h3 { font-weight:normal; text-align:left; margin:0; }
.videoteaser img { margin: 5px 0;}

/* VIDEO2 */
.videobox2 {text-align:center;  }
.videoteaser2 { width:230px; height:200px; overflow:hidden;  background:#fff; text-align:center; float:left; margin: 5px; border-style:solid; border-width:1px;border-color:silver; border-radius: 8px; padding: 8px 20px 18px 20px; }
.videoteaser2 p { font-size:11px; text-align:left; margin:0; }
.videoteaser2 h3 { font-weight:normal; text-align:left; margin:0; }
.videoteaser2 img { margin: 5px 0;}	 



/* LISTS */
ul { padding:0 0 0 15px; margin:0; list-style:none;}
li {  padding: 0 0 5px 15px; background:url(../images/bullet.png) 0 5px no-repeat; }
li a { color:#505050; }	

ul.bollist  { padding:0 0 0 15px; margin:0; list-style:none	; }
li.bollist {  padding: 0 0 4px 15px; background:url(../images/bullet.png) 0 5px no-repeat; }

/*ul.bollist  { padding:0 0 0 15px; list-style-type:disc; }	*/
/*li.bollist {  padding: 0 0 4px 0px; background:#fff; } */


.datelist { list-style:none; padding:0; }
.datelist li { margin: 0 0 5px 0; padding: 0 0 0 45px; position:relative; background:none; }
.datelist li .date { position:absolute; top:1px; left:0px; }
.nobullets { list-style:none; padding:0; background:none; }
.nobullets li { list-style:none; padding:0; background:none; }
.date { font-size:11px; color:#1a96c8; padding: 0 8px 0 0; background: url(../images/bullet.png) right 5px no-repeat;}



.place { font-size:11px; color:#1a96c8; text-transform:uppercase; }
.datelist a:hover { color:#3db5ff; }
.morelist { list-style:none; padding:0; background:none; }
.morelist li { list-style:none; padding:0; background:none; }
.morelist .date { display: inline-block; width: 70px; text-align:right; padding: 0 12px 0 0;}

/* FOOTER */
/* er zijn drie footercols voorzien, dan kan je de breedte aanpassen naargelang de content die er in zit */
.footercol1 { width:260px; float:left; margin: 10px 20px;  }
.footercol2 { width:260px; float:left; margin: 10px 20px;}
.footercol3 { width:200px; float:left; margin: 10px 20px; }
#footer h2 { color:#fff; font-size:14px; text-transform: uppercase; margin: 0 0 10px 0; }
#footer ul { padding:0 0 0 15px; margin:0; list-style:none;}
#footer li {  padding: 0 0 5px 0px; background:none; }
#footer li a { color:#fff; }
#footer li a:hover { text-decoration:underline; }
#footer .smalltext { color:#fff; margin:0; text-align:center; font-size:10px; }
#footer .smalltext a { color:#fff; }
#footer .smalltext a:hover { color:#000; }
#footer p { font-size:14px; color:#222; margin:0 0 10px 0; }
#footer p a { color:#222; }
#footer p a:hover { text-decoration:underline;  }
.partners { margin: 5px 0 0 0; text-align:center; }	 

#megafooter { width:873px; padding:0 0px; text-align:left;  padding: 10px 10px 10px 40px; }	

/* MEGAFOOTER */
/* er zijn drie footercols voorzien, dan kan je de breedte aanpassen naargelang de content die er in zit */
.megafootercol1 { width:200px; float:left; margin: 10px 4px;  }
.megafootercol2 { width:200px; float:left; margin: 10px 4px;}
.megafootercol3 { width:200px; float:left; margin: 10px 4px; }
.megafootercol4 { width:200px; float:left; margin: 10px 4px; }
#megafooter h2 { color:#000; font-size:14px; font-weight:bold; text-transform: uppercase; margin: 0 0 10px 0; }
#megafooter ul { padding:0 0 0 5px; margin:0; list-style:none; font-size:11px; }
#megafooter li {  padding: 0 0 5px 0px; background:none; }
#megafooter li a { color:#000; }
#megafooter li a:hover { text-decoration:underline; }


/* DESIGNED TABLE */
.designed {	position:relative;	margin-bottom:20px;	line-height:16px;	border-right:1px dotted #acb4b8;	border-top:1px dotted #acb4b8;	overflow:hidden;	z-index:10}
.designed tr  { }
.designed tr.hide {	display:none; }
.designed tr.toggle {	display:table-row;	text-align:center}
.designed tr.toggle th {	text-align:center}
.designed th, .designed td {	vertical-align:top;	display:table-cell; padding:5px 10px;	text-shadow:0 1px 0 #fff;	border-color:#FFF #FFF #acb4b8 #acb4b8;	border-style:dotted;	border-width:1px}
.designed th {	font-family:Georgia;	font-style:italic;	font-size:11px;	color:#1497c9;	background:#e6eaed;	white-space:nowrap}
.designed th.head {	font-family:Georgia;	font-style:italic;	font-size:11px;	color:#1497c9;	background:#e6eaed;	white-space:nowrap; width:577px; text-align:center;}
.designed .title { background:#edf1f4; color:#1497c9;  }
.designed .title a { color:#1497c9; }
.designed .title a:hover { color:#3db5ff;}
.designed .title h2 { margin:0; display:inline; }
.designed .title p.align_right { display:inline; float:right;}	

/* blue outer TABLE */
.blueboxed {border-right:1px solid #3db5ff;	
border-left:1px solid #3db5ff;	
border-bottom:1px solid #3db5ff;	
border-top:1px solid #3db5ff;	
overflow:hidden;	z-index:10}
.blueboxed tr  { }
.blueboxed th, .blueboxed td {	vertical-align:top;	display:table-cell; padding:5px 10px;}
.blueboxed td.padded {	vertical-align:top;	display:table-cell; padding:0px;}
/* TAGLIST */
ul#taglist {    margin: 20px 10px 10px 10px;    padding: 0;    list-style:none;    list-style-image:none;}
    
/* first level */
ul#taglist li { list-style: none; list-style-image:none; line-height:12px; margin:0 0 5px 0; padding: 0; }
ul#taglist li a {  font-size:15px; color:#000; font-weight:bold;  background: url(/images/admin/taglist_bullet1.gif) no-repeat 0 6px;    padding-left: 12px;}
ul#taglist li p {     padding: 0 0 0 15px;     margin: 5px 0 0 0;    font-size:10px;    line-height:11px;}

/* second level */
ul#taglist ul {    margin: 0 0 0 0;    padding: 0;    list-style: none;    list-style-image:none;    background: url(/images/admin/taglist_dot.gif) repeat-y 23px 0px;}
ul#taglist li li {    background: url(/images/admin/taglist_dot2.gif) no-repeat 4px 4px; margin:0 0 5px 0; }
ul#taglist li li a {    font-size:14px; color:#222; font-weight:normal;    background: url(/images/admin/taglist_bullet2.gif) no-repeat 20px 4px;    padding: 0 0 0 32px;}
ul#taglist li li p { padding-left:35px;}

/* third level */
ul#taglist ul ul {background: url(/images/admin/taglist_dot.gif) repeat-y 46px 0px;}
ul#taglist li li li {background: url(/images/admin/taglist_dot2.gif) no-repeat 24px 4px; margin:0 0 5px 0;}
ul#taglist li li li a {font-size:12px;  color:#444; font-weight:normal; padding: 0 0 0 55px; background: url(/images/admin/taglist_bullet1.gif) no-repeat 43px 3px;}
ul#taglist li li li p { padding-left:60px;}

/* fourth level */
ul#taglist ul ul ul {background: url(/images/admin/taglist_dot.gif) repeat-y 68px 0;}
ul#taglist li li li li {background: url(/images/admin/taglist_dot2.gif) no-repeat 47px 5px; margin:0 0 5px 0;}
ul#taglist li li li li a {font-size:11px; color:#666; font-weight:normal; padding: 0 0 0 78px;background: url(/images/admin/taglist_bullet2.gif) no-repeat 65px .3em;}
ul#taglist li li li li p { padding-left:85px;}

/* TAGLIST 2 (cloudstyle) */
ul#taglist2 {    margin: 0;    padding: 0;    list-style:none;    list-style-image:none; background:none;}
    
/* first level */
ul#taglist2 li {  display:inline;   list-style: none; list-style-image:none; line-height:12px; margin:0 4px 0 0; padding: 0; background:none;   }
ul#taglist2 li a {  font-size:15px; color:#000; font-weight:bold;    }
ul#taglist2 li p {     padding: 0 0 0 15px;     margin: 5px 0 0 0;    font-size:10px;    line-height:11px;}

/* second level */
ul#taglist2 ul { display:inline; margin: 0;  padding: 0;   }
ul#taglist2 li li {   }
ul#taglist2 li li a {    font-size:14px; color:#222; font-weight:normal;    }

/* third level */
ul#taglist2 ul ul {}
ul#taglist2 li li li { }
ul#taglist2 li li li a {font-size:12px;  color:#444; font-weight:normal; }

/* fourth level */
ul#taglist2 ul ul ul {}
ul#taglist2 li li li li {}
ul#taglist2 li li li li a {font-size:11px; color:#666; font-weight:normal; }



