/*--------------------------------------------------------------------------------------------------*/
/* CSS file algemeen
/*--------------------------------------------------------------------------------------------------*/

body
{
	/* Background color */
	background-color			:		#FFE5D6;
	
	/* Font */
	font-family					:		arial,sans-serif;
}

div#titelbalk-algemeen, div#functiebalk, div#titelbalk-personeelslid, div#titelbalk-opdracht, 
div#titelbalk-teplaatsen,div#titelbalk-geplaatst, div#titelbalk-opdrachtpakket
{
	/* Font */
	color						:		#C44B00;
	font-weight					:		bold;
	
	/* Background */
	background-color			:		#dadada;
	
	/* Border */
	border						:		1px solid;
	border-color				:		gray;
	
	/* Whitespace */
	padding						:		5px 10px 5px 10px;
	margin						:		10px 0px 0px 0px;
}

div#titelbalk-algemeen
{
	/* Font */
	font-family					:		Georgia,arial,sans-serif;
	font-size					:		18pt;
	font-style					:		italic;
	
	/* Background */
	background-color			:		#dadada;
	
	/* Border */
	border-width				:		2px;
	
	/* Whitespace */
	padding						:		10px 10px 10px 10px;
	margin						:		10px 0px 5px 0px;
}

div#titelbalk-algemeen p.left, p.right
{
	/* Whitespace */
	padding						:		0px 0px;
	margin						:		0px 0px;
	
	/* Alignment */
	display						:		inline;
}

div#titelbalk-algemeen p.right
{
	/* Font */
	font-size					:		16pt;
	
	/* Color */
	color						:		gray;
	
	/* Alignment */
	float						:		right;
}

div#functiebalk
{
	/* Whitespace */
	margin						: 		0px 0px 20px 0px;
	padding						:		0px 0px 0px 0px;
}

div#functiebalk p
{
	/* Font */
	text-decoration				:		none;
	
	/* Color */
	color						:		maroon;
	
	/* Border */
	border-right				:		1px solid;
		
	/* Whitespace */			
	padding						:		5px 55px 5px 55px;
	margin						:		0px 0px 0px 0px;
	
	/* Alignment */
	display						:		inline-block;
	text-align					:		center;
}

div#functiebalk p:hover
{
	/* Color */
	color						:		#C44B00;
	
	/* Background */
	background-color			:		#cacaca;
	
	/* Cursor */
	cursor						:		pointer;
}

div#titelbalk-personeelslid, div#titelbalk-opdracht, div#titelbalk-teplaatsen, div#titelbalk-geplaatst, div#titelbalk-opdrachtpakket
{	
	/* Border */
	border-width				: 		2px;
	
	/* Whitespace */
	margin						:		15px 0px 1px 0px;
	
}

div#personeelslid, div#opdracht, div#teplaatsen, div#geplaatst, div#info, div#info_beheer
{
	/* Background */
	background-color			:		#eaeaea;
	
	/* Border */
	border						: 		1px solid;
	border-color				:		gray;
	
	/* Size */
	height						:		250px;
}

div#opdracht p
{
	/* Font */
	font-family					:		arial,sans-serif;
	font-size					:		10pt;
	font-style					:		italic;
	
	/* Color */
	color						:		gray;
	
	/* Whitespace */
	padding						:		10px 15px;
}

div#info, div#info_beheer
{
	/* Font */
	font-family					:		arial,sans-serif;
	font-size					:		11pt;
	
	/* Size */
	height						:		720px;
	
	/* Whitespace */
	padding						:		20px 50px 5px 25px;
	margin						:		10px 0px 0px 0px;
}

div#info_beheer
{
	/* Size */
	height						:		1000px;
}

div#info h1, div#info_beheer h1
{
	/* Font */
	font-size					:		16pt;
	font-style					:		italic;
	
	/* Color */
	color						:		maroon;
	
	/* Background */
	background-color			:		#fafafa;
	
	/* Border */
	border						:		1px solid;
	border-top					:		none;
	border-right				:		none;
	border-color				:		maroon;
	
	/* Size */
	width						:		50%;
	
	/* Alignment */
	display						:		block;
	
	/* Whitespace */
	padding						:		10px 20px 10px 20px;
}

div#info h2, div#info_beheer h2
{
	/* Font */
	font-size					:		14pt;
	font-weight					:		bold;
	
	/* Color */
	color						:		maroon;
	
	/* Whitespace */
	padding						:		10px 40px 10px 40px; 
}

div#info p, div#info_beheer p
{
	/* Whitespace */
	padding-left				:		40px;
}

div#info ul, div#info_beheer ul
{
	/* Whitespace */
	margin						:		0px 40px 0px 50px;
}

div#info ul li, div#info_beheer ul li
{
	/* Whitespace */		
	margin						:		0px 0px 15px 0px;
}

div#login
{
	/* Background */
	background-color			:		#fafafa;
	
	/* Border */
	border						:		none;
	
	/* Size */
	width						:		30%;
	
	/* Whitespace */
	padding						:		20px 40px 20px 40px;
	margin						:		40px 40px 20px 50px;
	
}

div#login p.label
{
	/* Font */
	font-weight					:		bold;
	font-style					:		italic;
	
	/* Whitespace */
	padding						:		0px 0px 0px 0px;
	margin						:		0px 0px 5px 0px
	
}

div#login p.error
{
	/* Font */
	font-weight					:		bold;
	font-size					:		10pt;
	
	/* Color */
	color						:		red;
	
	/* Whitespace */
	padding						:		0px 0px 0px 0px;
	margin						:		0px 0px 0px 0px	
}

div#login select, div#login input
{
	/* Whitespace */
	margin						:		0px 0px 20px 0px;	
}