/*  ==========================================================================================
	Project: 					Stichting LVO
	Original author :			Gaston Jamin (g.jamin@nexwork.nl)
 	------------------------------------------------------------------------------------------
	Laatste aanpassing door :	Gaston Jamin
	
	========================================================================================== */


/*  -----------------------------------------------------------------------------------------
		Basiselementen
    ----------------------------------------------------------------------------------------- */

body{

margin: 0; 
padding: 0; 
background: #FFF url(../images/body_bg.gif) center top repeat-y; 
}
* { font-family: verdana, serif; 
	color: #000a08; 
 
	}

#container 
{
	width: 775px; 
	margin: 0 auto; 
	padding-bottom: 30px; 
	background: #FFF url(../images/leftcolumn_bg.jpg) left top no-repeat; }
}

.logo 
{
	display: none; 
	}
	
a img { border: 0; }
	
/*  -----------------------------------------------------------------------------------------
	Header
    ----------------------------------------------------------------------------------------- */


#header 
{
	position: relative; 
	height: 249px;
	background: #FFF url(../images/header_bg.jpg) left top no-repeat; 
	border: 0px solid yellow;
}
	* html #header    /* hack voor explorer: de header sluit nu aan de leftcolumn */
	{
		width: 585px;
		float: left;
	}

/*  -----------------------------------------------------------------------------------------
	Linkerkolom
    ----------------------------------------------------------------------------------------- */

#leftcolumn 
{
	width: 190px; 
	/*height: 754px; */
	height: 500px;
	float: left; 
	background: #FFF url(../images/leftcolumn_bg.jpg) left top no-repeat; }


/*  -----------------------------------------------------------------------------------------
	Contentkolom
    ----------------------------------------------------------------------------------------- */

#content 
{
	padding: 0 50px 20px 20px;
	border: 0px solid green;
	line-height: 17px;
	font-size: 11px;
}
#content img
{
	float: left;
	margin: 0px 10px 8px 0px;
}
#contentcolumn 
{
	margin-left: 190px; 
}

#contentcolumn a 
{
	color: #1f2b84; 
}	
.wijzer 
{
	position: absolute; 
	bottom: -65px; 
	right: 15px;
}

h2 
{
	font: normal 20px arial, serif; 
	color: #162983; 
	padding-bottom: 8px; 
	border-bottom: 1px solid #162983; 
}

h3 
{
	font-family: Arial;

	color: #162983; 
	font:bold 12px arial, serif;
	/*background-color: Lime; */
	
}

#content img.topbutton 
{
	float: right;	 
}

/*  -----------------------------------------------------------------------------------------
	Menu
    ----------------------------------------------------------------------------------------- */

#hoofdmenu { position: absolute; top: 166px; left: 16px; padding-left: 3px; }
#hoofdmenu ul { margin: 0; padding: 0; list-style: none; width: 580px; }

#hoofdmenu li
{
	float: left; 
	height: 25px; 
	line-height: 25px; 
 
	background: #2e3092; 
	border: 1px solid #FFF; 
	margin-right: 5px;
}

#hoofdmenu li a
{
	float: left;
	height: 25px; 
	line-height: 25px; 
	padding: 0px 18px 0px 8px; 
	background: #2e3092; 
	margin-right: 0px;
}

#hoofdmenu li a:hover 
{
	background: #e20079;
	background-image: url(../images/menu-hoverbg.gif);	
}

#hoofdmenu a { font: bold 11px verdana, serif; color: #FFF; text-decoration: none; }


#submenu 
{
	position: absolute; 
	top: 204px; 
	left: 0; 
	width: 565px; 
	margin-left: 20px; 
	border-top: 1px solid #2e3092;
	/*background-color: none;*/	
}
#submenu .subzichtbaar 
{
	display: none;
	}

#submenu ul 
{
	margin: 0px 0px 0px 10px; 
	padding: 0 0 0 0px; 
	list-style: none;
	height: 16px;
	border-left: 0px solid #2e3092; 
	/*background-color: none;*/
	border-left: 1px solid #2e3092;	

}
#submenu li 
{
	float: left; 
	padding: 0 5px; 
	height: 15px; 
	line-height: 10px;
	background: #FFF; 
	border: 1px solid #2e3092; 
	border-width: 0 1px 1px 0;
	background-color: white;	
}
#submenu a { font: normal 10px verdana, serif; color: #2e3092; text-decoration: none; }
#submenu a:hover,
#submenu a.active { color: #e20079; }

/*  -----------------------------------------------------------------------------------------
	Formulier, diverse tabelopmaak
    ----------------------------------------------------------------------------------------- */

#form table
{
	width: 98%;
	border: 1px solid #2e3092;
}

#form td
{
	background: #eeeef6;
	text-align: left;
	height: 30px;
}

div.srvrErr p { color: #c22a2a; font-weight: bold; }
div.srvrErr ul { list-style: square; } 
div.srvrErr li { color: #c22a2a; font-weight: bold; }

#form h2 a { padding: 0 6px; background: #2e3092; color: white; text-decoration: none; font-size: 12px; font-weight: bold;}

#form .kolom_1
{	
	width: 200px;
	background-color: #cbcce4;
}

#form .kolom_1-alt
{	
	width: 280px;
	background-color: #cbcce4;
}
#form .kolom_1-long
{	
	height: 40px;
	width: auto;
	background-color: #cbcce4;
}

#form input
{
	width: 187px;
	text-align: left;
}

#form .radiobutton
{	
	width: 150px;
	/*background-color: none;*/
	text-align: left;
}
#form .radiobutton input
{	
	width: 30px;
	text-align: left;
}

#form .checkbox input
{	
	width: 30px;
	text-align: left;
	vertical-align: middle;
}

#form textarea
{
font-size: 11px;
}

#form .kolom_3
{	
	width: 150px;
	/*background-color: none;*/
	text-align: left;
}
#form .kolom_3 input
{	
	width: 30px;
	text-align: left;
}

#form .short
{	
	/*background-color: none;*/
	text-align: left;
}
#form .short input
{	
	width: 50px;
	text-align: left;
}
#form .long
{	
	/*background-color: none;*/
	text-align: left;
}
#form .long input
{	
	width: 30px;
	text-align: left;
}
#form .button
{	
	/*background-color: none;*/
	text-align: left;
}
#form .button input
{	
	width: auto;
	text-align: left;
}
#form .invulveld
{	
	/*background-color: none;*/
	text-align: left;
}
#form .invulveld textarea
{	
	width: 250px;
	height: 50px;
	text-align: left;
}			





/*  -----------------------------------------------------------------------------------------
	Footer
    ----------------------------------------------------------------------------------------- */

#footer { clear: both; padding: 20px;  }

#footer ul.scholen 
{
	 margin: 0; 
	 padding: 0; 
	 list-style: none; 
	 background: green;
}
#footer ul.scholen li
{
	padding: 0px; 
	margin: 2px;
	float: left;
	background: lime; 
	color: #FFF; 
	text-decoration: none; 
	font: normal 9px verdana, serif;

 }
#footer ul.scholen li a 
{
	height: 16px; 
	padding: 4px 3px 0px 3px;
	float: left; 
	background: #2e3092; 
	color: #FFF; 
	text-decoration: none; 
	font: normal 9px verdana, serif; 
 }
 

#footer ul.scholen li a:hover 
{
	background: #526766; 

 } 
 
#footer ul.footer { clear: both; margin: 0; padding: 20px 0 0 10px; list-style: none;}
#footer ul.footer li { float: left; border-right: 1px solid #666; padding: 0 5px; font: bold 10px verdana, serif; color: #666; }
#footer ul.footer li a { font: bold 10px verdana, serif; color: #666; }

table.evenementen
{
	width: 100%;
}

table.evenementen td
{
	border-bottom: 1px solid #9494c8;
}

table.evenementen tr.header td
{
	border-bottom: 0;
	background-color: #2e3092;
	font-weight: bold;
	color: #fff;
	padding: 0 3px;
}

table.evenementen td.datum
{
	vertical-align: top;
	width: 80px;
	font-weight: bold;
}

table.evenementen td.naam
{
	width: 300px;
}

table.evenementen td.locatie
{
	width: 100px;
}