/*-------------------------------------------------
Body and general stuff
-------------------------------------------------*/

* {
	font-family: Trebuchet MS, Times, serif;
	font-size: 10pt;
}

html, body {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

html {
	background-image: url('images/background.png');
}

/*-------------------------------------------------
Containers for the website, including backgrounds
-------------------------------------------------*/

#background_container {
	width: 804px;
	float: left;
}

#container_banner {
	width: 804px;
	margin-left: auto;
	margin-right: auto;
}

#container_banner a img {
	border: none;
}

html>body #background_container {
	background-image: url('images/wrapper.png');
	background-position: center center;
	background-repeat: repeat-y;
}

/* ^^ Hiding the rules for Internet Explorer, so they
only use the rules in alpha.css to make it transparent.
If we don't hide these rules, IE will take these rules
and will not make the background transparent. */

#site_container {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/*-------------------------------------------------
The frame of the website
-------------------------------------------------*/

#header {
	width: 750px;
	height: 127px;
	background-image: url('images/header.png');
	background-repeat: no-repeat;
	background-color: #FDFCF5;
}

#berichtenbalk_container {
	position: relative;
	width:750px;
	height:32px;
	background-color: #FDFCF5;
}

html>body #berichtenbalk_container {
	position: static;
}

#snelzoeken {
	width: 750px;
	height: 33px;
	background-image: url('images/snelzoeken.png');
	background-repeat: no-repeat;
}

#menu {
	width: 175px;
	float: left;
}

#content {
	float: right;
	width: 554px;
	padding: 10px 10px 0px 10px;
}

* html #content {
	width: 574px;
	w\idth: 574px;
}

#copyright {
	background-color: #FFF5F5;
	border-top: 1px solid #5A5A5A;
	padding: 5px;
	text-align: right;
}

/*-------------------------------------------------
Berichtenbalk markup
-------------------------------------------------*/

#berichtenbalk_container a {
	color: #900;
}

/*-------------------------------------------------
Snelzoeken markup
-------------------------------------------------*/

#snelzoeken form {
	display: inline;
}

#snelzoeken select {
	font-family: Tahoma, sans-serif;
	font-size: 8pt;
	height: 17px;
}

#snelzoeken .submit {
	background-image: url('images/button.png');
	background-position: bottom right;
	width: 75px;
	font-size: 8pt;
	height: 20px;
	border: 1px solid #000;
	cursor: pointer;
}

#snelzoeken .snelzoekform {
	padding: 7px 0px 0px 5px;
}

#snelzoeken #login {
	text-align: left;
	margin: 5px;
}

#snelzoeken #login input {
	font-size: 8pt;
	background-color: #fff5f5;
	border: 1px solid #CDCDCD;
	color: #900;
	font-weight: bold;
}

#snelzoeken #login label {
	font-size: 8pt;
	font-weight: bold;
}

#snelzoeken #login .submit {
	background-image: url('images/button2.png');
	background-position: bottom right;
	width: 75px;
	height: 20px;
	font-size: 8pt;
	border: 1px solid #000;
	cursor: pointer;
	color: #000;
	font-weight: normal;
}

/*-------------------------------------------------
Menu markup
-------------------------------------------------*/

#menu {
	text-align: center;
}

#menu .fotolijst {
	margin: auto;
}

#menu .tekstvakje {
	background-color: #FFF5F5;
	border-bottom: 1px solid #CDCDCD;
	border-top: 1px solid #CDCDCD;
	padding: 2px;
	margin-bottom: 5px;
}

#menu .tekstvakje a {
	color: #900;
	font-weight: bold;
	font-size: 8pt;
}

#menu ul {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	border-bottom: 1px solid #CDCDCD;
}

#menu ul, #menu ul li {
	list-style-type: none;
}

#menu ul li {
	border-top: 1px solid #CDCDCD;
	height: 23px;
	margin: 0px;
	color: #5a5a5a;
	font-weight: bold;
	padding: 0px 0px 0px 30px;
	background-image: url('images/menu_button.png');
	background-repeat: no-repeat;
	line-height: 22px;
}

#menu ul li a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#menu ul li.newMessages a {
	color: #900;
}

#menu ul li a:hover {
	color: #5a5a5a;
}

/*-------------------------------------------------
Content markup
-------------------------------------------------*/

#content h1 {
	color: #900;
	font-size: 15pt;
	margin: 0px 0px 10px 0px;
	font-weight: normal;
}

#content h2 {
	color: #004F79;
	font-size: 12pt;
	margin: 15px 0px 10px 0px;
}

#content h3 {
	color: #900;
	font-size: 10pt;
	margin: 0px 0px 5px 0px;
}

#content h4 {
	color: #888;
	font-size: 8pt;
	margin: 0px;
}

#content a {
	color: #900;
}

#content a:hover {
	color: #FF6C00;
}

#content .submit {
	background-image: url('images/button2.png');
	background-position: bottom right;
	width: 80px;
	height: 27px;
	font-size: 8pt;
	border: 1px solid #000;
	cursor: pointer;
	color: #000;
	font-weight: normal;
}

#content textarea {
	border: none;
	background-color: transparent;
	width: 95%;
	height: 97%;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 8pt;	
}

#content input.text { 
	border: none;
	background-color: transparent;
	width: 100%;
	height: 100%;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 8pt;
}

#content .formLine { 
	clear: both;
	height: 27px;
	margin-top: 3px;
}

#content .fieldName, #content .fieldName2, #content .formField, #content .formTextField, #content .formSelect, #content .formBigTextField, #content .formSmileys { 
	margin: 1px 0px 1px 0px;
	font-size: 8pt;
	font-weight: normal;
	height: 15px;
	padding: 5px 8px 5px 8px;
}

#content .formSmileys {
	height: 35px;
}

#content .fieldName { 
	width: 150px;
	margin-right: 20px;
	float: left;
	border: solid 1px #B32400;
	color: #900;
	background-color: #FFE4CB;
}

#content .formField, #content .formTextField, #content .formBigTextField, #content .formSmileys {
	width: 325px;
	float: left;
	border: 1px solid #cdcdcd;
	background-color: #fff5f5;
	color: #000000;
}

#content .formSelect {
	width: 325px;
	float: left;
}

#content .fieldName2, #content .formField2 {
	height: 30px;
}

#content .fieldName2 {
	width: 200px;
}

#content .formField2 {
	width: 275px;
}

#content .formSelect select {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 8pt;
	height: 18px;
}

#content .formTextField { 
	height: 200px;
}

#content .formBigTextField { 
	height: 500px;
}

/*-------------------------------------------------
Profiel markup
-------------------------------------------------*/

#profile {
	clear: both;
	background-color: #fff5f5;
	border-bottom: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	padding: 5px;
	width: 554px;
	background-image: url( 'images/profiel_background.png' );
	background-repeat: no-repeat;
	background-position: bottom right;
}

.profile {
	clear: both;
	background-color: #fff5f5;
	border: 1px solid #cacaca;
	padding: 5px;
	background-image: url( 'images/profiel_background.png' );
	background-repeat: no-repeat;
	background-position: bottom right;
}

html>body #profile {
	width: 544px;
}

#profileNav {
	border-bottom: 1px solid #cacaca;
}

#profileNav, #profileNav li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#profileNav li {
	display: inline;
	padding: 2px 10px 0px 10px;
	font-weight: bold;
	margin-right: 5px;
	background-color: #fff;
	color: #900;
	border: 1px solid #cacaca;
}

#profileNav li a {
	font-size: 8pt;
	color: #959595;
	text-decoration: none;
}

#profileNav li a:hover {
	text-decoration: underline;
}

#profileNav li.active {
	background-color: #fff5f5;
	border-bottom: 1px solid #fff5f5;
}

#profileNav li.active a {
	color: #900;
}

#photoRow {
	width: 147px;
	padding: 5px;
	float: left;
}

html>body #photoRow {
	width: 137px;
}

#gegevensRow {
	width: 380px;
	padding: 5px;
	float: left;
}

.guestbookRow {
	padding: 5px;
	background: #f5f5f5;
	border: 1px solid #cacaca;
}

.guestbookRow #photoRow {
	width: 147px;
	padding: 5px;
	float: left;
}

html>body .guestbookRow #photoRow {
	width: 137px;
}

.guestbookRow #gegevensRow {
	width: 300px;
	padding: 5px;
	float: left;
}

.table {
	width: 100%;
	border-collapse: collapse;
}

.table .kopje {
	font-weight: bold;
	color: #900;
	background-color: #ffe4cb;
	border: 1px solid #cdcdcd;
	padding-left: 10px;
}

.table tr td {
	vertical-align: top;
}

.table .tabel0 {
	border: 1px solid transperant;
}

.table .tabel1 {
	background-color: #ebebeb;
	border: 1px solid #ebebeb;
}

.table .tabel0 td, #profile .table .tabel1 td {
	vertical-align: top;
}

.table2 {
	width: 95%;
	border-collapse: collapse;
}

.table2 .kopje {
	font-weight: bold;
	color: #900;
	background-color: #ffe4cb;
	border: 1px solid #cdcdcd;
	padding-left: 10px;
}

.table2 .tabel0 {
	border: 1px solid transperant;
}

.table2 .tabel1 {
	background-color: #ebebeb;
	border: 1px solid #ebebeb;
}

.table2 .tabel0 td, #profile .table2 .tabel1 td {
	vertical-align: top;
}

.acties {
	width: 100%;
	border-collapse: collapse;
}

.acties .kopje {
	font-weight: bold;
	color: #900;
	background-color: #ffe4cb;
	border: 1px solid #cdcdcd;
	padding-left: 10px;
}

.acties .tabel0 {
	border: 1px solid transperant;
}

.acties .tabel1 {
	background-color: #ebebeb;
	border: 1px solid #ebebeb;
}

.acties .tabel0 td, .acties .tabel1 td {
	font-size: 8pt;
}

.acties .tabel0 td a, #profile .acties .tabel1 td a {
	font-size: 8pt;
}

/*-------------------------------------------------
Forum opmaak
-------------------------------------------------*/

.forumTable {
	background-color: #f5f5f5;
	border: 1px solid #cacaca;
	width: 100%;
	border-collapse: collapse;
}

.forumTable .floatLeft {
	float: left;
}

.forumTable .floatRight {
	float: right;
}

.forumTable td {
	padding: 5px;
}

.forumTable .topCell {
	border-bottom: 1px solid #cacaca;
}

.forumTable .infoCell {
	border-right: 1px solid #cacaca;
	width: 145px;
	background-color: #FFE4CB;
}

.forumTable .infoCell ul, .forumTable .infoCell li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.forumTable .infoCell ul {
	margin-top: 5px;
}

.forumTable .infoCell li {
	padding-left: 5px;
}

.forumTable .messageCell {
	background-color: #FFF5F5;
}

.forumTable .bottomCell {
	background-color: #f5f5f5;
	border-top: 1px solid #cacaca;
}

/*-------------------------------------------------
Copyright markup
-------------------------------------------------*/

#copyright a {
	font-size: 8pt;
	color: #900;
}

#copyright {
	font-size: 8pt;
	color: #4E4E4E;
}

/*-------------------------------------------------
Other classes
-------------------------------------------------*/

.man, .man a, #berichtenbalk_container .man a, #content .man a {
	color: #009;
}

.vrouw, .vrouw a, #berichtenbalk_container .vrouw a, #content .vrouw a {
	color: #900;
}

.strongred {
	font-weight: bold;
	color: #900;
}

.clear {
	clear: both;
}

.fotolijst {
	padding: 5px;
	width: 137px;
	height: 112px;
	margin-bottom: 5px;
	background-color: #FFF5F5;
	border: 1px solid #CDCDCD;
	text-align: center;
	overflow: hidden;
}

html>body .fotolijst {
	width: 125px;
	height: 100px;
}

.fotolijst a img {
	border: none;
}

.fotolijst img {
	border: none;
	vertical-align: middle;
}

.goed {
	color: #060;
	font-weight: bold;
}

.fout {
	color: #f00;
	font-weight: bold;
}

.fotoalbum {
	float: left;
	padding: 5px;
	margin: 10px;
	width: 137px;
	height: 200px;
	background: #f5f5f5;
	border: 1px solid #cacaca;
	line-height: 23px;
}

.fotoalbum2 {
	float: left;
	padding: 5px;
	margin: 12px;
	width: 137px;
	height: 175px;
	background: #f5f5f5;
	border: 1px solid #cacaca;
	line-height: 23px;
}

table td {
	vertical-align: top;
}

blockquote {
	margin: 5px;
}

.quote1 {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	background-color: #fbe5cd;
}

.quote0 {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	background-color: #eee;
}

#newMembersMessage, #updateMembersMessage, #jarigMembersMessage, #onlineMembers {
	display: block;
	font-style: italic;
}