/**
 * screen.css
 *
 * Definition of the used styles and classes
 * for displaying the content and overall layout.
 *
 * @version 	1.0
 * @author	A.J. de Vries
 * @package	www.professionaliseren.nl
 *
 * Copyright (c) 2005 Malibomba
 * IT IS NOT ALLOWED TO USE OR MODIFY ANYTHING OF THIS SITE,
 * WITHOUT THE PERMISION OF THE AUTHOR.
 * Info? Mail to info@malibomba.com
 */
/*<![CDATA[*/

/* LAYOUT */

html, body {
  	height: 100%; /* Required */
}
body 	{

	background-attachment: fixed;
	background-image: url(/pics/bg.jpg);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 10px;
	margin: 0;
  	padding: 0;
}

div#layout {
	margin: 0 auto;
	width: 780px;
	text-align: left;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
}


div#header  {
	padding: 0px;
	margin-top: 0px;
	width:780px;
	height:200px;
	background: #fff;
	text-align: left
}

div#stripe	{
	padding: 0px;
	margin: 0px;
	width:780px;
	height:4px;
	background: #728a85;
	font-size: 0px;
}


div#stripeWhite	{
	padding: 0px;
	margin: 0px;
	width:780px;
	height:15px;
	background: #fff;
	font-size: 0px;
}



div#contentBody	{
	float: right;
	margin-top: 5px;
	width: 536px;
	padding-right: 10px;
	font-size: 12px;
	text-align:justify;
	color: #3c471a;
	padding-bottom: 10px;
}

a.contentbody	{
	text-decoration: underline;
	font-weight: bold;
	color: #3c471a;
}

div#contentMenu	{
	float: left;
	text-align:left;
	margin-top: 5px;
	margin-left:0px;
	padding: 0px;
	font-weight:bold;
	color:#8fa254;
}


#container-foot {
	  width: 100%;
	  background: #74a18e;
	  position: absolute;
	  bottom: 0 !important;
	  bottom: -1px; /* For Certain IE widths */
	  height: 20px;
}

#foot {
	padding: 0 1em;
	line-height: 20px;
	color: #fff;
	text-align: center;
}

div#foot a	{
	text-decoration: none;
	color: #fff;

}
/*************************************************************************************************************
****
** Menu
****
**************************************************************************************************************/

#menu a {
	display:block;
	width:200px;
	height: 24px;
	margin-left: 0px;
	padding-left: 30px;
	padding-top: 3px;
	font: bold 12px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	color:#718aa0;
	background: url("/pics/bg_menu.gif") 0px 0 no-repeat;
	text-decoration: none;
	}

#menu a:hover {
	background-position: -227px 0;
	color: #74a18e;
	}

#menu a:active {
	background-position: -455px 0;
	color:white;
	}

#menu .current {
	background-position: -455px 0;
	color:white;
	}



a img 	{ border: 0px;}
a 	{ color: #000; }
a:hover { color: #666; }

hr {
	width: 100%;
	border-top: solid 1px #718aa0;
	}
div#topmenu	{
	position: absolute;
	top: 170px;
	height: 15px;
	display: block;
	float: left;
	text-align:left;
	/*padding-top: 10px;*/
	font-weight:bold;
	color:#8fa254;
	}

#topmenu li {
	list-style-type: none;
	display: inline;
	}

#topmenu ul li a	{
	height: 15px;
	text-decoration: none;
	font: bold 12px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	color: #728a85;
	padding-left: 17px;
	padding-right: 10px;
	padding-top:0; margin-top:0;
	background: url(/pics/bullet.gif) 0 0 no-repeat;
	}

#topmenu ul li a:hover  {
	color: #74a18e;
	background: url(/pics/bulletover.gif) 0 0 no-repeat;
	height: 15px;
	}

#topmenu .current {
	color: #74a18e;
	background: url(/pics/bulletover.gif) 0 0 no-repeat;
	height: 15px;
	}

/**
 * Form validation classes
 */
.fv-req {
	background:#D2D9BA;
	border: 1px solid #728a85;
}

.fv-forget {
	background:#D2D9BA;
	border: 1px solid #778C31;
}

.fv-syntax {
	background:#D2D9BA;
	border: 1px solid #728a85;
}

form {
	margin:0px;
	padding:0px;
	font-size:12px;
}

input, textarea {
	font-size:12px;
	color: #3c471a;
	padding:2px
	color:#728a85;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	border: 1px solid #728a85;
}

input.formButton {
	color:#fff;
	width:auto;
	font-size:12px;
	padding-top:1px;
	font-weight:bold;
	background:#728a85;
	border: 1px solid #fff;
}

h1	{
	font-size: 23px;
	text-align:left;
	font-weight: bold;
	color: #728a85;
	}

h3	{
	font-size: 14px;
	text-align:left;
	color: #728a85;
	}

.clear {clear:left; height:0; overflow:hidden;}
* html .clear {display:none;}


.news_title{	/* Styling question */
	overflow:hidden;
	cursor:pointer;
}

.news_title span	{
	font-size: 14px;
	text-align:left;
	color: #728a85;
}
.news_readmore{	/* Parent box of slide down content */
	/* Start layout CSS */
	border-left: 3px solid #728a85;
	padding-left: 5px;
	padding-right: 5px;
	background: #D2D9BA;

	/* End layout CSS */

	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}



.intro {	/* Parent box of slide down content */
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}


.news_readmore_content{	/* Content that is slided down */
	padding:1px;
	position:relative;
}









/*************************************************************************************************************
****
** Menu NEW
****
**************************************************************************************************************/





	#professionaliseren_menu{
		width:200px;

	}
	#professionaliseren_menu	li{	/* Main menu <li> */
		list-style-type:none;	/* No bullets */
		margin:0px;	/* No margin - needed for Opera */
	}
	#professionaliseren_menu ul{
		margin:0px;	/* No <ul> air */
		padding:0px;	/* No <ul> air */
	}
	#professionaliseren_menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
		padding-left:10px;
	}
	#professionaliseren_menu li a	{	/* Main menu links */
		display:block;
		width:200px;
		height: 24px;
		margin-left: 0px;
		padding-left: 30px;
		padding-top: 3px;
		font: bold 12px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		color:#718aa0;
		background: url("/pics/bg_menu.gif") 0px 0 no-repeat;
		text-decoration: none;

	}
	#professionaliseren_menu	li a:hover,#professionaliseren_menu .activeMainMenuItem{
		background-position: -227px 0;
		color: #74a18e;
	}
	.professionaliseren_subMenu{
		visibility:hidden;
		position:absolute;
		overflow:hidden;
		border:1px solid #718aa0;
		background-color:#dde3e8;
		font-family:arial;
		text-align:left;

	}
	.professionaliseren_subMenu ul{
		margin:0px;
		padding:0px;
	}
	.professionaliseren_subMenu ul li{
		list-style-type:none;
		margin:0px;
		padding:1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
	}
	.professionaliseren_subMenu ul li a{	/* Sub menu items */
		display:block;
		white-space:nowrap;	/* No line break */
		text-decoration:none;	/* No underline */
		color:#000;	/* Black text color */
		height:20px;	/* 16 pixels height */
		line-height:20px;	/* 16 pixels height */
		padding:1px;	/* 1px of "air" inside */
		padding-left: 5px;

	}
	.professionaliseren_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
		display:block;

		color:#FFF;	/* White text */
		background-color:#728a85;	/* Blue background */
	}

/*]]>*/