/*Global (and reset values)*/

body {
line-height: 1.3;
margin:0; padding:0;
font-size: 62.5%/1.5; /*set reference size, to 16px, so ems in relation, ex. 1em = 10px*/
font-family: Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6, p { margin:0; padding:0; }

h1 {
font-size: 1.5em;	
font-weight:normal;
color:#563f81;
padding-left:14px;
padding-right:14px;
padding-top:10px;
}

h1.space {
margin-bottom:8px;
}

h2 {
font-size: 1.4em;	
font-weight:normal;	
}

h3 {
font-size: 1.3em;	
font-weight:normal;	
color:#df3c5a;
margin-bottom:8px;
padding-left:14px;
padding-right:14px;
}

h4 {
margin-bottom:8px;
}

.paddtextincontainer {
padding-left:14px;
padding-right:14px;
text-align:justify;
padding-top:8px;
}

form, fieldset, input, textarea { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1em; margin-bottom:2px; }

ul, ol, li { margin:0; padding:0; list-style: none; }
img { border:none; }

/*hides dotted outline when a link is in focus, mainly in IE. To define for accessibility and keyboard tab users*/
/*:focus {
	outline: 0;
}*/

table {
font-size:1em;
}

/*Content and unique to this site*/

body {
background: #ffffff url("../images/backgrd.jpg") repeat-x top left;
}

#container {
width:1020px;
margin: 0 auto;
}

#top {
width:1020px;
height:228px;
}

#logoarea {
float:left;
height:228px;
position:relative;
width:243px;
z-index:3;
}

#flasharea {
float:left;
height:192px;
left:-11px;
position:relative;
top:27px;
width:777px;
z-index:4;
}

#menubar {
height:52px;
width:1017px;
background: transparent url("../images/menubar.jpg") repeat-x top left;
}

#menubar-en {
height:52px;
width:1017px;
background: transparent url("../images/menubar-en.jpg") repeat-x top left;
}

#menu {
float:left;
width:770px;
padding-top:14px;
}

/*menu link styles*/

#menu ul {
list-style-type:none;
margin:0;
padding:0;
margin-left:8px;
}

#menu ul li {
list-style-type:none;
display: block;
float: left;
}

#menu ul li a
{
color:#563f81;
display:block;
font-size:0.95em;
margin-left:8px;
margin-right:14px;
padding:4px;
text-align:left;
text-decoration:none;
}

#menu ul li a:hover
{
color: #df3c5a;
}

#menu li.active a
{
color: #df3c5a;
cursor: default;
}

#menu ul li a.newsmenuspace {
padding-right:14px;
}

/* end menu link styles */

#searchbox {
float:left;
width:190px;
}

#searchbox input {
background-color:#F1EDEA;
border:1px solid #D6D2D3;
font-size:0.9em;
}

#searchbox input.btn {
background-color:#F1EDEA;
border:none;
margin-top:10px;
font-size:0.9em;
color:#563F81;
}

#searchbox input.text {
position:relative;
top:-10px;
color:#563F81;
}

#flags {
float:left;
width:50px;
padding-top:14px;
text-align:right;
display:none; /*temp until translations available ! may 2010*/
}

#flags img {
padding-right:4px;
padding-top:6px;
}

#breadcrum {
height:30px;
width:1000px;
padding-left:18px;
clear:both;
}

#breadcrumicon {
float:left;
width:22px;
}

#breadcrumtext {
float:left;
width:800px;
font-size:0.7em;
padding-top:4px;
}

#content {
width:1020px;
clear:both;
/*background: transparent url("../images/logofadedbckgrdcontent.jpg") no-repeat top center;
min-height:700px;
height:auto !important;
height:700px;*/
}

#contentleft {
width:610px;
float:left;
font-size:0.8em;
padding-left:10px;
}

#contentleft table {
padding-left:14px;
padding-right:14px;
padding-top:8px;
}

#contentleft table  td{
padding-top:4px;
padding-bottom:4px;
}

#contentleft table tr.rowother td{
background-color:#f2e9eb;
border-bottom:1px solid #df3c5a;
border-top:1px solid #df3c5a;
}

#formationstablenote {
font-size:0.8em;
text-align:right;
}

#linkprodsbox {
height:50px;
left:20px;
position:relative;
top:390px;
width:260px;
margin-top:-40px;
}

#linkservicesbox {
height:50px;
left:20px;
position:relative;
top:462px;
width:260px;
margin-top:-50px;
}

#postit {
background: transparent url("../images/postit.jpg") repeat-x top left;
width:355px;
height:351px;
}

#postittext {
padding-left:34px;
padding-right:26px;
padding-top:20px;
}

#contentright {
width:370px;
float:left;
font-size:0.8em;
padding-left:30px;
}

#imageblocksbottom {
height:270px;
width:1020px;
clear:both;
padding-top:40px;
}

#imageblockleft {
height:245px;
width:600px;
padding-left:14px;
float:left;
}

#imageblockright {
height:245px;
width:350px;
padding-left:45px;
float:left;
}

#linksbottom {
clear:both;
height:200px;
width:1020px;
padding-top:10px;
font-size:0.75em;
}

#linkcolumns {
margin-left:50px;
}

.linkcolumn li, .linkcolumnlarge li, .linkcolumnwlogo li {
color:#a692cd;  
}

.linkcolumn li.main, .linkcolumnlarge li.main, .linkcolumnlarge li.main {
margin-bottom:4px;
color:#684f96; 
}

.linkcolumn {
float:left;
width:115px;
}

.linkcolumnwlogo {
float:left;
width:230px;
}

.linkcolumnwlogo li {
display:inline;
padding-left:30px;
padding-right:40px;
}

#footernorthgatelogo {
padding-left:25px;
padding-top:30px;
}

.linkcolumnlarge {
float:left;
width:160px;
}

#linksfooterbar {
margin-left:20px;
}

#footer {
clear:both;
height:20px;
width:1020px;
font-size:0.6em;
text-align:center;
color: #9c93ad;
padding-top:10px;
}

ul.space {
padding-top:8px;
}

ul.spacepadd {
padding-left:14px;
padding-right:14px;
padding-top:8px;
}

#contactpadd {
padding-left:14px;
padding-right:14px;
padding-top:8px;
}

#contactrighttexts {
padding-left:14px;
padding-right:14px;
padding-top:8px;
}

.contactadresse {
padding-left:4px;
margin-bottom:4px;
}

.contactlefticon {
float:left;
}

.contactrighticon {
float:left;
padding-top:4px;
}

#postittext li {
background: transparent url("../images/checkmarkicon.gif") no-repeat 0px 0px;
padding-left:28px;
height:28px;
}

#servicetext li {
background: transparent url("../images/checkmarkicon.gif") no-repeat 0px 0px;
padding-left:28px;
height:28px;
}

.texttitle {
color:#df3c5a;
padding-bottom:4px;
}

.justifytext {
text-align:justify;
}

#actualiteitems {
width:330px;
}

#actualiteitems img {
border:none;
padding-right:20px;
padding-top:2px;
}

.smallseparator {
background: transparent url("../images/separator-bar-s.jpg") no-repeat 0px 0px;
width:300px;
height:17px;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
}

#submenu {
padding-top:10px;
margin-bottom:50px;
}

/* sub menu link styles*/

#submenu ul {
list-style-type:none;
margin:0;
padding:0;
margin-left:8px;
}

#submenu ul li {
list-style-type:none;
margin-bottom:2px;
}

#submenu ul li a
{
color:#ffffff;
display:block;
font-size:1em;
text-align:left;
text-decoration:none;
background: #DF3C5A url("../images/red-menubar.gif") repeat-x top left;
width:332px;
height:30px;
text-transform:uppercase;
padding-top:12px;
}

#submenu ul li a span
{
padding-left:20px;
padding-top:8px;
}

#submenu ul li a:hover
{
color: #563F81;
background: #563F81 url("../images/yellow-menubar.gif") repeat-x top left;
width:332px;
height:30px;
text-transform:uppercase;
padding-top:12px;
}

#submenu li.active a
{
color: #ffffff;
background: #563F81 url("../images/purple-menubar.gif") repeat-x top left;
width:332px;
height:30px;
text-transform:uppercase;
padding-top:12px;
}

/* end sub menu link styles */


/* news */

.newsitem {
padding-left:14px;
padding-right:14px;
padding-top:8px;
padding-bottom:12px;
margin-bottom:16px;
}

.newsdate {
font-size: 1.1em;	
color:#df3c5a;
margin-bottom:2px;
}

.newstitle {
font-size: 1.2em;	
color:#df3c5a;
margin-bottom:8px;
}
.newstext {
text-align:justify;	
}

/*end news styles*/

/* references styles*/

#referenceslisting li {
padding-top:6px;
padding-bottom:6px;
}

#referenceslisting li.rowother {
padding-top:6px;
padding-bottom:6px;
background-color:#f2e9eb;
border-bottom:1px solid #df3c5a;
border-top:1px solid #df3c5a;
}

/* end references styles*/

.rightbuttonleftcontent {
padding-top:30px;
text-align:right;
}

/* page link styles */

.linkcolumn a:link, .linkcolumnlarge a:link, .linkcolumnwlogo a:link {  
color:#a692cd;
text-decoration:none;
}

.linkcolumn a:visited, .linkcolumnlarge a:visited, .linkcolumnwlogo a:visited {
color:#a692cd;
text-decoration:none;
}

.linkcolumn a:hover, .linkcolumnlarge a:hover, .linkcolumnwlogo a:hover {
color:#df3c5a;
text-decoration:none;
border-bottom:1px solid #df3c5a;
}


.linkcolumn .main a:link, .linkcolumnlarge .main a:link, .linkcolumnwlogo .main a:link {  
color:#684f96;
text-decoration:none;
}

.linkcolumn .main a:visited, .linkcolumnlarge .main a:visited, .linkcolumnwlogo .main a:visited {
color:#684f96;
text-decoration:none;
}

.linkcolumn .main a:hover, .linkcolumnlarge .main a:hover, .linkcolumnwlogo .main a:hover {
color:#df3c5a;
text-decoration:none;
border-bottom:1px solid #df3c5a;
}


#breadcrum a:link {  
color:#df3c5a;
text-decoration:none;
}

#breadcrum a:visited {
color:#df3c5a;
text-decoration:none;
}

#breadcrum a:hover {
color:#684f96;
text-decoration:none;
border-bottom:1px solid #684f96;
}

#contentleft a:link {
color:#df3c5a;
text-decoration:none;
}

#contentleft a:visited {
color:#df3c5a;
text-decoration:none;
}

#contentleft a:hover {
color:#684f96;
text-decoration:none;
border-bottom:1px solid #684f96;
}

#actualiteitems a:link {
color:#df3c5a;
text-decoration:none;
}

#actualiteitems a:visited {
color:#df3c5a;
text-decoration:none;
}

#actualiteitems a:hover {
color:#684f96;
text-decoration:none;
border-bottom:1px solid #684f96;
}

#linkprodsbox a:link, #linkprodsbox a:visited, #linkprodsbox a:hover {
text-decoration:none;
border-bottom: none;
}

#linkservicesbox a:link, #linkservicesbox a:visited, #linkservicesbox a:hover {
text-decoration:none;
border-bottom: none;
}

#imageblocksbottom a:link, #imageblocksbottom a:visited, #imageblocksbottom a:hover {
text-decoration:none;
border-bottom: none;
}

.rightbuttonleftcontent a:link, .rightbuttonleftcontent a:visited, .rightbuttonleftcontent a:hover {
text-decoration:none;
border-bottom: none !important;
}

#footer a:link {  
color:#a692cd;
text-decoration:none;
}

#footer a:visited {
color:#a692cd;
text-decoration:none;
}

#footer a:hover {
color:#df3c5a;
text-decoration:none;
border-bottom:1px solid #df3c5a;
}

#googlemap a:link {  
color:#df3c5a;
text-decoration:none;
}

#googlemap a:visited {
color:#df3c5a;
text-decoration:none;
}

#googlemap a:hover {
color:#684f96;
text-decoration:none;
border-bottom:1px solid #684f96;
}


/*end page link styles */

/* form styles */

input.text {
background-color:#f2e9eb;
border:1px solid white;
padding:6px;
}

textarea.textarea {
background-color:#f2e9eb;
border:1px solid white;
padding:6px;
}

input.text:focus {
border:1px solid #df3c5a;
}

textarea.textarea:focus{
border:1px solid #df3c5a;
}

input.button {

}


/* end form styles*/

/* downloads support styles */

.downloadsitem {
padding-left:14px;
padding-right:14px;
padding-top:8px;
padding-bottom:12px;
margin-bottom:16px;
}

.downloadsitemtitle {
font-size: 1.1em;	
color:#df3c5a;
margin-bottom:2px;
}

.downloadbtn {
padding-top:4px;
padding-bottom:4px;
}

#contentleft div.downloadbtnholder a:link, #contentleft div.downloadbtnholder a:visited, #contentleft div.downloadbtnholder a:hover {
border-bottom:none;
text-decoration:none;
}

/* end downloads support styles*/