/*===================================================================================*/
/*	 L-A-P																									 */
/*	 Yuna, Rotterdam, http://www.yuna.nl, http://www.yuna.nl									 */
/*====================================================================================*/

/*----------------- */

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

body
{
	background-repeat: repeat;
	background-position: center top;
	background-color: white;
	background-image: url(../img/bg_body.gif);
	text-align:center;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:80%;
	line-height:150%;
	color: #3b424a;
	padding:0px;
	margin:0 0 0px 0;
}

/* ----- generic styling ----- */
p,
h1,
h2,
h3,
h4,
h5,
ul,
li,
ol
{
	margin:0px 0 0 0;
	padding:0;
}

li { }
a { color: #EF7F10;  text-decoration: underline;}
a:hover	{ color: black; }

h1 {
	width: 100%;
	margin: 0px 0 0px 0;
	font-weight:normal;
	font-size:140%;
	}

h2,
h3,
h4,
h5
{
	color: white;
	font-weight:bold;
	font-size:120%;
}

h1 span { display: none; }
h2 span { display: none; }

embed { margin: 0px; padding: 0px; }
object{ margin: 0px; padding: 0px;}

em, i { width: 95%; font-size: 100%; }

hr {
	height: 1px;
	border: 0 solid transparent;
	color: #08559F;
	background-color: #08559F;
	margin: 20px 0;
	line-height: 1px;
}

img { margin: 0px; padding: 0px; border: 0px; }

.clear { clear: both;}
.clearright { clear: right;}
.clearleft { clear: left;}

/*====================================================================================*/
/*	 Main ellements																						  */
/*====================================================================================*/
#mainOuter
{
	width: 100%;
	height: 280px;
	background: url(../img/bg_mainOuter.gif) no-repeat center top;
}

#mainContainer
{
	margin: 0 auto;
	width: 960px;
	ackground: red;
}

#header
{
	width: 910px;
	height:280px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

body.next #header { height: 145px; ackground: gray;}

#innerHeader
{
		width: 910px ;
		height: 75px;
		position: relative;
		background: url(../img/bg_header.gif) no-repeat center top;
		text-align: left;
}

#wrap
{
	width: 960px;
	background: url(../img/bg_wrap.gif) repeat-y center top;
}

#gallery {}

#innerWrap
{
	margin: 0 auto;
	width: 900px;
	text-align: left;
}

body.next #middleWrap
{
	background: url(../img/bg_mainOuter.gif) no-repeat center -145px;
	/*  Middle wrap is ingevoegd om op de vervolgpagina doorlopende achtergrond baan ook te krijgen.
	positie achtergrond is  -1 * ( hoogte #header ) */

}

.wrapStretcher
{
	height: 30px;
	width: 890px;
	margin: 0px auto 0 auto;
	line-height: 30px;
	background: url(../img/bg_wrapstretcher.gif) repeat-x 0 7px;
	clear: both;
}

#footer
{
	margin: 0 auto;
	width: 934px;
	padding: 20px 0 20px 0;
	background: url(../img/bg_footer.png) no-repeat center top;
	text-align: center;
	color: white;
}


/*====================================================================================*/
/*	 Header																									  */
/*====================================================================================*/

#logo
{
	margin-left: 5px;
}

#search
{
	position: absolute;
	top: 15px;
	right: 10px;
	width: 180px;
}

#search ul { list-style: none;}
#search ul li { list-style: none;}
#search #zoek { position: relative; padding: 5px 0px 0 0; line-height: 23px; margin: 0px 0; ;}
#search #zoek #zoek_search_001 {background: white; position: relative; top: px; margin-top: 2px;  width: 150px; border: 1px solid black;}
#search #zoek input#zoek_submit_001 { position: absolute; top: 6px; right: 0px; margin: 0px 5px; }


/*====================================================================================*/
/*	 pagenav																									  */
/*====================================================================================*/

#horNav
{
	ackground: red;
	position: absolute;
	top: 82px;
	width: 888px;
	height: 20px;
	margin: 0px 0 0 10px;
	border: 1px solid black;
	text-align: left;
}

/* --- header - navigation --- */
	ul#pageNav
	{
		position:absolute;
		margin:0;
		padding:0;
		width:890px;
		height:20px;
		list-style:none;
		z-index: 100;
		font-size: 85%;
	}
		#pageNav li
		{
			float:left;
			position:relative;
			list-style: none;
			margin: 0 10px 0 0px;
			padding:0 0px;
			z-index: 10;
		}

		#pageNav li a
		{
			position:relative;
			float:left;
			height:20px;
			line-height: 20px;
			margin:0;
			padding:0 10px 0 10px;
			display:block;
			background-position:0 0;
			background-repeat: no-repeat;
			text-decoration: none;
			color: black;
			z-index: 10;

		}


		#pageNav li a span
		{
			display: block;
			height: 1px;
			width: 1px;
			position: absolute;
			right: 0px;
			top: 0px;
			background: none;
		}

		#pageNav span{

			cursor: default;

		}

		#pageNav li a:hover 	{  background: #F4941C;}
			#pageNav li a:hover span { background: #F4941C }

				#pageNav li.selected a { background: #466fae; color: white }
					#pageNav li.selected a span { background: #466fae;	}

			#pageNav ul
			{
				position:absolute;
				display:none;
				left:0;
				top:21px;
				width:220px;
				list-style:none;
				z-index: 1000;
			}

				#pageNav ul li
				{
					position:relative;
					margin:0;
					padding:0;
					display:block;
					width: 100%;
					border-left: 1px solid black;
					border-right: 1px solid black;
					background-image: none;
					z-index: 1000;
					background: white;
				}

				*> #pageNav ul li { 	width: 99%; 	}

		#horNav ul#pageNav li ul li a
				{
					position:relative;
					float:none;
					height:auto;
					height: 22px;
					display:block;
					padding:0 10px;
					color:black;
					text-decoration:none;
					line-height:22px;
					text-indent:0;
					border-bottom:1px solid black;
					z-index: 1000;
					background-image: none;
					background-color: white;
				}

				#horNav #pageNav li ul li a:hover
				{
					position:relative;
					background-color: #F4941C;
					color:#ffffff;
					font-weight:normal;
					z-index: 1000;
					ackground-image: none !important;
					color: black;
				}


/*====================================================================================*/
/*	 Product navigatie																									  */
/*====================================================================================*/

body.home #prodNav
{
	text-align: left;
	position: absolute;
	top: 110px;
	width: 890px;
	height: 165px;
	margin: 0px auto 0 10px;
	border: 1px solid white;
	text-align: left;
}

	body.home #productNav li
		{
			float:left;
			position:relative;
			list-style: none;
			width:215px;
			height: 165px;
			margin: 0 0px 0 0px;
			margin-left:10px;
			padding:0 0px;
			z-index: 10;
		}

		body.home #productNav li.first {margin-left:0px; } /* set no left margin tho first element in horizontal row */

		body.home #productNav li#industrie {background: url(../img/bg_industrie.jpg) no-repeat 0 0; }
		body.home #productNav li#veiligheid {background: url(../img/bg_veiligheid.jpg) no-repeat 0 0; }
		body.home #productNav li#rontgen	{background: url(../img/bg_rontgen.jpg) no-repeat 0 0; }
		body.home #productNav li#specials {background: url(../img/bg_specials.jpg) no-repeat  0 0; }
		

		body.home #productNav li .head
		{

			position:relative;
			float:left;
			height:25px;
			line-height: 25px;
			margin:0;
			padding:0 10px 0 30px;
			display:block;
			background-position:0 0;
			background-repeat: no-repeat;
			text-decoration: none;
			color: white;
			font-weight: bold;
			text-transform: uppercase;
			z-index: 10;
		}


		#productNav .head
		{
			cursor:default;
		}


		body.home #productNav li a span
		{
			display: block;
			height: 1px;
			width: 1px;
			position: absolute;
			right: 0px;
			top: 0px;
			background: none;
		}

				body.home #productNav li.selected a { background: black; color: white }
					body.home #productNav li.selected a span { background: black;	}

			body.home #productNav ul
			{
				position:absolute;
				display:none;
				left:2px;
				top:26px;
				width:209px;
				height: 137px;
				background: #466fae url(../img/bg_ul_ul.gif) repeat-x 0 0;
				list-style:none;
				z-index: 1000;
				filter:alpha(opacity=85);
				-moz-opacity:.85;
				opacity:.85;
			}

			*>	body.home #productNav ul {
				width: 211px
			}

				body.home #productNav ul li
				{
					position:relative;
					margin:0;
					padding:0;
					display:block;
					width: 100%;
					height: 20px;
					border-left: 1px solid #466fae;
					border-right: 1px solid #466fae;
					border-bottom: 1px solid #759ede;
					background-image: none;
					z-index: 1000;
				}

				*> body.home #productNav ul li { 	idth: 99%; 	}

		body.home #prodNav ul#productNav li ul li a
				{
					position:relative;
					float:none;
					height:auto;
					height: 22px;
					display:block;
					padding:0 10px;
					color:black;
					text-decoration:none;
					line-height:22px;
					text-indent:0;
					z-index: 1000;
					background-image: none;
					ackground-color: #466fae;
					color: white;
					font-weight: normal;
					text-transform: none;
				}

				body.home #prodNav #productNav li ul li a:hover
				{
					position:relative;
					background-color: white;
					color:black;
					font-weight:normal;
					z-index: 1000;
					background-image: none !important;
					color: black;
				}

		
		body.home li.rollover span.head
		{
			color: #F08010 !important;
		}
		
		
		
/*====================================================================================*/
/*	 Homepage columns																						  */
/*====================================================================================*/
#homeColums
{
	margin:10px auto 0 2px;
	float: left;
	width: 890px;
	background-color: #E5EBEF;
	background-repeat: repeat-y;
	background-position: center top;
}

*> #homeColums
{
	margin-left: 4px;
}

.threeColumns {	background-image: url(../img/bg_home_columns_three.gif);}
.twoColumns {background-image: url(../img/bg_home_columns_two.gif);}

#homeColums .padding {padding: 10px 15px;}
#homeColums a.more { display: block; text-align: right; color: #f08010; font-weight: bold; background: url(../img/bg_a_more.gif) no-repeat right 9px; padding: 0 12px 0 0}
#homeColums a:hover.more {
	color: gray;
}

.threeColumns #homeText {width: 290px;}
.twoColumns #homeText {width: 590px;}

#homeText {	float:left;	}

#homeText h1, #homeWebinars h1
{
	line-height: 30px;
	border-bottom: 1px solid black;
	text-indent: 25px;
	background: transparent url(../img/bg_columns_h1.gif) no-repeat 5px 8px;
}

#homeWebinars
{
	float: left;
	width: 290px;
	margin-left: 10px;
}

#homeColumnRight
{
	float: right;
	width:290px;
	background: white;
}


#homeColumnRight .faq
{
	background: #616a78 url(../img/bg_home_faq.jpg) repeat-x 0 0;
	color: white;
}

div#IEBreak
{
	height: 7px;
	line-height: 1px;
	background: white;
	font-size: 1px;
}

#homeColumnRight .tips
{
	background: #f5911d url(../img/bg_home_tips.jpg) repeat-x 0 0;
	color: white;
}


 #homeColumnRight h1
{
	line-height: 30px;
	border-bottom: 1px solid white;
	text-indent: 25px;
	background: transparent url(../img/btn_search.gif) no-repeat 5px 4px;
	color: white;
	}

	#homeColumnRight a.more { display: block; text-align: right; color: white; font-weight: bold; background: url(../img/bg_a_more_white.gif) no-repeat right 9px; padding: 0 12px 0 0}
	


#homeText ul, #homeWebinars ul, #homeColumnRight ul
{
	margin: 5px;
	ist-style-position: inside;
	list-style: none;
}

#homeText ul li, #homeWebinars ul li, #homeColumnRight ul li
{
	padding-left: 14px;
	margin: 0px;
	background: url(../img/bg_content_flv_li.gif) no-repeat left 2px;
}


div.imgBox
{
	float: right;
	clear: both;
	position: relative;
	display: block;
	width:104px;
	margin: 5px 0 1px 1px;
	padding-bottom:4px;
	*padding-bottom: 1px;
	background: url(../img/bg_imgbox.gif) repeat-y 0px 0px;
	text-align:center;

}

div.imgBox img
{
	margin: 1px auto 0px auto;
}

div.imgBox div.imgBoxTop
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 104px;
	height: 2px;
	background: url(../img/imgbox_top.gif) no-repeat 0 0;
}

div.imgBox div.imgBoxBottom
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 104px;
	height: 5px;
	background:  url(../img/imgbox_bottom.gif) no-repeat 0 bottom;
	line-height: 1px;
	font-size: 1px;
	
}


	
/*====================================================================================*/
/*	 vervolgpagina's |														  */
/*====================================================================================*/

/*  product navigatie	 */
body.next #prodNav
{
	text-align: left;
	position: absolute;
	top: 110px;
	idth: 891px;
	width: 901px;
	height: 22px;
	margin: 0px auto 0 10px;
	text-align: left;
}

	body.next #productNav li
		{
			float:left;
			position:relative;
			list-style: none;
			width:213px;
			height: 20px;
			margin: 0 0px 0 0px;
			padding:0 0px;
			z-index: 10;
			background-color: #466FAE;
			border:1px solid black;
		}

	*>	body.next #productNav li {	width: 213px;}

		body.next #productNav li#industrie {margin-right: 10px;}
		body.next #productNav li#veiligheid { margin-right: 10px;}
		body.next #productNav li#rontgen 	{ margin-right: 10px;}
		body.next #productNav li#specials {margin-right: 10px;}

		body.next #productNav li.first{
		margin-left: px;			
		display: block;
		bckground: red;
		}
		
		body.next #productNav li .head
		{
			position:relative;
			height:20px;
			line-height: 20px;
			margin:0;
			padding:0 0 0 10px ;
			display:block;
			background-position:0 0;
			background-repeat: no-repeat;
			text-decoration: none;
			color: white;
			font-weight: bold;
			text-transform: uppercase;
			z-index: 10;
		}

		body.next #productNav li .hover:hover 	{  ackground: #F8931F;}
		body.next #productNav li.selected a { background: black; color: white }

			body.next #productNav ul
			{
				position:absolute;
				display:none;
				top:22px;
				width:212px;
				background: white;
				list-style:none;
				z-index: 1000;
				border-top: 1px solid black;
				height: auto;
			}

			*>	body.next #productNav ul {
				width: 214px
			}

				body.next #productNav ul li
				{
					position:relative;
					margin:0;
					padding:0;
					display:block;
					width: 100%;
					height: 22px;
					border: none;
					border-left: 1px solid black;
					border-right: 1px solid black;
					background-image: none;
					background-color: transparent;
					z-index: 1000;
				}

				*> body.next #productNav ul li { width: 99%;	}

		body.next #prodNav ul#productNav li ul li a
				{
					position:relative;
					float:none;
					height:auto;
					height: 22px;
					display:block;
					padding:0 10px;
					color:black;
					text-decoration:none;
					line-height:22px;
					text-indent:0;
					z-index: 1000;
					background-image: none;
					background-color: transparent;
					font-weight: normal;
					text-transform: none;
					border-bottom: 1px solid black;
				}

				body.next #prodNav #productNav li ul li a:hover
				{
					position:relative;
					background-color: #F8931F;
					color:black;
					font-weight:normal;
					z-index: 1000;
					background-image: none !important;
					color: black;
				}

		body.next li.rollover span.head
		{
			background-color: #F08010 !important;
		}
		
/*------------------ */
/* #content 				*/
/*---------------------*/

	#contentBox
	{
		margin: 0 auto;
		padding-top: 5px;
		width: 890px;
	}

	#vertNav
	{
		float: left;
		width: 213px;
		border: 1px solid black;
	}

	#vertNav h1
	{
		background: #455161 url(../img/btn_search.gif) no-repeat 5px 3px;
		color: white;
		line-height: 30px;
		text-indent: 25px;
	}

	#vertNav ul#sideNav
	{
		list-style-position: outside;
		padding-top: 5px;

		padding-left: 5px;
		background-color: #E5EBEF;
		border: 1px solid white;
	}

	
	ul#sideNav li
	{

		margin: 0px;
		padding: 0px;
		font-weight: bold;
		list-style-type: none;
		font-size: 120%;
		
	}

	ul#sideNav li ul 
	{
	margin: 5px 0;
	*margin-top: -15px;
	

	}

	ul#sideNav li ul li	
	{
		
		margin-left: 18px;
		list-style-type: square;
		list-style-position: outside;
		font-weight: normal;
		font-size: 80%;
		color: #024b7a;
		*margin-bottom: 0px;
		
	}

	ul#sideNav li ul li a {color: #024b7a;	}
	ul#sideNav li ul li a:hover { color:#EF7F10}

	ul#sideNav li ul li.selected	{color:#EF7F10}
	ul#sideNav li ul li.selected a	{color:#EF7F10}
	ul#sideNav li ul li.selected a:hover	{color: black;}
	
	.categorie_title{
		
		*margin-bottom: 20px;

		display: block
		
	}

	/*--content --*/

	#content
	{
		width: 662px;
		float: right;
		border: 1px solid black;
	}

	#content h1
	{
		background: #455161 url(../img/bg_content_h2.gif) no-repeat 5px top;
		text-indent: 30px;
		height: 30px;
		line-height: 30px;
		margin-bottom: 0px;
		color: white;
	}
		#content #rightBoxesColumn
		{
			float: right;
			width: 230px;
		}
		#content #description
		{
			float: left;
			width: 390px;
		}


		#content .paddingBox {
			float: left;
			padding: 10px 10px 10px 10px;
		}
		#content .padding { padding: 10px;}

	.contenColumnRight
	{
		width:230px;
		margin-bottom: 10px;
		border: 1px solid #F08010;
		position: relative;
	}

		.contenColumnRight span.zoom
		{
			position: absolute;
			right: 0px;
			bottom: 0px;
			display:block;
			height: 14px;
			width: 17px;
			background: url(../img/bg_zoom.gif) no-repeat 0 0;

		}
	
	
	#content h2, #content .heading
	{
		background: #F8931D;
		border: 1px solid white;
		color: white;
		height: 30px;
		line-height: 30px;
		text-indent: 10px;
	}

	#content ul
	{
		margin: 5px;
		ist-style-position: inside;
		list-style: none;
	}

		#content ul li
		{
			padding-left: 14px;
			margin: 0px;
			background: url(../img/bg_content_li.gif) no-repeat left 2px;
		}

		#content a.pdf
		{
			display: block;
			padding: 0 0 0 25px;
			position: relative;
			background: transparent url(../img/bg_a_pdf.jpg) no-repeat left center;
			color: #024b7a;
			font-weight: bold;
			margin-bottom: 7px
		}

		#content a.toContact
		{
			display: block;
			padding: 0 0 0 25px;
			position: relative;
			background: transparent url(../img/bg_a_tocontact.jpg) no-repeat left center;
			font-weight: bold;
			margin-bottom: 7px
		}

		#content a:hover.pdf{
			color: black;
		}

		#content .contact
		{
			margin-top: 15px;
			padding: 10px;
			background: #E4E4E4;
		}

	/* flv player */

	div.flvBox
	{

		display: block;
		margin: 15px 0;
		padding: 3px 3px 3px 3px;
		background: #E4E4E4;
		border-bottom: 1px solid black;
		width: 365px;
	}

	div.flvBox ul
	{
		margin-bottom: 0px;
	}


	#content div.flvBox ul li
	{
		list-style: none;
		margin-left: 5px;
		background: url(../img/bg_content_flv_li.gif) no-repeat left 2px;
	}

	div.flvBox ul li.title 	{font-weight: bold;}

	.flvPlayer	{border: 1px solid #56606E;}




/*====================================================================================*/
/*	 footer																									  */
/*====================================================================================*/

#innerFooter
{
	margin: 0 auto;
	width: 910px;
	text-align: left;
	font-size:95%;
	line-height: 85%;
	background: #F9A33F;

}
 div#innerFooter dl
{
	margin: 0 0 0 0;
	padding: 5px 15px;
   line-height: 17px;
}

div#innerFooter dt
{
	float:left;
	clear:left;
	width:110px;
	text-transform: uppercase;
	text-align: right;
}

div#innerFooter dt strong
{
	color: #BA630C;
	font-weight: normal
}

div#innerFooter dd a
{
 padding-right: 5px;
 color: white;
}
div#innerFooter dd a:hover
{
  color: #333;
}

div#innerFooter dd a span
{
	background: #F08010;
	background: #FBBE79;
	margin-left: 3px;
	padding: 0 3px;
	color: black;
}

 div#innerFooter dd
{
	margin-left:120px;
}

* html #innerFooter dd  /* voorkomen inspringen door ie -3px probleem */
{
	text-indent: -3px;
}

div#innerFooter  dl a
{
    text-decoration: none;
    }

#outerFooter
{
	margin: 5px auto;
	width: 890px;
	text-align: left;
	font-size:75%;
	line-height: 85%;
	position: relative;
}

#outerFooter .yuna
{
	position: absolute;
	right: 0px;
	top: 0px;
}

#outerFooter .yuna a {
	color: white;
}

/* --------------------------------------------------- */
/*           contact form       							 */
/*-----------------------------------------------------*/

form#contact
{
}

form#contact h4
{
	margin-top: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 14px;
}


form#contact div.section
{
	background-repeat: repeat-x;
	background-position: 0 0;
	padding: 5px 0;
	margin-bottom: 10px;
}

form#contact div.section.submit_fields
{
	background: None;
	border: none;
	padding-top: 0px;
}

form#contact ul
{
	list-style:none;
	width:100%;
	clear:left;
	margin:0;
	padding:0;
}

form#contact ul li
{
	position:relative;
	margin:0;
	padding:5px 5px 5px 0px;
	clear:left;
	background: none;
}

form#contact ul li div.label
{
/*
	float:left;
	width:150px;
	overflow:hidden;
*/
	position:absolute;
	width:200px;
	font-weight: bold;
	color: #455161;
}

form#contact ul li label
{
}
form#contact ul li .contents label
{
	display:inline;
	float:none;
	width:auto;
}
form#contact ul li div.contents
{
	overflow:hidden;
	position:relative;
	z-index:1;
	left:205px;
}

form#contact ul li.required
{
	position: relative;
	background-image: url(../img/bg_a_more.gif);
	background-repeat: no-repeat;
	background-position: 195px 7px;
}

form#contact input
	{
	width: 250px;
	border: 1px solid #455161;
	}

form#contact textarea
	{
	width: 250px;
	border: 1px solid #455161;
	}

form#contact span.checkbox input.checkbox
{
	width: auto;
	border: none;
	padding: 0;
	background: none;
}

form#contact span.radio input.radio
{
	width: auto;
	border: none;
	padding: 0;
	background: none;
}

form#contact input.image {
	border: none;
	eight: 23px;
	width: auto;
	height: auto;
}

form#contact span input.file
{
	width: auto;
	padding: 0;
	background: none;
}



/* generic form */
form ul li.error
{
	background-color:#69AAD9;
}
form ul li.error label
{
	olor:#08559F;
}
form ul li .errorMessage
{
	display:block;
	color:#F08010;
}

form .caption
{
	font-style: italic;
	font-size:85%;
}

form .settings
{
	background-color:#F1F3DD;
	margin-bottom:20px;
}

form .name_fields
{
	background-color:#F1F3DD;
}

form .address_fields
{
	background-color:#E6EAC2;
}

form .error label
{
	padding: 0 0 0 5px;
}

form .error .contents label
{
	padding: 0;
}

input.adres
{
	width:100px;
}
input.huisnr
{
	width:20px;
}

input.text, textarea, select
{
	border: 1px solid gray;
	margin-right:5px;
	position: relative;
	z-index: 1;
	isplay: inline;
}

input.submit
{
	padding: 0px;
	margin: 0px;
}



/*-------- site stats tracker ---*/

#tracker
{
	display: none;
}