/* Article related CSS Document */

/* TAGS */
h1 {
	font-weight:lighter;
	font-size:18px;
}

#content {
	margin:8px 10px;
	width:980px;
	padding:0px;
	overflow:auto;
}
#tool_bar {
	background:#abcef4;
	float:left;
	width:192px;
	border:1px solid #95b7da;
	padding:5px;
	margin-left:-603px;
	margin-top:-28px;
}
#tool_bar p {
	margin-bottom:10px;
}
#tool_bar #icon_user {
	position:relative;
	float:left;
	background:url(/images/articles/icon_user.png) no-repeat;
	height:37px;
	width:5px;
	padding-left:35px;
	margin-bottom:15px;
}
#tool_bar #name {
	color:#004080;
	font-weight:bold;
	font-size:14px;
	padding-top:15px;
	float:left;
}
#tool_bar #views {
	position:relative;
	background:url(/images/articles/views_block.png) no-repeat;
	width:192px;
	height:30px;
	margin-bottom:15px;
}
#tool_bar #views p {
	text-align:left;
	line-height:30px;
	font-size:16px;
	margin-left:37px;
}
#tool_bar #views span {
	color:#3399ca;
	font-weight:bold;
	padding-right:3px;
}
#tool_bar #tools, #cat {
	position:relative;
	background-color:#cee3f8;
	width:190px;
	border:1px solid #8eb5de;
}
#tool_bar #tools ul, #cat ul {
	margin-top:5px;
	margin-bottom:5px;
}
#tool_bar #tools li, #cat li {
	background:url(/images/articles/tool_pipe.png) no-repeat bottom;
	margin-left:5px;
	margin-right:5px;
	color:#004080;
	padding:5px 0px;
}
#tool_bar #tools .no_bg, #cat .no_bg {
	background:none;
}
#tool_bar #tools li a {
	color:#004080;
	padding-left:3px;
}
#tool_bar #tools li img {
	vertical-align:middle;
}
#tool_bar #rubriek {
	display:block;
	margin-top:25px;
}
#tool_bar #cat a:hover, #tool_bar #cat li:hover a, #tool_bar #tools a:hover {
	text-decoration:underline;
}
#tool_bar #cat {
	height:211px;
	overflow-y:scroll;
}
#tool_bar #cat a {
	color:#004080;
}
#tool_bar #cat li:hover {
	background:#abcef4;
	cursor:pointer;
}

#buttons {
	position:relative;
	margin:0px auto;
	width:329px;
	font-size:12px;
	overflow:auto; /* FF */
	margin-bottom:5px;
	padding-left:220px;
}
#buttons #prev {
	position:relative;
	float:left;
	background:url(/images/articles/prev_article.png) no-repeat;
	width:87px;
	height:20px;
	color:#fff;
	padding:3px 0px 0px 40px;
	margin-right:75px;
}
#buttons #next {
	position:relative;
	float:right;
	background:url(/images/articles/next_article.png) no-repeat;
	width:122px;
	height:20px;
	color:#fff;
	padding:3px 0px 0px 5px;
}
#article {
	width:385px;
	float:left;
	margin-left:218px;
	display:inline; /* Remove double margin IE 6. Use of float doubles the margin */
}
#article a {
	color:#0000FF;
	text-decoration:underline;
}
#article ul {
	list-style:disc inside;
}
#article #comment {
	margin-top:15px;
	font-weight:bold;
}
#article #author {
	background:#ddddff;
	border:1px solid #bbb9ce;
	width:360px;
	margin-left:20px;
	margin-top:15px;
	padding:3px;
	overflow:auto;
}
#article #author p {
	margin-left:5px;
}
#article #art_rel_block {
	width:630px;
	overflow:visible;
}
#article #rel_art {
	display:block;
	color:#FF0000;
	margin-top:20px;
	font-size:18px;
}
#article #art_rel_block ul {
	list-style:none outside;
}
#article #art_rel_block li a {
	display:block;
	color:#0000FF;
	text-decoration:underline;
	font-size:16px;
	margin-top:15px;
}
#movie {
	position:relative;
	float:right;
	width:336px;
}
#movie #top {
	background:url(/images/articles/movie_top.png) no-repeat;
	width:336px;
	height:7px;
	font-size:0px; /* Div height is to small, so IE 6 renders a white space under it, this will remove the white space */ 
}
#movie #mid {
	background:url(/images/articles/movie_mid.png) repeat-y;
	width:319px;
	padding-left:17px;
	padding-top:5px;
	padding-bottom:5px;
	min-height: 250px;
}
#movie #mid p {
	padding:0px 0px 5px;
	margin:0px;
}
#movie #mid #header {
	color:#004080;
	font-weight:bold;
	font-size:20px;
	height:auto;
	width:300px;
	margin:0px;
	margin-left:-10px;
	padding:0px;
}
#movie #mid #sub {
	background:url(/images/articles/movie_sub.png) no-repeat;
	width:300px;
	height:25px;
	text-align:center;
	padding:5px 0px 0px 0px;
}
#movie #mid #sub p {
	color:#004080;
	font-size:16px;
	font-weight:bold;
}
#movie #mid #text {
	padding-right:15px;
}
#movie #bot {
	background:url(/images/articles/movie_bot.png) no-repeat;
	width:336px;
	height:9px;
}
#movie #disclaimer {
	font-family:Tahoma, Arial;
	font-size:11px;
	color:#666666;
	padding:10px;
}

#interesting {
	float:right;
	margin-top:25px;
	margin-bottom:50px;
}
#interesting p {
	float:right;
	margin-right:15px;
	color:#004080;
	font-weight:bold;
	font-size:18px;
}
#interesting input {
	float:right;
	margin-left:10px;
}
#footer_legal {
	position:relative;
	text-align:center;
	padding-bottom:10px;
}
#footer_legal a {
	color:#004080;
	text-decoration:underline;
}
#footer_legal a:hover {
	text-decoration:none;
}





/* article_categories */
#categories {
	background:#abcef4;
	float:left;
	width:192px;
	border:1px solid #95b7da;
	padding:5px;
	margin-left:-603px;
}
#categories ul {
	background-color:#cee3f8;
	border:1px solid #8eb5de;
}
#categories li {
	background:url(/images/articles/tool_pipe.png) no-repeat bottom;
	color:#004080;
	padding:5px 0px 5px 5px;
}
#categories li:hover {
	background:#abcef4;
	cursor:pointer;
}
#categories .no_bg {
	background:none;
}
#categories li a {
	color:#004080;
	padding-left:10px;
}
#categories li a:hover, #categories li:hover a {
	text-decoration:underline;
}
#articles {
	width:385px;
	float:left;
	margin-left:218px;
	display:inline; /* Remove double margin IE 6. Use of float doubles the margin */
}
#articles h1 {
	font-size:22px;
	font-weight:bold;
	color:#004080;
}
#articles h2 a {
	color:#004080;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
}