/* HEADER */

#header							{ height:250px;background-repeat:no-repeat;}
#headerimage				{ position:absolute; top:82px; left:6px; width:970px; }
#headeroverlay			{ position:absolute; top:0px; left:0px;}

/* NAVIGATIE */

.navHome						{ position:absolute;top:148px;left:25px;z-index:20;}
.navKO							{ position:absolute;top:108px;left:242px;z-index:21;}
.navPO							{ position:absolute;top:79px;left:482px;z-index:22;}
.navVO							{ position:absolute;top:53px;left:722px;z-index:23;}

.subnav							{ width:228px; height:134px;}
.subnav	.listing    { margin-left:20px; height:90px; }
.subnav	.menubg     { 
background-color:#E5E5E5;
height:150px;
width:228px; 
position:absolute;
left:0;
top:0;
opacity: 0.94;
filter: alpha(opacity=94); 
}
.subnav .margin			{ 
position:absolute;
left:0px;
top:60px;
line-height:15px;
font-size:1.2em;
font-weight:bold;
color:#333333
}
.subnavKO						{ position:absolute;top:111px;left:248px;z-index:10;}
.subnavPO						{ position:absolute;top:93px;left:488px;z-index:10;}
.subnavVO						{ position:absolute;top:59px;left:728px;z-index:10;}



/* LEFT COLUMN */

#left								{ float:left; width:330px; margin-top:20px; font-size:1.2em}
#left .margin				{ padding:0px 10px 20px 20px;}

#left .banner				{ margin:10px 0px 10px 0px;}

.block							{ margin:0px 0px 10px 0px; line-height:26px;}
.block a:hover			{ color:#bb0f3b;text-decoration:none}
.block .line				{ background:#333333;height:1px;float:left;width:290px;}
.block .line2				{ background:#e0e0e0;height:1px;float:left;width:290px;}
.block .paging			{ text-align:right; line-height:30px; color:#999999; font-size:0.9em}
.block .paging strong {color:#333333}

.block .sidebar_item {float:left;width:290px; cursor:pointer}
.block .sidebar_title {float:left;width:180px;}
.block .sidebar_date {float:left;width:102px;}

.agenda							{ line-height:18px;}
.agenda .sidebar_item {float:left;width:290px; cursor:pointer; margin:2px 0px 5px 0px;}
.agenda .sidebar_title {float:left;width:290px;}
.agenda .sidebar_date {float:left;width:290px; font-size:10px; color:#999999; text-align:right;}

.vimeowidget				{ list-style:none outside;}
.vimeowidget .widgettitle				{ border-bottom:1px solid #000000;}
#vimeowidget				{ margin-top:10px;}

/* CONTENT COLUMN */

#content						{ float:left; width:470px; margin-top:0px; font-size:1.2em}
#content .margin		{ padding:20px 20px 0px 20px;}
#content .line			{ background:#333333; height:1px;}
#content .line2			{ background:#e0e0e0; height:1px; margin-top:3px;}

#content .rss				{ width:430px;height:26px;line-height:32px;}
#content .paging		{ text-align:right; line-height:30px; color:#999999; font-size:0.9em}
#content .paging strong {color:#333333}

.post								{ float:left;width:430px;}
.post .image				{ float:left;width:70px;margin-top:20px;}
.post .intro				{ float:left;width:360px;}
.homeContent .post .intro { width:430px;}
.post .intro-wo-image { float:left;width:430px;}
.post .intro p			{ display:inline; }
.post .intro a			{ color:#bb0f3b;}
.post .date					{ text-align:right; color:#999999;margin-top:3px;}
.post .date a				{ color:#666666 !important;}
.post .date img			{ vertical-align:middle; }

.magazine						{ float:left; margin-top:20px;}
.magazine .image		{ float:left; width:140px;}
.magazine .items		{ float:left; width:290px;}
.magazine .items a	{ color:#bb0f3b;}
.magazine .line			{ margin:5px 0px;}

/* HOME */
.home .more					{ float:right; font-size:14px; font-weight:bold; width:100px; height:15px; overflow:hidden; position:relative; right:-19px; top:5px; }
	/* status normal */
.home .post					{ cursor:pointer !important; }
.home .KO, .home .PO, .home .VO{ background:none;}
.home .KO .post			{ background:url(../images/bg_post_ko.gif) 45px 3px no-repeat; }
.home .KO .post	a.readmore { color:#f75404; }
.home .PO .post			{ background:url(../images/bg_post_po.gif) 45px 3px no-repeat; }
.home .PO .post	a.readmore { color:#5f9e0a; }
.home .VO .post			{ background:url(../images/bg_post_vo.gif) 45px 3px no-repeat; }
.home .VO .post	a.readmore { color:#16557f; }
.home .post .image	{ display:none; }
.home .post p				{ display:none; }
.home .post a				{ display:none; }
.home .post .date		{ display:none; }
.home .post h3			{ font-size:12px; padding:2px 0 0 70px; margin:0; line-height:20px; height:20px; overflow:hidden; }
.home .post h3 a		{ display:block; color:#333333; }

	/* status hover */
.home .post.over		{ background:none; /*padding-bottom:10px; height:80px;*/ margin-bottom:5px; border:1px solid #e0e0e0; border-width:1px 0; height:auto !important; }
.home .post.over .image{ display:block; height:82px; }
.home .post.over .intro{ /*display:block; height:102px;*/ width:360px; float:left; }
.home .post.over p	{ display:inline; }
.home .post.over a	{ display:inline; }
.home .post.over .date{ display:block; font-size:10px; }
.home .post.over .date a{ display:inline; color:#666666 !important; }
.home .post.over h3		{ padding:0; font-size:14px; line-height:20px; /*overflow:hidden;*/ width:360px; height:auto; }
.home .post.last		{ border:0; padding-bottom:1px; margin-bottom:0; }
.home .post.over.last	{ padding-bottom:12px; margin-bottom:5px; border-top:1px solid #e0e0e0; }


/* DETAIL */ 

.detail							{ float:left;width:430px;}
.detail img					{ margin:10px 0px}
.detail .date				{ margin-top:10px;text-align:right; color:#999999;}
.detail .date a			{ color:#666666 !important;}

.tools							{ float:left; }
.tools div					{ float:left; width:auto}
.tools .reactiebtn	{ margin-left:118px;}

.comment .title			{ font-size:1.2em;display:block;}
.comment .message		{ margin:5px 0px}
.comment .date			{ margin-top:10px;text-align:right; color:#999999;}
.comment .date a		{ color:#666666 !important;}

#respond div					{ float:left;margin:10px 0px 0px 0px;}
#respond .lmar				{ margin-left:10px;display:inline}
#respond .input			{ background:url(../images/bg_input.gif) no-repeat;width:209px;height:21px;}
#respond input				{ width:200px;margin:2px 0px 0px 5px}
#respond textarea		{ width:416px;height:110px;padding:2px 5px 0px 5px}
#respond .checboxes	{ font-size:0.9em;color:#6f6c6c;line-height:20px;} #respond .checboxes input {margin:0px;}
#respond .btnreactie	{width:425px;margin:2px 0px 0px 0px;}

.pagenav {list-style-type:none;margin:0px; list-style-position:outside}
.pagenav ul {list-style-type:none;margin:0px;}
.pagenav ul li {list-style-type:none;margin:0px; list-style-position:outside}
.pagenav ul ul {list-style-type:none;margin:0px;}

.post-nav{ height:17px; padding-top:10px; }
.post-nav div{ width:40%; }	
.post-nav div span{ display:block; overflow:hidden; width:100%; }
.post-nav .next{ float:right; }
.post-nav .next span{ float:right; text-align:right; }
.post-nav .prev{ float:left; }
.post-nav .prev span{ float:left; text-align:left; }


/* RIGHT COLUMN */

#right							{ float:left; width:158px; margin-top:10px;}
#right .margin			{ margin:10px 15px 10px 20px; color:#999999;}
#right p						{ text-align:center;margin:0px; font-family:Arial, Helvetica, sans-serif}


/* FOOTER */

#leaderboard				{ margin:0 auto; width:950px;}
#leaderboard .margin { margin:10px;}

#footer							{ background:#ffffff;margin-left:1px;color:#ffffff; font-size:1.2em;padding-top:10px; width:959px;}
#footer .margin			{ background:#959095; padding:30px 2px 0px 26px}
#footer a						{ color:#ffffff;font-weight:bold}
#footer .section		{ float:left; width:160px;}
#footer .section .padding {padding:0px 0px 0px 20px; border-left:1px solid #ffffff;}
#footer .section .padding ul, #footer .section .padding li {margin:0px;list-style-position:outside}
#footer	.page_item	{ margin:0px;list-style-type:none;padding:0px;}

.closure						{ background:url(../images/bg_footer.gif) no-repeat;float:left;width:970px;height:40px;}
.closure img				{ width:100px;height:40px;margin-right:20px;}