/* 800px - An open source xhtml/css website template by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer.

Version: 1.2, April 20, 2006 */

/******** General tags ********/
body{
font: Verdana,Tahoma,Arial,sans-serif;
background:#FFFFFF url(images/Newbackground.gif) top repeat-y;
color:#000000;
/*line-height:1.2em;*/
margin:0 auto;
padding:0;

font-size: 12px;


    scrollbar-arrow-color:#2276BB;
    scrollbar-track-color:#F3F3F4;
    scrollbar-face-color:#DDEEF6;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-3dlight-color:#AAAAAA;
    scrollbar-darkshadow-color:#CCC;
    scrollbar-shadow-color:#2276BB; 

 height: 100%;	
}

html {overflow-y: scroll; height: 100%;	}

/******** Main wrap ********/
#wrap{
position:relative; 
color:#000000;
background:#E5E8E3;
width:800px;
margin:0px auto;
padding:0;
z-index:1;
min-height: 100%; 
}

#header{margin:0px; left:0; top:0px;margin-bottom: 0px; z-index:1;margin-top:0px;}

/* ********************** MENU STRUCTUUR ******************************/
#nav, #nav ul {
padding: 2px 0 0 0px;
margin: 0;
list-style: none;
}

#nav li {
float: left;
width: 130px;
}

#nav ul {
position: absolute;
width: 130px;
left: -1000px;

}

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;

}

#nav a {
display: block;
margin: 2px 0px 1px 5px;
text-decoration: none;
font-family:  Arial, Verdana,Helvetica, sans-serif;
font-size: 12px;
z-index:2;
text-align: center;
font-weight: bold;

}

li a.current
{

background-color:#5C48E3;
color: #FF0000;
font-family:  Arial, Verdana,Helvetica, sans-serif;
font-weight: bold;
z-index:2;
}

ul a {
font-weight: bold;
color: #2276BB;   /*  DIT IS VOOR TOP MENU kleur van de letters */
color: #DDEEF6; 
cursor: default;
z-index:2;
}

ul ul a:link, ul ul a:visited {
font-weight: bold;
color: #DDEEF6; 
cursor: pointer;
}

ul ul a:hover, ul ul a:active {
font-weight: bold;
color: #FF0000;   /*  DIT IS VOOR TOP MENU ITEM kleur van de letters */
cursor: pointer;
z-index:99;
}

#Lmenu a { 
cursor: pointer;
 
}

#Lmenu a:hover, a:active {
color: #FF0000; /* TOP kleur als hover*/
background-color:#5C48E3;
z-index:99;
}

#ItemNav ul li{
background-color: #4232A6;
/*background-image:  url(images/menu1.gif) ; */  /*  DIT IS VOOR TOP MENU ITEM */
border-left: 1px solid #4232A6; /*  Tussenliggende kleur */
z-index:99;
}

#ItemNav ul ul li{
background-color: #4232A6;
/*border-top: 1px solid #66666a;*/
border-left: 0;
/*font-size: .85em;*/
z-index:99;

}

/* IE only hack \*/
/* * html ul li, * html ul ul li{
border-bottom: 3px solid #000000;
}
*/

* html ul ul li{
border-top: 0;
}
/* Einde IE only hack */

/* ********************** einde  MENU STRUCTUUR ******************************/

#menu { position:relative;  width:800px; margin:0px auto; height:20px; background:#4232A6 ;color:#FFCCFF; z-index:2;margin-bottom: 0px;
margin-top: 0px;

}

#content {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 3px;
	width:795px;
	color:#313232;
	z-index:1;
	overflow-y:auto;
	overflow-x:auto;
	overflow : auto;
	padding:3px;
	font-size: 12px;
	padding-bottom:50px; /*needs to be greater than or equal to the height of the #footer*/
}

#behcontent {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0px;
	width:1024px;
	height:100%;
	background:#E5E8E3;
	color:#313232;
	overflow-y:auto;
	overflow-x:auto;
	overflow : auto;
	font-size: 12px;
}


/* ********************** Links een uitelijk geven ******************************/

#content a:link,#content a:visited
 {
	color: #000000;
	font-family: Verdana,Arial,Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	background:#E5E8E3;
}
#content a:hover 
{
	color: #FF0000;
	font-family: Verdana,Arial,Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}

#footer
{
position:absolute;
left:0;
bottom:-1px; /* stick to bottom */
width:800px;
height:36px;
color:#DDEEF6;
font-size: 9px;
background:#4232A6;
margin-left: 0px;
}

#footer a:link,#footer a:visited 
 {
	color: #FFF000;
	font-family: Verdana,Arial,Helvetica, sans-serif;
	text-decoration: none;
}
#footer a:hover 
{
	color: #FF0000;
	font-family: Verdana,Arial,Helvetica, sans-serif;
	text-decoration: none;
}

.twitterpic{
   
    margin: 0px;
   	width: 15px;
	height: 15px;
	border: 0;
	vertical-align: -5px;
}






/************************* RONDE HOEKEN ***********/
.rondehoeken {
	position:relative; 
	width:250px; 
	height:150px;
	background:#4033A5; 
	color:#000; 
	margin:0px;
}

#ctl, #cbl, #ctr, #cbr {
	position:absolute; 
	width:20px; 
	height:20px; 
	color:#ED631B; 
	background:#eaeaea; 
	overflow:hidden; 
	font-syle:normal; 
}

#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}

.rondehoeken em b {
	position:absolute; 
	font-size:150px; 
	font-family:arial; 
	color:#4033A5; 
	line-height:40px; 
	font-weight:normal;}

#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}

.rondehoeken p {
	position:relative; 
	z-index:100; 
	padding:5px 10px; 
	font-size:12px;
}

.rondehoeken header {
	position:relative; 
	z-index:100; 
	padding:5px 10px; 
	font-size:17px;
	font-weight:bold;
}

#beheerHeader {
	color: #FFFFFF;
	position:relative; 
	z-index:100; 
	padding:0px 10px; 
	font-size:17px;
	font-weight:bold;
}


#beheertag a:link,#beheertag a:visited {
	color: #FFA;
	background:#4033A5;
	font-family: Verdana,Arial,Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
#beheertag a:hover {
	color: #FF0000;
	background:#4033A5;
	font-family: Verdana,Arial,Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

#team ul {
padding: 3px 0 0 0;
margin: 0;
list-style: none;
font-weight: bold;
}



/************************* einde ronde hoeken ***********/

/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url(images/corners1280x18.gif); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #8c86bc; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #8c86bc;/* YCC: color & properties of the right-borderline */
	background: #C5CBC1;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
		
	}
.notopgap  
      { margin-top: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:150px;
	}    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

.commenthidden {display:none}
.commentshown {display:inline}


#expand a:link,#expand a:visited
 {
	color: #000000;
	font-family: Verdana,Arial,Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background:#E5E8E3;
}
#expand a:hover 
{
	color: #FF0000;
	font-family: Verdana,Arial,Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}