@charset "utf-8";
/* CSS Document */
@import url("menu.css");
@import url("nieuws.css");
@import url("t3-forms.css");

html,body
{
	width:				100%;
	height: 			100%;
	margin:				0px;
	padding:			0px;	
}

body
{
	background:			#f1f7ff url(../images/main_background_seamless.jpg) top left repeat-x;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			12px;
	line-height: 		14px;
	color: 				#424242;
}
/* BEGIN MAIN WRAPPERS ------------------------------------------------------------------------------------- */ 

div#mainWrapper
{	
	width: 				100%;
	height: 			auto !important;
	height: 			100%;
	min-height: 		100%;	
	background:			url(../images/content-background_seamless.png) top center repeat-y;
	text-align: 		left;
	top: 				0px;
	left: 				0px;	
	position:			absolute;
}
div#headerWrapper
{
	width: 				990px;
	height:				189px;
	margin: 			0px auto;
	font-size:			10px;
	position: 			relative;
}
	
div#contentWrapper
{
	width:				990px;
	margin: 			189px auto 0px auto;	
	text-align: 		left;
	margin:				0px auto;
}

#contentWrapper a
{
	text-decoration:	none;
	color: 				#424242;
}
#contentWrapper a:hover, .machineSelected > a, .downloadsSelected a
{
	text-decoration:	underline !important;
}
#contentWrapper a img
{
	border:				none;
}
div#footerWrapper
{
	width: 				100%;
	height: 			34px;
	bottom: 			0px;
	font-size:			10px;
	color:				#424242;
	line-height: 		34px;
	position: 			absolute;	
}
/* EIND MAIN WRAPPERS ------------------------------------------------------------------------------------- */ 


/* BEGIN HEADER WRAPPERS ------------------------------------------------------------------------------------- */ 
div#taalkeuze
{
	width:				172px;
	height:				141px;
	padding:			14px 10px 0px 22px;	
	float:				left;
}
div#taalkeuze > img
{
	float:				left;
}

div#slideshow
{
	width:				786px;
	height:				155px;
	position:			relative;
	float:				left;
}
/* EIND HEADER WRAPPERS ------------------------------------------------------------------------------------- */

/* BEGIN CONTENT WRAPPERS ------------------------------------------------------------------------------------- */
div#leftContentWrapper
{
	width:				204px;
	height:				578px;
	float:				left;
}
div#centerContentWrapper
{
	width:				581px;
	padding-bottom:		50px;	
	float:				left;
}
div#rightContentWrapper
{
	width:				205px;
	padding-bottom:		50px;
	float:				left;
}
/* EIND CONTENT WRAPPERS ------------------------------------------------------------------------------------- */
/* BEGIN LEFT CONTENT WRAPPERS ------------------------------------------------------------------------------------- */
div#uitklapMenu
{
	width:				195px;
	text-align:			left;
	float:				right;
}
div#uitklapMenu ul li
{
	margin:				0px 0px 0px 13px;
	padding:			0px;
	
	
}
div#availableMachines
{
	width:				195px;
	line-height:		28px;	
	height:				28px;
	margin-bottom:		5px;
}

/* EIND LEFT CONTENT WRAPPERS ------------------------------------------------------------------------------------- */
/* BEGIN CENTER CONTENT WRAPPERS ------------------------------------------------------------------------------------- */
div#menuBarWrapper
{
	width:				581px;
	height:				71px;
	background:			url(../images/profielen_background.jpg) top left no-repeat;
}
div#control_btn
{
	width:				32px;
	height:				27px;
	padding:			4px 0px 0px 2px;
	float:				left;
}
div#profilesWrapper
{
	width:				547px;
	height:				31px;
	float:				left;
}

div#chooseprofile
{
	float:				left;
}
div#crumblepath
{
	width:				547px;
	height:				27px;
	font-size:			11px;
	line-height:		27px;
	padding-left:		34px;
	float:				left;
	clear:				both;
}
div#crumblepath a
{
	color:				#7b7b7b;
	height:				27px;
}
div#content
{
	width:				515px;
	padding:			10px 30px 0px 34px;
}
img#close_btn, img#open_btn 
{
	cursor:				pointer;
}
/* EIND CENTER CONTENT WRAPPERS ------------------------------------------------------------------------------------- */

/* BEGIN RIGHT CONTENT ELEMENTS ------------------------------------------------------------------------------------- */
div#search
{
	width:				205px;
	height:				35px;
	line-height:		35px;
	margin-bottom:		15px;
	background:			url(../images/search_background.png) top left no-repeat;
	text-transform:		uppercase;
}
input[type=text]
{
	width:				154px;
	height:				15px;
	margin:				0px 0px 0px 4px;
	padding:			2px;
	background: 		url(../images/searchInput_background-stretch.gif) top left repeat-x;	
	color:				#424242;
	font-size:			11px;
	line-height:		15px;
	display:			inline-block;
	border: 			solid 1px #adadad;
	text-transform:		lowercase;
}
#searchform a
{
	display:			inline-block;
	margin:				0px 0px 0px 5px;
}
#searchform a img
{
	vertical-align:		middle;
}
div#industries
{
	width:				205px;
	margin-bottom:		15px;
}
div#industries ul, div#uitklapMenu ul
{
	margin:				0px;
	padding:			0px;
	list-style:			none;
}
div#industries ul li
{	
	margin:				0px;
	padding:			0px;
	padding-left:		30px;	
	background-position:center left;
	background-repeat:	no-repeat;
}
div#industries ul li a
{
	height:				14px;
	display:			block;
	line-height:		14px;	
}

div#industries ul li.steel_industry
{
	background-image:	url(../images/industry_steel_label.png);
}
div#industries ul li.shipbuilding_industry
{
	background-image:	url(../images/industry_shipbuilding_label.png);
}
div#industries ul li.piping_industry
{
	background-image:	url(../images/industry_piping_label.png);	
}
div#industries ul li.offshore_industry
{
	background-image:	url(../images/industry_offshore_label.png);
}
div#industries ul li.other_industry
{
	background-image:	url(../images/industry_other_label.png);
}
div#messages
{
	width:				173px;
	padding-right:		5px;
}
/*  EIND RIGHT CONTENT ELEMENTS ------------------------------------------------------------------------------------- */
div#footer
{
	width: 				990px;
	height: 			34px;
	background:			url(../images/footer_stretch.gif) top left repeat-x;
	margin:				0px auto;		
}
div#footer a
{
	text-decoration:	none;
	color: 				#424242;
}
div#footer a:hover
{
	text-decoration:	underline;
}
/* -- BEGIN CLASSES --------------------------------------------------------------------------------------------- */

.copyright
{
	width: 				160px;	
	display:			inline-block;
	padding:			0px 0px 0px 44px;
}
.shortlinks
{
	width: 				527px;	
	display:			inline-block;
	padding:			0px 0px 0px 34px;
}
.credits
{
	display:			inline-block;
	padding:			0px 10px 0px 0px;
}
.paddingLeft
{
	padding:			0px 0px 0px 27px;
}
.leftSidebarLabel
{
	width:				195px;
	height:				27px;
	line-height:		27px;
	margin:				5px 0px 5px 0px;
	font-size:			11px;
	display:			block;	
}
.rightSidebarLabel
{
	width:				178px;
	height:				28px;
	background:			url(../images/rightSidebarLabel_background.png) top left no-repeat;
	margin-bottom:		15px;
	font-size:			11px;	
	line-height:		26px;
	letter-spacing:		0.9pt;
	display:			inline-block;
}
.schaduwWit
{
	text-shadow:		1px 1px 0px #e3e3e3;
}
.donkergrijs
{
	color:				#373737;
}
.lichtgrijs
{
	color:				#616161;
}
.wit
{
	color:				#fff;
}
.uppercase
{
	text-transform:		uppercase;
	font-weight:		800;
}
.chooseprofile
{
	padding-right:		20px;
	font-size:			11px;
	text-shadow:		1px 1px 0px #e3e3e3;
	line-height:		31px;
	display:			inline-block;
	background:			url(../images/btn_pijl.gif) center right no-repeat;
}
.uitklapMenuBovenkant
{
	width:				185px;
	height:				52px;
	padding:			5px 0px 0px 10px;
	background:			url(../images/uitklapMenu_bovenkant.png) top left no-repeat;
	display:			inline-block;
}
.uitklapMenuOnderkant
{
	width:				195px;
	height:				34px;
	background:			url(../images/uitklapMenu_onderkant.png) top left no-repeat;
	display:			inline-block;
}
.uitklapMenuMidden
{
	width:				195px;
	background:			url(../images/uitklapMenu_midden.png) top left repeat-y;
	text-indent:		13px;
	display:			inline-block;
	padding-bottom:		2px;
}
.vlaggen
{
	width:				50px;
	height:				70px;
	margin-right:		20px;
	float:				right;
}
/* -- EIND CLASSES --------------------------------------------------------------------------------------------- */
/* -- BEGIN INDUSTRY CLASSES --------------------------------------------------------------------------------------------- */
ul.availableMachines li a
{
	font-size:			10px;	
	height:				12px;
	line-height:		12px;
	display:			block;
	background:			url(../images/arrow.gif) center left no-repeat;
}

ul.downloads li a
{
	font-size:			12px;	
	height:				12px;
	line-height:		12px;
	display:			block;
	background:			url(../images/bullet.gif) center left no-repeat;
}
ul.peopleToContact li a
{
	font-size:			12px;
	padding-left:		2px;	
	height:				15px;
	line-height:		15px;
	display:			block;
}
ul.peopleToContact li.telefoonIcon
{	
	background:			url(../images/telefoon.gif) center left no-repeat;
}
ul.peopleToContact li.faxIcon
{	
	background:			url(../images/fax.gif) center left no-repeat;
}
ul.peopleToContact li.mailIcon
{	
	background:			url(../images/email.gif) center left no-repeat;
}
/* -- EIND INDUSTRY CLASSES --------------------------------------------------------------------------------------------- */
p,h1,h2,h3,h4,h5,h6
{
	margin:				0px;
	padding:			0px;
}

h1
{
	font-size:			1.2em;
	line-height:		1.2em;
	font-weight:		800
}

h2
{
	font-size:			1.0em;
	line-height:		1.0em;
}


/* ---- CSS Hacks to help disapear some unwanted elements ---- */
li.profileHidden
{
	margin: 0px !important;
	padding: 0px !important;
}

li.profileHidden > a
{
	display: none !important;
}


/* ---- SR language menu ---- */
.tx-srlanguagemenu-pi1 > div
{
	width:				50px;
	margin-bottom:		1px;
	text-align:			right;
}


/* ---- Profile menu ---- */
#profiles li a
{
	display:				inline-block;
	font-size:				0px;
	text-indent:			-9999px;
	width:					50px;
	height:					30px;
	background-repeat:		no-repeat;
	background-position:	top left;
	float:					left;
	margin:					0px -1px 0px -2px;
}

#profiles li, #profiles ul
{
	list-style:				none;
	margin:					0px;
	padding:				0px;
	display:				inline;
}

li#round-tube > a { background-image: url('../images/profiel_round.gif')}
li#square-tube > a { background-image: url('../images/profiel_square.gif')}
li#h-profile > a { background-image: url('../images/profiel_H-beam.gif')}
li#u-profile > a { background-image: url('../images/profiel_U-beam.gif')}
li#t-profile > a { background-image: url('../images/profiel_T-bar.gif')}
li#corner-profile > a { background-image: url('../images/profiel_angle-equal.gif')}
li#hp-profile > a { background-image: url('../images/profiel_HP-bar.gif')}
li#plate > a { background-image: url('../images/profiel_flat-bar.gif')}


/* ---- Print button ---- */
#print_icon
{
	position:		absolute;
	width:			580px;
	text-align:		right;
}

#print_icon > a
{
	margin-right:	30px;
}