/* Set the default font styles */
/* For more info see http://www.phespirit.info/cafe/css_hacks.htm */

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
	background-color: #FFFFFF;
}

div, p, th, td, span {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}

/*/*/a{}

body div, body p, body th, body td, body span {
	font-size: x-small;
}
th{
	background-color: #000033;
	color: #ffffff;
	}

/*/*/a{}

}
textarea.long{
	width: 520px;
	height: 100px;
}
html>head:first-child+body div, html>head:first-child+body p,
html>head:first-child+body th, html>head:first-child+body td, html>head:first-child+body span {
	font-size: small;
}

/**/

form {
	margin: 0px;
}

input.text, input.radio, textarea, select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	border:  1px solid #A8B2BB;
}

.knop {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #003060;
	background-color: #F2F5FA;
	font-weight: bold ;
	width: 1px;
}

/* Hide for IE Mac \*/
.knop {
	width: auto;
}
/* End Hide */

/* Default link style */

a {
	color: #4F738F;
	text-decoration: none		
}

a:hover {
	color: #003366;
	text-decoration: underline;
}

.clsIcon {
	float: left;
	width: 16px;
	height: 16px;
	vertical-align: bottom;
	margin-right: 2px;
	display: inline;
}

.clsSplitter {
	clear: both;
}

.clsDescription {
	clear: both;
	margin-top: 10px;
}

.clsTableIndexBorder {
	border : 1px solid #000033;
}

.clsTableIndexHeadBack {
	background-color : #000033;
}
.tabBehind{
	border-bottom: 1px solid #000033;
}
.clsTableIndexHead {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: bold;
	color: #ffffff;
}

.clsTableIndexRowEvenBack {
	background-color: #ECECEC;
}

.clsTableIndexRowEven {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}

.clsTableIndexRowOddBack {
	background-color: #F5F5F5;
}

.clsTableIndexRowOdd {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}
INPUT.TEXT
{
    BACKGROUND-COLOR: #FFFFFF;
    BORDER:  1px solid #7F9DB9;
    COLOR: #000000;
    FONT-FAMILY: Verdena;
    FONT-SIZE: 10px;
    HEIGHT: 18px;
    PADDING: 1px;
}

INPUT.RADIO
{
    BACKGROUND-COLOR: #FFFFFF;
    BORDER:  1px solid #FFFFFF;
    COLOR: #000000;
    FONT-FAMILY: Verdena;
    FONT-SIZE: 10px;
    HEIGHT: 18px;
    PADDING: 1px;
    WIDTH: 20px
}

TEXTAREA
{
    BACKGROUND-COLOR: #FFFFFF;
    BORDER:  1px solid #000033;
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px;
    PADDING: 2px;
}

SELECT 
{  
    BACKGROUND-COLOR: #FFFFFF;
    BORDER:  1px solid #FFFFFF;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px;
    COLOR: #000000;   
    PADDING: 2px;
}

#footer {
	clear: both;
}

.clsFooter {
	margin-left: 285px;
  	margin-right:84px;
	margin-bottom: 5px;
	background-color : #DEE4E6;
	/* border : 1px solid #000033; */
	padding: 5px;
}

.clsBody {
	background-image: url(images/background.JPG);
	text-align: center;
	background-attachment: fixed;
	background-repeat: repeat-x;
}

#contentholder {
	width: 798px;
	height: auto;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align: left;
	background-image : url(../../images/DynamicZones/background_left.gif);
	background-repeat : repeat-y;
}

/* Hide for IE Mac \*/
* html #contentholder {height: 100%;}
/* End Hide */

#leftcontent {
	float:left;
	width:185px;
	padding:5px;
	background-color: #000033;	
}



#centercontent {
	float:left;
	width:568px;
	padding:5px;
	margin-left: 10px;
}

#subheader {
	clear: both;
}

#content {
	clear: both;
}

#rightcontent {
	display: none;
	width:0px;
	float:left;
}

A {
	color: #000033;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 100%;
	text-decoration: none		
}

A:hover {
	color: #000033;
	text-decoration: underline;
}

TD {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 75%;
}

P {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 100%;
    margin: 0cm 0cm 0pt;
}

.clsMainHeader {
	width: 100%;
	height: 115px;
}

.clsMain {
	width: 100%;
}

.clsFullContent {
	width: 100%;
	background-color : #DEE4E6;
	height: 700px;
}

.clsContent {
	background-color : #DEE4E6;	
}

.clsSubHeader {
}

.clsSubHeaderBack {
}

.clsSubHeaderTitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 90%;
	font-weight : bold;
	color: #000033;
	padding-bottom : 2px;
	border-bottom: 1px solid #000033;
}

.clsSubHeaderMessage {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #003060;
}

.clsSubHeaderLogin {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #003060;
}

.clsNewsHeadTitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 95%;
	font-weight : bold;
	color: #000033;
	border-bottom: 1px solid #000033;
	margin-bottom: 10px;
}

.clsNewsHeadTitleBack {
}

.clsNewsTitleBack{
	background-color : #DEE4E6;
}
.clsNewsTitleBackNoContent{
	background-color : #DEE4E6;
}

.clsNewsTitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 100%;
	font-weight : bold;
	color: #000033;
	padding-bottom : 2px;
	border-bottom: 1px solid #000033;
}

.clsNewsTitle:hover {
	color: #003366;
}


.clsDetailNewsTitleBack{
	background-color : #DEE4E6;
}
.clsDetailNewsTitleBackNoContent{
	background-color : #DEE4E6;
}

.clsDetailNewsTitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 100%;
	font-weight : bold;
	color: #000033;
	padding-bottom : 2px;
	border-bottom: 1px solid #000033;
}

.clsDetailNewsTitle:hover {
	color: #003366;
}


.clsDetailNewsUser {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 90%;
}

.clsDetailNewsUser:hover {
	color: #003366;
}

.clsDetailNewsDate {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 90%;
	color : #949494;
}

.clsDetailNewsDownloadStats {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 100%;
	color : #4F738F;
}



.clsIndexNewsTitleBack{
	clear: both;
	padding-top: 25px;
	background-color : #DEE4E6;
}

.clsIndexNewsTitleBackNoContent{
	background-color : #DEE4E6;
}

.clsIndexNewsTitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 100%;
	font-weight : bold;
	color: #000033;
	padding-bottom : 2px;
	border-bottom: 1px solid #000033;
}

.clsIndexNewsTitle:hover {
	color: #003366;
}


.clsIndexNewsUser {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 90%;
}

.clsIndexNewsUser:hover {
	color: #003366;
}

.clsIndexNewsDate {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 90%;
	color : #949494;
}

.clsIndexNewsDownloadStats {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 100%;
	color : #4F738F;
}

.clsNewsComments {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 90%;
	color : #949494;	
	text-decoration: none	
}

.clsNewsComments:hover {
	color: #003366;
}

.clsNewsPostComments {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 100%;
	text-decoration: none	
}

.clsNewsPostComments:hover {
	color: #003366;
}

.clsNewsRating {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4F738F;	
	font-size : 12px;
}

.clsNewsText {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 100%;
	color: #000033;
	text-decoration: none;
}

.clsNewsReadMore{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 100%;
	text-decoration: none
}

.clsNewsReadMore:hover{
	color: #003366;
}

.clsNewsReplySubject {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 90%;
	color : Black;	
	text-decoration: none;
	font-weight : bold;
}

.clsNewsReplyAuthor {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 90%;
	color : #949494;	
	text-decoration: none	
}

.clsNewsReplyAuthor:hover{
	color: #000033;
}

.clsNewsReplyDate {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 90%;
	color : #949494;	
	text-decoration: none	
}

.clsNewsReplyText {
	font-size : 80%;
	padding-top : 3px;
	padding-bottom :8px;	
}

TABLE.clsSideBar {
	width :195px;
	margin : 3px;
	margin-bottom: 8px;
}

.clsSideBarColumn {
	width : 170px;
}

.clsSideBarBlockNewsLinkDiv {
	text-align: left;
}

.clsSideBarBlockNewsLink {
	color: #FFFFFF;
}

.clsSideBarBlockNewsLink:hover {
	color: #FFFFFF;
}

.clsSideBarBlockTitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 80%;
	text-decoration: none;
	font-weight : bold;
	color : #FFFFFF;
	padding-bottom : 1px;
	border-bottom: 1px solid #FFFFFF;
}

.clsSideBarBlockTitleBack {
}	

.clsSideBarBlockText {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 70%;
	color: #FFFFFF;
	text-decoration: none;
}

.clsSideBarBlockRondText {
	color: #FFFFFF;
	padding-top : 5px;
}
.clsSideBarBlockRondText ul {
	padding-left: 8px;
	margin-top: 0px;
	margin-left: 8px;
	margin-bottom: 0px;
}

.clsSideBarBlockRondText li {
	font-size : 95%;
	color: #FFFFFF;
	list-style-type : disc;
	margin: 0px;
	margin-top : 2px;
}

.clsSideBarBlockRondText a {
	color: #FFFFFF;
	padding-top : 5px;
}
.clsSideBarBlockRondText a:hover {
	color: #FFFFFF;
	padding-top : 5px;
}

.clsSideBarBlockBullet {
	color : #FFFFFF;
	list-style-type : disc;
	margin-top : 3px;
}

A.clsSideBarBlockLinkEven {
	font-size: 100%;
	color: #FFFFFF;
}

A.clsSideBarBlockLinkEven:active {
	color: #FFFFFF;
}

A.clsSideBarBlockLinkEven:visited {
	color: #FFFFFF;
}

A.clsSideBarBlockLinkEven:hover {
	color: #FFFFFF;
}

A.clsSideBarBlockLink {
	font-size: 100%;
	color: #FFFFFF;
}

A.clsSideBarBlockLink:active {
	color: #FFFFFF;
}

A.clsSideBarBlockLink:visited {
	color: #FFFFFF;
}

A.clsSideBarBlockLink:hover {
	color: #FFFFFF;
}

TABLE.clsStatsBlock {
	width :204px;
}

TABLE.clsRelatedBlock {
	width :295px;
}

.clsStatsBlockTitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 100%;
	text-decoration: none;
	font-weight : bold;
	color : #003060;
	padding-top: 3px;	
	padding-bottom: 3px;
	text-align : center;
}

.clsStatsBlockRondText {
}

.clsStatsBlockLink:active {
	color: #003060;
}

.clsStatsBlockLink:visited {
	color: #003060;
}

.clsStatsBlockLink:hover {
	color: #003366;
}

.clsCategoryBlockLink {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 90%;
	text-decoration: none;
	color: #142F4A;	
	background-color : White;
}

.clsCategoryBlockLink:hover {
	color: #003366;
}

.clsCategoryGrayBlockLink {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 90%;
	color: Silver;
	text-decoration: none;
	background-color : White;
}

.clsCategoryGrayBlockLink:hover {
	color: Gray;
}

BODY.clsPopup {   
	background-color : White;
}	

TABLE.clsPopupForm {
	background-color : #F2F5FA;	
}

.clsErrorMessage {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #003366;
	text-decoration: none ;
	font-weight: bold
}

.knop {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003060;
	text-decoration: none ;
	font-weight: bold ;
	background-color: #F2F5FA
}

.reply-user {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #003060;
	text-decoration: none ;
	font-weight: bold
}

.TextButton {
	color: #D7E4F0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration: none;
	font-weight: bold;
}

.TextButton:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration: none;	
	font-weight: bold;
}

.TextButtonLight {
	color: #D7E4F0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration: none;
	font-weight: bold;
}

.TextButtonLight:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration: none;	
	font-weight: bold;
}


.clsIndexButtonsTop {
	float: right;
}

.clsIndexButtonsBottom {
	float: right;
}

.clsIndexNewsText {
	clear: both;
	margin: 10px 0px;
}

.clsIndexNewsRating {
	float: right;
	clear: both;
	margin-top: 10px;
}

.clsIndexNewsArticle {
	clear: both;
}