/*  ==========================================================================================
	Project: 					Website Inteon 2006
	Company:						Inteon
	Original authors :		Kay de Roos (k.deroos@nexwork.nl
	                        Nexwork, Maastricht (www.nexwork.nl)	
 	------------------------------------------------------------------------------------------

	========================================================================================== */
body {
	text-align: left;
	padding:0;
	margin:0;
	background-image:url(../media/bg.jpg);
	background-repeat:repeat;
	background-attachment:fixed;	
}

img {
	border: 0;
}

#container {
	width: 1000px;
	position: absolute;
	left: 50%;
	height:100%;
	margin: 0 0 0 -500px;
	padding: 0;
	text-align: left;
	border-bottom:none;
	border-left: none;
	border-right: solid 1px gray;
	border-top: none;
}

#header {
	height:99px;
	width: 1000px;
	margin: 0;
	background-color: #FFF;
	background-image:url(../media/header-inteon.jpg);
	background-repeat:no-repeat;
}

.logistiek #header {
	height:99px;
	width: 1000px;
	margin: 0;
	background-color: #FFF;
	background-image:url(../media/header-inteon-logistiek.jpg);
	background-repeat:no-repeat;
}



#utilities {
	height:15px;
	width:76px;
	position:absolute;
	top: 11px;
	left: 503px;
}

#utilities a {
	border: none;
}

#hoofdmenu-container {
	width: 1000px;
	height: 27px;
	background-color: #646261;
	background-image:url(../media/hoofdmenu-bg.jpg);
	border: solid 1px #000000;
	border-left: none;
	border-right: none;
	padding: 0;
}

#content-container {
	position:relative;
	padding: 0 0 0 0;
	text-align:left;
	background-color: #f1ede4;
	border: 0px solid red;
	width: 100%;
	overflow: hidden;
	background-image:url(../media/graphic-links.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:bottom left;
	min-height: 460px;
}

.grotehaak-home {
	position:absolute;
	top: 20px;
	left: 460px;
	width: 69px;
	height: 316px;
	background-image:url(../media/grote-haak.jpg);
	background-repeat: no-repeat;
	z-index: -1;

}


/* Hoofdteksten */
#content-container #hoofdtekst-container {
	float:left;
	width: 500px;
	padding:20px 0 30px 0;
	margin: 10px 0 30px 56px;
	/*background:url(../media/grote-haak.jpg) top right no-repeat;*/
	background-color: transparent;
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


/* Opmaak links hoofdteksten */
#hoofdtekst-container p a {
	color: #5d5c5c;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
	text-decoration: underline;
}

#hoofdtekst-container p a:hover {
	text-decoration: underline; color: #7f8f2d;}

/* end */

#hoofdtekst-container img {
	border: 1px solid #5b5858;
	float: left;
	margin: 5px 20px 0px 0px;
}

#hoofdtekst-container .topbutton {
	background-image:url(../media/top.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 0 0 0 15px;
	margin: 0 0 0 400px;
}

#hoofdtekst-container .topbutton a{
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:11px;
	border: none;
}
#hoofdtekst-container .topbutton a:hover{
	color: #727170;
}


/* Hoofdtekst opmaak */
#hoofdtekst-container p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;

}

.hoofdtekst-h3-paragraaf{
	padding: 0 0 0 30px;
}


#hoofdtekst-container h2 {
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 30px; 
	color: #6e6b6b;
	background-color: transparent;
	background-image:url(../media/h2-haakjes.gif);
	background-repeat: no-repeat;
	background-position:left;
	height: 25px;
}

#hoofdtekst-container h3 {
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 25px 0px 0px 40px;
	padding: 0px 0px 0px 10px;
	background:url(../media/h3-haakjes.gif);
	background-position:left;
	background-repeat:no-repeat;
	color: #6e6b6b;
}

#hoofdtekst-container ul, ol {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #e1e7b8;
	width: 370px;
	margin: 10px 0 20px 40px;
	padding: 8px 8px 8px 0px;
	text-align: left;
	
}

#hoofdtekst-container li {
	background-color: transparent;
	list-style-type: none;
	padding: 0px 0px 0px 13px;
	margin: 0px 0px 8px 10px;
	background-image: url(../media/arrow.gif);
	background-repeat:no-repeat;
	background-position:left 2px;
}

/* Links in opsomming */
#hoofdtekst-container li a {
	color: #5d5c5c;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:11px;
	font-weight: normal;
	text-decoration: underline;
}

#hoofdtekst-container li a:hover {text-decoration: underline; color: #7f8f2d;}

/* end */

#nieuws-container {      /*Container voor de nieuwsitems op de homepagina*/
 	width:424px;	
	float:left;
	height:auto;
	padding: 34px 0 0 0;
	text-align:left;
	z-index:2;
	
}
/*#nieuws-container form{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px0 px;
}*/

.nieuwsitem 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	height: 1%;
	padding: 0px;
	margin: 0px 0px 13px 0px;
	background-color: transparent;
	overflow: hidden;
}

.nieuwstekst
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 1%;
	padding: 0px 4px 0px 4px;
	margin: 0px 0px 0px 30px;
	border: solid #d5d0ce 1px;
	border-top: none;
	overflow: visible;
}
.nieuwstekst p {font-family: Arial, Helvetica, sans-serif !important;font-size: 12px;}

.nieuws-header {
	height:20px;
	padding: 0 0 0 19px;
	margin:0;
	background-image:url(../media/gradient-nieuws-titel-lijn.jpg);
	background-repeat: repeat-y;
	background-color: white;
	color:#FFFFFF;
	border-top: solid #d5d0ce 1px;
	border-right: solid #d5d0ce 1px;
	border-bottom: solid #d5d0ce 1px;
}

.nieuws-header h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 10px;
	font-weight:bold;
	float: left;
	padding-top: 2px;
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
}
	
* html .nieuws-header h2{ padding-top: 2px;height: 17px;}

.nieuwsitem p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top: 2px;
	padding: 0px 0 0 0;
}

.nieuws-header img {
	border: solid 0px;
	margin: 2px 3px 0px 3px;
	padding: 0px 0 0 0;
	float: left;
	line-height: 1px;
}

#foto_links 
{
	position: absolute;
	right: 2px;
	top: 0;
	float: right;
	height:447px;
	width:419px;
	margin: 0;
	border: 0;
	background-color: Transparent;
	/*
	background-image:url(../media/gr-afb-achtergrond.jpg);
*/
}
#content-container .foto-container0{background-image:url(../media/afb-groot-1.jpg);}
#content-container .foto-container1{background-image:url(../media/afb-groot-2.jpg);}
#content-container .foto-container2{background-image:url(../media/afb-groot-3.jpg);}
#content-container .foto-container3{background-image:url(../media/afb-groot-4.jpg);}
#content-container .foto-container4{background-image:url(../media/afb-groot-5.jpg);}
#content-container .foto-container5{background-image:url(../media/afb-groot-6.jpg);}


.logistiek #content-container .foto-container0{background-image:url(../media/afb-groot-1-logistiek.jpg);}
.logistiek #content-container .foto-container1{background-image:url(../media/afb-groot-2-logistiek.jpg);}
.logistiek #content-container .foto-container2{background-image:url(../media/afb-groot-3-logistiek.jpg);}
.logistiek #content-container .foto-container3{background-image:url(../media/afb-groot-4-logistiek.jpg);}
.logistiek #content-container .foto-container4{background-image:url(../media/afb-groot-5-logistiek.jpg);}
.logistiek #content-container .foto-container5{background-image:url(../media/afb-groot-6-logistiek.jpg);}


/* Footer */
#footer {
	clear:both;
	width:1000px;
	height:33px;
	background-color:#666463;
	background-image:url(../media/footer-gradient.jpg);
	background-repeat:no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #cdcccb;
}

#footer a {
	color: #cdcccb;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:11px;
	font-weight: normal;
}
#footer a:hover {text-decoration: underline;}

/* Footer end */

#copyright { 
	width:900px;
	clear:both;
	height:25px;
	margin: 0 0 0 0;
	padding: 9px 0 0 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #c0bfbe;
}

/* Datum en Button bij nieuwsteaser homepage */
.nieuwsdetail-container{
	position:relative;
	width: 100%;
	height: 17px;
	border: none;
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

					.leesmeer-container{
						position:absolute;
						bottom:2px;
						right:2px;
						width: 88px;
						height: 16px;
						padding: 0px 0px 0px 0px;
						margin: 0px 0px 0px 0px;
						border: none;
					}
					
												
				
					.nieuwsdatum {
						position:absolute;
						bottom:0px;
						left:0px;
						height:12px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:10px;
						margin: 0px 0px 0px 0px;
						padding: 0px 0px 0px 0px;
					}


/*---------------------------------------------------------------------------- Nieuwsdetail pagina --------------------------*/



#content-container #nieuws-detailpagina-container {
	float:left;
	width: 500px;
	padding:0 0 30px 0;
	margin: 10px 0 30px 56px;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}

.nieuwsbericht-vol-container {
	width: 90%;
	padding: 2px 10px 10px 10px;
	margin: 20px 0 0 20px;
	background-color: #e8e6e0;
	border: 1px solid #858481;
}

.nieuwsbericht-vol-container img {
	/*
	width: 120px;
	height: 120px;
	*/
	margin: 0px 5px 5px 0px;
	float: left;
	border: 1px solid #5b5858;
}


.nieuwsbericht-vol-container h2 {
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 8px 0 0 0px;
	padding: 0px 0px 0px 30px; 
	color: #6e6b6b;
	background-color: transparent;
	background-image:url(../media/h2-haakjes.gif);
	background-repeat: no-repeat;
	background-position:left;
	line-height: 25px;
}

.nieuwsbericht-vol-datum {
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 0px;
	padding: 0px 0px 0px 30px; 
	height: 15px;
	width: 90px;
	background-color: transparent;
	text-align: left;
}


/* Links in volledig nieuwsbericht */
.nieuwsbericht-vol-container p a {
	color: #5d5c5c;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
	text-decoration: underline;
}

.nieuwsbericht-vol-container p a:hover {
	text-decoration: underline; color: #7f8f2d;}

/* end */






/* Naar top button voor nieuws detail */
.nieuwsbericht-vol-container .topbutton {
	background-image:url(../media/top.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 0 0 0 15px;
	margin: 0 0 0 400px;
}

.nieuwsbericht-vol-container .topbutton a{
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:11px;
	border: none;
}
.nieuwsbericht-vol-container .topbutton a:hover{
	color: #727170;
}
/*---------------------------------------------------------------------------- end ----------------------------------------------*/



/*---------------------------------------------------------------------------- CSS Menus - Horizontaal ---------------------------*/


/**************** menu coding *****************/
#menu {
width: 1000px;
height: 26px;
float: left;
margin: 1px 0 0 0;

}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 7.3em;
float: left;
color:#FFF;
background-image: url(../media/tussenlijntje-menuitems.gif);
background-position:left;
background-repeat:no-repeat;
}

#menu a, #menu h2 {
font: 12px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: yellow;
margin: 0;
color: #FFF;
text-decoration: none;
font-weight: normal;
}

#menu h2 {
color: #FFF;
background-color: transparent;
height: 21px;
margin: 4px 0 0 0;
font-family: arial, helvetica, sans-serif;
text-align:center;
font-weight: normal;
font-size: 12px;

}

#menu h2 a {
color: #FFF;
background-color: transparent;
font:  12px arial, helvetica, sans-serif;
font-weight: normal;

}



#menu li li a:hover {
color: #cbe44e;
background-color: #545352;
}

#menu li {
	position: relative;
	z-index: 9;
	
}

#menu li li{
	border-bottom: dashed 1px #969493;
	padding: 4px 0px 4px 0;
}


#menu ul ul {
position: absolute;
top: 100%; /* silly but necessary for ie7 */
left: 0;
margin: 0;
width: 12em;
padding: 0px 0px 0px 3px;
background-color: #72706f;
background-image: none;
border: 1px solid #000;
/*z-index: 500;*/
}

#menu ul ul ul {
position: absolute;
left: 192px;
top: -1px;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#menu a.menu3, #menu a.menu3:visited{
font-weight: normal;
color:#ffffff;

}

#menu a.menu3:hover{
color:#cbe44e;
background-color: #545352;
font-weight: normal;
}

#menu a.menu3:active{
color:#060;
background:#ccc;

}

#menu3-extra
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	background-color: #E2DEDB;
	width: 471px;
	margin: 10px 0px 0px 0px;
	padding: 0 0 10px 0;
	text-align: left;
	height: auto;
	overflow: hidden;
}
	
#menu3-extra p
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 5px 0px 0px 10px;
}

#menu3-extra ul
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	background-color: #E2DEDB;
	padding: 10px 0px 10px 13px;
	margin: 0px 0px 8px 0px;
}

#menu3-extra li
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 0 0 0 12px;
	margin: 0;
	display: block;
	float: left;
}

#menu3-extra li a
{
	color: #545352;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding: 2px 8px 0px 8px;
	margin: 0;
	display: block;
	float: left;
	height: 16px;
}

#menu3-extra li a:hover
{
	text-decoration: none;
	color: #000000;
	background-color: #B4B4B4;
}

/**************** menu end *****************/

/*------- END --------------------------------------------------------------------- CSS Menus - Horizontaal -----------------*/


/*------- ------------------------------------------------------------------------- Formulier Layout -------------------------*/

#contact-form label
{
	width: 4em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
	padding: 2px 0 0 0;
}
#contact-form .lblAanhef 
{
	width: 4em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
	padding: 5px 0 0 0;
}

input, div.radios
{
	color: #000;
	border: 1px solid;
	background-color:#e5eab2;
}

div.radios
{
	float: left;
	width: 350px;
	margin-bottom: 12px;
}

div.radios input
{
	float: left;
	border: none;
	margin-left: 30px;
}

#contact-form div.radios label
{
	float: left;
	width: 80px;
	margin: 0 0 0 6px;
	padding: 0;
	line-height: 18px;
}

.submit
{
	color: #000;
	background-color:#b9b4b3;
	border: none;
	background-image:url(../media/versturen-bttn.gif);
	background-repeat: no-repeat;
	font-size:12px;
	margin: 10px 0px 0px 54px;
	height: 16px;
	width: 88px;
	float: left;
	cursor: pointer;
}

fieldset
{
	border: 0;
	width: 450px;
	float: left;
	text-align: left;
	display: block;
	margin: 10px 0 10px 20px;
}

#contact-form textarea, #contact-form select
{
	border:solid 1px #000;
	background-color:#e5eab2;
	height:100px;
	width: 350px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#contact-form select {width: auto; height: auto;}

legend
{
	display: none;
	/*
	color: #fff;
	background: #5b5958;
	border: 1px solid #000;
	padding: 2px 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	*/
}

form
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


form p
{
	padding:0 0 5px 0;
	margin:5px 0 0 0;

}

/*Fieldset layout */
#contact-form
{
	padding: 10px 4px 20px 4px;
	margin: 20px 0px 30px 30px;
	/* border: solid 1px #c8c5bd; */
}

#contact-form select
{
	margin: 2px 0 5px 0px;
}

#contact-form .radio
{
	border: none;
	background-color: #f1ede4;
	margin: 0 0 0 0px;
	padding: 0;
}

#form-margin 
{
	margin: 5px 0 0 5px;
}

#statisch { width: 410px; float: right; overflow: hidden; margin: 0; padding: 0;}

#statisch .titel
{ 
font-family:Arial, Helvetica, sans-serif;
font-size: 11px; 
margin: 10px 0px 10px 0px; 
padding: 0;
font-weight: bold;
}

#statisch .static_content
{
	font-family:Arial, Helvetica, sans-serif;
	background-color: #e1e7b9;
	width: 400px;
	margin: 0px 36px 10px 0px;
	padding: 0;
	overflow: hidden;
}

#statisch .static_content img
{
	float: left;
	margin: 8px 5px 0px 5px;
	padding: 0;
}
	
#statisch .static_content p
{
	font-size: 11px;
	font-family: Arial;
	padding: 5px;
	width: 370px;
	line-height: 16px;
	margin: 0px;
	overflow: hidden;
}

#statisch .static_content p a
{
	color: #545352;
	font-size: 11px;
	font-weight: normal;
}

#statisch .static_content p a:hover
{
	color: #000000;
}

/*-------END------------------------------------------------------------------------- Formulier Layout ------------------------------*/

/* -----------------------------------------------------------------------------------------------
Kruimelpad
-------------------------------------------------------------------------------------------------- */

 #pad { position: absolute; top: 10px; left: 55px; width: 500px; font-size: 10px; text-align: left; font-family: Arial, Helvetica, sans-serif; }
 #pad ul {  margin: 0 !important; padding: 0 !important; background: none; }
#pad li { list-style: none; display: inline; padding: 0 2px 0 0 !important; background: none; }
#pad a { text-decoration: underline; color: #83817d; padding: 0 !important; margin: 0 !important; }
#pad a.last { color: #000; text-decoration: none; }
#pad a:hover { color: #000; }