@charset "UTF-8";
/*		IJSVERENIGING PEELO				*/
/*		Webdesign by Blue Media			*/
/*		http://www.blue-media.nl		*/

img{ border:0;}

body {
	background:url(../images/bg.jpg) top center no-repeat #2f4b60;
	font-size:12px;
	font-family:arial;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the .container selector */
	color: #767d84;
	}

.wrap {
	font-size:1.4em;
	line-height:1.5em;
	position:relative;
	text-align:left;
	margin:0;
	padding:0;
	min-width:780px;
	}

.container {
	width:780px;
	min-width:780px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	position:relative;
	}

/* Links */
a:link {
	color: #666;
}
a:visited {
	color: #666;
}
a:hover {
	color: #56A6D7;
}
a:active {
	color: #56A6D7;
}

a.button:link {border:none;}     /* unvisited link */
a.button:visited {border:none;}  /* visited link */
a.button:hover {border:none; background-color: inherit;}   /* mouse over link */
a.button:active {border:none;}   /* selected link */

a img {border:none;}

/* Header */

.header {
	height:250px;}
	
.headmenu{
	background:url(../images/menubg.png);
	width:180px;
	height:175px;
	float:right;
	padding:10px;
	margin:55px 20px 0 0;}
	
.headmenu a:link{
	color:#000000;
	width:170px;
	height:25px;
	font-size:14px;
	display:block;
	padding:0 5px 0 5px;
	background:url(../images/flake.png) no-repeat right;
	text-decoration:none;}
	
.headmenu a:visited{
	color:#000000;
	width:170px;
	height:25px;
	font-size:14px;
	display:block;
	padding:0 5px 0 5px;
	background:url(../images/flake.png) no-repeat right;
	text-decoration:none;
			}
			
.headmenu a:hover{
	background:url(../images/flake2.jpg) no-repeat right #2f4b60;
	display:block;
	text-decoration:none;
	color:#fff;
			}
			
.headmenu a:active{
	color:#fff;
	width:170px;
	height:25px;
	font-size:14px;
	display:block;
	padding:0 5px 0 5px;
	background:url(../images/flake2.jpg) no-repeat right #2f4b60;
	text-decoration:none;
			}
			
		

/* Headers */

h2, h3, h4, h5, h6 {
	font-family:arial;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:0;
	}

h2 {
	color:#446986;
	font-size:22px;
	line-height:110%;
	padding:0 0 5px 0;
	}
	
h3 {
	color:#767d84;
	font-size:22px;
	line-height:110%;
	}
	
h4 {
	color:#886231;
	font-size:120%;
	line-height:110%;
	}

/* home body */

.homebody {
	background: #f2f2f2;
	width:780px;
	margin: 0 auto;
	font-size:12px;
	text-align:justify;
	}
	
.content {
	width:760px;
	margin:10px 10px 10px 10px;
	padding:0;
	position:relative;
	}
	.contentgastenboek {
	width:760px;
	margin:10px 10px 10px 10px;
	padding:0;
	float:left;
	position:relative;
	}
	.content1gastenboek{
	width:340px;
	margin:10px 10px 10px 10px;
	padding:10px;
	float:left;
	background:#c2c7cc;
	color:#767d84;}
	
.content2gastenboek{
	width:340px;
	min-height:180px;
	margin:10px 10px 10px 10px;
	padding:10px;
	float:right;
	background:#c2c7cc;
	color:#767d84;}
	
	
img.p_img{
	margin:20px 0 20px 20px;
	width:360px;
	height:239px;
	
}

	
.content1{
	width:340px;
	margin:10px 10px 10px 10px;
	padding:10px;
	float:left;
	background:#c2c7cc;
	color:#000;
}
	
.content2{
	width:340px;
	margin:10px 10px 10px 10px;
	padding:10px;
	float:right;
	background:#c2c7cc;
	color:#767d84;}
	
.contentText{
	width:740px;
	float:left;
	margin:10px;}
	
.tableTextHC{
	color:#767d84;
	font-weight:bold;}

/* Footer */

.footer {
	background: transparent url(../images/footer_bg.jpg) left top repeat-x;
	height:150px;
	padding: 0;
	margin: 0;
	text-align:center;
	color:#50524f;
	}
	
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Float Classes */
	
.fltlft{float:left;}
	
.fltrt{float:right;}

.tablewidth{
	width:320px;
	}