/* main.css */
* {
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}

html, body {
	width:				100%;
	height:				100%;
}
	
body {
	margin:				0;
	padding:			0;
	background-color:		#f0f0f0;
	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#575757;
	
	text-align:			center;
}



img {
	border-width:		0;
}
form {
	display:			inline;
	margin:				0;
	padding:			0;
}

h1 {
	font-size:			20px;
	font-weight:		bold;
	line-height:		1.7em;
	margin:				0 0 10px 0;
	color:				#2e0304;
	border-bottom:		1px dotted #b6b6b6;
}

h2 {
	font-size:			20px;
	font-weight:		bold;
	margin:				0;
	color:				#2e0304;
}

h3 {
	font-size:			11px;
	font-weight:		bold;
	margin:				0;
	color:				#2e0304;
}

button {
	border:				none;
}

.warning {
	font-weight:		bold;
	color:				#cc0000;
}

.success {
	color:              #008600;
}

div.warning {
	border:             1px solid #cc0000;
	padding:            10px;
}

div.success {
	border:             1px solid #008600;
	padding:            10px 10px 10px 36px;
	background-color:   #e7ffe7;
	background-image:   url('/images/ok.png');
	background-position:10px 10px;
	background-repeat:  no-repeat;
	font-weight:        bold;
}

div.warning p, div.success p {
	margin:             0 !important;
	padding:            0 !important;
}

div#container {
	text-align:			left;
	width:				990px; /* 990 - padding */
	background:			#f0f0f0 url('../images/background_body.jpg') repeat-y top left;
	margin-left:		auto;
	margin-right:		auto;
}
div#menu {
	font-size:			10px;
	font-weight:		bold;
	padding:			10px 40px 14px 10px;
	text-align:			right;
}
div#menu a {
	color:				#575757;
	text-decoration:	none;
}
div#menu a:hover, div#menu a.active {
	color:				#bd6a00;
}

div#header {
	background-color:	#2e0304;
	width:				903px;
	margin-left:		50px;
	padding-bottom:		1px;
	
	zoom:				1;
	overflow:			auto;
	overflow-x:			hidden;
	overflow-y:			hidden;
}
div#header a {
	display:			block;
	float:				left;
	color:				#FFF;
	background-color:	#360d0e;
	
	text-decoration:	none;

	font-size:			15px;
	
	padding:			10px;
	margin:				1px;
	border:				1px solid #978182;
}
div#header a:hover,
div#header a.active {
	color:				#360d0e;
	background-color:	#fff;
	border:				1px solid #FFF;
}


div#header a.sub {
	padding:			10px 5px 10px 5px;
	border:				none;
}
div#header a.sub:hover,
div#header a.subactive {
	color:				#FFF;
	border:				none;
	background-color:	transparent;
	text-decoration: 	underline;
}


div#header span {
	display:			block;
	float:				left;
	width:				10px;
	height:				39px;
	background:			url(/images/middot.gif) center center no-repeat;
}


div#content {
	margin:				20px 38px 0 50px;
	zoom:				1;
	background:			transparent url('../images/background-2columns.gif') repeat-y top left;
}

div#content a.readmore {
	padding-right:		21px;
	padding-bottom:		4px;
	text-decoration:	none;
}

div#footer {
	min-height:			40px;
	background:			#f0f0f0 url('../images/background_footer.jpg') no-repeat bottom left;
	
	margin-top:			20px;
	font-size:			10px;

	padding:			24px 0 16px 50px;
}
div#footer a {
	color:				#575757;
}

div.divider {
	clear:				both;
	height:				10px;
	background-color:	#fff;
	border-bottom:		1px dotted #b6b6b6;
}

div.clearer {
	font-size:			0;
	line-height:		0;
	height:				0;
	padding:			0;
	margin:				0;
	clear:				both;
}

p.moreitems {
	text-align:			right;
}

/*** LOGIN COLUMN ***/	

div.column-login {
	margin-left:		19px;
	width:				211px;
	float:				left;
	
	color:				#575757;
}
div.column-login h2 {
	padding-bottom:		4px;
	color:				#4a0100;
	border-bottom:		1px dotted #b6b6b6;
}
div.column-login h3 {
	color:				#4a0100;
}

div.column-login strong, div.column-login a {
	color:				#4a0100;
}

div.column-login a.readmore {
	background:			transparent url('../images/read-more-nieuws.gif') no-repeat bottom right;
}

div.column-login .date {
	font-size:			9px;
	color:				#868686;
	padding:			0;
	margin-bottom:		0;
	display:			block;
}


div.column-werknemers div.item,
div.column-werkgevers div.item,
div.column-login div.item {
	line-height:		15px;
	padding-top:		0;
	padding-bottom:		0px;
	border-bottom:		1px dotted #b6b6b6;
	overflow:		hidden;
}



/*** LOGIN BOX ***/

div.login {
	background-color:	#bd6a00;
	color:				#fff;
	margin-bottom:		24px;
	padding-top:        1px;
}


div.login strong {
	color:				#000;
}
div.login h2 {
	color:				#fff;
	border:				none;
	padding:			4px 0 6px 8px;
}
div.login p {
	line-height:		16px;
	margin:				0 10px 4px 10px;
	padding:			4px 0 8px 0;
	color:				#000;
}
div.login a {
	color:				#000;
}
div.login a:hover {
	color:				#fff;
}

div.login p.login-form {
	border-bottom:		1px dotted #5e3500;
	padding-bottom:		4px;
	color:				#fff;
	zoom:				1;
	overflow:			auto;
	overflow-x:			hidden;
	overflow-y:			hidden;
}

div.login input.text {
	background:			#fff url('../images/background-input.gif') no-repeat top left;
	border:				1px solid #9b5700;
	width:				97px;
}

button.login-submit {
	margin-top:			10px;
	margin-right:		-1px;
	
	background-color:	transparent;
	float:				right;
	width:				60px;
}

button.opslaan-submit {
	margin-top:			10px;
	margin-right:		-1px;
	
	background-color:	transparent;
	float:				right;
	width:				74px;
}

button.submit {
	margin-top:			10px;
	margin-right:		-1px;
	
	float:left;
	background-color:	transparent;
	width:				60px;
}

div#content p.not-active {
	background-color:	#fff200;
	padding:			10px;
	border:				2px solid #C00;
	
	text-align:			center;
	font-weight:		bold;
	color:				#000;
}

.required {
	color:				#cc0000;
}

div#content input.required,
div#content textarea.required {
	color:				#000;
	border:				1px solid #cc0000;
}

/*
div.login p.news {
	border-bottom:		1px dotted #b6b6b6;
}
*/

div#beware {
    margin: 10px;
    background-color: #cfd000;
    padding: 10px;
    border: 1px solid #ffffff
}

    div#beware h3 {
        margin: 0;
        padding: 0;
        font-size: 16px;
    }
    
    div#beware p {
        margin: 0;
        padding: 0;
    }