/* CSS Document */

body,html{
	font-family: Arial;
	font-size:14px; color: #6F2612;
	height: 100%;
	margin: 0px;
	background-color: #f8eaec;
	background-image: url('../images/background.png');
	background-repeat: repeat;
}

#containermidden {
	
}

#header {
	margin-bottom: 1em;
}

#headertd1 {
	background-image: url('../images/header1.jpg');
	background-repeat: no-repeat;
}
#headertd2 {
	background-image: url('../images/top-background-striped.png');
	background-repeat: repeat-x;
}
#headertd3 {
	background-image: url('../images/top-background.jpg');
	background-repeat: no-repeat;
}
#headertd4 {
	background-image: url('../images/header4.jpg');
	background-repeat: repeat-x;
}
#headertd5 {
	background-image: url('../images/header5.jpg');
	background-repeat: no-repeat;
}
#container {	
	margin-left: 28px;
	margin-right: 28px;
	height: 100%;
}


#containermidden {	
	
	height: 100%;
	border-top-width: 0px;
	border-bottom-width: 0px;
	background-color: #ffffff;

	display: table;
}

#linkerkolom {
	width: 15.28em;
	float: left;
}

.groenvak, .actueelvak, .oranjevak {
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	background-color: #f7fde9;
	border: 1px solid #d3d9cd;
	line-height: 1.5em;
}

.groenbalk, .actueelbalk, .oranjebalk{
	height: 29px;
	background-image: url('../images/blue-menubar.png');
	background-repeat: repeat-x;
	font-weight: bold;
	color: white;
	padding-left: 10px;
	padding-top: 5px;
}

.groencontent, .actueelcontent, .oranjecontent{
	padding: 10px;
	padding-bottom: 5px;
}

.actueelvak {
	margin-left: 0px;
	margin-top: 2em;
	border-color: #bfe3e2;
	background-color: #ffffff;
	margin-bottom: 2em;	
}

.actueelbalk {
	background-image: url('../images/green-menubar.png');
}

#menu .oranjecontent, #menu .groencontent {
	padding-bottom: 1em;
}

.groencontent img, .oranjecontent img{
	margin-left: 0.5em;
	margin-top: 1em;
	border: 1px solid #d9d9d9;
}

.actueelcontent {
	color: #132f01;
}

.actueelcontent a {
	font-weight: bold;
	color: #27a09d;
}

#content {
	width: 100%;
	min-width: 500px;
}
#menu a{
	color: #394f26;
	font-weight: bold;
	text-decoration: none;
}

#menu a:hover {
	color: #85b400;
}
#titeldiv, #tekstdiv {
	padding-left: 2em;
	padding-right: 3em;
}
#titeldiv {
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 2em;
	margin-right: 1em;
}
#titeldiv h1 {
	margin-top: 0px;
}
.paginaSectie {
	width: 100%;
}

.paginaSectie .thumbPic, .paginaSectie .thumbPicOdd {
		margin-left: 20px;
		float: right;
		border:1px solid #d9d9d9;
		width: 120px;
}

.button
{
	border: 1px solid #b2c0cf;
	background-color: #faffff;
}

SELECT, INPUT, TEXTAREA
{
	border: 1px solid #aed249;
	background-color: #faffff;
}


/********************/
/* BEGIN SITEMAP */
/********************/
ul {line-height:1.44em;}
li.sitemapLevel0{list-style: disc;padding-top:1.6em;text-decoration:none;font-weight:bold;font-size:1.04em;}
#text li.sitemapLevel0 a {
	color: #007577;
}
li.sitemapLevel1{list-style: square;position:relative;left:2.4em;}
#text li.sitemapLevel1 a {
	color: #007577;
}
li.sitemapLevel2{list-style: circle;position:relative;left:4.81em;}
/********************/
/* EIND SITEMAP */
/********************/
.agendapuntAfbeelding {
	float: left;
	width: 130px;
}

.agendapuntGegevens {
	width: 320px;
	float: left;
}

.agendaregel, .agendaregelOdd {
	padding-left: 10px;
}

.agendaregelOdd{
	background-color:#efefef;
}

.agendapuntDatum {
	font-weight:bold;
	padding-bottom:5px;
}

.agendapuntMeerlezen {
	text-align:right;
}

#leraarSelect, #oneAgendapuntTypeId, #trainerSelect {
	width: 28em;
}

/********************/
/* begin Begrippen*/
/********************/

#begrippenIndexDiv {
	color: #AF1604;
	border: 1px solid #AF1604;	
	display: inline;	
}

#begrippenIndexDiv a {
	margin: 0.3em;
	margin-top: 0em;
	margin-bottom: 0em;
	font-weight: normal;
	background-color: #ffffff;
	text-decoration: none;
}

#begrippenIndexDiv a:hover, #begrippenIndexDiv .activeCategorie {
	background-color: #AF1604;
	color: white;
}





/********************/
/* eind Begrippen*/
/********************/

.dgTabel {
	width: 100%;
	font-size: 11px;
}

.dgTabel thead td {
	background-color: #D8E6D2;
}

.dgTabel tbody td {
border: 0px solid #D8E6D2;
	border-bottom-width: 1px;
}
.dgTabel tbody td.plaats {
	width: 100px;
	
}

.dgTabel tbody td.naam {
	width: 170px;
	
}

.dgTabel tbody td.telefoon {
	width: 120px;	
}

.flag, .loginicon
{
	position: absolute;
	left: 45px;
	top: 215px;
}

.loginicon
{
	left: 65px;
	top: 214px;
}

.msgStyleError
{
	color: red;
	font-weight: bold;
}

.msgStyleOk
{
	color: green;
	font-weight: bold;
}

#achternaam
{
	width: 216px;
}

#voornaam, #postcode
{
	width: 80px;
}

#pageButtons
{
	padding-top: 15px;
}

#pageButtons .funkyButton
{
	border: 1px solid #b2c0cf;
	background-color: #fcfcfc;
}

#pageButtons .funkyButtonGhost
{
	border: 1px solid #b2c0cf;
	background-color: #faffff;
}

.zoekVeld
{
	border: 1px solid #aed249;
	background-color: #faffff;
}

.zoekKnop
{
	border: 1px solid #b2c0cf;
	background-color: #faffff;
}