/*//////////////////////////////////////////////////////////////////////////////
    Global
//////////////////////////////////////////////////////////////////////////////*/

body, td, th { font-family: verdana; font-size: 12px; }
body { width: 708px; }
.pageMenu, .pageLeft, .pageRight { width: 100%; }
th { text-align: left; vertical-align: top; }

a { color: #000000; text-decoration: underline; }
a:hover { color: #ff0000; text-decoration: none; }

.pageCaption { font-size: 15px; font-weight: bold; color: #ff0000;}
.pageOptions { margin: 8px 0px 8px 0px; }

.form .input { width: 230px; } 
.form .textarea { width: 500px; height: 260px; } 
.form .submit { }
.form th { width: 80px; vertical-align: top; text-align: right; }

.editing { background-color: #ffeeee; border: 1px solid #ff0000; }
.pending { background-color: #eeffee; border: 1px solid #00ff00; }
.even { background-color: #dddddd; }

.header th { text-align: left; background-color: #bbbbbb; }

/*//////////////////////////////////////////////////////////////////////////////
    Comments
//////////////////////////////////////////////////////////////////////////////*/

.comment { padding: 8px; }
.comment .header { margin: 0px 0px 8px 0px; font-weight: bold; }
.comment .body { margin: 0px 0px 8px 0px; }

/*//////////////////////////////////////////////////////////////////////////////
    Profiles
//////////////////////////////////////////////////////////////////////////////*/

.profiles .entry *, #currentProfileEntry * { font-size: 7pt; }

/*//////////////////////////////////////////////////////////////////////////////
    Menu
//////////////////////////////////////////////////////////////////////////////*/
.pageMenu { padding: 0px; margin: 0px; background-color: #ffffff; } 
.pageMenu .background { background-color: #000000; } 
.pageMenu a { color: #ffffff; font-size: 10px;}
.pageMenu .input {border: 1px solid red; width: 110px; background-color: #dddddd; font-size: 10px; }
.pageMenu .button { width: 114px; height: 20px; font-size: 10px; }
.pageMenu .caption { color: #ffffff; text-align: right; font-size: 10px; }
.pageMenu table { height: 100%; width: 100%; }

/*//////////////////////////////////////////////////////////////////////////////
    Left
//////////////////////////////////////////////////////////////////////////////*/
.pageLeft { padding: 0px; margin: 0px; background-color: #000000; } 
.pageLeft table { width: 100%; }

/*//////////////////////////////////////////////////////////////////////////////
    right
//////////////////////////////////////////////////////////////////////////////*/
.pageRight { padding: 0px; margin: 0px; background-color: #000000; } 
.pageRight table { width: 100%; }

/*//////////////////////////////////////////////////////////////////////////////
    Home
//////////////////////////////////////////////////////////////////////////////*/

.pageHome .agenda { width: 100%; }
.pageHome .agenda .caption { text-align: left; padding-left: 4px; }
.pageHome .agenda .caption a { color: #ff0000; text-decoration: none;  }
.pageHome .agenda .entries { }
.pageHome .agenda .entry { }

.pageHome .articles { width: 100%; }
.pageHome .articles .caption { text-align: left; padding-left: 4px; }
.pageHome .articles .caption a { color: #ff0000; text-decoration: none;  }
.pageHome .articles .entries {}
.pageHome .articles .entry { }	

.pageHome .agenda .caption, .pageHome .articles .caption { border-top: 1px solid #000000; color: #dddddd; font-size: 20pt; text-transform: uppercase; }


/*//////////////////////////////////////////////////////////////////////////////
    Agenda
//////////////////////////////////////////////////////////////////////////////*/

.pageAgenda { } 
.pageAgenda .header { background-color: #bbbbbb; }

/*//////////////////////////////////////////////////////////////////////////////
    Articles
//////////////////////////////////////////////////////////////////////////////*/

.pageArticles .header { background-color: #bbbbbb; }
.pageArticleView { } 

/*//////////////////////////////////////////////////////////////////////////////
    Profile
//////////////////////////////////////////////////////////////////////////////*/

.pageProfile .input, .textarea { background-color: #dddddd; border: 0px; }
.pageProfile .input { width: 117px; }
.pageProfile .textarea { width: 523px; height: 70px; }
.pageProfile .button { border: 1px solid red; width: 110px; background-color: #dddddd; text-align: center; font-size: 10px; margin-bottom: 4px; }

.pageProfile .caption { text-align: left; padding-right: 4px; }
.pageProfile .caption a { color: #ff0000; text-decoration: none; text-transform: uppercase;  }

/*//////////////////////////////////////////////////////////////////////////////
    Admin
//////////////////////////////////////////////////////////////////////////////*/

.pageAdmin .form .textarea { width: 400px; height: 100px; } 
.pageAdmin .form th { text-align: left; width: 170px; font-weight: normal; } 

/*//////////////////////////////////////////////////////////////////////////////
    QA
//////////////////////////////////////////////////////////////////////////////*/

.pageQA { } 

.pageQA .vraag { width: 100%; }
.pageQA .vraag .caption { text-align: right; padding-right: 4px; }
.pageQA .vraag .caption a { color: #dddddd; text-decoration: none;  }
.pageQA .vraag .entries { }
.pageQA .vraag .entry { }

.pageQA .aanbod { width: 100%; }
.pageQA .aanbod .caption { text-align: left; padding-left: 4px; }
.pageQA .aanbod .caption a { color: #dddddd; text-decoration: none;  }
.pageQA .aanbod .entries {}
.pageQA .aanbod .entry { }	

.pageQA .all a { height: 30px; color: red; text-transform: uppercase; text-decoration: none; } 

.pageQA .vraag .caption, .pageQA .aanbod .caption { border-top: 1px solid #000000; color: #dddddd; font-size: 20pt; text-transform: uppercase; }

/*//////////////////////////////////////////////////////////////////////////////
    Print stylesheet
//////////////////////////////////////////////////////////////////////////////*/

@media print {
    input { display: none; }
    .options { display: none; }
    .editing { background-color: white; border: none; }
    .pending { background-color: white; border: none; }
	.body { padding: 0px; margin: 0px; }
}

/*//////////////////////////////////////////////////////////////////////////////
    Search
//////////////////////////////////////////////////////////////////////////////*/

.pageSearch .caption { color: #ff0000; text-transform: uppercase; }
.pageSearch td { text-align: left; vertical-align: middle; }
.pageSearch th { text-align: right; padding-top: 8px; }

.pageAdmin { width: 1000px; }
.pageAdmin td { padding: 0px 3px 0px 0px; }