/* CSS for DnD at Skidder */
body {
 margin: 0;
 padding: 0;
 background-color: #A10000; 
 
}
 
a:active { color: #ffffff;}
a:link { color: #ffffff;
	 text-decoration:none;}
	 
a:hover { color: #ffffff;
	  text-decoration: none;}
a:visited { color: #ffffff;
	 text-decoration: none;}

img {
	border: 0 none;
}

img.thumbs {
	border: solid rgb(0,0,0);
}


/*the main font*/
p {
 font-family : "Bitstream Vera Sans",Arial, sans-serif;
 font-size : 100%;
 color: #222222;
}

div {
 font-family : "Bitstream Vera Sans",Arial, sans-serif;
 font-size : 100%;
 color: #222222;
}
 
/*other fonts*/
li {
 font-family : "Bitstream Vera Sans", Arial, sans-serif;
 font-size : 100%;
 color: #222222;
}
 
h1 {
 font-family : "Bitstream Vera Sans", Arial, sans-serif;
 color: #FFFFC0;
}
 
h1.plaintext {
 font-family : "Bitstream Vera Sans", Arial, sans-serif;
 color: #000000;
}
 
h3,h4,h5 {
 font-family: "Bitstream Vera Sans", Arial, sans-serif;
 margin: 0;
 padding: 0; 
 color: #222222;
}

h2 {
 font-family: "Bitstream Vera Sans", Arial, sans-serif;
 margin: 0;
 padding-top: 1em;
 padding-bottom: 0;
 color: #222222;
}

h3.center{
	text-align: center;
}

/* pagina structuur */
div.paginaonderdeel {
	display: block;
	padding: 0;
	margin: 0;
}


table.eigenwerk {
	width: 90%;
	text-align: center;
}

td.eigenwerk {
	width: 190px;
	height: 190px;
	text-align: center;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
}

td.cover {
	margin: 20px;
	width: 190px;
	height: 190px;
	text-align: center;
	vertical-align: center;
	background-color: #000000;
	font-family: "Bitstream Vera Sans", Arial, sans-serif;
	color: #ffffff;
}

#programma table {
	border-collapse:collapse;
}
#programma td {
	width: 100%;
	padding-left:15px;
	padding-right:15px;
}
#programma td.maand {
	background-color: #FFFFEE;
	border-bottom: solid #FFEFD0;
}
#programma td.datum {
	vertical-align: top;
	width: 10%;
}
#programma td.dag {	
	vertical-align: top;
	width: 10%;
}
#programma td.activiteit {
	width: 80%;
}
#programma td.activiteit a:link {
	text-decoration: none;
}
/* a:active a:visited*/
div.omschrijving {
	background-color: #FAFAFA;
	padding: 15px;
	border: 1px solid #E0E0E0;
}

div.aanmeldknop {
	float: right;
	display: block;
	background-color: #EAEAEA;
	border-left: 1px solid #F0F0F0;
	border-top: 1px solid #F0F0F0;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	margin: 5px;
	padding: 5px;
}

#zijbalk {
	position: absolute; 
	top: 0;
	left: 0;
	
	/*top: 155px; left: 5px;*/
	width: 140px;
	/*height: 100%;*/
	z-index: 3; 
	margin: 0;
	padding: 5px;
	color: inherit;
	margin-left: 0px;
	background-color: #A10000;
	border: 0px solid #00FFFF;
	text-align: center;
}

/*main contains topnav, body and footer*/
#main{
	position: absolute;
	top: 0;
	left: 150px;
	width: 65%;
	
	border: 0px solid #0000FF;	

}

#topnav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 6; 
	margin-left: 0px;
	padding-left: 20px;
	padding-right: 20px;
	/*padding-right: 4px;*/
	color: #ffffff;
	background-color: #000000;
	border-right: 1px solid #110000;
	text-align: left;
	text-color: white;
	font-size: 90%;
}

#language{
	float: right;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 7; 
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	color: #ffffff;
	background-color: #000000;
	border: 0px solid #0000FF;
	text-align: right;
	text-color: white;
	font-size: 80%;
}


/*top, right, bottom, left*/
div#body {
	/*position: absolute; */
	/*width: 590px; */
	height: auto;
	width: 100%;
	padding: 20px;
	margin-left: 0px;
	margin-top: 1em;
	z-index: 1;
	color: inherit;
	background-color: #FFFFFF;
	border-right: 1px solid #110000;
}

div#body a:active { color: #000000;}
div#body a:link { color: #000000;
		text-decoration: underline;}
div#body a:hover { color: #000000;
		text-decoration: underline;}
div#body a:visited { color: #000000;
		text-decoration: underline;}
#bigimage {
	padding-top: 20px;
	text-align: center;
}
#footer {
	/*position: relative;*/
	/*width: 620px;*/
	height:auto; 
	width: 100%;
	margin-left: 0px;
	
	padding: 20px;
	font-weight: normal;
	font-size: 70%;
	text-align: center;
	z-index: 9;
	background-color: #ffffff;
	border-right: 1px solid #110000;
	border-bottom: 2px solid #110000;
	}

#fotobalk {
	position: absolute;
	top: 0px; left: 780px;
	
	width: 140px;
	height: 100%;
	z-index: 2; 
	margin: 0;
	padding: 5px;
	color: inherit;
	margin-left: 0px;
	background-color: #A10000;
	border: 0px solid #0000FF;
	text-align: center;
}

div#left_toolbox {
	position: fixed;
	left: 0px;
	bottom: 10px;
	width: 140px;
	height: 66px;
	padding: 5px;
	background-color: #FFEFD0;
	border: 0px solid #0000FF;
	text-align: center;
}

div#newsbalk {
	/*position: absolute; 
	top: 0px; left: 780px;*/
	font-size: 75%;
	width: 180px;
	float: right;
	z-index: 2; 
	margin: 0;
	padding: 1px;
	color: inherit;
	margin: 0px;
	background-color: #FDEFEC;
	border-right: 1px solid #DDCDB0;
	border-bottom: 1px solid #DDCDB0;
	text-align: center;
}


div#adminbalk {
	/*position: absolute; 
	top: 0px; left: 780px;*/

	width: 180px;
	float: right;
	z-index: 2; 
	margin: 0;
	padding: 5px;
	color: inherit;
	margin-left: 0px;
	background-color: #FFEFD0;
	border: 0px solid #0000FF;
	text-align: center;
}
div#adminbalk p, h3{
	/*float: right;*/
	font-size: 80%;
	color: #000000;
}
div#adminbalk a:active { color: #000000;}
div#adminbalk a:link { color: #000000;
					 text-decoration:none;}
div#adminbalk a:hover { color: #000000;
					 text-decoration: none;}
div#adminbalk a:visited { color: #000000;
					 text-decoration: none;}