/* CSS Document */
div.comment {
	border: 1px solid silver;
	padding: 1px;
	margin-bottom: 16px;
}
div.commenttop {
	padding: 4px;
	background: #EEEEEE;
}
div.username {
	font: 11px verdana, arial, sans-serif;
	font-weight: bold;
	width: auto;
	float: left;
}
div.date {
	width: auto;
	text-align: right;
}
div.commentpost {
	padding: 4px;
	background: #F9F9F9;
}

body{
	font-size:12px;
	font-family: "Times New Roman", Times, serif;
	color:#000000;
	line-height:120%;
	text-align:center;
	height:100%;
	
}

a {
	text-decoration: none;
	color: #000000;
	
	background: none;
}
a:hover {
	text-decoration: underline;
}
#contentContainer h2{	/* No margins above <h2> tags */
	margin-top:0px;
	}


#mainContainer{
	width:600px;
	margin:0 auto;
	text-align:left;
	padding:0px;
	background-image: url(images/articleback.jpg);
	text-align:center;
}
#contentContainer{
	float:center;
	border-top:1px solid #000000;
	font-size:8px;
	overflow:auto;
	margin-right:0px;
	padding:0px;
	
	/* CSS HACK E2EBED*/
	width: 300px;	/* IE 5.x */
	width/* */:/**/480px;	/* Other browsers */
	width: /**/600px;
	
	/* CSS HACK */
	height: 350px;	/* IE 5.x */
	height/* */:/**/350px;	/* Other browsers */
	height: /**/285px;
			
}

#plaatje{
border-top:1px solid #555;
}

#contentContainer .openingText{
	color:black;
}

#articleListContainer{	/* <ul> container for article list */
	float:left;
	height:400px;
	overflow:auto;	
	width:180px;
	/* 	border:1px solid #000;*/

}
.articleList{
	margin:0px;
	padding:2px;
	width:100px;
	/* background-color:#ecddbc;*/
}
.articleList td{	/* General layout article in list */
	list-style-type:none;
	border:0px solid #999;
	height:15px;
	margin:1px;
	padding:2px;
	color:#333;
	cursor:pointer;
	font-weight:bold;
	text-align:center;
}
.articleList td.articleMouseOver{	/* Mouse over article in list - layout */
/*	border:1px solid #000;*/
	color:#000;
}
.articleList td.articleClick{	/* Active article in list - layout */
	border:1px solid #000;
	color:#000;
	background-color:#666666;

}

.keyText{	/* Just a column I use for key text inside articles - the one with the light blue bg and dotted border */
	background-color:#FFF;
	border:1px dotted #000;
	float:right;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	width:150px;
	padding:3px
}
.clear{
	clear:both;
}

#table_1{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-indent: 5px;
}

#tdhead_1{
	border-top: 1px none #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px none #CCCCCC;
	font-size: 12px;
	font-weight: bold;	
}
#tdhead_2{
	border-top: 1px none #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px none #CCCCCC;
	font-size: 10px;
}
#tdhead_3{
	font-size: 12px;
	font-weight: bold;	
}

#tdnormal_1{
	border-top: 1px none #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px none #CCCCCC;
}
#tdnormal_2{
	border-top: 1px none #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px none #CCCCCC;
	text-align: right;
	width: 50px;
}
#tdnormal_3{
	font-weight: normal;
	border: 1px solid #CCCCCC;
	text-align: center;	
}

#td_1{
	width: 25px;
	text-align: center;	
}
#td_2{
	width: 30px;
	font-weight: bold;
	font-size: 12px;
}
#td_3{
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	text-align: center;	
}
#td_4{
	border-top: 1px none #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px none #CCCCCC;
	text-align: center;
}

#td_bottomline{
	border-bottom: 1px solid #CCCCCC;
}
#td_bottomline_dotted{
	border-bottom: 1px dotted #CCCCCC;
}
#td_topline{
	border-top: 1px solid #CCCCCC;
}
#td_rightline{
	border-right: 1px solid #CCCCCC;
}
#tdleftcolum{
	border-top: 1px none #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px none #CCCCCC;
	text-align: left;
	width: 50px;
}
#style1{
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
}
#maindiv .td_alignright{
	text-align: right;
}

img{
border:1px solid #fff;
}