/* ********** Overall opmaak spul ********** */

h1,h2,h3,h4,h5,h6{
	color:          maroon;
	font-family:	verdana, helvetica, sans-serif;
	}

h1,h2{
	font-family:	CasperOpenFace, times, serif;
	}
	
#headerforum{
	color:          maroon;
	font-family:	verdana, helvetica, sans-serif;
	font-size:		medium
}
	

dt {
	font-weight:		bold;
	margin-top:		0.5em;
	font-family:		verdana, helvetica, sans-serif;
	}
	
p {
	font-family:		verdana, helvetica, sans-serif;
	padding-right:	300px;
	}
	
a {
	text-decoration:	none;
	color:				maroon;
	font-weight:		bold;
	font-family:		verdana, helvetica, sans-serif;
	}

a:hover {
	text-decoration:	underline;
	}
	
img {
	border:			1px solid maroon;
	}
	
img.nb {
	border-style:	none;
	}

table {
	font-size:      smaller;
	}	
	
div.picright { /* voor fotootjes bij verhalen op een pagina */
	float:			right;
	margin-left:		20px;
	margin-bottom:	10px;
	font-size:		x-small;
	}
	
div.pic { /* voor fotos midden in een pagina */
	margin-top:		10px;
	margin-bottom:	10px;
	margin-left:	40px;
	font-size:		x-small;
	}


/* ********** Site layout spul ********** */

body {
	margin:		0px;
	padding:		0px;
	font-family:    	verdana, helvetica, sans-serif;
	font-size:      	smaller;
	color:          	black;
	background-color: 	white;
	text-align:		justify;
	}
	 
#topbar{
	padding-left:		0px;		
	height:		90px;
	background-color:	maroon;
	}

#lustrumlogo{
	height:		90px;
	width: 		100%;
	background-color:	maroon;
	style:			float;
	}	

#left {
	position:		absolute;
	top:			90px;
	left:			0px;
	width:			173px;
 	}

#right {
	margin-left:		173px;
	padding:		10px;
	padding-top:		20px;
	min-height:		500px;
	border-left:		1px dotted maroon;
	background-image:	url('img/bg_logo.gif');
	background-position:	50% 140px;
	background-repeat:	no-repeat;
	}

#right2 {
	margin-left:		173px;
        height:                 auto;
	padding:		10px;
	padding-top:		20px;
	min-height:		500px;
	border-left:		1px dotted maroon;
	background-image:	url('img/bg_logo.gif');
	background-position:	50% 140px;
	background-repeat:	no-repeat;
	}
        
#footer	{
	margin-left:		173px;
	padding-right:	10px;
	text-align:		right;
	border-left:		1px dotted maroon;
	}

#menulustrum{
	position:		absolute;
	top:			10px;	
	}

#menu{
	position:		absolute;
	top:			20px;
	}

#menumemberzone{
	position:		absolute;
	top:			420px;
	}

/* ********** Nieuwsberichten spul ********** */

.nieuws_balk{
	display:		block;
	float:			left;
	width:			100%;
	border-bottom:	1px dotted maroon;
	}

.nieuws_datum{
	display:		inline;
	float:			left;
	font-weight:		bold;
	}

.nieuws_naam {
	display:		inline;
	float:			right;
	font-size:		smaller;
	}

.nieuws_bericht {
	display:		block;
	}

/* ********** Gastenboek spul ********** */

div.gastenboek_entry {
	display:		block;
	float:			left;
	width:			100%;
	margin-bottom:	3px;
	}
.gastenboek_container {
        display:                block;
        float:                  left;
        width:                  100%;
        }
.gastenboek_berichten {
        display:                block;
        float:                  left;
        width:                  78%;
        border-right:           1px dotted maroon;
        padding-right:          1%;
        }
.gastenboek_rechts {
        display:                block;
        float:                  right;
        width:                  20%;
        }
.gastenboek_balk{
	display:		block;
	float:			left;
	width:			100%;
	border-bottom:	1px dotted maroon;
	}
.gastenboek_naam {
	display:		inline;
	float:			left;
	font-weight:	bold;
	}
.gastenboek_host {
	display:		inline;
	float:			left;
	font-size:		smaller;
	}
.gastenboek_tijd {
	display:		inline;
	float:			right;
	font-size:		smaller;
	}
.gastenboek_bericht {
	display:		block;
	}

/* ********** Ledenoverzicht spul ********** */

.lid_blokje {
	width:			100%;
	float:			left;
	min-height:		100px;
	margin-top:		20px;
	}
.lid_foto {
	float:			left;
	}
.lid_naam {
	font-weight:	bold;
	margin-left:	90px;
	}
.lid_info {
	margin-left:	90px;
	border-top:		1px dotted maroon;
	}

/* ********** Lustrum Menu spul ********** */

.mastermenulustrum{
	width:			150px;
	margin:		0px;
	}

.menucatlustrum {
	width:			150px;
	margin-bottom:	10px;
	}
	
.menuheadlustrum {
	width:			150px;
	font-weight:		bold;
	}
	
.menuitemlustrum {
	width:			130px;
	padding-left:		20px;
	}

a.menuheadlustrum {
	text-decoration:	none;
	color:			white;
    	padding:    		0em 0.6em;
    }
a:hover.menuheadlustrum {
	color:			maroon;
    	background-color:   	white;
	text-decoration:	none;
    }

a.menuitemlustrum {
	text-decoration:	none;
	color:			white;
    	padding:    		0em 0.6em;
	font-weight:		normal;
    }
a:hover.menuitemlustrum {
	color:			maroon;
    	background-color:   	white;
	text-decoration:	none;
    }	


/* ********** Menu spul ********** */

.mastermenu {
	width:			150px;
	margin:		0px;
	}

.menucat {
	width:			150px;
	margin-bottom:	10px;
	}
	
.menuhead {
	width:			150px;
	font-weight:		bold;
	}
	
.menuitem {
	width:			130px;
	padding-left:		20px;
	}
	
a.menuhead {
	text-decoration:	none;
	color:				maroon;
    padding:    		0em 0.6em;
    }
a:hover.menuhead {
	color:				white;
    background-color:   maroon;
	text-decoration:	none;
    }

a.menuitem {
	text-decoration:	none;
	color:				black;
    padding:    		0em 0.6em;
	font-weight:		normal;
    }
a:hover.menuitem {
	color:				white;
    background-color:   maroon;
	text-decoration:	none;
    }

.logout {
    width:          150px;
    font-weight:    bold;
	margin-top:		25px;
	padding-left:	30px;
    }
a.logout {
    text-decoration:    none;
    color:              maroon;
    padding:            5px 10px;
	border:				2px solid maroon;
    }
a:hover.logout {
    color:              white;
    background-color:   maroon;
    }

/* ********** Fotoalbum spul ********** */

.album_blokje {
	width:			100%;
	float:			left;
	min-height:		60px;
	margin-bottom:	10px;
	}
.album_thumb {
	float:			left;
	padding:        5px;
	}
.album_titel {
	font-weight:	bold;
	font-size:      smaller;
	color:			maroon;
	margin-left:	10px;
	border-bottom:	1px dotted maroon;
	}
.album_info {
	margin-left:	260px;
	font-size:      smaller;
	}



	
.folder {
	float: left;
	height: 100px;
	padding: 2px;
	text-align: center;
	width: 175px;
}

.folder img {
	border: 0px;
}