body{
	color: #000000;
	background-color: #ffffff;
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	behavior: url(style/csshover2.htc); /* Needed for hover in IE*/
}

h1{
	font-size: 18px;
}

h2{
	font-size: 13px;
}

img {
	border: 0px;
	
}


#container{
	margin-top: 5px;
	padding-bottom: 5px;
	position: absolute;
	visibility: visible;
	width: 935px;
	left: 50%;
	margin-left: -467px; /* (width/2) zorgt er icm left en position voor dat je een gecentreerde floating box krijgt.*/
}

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

#menu a{
	color: white;
	text-decoration: none;
	
}

#menu_overlay{
	background-color: #aaabaa;
	overflow: hidden;
	background-image: url(../images/default_topleft_image.jpg);
}

#menu_overlay img {
	vertical-align: text-bottom;
}

#menu_text{
	padding-top: 25px;
	background-color: #484848;
	color: white;
	font-weight: bold;
}

#menu_text ul{
	margin: 0px;
	margin-left: 15px;
	margin-right: 15px;
	padding: 0px;
	list-style-type: none;
}

#menu_text li{
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 5px;
	padding-left: 15px;
	overflow: hidden;
	width: 180px;
}

#menu_text li:hover{
	background: transparent url(../images/menu_mouseover.jpg) no-repeat ;
	color: #000;
}

#menu_text li li:hover{
	background: transparent ;	
}

#pre_header{
	float: left;
	width: 710px; 
	height: 50px;
}

#header{
	float: left;
	width: 710px;
	height: 30px;
	padding: 20px;
	padding-left: 0px;
	padding-right: 0px;
	overflow: hidden;
	background: #484848 url(../images/header_background.jpg) no-repeat scroll top left;
	color: white;
	font-weight: bold;
	text-align: center;
	font-size: 30px;
}
#content_container{
	float: right;	
	width: 700px;
	margin-left: 10px;
	margin-top: 10px;
}
#content{
	float: left;
	width: 630px;
	padding: 35px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background-color: #aaabaa;
	background: #aaabaa url(../images/content_top.jpg) no-repeat scroll top left;
}
#post_content{
	float: left;
	height: 35px;
	width: 700px;
	background: #aaabaa url(../images/content_bottom.jpg) no-repeat scroll top left;
}

#par_prev{
       float: left;
}

#par_next{
       float: right;
}

/** Eind default layout */

/** news layout */
#news table{
	width: 100%;
	border-collapse: collapse;
}

#news .title{
	font-weight: bold;	
	border-bottom: 1px solid black;
}

#news .date{
	text-align: right;
	border-bottom: 1px solid black;
}

#news .newsitem{
	padding-bottom: 25px;
}

#news .newsitem img{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

/** Eind news layout */

/** guestbook layout */
#guestbook table{
	width: 100%;
	border-collapse: collapse;
	padding: 0px; 
	margin: 0px;
}

#guestbook .title{
	font-weight: bold;	
	border-bottom: 1px solid black;
}

#guestbook .date{
	text-align: right;
	border-bottom: 1px solid black;
}

#guestbook .guestbookitem{
	padding-bottom: 25px;
}

#guestbook textarea{
	width: 325px;
	height: 150px;
	
}


#guestbook .captcha{
	width: 75px;
}

#guestbook .email_text, #guestbook .name_text{

	width: 75px;	
}

#guestbook .name, #guestbook .email {
	width: 250px;
}

#guestbook .error{
	color: red;	
}



/** Eind guestbook layout */

/** Forum */
#forum{
	float: left;	
	width: 630px;
}

#forum a, #forum_menu a, #forum_profile a, #moderator_menu a{
	color: black;	
}

#forum table{
	width: 630px;
	border-spacing: 0px;
	border-collapse: collapse;
}


#forum .title{
	width: 275px;	
}

#forum .maincategory{
	font-size: 13px; 
	font-weight: bold;
}

#forum .email_text{
	width: 75px;	
}

#forum textarea{
	width: 370px;
	height: 250px;
}

#forum .messagehead{
	background-color: #484848;	
	color: white;
}
#forum .categoryhead, #forum .topicshead{
	background-color: #484848;	
	color: white;
	height: 20px;
	text-align: left;
}

#forum .messagehead a, #forum .categoryhead a{
	color: white;
	padding-left: 10px;
}

#forum table .categorystatus{
	background-color: #484848;	
	text-align: center;
	width: 15px;
}

#forum table .categorydesc{
	padding: 4px;
	padding-left: 40px;
	font-size: 11px;	
}

#forum table .row1{
	background-color: #ddd;	
}

#forum_menu, #moderator_menu{
	float: right;	
	padding: 0px;
	width: 620px; 
	height: 12px;
	margin: 3px;
	text-align: right;
	background-color: transparent;
}

#forum .edit{
	font-size: 10px;	
	color: gray;
}

#forum .edittitleinput{
	width: 500px;
}

#forum .messagebody{
	background-color: #eee;
	padding: 10px;
}
#forum .quote{
	display: block;
	font-size: 10px;	
	margin-left: 15px;
	background-color: #ddd;

}

#forum table .profilelinks{
	vertical-align: top;	
	background-color: #ddd;
	padding-left: 10px;
}
#forum table .messagelinks{
	text-align: right;
	height: 28px;
}

#forum table .username{
	padding-left: 10px;	
}

#forum .onlineusers{
	font-size: 10px;
	width: 99%;
}

/* Eind forum layout */

/** Smileys nodig voor guestbook and forum */
 
#smileys{
    position: relative;
    width: 250px;
    text-align: center;
}

#smileys img{
    margin: 0px;
}

#smileys_default{
}

#smileys table{
	width: 100%;	
}

#smileys_more{
    display: none;
    position: absolute;
    top: 125px; left: 0px;
    left: -10px;
    background-color: #ddd;
    border: 1px solid gray;
}
 
/** Eind smileys */

/** Gallery layout */

#gallery{
	
}

#gallery table{
	border: 0px;
}

#gallery td{
	width: 147px;	
	border: 1px solid black;
	text-align: center;
}

#gallery td img{
	/*width: 145px;	/* Dit zou niet nodig moeten zijn, als de fotos direct met goede formaat geupload zijn. Als dit niet het geval is is dit een slechte tijdelijke oplossing, aangezien het mis gaat met verticale afbeeldingen */
}

#gallery td td{
	border: 0px;
}

#gallery_itemview{
	border: 0px;
		
}

#gallery_itemview img{
	margin: 0px;
	padding: 0px;
	border: 0px;
	
}

#gallery_itemview td{
	text-align: center;	
}

/** Eind gallery layout */


#mail_form .voornaam, .achternaam, .telefoon, .email{
	width: 250px;
}

#mail_form .postcode, .huisnummer{
	width: 90px;	
}

#mail_form .straat, .woonplaats{
	width: 150px;	
}

#mail_form .bericht{
	width: 400px;
	height: 150px;
}

.button{
}