* {
 margin: 0px;
 padding: 0px;
}

a {
 outline-width: 0px;
}

img {
 border-width: 0px;
}

table {
	border-collapse: collapse;
}

body {
 font-family: "Trebuchet MS", verdana, arial, sans-serif;
 color: #ffffff;
 font-size: 12px;
 background-color: #000000;
 line-height: 1.3em;
 /*background-image: url('../images/back_body.gif');*/
}

a:link 		{color: #e4e4e4; text-decoration: underline;}
a:visited	{color: #e4e4e4; text-decoration: underline;}
a:hover		{color:	#ffffff; text-decoration: underline;}
a:active	{color: #ffffff; text-decoration: underline;}

a.gbook:link 		{color: #000000; text-decoration: none;}
a.gbook:visited	{color: #000000; text-decoration: none;}
a.gbook:hover		{color:	#000000; text-decoration: none;}
a.gbook:active	{color: #000000; text-decoration: none;}

a.gbookw:link 		{color: #4d4d4d; text-decoration: none;}
a.gbookw:visited	{color: #808080; text-decoration: none;}
a.gbookw:hover		{color:	#000000; text-decoration: none;}
a.gbookw:active		{color: #000000; text-decoration: none;}

p.foto {
	float: right;
}

p.foto_a {
	margin-top:	0px;
	float: right;
}

p.ajustify {
	width:			100%;
	text-align: justify;
	padding: 0px;
	margin: 0px;
}

.links {
 float: left;
}

p.links, h3.links {
 width: 49%;
}

.rechts {
 float: right;
}

p.rechts, h3.rechts {
 width: 49%;
}

p.rechts_tekst, h3.rechts_tekst {
 text-align: right;
}

img.border {
	border: 1px solid #000040;
}

img.borderwit {
	border: 1px solid #ffffff;
}

img.left {
	margin: 0px 12px 4px 0px;
	float: left;
}

img.right {
	margin: 0px 0px 4px 12px;
	float: right;
}

img.right_no_b {
	margin: 0px 0px 1px 5px;
	border: 0px solid #ffffff;
	float: right;
}

table.foto {
	width:	100%;
}

td.foto {
	text-align:	center;
	padding:		5px;
}

td.agenda {
	border: 1px solid #808080;
	padding: 5px;
	text-align: left;
}

td.agenda_geweest {
	color:	#7f7f7f;
	border: 1px solid #808080;
	padding: 5px;
	text-align: left;
}

td.gastenboek {
	padding: 	5px;
	text-align: left;
}

table.g_bericht {
	width:	100%;
}

th.g_bericht {
	padding:					1px 1px 1px 5px;
	width:						50%;
	text-align:				left;
	color:						#000000;
	background-color:	#ffffff;
}

th.g_bericht_d {
	padding:					1px 5px 1px 1px;
	width:						50%;
	text-align:				right;
	color:						#000000;
	background-color:	#ffffff;
}

td.g_bericht {
	background-color:	#000026;
	border:						1px solid #000040;
	padding:					5px;
}

div.home {
	padding:						6px 10px 6px 6px;
	margin-bottom:			30px;
	background-image:		url('../images/back_home.gif');
	background-color:		#000033;
	border-top:					1px solid #000066;
	border-bottom:			1px solid #000066;
}

input, textarea {
 font-family: inherit;
 font-size: inherit;
 color: #ffffff;
 margin-top: 5px;
 padding: 5px;
 background-color: #000033;
 border: 1px solid #2d2d59;
}

#wrapper {
 position:relative;
 margin-left: auto;
 margin-right: auto;
 width:860px;
 background-image: url('../images/back_site.gif');
}

	#banner {
	 height: 150px;
	 width: 777px;
	 position: absolute;
	 right: -2px;
	 top: 0px;
	 background-image: url('../images/banner.gif');
	 background-repeat: no-repeat;
	 z-index: 10;
	}
	
	#left_column {
	 padding-top: 150px;
	 margin-left: 35px;
	 width: 160px;
	 float: left;
	}

		#optredens, #foto_album {
		 width:160px;
		 height:110px;
		 border: 1px solid #ffffff;
		 border-color: rgba(255, 255, 255, 0.5);
		 font-size: 11px;
		 background-color: #000000;
		}
		
		#optredens p, #foto_album p {
		 padding: 5px;
		}
		
		#optredens a:hover, #foto_album a:hover {
		 text-decoration: underline;
		}
		
		#optredens, #foto_album, #menu {
		 margin-bottom: 18px;
		}

		#menu a {
		 display: block;
		 width: 156px;
		 height: 18px;
		 padding: 2px 0px 0px 4px;
		 margin-bottom: 10px;
		 color: #000000;
		 font-size: 1.1em;
		 font-weight: bold;
		 background-image: url('../images/menu_knop.png');
		}
		
		#menu a:hover, #menu a.active {
		 background-color: #ffffff;
		}
		
		#optredens h2, #foto_album h2, #content h1 {
		 color: #000000;
		 background-color: #ffffff;
		 font-size: 1.1em;
		 padding: 2px 0px 3px 3px;
		 font-weight: bold;
		}
		
		#optredens a, #foto_album a, #menu a {
		 text-decoration: none;
		}

	#content {
	 line-height: 1.4em;
	 position: relative;
	 margin-left: 214px;
	 padding: 150px 4px 30px 8px;
	 height: 100%;
	 background-color: #000000;
	 /*border-left: 1px solid #ffffff;
	 border-left-color: rgba(255, 255, 255, 0.5);*/
	 color: #dddddd;
	}
	
	#content h1 {
	 font-size: 1.1em;
	 background-color: #ffffff;
	 /*background-image: url('../images/back_h1.jpg');*/
	 background-repeat: no-repeat;
	 margin-bottom: 15px;
	 margin-left: -8px;
	 padding-left: 8px;
	}
	
	#content h3 {
	 font-size: 1.1em;
	 margin-bottom: 15px;
	}
	
	#content p, #content form {
	 margin-bottom: 20px;
	 line-height: 1.4em;
	}
	
	#content p.rechts {
	 border-left: 1px solid #ffffff;
	}
	
	#content p.links {
	 border-right: 1px solid #ffffff;
	}
	
	#content input[type="submit"]{
	 color: #dddddd;
	 cursor: pointer;
	}
	
	#content input[type="submit"]:hover {
	 color: #ffffff;
	 border-color: #000066;
	 background-color: #000040;
	}
	
	#content #contact tr td:first-child {
	 padding: 2px 20px 1px 0px;
	}
	
	#content #contact input[type="text"], #content #contact textarea {
	 width: 250px;
	}
	
	#content #contact textarea {
	 height: 150px;
	}
		
	#content .message {
	 width: 200px;
	}
	
	#content table.agenda {
	 width: 100%;
	}
	
	#content table.agenda td:last-child, #content table.agenda th {
	 text-align: right;
	}
	
	#content table.agenda th {
	 color: #000000;
	 border: 1px solid #ffffff;
	 padding: 2px 5px 2px 5px;
	 background-color: #ffffff;
	}
	
	#content tr.highlight td {
	 background-color: #ffffff;
	 color: #000000;
	}
	
	#content #foto {
	 text-align: center;
	 height: 604px;
	}
	
	#content .button {
	 background-color: #000033;
	 padding: 4px 8px 3px 8px;
	 border: 1px solid #2d2d59;
	 cursor: pointer;
	}
	
	#content .button:hover {
	 color: #ffffff;
	 border-color: #000066;
	 background-color: #000059;
	}
	
	#content #vorige, #content #volgende, #content #play {
	 position: absolute;
	 width: 52px;
	 text-align: center;
	}
	
	#content #vorige, #content #volgende {
	 top: 300px;
	}
	
	#content #vorige {
	 left: 0px;
	}
	
	#content #volgende {
	 right: 0px;
	}
	
	#content #play {
	 top: 340px;
	 right: 0px;
	}
	
#footer {
 position: fixed;
 width: 100%;
 bottom: 0px;
 left:0px;
 background-color: #000000;
 border-top: 1px solid #aaaaaa;
 display: none;
}

	#footer_content {
	 margin-left: auto;
	 margin-right: auto;
	 width: 830px;
	 padding: 6px 10px 10px 10px;
	 text-align: right;
	}

table.fa tbody > tr:hover {
 background-color: #00001f;
}

.clear {
 clear: both;
}

.photo_event {
 border-top: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 padding: 10px 0px 50px 0px;
 cursor: pointer;
}

.photo_event:hover {
 background-color: #000040;
}

.photo_event table {
 margin: 40px 0px 0px 200px
}

.photo_event table tr td:first-child {
 width: 120px;
}

.photo_event table tr:first-child td:first-child {
 width: auto;
}

.photo_event img {
 float: left;
 margin-top: 14px;
 margin-left: 30px;
}

.error {
 color: #cc0000;
 font-style: oblique;
}

.message {
 border: 1px solid #2d2d59;
 background-color: #000033;
 padding: 4px 6px 4px 10px;
 color: #ffffff;
 font-weight: bold;
}
