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

body {
 font-family: "Trebuchet MS", verdana, arial, sans-serif;
 font-size: 14px;
 color: #000000;
 background-image: url('../back.gif');
}

#wrapper {
 position: relative;
 width: 890px;
 height: 100%;
 margin-left: auto;
 margin-right: auto;
 background-image: url('../images/back_wrapper.gif');
 background-repeat: repeat-y;
}

	#wrapper #top_head {
	 background-image: url('../images/top.jpg');
	 height: 293px;
	 background-position: 0px -60px;
	}
	
	#top_head a {
	 display: block;
	 position: absolute;
	 top: -60px;
	 left: 0px;
	}
	
	#content {
	 padding: 50px 18px 27px 25px;
	 margin-left: 225px;
	 margin-right: 56px;
	 background-image: url('../images/index_26.jpg');
	 background-repeat: no-repeat;
	}
	
	#content h1, h2, h3, h4, h5 {
	 color: #cc0000;
	 font-weight:	bold;
	}
	
	#content h1 {
	 font-size:	30px;
	}
	
	#content h1.right {
	 text-align:	right;
	 margin-bottom: 18px;
	 margin-top: -12px;
	}
	
	#content h2 {
	 font-size: 21px;
	 font-weight:	normal;
	 margin-bottom:	22px;
	}
	
	#content h4 {
	 font-size: 17px;
	 text-align: center;
	 margin-top: 18px;
	 margin-bottom: 14px;
	}
	
	#content h5 {
	 font-size: 13px;
	 margin-top: 10px;
	 border-bottom: 2px solid rgb(179, 0, 0);
	}

	#content h3 {
	 margin-left: -8px;
	 font-family: Georgia, serif;
	 font-size: 24px;
	 font-style: oblique;
	 font-weight: bold;
	 margin-bottom: 20px;
	 line-height: 1em;
	}
	
	#content h3 a {
	 color: inherit;
	 text-decoration: none;
	}
	
	#content h3 a:hover {
	 color: #bb0000;
	 text-decoration: underline;
	 background-color: #ffeeee;
	}
	
	#content p, #content ul, #content ol, #content blockquote, #content table {
	 line-height: 1.5em;
	 margin-top: 14px;
	}
	
	#content ul, #content ol {
	 padding-left: 20px;
	}

	#content a.actie, #content a.actie {
	 background-color: #a60000;
	 color: #ffffff;
	 padding: 4px 8px 3px 8px;
	 text-decoration: none;
	 border: 1px solid #800000;
	 background-image: url('../images/action_button_top_gradient.png');
	 background-repeat: repeat-x;
	 border-radius: 2px;
	 -moz-border-radius: 2px;
	 -webkit-border-radius: 2px;
	}
	
	#content a.actie:hover, #content a.actie:hover {
	 background-color: #cc0000;
	}
	
	#content tr.toernooi {
	 background-color:	#fff7eb;
	}
	
	#content tr.activiteit {
	 background-color:	#edffeb;
	}
	
	#content tr.vergadering {
	 background-color:	#ebf2ff;
	}
	
	#content tr.vakantie {
	 background-color: #ffffe0;
	}
	
	#content tr.examen {
	 background-color: #ffebeb;
	}
	
	div.main .datum {
	 float: right;
	 font-style: oblique;
	 padding-left: 20px;
	 border-bottom: 1px solid #dddddd;
	}
	
	div.main div.datum {
	 margin-top: -20px;
	 line-height: 22px;
	 border: 0px;/* temp */
	 border-left: 1px solid #cccccc;
	}
	
	div.main div.datum .dag {
	 font-family: georgia, serif;
	 font-size: 32px;
	 font-weight: bold;
	 color: #8c0000;
	}
	
	#content div.main {
	 border-width: 0px;
	 border-bottom: 1px solid #eeeeee;
	 padding-bottom: 28px;
	}
	
	#content > div.welkom {
	 border: 1px solid #eeeeee;
	}
	
	#content .error {
	 color: #bf0000;
	 background-color: #ffd9d9;
	 border: 2px solid #ffbfbf;
	 padding: 6px;
	}
	
	#content ul.error {
	 padding-left: 22px;
	}
	
	#content .melding {
	 padding: 6px;
	 background-color: #dfffd9;
	 border: 3px solid #caffbf;
	 color: #20bf00;
	 margin: 4px 0px 8px 0px;
	}
	
	#content .mention_good, #content .mention_neutral, #content .mention_bad {
	 padding: 6px;
	 border-width: 3px;
	 border-style: solid;
	 margin: 4px 0px 8px 0px;
	}
	
	#content .mention_good {
	 background-color: rgb(233, 255, 217);
	 border-color: rgb(202, 255, 191);
	}
	
	#content .mention_neutral {
	 background-color: rgb(255, 255, 217);
	 border-color: rgb(255, 255, 191);
	}
	
	#content .mention_bad {
	 background-color: rgb(255, 217, 217);
	 border-color: rgb(252, 191, 191);
	}
	
	#content .error ol {
	 margin-left: 20px;
	}
	
	#content tr.p100 {
	 background-color: #f2f2f2;	
	}
	
	#content tr.p200 {
	 background-color: #ffffe5;	
	}
	
	#content tr.p300 {
	 background-color: #fff5e5;	
	}
	
	#content tr.p400 {
	 background-color: #e5ffe5;	
	}
	
	#content tr.p500 {
	 background-color: #e5f2ff;	
	}
	
	#content tr.p600 {
	 background-color: #e5d4c3;	
	}
	
	#content tr.p700 {
	 background-color: #000000;	
	 color: #ffffff;
	}
	
	#content th {
	 text-align: left;	
	}
	
	#content table.tabular, #content table.input {
	 width: 100%;
	}
	
	#content table.tabular th {
	 background-color: #e5e5e5;
	}
	
	#content table.tabular th, #content table.tabular td {
	 border: 1px solid #e5e5e5;
	 padding: 5px 4px 4px 5px;
	}
	
	#content input[type="text"], #content textarea {
	 background-color: #fafafa;
	 border: 1px solid #e5acac;
	}
	
	#content input[type="text"] {
	 height: 18px;
	 width: 180px;
	}
	
	#content input.tussenvoegsel {
	 width: 60px;
	 height: 18px;
	}
	
	#content input.tv_achternaam {
	 width: 110px;
	 margin-left: 8px;
	 height: 18px;
	}
	
	#content table.gastenboek {
	 width: 100%;
	 border: 1px none;
	 margin: 0px 0px 6px 0px;
	}
	
	#content td.gastenboek {
	 border-collapse: collapse;
	 border: 0px none;
	}
	
	#content .gastenboek_pb {
	 float: right;
	}
	
	#content table.gastenboek {
	 border: 1px solid #bee9ff;
	 margin-bottom: 50px;
	}
	
	#content table.gastenboek th, #content table.gastenboek td {
	 padding: 4px 12px 5px 12px;
	 font-size: 13px;
	}
	
	#content table.gastenboek th {
	 background-color: #bee9ff;
	}
	
	#content table.gastenboek th.gastenboek_datum {
	 text-align: right;
	}
	
	#content table.gastenboek td {
	 background-color: #e5f7ff;
	 padding-top: 10px;
	 padding-bottom: 14px;
	}
	
	#content .event_info, #content table.event_info_table {
	 width: 48%;
	}
	
	#content .event_info {
	 padding-right: 20px;
	 margin-bottom: 20px;
	}
	
	#content table.event_info_table {
	 float: right;
	 margin-top: 0px;
	}
	
	#content #next_step_button_row{
	 height: 23px;
	}
	
	#content input[name="insertion"] {
	 width: 60px;
	 margin-right: 4px;
	}
	
	#content input[name="surname"] {
	 width: 114px;
	}
	
	#content form td:first-child {
	 padding-top: 4px;
	 padding-right: 10px;
	}
	
	#content .mention_good, #content .mention_neutral, #content .mention_bad {
	 padding: 6px;
	 border-width: 3px;
	 border-style: solid;
	 margin: 4px 0px 8px 0px;
	}
	
	#content .mention_good {
	 background-color: rgb(233, 255, 217);
	 border-color: rgb(202, 255, 191);
	}
	
	#content .mention_neutral {
	 background-color: rgb(255, 255, 217);
	 border-color: rgb(255, 255, 191);
	}
	
	#content .mention_bad {
	 background-color: rgb(255, 217, 217);
	 border-color: rgb(252, 191, 191);
	}
	
	
	#balk_links table {
	 width: 100%;	
	}
	
	#balk_links p {
	 margin-bottom: 10px;
	}
	
	#balk_links p:last-child {
	 margin-bottom: 0px;
	}
	
	#balk_links #documenten {
	 position: relative;
	 background-color: rgba(0, 0, 0, 0.2);
	}
	
	#balk_links #documenten > strong {
	 display: block;
	 margin-bottom: 8px;
	}
	
	#balk_links #documenten ul {
	 padding-left: 22px;
	 list-style-image: url('../images/doc_list_type.png');
	 list-style-type: square;
	}
	
	#balk_links #documenten .pdf_label {
	 position: absolute;
	 right: 0px;
	 bottom: 2px;
	}
	
	#balk_links .section {
	 background-color: rgba(0, 0, 0, 0.05);
	}
	
	#balk_links #documenten, #balk_links .section {
	 margin: 10px -6px 25px -5px;
	 padding: 5px;
	}
	
	#vorige, #volgende, #play, #terug, #thumbs #terug {
	 font-size: 11px;
	 color: rgb(255, 255, 255);
	 width: 55px;
	 height: 25px;
	 background-color: rgb(101, 0, 0);
	 cursor: pointer;
	 text-align: center;
	}
	
	#vorige:hover, #volgende:hover, #play:hover, #terug:hover, #thumbs #terug:hover {
	 background-color: rgb(153, 0, 0);
	}
	
	#vorige {
	 position: absolute;
	 top: 0px;
	 left: 0px;
	}
	
	#play {
	 position: absolute;
	 top: 0px;
	 right: 70px;
	}
	
	#volgende {
	 position: absolute;
	 top: 0px;
	 right: 0px;
	}
	
	#terug {
	 position: absolute;
	 top: 0px;
	 left: 70px;
	}
	
	#terug a{
	 color: rgb(255, 255, 255);
	 display: block;
	 width: inherit;
	 height: 120%;
	 text-decoration: none;
	}
	
	#terug a:hover {
	 color: rgb(255, 255, 255);
	 text-decoration: none;
	}

	#foto, #thumbs {
	 padding-top: 10px;
	 margin: auto;
	 position: relative;
	}
	
	#foto {
	 padding-top: 30px;
	 width: 576px;
	 height: 720px;
	}
	
	#foto img {
	 display: block;
	 margin: auto;
	 border: 1px solid #333333;
	}
		
	#thumbs {
	 width: 542px;	
	 padding-left: 10px;
	}
	
	#thumbs .thumbs div {
	 width: 125px;
	 height: 125px;
	 margin: 0px 10px 10px 0px;
	 float: left;
	 text-align: center;
	 line-height: 125px;
	}
	
	#thumbs .thumbs div img {
	 vertical-align: middle;
	 opacity: 0.8;
	}
	
	#thumbs .thumbs div:hover img {
	 opacity: 1;
	 -moz-box-shadow: 0px 0px 6px #000000;
	 -webkit-box-shadow: 0px 0px 6px #000000;
	 box-shadow: 0px 0px 6px #000000;
	}

p.datum {
 text-align:	right;
}

p.anchor {
 color: #999999;
 margin-top: -22px;
 text-align:	left;
}

i.alert {
 color: #ff0000;
}

img {
 border-width: 0px;
}

img.right {
 float: right;
 margin-left: 6px;
}

img.left {
 float: left;
 margin-right: 6px;
 margin-top: 2px;
}

img.right_border {
 float: right;
 border: 1px solid #cc0000;
 margin: 4px 0px 0px 10px;
}

img.left_border {
 float: left;
 border: 1px solid #cc0000;
 margin-right:	10px;
 margin-top:		4px;
}

img.foto {
 border: 1px solid #cc0000;
 align: center;
}

table {
 border-collapse: collapse;
}

table.form {
 border: 0px solid;
}

td.form {
 height: 15px;
 border: 0px solid;
}

td.atop {
 vertical-align: top;
}

th.updates {
 width: 85px;
}


a:link 		{color: #000000; font-weight: bold;}
a:visited	{color: #000000; font-weight: bold;}
a:hover		{color:	#cc0000; font-weight: bold;}
a:active	{color: #000000; font-weight: bold;}

a.contact:link 		{color: #000000; font-weight: normal; text-decoration: none;}
a.contact:visited	{color: #000000; font-weight: normal; text-decoration: none;}
a.contact:hover		{color:	#cc0000; font-weight: normal; text-decoration: none;}
a.contact:active	{color: #000000; font-weight: normal; text-decoration: none;}

a.anchor:link 		{color: #999999; font-weight: normal; text-decoration: none;}
a.anchor:visited	{color: #999999; font-weight: normal; text-decoration: none;}
a.anchor:hover		{color:	#cc0000; font-weight: normal; text-decoration: none;}
a.anchor:active		{color: #999999; font-weight: normal; text-decoration: none;}

input.vorige {
	font-weight: bold;
	float:	left;
	margin-left: 150px;
}

input.volgende {
	font-weight: bold;
	float: right;
	margin-right: 150px;
}

input.quiz {
	background-color:		transparent;
	border:							0px solid;
	readOnly:						true;
}

input.naam {
	border:			1px solid #e5acac;
	background-color:	#fafafa;
}

input.email {
	width:			200px;
	height:			18px;
	border:			1px solid #e5acac;
	background-color:	#fafafa;
}

input.checkbox {
	border:							1px solid #e5acac;
	background-color:		#fafafa;
}

input.hkop_nieuwsbrief {
	font-family:	verdana, arial;
	font-weight:	bold;
	margin-top:		2px;
	padding-top:	2px;
	border:				1px solid #e5acac;
	width:				300px;
	height:				18px;
	background-color:	#fafafa;
}

textarea.size_medium {
	font-family:	verdana, arial;
	font-size:		10pt;
	border:				1px solid #e5acac;
	background-color:	#fafafa;
	width:		200px;
	height:		100px;
}

textarea.text_blog {
	width:		300px;
	height:		500px;
}

textarea.nieuwsbrief_artikel {
	font-family:	verdana, arial;
	font-size:		10pt;
	border:		1px solid #e5acac;
	width:		500px;
	height:		150px;
	background-color:	#fafafa;
}

#menu a {
 position:absolute;
 display: block;
 color: #ffffff;
 font-size: 20px;
 padding-top: 3px;
 padding-left: 8px;
 text-decoration: none;
 letter-spacing: 6px;
 font-weight: bold;
 font-family: 'Trebuchet MS', arial, sans-serif;
}

#menu #btn_nieuws {
 left:541px;
 top:103px;
}

#menu #btn_nieuws:hover {
 color: #ffcccc;
}

#menu #btn_informatie {
 left: 553px;
 top: 143px;
}

#menu #btn_informatie:hover {
 color: #ffff80;
}

#menu #btn_toernooien {
 left:566px;
 top:183px;
}

#menu #btn_toernooien:hover {
 color: #ffc380;
}

#menu #btn_activiteiten {
 left:576px;
 top:223px;
}

#menu #btn_activiteiten:hover {
 color: #84ff80;
}

#menu #btn_gastenboek {
 left:586px;
 top:263px;
}

#menu #btn_gastenboek:hover {
 color: #798cef;
}

#balk_links {
 margin-left:55px;
 width:158px;
 padding: 35px 7px 100px 5px;
 color: #ffffff;
 font-size: 12px;
 float: left;
}

#balk_links a {
 color: #e4e4e4;
 font-weight: bold;
 text-decoration: none;
}
#balk_links a:visited {
 color: #e4e4e4;
 font-weight: bold;
 text-decoration: none;
}
#balk_links a:hover {
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
}
#balk_links a:active {
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
}

#balk_links a.balk_ws:link 		{color: #e4e4e4; font-weight: bold; text-decoration: none; word-spacing: -2px;}
#balk_links a.balk_ws:visited	{color: #e4e4e4; font-weight: bold; text-decoration: none; word-spacing: -2px;}
#balk_links a.balk_ws:hover		{color:	#ffffff; font-weight: bold; text-decoration: none; word-spacing: -2px;}
#balk_links a.balk_ws:active	{color: #ffffff; font-weight: bold; text-decoration: none; word-spacing: -2px;}

#balk_links a.ln:link 		{color: #e4e4e4; font-weight: bold; text-decoration: underline;}
#balk_links a.ln:visited	{color: #e4e4e4; font-weight: bold; text-decoration: underline;}
#balk_links a.ln:hover		{color:	#ffffff; font-weight: bold; text-decoration: underline;}
#balk_links a.ln:active		{color: #ffffff; font-weight: bold; text-decoration: underline;}

#balk_links table {
 border-width:				0px;
 border-collapse:			collapse;
 margin-bottom:				15px;
}

#balk_links td {
 border-width:				0px;
 padding:							1px 0px 2px 0px
}

#balk_links .updates {
 float: right;
}

div.welkom, div.main {
 border: 1px solid #d9d9d9;
 padding: 13px;
 line-height: 1.5em;
}

div.welkom {
 background-color: #fff2f2;
 margin-bottom: 20px;
}

div.main {
 background-color: #ffffff;
 margin-bottom: 20px;
}

div.informatie, div.toernooien, div.activiteit {
 border: 1px dashed #999999;
 padding: 12px 20px;
 margin-bottom: 30px;
 line-height: 1.4em;
}

div.informatie {
	background-color:	#ffffe5;
}

div.toernooien {
	background-color:	#ffedd9;
}

div.activiteit {
	background-color:	#e6ffe5;
}

div.fotoknoppen {
	background-color:	#ffedd9;
	border-style:			dashed;
	border-width:			1px;
	border-color:			#999999;
	padding: 					7px 7px 7px 7px;
}

div.act_foto {
	background-color:	#e6ffe5;
	border-style:			dashed;
	border-width:			1px;
	border-color:			#999999;
	padding: 					7px 7px 7px 7px;
}

div.foto {
	width:						576px;
	margin-top: 			10px;
	padding: 					7px 7px 7px 0px;
}

select.foto {
	float: left;
}

#knop1 {
	position:	absolute;
	left:			0px;
}

#knop2 {
	position:	absolute;
	left:			184px;
}

#knop3 {
	position:	absolute;
	left:			389px;
}

div.datum_balk {
	position:				absolute;
	left:						98px;
	top:						76px;
	width:					60px;
	height:					100px;
	text-align:			right;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}

div.beheer {
	position: 			relative;
	margin:					auto;
	padding:				10px 10px 40px 20px;
	width:					600px;
	height:					100%;
	border-left:		1px solid #000000;
	border-right:		1px solid #000000;
	background-color:	#ffffff;
}

.validate {
 width:											198px;
 height:										18px;
 padding:										2px 20px 0px 2px;
 background-image:					url('../scripts/images/validate.png');
 background-position:				200px 0px;
 background-repeat:					no-repeat;
}
.validate_thinking {
 width:											198px;
 height:										18px;
 padding:										2px 20px 0px 2px;
 background-image:					url('../scripts/images/validate.png');
 background-position:				200px -20px;
 background-repeat:					no-repeat;
}
.validate_denied {
 width:											198px;
 height:										18px;
 padding:										2px 20px 0px 2px;
 background-image:					url('../scripts/images/validate.png');
 background-position:				200px -40px;
 background-repeat:					no-repeat;
}
.validate_approved {
 width:											198px;
 height:										18px;
 padding:										2px 20px 0px 2px;
 background-image:					url('../scripts/images/validate.png');
 background-position:				200px -60px;
 background-repeat:					no-repeat;
}

img.thumb {
 margin:										0px 10px 10px 0px;
}

.top {
 vertical-align:						top;
 font-weight:								bold;
}

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

blockquote {
 margin-left:							30px;
 font-family:							Georgia, verdana;
}

.tekst_rechts {
 text-align: right;
}


#site_update {
 position: relative;
 font-weight: bold;
 top: 20px;
 color: #ffffff;
 height: 20px;
 overflow: hidden;
 margin: 4px 0px 170px 4px;
 z-index: 99;
}

#site_update:hover {
 height: 150px;
 width: 300px;
 cursor: help;
 background-image: url('../images/transp_pixel.png');
 border: 1px solid #cccccc;
 padding: 19px;
 margin: 4px 0px 0px 4px;
 top: 0px;
 left: -20px;
 color: #000000;
}

#site_update #update_content {
 position: absolute;
 left: 19px;
 top: 45px;
 width: 300px;
 font-size: 11px;
 font-weight: normal;
}

#site_update #anim_wrapper {
 height: 20px;
 border: 1px solid #00bb00;
}

#site_update #anim_wrapper #anim {
 height: 20px;
 width: 0px;
 background-color: #00cc00;
}

#site_update #scale {
 height: 11px;
 background-image: url('../images/update_scale.gif');
}

#site_update ul {
 padding-left: 20px;
}

#overig ul {
 margin-bottom: 30px;
 padding-left: 20px;
}

#overig ul ul {
 margin-bottom: 10px;
}

.clear {
 clear: both;
}

a, img {
 outline-width: 0px;
}

#video_viewer {
 position: fixed;
 text-align: center;
 width: 100%;
 height: 100%;
 /*background-color: rgba(0, 0, 0, 0.8);*/
 background-image: url('../images/transp_black_ie.png');
 z-index: 2000;
}

#video_viewer video, #video_viewer embed  {
 margin-top: 60px;
 width: 800px;
 height: 450px;
 text-align: left;
 border: 5px solid #000000;
 /*-moz-box-shadow: 0px 0px 15px 2px #000000;*/
}

#video_viewer ul {
 position: absolute;
 right: 15px;
 top: 60px;
}

#video_viewer ul li {
 list-style-type: none;
 padding: 8px 12px 6px 12px;
 margin-bottom: 10px;
 background-color: #000000;
 color: #ffffff;
 cursor: pointer;
 font-family: 'Trebuchet MS', arial, sans-serif;
}

#video_viewer ul li:hover {
 background-color: #ffffff;
 color: #000000;
}