/* Algemene hoogte van de HTML en Body */
html, body{ height: 100%; }
/* Algemene declaraties voor het body element */

body{
	font-family: Times;
	background-color: #7c0e2d;
	overflow:auto;
}

#background{
position:fixed;
left:50%;
top:0px;
bottom:0px;
margin-left:-498px;
width:996px;
height:100%;
background-color: white;
}

#shade_left{
position:absolute;
left:50%;
top:0px;
margin-left:-530;
height:100%;
background-image:url(img/shade_l.jpg);
background-repeat:repeat-y;
z-index:20;
}

#shade_right {
}

.clear{
		clear:both;
	}
	
#mainContainer{
		width:972px;
		text-align:left;
		left:50%;
		margin-left:24px;
		height:100%;
	}
	
#leftMenu{
		width:234px;
		padding-left:10px;
		padding-right:10px;
		float:left;
	}
	/*
	General rules
	*/

	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
	}

	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;
	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:225px;	
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #000;
		text-decoration:none;	
		display:block;
		clear:both;
		width:222px;	
		padding-left:2px;	
	}
	
	#dhtmlgoodies_slidedown_menu a:hover{
		background-color:#ba8091;
		color:#FFFFFF;
	}
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:1px;
		border-bottom:1px solid #7c0e2d;
		font-weight:normal;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		font-style:italic;
		color:blue;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}
	
#headerline{
		border:medium;
		border-bottom:1px solid #7c0e2d;
		width:726px;
	}
	
#container{
position:absolute;
left:50%;
	top:0px;
	bottom:0px;
	margin-top: 0px;
	margin-left: -498px;
	margin-bottom: 0px;
	height:100%;
	width: 996px;
	padding:0px;
}

#logo{
position: absolute;
left:50px;
top:60px;
}

#banner{
position: absolute;
left:50%;	
top:12px;
margin-left:-240px;
}

#menu{
position:absolute;
left: -12px;
top:258px;
width: 234px;
text-align:center;
color:#7c0e2d;
line-height:2;
z-index:10;
}

#menu ul{ 
	list-style: none; 
}

#menu ul li a{ 
	text-decoration: none;
	color: #7c0e2d;
}

#menu ul li a.first:hover{ font-weight:bold; color: #7c0e2d; }

/* Alle tussenliggende tabs */
#menu ul li a.gen:hover{ font-weight:bold; color: #7c0e2d; }

/* Laatste tab rechts */
#menu ul li a.last:hover{ font-weight:bold; color: #7c0e2d; }

#logo_identifine{
position: fixed;
left:50%;
bottom:0px;
margin-left: -420px;
margin-bottom:25px;
}

#tekst{
position:absolute;
left:50%;
top:262px;
margin-left: -240px;
width:480px;
color:#7c0e2d;
line-height:1.5;
}

a{
color:#003300;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: absolute;
z-index: 100;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: fixed;
background-color: lightyellow;
padding: 5px;
right: 0;
border: 1px solid #7c0e2d;
visibility: hidden;
color: #7c0e2d;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
margin:auto; /*position where enlarged image should offset horizontally */
}