/*
* Cache van main.style.css
* Created: 2011-04-26 13:38:25
*/

/*
* $Author: sjors $
* $LastChangedDate: 2006-07-05 13:58:04 +0200 (wo, 05 jul 2006) $
* $Id: main.style.css 18 2006-07-05 11:58:04Z sjors $
* $Rev: 18 $
*/

/* Style reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* End style reset */

/* Defaults */
body, html {height: 100%;}
img {border: 0;}
.clear {clear: both;}
.error {color: red !important;}
form {margin: 0; padding: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
ul {margin: 5px 5px 5px 25px;}
ul ul {margin-left: 15px;}

a {
	color: #CC0000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

p {
	margin: 10px 0px;
}

h1, h2, h3, h4 {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #CC0000;
	margin-bottom: 6px;
}
h2, h3, h4 {
	margin-bottom: 2px;
}
h1 {font-size: 19px;}
h2 {font-size: 15px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}

li {list-style-image: url(/images/interface/bullet.gif);}

a.arrow {
	background-image: url(/images/navigatie/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: left 4px;
	display: block;
}
a.back {
	background-image: url(/images/navigatie/arrow_left.gif);
}

hr {
  color: #e60003;
  background-color: #e60003;
  width: 100%;
  height: 1px;
  border: 0px;
  margin: 5px 0px;
  padding: 0;
  border-bottom: 1px solid #e60003;
}
hr.dotted {
  border-style: dotted;
}
ul.arrow li {
	margin: 0px;
	padding: 0px;
	background-image: url(/images/navigatie/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	list-style-image: none;
	list-style: none;
}
ul.arrow li a {
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
	color: #cc0000;
	margin-left: 15px;
	display: block;
}
ul.arrow li a:hover {
	text-decoration: underline;
}
/* Defaults */

/* Forms */
label {
	cursor: pointer;
	width: 150px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 5px;
	line-height: 23px;
}
input.text, textarea, select {
	border: 1px solid #cc0000;
	width: 300px;
	margin: 2px;
}
.req {
	color: #cc0000;
	vertical-align: top;
	position: relative;
	top: 5px;
	font-size: 10px;
}
/* Forms */

/* Lay-out */
body {
	background-color: #ffffff;
	background-image: url(/images/interface/bgnav.png);
	background-repeat: repeat-y;
	background-position: 169px 0px;
}
body, td, th {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	color: #333333;
	line-height: 16px;
}
div#contentwrapper {
	background-repeat: repeat-x;
	background-position: 0px 69px;
	min-height: 100%;
	_height: 100%;
	position: relative;
	margin-bottom: -27px;
}
div#headerclearer {
	height: 93px;
}
div#footerclearer {
	height: 27px;
}
/* Lay-out */

/* Menu */
div#menu_sidebar {
	float: left;
	padding: 110px 0px 130px 10px;
}
div#sfeerimgs {
	position: absolute;
	top: 69px;
	left: 0px;
}
div#menubar {
	width: 169px;
	float: left;
}
div#sidebar {
	width: 159px;
	float: left;
}
div#certificates {
	position: fixed;
	bottom: 37px;
	left: 171px;
	width: 169px;
	text-align: center;
}
div#certificates img {
	margin: 0px 5px;
}
div#addr {
	position: fixed;
	bottom: 37px;
	left: 10px;
	width: 150px;
	text-decoration: none;
	font-family: Arial;
	font-style: normal;
	line-height: 14px;
	font-size: 11px;
	color: #5c5c65;
}
div#addr a {
	color: #5c5c65;
}
ul#menu, ul#menu ul {margin: 0px; padding: 0px; list-style: none;}
ul#menu {
	margin-left: 12px;
}
/*ul#menu ul {display: none;}*/
ul#menu ul.curpage, ul#menu ul.shown {display: block;}
ul#menu li {
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	width: 157px;
	height: 23px;
	line-height: 23px;
	background-image: url(/images/navigatie/up.png);
	border-bottom: 1px dotted #ffffff;
	position: relative;
	list-style: none;
	list-style-image: none;
}
ul#menu li.hover {
	background-image: url(/images/navigatie/over.png);
}
ul#menu li.current {
	background-image: url(/images/navigatie/down.png);
}
/*ul#menu li.hover ul {
	display: block;
}*/
ul#menu li ul {
	position: absolute;
	left: 157px;
	top: -1px;
	border-style: dotted;
	border-color: #ffffff;
	border-width: 1px 1px 0px 1px;
	display: none;
}
ul#menu li ul li {
	position: relative;
}
ul#menu li.hover li a {
	color: #ffffff;
}
ul#menu li a {
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	text-indent: 20px;
	display: block;
}
ul#menu li a:hover {
	color: #cc0000;
	text-decoration: none;
}
ul#menu li.current a, ul#menu li.hover a {
	color: #cc0000;
}
ul#menu li.current li a {
	color: #ffffff;
}
ul#menu li li.hover a, ul#menu li li.current a {
	color: #cc0000;
}
div#imagerotator {
	margin-top: 10px;
	border: 1px solid #CC0000;
}
img.imagerotator {
	position: absolute;
}
/* Menu */

/* Header */
div#header {
	height: 93px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #ffffff;
	background-image: url(/images/interface/firstalinea.gif);
	background-repeat: repeat-x;
	background-position: 0px 69px;
}
div#langselectors {
	position: absolute;
	right: 10px;
	bottom: -12px;
	z-index: 2;
}
img.langselectors {
	padding-bottom: 0px;
}
img#logo {
	margin: 2px 0px 2px 10px;
}
img#slogan {
	position: absolute;
	right: 0px;
	top: 0px;
}
/* Header */

/* Footer */
div#footer {
	clear: both;
	width: 100%;
	background-color: #ffffff;
	background-image: url(/images/interface/footerbg.gif);
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 10px;
	color: #ffffff;
	height: 24px;
	line-height: 26px;
	z-index: 2;
	position: relative;
	overflow: hidden;
}
div#footer a {
	color: #ffffff;
	margin: 0px 10px;
	text-decoration: none;
}
div#footer a:hover {
	text-decoration: underline;
}
a#youngguns {
	position: absolute;
	right: 5px;
	bottom: 0px;
}
/* Footer */

/* Content */
div#content {
 	padding: 20px 25px 55px 30px;
 	width: 610px;
 	border-top: none;
	border-right: 1px dotted #b1b5bc;
	border-bottom: none;
	border-left: none;
 	float: left;
}
div#content img.float {
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 33px;
	float: right;
}
div#content img.main {
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-right: 10px;
	float: left;
}
p#skiplink {
	float: left;
	display: block;
	width: 200px;
}
p#skiplink a {
	color: #ffffff;
}
a#main + h1 {
	margin-top: 0px;
}
div.contentleft, div.contentleft_wr {
	margin-bottom: 10px;
	float: left;
	width: 600px;
}
div.contentleft_wr {
	width: 388px;
}
div.contentright {
	float: right;
	width: 200px;
}
/* Content */

/* Homepage */
a#quicklink_turning, a#quicklink_milling, a#quicklink_welding, a#quicklink_assembling, a#quicklink_quality, a#quicklink_other {
	width: 145px;
	height: 171px;
	display: block;
	float: left;
	margin-right: 7px;
	position: relative;
	text-decoration: none;
}
a#quicklink_other {
	width: 299px;
	height: 71px;
	top: 8px;
	left: 0px;
}
a#quicklink_quality {
	width: 299px;
	height: 71px;
	top: 8px;
	left: 0px;
	margin-right: 5px;
}
a#quicklink_turning span, a#quicklink_milling span, a#quicklink_welding span, a#quicklink_assembling span, a#quicklink_quality span, a#quicklink_other span {
	position: absolute;
	top: 18px;
	left: 23px;
	font-family: arial narrow, arial;
	font-weight: normal;
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
}
a#quicklink_turning:hover span, a#quicklink_milling:hover span, a#quicklink_welding:hover span, a#quicklink_assembling:hover span, a#quicklink_quality:hover span, a#quicklink_other:hover span {
	top: 19px;
	left: 24px;
}
a#quicklink_turning    {background-image: url(/images/navigatie/draaien_up.jpg);}
a#quicklink_milling    {background-image: url(/images/navigatie/frezen_up.jpg);}
a#quicklink_welding    {background-image: url(/images/navigatie/lassen_up.jpg);}
a#quicklink_assembling {background-image: url(/images/navigatie/montage_up.jpg);}
a#quicklink_other      {background-image: url(/images/navigatie/diversen_up.jpg);}
a#quicklink_quality    {background-image: url(/images/navigatie/kwaliteit_up.jpg);}
a#quicklink_turning:hover    {background-image: url(/images/navigatie/draaien_ov.jpg);}
a#quicklink_milling:hover    {background-image: url(/images/navigatie/frezen_ov.jpg);}
a#quicklink_welding:hover    {background-image: url(/images/navigatie/lassen_ov.jpg);}
a#quicklink_assembling:hover {background-image: url(/images/navigatie/montage_ov.jpg);}
a#quicklink_other:hover      {background-image: url(/images/navigatie/diversen_ov.jpg);}
a#quicklink_quality:hover    {background-image: url(/images/navigatie/kwaliteit_ov.jpg);}
/* Homepage */

/* Newsticker */
h2.newsticker {
	margin: 20px 0 0 0;
	text-transform: uppercase;
	color: #cc0000;
	font-size: 13px;
}
ul#newsticker {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
ul#newsticker li {
	margin-top: 10px;
}
ul#newsticker a {
	font-family: Arial;
}
/* Newsticker */

/* Diensten */
div#dienstensb {
	float: right;
	height: 50px;
}
div#dienstenimg {
	float: right;
	clear: right;
	margin: 15px 0px 0px 15px;
}
img#dienstimg {
	border: 1px solid #cc0000;
}
/* Diensten */

/* Contact */
div#bezoekadres, div#postadres {
	float: left;
	width: 240px;
	padding: 30px 30px 5px 30px;
}
div#route {
	border-style: dotted;
	border-color: #cc0000;
	border-width: 1px 0px;
	clear: left;
	padding: 10px 10px 20px 10px;
}
form#requestform input.submit {
	margin-top: 10px;
	margin-left: 270px;
}
form#requestform fieldset {
	border: 0px;
}
iframe {
	border: 1px solid #cc0000;
}
/* Contact */

/* Image fader & zoom */
div.imagezoom a {
	float: left;
	padding-top: 11px;
	margin: 5px 0px;
	background-image: url(/images/navigatie/zoomin.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
div.imagezoom img {
	border: 1px solid #cc0000;
}
div.imagescroller {
	width: 150px;
	height: 100px;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	position: relative;
	border: 1px solid #cc0000;
	overflow: hidden;
}
div.imagescroller img {
	position: absolute;
	top: 0px;
	left: 0px;
}
div.imagefadernav {
	width: 152px;
	float: left;
	margin-left: 10px;
}
div.imagefadernav a.prev {
	float: left;
}
div.imagefadernav a.next {
	float: right;
}
/* Image fader & zoom */

/* Projecten & nieuws */
div.projects, div.news {
	width: 600px;
	border-bottom: 1px dashed #cc0000;
	margin-bottom: 10px;
}
div.projectdetails, div.newsdetails {
	float: left;
	width: 438px;
	margin-bottom: 10px;
}
div.projectdetails .label, div.projectdetails_details .label {
	width: 70px;
	display: block;
	float: left;
}
h3.newsdate {
	margin: 5px 0px;
	font-style: italic;
	font-weight: 11px;
	color: #5c5c65;
	font-weight: normal;
}
h2.newstitle {
	font-weight: 11px;
	margin: 5px 0px 2px 0px;
}
/* Projecten & nieuws */

/* Vacancies */
div.vacancies {
	border-top: 1px dashed #cc0000;
	padding-top: 15px;
	margin-top: 20px;
}
ul#vacancylist {
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
}
/* Vacancies */

/* Machinepark */
div#machinepark {
	margin-top: 35px;
}
div#machinepark h2 {
	height: 23px;
	line-height: 23px;
	color: #ffffff;
	background-image: url(/images/interface/balk_up.png);
	width: 585px;
	font-size: 12px;
	padding-left: 25px;
	cursor: pointer;
	margin: 1px 0px 0px 0px;
}
div#machinepark h2.open {
	background-image: url(/images/interface/balk_ov.png);
}
div#machinepark table {
	width: 100%;
	margin: 5px 0px;
}
div#machinepark table th {
	text-align: left;
	background-color: #cccccc;
	padding: 0px 10px;
	height: 23px;
	line-height: 23px;
	white-space: nowrap;
}
div#machinepark table td {
	padding: 3px 0px 3px 10px;
	height: 17px;
}
div#machinepark table th.first, div#machinepark table td.first {
	padding-left: 25px;
}
div#machinepark table td.textonly {
	font-size: 12px;
	height: auto;
}
div#machinepark table td.numeric {
	text-align: center;
	width: 40px;
}
div#machinepark table tr.dark {
	background-color: #e2e2e2;
}

div#sitemap {
	margin-top: 25px;
}

/* Imagezoom */
a.zoom {
	float: left;
	padding-top: 11px;
	margin: 5px 0px;
	background-image: url(/images/navigatie/zoomin.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
img.zoom {
	border: 1px solid #cc0000;
}
div#zoomdiv {
	background-color: #ebebeb;
	display: none;
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	z-index: 11;
}
div#zoomdiv a {
  color: #CC0000;
  background-repeat: no-repeat;
  text-decoration: none;
}
div#zoomdiv a:hover {
	text-decoration: underline;
}
div#zoomdiv a.close {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 11px;
	text-transform: lowercase;
	height: 20px;
	line-height: 20px;
}
div#zoomdiv a.previous, div#zoomdiv a.next {
	position: absolute;
	bottom: 5px;
	text-transform: uppercase;
	font-weight: bold;
}
div#zoomdiv a.previous {
	left: 10px;
	padding-left: 17px;
  background-image: url(/images/navigatie/prev.gif);
  background-position: center left;
}
div#zoomdiv a.next {
	right: 10px;
	padding-right: 17px;
  background-image: url(/images/navigatie/next.gif);
  background-position: center right;
}
div#zoomdiv_img {
	position: relative;
	top: 10px;
}
div#zoomdiv_img img {
	position: absolute;
	border: 1px solid #CC0000;
}
div#bodyoverlay {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #ffffff;
	z-index: 10;
}
/* Imagezoom */

img.grey {
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 30px;
}

/* WYMeditor */

/* PAR: 1e alinea */
p.firstpar /* p */ {
  font-weight: bold;
  /* background-color: #ffff90; font-weight: bold; */
}
/* /WYMeditor */