/*	===============================================	*/
/*	mystyle.css													*/
/*																	*/
/*	auteur: ivo boon											*/
/*	===============================================	*/

/*	-----------------------------------------------	*/
/*	basisstructuur												*/
/*	-----------------------------------------------	*/
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font-family: Geneva, Tahoma, Helvetica, Arial, sans-serif;
	background: url(../images/bg.png) repeat-x;
}

/*	---------------------------------------------	*/
/*	gewijzigde structuur										*/
/*	-----------------------------------------------	*/

#container {
	position: relative;
	min-height: 100%;
	margin-left: 20px;
	margin-right: 20px;
}
#hoofding {
	margin-top: 10px;
}
#main {
	margin-top: 55px;
	margin-left: 200px;
	width: 680px;
	background-color: #F8F8F8;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px; /* hoogte footer */
}
#index-main {
	margin-top: 55px;
	margin-left: 200px;
	width: 680px;
	background-color: #F8F8F8;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px; /* hoogte footer */
}
#footer {
	position: absolute;
	bottom: 0;
	width: 50%;
	border-top-style: solid;
	border-top-width: thin;
	border-top-color: #E4A383;
	font-size: 0.8em;
	font-style: italic;
	color: black;
	padding-left: 2%;
	height: 40px; /* hoogte footer */
	padding-bottom: 10px;
}

#menu {
	position: absolute;
	top: 145px;
	left: 200px;
	font-size: 12px;
}

#main h1 {
	font-family: Palatino, "Times New Roman", Times, serif;
	font-size: 18px;
	text-transform: none;
	color: #990000;
	padding-top: 0.5em;
	font-weight: normal;
	margin-bottom: 1em;
}

#main h2 {
	color: #053131;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0.5em;
	border-bottom: 0.2em solid #CCCCCC;
	padding-top: 1.5em;
}

#main h3 {
	color: #053131;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0.5em;
	padding-top: 1em;
}

#main p {
	font-family: Palatino, "Times New Roman", Times, serif;
	font-size: 12px;
	margin-bottom: 1em;
}

#sidebar {
	position: absolute;
	top: 190px;
	left: 2px;
	width: 180px;
	height: 400px;
}

#hotnews {
	display: block;
	background-color: lightgrey;
	text-align: left;
	padding-left: 10px;
}
#hotnews h3 {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 0px;
}
#hotnews ul {
	padding-top: 0;
}
#hotnews a {
	font-size: 10px;
	color: navy;
	font-weight: bold;
	text-decoration: none;
}
#hotnews p {
	font-size: 10px;
}
#teksthotnews {
	display: block;
	background-color: lightgrey;
	font-size: 10px;
	padding: 5px;
}
#home-image{
	text-align: center;
}
#nieuwslinks {
	padding: 20px;
}

#marijke {
	border-style: groove;
	border-width: 5px;
	color: navy;
	background-color: #ffe5cc;
	margin-right: 50px;
	margin-bottom: 50px;
	padding: 20px;
}
#marijke p {
	text-align: center;
	color: black;
	font-weight: bold;
	font-size: 18px;
}
#lidmaatschap li {
	font-family: Palatino, "Times New Roman", Times, serif;
}
#algemeenp14 {
	font-size: 14px;
}
#algemeenp14 a {
	text-decoration: none;
}
#algemeen p, li {
	font-family: Palatino, "Times New Roman", Times, serif;
}
#algemeen p a, li a {
	font-family: Palatino, "Times New Roman", Times, serif;
	text-decoration: none;
}
/* voor tabs weergave */
.clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
/*	-------------------------------------------------	*/
/*	vormgeving gestreepte lijst (tabel)						*/
/*	--------------------------------------------------	*/

table.striped {
	border-collapse: collapse;
	border-bottom: 1px solid #A7A37E;
}

table.striped tr.odd td {background-color: #F0F0F0;}
table.striped tr.even td {background-color: #FFFFFF;}
table.striped tr.over td {background-color: #D0D0D0;}

th {
	background: #5F7C7C;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 11px;
	text-align: left;
	border-right: 1px solid #95BCE2;
	line-height: 1.2;
}
td {
	padding: 6px 11px;
	border-bottom: 1px solid #5F7C7C;
	vertical-align: top;
}
td * {
	padding: 6px 11px;
}


td a {
	text-decoration: none;
	color: black;
}

.midden {
	text-align: center;
}
.neen {
	text-align: center;
	font-weight: normal;
}
.ja {
	text-align: center;
	font-weight: bold;
}
/*	------------------------------------------------	*/
/*	tabel sponsors													*/
/*	------------------------------------------------	*/
table.sponsors {
	border-collapse: collapse;
	width: 680px;
}
table.sponsors th {
	text-align: center;
}
table.sponsors th, table.sponsors td {
	padding: 4px;
	border: 1px solid #000066;
}
table.sponsors th {
	font-size: small;
	background: #5F7C7C;
	color: #FFFFFF;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 4px;
	padding-right: 2px;
}
table.sponsors td {
	font-size: small;
}
table.sponsors caption {
	color: #73807A;
	font-size: small;
	text-align: left;
	padding-bottom: 5px;
	font-weight: bold;
}

/*	------------------------------------------------	*/
/*	lightbox thumbnail formatting								*/
/*	-------------------------------------------------	*/
.dia a {
	text-decoration: none;
}
.dia img {
	border-color: #E3E3E3;
	border-width: 3px;
}
.dia a:hover {
	color: #FFFFFF;
}
.dia a:hover img {
	border-color: #FFFFFF;
	border-width: 3px;
	color: #FFFFFF;
}

#onderschrift {
	font-size: 0.8em;
	color: #000000;
}
/*	-----------------------------------------------	*/
/*	foto's tussen tekst										*/
/*	-----------------------------------------------	*/
.afb-links {
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}
.afb-midden {
	text-align: center;
	margin-bottom: 10px;
}
.afb-rechts {
	float: right;
	margin-left: 10px;
	margin-right: 20px;
	padding-left: 10px;
	margin-bottom: 10px;
}
#regassist {
	float: right;
	margin-left: 20px;
	margin-right: 200px;
	margin-bottom: 10px;
}

/*	--------------------------------------------------	*/
/*	fotogalerij														*/
/*	--------------------------------------------------	*/
.fototabel a {
	border: none;
	background-color: #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*	-------------------------------------------------	*/
/*	stijlen voor tabs												*/
/*	-------------------------------------------------	*/

/******* MENU *******/
#tabs_container{
	margin: 2em auto;
	width: 650px;
}
#tabs_container ul{
	list-style: none;
	list-style-position: outside;
}
#tabs_container ul.menu li{
	float: left;
	margin-right: 5px;
	margin-bottom: -1px;
}
#tabs_container ul.menu li{
	font-weight: bold;
	font-size: 10px;
	display: block;
	padding: 5px 10px 5px 10px;
	background: #FFFFFF;
	margin-bottom: -1px;
	border: 1px solid #d0ccc9;
	border-width: 1px 1px 1px 1px;
	position: relative;
	color: #404040;
	cursor: pointer;
}
#tabs_container ul.menu li.active{
	background: #5F7C7C;
	top: 1px;
	border-bottom: 0;
	color: #FFFFFF;
}
/******* /MENU *******/
/******* CONTENT *******/
.content{
	margin: 0pt auto;
	background: #FFFFFF;
	border: 1px solid #d0ccc9;
	text-align: left;
	padding: 10px;
	padding-bottom: 20px;
	font-size: 11px;
}
/******* /CONTENT *******/
/*		Home page			*/
/******* welkom *********/
.content.welkom {
	display: block;
}
/******* /welkom *******/
/******* wie **********/
.content.wie {
	display: none;
}
/****** /wie ***********/
/******* actualiteit ******/
.content.actualiteit {
	display: none;
}
/******* /actualiteit ***/

/*		Foto's			*/
/******* AUTEUR *******/
.content.auteur {
	display: block;
}
.content.auteur p a {
	color: navy;
	font-size: 14px;
	font-weight: bold;
}
/******* /AUTEUR *******/
/******* STUK *******/
.content.stuk {
	display: none;
}
.content.stuk p a {
	color: navy;
	font-size: 14px;
	font-weight: bold;
}
/******* /STUK *******/
/******* REGIE *******/
.content.regie {
	display: none;
}
.content.regie a{
	color: navy;
	font-size: 14px;
	font-weight: bold;
}
/******* /REGIE *******/
/******* CAST *********/
.content.cast {
	display: none;
}
/******* /CAST ********/
/******* MEDEWERKERS ****/
.content.medewerkers {
	display: none;
}
/****** /MEDEWERKERS ****/
/****** FOTOGALERIJ *****/
.content.fotogalerij {
	display: none;
}
/***** /FOTOGALERIJ *****/
/****** OPVOERINGEN *****/
.content.opvoeringen {
	display: none;
}
blockquote p:before {
	content: open-quote;
}
blockquote p:after {
	content: close-quote;
}
/***** /OPVOERINGEN *****/

/* ===================== */
/* formulieren           */
/* --------------------- */
/*  CONTACTFORM          */
.contactform {
	padding: 0;
	margin: 0;
	margin-right: 10px;
	margin-top: -15px;
}
.contactform fieldset {
	border: 1px solid darkgrey;
	padding: 10px;
}
.contactform legend {
	font-weight: bold;
	font-size: small;
	color: #404040;
	padding: 5px;
}
.contactform label {
	font-weight: bold;
	font-size: small;
	text-align: right;
	padding-right: 10px;
	color: #404040;
	line-height: 150%;
}
.contactform label.fixedwidth {
	display: block;
	width: 140px;
	float: left;
}
.contactform .buttonarea {
	text-align: center;
	padding: 4px;
	background-color: #C0C0C0;
}
.contactform .buttonarea input {
	cursor: pointer;
	background: #404040;
	color: white;
	font-weight: bold;
	padding: 5px;
	border: 1px solid white;
}
.contactform #geslacht {
	margin-bottom: 5px;
	margin-left: 100px;
}
.contactform #tekst {
	display: none; /* wordt getoond via toggle() functie */
}
.contactform #veld {
	margin-bottom: 5px;
}
.contactform #instructie {
	font-size: 12px;
}
.contactform #instructie p {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: small;
	color: #404040;
}
.contactform label.error {
	color: red;
	font-weight: bold;
}
/* ***** /CONTACTFORM ****** */

/*  INSCHRIJVINGFORM          */
.inschrijvingform {
	padding: 0;
	margin: 0;
	margin-right: 10px;
	margin-top: -15px;
}
.inschrijvingform fieldset {
	border: 1px solid darkgrey;
	padding: 10px;
}
.inschrijvingform legend {
	font-weight: bold;
	font-size: small;
	color: #404040;
	padding: 5px;
}
.inschrijvingform label {
	font-weight: normal;
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
	color: #404040;
	line-height: 150%;
}
.inschrijvingform label.fixedwidth {
	display: block;
	width: 170px;
	float: left;
}
.inschrijvingform .buttonarea {
	text-align: center;
	padding: 4px;
	background-color: #C0C0C0;
}
.inschrijvingform .buttonarea input {
	cursor: pointer;
	background: #404040;
	color: white;
	font-weight: bold;
	padding: 5px;
	border: 1px solid white;
}
.inschrijvingform #geslacht {
	margin-bottom: 5px;
	margin-left: 170px;
}
.inschrijvingform #veld {
	margin-bottom: 5px;
}
.inschrijvingform label.error {
	color: red;
	font-weight: bold;
}
/* ***** /INSCHRIJVINGFORM ****** */

/* ===== GOOGLE MAP ======== */
#map {
	width: 675px;
	height: 500px;
}
#map p {
	font-size: small;
	font-weight: bold;
}
/* ***** /GOOGLE MAP ******* */