/* CSS Document */
body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../_img/bg.jpg) repeat left;
}

a{
	color: #fff;
	text-decoration:none;
}

a:hover, a:active{
	color: #000;
}

p, td{
	font:  13px Arial, Helvetica, sans-serif;
	color: #fff;
	margin:12px 30px;
	padding:0px;

}

h1{
	font:  28px Arial, Helvetica, sans-serif;
	color: #ed1c24;
	padding:0px;
	margin:0px;
	margin: 30px 10px 0px 30px;	
}

h2{
	font: 18px Arial, Helvetica, sans-serif;
	color: #fff;
	padding:0px;
	margin:0px;
	margin: 20px 5px 10px 30px;	
}

h3{
	font: 13px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:underline;
	padding:0px;
	margin: 330px 5px 0px 35px;	
}

h4{
	font: 18px Arial, Helvetica, sans-serif;
	color: #fff;
	padding:0px;
	margin:0px;
}

h3:hover{
	color: #000;
}


#container{
	position:relative;
	margin:20px auto 0px auto;
	width:799px;
	height:auto;
}

#content{
	position:relative;
	float:left;
	width:528px;
	height: 400px;
	background-color: black;
}

#content_photos{
	position:relative;
	float:left;
	width:799px;
	height: auto;
	background-color: black;
}

#krijtbord{
	position:relative;
	float:left;
	width:528px;
	height: 97px;
	background-image:url(../_img/krijtbord.jpg);
}

#slideshow{
	position:relative;
	float:left;
	width:528px;
	height: 303px;
}

/* BEGIN _inc/top */
#top{
	position:relative;
	float:left;
	background-image:url(../_img/top.png);
	height: 257px;
	width: 799px;
}

#menu{
	float:right;
	margin: 27px 20px 0px 0px;
	width: 779px;
	height: 30px;	
	text-align: right;

}

.main{
	display:inline;
	text-decoration: none;
	color: #ed1d24;
	font: bold 15px Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 15px;
}

.main:hover, .main:active{
	color: #000;
}

.facebook{
	position:relative;
	float:right;
	margin: 152px 16px 0px 0px;
	height:45px;
	width:779px;
	text-align: right;	
}
/* END _inc/top */

/* BEGIN _inc/footer */
#footer{
	position:relative;
	float:left;
	width:799px;
	height: 95px;
	background-image:url(../_img/banner.png);
}

#ps{
	position:relative;
	float:left;
	height: 73px;
	wdith: 799px;
	font-size: 12px;
	text-decoration: none;
	color: #ed1d24;
	display:inline;
}

.email{
	font-size: 12px;
	text-decoration: none;
	color: #ed1d24;
}

.email:hover, .email:active{
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}

.adres_l{
	width: 480px;
	height:20px;
	float:left;
	text-align:left;
	display:inline;
	padding:10px;
}

.adres_r{
	width: 279px;
	height:20px;
	float:left;
	text-align:right;
	display:inline;
	padding:10px;	
}


.banner{
	position:relative;
	float:left;
	width: 234px;
	height: 60px;
	margin: 17px 1px 18px 23px;
	border:none;
}
/* END _inc/footer */

/* BEGIN _inc/events */
#events{
	position:relative;
	float:left;
	width:271px;
	height: 400px;
	background:url(../_img/events.jpg) repeat-x;
}

#no_events{
	position:relative;
	float:left;
	width:271px;
	height: 400px;
	background:url(../_img/no-events.jpg) repeat-x;
}

#flyer{
	position:relative;
	float:left;
	width: 194px;
	height: 274px;
	margin: 13px 24px 13px 41px;
}
/* END _inc/events */

.contact_button{
	width: 130px;
	height: 25px;
	color: #fff;
	background-color:#ed1c24;
	border :none;
	padding-bottom:2px;
	cursor:pointer;
	text-align:center;
}

.contact_button:hover, .contact_button:active{
	color: #000;
	background-color:#fff;
}

.thumb{
	margin: 0px 0px 20px 30px;
}