@import url('../extensions/tt_news/res/tt_news_v2_styles.css');
@import url('../extensions/bw_vestigingen/styles.css');
@import url('../extensions/bw_opleidingen/styles.css');
@import url('../extensions/bw_oimproducts/styles.css');
@import url('../extensions/quickpoll/styles.css');

/******************************************************************************
 * STANDARD ELEMENTS - Styles for standard HTML elements
 ******************************************************************************/
* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Verdana, Arial, sans-serif;
	width: 100%;
	text-align: center;
}

body.small {
	font-size: 9.5px;
}

body.medium {
	font-size: 11px;
}

body.large {
	font-size: 13.5px;
}

td {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-align: left;
}

a {
	text-decoration: none;
	color: #aaa;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

ul {
	list-style-type: none;
}

h1 {
	line-height: 24px;
	margin-bottom: 6px;
}

h2  {
	font-size: 1.1em;
	font-weight: normal;
}

h2.faq  {
	font-size: 1.5em;
	font-weight: bold;
}

h3  {
	font-size: 1.0em;
	font-weight: normal;
}

h4 {
	font-size: 1.0em;
	font-weight: normal;
}

h5 {
	font-size: 0.0em;
	font-weight: normal;
}


/******************************************************************************
 * GENERIC CLASSES - Classes that can be used everywhere
 ******************************************************************************/
.clear_both           { clear: both; line-height: 0px; }
.bodytext             { margin-bottom: 12px; }
.caption			  { display: block; font-size: 0.9em; font-style: italic; }

.tx-quickpoll-pi1 	  {margin-bottom: 12px; }

div.wordcounter {
	/*margin-left: 100px;*/
	padding-top: 3px;
	clear:both;
	font-style: italic;
}

/******************************************************************************
 * STANDARD DIVISIONS - The divisions that make up the layout of the page
 ******************************************************************************/
#container {
	position: relative;
	top: 0px;
	left: 0px;
	
	width: 846px;
	text-align: left;
	margin: 70px auto;
	background: #fff;
}
	#payoff {
		position: absolute;
		top: 18px;
		right: 0px;
		
		width: 250px;
		height: 20px;
		
		color: #09276e;
		font-family: Arial;
		font-size: 15px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: right;
		letter-spacing: -1px;
	}

#header			{ width: 100%; height: 136px; background: #fff url(../images/header.png) no-repeat top left; }
#header div.left	{ text-align: right; }
	#mainmenu	{ width: 100%; margin-bottom: 12px; }

#main			{ width: 100%;  /*margin-bottom: 12px;*/ }
	#left		{ width: 180px; /*border-right: 1px solid #000;*/ float: left; height: 100%; }
	#content	{ width: 570px; padding: 2px; float: left; min-height: 200px;}
	#right		{ padding: 2px; float: right; width: 200px; }
}

#footer               { width: 100%; clear: both; text-align: center; }


/******************************************************************************
 * MENU LAYOUT - The layout of the menu, submenu and other menu like lists
 ******************************************************************************/
#mainmenu {
	font-size: 0.9em;
}

#mainmenu div.main_item {
	height: 30px;
	overflow: hidden;
}

#mainmenu .active {
	text-decoration: underline;
}

#mainmenu li.folded {
	margin-bottom: 3px;
}

#mainmenu ul {
	width: 177px;
	margin-top: 0px;
	margin-bottom: 3px;
	padding: 8px 0px;
}

#mainmenu ul li {
	width: 143px;
	height: auto;
	margin: 3px 0px;
	overflow: hidden;
	/*position: relative;*/
	font-weight: bold;
	padding-left: 32px;
	color: #fff;
}

#mainmenu ul li.has_sub {
	background-repeat: no-repeat;
	background-position: 22px 3px;
}

#mainmenu ul li ul {
	width: auto;
}

#mainmenu ul li ul li {
	padding-left: 2px;
	font-weight: normal;	
}

#mainmenu li ul li.has_sub {
	background-image: none;
}

#mainmenu ul li a {
	color: #fff;
}
#mainmenu ul li a:hover, #mainmenu ul li a.active {
}

#mainmenu img.hidden {
	position:absolute;
	display: none;	
}

/******************************************************************************
 * HEADER - Specific styles for the header
 ******************************************************************************/
#header .left {
	float: left;
	width: 177px;
	height: 136px;
	background: url(../images/clienten/corner.gif) no-repeat bottom left;	
}

#header .middle {
	width: auto;	
}

#header .middle #secundair_menu {
	height: 100px;	
	_margin-top: -95px;
	margin-left: 232px;
	color: #333;
	padding-top: 20px;
}

#header .middle #secundair_menu ul {
	list-style-type: none;	
}

#header .middle #secundair_menu ul li {
	float: left;
	margin-right: 30px;
}

body.large #header .middle #secundair_menu ul li {
	margin-right: 10px;
}

#header .middle #secundair_menu ul li a {
	color: #0c316e;
}

#header .middle #secundair_menu ul li a.active {
	color: #e16e02;
	text-decoration: underline;  
}

#header .middle #breadcrumb {
	width: 350px;
	margin-top: -12px;
	margin-left: 232px;
	color: #333;	
}

#header .middle #breadcrumb a {
	color: #333;
}

#header .right {
	float: right;
	margin-top: 60px;
	width: 170px;	
	
	position: relative;
	top: 0px;
	left: 0px;
	
	padding-top: 17px;
}

#header .right #search {
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 170px;
	height: 20px;
}

#header .right #search input {
	float: left;
	margin-right: 3px;
	border: 1px solid #fff;
	font-size: 0.8em;
	width: 96px;
	height: 15px;
	
	z-index: 999;
}

#header .right #search input.button {
	background-color: #e16e02;	
	color: #fff;
	width: auto;
	height: 17px; 
}

#header .right #fontsize, #header .right #fontsize img {
	text-align: right;
	margin-top: 3px;
	clear: both;	
	padding-right: 20px;
}

/******************************************************************************
 * Minijoboffers - Specific styles ab_minijoboffers
 * Only in styles.css as on the homepage the joboffers will simply never
 * be loaded. Added Mon March 10 2008, Elwin Bergsma
 ******************************************************************************/
.job-category, .joblist, .job-singleview {
	padding: 2px;
}
.job-title {
	font-weight: bold;
}
.job-date {
	margin-bottom: 10px;
}
.job-images {
	float: right;
}
.job-read-more {
	text-align: right;
	margin-bottom: 25px;
}

/******************************************************************************
 * LEFT COLUMN - Specific styles for the left column
 ******************************************************************************/
#left .default_links a {
	font-size: 9pt;
	color: #0C316E;
	text-decoration: underline;
}

#left .default_links a:hover {
	text-decoration: none;
}

#left .tertiair_menu a {
	color: #000;
}

ul.tertiair_menu li {
	margin-top: 80px;

	float: left;

}

#left .tertiair_menu a {
	font-size: 9pt;
	color: #000;
}

/******************************************************************************
 * CONTENT COLUMN - Specific styles for the content column
 ******************************************************************************/
#content {
	margin-left: 51px;
	width: 353px;
}

#content ul,
#right ul {
	margin-bottom: 12px;	
}

#content ul {
	margin-left: 15px;
	list-style: disc;
}
	
#content div.tx-bwoimproducts-overzicht h2 {
	margin-top: 15px;
}

#content div.tx-bwoimproducts-overzicht .read-more {
	display: block;

	text-align: right;
}

/******************************************************************************
 * Mail Form - Specific styles for the default typo3 mailform
 ******************************************************************************/
#right .right-block .input_text_short, .csc-mailform input, .csc-mailform textarea {
	border: 1px solid #ccc;
	padding: 3px;
}
input.tx-sremailsubscribe-pi1-text {
	border: medium none;
}

fieldset {
	border: medium none;
}
/*input.csc-mailform-submit {
	border: 1px solid #f00;
}*/
input.tx-sremailsubscribe-pi1-submit {
	border: medium none;
	font-weight: bold;
	padding-left: 4px;
}
.csc-mailform-field label {
	width: 150px;
	text-align: left;
	float: left;
	padding-top:3px;
	height: 20px;
}
#right .right-block .input_submit, .csc-mailform-submit {
	border: medium none;
	font-weight: bold;
	padding-left: 4px;
}
form#mailform label {
	clear: both;
	float: left;
	width: 110px;
}
form#mailform input, form#mailform select, form#mailform span.text {
	width: 230px;
	margin-bottom: 6px;

}
form#mailform textarea {
	display: block;
	float: left;
	width: 230px;
}
form#mailform input.csc-mailform-submit {
	float: right;

	width: 65px;
	height: 20px;

	border: none;

	background-image: url( "../images/form_button_background.png" );

	color: #fff;

	text-align: center;
}


/******************************************************************************
 * OIM EXTRANET FORM
 ******************************************************************************/
form.oim_extranet {
	margin: 10px 0px 20px 0px;
}
	form.oim_extranet label {
		display: block;
		width: 130px;
		float: left;
	}
	form.oim_extranet input {
		
	}
	
	form.oim_extranet input.submit {
		clear: both;
	}

/******************************************************************************
 * VACATURES
 ******************************************************************************/
div.job-singleview {}
	div.job-singleview h2 {}
	
	div.job-singleview ul.locations {
		margin-left: 25px;
		list-style: disc outside none;
	}
		div.job-singleview ul.locations li {
			margin-bottom: 5px;
		}
			div.job-singleview ul.locations li a {
				color: #000000 !important;
				text-decoration: underline;
			}
			
			div.job-singleview ul.locations li a:hover {
				text-decoration: none;
			}


/******************************************************************************
 * LEFT COLUMN - Specific styles for the left column
 ******************************************************************************/


/******************************************************************************
 * RIGHT COLUMN - Specific styles for the right column
 ******************************************************************************/

div#right div#diensten_column, div#right div#corporate_column {
	position: relative;

	top: 0px;
	left: 0px;

	margin-top: -36px;

	overflow: hidden;

	width: 202px;
}

div#right ul.default_links li a {
	font-size: 0.9em;
}

div#right .contenttable {
	width: 200px;
}

div#right .contenttable td {
	padding-right: 5px;
	vertical-align: top;
}

div#right ul {
	margin-left: 16px;
	list-style: disc;
}

/******************************************************************************
 * FOOTER - Specific styles for the footer
 ******************************************************************************/
.footerleft {
	display: block;
	float: left;
	font-size: 9px;
}
.footerright {
	display: block;
	float: right;
	font-size: 9px;
}

 
 /******************************************************************************
 * SITEMAP
 *****************************************************************************/
 
 .csc-sitemap ul {
 	list-style: disc;
 	padding-left: 20px;
 }
 
.csc-sitemap ul ul {
	list-style: circle;
}

.csc-sitemap ul ul ul {
	list-style: square;
}

 /******************************************************************************
 * BOTTOM
 *****************************************************************************/
#bottom {
	margin-top: 20px;
}

/** IRFAQ **/
.tx-irfaq-pi1 .tx-irfaq-answer { margin-top: 10px; }

.tx-irfaq-pi1 .bodytext {
	margin-top: 10px;
}

.vacature-iframe {
	 position: relative;
	 left: -50px;
	 overflow: hidden;
	 width: 460px;
	 _width: 455px;
	 margin: 0px;
	 _margin-right: -50px;
}