/*-- DEFAULT STYLESHEET SEF - STUDIOEMMA 2006 */
/*--------------------------------------------*/
/*-- Last modification : 28-01-2007


/* Color reference
-------------------------------------------------------------------------------------------

General text color : #666666

Yellow : #ffde00
Blue : #003468
Green : #00853e



/* Default 
-------------------------------------------------------------------------------------------*/

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
	}
ul,li {
	list-style-type:none;
	}

body {
	color: #666666;
	background-color: white;
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	font-size:75%;
	line-height: 165%;
}


/* Links
-------------------------------------------------------------------------------------------*/
a:link,
a:visited {
	text-decoration:underline;
	color: #003468;
	outline: none;
	}	/* END default layout tags */

/* Global
-------------------------------------------------------------------------------------------*/

#wrapper{
	width:970px ;
	margin:0px auto 0px auto;
}



/* CUSTOM 
-------------------------------------------------------------------------------------------*/

html{ overflow-y : scroll; }


/* Language */
#language_section{
	font-size:0.9em;
	padding-top:10px;
	height: 25px;
	text-align: right;
}

	
/* Header, inside container*/
#header{
	height: 203px;
}
/* Menu, navigation, inside header*/
#navigation{
	width:277px;
	float: left;
}
#navigation li a{
	display: block;
	height: 34px;
}

#flash{
	width:600px ;
	margin:0px auto 0px auto;
	padding: 25px 0px 0px 0px;
	text-align: center;
	
}
#flashcontent{
	height:265px;
	width:365px;
	text-align:center;
	margin:0px auto 70px auto;	
}

/* Nederlands */
.lang_nl #li1 a{
	background:transparent url(../images/menu_bedrijfsprofiel_nl.gif) no-repeat 0px 0px;
}
.lang_nl #li2 a{
	background:transparent url(../images/menu_nieuws_nl.gif) no-repeat 0px 0px;
}
.lang_nl #li3 a{
	background:transparent url(../images/menu_dienstenpakket_nl.gif) no-repeat 0px 0px;
}
.lang_nl #li4 a{
	background:transparent url(../images/menu_referenties_nl.gif) no-repeat 0px 0px;
}
.lang_nl #li5 a{
	background:transparent url(../images/menu_dpcsysteem_nl.gif) no-repeat 0px 0px;
}
.lang_nl #li6 a{
	background:transparent url(../images/menu_contact_nl.gif) no-repeat 0px 0px;
}
/* Frans */
.lang_fr #li1 a{
	background:transparent url(../images/menu_bedrijfsprofiel_fr.gif) no-repeat 0px 0px;
}
.lang_fr #li2 a{
	background:transparent url(../images/menu_nieuws_fr.gif) no-repeat 0px 0px;
}
.lang_fr #li3 a{
	background:transparent url(../images/menu_dienstenpakket_fr.gif) no-repeat 0px 0px;
}
.lang_fr #li4 a{
	background:transparent url(../images/menu_referenties_fr.gif) no-repeat 0px 0px;
}
.lang_fr #li5 a{
	background:transparent url(../images/menu_dpcsysteem_fr.gif) no-repeat 0px 0px;
}
.lang_fr #li6 a{
	background:transparent url(../images/menu_contact_fr.gif) no-repeat 0px 0px;
}
/* Engels */
.lang_en #li1 a{
	background:transparent url(../images/menu_bedrijfsprofiel_en.gif) no-repeat 0px 0px;
}
.lang_en #li2 a{
	background:transparent url(../images/menu_nieuws_en.gif) no-repeat 0px 0px;
}
.lang_en #li3 a{
	background:transparent url(../images/menu_dienstenpakket_en.gif) no-repeat 0px 0px;
}
.lang_en #li4 a{
	background:transparent url(../images/menu_referenties_en.gif) no-repeat 0px 0px;
}
.lang_en #li5 a{
	background:transparent url(../images/menu_dpcsysteem_en.gif) no-repeat 0px 0px;
}
.lang_en #li6 a{
	background:transparent url(../images/menu_contact_en.gif) no-repeat 0px 0px;
}
#navigation li a:hover{
	background-position: 0px -34px;
}
#navigation li a.active,li a.active:hover{
	background-position: 0px -68px;
}
/* Last item should be 33px height*/
#navigation #li6 a{
	height: 33px;
}

.logo{
	width: 335px;
	float: left;
	background-color:white;
}
.logo img{
	border:1px solid #dedede;
	border-right:0px;
}
.page_image{
	width: 357px;
	border-right:1px solid white;
	float: left;
}

/* Content box, inside container, below header*/
#content{
	padding-bottom:18px;
}
#content_main{
	background:transparent url(../images/content_bg.gif) no-repeat top left;
	padding:21px 0px 25px 17px;
	width:341px;
	float:left;
	
	min-height:440px;
	height:auto !important;
	height:440px;	
	
}
#content_main p{
	margin-bottom: 15px;
}
.company_services #content_main{
	width: 618px;
	min-height:100px;
	height:auto !important;
	height:100px;	
}
.start_disclaimer #content_main{
	width: 500px;
}
.company_references #content_main{
	width: 430px;
}
.content_services_text{
	width: 341px;
	float: left;		
}
.content_services_pictures{
	width: 277px;
	float: left;
	text-align: right;		
	padding-top: 45px;
}
#content_pictures{
	width:277px;
	padding-top:41px;
	text-align:right;
	float:left;
}
#content_sidebar{
	padding:11px 31px 0px 32px;
	width: 272px;
	float: left;
}
#issmember{
	margin: 0px 0px 10px 78px;
}

/* Footer, inside container, below content box*/
#footer{
	color: #969696;
	font-size: 9pt;
	border:1px solid #f2f2f2;
}
#footer li {
	border-right:1px solid #f2f2f2;
	float: left;
	padding:10px;
	width: 190px;
}
#footer li.first{
	width: 315px;
}
#footer li.last{
	width: 190px;
	border-right: 0px;
}
#footer strong{
	color:#5c5c5c;
}
#credits{	
	color:#bbbbbb;
	padding: 20px 0px;
	display:block;
	text-align:right;	
}
#credits a,#footer a, #flash a{
	color: #818181;
	text-decoration: underline;
}
#credits a:hover,#footer a:hover,#flash a:hover{
	color: #373737;
	text-decoration:none;
}
#credits li {
	border-right:1px solid #f2f2f2;
	display: inline;
	padding:1px 10px 1px 8px;
}
#credits li.last{
	border: 0px none ;
	padding-right: 0px;
}





/* Custom style tags */

.blue,.yellow,.green,a.blue:link,a.yellow:link,a.green:link,a.blue:visited,a.yellow:visited,a.green:visited{
	color:#003468;
	padding-right:12px;
	background:transparent url(../images/arrow_blue.gif) no-repeat right center;
	text-decoration: underline;
}
.yellow,a.yellow:link,a.yellow:visited{
	color:#ffde00;
	background-image:url(../images/arrow_yellow.gif);
}
.green,a.green:link,a.green:visited{
	color:#00853e;
	background-image:url(../images/arrow_green.gif);
}

.goTop{
	display: block;
	text-align: right;
	padding: 20px 12px 20px 0px;
	background-image:url(../images/arrow_blue_up.gif);
}

/*
#content_sidebar a{
	display:block;
	text-decoration:none;
	margin-bottom:23px;
	text-align:right;
}*/
a.boxes{
	display:block;
	text-decoration:none;
	margin-bottom:23px;
	text-align:right;
}
.indentLists li{
	list-style-type: disc;
	list-style-position:inside;
	padding-left: 20px;
}

/*
#content_main li{
	list-style-type: disc;
	list-style-position:inside;
	padding-left: 20px;
}
*/
#content_main .referenceForm li, #content_main .dpc li{
	padding-left: 0px;
}
#content_sidebar ul.news{
	margin:0px 0px 20px 22px;
	width: 250px;
}
ul.news li{
	padding-bottom: 7px;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	list-style: none;
	padding-left: 0px;

}
#content_sidebar ul.news li{
	text-align: right;
}

.news_articles #content_main{
	width: 430px;
}

ul.news li.last{
	border-bottom: 0px;
}
ul.news li span{
	font-size: 8pt;
	color: #444;
	margin: 0px;
	line-height: 100%;
}
ul.news li a{
	display:inline;
	text-decoration:underline;
	text-align:left;
	color: #666666;
	font-weight: bold;
	margin: 0px;
}
ul.news h2{
	font-size: 10pt;
	color:#003468;
}
.newsItem{
	margin-top: 10px;	
}
#content_sidebar h2{
	border: 0px;
	text-align: right;
	margin:0px 0px 10px 0px;
	padding: 15px 0px 0px 0px;
	font-size: 10pt;
}
#content_sidebar span{
	margin-top:8px;
	display:block;
}

.company_dpcsystem #content_main{
	width: 370px;
}

.lostPassword{
	padding-top: 30px;
	color: #999;
	font-size: 8pt;
}
.requiredFields{
	color: #999;
	font-size: 8pt;
}

.errors{
	color: #c51e1e;
}
div.errors{
	margin-bottom: 15px;
}
.errors li{
	padding-left: 20px;
}

#language_section{
	color: #888;
}
#language_section a{
	/*color:#8c8989;*/
	color:#555;
	text-decoration: none;
	padding: 0px 10px;
}
#language_section a:hover{
	text-decoration:underline;
}

a img{
	border:0px;
}
.company_references h2{
	color:#5d5d5d;	
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
	margin:10px 0px 10px 0px;
}
.referenceForm li{
	padding: 5px 4px 5px 4px;
	border-bottom: 1px solid #f5f5f5;
}
.referenceForm li.last{
	border-bottom: 0px;
}
.referenceForm label{
	float: left;
	width: 190px;
}
.referenceForm input, .referenceForm select{
	float: left;
}
.referenceForm select{
	width: 185px;
}
.services{
	margin: 0px 0px 18px 0px;
	width:455px;
	padding-left: 0px;
}
.services li{
	padding:3px 0px 3px 15px ;
	background: transparent url(../images/listbullet.gif) no-repeat 0px 6px;
	clear: both;
	list-style: none;
}
.services li a{
	float: right;
}
.services li span{
	float: left;
}


.contactDivider{
	border-top: 1px solid #eee;
	margin:0px;
	padding:0px;
	line-height: 1px;
}


/* END custom layout tags */

/* BEGIN title tags */
h1 {
	font-size:14pt;
	margin-bottom: 20px;
}
h2 {
	font-size:12pt;
}
h3 {
	font-size:11pt;
}
h4 {
	font-size:10pt;
}
h5 {
	font-size:10pt;
}
h6 {
	font-size:10pt;
}
/* END title tags */

/* BEGIN table tags */


table {
	page-break-before: always;
}

thead {
	display: table-header-group;
}

tfoot td {
	font-size:7pt;
	font-style:italic;
}

th {
	background-color: gray;
	font-weight: bold;
}


td {

}
/* END table tags */


/* START input field and form classes */
form {
	margin: 0px 0px 0px 0px;
}

form p {
	font-size:10pt;
}

form > p strong {
	
}

label {
	font-size:8pt;
	font-weight:bold;
	display: block;
}

/* Error markup for forms */
.error{
	color: red;
	font-size: 8pt;
}
/* Required field for forms */
.required{
	font-size:7pt;
	color:#333333;
}

input {
	font-size: 9pt;
}
select {
	font-size: 8pt;
}
textarea {
	font-size: 8pt;
}
/* Custom classes for form inputs */
input.inputButton {
	background-color:#000066;
	color:white;
}
input.inputRadio {
	border: 0px;
}
input.inputCheckbox {
	border: 0px;
}


form label{
	font-weight: bold;
	display: block;	
}
form li{
	clear: both;	
	margin: 0pt;
	padding: 4px 5px 2px 0px;
	position:relative;
}
em.req{
	display: none;	
}
form ul span{
	float: left;
}
form ul span label{
	display: block;
}

input.text, textarea.textarea, .firefox select.select {

	background-color:#FFFFFF;
	border-color:#7C7C7C rgb(195, 195, 195) rgb(221, 221, 221);
	border-style:solid;
	border-width:1px;
}
input.text, input.file, textarea.textarea, select.select {
	color:#333333;
	font-size:100%;
	margin:0pt;
}
.buttons {
	clear:both;
	margin-top:10px;
}
form li div, form li span{
	color: #444444;
	margin: 0pt 4pt 0pt 0pt;
	padding: 0px 0px 8px 0px;
}

form label {
	border:medium none;
	color:#444;
	display:block;
	/*font-weight:bold;*/
	line-height:150%;
	padding:0pt 0pt 1px;
}

form li div label, form li span label, label.desc {
	clear:both;
	color:#444444;
	display:block;
	font-size:9px;
	line-height:10px;
	margin:0pt;
	padding-top:3px;
}


input.large, select.large, textarea.textarea {
	width:100%;
}
input.text{
	padding: 2px 0px;
}

form li label.error, form li em.error, .errors em.error{
	font-style:normal;
	color: red;
	/*font-size: 9px;*/
}
em.error{
	display: block;
	padding: 2px 0px;
	font-size: 11px;
}

input.checkbox, input.radio {
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0pt 0pt 3px;
	width:13px;
}

form li:after, .buttons:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}
form li, .buttons {
}
* html form li, * html .buttons {
	height:1%;
}
form li, .buttons {
	display:block;
}



/* END input field and form classes */


/*Float fix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */