/*************************************************
*** CSS for screen Mockup
*** Site Design & development by boulevart.be 
*** Note: Typo settings don't belon here!
**************************************************
#00427a: donkerblauw
#939598: lichtgrijs
#1c984b: groen (menu)
**************************************************

* Main Container / #container
	* Header / #header
		* Site title / h1
		* Optional header div / #optional
			* search / p
			* tagline / h2
	* Navigation / #main-nav
	* Splash / #splash
	* Footer / #footer


* Main Container / #container
	* Header / #header
		* Site title / h1
		* Optional header div / #optional
			* search / p
			* tagline / h2
	* Navigation / #main-nav
	* Content / #content
		* left column / #leftcol
			* h3
			* h4
			* actual content / #text
			* pdf-print-sent / #page-options
		* right column / #rightcol
	* Footer / #footer

*************************************************/
div#container
{
	width: 1000px;
	margin: 0 auto;
	background-color: white;
}

/*** Header
************************************/
div#header
{
	height: 105px;
	border: 1px #43c57d solid;
	border-top: none;
	border-bottom: none;
}

div#header h1
{
	margin: 2.2em 0 0 2.2em;
	float: left;
}

div#optional
{
	margin: 1.2em 1.2em 0 0;
	float: right;
}

div#optional input
{
	border: 1px #939598 solid;
	margin: 0 0 0 .3em;
}

div#optional p
{
	text-align: right;
}

div#optional h2
{
	margin: 1em 0 0 0;
	
}

div#optional #secondary
{
	margin: 1.2em 0 0 0;
}

/*** Navigation
************************************/
#main-nav li
{ 
	float: left;
}

/*** Content
************************************/
div#content
{
	padding: 5em 0 0 3em;
	border: 1px #43c57d solid;
	border-bottom: none;
	z-index: -2; /* needed to fix z-index of the footer and leftcol (to allow overlapping) http://annevankesteren.nl/2005/06/z-index*/
}

div#content h1.search
{
	display: inline;
}

div#content h2.search
{
	display: inline;
}

/*** Styling of certain content types inside #text
***************/
div#content #text
{
	overflow:hidden;
}

div#content #text img
{
	background-color: #c0d4e7;
	padding: .5em;
	margin: .3em 1em 1em 0;
	border: 1px #aac9e5 solid;
	float: left;
}	

/*** right/left col
***************/
div#leftcol
{
	width: 675px;
	float: left;
	position: relative;
	margin-bottom: -130px;
	z-index: 0;
}
*div#leftcol
{
	margin-top: -30px;
}

div#rightcol
{
	width: 220px;
	float: right;
	padding: 5px;
	margin-right: 10px;
	background-color: #EFEFEF;
	border: 1px dotted #EFEFEF;
}

div#breadcrum {
	margin-bottom: 30px;
}

div#breadcrum .breadcrum_nolink {
	color: #009EE1;
}

/*** Print-pdf-sent
***************/
div#content #page-options li
{
	margin: 0 1.5em 0 0;
	float: left;
}

/*** Splas
************************************/
div#splash
{
	/*border: 1px #a8a8a8 solid;*/
	border-bottom: none;
	height: 530px;
}

div#splash img
{
	width: 1000px;
}

div#splashtext
{
	width: 500px;
	padding-left: 20px;
	margin-top:-500px;
	padding-bottom: 185px;
	font-family: "Arial";
	font-size: 24pt;
	color:#004c92;
}

/*** Footer
************************************/
div#footer
{
	background-color: red;
	background: transparent url("../images/bluefooter.jpg") 0 0 no-repeat;
	padding: 180px 10px 10px 10px;
	margin: 0 0 2em 0;
}

div#container .hidebackground
{
	background: none;
	padding: 10px 10px 0 10px;
	margin: 0 0 0 0;
	height: 30px;
}

div#footerhome
{
	padding: 180px 10px 10px 10px;
	margin: 0 0 2em 0;
}

p#groupmember
{
	float: left;
}

p#copy
{
	float: right;
}
/* CONTACT */
form.contact {
	background-color: #EFEFF7;
	padding: 10px;
	width: 345px;
	border: 1px dotted #EFEFF7;
}