/* CSS Document */


/*---------------------------------------------------------
Copyright ©2007 Dutch Advertising vof, All rights reserved.
-----------------------------------------------------------
cliënt: Phlod BV
project: website Talent Scouting
date: July 2007

COPYRIGHT
The content of this document is the property of
Dutch Advertising vof, Amersfoort, Netherlands and is
protected by copyright laws.
Any reproduction, modification, distribution, transmission,
republication, display, or performance of the content of
this document is strictly prohibited without written
permission in duplicate from Dutch Advertising.
*--------------------------------------------------------*/


/*---------------------------------------------------------editable
*	Index												  *
-----------------------------------------------------------

	A.		890px frame and some basic settings
	B.		Header
	C.		Navigation
	D.		Main (content)
	E.		Footer

*--------------------------------------------------------*/


/*---------------------------------------------------------
*	A. 890px frame and some basic settings				  *
*--------------------------------------------------------*/
body {
	width: 100%;
	margin: 0px;
	padding: 0px;	
	text-align: center; /* IE hack 1/2 */
	background-color: #c5ceb8;
}
#container {
	width: 890px;
	margin: 0px auto;
	text-align: left; /* IE hack 2/2 */
	background-color: #c5ceb8;
}
table tr td img {
	display: block; /* Firefox bug - unwanted padding images in tables */
}


h1 {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0cf;
	font-weight: bold;
}
h2 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6c7162;
	font-weight: bold;
}
p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6c7162;
	font-weight: normal;
	line-height: 20px;
}
ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	list-style-type: none;
}
li {
	padding: 2px;
	list-style-type: disc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6c7162;
	line-height: 18px;
}
a, a:link, a:visited, a:hover, a:active {
	margin: 0px;
	padding: 0px;
	color: #00ccff;
}
img {
	border: none;
}
/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	B. Header                           				  *
*--------------------------------------------------------*/
#header {
	width: 890px;
	height: 160px;
	background-color: #d6dee0;
}
form {
	margin: 0px;
	padding: 0px;
}
.form_textfield {
	display: block;
	width: 125px;
	height: 20px;
	background-color: #fff;
	border: 1px solid #0cf;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.form_button {
	display: block;
	width: 57px;
	height: 29px;
	color: #0cf;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #d6dfe0;
	border: 0px none;
}
.logout {
	background: url(../images/opvul.jpg) top;
	width: 456px;
	height: 29px;
}
/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	C. Navigation                       				  *
*--------------------------------------------------------*/
#menu {
	width: 890px; /* No height because padding text */
	background: url(../images/menu_bg.jpg);
	padding: 8px 0;
}
#menu ul {
	margin: 0px;
	padding: 0px;
}
#menu li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: inline;
	padding: 0px 0px 0px 35px;
	margin: 0px;
}
#menu a:link, #menu a:visited {
	color: #3d3e3b;
	background-color: transparent;
	text-decoration: none;
}
#menu a:hover, #menu a:active {
	color: #fff;
	text-decoration: none;
}
/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	D. Main                             				  *
*--------------------------------------------------------*/
#pagina {
	width: 890px;
	background-color: #fff;
}
#main_logos {
	margin-bottom: 25px;
}
#main_contact {
	display: inline; /* IE fix - doubled float margin bug */
	width: 210px;
	height: 205px;
	float: right;
	margin-right: 20px;
}
#main_text {
	width: 615px;
	padding: 0px 15px 0px 25px;
	text-align: justify;
}
#main_text div {
	padding: 5px;
	margin: 0px;
}
	
/**
 * Styling the content panel
 *
 * For TinyMCE's sake: DO ANY FORMATTING, OTHER THAN 
 * POSITIONING AND BORDERS, WITH THE DEFAULT STYLES
 * AT THE TOP! (h1, h2, p, a, ...)
 */
#content {
	width: 890px;
	background-color: white;
	border: 1px solid blue;
}
/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	E. Footer                             				  *
*--------------------------------------------------------*/
.clear {
	clear: both;
}
#footer {
	width: 890px;
	background: url(../images/footer_bg.jpg);
	padding: 8px 0px 10px 0px;
}
#footer ul {
	margin: 0px 0px 0px 25px;
	padding: 0px;
}
#footer li {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#footer a:link, #footer a:visited {
	color: #fff;
	background-color: transparent;
	text-decoration: underline;
}
#footer a:hover, #footer a:active {
	color: #3d3e3b;
	text-decoration: none;
}
/*-------------------------------------------------------*/