/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
*
{
	font-family: Arial;
	color: #333333;
	font-size:13px;
}
body{
	font-family: Arial,sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-image: url("/public/default/img/bg_grad2.jpg");
	background-color: #cccccc;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}




/************** header tag styles **************/

h1{
 font: bold 155% Arial,sans-serif;
 text-align:left;
 /*color: #334d55;*/
 color:#0066FF!important;
 margin: 0px;
 padding: 0px;
 padding-left:5px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h2 a
{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
 }
 
a.newstitle {
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
} 

h3{
 font: normal 145% Arial,sans-serif;
 text-align:left;
 /*color: #334d55;*/
 color:#0066FF!important;
 margin: 0px;
 padding: 0px;
 padding-left:5px;
}

h4{
 font: 125% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
 font-weight:bold;
}



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

form {
	margin: 0px;
	padding: 0px;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}

input{
font-family: Arial,sans-serif;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	position:absolute;
	top: 112px;
	left: 2%;
	right: 2%;
	width:85.6%;
	background-color: #ffffff;
}

#newheader {
	background-image:url("/public/default/img/header_bg_new.png");
	background-repeat:repeat-x;
	width:100%;
	height:135px;
	border-bottom:2px solid #999999;
}

#headerlogo {
	padding-left:15px;
	margin-top:7px;
	float:left;
	width:236px;
	height:100px;
	background-image:url("/public/default/img/new_logo3.png");
	display:block;
	background-repeat:no-repeat;
}

#motto {
	padding-top:0px;
	float:left;
	border-bottom:1px solid #999999;
}

#header_inner {
	margin:0px auto 0;
	width:980px;
}

#header_menu {
	width:74%;
	height: 35px;
	padding: 0px;
	margin: 0px;
	float:left;
	padding-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif!important;
	
}

#content_surrounding {
	background-image:url("/public/default/img/footer_bg_new.png");
	background-repeat:repeat-x;
	width:100%;
	clear:both;
}

#content2 {
	margin:0px auto 0;
	width:980px;
	background-color:#FFFFFF;
}

#clients {
	margin:0px auto 0;
	width:980px;
	background-color:#FFFFFF;
}

#footer {
	width:100%;
	height:120px;
	background-image:url("/public/default/img/header_bg_new.png");
	background-repeat:repeat-x;
	margin-top:5px;
	border-top:1px solid #999999;
}

#footertable {
	margin:8px auto 0;
	width:980px;
}

#footertable td {
	vertical-align:top;
}

#tl {
	position:absolute;
	top: 115px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 80;
}

#bl {
	position:absolute;
	bottom: -2px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 80;
}

#tr {
	position:absolute;
	top: 115px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 80;
}

#botr {
	position:absolute;
	bottom: -2px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 80;
}



#masthead{
	position: relative;
	margin: auto;
	top: 30px;
	left: 2%;
	right: 2%;
	width:1000px;
}

#pageNav{
	float: left;
	width:178px;
	height:100%;
	position:relative;
	top:0px;
	left:0px;
	padding: 0px 0px 5px 0px;
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
/* 	font: small Verdana,sans-serif; */
	font-size:16px;
	font-style:normal;
}

#pageNav2{
	float: left;
	width:77%;
	top:0px;
	left: 200px;
	padding: 0px 0px 5px 20px;
	/*
	background-color: #eeeeee;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;*/
}

#pageNav2 img
{
		text-align: center;
}

#pageNav1{
	float: right;
	width:185px;
	height: 500px;
	bottom:69px;
	top:0px;
	right:0px;
	padding: 0px;
	margin-top:10px;
	background-color: #eeeeee;
	background-image:url("/public/default/img/rightside.gif");
	background-position:right top;
	background-repeat:repeat-y;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}


#pageNav12{
	float: right;
	width:185px;
	height: 500px;
	bottom:69px;
	top:0px;
	right:0px;
	padding: 0px;
	margin-top:25px;
	background-color: #eeeeee;
	background-repeat:repeat-x;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#page {

}
#content {
	clear: both;
 background-color:white;
 background-image:url("/public/default/img/middletop.gif");
 background-repeat:repeat-x;
 background-position:top;
 /*border-left: 1px solid #333333;*/
 padding-left: 0px;
 padding-bottom: 0px;
 width:100%;

}

#middle {
background-image:url("/public/default/img/leftside.gif");
background-repeat:repeat-y;
background-position:left top;
}

#rights {
background-image:url("/public/default/img/rightside.gif");
background-repeat:repeat-y;
background-position:right top;
}


#content p {

 padding-left: 5px;

 padding-right: 5px;
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	font: 100% Verdana,sans-serif;
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}
/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

#pageName img{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

/************* globalNav styles ****************/

#boza_header {
position: relative;
width: 100%;
height: 115px;
background-color:#FFFFFF;
padding: 0px;
margin: 0px;
background-image:  url("/public/default/img/header_bg2.gif");
}

#bozal {
	position: absolute;
	top: 0px;
	left:0px;
}

#bozar {
	position: absolute;
	top: 0px;
	right:0px;
}

#headlogo {
	position: absolute;
	top: 10px;
	left:15px;
	background-color:#FFFFFF;
	padding-right:18px;
}

#BOZA_name {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	position:absolute;
	top:15px;
	left:290px;
	color:#000000;
}

#flags {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
    position:absolute;
    top:15px;
    right:10px;
    color:#000000;
}

#head_menu {
	width:70%;
	height: 35px;
	padding: 0px;
	margin: 0px;
	position:absolute;
	top:76px;
	left:270px;
	font-family:Verdana, Arial, Helvetica, sans-serif!important;
	
}

#globalNav{
position: relative;
width: 100%;
height: 32px;
color: #cccccc;
padding: 0px;
margin: 0px;
background-image:  url("/public/default/img/glbnav_background.gif");

}

#globalNav img{
	margin-bottom: -4px;

}

#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

.globalLink{
	position: relative;
	top: 6px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
}

.glink
{
  position: relative;
  top: 6px;
  left: 3px;
  float: left;
  font-size:14px;
}

.glink a:link, .glink a:visited{
    font-size:14px;
    color: #000000;
    font-weight:normal;
    margin: 0px;
    padding: 2px 5px 4px 5px;
    border-right: 1px solid #8FB8BC;
}

.glink a:hover{
  	background-image:  url("/public/default/img/glblnav_selected.gif");
	text-decoration: none;
}

.glink a.active {
	color:#0066FF!important;
}

/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 5px 0px 5px 10px;
	font-family: Arial, Verdana,sans-serif;
	color: #AAAAAA;
	font-size:16px;
}

#breadCrumb a{
	color: #AAAAAA;
	font-size:16px;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}


/************** feature styles *****************/
.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;
}
html>body .feature {height: auto;}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.feature img{
/* 	float: right;  */
	padding: 0px 10px 0px 0px;
}



/*************** story styles ******************/

.story {
	font-family: Arial;
	left: 200px;
	font-size:12px;
}

.story h3{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 150%;
	color: #000000;
}

.story p {
	font-family: Arial;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
}

/*#story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

#story a.capsule:hover{
	text-decoration: underline;
}*/

td.storyLeft{
	padding-right: 11px;
}


/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 2px solid #cccccc;
	font-size:11px!important;
	color: #cccccc;
	margin-bottom: 0px;
	padding: 5px 0px 0px 10px;
	background-image:url('/public/default/img/rightside.gif');
	background-position:right top;
	background-repeat:repeat-y;
}

#siteInfo table tr td{
	font-size:11px!important;
}

#siteInfo table tr td a:visited, #siteInfo table tr td a img{
	border:0;
	color:#FFFFFF;
}

#siteInfoBis{
	clear: both;
	font-size:12px;
	color:#9E9E9E;
	background-color:white;
}


/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url("/public/default/img/bg_nav.jpg");
	font-weight: normal;
	font-size:14px;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: normal;
	text-decoration: none;
}

.title{
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: bold;
color: #1D5210;
color:#000000;
margin-left:10px;
}


.img
{
	border: 0;
}


#pro6 ul {margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap; list-style:none; height:35px; position:relative; background:#fff; font-size:11px;}
#pro6 li {display:table-cell; margin:0; padding:0;}
#pro6 li a {display:block; float:left; height:35px; line-height:30px; color:#333; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(/public/default/img/pro_six_0a.gif) no-repeat;}
#pro6 li a b {float:left; display:block; padding:0 25px 5px 15px; background:url(/public/default/img/pro_six_0b.gif) no-repeat right top;}
#pro6 li.current a {color:#fff; background:url(/public/default/img/pro_six_2a.gif) no-repeat;}
#pro6 li.current a b {background:url(/public/default/img/pro_six_2b.gif) no-repeat right top;}
#pro6 li a:hover {color:#fff; background: url(/public/default/img/pro_six_1a.gif) no-repeat;}
#pro6 li a:hover b {background:url(/public/default/img/pro_six_1b.gif) no-repeat right top;}
#pro6 li.current a:hover {color:#fff; background: url(/public/default/img/pro_six_2a.gif) no-repeat; cursor:default;}
#pro6 li.current a:hover b {background:url(/public/default/img/pro_six_2b.gif) no-repeat right top;}

#gallery {
		background-color: #444;
		padding: 10px;
		width: 520px;
	}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
#gallery ul a:hover { color: #fff; }

.portfolio
{
	position: relative;
	width:220px;
	height:140px;
	float:left;
	padding: 3px;
	margin: 5px;
	top: 3px;
}

.portfolio img
{
	border: 1px;
}

.img
{
	border: 0;
}

.afbeelding {
	margin:10px;
}


.menu2 {padding:0 0 0 0px; margin:0; list-style:none; height:28px; position:relative;}
.menu2 li {float:left; padding-left:5px;}
.menu2 li a {display:block; float:left; height:28px; line-height:28px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 16px 0 8px; color:#333333;}
.menu2 li.current a {color:#ffffff !important; background:url(/public/default/img/button45.png);}
.menu2 li.current a b {background:url(/public/default/img/button45.png) no-repeat right top; color:#ffffff !important}
.menu2 li a:hover {color:#ffffff !important; background:#fff url(/public/default/img/button45.png);}
.menu2 li a:hover b {background:url(/public/default/img/button45.png) no-repeat right top; color:#ffffff !important}
.menu2 li.current a:hover {color:#fff; background:#fff url(/public/default/img/button45.png); cursor:default;}
.menu2 li.current a:hover b {background:url(/public/default/img/button45.png) no-repeat right top;}


/*download section */
h1.download{
 font-family: Arial, sans-serif;
 font-weight: bold;
 font-size:300%;
 margin: 0px;
 padding-top: 40px;
 
}

h3.download{
 font-family: Arial,sans-serif;
 font-size:110%;
 font-weight:normal;
 /*color: #334d55;*/
 color:black!important;
 margin: 0px;
 padding-top: 20px;
}

span.downloadbutton {
	background-image: url(/public/default/img/downl.png);
	background-repeat:no-repeat;
	width:287px;
	height:124px;
	display:block;
	float:left;
}

span.downloadbutton img {
	border:0;
}

#dlbtn {
	color:#333333;
	font-weight:bold;
	font-size:20px;
	width:150px;
	padding-top:20px;
	padding-left:40px;
	float:left;
}

#icon_dl {
	position:relative;
	float:right;
	padding-right:25px;
	padding-top:30px;
	
}

#topsubsection {
	width:700px;
	height:16px;
	display:block;
	background-image:url(/public/default/img/top_dl.png);
	background-repeat:no-repeat;
}

#subsection_left {
	background-image:url(/public/default/img/left_dl.png);
	background-repeat:repeat-y;
	float:left;
	width:8px;
	height:250px;
}

#subsection_body {
	width:684px;
	height:250px;
	float:left;
	color:#9C9C9C!important;
}

div#subsection_body h4 {
	padding-left:10px;
	color: #4B4740;
	font-size:18px;
}

#subsection_right {
	background-image:url(/public/default/img/right_dl.png);
	background-repeat:repeat-y;
	float:left;
	width:8px;
	height:250px;
}

#bottomsubsection {
	width:700px;
	height:16px;
	display:block;
	background-image:url(/public/default/img/bottom_dl.png);
	background-repeat:no-repeat;
}

#emailframe {
	float:left;
	width:250px;
}

a.dl:hover {
	text-decoration:none;
	}
	
.download {
	vertical-align:middle;
}	

.fr {
	float:right;
}


#news {
text-align:left; 
padding-left:5px; 
padding-right: 5px; 
}

#news a, #news a:hover{
	text-decoration:none;
	color:#333333;
}

ul.errors li{
	color:#FF0000;
}

.cb {
	clear:both;
}

/*code for the carousel */
#carousel_inner {
margin-left:auto;
margin-right:auto;
width:870px; /* important (this width = width of list item(including margin) * items shown */
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #ffffff;
}

#carousel_ul {
position:relative;
left:-290px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */
width:280px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:110px;
background: #ffffff;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;

}


#carousel_ul li center a, #carousel_ul li center{
display:block;
height:100%;

}

#carousel_ul li center a img {
margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that */
/* styling */
cursor:pointer;
border:0px;
}
#left_scroll, #right_scroll{
float:left;
height:130px;
width:15px;
background: #ffffff;
}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
}

#clients h2 {
	margin-left:20px;
}