/* -------------------------------------------------------------------------------- */
/*  Copyright 2007 (Non-)verbaal, http://www.nonverbaal.nl                          */
/* -------------------------------------------------------------------------------- */
@import url("reset.css");
@import url("menu.css");
@import url("form.css");

/*** Basic structure ***/
body { background: #FFF url(../images/_shared/body_bg.jpg) repeat-x left top; font: 62.5% Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: #FFF; background-image: url(../images/_shared/body_background.jpg); background-position: center top; background-repeat: repeat-y; }
pre{ font: 62.5% Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; }
.clear{ height: 0; clear: both; }

/*** Links ***/
a { color: #FF6800;}
a:link,
a:visited { text-decoration: none; }
a:hover,
a:active { text-decoration:underline; }
a.mail{ display: block; width: 15px; height: 10px; background-repeat: no-repeat; background-position: center top; background-image: url(../images/icon/mail.jpg); margin: 0 0 0 3px; }

span.oranje{ color: #FF6800; }

div#logo{ position: absolute; left: 95px; top: 27px; width: 145px; height: 60px; }
div#logo a{ position: relative; display: block; width: 145px; height: 60px; }
div#logo a span{display:none;}

/*** Headers ***/
h1	{font-size:3.5em;color:#FFF;position: absolute; top: 160px; left: 300px;}
.sIFR-active h1 { visibility: hidden; font-family: Verdana; line-height: 1.0em; font-size: 3.5em; width: 500px; position: absolute; top: 160px; left: 300px; font-weight: lighter; }

/*** Styles ***/
p			{ margin:11px 0; padding: 0}
em			{ font-style:italic;	}
strong,b	{ font-weight:bold; }
.hr		{ display:block; height:1px; width:100%; background-color:#CCC;}
hr			{ display:none; visibility:hidden; height:0; width:0;}

#content hr	{display:block; height:1px;visibility:visible; width: 100%;border:none;background-color:#FF6800;color:#FF6800;}
#content ul	{ margin:0 0 22px 0;}
#content ol	{margin:22px 0 0 22px; list-style-type: decimal; }
#content table		{position: relative; margin: 0 auto; width: 100%; border: #FF6800 1px solid;}
#content table th	{background: #FF6800; color: #FFFFFF;  font-weight: bold; padding:2px 6px; }
#content table td { padding:2px 6px; vertical-align:top;}
#content table tr.even td {background: #EFEFEF;}
#content table tr.odd td {background: #FFFFFF;}

blockquote { margin-left:20px;}

#content ul li { width:90%; padding-left: 25px; background: url(../images/icon/bullet.gif) top left no-repeat;}
#content ul li img{ display:none;}

#content ul#pdf li a{ float: left; padding: 2px 0 2px 10px; margin: 7px 0 7px 6px; height: 22px; background: #FFFFFF url(../images/icon/bullet.gif) no-repeat left center; }
#content ul#pdf li span{ float: right; margin: 7px 0px; height: 22px; color: #FF6800; }
#content ul#pdf li{ background: transparent url(../images/file_icons/icoonPDF.gif) no-repeat left center; padding-top: 0px; height: 40px; }

/*** Basic structure ***/
div#language { position: relative; height: 10px; width: 875px; margin: 10px auto 4px auto; background-color: transparent; background-position: top right; background-repeat: no-repeat; background-image: url(../images/_shared/taal.jpg); }
div#language a {position:absolute;height:10px;}
div#language a.selected{border-bottom: 1px solid #9B9B9B;}
div#language a:hover{border-bottom: 1px solid #9B9B9B;}
div#language a span{display:none;}

div#language a#nl {left:644px;width:61px;}
div#language a#en {left:718px;width:40px;}
div#language a#de {left:770px;width:47px;}
div#language a#fr {left:829px;width:46px;}

div#container{ position: relative; width: 920px; margin: 0 auto; padding-top: 6px; /*background-color:transparent;*/ background-position: left top; background-repeat: no-repeat; background-image: url(../images/_shared/container.png); }
* html div#container { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.nedstaal.nl/www/images/_shared/container.png');}
div#inner { position: relative; width: 920px; padding-bottom: 57px; background-color: transparent; background-position: top left; background-repeat: repeat-y; background-image: url(../images/_shared/inner_background.png); }
* html div#inner { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.nedstaal.nl/www/images/_shared/inner_background.png');}
div#header { position: relative; margin: 0 22px; height: 128px; padding-top: 81px; background-color: transparent; background-position: top left; background-repeat: no-repeat; background-image: url(../images/_shared/header.jpg); }
div#overlay_foto {  position: absolute; top: 81px;left: 73px;  height: 128px; width: 146px; overflow:hidden; }
div#breadcrump{color:#969696; margin-bottom:15px;}
div#breadcrump span{color:#969696;}
div#left { position: absolute; left: 84px; top: 209px; width: 283px; padding-bottom: 9px; background-color: #FFF; background-position: 11px bottom; background-repeat: no-repeat; background-image: url(../images/_shared/left_background.jpg); }

div#content { position: relative; margin: 0 241px 0 320px; padding: 20px 69px 22px 0px; background: transparent; line-height: 2.0em; font-size: 1.1em; min-height: 250px; height: auto !important; height: 250px; }
#contact div#content {padding: 20px 69px 0px 0px; min-height:0;}

div#content.noAutoHeight {padding-bottom:0;min-height:0;height:auto;}

div#right { position: absolute; top: 209px; right: 22px; width: 219px; height: 230px; overflow: hidden; background-color: #FFF; }
div#right_overlay{ position: absolute; width: 219px; height: 57px; bottom: 0; background-color: transparent; background-position: left top; background-repeat: no-repeat; background-image: url(../images/_shared/right_overlay.png); }
* html div#right_overlay { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.nedstaal.nl/www/images/_shared/right_overlay.png');}
div#right_overlay_title{ font-size: 3.0em; color: #FFF; }
.sIFR-active div#right_overlay_title { visibility: hidden; font-family: Verdana; line-height: 1.0em; font-size: 3.0em; width: 202px; position: absolute; top: 78px; left: 17px; font-weight: lighter; }

div#right_tekst{ position: absolute; right: 39px; width: 188px; top: 460px; line-height: 1.5em; }
div#right_tekst a{ color:#D95700;}
div#footer { position: relative; width: 920px; height: 21px; padding-top: 12px; background-color: transparent; background-position: top left; background-repeat: no-repeat; background-image: url(../images/_shared/footer.png); }
* html div#footer { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.nedstaal.nl/www/images/_shared/footer.png');}
div#footer_adres { position: relative; height: 11px; background-color: transparent; background-position: top center; background-repeat: no-repeat; background-image: url(../images/_shared/footer_adres.jpg); }
div#footer a{ position: absolute; display: block; left: 803px; top: 10px; width: 88px; height: 13px; }
div#footer a:hover{ border-bottom: 1px solid #9B9B9B; }

body#home #content{padding: 9px 69px 22px 0px;}
* html body#home #content{padding: 16px 69px 22px 0px;}

#kwaliteit_en_borging.laboratorium_scope #right,
#werken_bij_nedstaal.vacatures #right,
#contact.algemene_verzoeken #right,
#producten.analyses #right,
#producten.halffabrikaten #right,
#producten.ruw_staal_blokformaten #right {width:0px; height:0px;}

#kwaliteit_en_borging.laboratorium_scope #content,
#onderneming.directie_en_management #content,
#werken_bij_nedstaal.vacatures #content,
#contact.algemene_verzoeken #content,
#producten.analyses #content,
#producten.halffabrikaten #content,
#producten.ruw_staal_blokformaten #content {margin: 0 0 0 320px;}

#kwaliteit_en_borging.laboratorium_scope #inner,
#onderneming.directie_en_management #inner,
#werken_bij_nedstaal.vacatures #inner,
#contact.algemene_verzoeken #inner,
#producten.analyses #inner,
#producten.halffabrikaten #inner,
#producten.ruw_staal_blokformaten #inner {background-image: url(../images/_shared/inner_background_no_grey.png);}

* html #onderneming.directie_en_management #inner,
* html #werken_bij_nedstaal.vacatures #inner,
* html #contact.algemene_verzoeken #inner,
* html #producten.analyses #inner,
* html #producten.halffabrikaten #inner,
* html #producten.ruw_staal_blokformaten #inner { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.nedstaal.nl/www/images/_shared/inner_background_no_grey.png');}

#kwaliteit_en_borging table{
	font-size: 0.9em;
}
#kwaliteit_en_borging tr.first td{
	background: #FF6800; color: #FFFFFF;  padding:2px 6px;
	border-bottom: none;
}

#kwaliteit_en_borging td{
	border-bottom: 1px solid #969696;
}
#kwaliteit_en_borging tr.last td{
	border:none;	
}

/*
#producten.halffabrikaten #right 	{width:0px; height:0px;}
#producten.halffabrikaten #content 	{margin: 0 0px 0 320px;}
#producten.halffabrikaten #inner 	{background-image: url(../images/_shared/inner_background_no_grey.png);}
* html #producten.halffabrikaten #inner { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.nedstaal.nl/www/images/_shared/inner_background_no_grey.png');}

#producten.analyses #right 	{width:0px; height:0px;}
#producten.analyses #content{margin: 0 0px 0 320px;}
#producten.analyses #inner 	{background-image: url(../images/_shared/inner_background_no_grey.png);}
* html #producten.analyses #inner { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.nedstaal.nl/www/images/_shared/inner_background_no_grey.png');}

#werken_bij_nedstaal.vacatures
#werken_bij_nedstaal.vacatures #right 	{width:0px; height:0px;}
#werken_bij_nedstaal.vacatures #content {margin: 0 0px 0 320px;}
#werken_bij_nedstaal.vacatures #inner 	{background-image: url(../images/_shared/inner_background_no_grey.png);}
* html #werken_bij_nedstaal.vacatures #inner { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.nedstaal.nl/www/images/_shared/inner_background_no_grey.png');}
*/

/*** NIEUWS ***/
div.nieuwsitem				{ }
div.nieuwsitem p			{ margin:0;}
div.nieuwsitem a			{ color:#F4502B; }
div.nieuwsitem span.titel,
div.nieuwsitem span.datum	{ display:block;color:#709BDF; font-weight:bold;}
div.nieuwsitem div.hr		{ margin:15px 0;}
a.nieuwslink				{ text-decoration: none;}
a.nieuwslink:hover			{ text-decoration: underline;}

/*** LINKIES ***/
div#right_link{ width: 200px; height: 18px; display: block; margin-top: 10px; background-color: #DDD; }
div#right_link a { width:200px;	height: 18px;display:block;background-color:transparent; background-position: right top; background-repeat: no-repeat;}
div#right_link a span{ display:none;}
a.automotive{ background-image:url(../images/_menu/automotive.jpg);}
a.scheepsbouw{ background-image:url(../images/_menu/scheepsbouw.jpg);}
a.zware_machinebouw_en_gereedschap{ background-image:url(../images/_menu/zware_machinebouw.jpg);}
a.energie{ background-image:url(../images/_menu/energie.jpg);}

/*** VACATURES ***/
a.vacature_kop { background:url(../images/icon/plus.gif) no-repeat left; padding-left:16px; display:block;}
a.vacature_kop.hover,
a.vacature_kop:hover { background:url(../images/icon/min.gif) no-repeat left; padding-left:16px;}
.vacature {padding-left:16px;}