*								{ font-family:  Arial, sans-serif; line-height: inherit; font-size: inherit; text-decoration: none; font-weight: inherit; }
body							{ margin: 0; padding: 0; line-height: 22px; color: #58595c; font-size: 12px; }
table							{ float: left; }
b								{ font-weight: bold; }
div								{ position: inherit; }

.container						{ width: 1002px; padding: 0 0 20px; margin: 0 auto; position: relative; border: 1px solid #545558; border-bottom: 0; }

#header h1, 
	#header .nav #menu_home a,
	.content .submenu			{ width: 237px; }

/**
 * HEADER
 */
#header							{ background: url(../img/foto_boven_0.jpg) no-repeat top right; float: left; width: 100%; }
#header h1						{ height: 237px; background: url(../img/comrads_logo.gif) no-repeat; margin: 0; }
#header a span, #header h1 span	{ display: none; }
#header a						{ display: block; float: left; cursor: pointer; }

#header .nav					{ background-color: #f47820; width: 100%; }
#header .nav ul					{ margin: 0; padding: 0; list-style: none; float: left; }
#header .nav li					{ float: left; margin: 0; padding: 0; }
#header #main li a				{ padding-right: 20px; height: 61px; width: 67px; background: no-repeat center 35px; }

#header .nav #menu_home a		{ background: #aaa url(../img/home_1_n.jpg) no-repeat bottom; padding: 0; }
#header .nav #menu_bedrijf a	{ background-image: url(../img/comrads_n.gif); width: 72px; }
#header .nav #menu_home a:hover, #header .current#menu_home a	{ background-image: url(../img/home_1_r.jpg); }
#header .nav #menu_bedrijf a:hover, #header .current#menu_bedrijf a		{ background-image: url(../img/comrads_r.gif); }

#header #nav2					{ float: right; }
#header #nav2 a 				{ font-weight: bold; font-size: 13px; margin: 38px 12px 0 0; }
#header #nav2 a:hover			{ color: #fff; }

p.languages						{ position: absolute; top: 0; right: 3px; margin: 0; }

p.languages a					{ width: 30px; background-repeat: no-repeat; height: 20px; margin: 10px 4px 0 0; }
p.languages a#lang_en			{ background-image: url(../img/vlag_en_n.gif); }
p.languages a#lang_nl			{ background-image: url(../img/vlag_nl_n.gif); }
p.languages a#lang_en:hover		{ background-image: url(../img/vlag_en_r.gif); }
p.languages a#lang_nl:hover		{ background-image: url(../img/vlag_nl_r.gif); }


/**
 * HEADER AFBEELDINGEN
 */
#diensten #header,
	#cases #header				{ background-image: url(../img/foto_boven_2.jpg); }
#bedrijf #header,
	#contact #header,
	#route #header,
	#vacatures #header			{ background-image: url(../img/foto_boven_1.jpg); }
#portfolio #header				{ background-image: url(../img/foto_boven_3.jpg); }

/**
 * BODY
 */
.content						{ float: left; background: url(../img/foto_links_1.jpg) no-repeat; margin: 0; padding: 0; _height: 400px; min-height: 400px; width: 100%; padding-top: 37px; }
.content .body,
	.content .results,
	.content .error,
	.content .form,
	.content h1					{ width: 755px; float: right; }

.content .body dl,
	.content .body ul,
	.content h2,
	.content .body p,
	.content .body pre			{ float: left; clear: both; }

.content .body pre				{ padding: 0; margin: 0; font-weight: bold; }
.content .body pre a			{ text-decoration: underline; }
.content .body .intro			{ font-weight: bold; }

.content .body p,
	.content .body ul,
	.content .body dl,
	.content .body p,
	.content .body h2			{ margin: 10px 0; width: 490px; line-height: 18px; padding: 0; }
.content .body p a				{ text-decoration: underline; }
.content .body a:hover			{ text-decoration: none; }

.content .body pre p			{ margin: 0; padding: 0; display: inline; }
.content .body li				{ padding: 0; margin-bottom: 5px; }
.content .body ul				{ list-style: disc outside; padding: 0; padding-left: 40px; }

.content .body img				{ display: block; float: left; margin: 5px 10px 10px 0; }
.content .body img.small		{ _width: 240px; max-width: 240px; }
.content .body img.medium		{ _width: 370px; max-width: 370px; margin-right: 110px; }
.content .body img.big			{ _width: 100%; max-width: 100%; }

.content h1						{ font-size: 16px; font-weight: bold; color: #7c7c7e; margin: 0 0 20px 0; padding: 0; clear: both; line-height: normal; }
.content h1 .level0				{ font-size: 26px; color: #58595c; }
.content h1 .level2				{ font-weight: normal; }

.content h2						{ font-size: 14px; color: #f47820; font-weight: bold; padding: 0; margin: 0; }
.content .body h2				{ margin-bottom: -10px; }

.content dl						{ width: 98%; float: left; font-size: 12px; }
.content dl *					{ float: left; margin: 0; padding: 0; }
.content dl dt					{ width: 30%; color: #949494; }
.content dl dd					{ width: 70%; }
.content dl a					{ text-decoration: underline; color: #000; }
.content dl img					{ margin: 10px 0; }
.content dd.special				{ font-weight: bold; color: #f47820; }

.content p.back					{ margin: 10px 0; }

/**
 * MANAGE BUTTONS
 */
.content .manage				{ float: right; text-align: right; position: absolute; right: 0; width: 200px; z-index: 5; }
.content .manage p				{ position: relative; float: right; margin: 0; padding: 0; width: auto; }
* html .content .manage			{ position: relative; float: none; }

/**
 * KADER
 */
.content .body .kader			{ position: absolute; right: 0; width: 204px; font-size: 12px; padding: 14px; color: #2b2b2b; _height: 352px; min-height: 352px; }
.content .body .kader h2		{ width: 100%; font-weight: bold; font-size: 12px; color: #58595c; padding: 4px 8px; margin: 0; }
.content .kader li				{ padding: 2px 0; clear: both; margin: 2px 0; }
.content .kader ul				{ margin: 0; padding: 0; padding-left: 20px; width: 200px; }
.content .kader p				{ width: 100%; padding: 0; margin: 10px auto; }
.content .kader img				{ float: none; display: block; margin: 10px auto; _width: 204px; max-width: 100%; }
#route .content .body .kader	{ padding: 0; width: 236px; background: none; }
* html #route .content .kader img		{  margin: 0; padding: 0; }
#route .content .kader img		{ _width: 236px; max-width: 100%; }
.content .kader a				{ text-decoration: underline; color: #000; }

.content .kader,
	.content .form fieldset		{ background: #fdebdf; padding: 0;  }
.content .form fieldset			{ padding: 5px; }

/**
 * SUBMENU
 */
.content .submenu				{ float: left; clear: left; padding-left: 27px; width: auto; }
.content .submenu ul			{ margin: 0; padding: 0; list-style: none; }
.content .submenu li			{ margin: 0; padding: 0; font-weight: bold; }
.content .submenu .level0 li	{ margin: 0; font-size: 16px; margin-bottom: 15px; }
.content .submenu .level1 li	{ margin: 0; list-style: url(../img/arrow_close.gif); margin-left: 18px; line-height: 17px; font-size: 13px; color: #f47820; }
.content .submenu .level1 li a	{ color: inherit; line-height: normal; }
.content .submenu .level2 li	{ margin-left: 15px; font-size: 13px; color: #7c7c7c; }

.content .submenu li a:hover,
	.content .submenu .level1 li.current a { color: #545558; }

.content .submenu .level2 li a:hover,
	.content .submenu .level2 li.current a	{ color: #28292a; }
.content .submenu .level1 li.current		{ list-style: url(../img/arrow_open.gif); }
.content .submenu .level1 li.current	li,
	.content .submenu .level2 li			{ list-style: disc url(); margin-left: 20px; font-weight: normal; }


.error						{ background: #fdebdf; border-color: #f47820; margin: 10px 0; }
.content .logo_text			{ visibility: hidden; }

/**
 * HOME
 */
#home i						{ color: #f47820; font-size: inherit; font-weight: bold; font-style: normal;  }
#home .content p			{ width: 570px; }
#home .content				{ background-image: url(../img/foto_links_0.jpg); }
#home .content p.back		{ display: none; }


/**
 * RESULTS
 */
.content .results			{ border: 1px dashed #629ce3; margin: 0 0 10px; padding: 5px; background: #edf3fc; }
.content .results p			{ margin: 2px 0; float: left; }
.content .error h1			{ display: none; }


/**
 * USER
 */
#user form #info *			{ width: 100%; }

/**
 * DIENSTEN
 */
#diensten5 #field_title_nl,
	#diensten5 #field_title_en	{ display: none; }


/**
 * FORM STYLING
 */
.content .body .form	{ width: 100%; float: left; }
form fieldset,
	.form .error		{ width: 95%; float: left; padding: 0 10px; }
form fieldset fieldset	{ background: none; width: 100%; }
form fieldset 			{ border: 0; margin: 0; }
form div				{ padding: 2px 0; }
form div label			{ width: 30%; float: left; clear: left; }
form .error				{ padding: 5px; background: #fff; border: 0; margin: 0 0 10px; }

form div input,
	form div textarea	{ float: left; line-height: 14px; }
form div.text input,
	form textarea,
	form div select		{ font: inherit; padding: 2px; }

form textarea,
	form div fieldset,
	form div.text input	{ width: 67%; }

form div textarea		{ height: 80px; }
form .richtextarea textarea	{ height: 200px; float: right; }
form .toolbar			{ float: right; width: 100%; text-align: right; margin: 15px 15px 0 0; }
form .toolbar button	{ float: right; border: 1px solid #aaa; padding: 2px; background: #fff; }

/** dropdownlists, checkboxes and radiobuttons */
form div fieldset label,
	form div.checkbox label	{ float: left; clear: none; width: 50%; }
form input.radio		{ width: auto; }
form div fieldset 		{ float: left; height: 50px; clear: none; height: auto; }
form div fieldset div	{ width: 25%; float: left; }
form div#zipcode input	{ text-transform: uppercase; }

form div select			{ padding: 0; }

form div.text input,
	form div.text input,
	form div.textarea textarea,
	form div.textarea textarea,
	form div select,
	form div.list select{ border: 1px solid #f47820; background: #fff; }
form div:hover label	{ color: #f47820; }

a.button, .button,
	a.button:link,
	a.button:visited,
	a.button:active		{ border: none; font-weight: bold; color: #fff; background: #f47820 url(../img/arrow_white.png) no-repeat 5px 50%; margin: 2px; padding: 4px; padding-left: 15px; text-decoration: none !important; }
button.button			{ line-height: 7px; }
a.button:hover,
	.button:hover		{ background-color: #aaa; text-decoration: none; }
form button img			{ margin: 0; }

form .buttons button,
	div.submit button,
	form .toolbutton	{ float: right; }
div.submit				{ display: inline; float: right; }

.small_form div textarea	{ height: 150px; width: 68%; }
.small_form div label		{ width: 30%; }


/**
 * FORM CONTACT
 */
#field_about, #field_more		{ width: 95%; clear: none; float: left; }
#field_about label, 
	#field_more label			{ display: none; }
#contact #field_about fieldset div	{ width: 100%; }
#contact #field_about fieldset,
	#field_more textarea		{ width: 99%; }
#field_about fieldset label		{ float: left; width: 90%; display: inline; }

#field_sex fieldset div			{ width: 50%; }
#contact #field_sex fieldset 	{ width: 50%; }
#field_postcode input,
	#field_werknemers input,
	#field_tussenvoegsel input,
	#field_voorletters input	{ width: auto; }
#contact form fieldset,
	#contact .form .error		{ width: 490px; }

/**
 * POST EXAMPLE
 */
.content .post_example			{ width: 100%; background: #F4F4F4; }
.content .post_example .manage	{ display: none; }


/**
 * ADMIN MENU
 */
#admin						{ border-top: dashed 1px #000; margin-top: 20px; }


/* tnx to  http://www.imaputz.com/cssStuff/bigFourVersion.html */
.datalist						{ float: left; overflow: auto; height: 400px; width: 670px; border: 1px dashed #000; }
html>body div.datalist 			{ overflow: hidden; }
.datalist table					{ width: 654px; border-collapse: collapse; }
html>body .datalist table		{ width: 100%; }
.datalist thead tr				{ position: relative; }			/* IE: will translate to 'fixed' */
html>body .datalist thead tr	{ display: block; }
html>body .datalist tbody		{ display: block; overflow: auto; width: 100%; height: 370px; }
.datalist table tbody			{ padding-top: 5px; }
.datalist table th				{ background: #283969; color: #fff; padding: 4px 0; font: 12px "Lucida Sans Unicode", "Lucida Sans", verdana, sans-serif; }
.datalist tr.alternate td		{ background: #eee; }
.datalist tbody tr:hover td		{ background: #d1e0f8; }
.datalist td,
	.datalist th				{ border: 0 solid #aaa; border-width: 0 1px; padding: 3px; margin: 0; }

html>body #user table th,
	html>body #user table td	{ width: 111px; }
html>body #group thead th,
	html>body #group tbody td	{ width: 335px; }


/**
 * IE BLABLA
 */
a:active, a:visited	, a:link		{ color: #58595c; }
.content .submenu a:link,
.content .submenu a:visited,
.content .submenu a:active			{ color: #f47820; }

/**
 * Deze hack zorgt ervoor dat een niet-floatend element met daarin een floatend element, wel een hoogte heeft.
 */
/* clearing space fix \*/
div:after, ul:after	{ content: "."; display: block; position: relative; height: 0; clear: both; visibility: hidden; }

/* Hides from IE-mac \*/
* html div	{ height: 1%; }
div			{ display: block; }
/* End hide from IE-mac */