/**
*##########################################################################
*
*								Tags:
*
*##########################################################################
*/

/*
	Dit css bestand is bedoeld als overkoepelend document.
	De module specifieke stylesheets dienen "hieronder" geladen te worden 
	(Met eventueel een aantal overschrijvende klassen/tags).
 	
*/
body{
	background:url(/literal/images/layout/achtergrond.gif) top repeat-x;
	background-color:#dddddd;
}

body, table{	
	font-size:12px;
	color:#515151;
	font-family:"Lucida Grande", arial, verdana, sans-serif;	
	text-align:justify;
}

h1{
	font-size:18px;
	font-weight:normal;
	color:#52693f;
	border-bottom:1px solid #bbbbbb;
}

h2{
	font-weight:normal;
	color:#52693f;
	font-size:12px;
	border-bottom:1px solid #bbbbbb;
	text-align:left;
}

h3{
	font-weight:normal;
	font-size:11px;
	margin-bottom:5px;
}

.smallTekst{
	font-weight:normal;
	font-size:10px;
	margin-bottom:5px;
}


input,textarea{
	font-size:10px;
	width:201px;
	color:#515151;
	font-family:"Lucida Grande", arial, sans-serif;
	
}
textarea{
	width:300px;
	height:200px;
}

select{
	width:201px;
	font-size:10px;
	font-family:"Lucida Grande", arial, sans-serif;
	color:#515151;
}

hr{
	height:1px;	
	background-color:#bbbbbb;
	color:#bbbbbb;
}

a{
	color:#515151;
}
a:hover{
	text-decoration:none;
}

ul,ol{
	padding-top:0px;
	margin-top:0px;
}

a img {
	border: none;	
}

/**
*##########################################################################
*
*								Klassen:
*
*##########################################################################
*/

.datum{
	width:65;
}
.tijd{
	width:100px;
}

/**
	.layoutContent
		De container waarin de "content" staat.
		Met content wordt hiermee de daadwerkelijke inhoud/teksten bedoeld.
*/
.layoutContent{
	/*background: url(../images/layout/layout_10.gif) left repeat-y;*/
	
	background:#ffffff;
  	
	padding:15 15 15 15;
	
	/* width:600px; */
  	height:410px;
  	
  	vertical-align:top;
  	
  	text-align:justify;
}

/**
	.layoutMenuLeft
		De container waarin het menu staat.
		Met menu wordt hier het menu links (<--) bedoeld.
		
		Hierin staan de module specifieke items.
*/
.layoutMenuLeft{
	background: url(/images/layout/layout_09.gif);
	width:146px;
	vertical-align:top;
	padding-left:20px;
	padding-right:20px;
	padding-top:21px;
}
/**
	.layoutMenuTop
		De container waarin het menu (boven) staat.
		Dit is een menu met een boomstructuur.	
*/
.layoutMenuTop{
	background:url(/images/layout/layout_01.gif) bottom center no-repeat;
	width:964px;
	height:53px;
	vertical-align:bottom;

	padding-bottom:8px;
	padding-left:20px;
}

/**
	.footer
		Met footer wordt de container bedoeld waarin de copyright informatie staat.
*/
.layoutFooter{
	background:url(/images/layout/layout_11.gif) top no-repeat; 
	width:964px;
	height:30px; 
	text-align:right;
	
	padding-top:21;
	font-size:10px;

}


/**
	.layoutDisclaimer
		Dit is de container waar de links voor contact en sitemap etc. staan.
		(Bovenaan de  pagina, boven .layoutMenuTop)
*/
.layoutDisclaimer{
	text-align:right;
	vertical-align:bottom;
	font-size:10px;
	height:20px;
}



/**
	.iconOnTextLine
		Ie en Fx hebben de neiging om plaatjes hoger te zetten dan de tekst.
		Dit is vooral vervelend als je een icon direct na tekst wilt zetten
*/
.iconOnTextLine{
	padding-top:3px;
}



/**
	.kolom div	
		De opmaak per kolom.
*/
.kolom div{

	float: left;
	/*width: 18em;	/* When using a fixed number of columns, you can omit the width. Otherwise it must be set! This will be the *minimum* width of a column*/
	padding: 10px;	/* You may use a padding... but thanks to IE you can only use pixels! */
	position: relative;
	text-align: justify;
	margin: 0; 		/* Don't use a margin! */
}

/**
	.KolomReadOn
		Het "lees verder" containertje onder elke container
*/
.KolomReadOn{
	background:url(/images/misc/leesRechtsVerder.png) right no-repeat;
	text-align:right;
	vertical-align:top;
	padding:15px;
	
	color:#b2b1b1;
	font-size:11px;
	font-weight:bold;
}




.tabblad{
	width:150px;
	height:53px;
	font-size:12px;

	text-align:center;
	color:white;
	
}

/* Een geselecteerd tabblad */
.sTabblad{
	background:url(/images/menu/tabblad.gif) no-repeat;
	width:150px;
	height:53px;
	font-size:12px; 

	text-align:center;
	color:black;
}

.yapseCSSimgLinks{
	float:left;
	margin:15px;
}
.yapseCSSimgRechts{
	float:right;
	margin:15px;
}

.label{
	width:250px;

}
.button{
	background-color:#e9e9e9;
}


.overzichtEven{
	background-color:#ffffff;
}
.overzichtOneven{
	background-color:#eeeeee;
}
.overzichtMuisOver{
	background-color:#d9e0c8;
}

.toolbar{
	background:url(/images/toolbar.gif) top repeat-x;
	
	border:1px solid #bbbbbb;
	width:740px;
	
	text-align:right;
}

.treeGuiToolbar{
	background:url(/images/toolbar.gif) top repeat-x;	
	border-bottom:1px solid #bbbbbb;
}


.container{
	border:solid 1px #bbbbbb;
	background-color:#fafafa;
	width:95%;
}


/*###############################
			Cadt spelbord:		
################################*/

.kaart{
	border:1px solid white;
	
}


/*###############################
			Einde spelbord		
################################*/
td.layoutMenuLeft table tr td{
	white-space : nowrap;
}

a.leftmenubutton{
	width:85px;
	border:1px; 
	solid : #586735;
	background-color:#586735;
	display : block;
	color : #FFFFFF;
	text-decoration:none;
	margin-top : 4px;
	padding : 2px;
	font-size : 11px;
}

a.leftmenubutton:hover{
	width:85px;
	border:1px; 
	solid : #888888; 
	background-color:#a0ae3e;
}


/*###############################
			Drag drop tree		
################################*/
.dragdroptree {
	border: 0px;
	margin:0px;
	padding:0px;
}
.dragdroptree img {
	vertical-align:middle;
}
.dragdroptree,#floatingContainer{
	margin:0px;
	padding:0px;
}
.dragdroptree ul{	/* Sub menu groups */
	margin-bottom:0px;
	padding : 0px;
	margin-left:33px;	/* Left spacing */
	display:none;	/* Initially hide sub nodes */
}
	
#floatingContainer ul{
	margin-left:20px;	/* Left spacing */
	padding-left:0px;	
	vertical-align:middle;
}
.dragdroptree li,#floatingContainer li{	/* Nodes */
	list-style-image: none;
	list-style-type:none;
	vertical-align:middle;
	right : 0px;
}
.dragdroptreeover {	/* Nodes */
	background-color:#d9e0c8;
}
.dragdroptree li a,#floatingContainer li a{	/* Node links */
	color:#000;
	text-decoration:none;
	font-family:arial;
	font-size:0.8em;
	padding-left:1px;
	line-height:13px;
	margin-left:2px;
}
.dragdroptree li a.highlightedNodeItem{
	color:#FFF;
	background-color:#009;
}
.dragdropbuttons {
	display : inline;
	right : 0px;
	position : absolute;
}
.dragdropmapbuttons {
	display : inline;
	right: 0px;
	position : absolute;
}
.dragdropcoachbuttons {
	display : inline;
	right: 96px;
	position : absolute;
}
.dragdrop-col5{
	right: 96px;
	position : absolute;
}

.dragdropcvmbuttons {
	display : inline;
}
.dragdropcontainer {
	display:block;
	overflow:hidden;
	position:relative;
	margin-right : 5px;
}

img.icon {
	vertical-align:top;
	margin : 1px;
}