/* Defaults */
html>/**/body
{ overflow: hidden; overflow-y: auto; }
html:first-child
{ overflow:scroll; }
/* Default text styles */
a, abbr, acronym, address, b, big, blockquote, body, br, button, caption, cite, code, dd, del, dfn, div, dt, fieldset, i, input, ins, kbd, label, legend, li, optgroup, option, p, pre, q, samp, samp, span, strike, strong, sub, sup, td, th, tt, u, var {
color:#000; font-family:Arial, Helvetica, Sans-Serif; font-size:8pt; line-height: 150%;
}
hr { height: 1px; border: none;}
a, #mainColumn * a { color: #1A4F5E; }
a.more
{
text-align: right;
display: block;
text-decoration: none;
color: #6389A2;
padding: 0 10px 0 0;
background:url(/frontend/img/blue_arrow.gif) center right no-repeat;
}
/* Default block styles */
body
{ width:100%;
background-color:#EAEAEA;
background-image: url(/frontend/img/gradient-bg.jpg);
background-repeat: repeat-x;
background-position: top; background-attachment: fixed;
margin:0;
padding:0; margin-top:-1px;
}
table
{ border-collapse:separate; border-spacing:1; caption-side:top; }
table th, table td
{ empty-cells:show; }
fieldset, img
{ border:0; border-color: #eee; }
address, caption, cite, code, dfn, th, var
{ font-style: normal; font-weight:normal; }
q:before, q:after
{ content:''; }
div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote
{ margin:0; padding:0; }
h1, h1 span
{ padding:3px 0 5px 0; color:#6388a1; font:bold 15px/15px Arial, Helvetica, Sans-Serif; margin-left:0;}
h2, h2 span
{ padding:2px 0 2px 0; color:#164A58; font:400 15px/15px Arial, Helvetica, Sans-Serif; }
ul.menu, ul.menu ul, ol.menu, ol.menu ol
{ margin:0; padding:0; list-style:none; }
#mainColumn ul
{ margin:0 0 10px 17px; padding:3px 0; list-style-position:outside; }
#mainColumn ul li
{ list-style-image:url(/frontend/img/brown_square.gif); margin:0; padding:2px; }
#mainColumn ul ul li
{ list-style-image:url(/frontend/img/brown_arrow.gif); }
#mainColumn ul ul ul li
{ list-style-image:url(/frontend/img/black_arrow.gif); }
#mainColumn ol
{ margin:0 0 0 22px; padding:3px 0; list-style-position:outside; }
#mainColumn ol li
{ list-style-type:decimal; margin:0px; padding:0; }
#mainColumn ol ol
{ margin-left:20px; }
#mainColumn ol ol li
{ list-style-type:lower-alpha; }
#mainColumn ol ol ol
{ margin-left:15px; }
#mainColumn ol ol ol li
{ list-style-type:lower-roman; }
#mainColumn #richnewsheadlines,
#mainColumn #richnewsheadlines table { width: 100%; }
address
{ margin-top:12px; }
address p
{ margin-bottom:15px; margin-top:15px; }
address .mail, address .phone, address .fax, address .url
{ padding:2px 0 2px 15px; }
address .mail
{ background:url(/frontend/img/icon_mail.gif) left 3px no-repeat; }
address .phone
{ background:url(/frontend/img/icon_phone.gif) left 3px no-repeat; }
address .fax
{ background:url(/frontend/img/icon_fax.co) left 3px no-repeat; }
address .url
{ background:url(/frontend/img/icon_url.gif) left 3px no-repeat; }
#axis
{ position:absolute; left:50%; height:100%; margin:0; padding:0; }
/* Pages */
.page
{
background-color:white;
border-left: solid 1px white;
border-right: solid 1px white;
border-bottom: 2px #d3d3d3 solid;
margin: 10px 0; padding:0;
padding-bottom: 10px;
position:absolute;
width:980px;
min-height: 455px;
left:-490px;
float:left;
}
.shadow
{
position: absolute;
background-image: url(/frontend/img/shadow.png);
width: 1013px;
min-height: 500px;
left: -507px;
margin: 10px 0;
}
#homePage #leftColumn
{ position:relative; float:left; width:200px; margin-left:7px; }
#homePage #middleColumn
{ margin-left:225px; margin-right:225px; }
#homePage #rightColumn, #homePage #referencesColumn
{ position:relative; float:right; width:200px; padding-left:9px; padding-right:9px; clear: right; }
#homePage #imageColumn
{ float:right; width: 165px; padding-left:9px; padding-right:9px; margin-left: 8px; margin-right: 8px; border-right:1px #AFC2CF solid;}
#defaultPage #menuColumn
{ position:relative; float:left; width:200px; margin-left:7px; border: solid 2px #a00; }
#defaultPage #mainColumn, #pageTitle
{ margin-left:225px; margin-right:20px; }
#referencesPage #menuColumn
{ position:relative; float:left; width:200px; margin-left:7px; border-bottom: solid 30px #fff; }
#referencesPage #mainColumn, #pageTitle
{ margin-left:225px; margin-right:212px; }
#referencesPage #referencesColumn
{ position:relative; float:right; margin-right:7px; width:165px; padding-left:9px; padding-right:9px; clear: right; }
#referencesPage #imageColumn
{ float:right; width: 165px; padding-left:9px; padding-right:9px; margin-left: 8px; margin-right: 8px; }
/* Columns */
.column
{ }
.banner { margin: 0 0 10px 0; }
#fullWidthColumn { margin-top:115px; }
#fullWidthColumn hr { clear: both; color: #eee; height: 1px; }
#fullWidthColumn img.banner { margin: 0 2px 10px 0; }
#mainColumn,
#menuColumn,
#imageColumn,
#referencesColumn,
#leftColumn,
#rightColumn,
#middleColumn
{ margin-bottom:35px; } /* All columns */
#fullWidthColumn
{ margin-bottom:15px; } /* All columns */
#menuColumn,
#referencesColumn,
#leftColumn,
#rightColumn,
#pageTitle
{ margin-top:145px; } /* Top Columns */
#mainColumn,
#imageColumn,
#middleColumn
{ margin-top: 5px; }
#fullWidthColumn { padding: 8px; }
#fullWidthColumn #pageTitle { margin-top: 5px; }
#homePage.bigBanner #leftColumn,
#homePage.bigBanner #rightColumn,
#homePage.bigBanner #pageTitle,
#homePage.bigBanner #fullWidthColumn,
#homePage.bigBanner #referencesColumn
{ margin-top:220px; } /* Top Columns in 'big banner homepage' */
#homePage.bigBanner #imageColumn,
#homePage.bigBanner #middleColumn
{ margin-top: 5px; }
#mainColumn *
{ font-family:Arial, Helvetica, Sans-Serif; font-size: 9pt }
#mainColumn h2 {
color: #6388A1;
font-size: 13px;
font-weight: bold;
padding-bottom: 5px;
padding-top: 5px;
}
#mainColumn h2 a { font-size: 13px; text-decoration: none }
#mainColumn h2 a:hover { text-decoration: underline }
#mainColumn p { margin-bottom: 10px; }
#mainColumn a.more
{
text-align: right;
display: block;
text-decoration: none;
color: #6389A2;
padding-right: 10px;
padding-bottom: 0px;
background:url(/frontend/img/blue_arrow.gif) center right no-repeat;
}
#mainColumn table { width: 100%; background-color: #6389a0; }
#mainColumn table th { padding: 4px; text-align: left; color: white; font-weight: bold; }
#mainColumn table td { background-color: white; padding: 4px; vertical-align: top; }
#mainColumn .commonSection
{ display:block; }
#mainColumn .commonSection #header
{ background-color:#6389A0; color:#FFFFFF; display:block; font-weight:bold; padding:2px; }
#mainColumn .commonSection #body
{ margin:0px; margin-top:-1px; border:1px #C0C0C0 solid; }
#mainColumn .commonSection a:link, #mainColumn .commonSection a:visited
{ color:#336C97; text-decoration:none; }
#mainColumn .commonSection a:hover
{ text-decoration:underline; }
#mainColumn .commonSection em
{ font-style:italic; }
#mainColumn .commonSection u
{ text-decoration:underline; }
#mainColumn .commonSection strong
{ font-weight:bold; }
#mainColumn .commonSection h1,
#mainColumn .commonSection h2,
#mainColumn .commonSection h3,
#mainColumn .commonSection h4,
#mainColumn .commonSection h5,
#mainColumn .commonSection h6
{ padding:0 0 5px 0; margin:2px 0; font:600 12px/12px ; color: #333; border: 0; }
#mainColumn .commonSection h2
{ font-weight: normal; font-size: 120%; color: #8CB0CB; margin-bottom: 10px; }
#mainColumn .commonSection h3
{ font-size: 110%; }
#mainColumn .commonSection h4
{ text-decoration: underline; }
#mainColumn .commonSection h5
{ font-style: italic; font-weight: normal}
#mainColumn .commonSection h6
{ border-bottom: solid 1px #AFC2CF; }
#mainColumn .commonSection table
{ border-collapse:collapse; border-width:0px; caption-side:top; }
#mainColumn .commonSection table caption
{ font:bold 10px Arial, Helvetica, Sans-Serif; color:#777; }
#mainColumn .commonSection table td,
#mainColumn .commonSection table th
{ border-top:1px #ddd solid; padding:3px; }
#mainColumn .commonSection table thead td,
#mainColumn .commonSection table thead th
{ color:#666; text-align:left; background-color:#E4D4C3; font-weight:bold; border-bottom:1px #666 solid }
#mainColumn .commonSection table tbody th,
#mainColumn .commonSection table tbody th *
{ color:#000; text-align:left; background-color:#f6f6f6; }
#mainColumn .commonSection table tbody td,
#mainColumn .commonSection table tbody td *
{ color:#000; text-align:left; background-color:#FFFFFF; }
#mainColumn .commonSection table tfoot td,
#mainColumn .commonSection table tfoot th
{ color:#666; text-align:left; background-color:#F8F4EE; font-weight:normal; border-top:1px #666 solid; }
#mainColumn .commonSection img
{
height:100px;
width:150px;
display:inline;
margin:10px;
}
/* >>> List overview */
#mainColumn .listOverview { margin-left: 0; width: inherit; }
#mainColumn .listOverview h3 { font-weight: normal; font-size: 110%; color: #6389A2; }
#mainColumn .listOverview ul { list-style-type: none; margin: 0 5px; }
#mainColumn .listOverview ul li { padding: 5px 0; list-style-image: none; border-bottom: dotted 1px #6389A2; }
#mainColumn .listOverview ul li a { text-decoration: none; }
#mainColumn .listOverview ul li a:hover { padding-bottom: 0; border-bottom:dashed 1px #6389A2; }
#mainColumn .listOverview ul li a.img-link:hover { border-bottom-style: none; }
#mainColumn .listOverview ul li a.more
{
text-align: right;
display: block;
text-decoration: none;
color: #6389A2;
padding-right: 10px;
padding-bottom: 0px;
background:url(/frontend/img/blue_arrow.gif) center right no-repeat;
}
#mainColumn .listOverview ul li a.more:hover
{ text-decoration: underline; }
#mainColumn .listOverview ul li img { margin-right: 10px; }
#middleColumn .listOverview { margin-left: 0; width: inherit; }
#middleColumn .listOverview h3 { font-weight: normal; font-size: 120%; color: #6389A2 }
#middleColumn .listOverview ul { list-style-type: none; margin: 0 5px; }
#middleColumn .listOverview ul li { padding: 10px 0 0 0; list-style-image: none; border-bottom: dotted 1px #6389A2; }
#middleColumn .listOverview ul li a { text-decoration: none; }
#middleColumn .listOverview ul li a.more
{
text-align: right;
display: block;
text-decoration: none;
color: #6389A2;
padding-right: 10px;
padding-bottom: 0px;
background:url(/frontend/img/blue_arrow.gif) center right no-repeat;
}
.listOverview ul li table { margin: 0 0 0 0; border: none; border-collapse: collapse; }
.listOverview ul li table tbody tr td { vertical-align: top; padding:0; border: 0px; }
#middleColumn .listOverview ul li a.more:hover
{ text-decoration: underline; }
#middleColumn .listOverview ul li img { float: left; margin-right: 10px; border: 1px solid #eee; }
/* References Column */
#referencesColumn
{
overflow:hidden;
border-left:1px #AFC2CF solid;
}
#homePage #referencesColumn { border-left: 1px white solid; }
#referencesColumn #norelations
{ margin-bottom: 250px; }
#referencesColumn h2
{ color:#164A58; font:300 13px/13px Arial; padding-top: 5px;}
#referencesColumn .section
{ width:165px; padding-bottom:10px; margin-top:-1px; border-top:1px #AFC2CF dotted; display:block; }
#referencesColumn .section h3
{ color:#164A58; font:100 13px/13px Arial; margin-bottom:13px; margin-top:7px; }
#referencesColumn .section a,
#referencesColumn .section a:link,
#referencesColumn .section a:visited
{ color:green; text-decoration:none; }
#referencesColumn .section a:hover
{ text-decoration:underline; }
#referencesColumn .section .teaser { margin-top: 5px; }
/* crosssection */
#referencesColumn .section .crossSection p { clear: both; padding-top: 5px; }
#referencesColumn .crossSection img
{
border-top: solid 1px #eee;
border-left: solid 1px #eee;
border-right: solid 2px #eee;
border-bottom: solid 2px #eee;
margin: 2px 10px 2px 2px;
}
#referencesColumn .crossSection a.link
{ clear:both;
display:block;
background:url(/frontend/img/brown_arrow.gif) center left no-repeat;
padding:3px 0 5px 16px;
}
#referencesColumn p
{ margin-bottom:5px; }
#referencesColumn p
{ color:#697271; }
#referencesColumn hr
{ border-width:0px; margin-top:5px; margin-bottom:5px; padding:0; height:1px; color:#000; background-color:#000; }
#referencesColumn .linkSection img, #referencesColumn .contactSection img, #referencesColumn .downloadSection img
{ vertical-align:text-top; border:1px #eee solid; float:left; margin-top:3px; margin-right:5px; clear:both; }
#referencesColumn .linkSection a, #referencesColumn .contactSection a, #referencesColumn .downloadSection a
{ display:block; margin-top:7px; }
#referencesColumn .linkSection a, #referencesColumn .downloadSection a
{ text-align:right; }
#referencesColumn .linkSection a
{ padding-right:10px; background:url(/frontend/img/link.gif) no-repeat left 1px ; }
#referencesColumn .linksSection a
{ display:block; background:url(/frontend/img/link.gif) no-repeat left 8px; padding:5px 0 5px 16px; }
#referencesColumn .contactsSection ul {
margin-left: 0; padding-left: 0;
list-style: none outside none;
}
#referencesColumn .contactsSection ul li {
background: url(/frontend/img/icon_person.png) no-repeat left 2px;
}
#referencesColumn .contactsSection ul li img { margin: -2px 5px auto auto; }
#referencesColumn .contactsSection ul li ul {
list-style: none outside none;
padding-left: 16px;
}
#referencesColumn .contactsSection a.img-link {
padding: auto; margin: auto; display: inline; /*float: right*/
}
#referencesColumn .contactsSection ul li ul li {
background: none; background-color: transparent; }
#referencesColumn .contactsSection ul li a
{
display: block;
padding: 0 0 0 16px;
margin-top: 5px
}
#referencesColumn .contactsSection ul li ul li.tel { background: url(/frontend/img/icon_telephone.gif) no-repeat left 3px; padding-left: 16px; }
#referencesColumn .contactsSection ul li ul li.fax { background: url(/frontend/img/icon_fax.gif) no-repeat left 2px; padding-left: 16px; }
#referencesColumn .contactsSection ul li ul li.cell { background: url(/frontend/img/icon_phone.gif) no-repeat left 2px; padding: 2px 0 0 16px; }
#referencesColumn .contactsSection ul li ul li.url { background: url(/frontend/img/icon_url.gif) no-repeat left 2px; padding: 2px 0 0 16px; }
#referencesColumn .contactsSection ul li ul li.url a
{
padding: 0;
color: #6389A2; margin-top: auto;
}
#referencesColumn .contactsSection .contactIndent { margin-left: 16px; }
#referencesColumn .contactsSection img { margin: auto 5px auto 1px; }
#referencesColumn .downloadsSection ul
{ list-style: none outside none; margin-left: 0; padding-left: 0 }
#referencesColumn .downloadsSection ul li
{ background: url(/frontend/img/brown_arrow.gif) no-repeat left 5px; padding-left: 16px; }
#referencesColumn .downloadsSection ul li a
{ display:block;
padding: 0 18px 5px 0 ;
margin-top: 5px; background:transparent; }
#referencesColumn .downloadsSection ul li.pdf a
{ background:url(/frontend/img/filetypes/pdf.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.zip a
{ background:url(/frontend/img/filetypes/zip.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.doc a
{ background:url(/frontend/img/filetypes/doc.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.7z a
{ background:url(/frontend/img/filetypes/zip.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.avi a
{ background:url(/frontend/img/filetypes/avi.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.dot a
{ background:url(/frontend/img/filetypes/dot.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.gif a
{ background:url(/frontend/img/filetypes/gif.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.htm a
{ background:url(/frontend/img/filetypes/htm.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.img a
{ background:url(/frontend/img/filetypes/img.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.jpeg a
{ background:url(/frontend/img/filetypes/jpg.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.jpg a
{ background:url(/frontend/img/filetypes/jpg.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.qt a
{ background:url(/frontend/img/filetypes/qt.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.rar a
{ background:url(/frontend/img/filetypes/zip.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.swf a
{ background:url(/frontend/img/filetypes/swf.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.txt a
{ background:url(/frontend/img/filetypes/txt.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.wmv a
{ background:url(/frontend/img/filetypes/wmv.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.xls a
{ background:url(/frontend/img/filetypes/xls.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.xlt a
{ background:url(/frontend/img/filetypes/xlt.gif) no-repeat right top; }
#referencesColumn .downloadsSection ul li.ppt a
{ background:url(/frontend/img/filetypes/ppt.gif) no-repeat right top; }
#rightColumn .section .crossSection p { clear: both; padding-top: 5px}
#rightColumn .crossSection img
{
border-top: solid 1px #eee;
border-left: solid 1px #eee;
border-right: solid 2px #eee;
border-bottom: solid 2px #eee;
margin: 2px 10px 2px 2px;
}
#rightColumn .crossSection a {text-decoration: none; color: Green }
#rightColumn .crossSection a.link
{ clear:both;
display:block;
background:url(/frontend/img/brown_arrow.gif) no-repeat left center;
padding:3px 0 5px 16px;
}
#rightColumn .crossSection a:hover { text-decoration: underline; }
.inputitem a { color: green; text-decoration: none; display:block; background:url(/frontend/img/brown_arrow.gif) no-repeat left 8px; padding:5px 0 0 16px; margin: 2px 0; }
#imageColumn
{ overflow:hidden; }
#imageColumn .section
{ width:165px; padding-bottom:5px; margin-top:-1px; border-top:1px #AFC2CF dotted; clear:both; }
#imageColumn .section img { border: solid 1px #eee; }
#pageTitle h1 * {
color:#6388A1;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin-left:0;
}
#pageTitle h3 { font-size: 12px; }
#mainColumn .downloadsSection { border-left: solid 1px #eee; border-right: solid 1px #eee; margin-bottom: 10px }
#mainColumn .downloadsSection h2 { color: gray; display:block; background-color: #eee; padding: 2px 5px; margin-top: 10px }
#mainColumn .downloadsSection ul li h3, #mainColumn .downloadsSection ul li ul li h3 { padding: 0;}
#mainColumn .downloadsSection ul { list-style-image: none; margin: 5px; padding: 5px 2px; }
#mainColumn .downloadsSection ul li { margin: 0; padding: 4px 2px; width: 99% }
#mainColumn .downloadsSection ul li ul li { margin: 0; clear: both; }
#mainColumn .downloadsSection li
{
list-style-image: none;
list-style: none;
margin: 5px 10px;
display:block;
}
#mainColumn .downloadsSection div { padding: 0; }
#mainColumn .downloadsSection a
{ color: green;
background:url(/frontend/img/brown_arrow.gif) no-repeat left center;
padding:5px 0 4px 16px;
margin-right: 125px;
}
#mainColumn .downloadsSection .icon { float: right; margin-left: 10px; text-align: right }
#mainColumn .downloadsSection .filesize { float: right; width: 100px; text-align: right }
#mainColumn .jobsOverview { border-left: solid 1px #eee; border-right: solid 1px #eee; margin-bottom: 10px }
#mainColumn .jobsOverview h2 { color: gray; display:block; background-color: #eee; padding: 2px 5px; margin-top: 10px }
#mainColumn .jobsOverview ul { list-style-image: url(); list-style-type: none; margin: 0 5px; }
#mainColumn .jobsOverview ul li { padding: 10px 0; list-style-image: none; border-bottom: dotted 1px #ddd; }
#mainColumn .jobsOverview ul h3 a { text-decoration: none; color: #6389A2; padding-bottom: 0; margin-bottom: 10px}
#mainColumn .jobsOverview ul h3 a:hover { border-bottom: dashed 1px #6389A2}
#mainColumn .jobsOverview ul h3 a.more
{
text-align: right;
display: block;
text-decoration: none;
color: #6389A2;
padding-right: 10px;
padding-bottom: 0px;
background:url(/frontend/img/blue_arrow.gif) no-repeat right center ;
}
#mainColumn .jobsOverview ul li img { float: left; margin-right: 10px; border: 1px solid #eee }
ul#gallery { list-style-type:none; list-style-position:outside; margin:0; }
ul#gallery img { padding: 1px; border: #999 dotted 1px; }
ul#gallery li {
list-style:none; padding:0;
width: 130px; margin: 0 3px 2px 0;
display: inline-block; vertical-align: top;
}
* html ul#gallery li { display:inline; padding: 0 2px 2px 0; } /* for IE 6 */
* + html ul#gallery li { display:inline; padding: 0 2px 2px 0;} /* for IE 7 */
ul#gallery li label.alt { display: block; color: #666 }
#jobDetails h1 { font-size: 150%; font-weight: bold; }
#jobDetails h2 { font-size: 120%; font-weight: bold; margin-top: 20px; }
#jobDetails table { margin:10px 0; }
#jobDetails table td { padding-right: 10px; }
/* Panels */
.panel
{ position:absolute; }
#headerPanel
{ left:0px; top:0px; width:100%; height:93px; border-top:1px #FFF solid; padding-top: 1px; background:#1a4f5e url(/frontend/img/header-small.jpg) 0px 18px no-repeat; background-position: right bottom; border-bottom:#6389a0 18px solid; }
#homePage.bigBanner
#headerPanel
{ background-image:url(/frontend/img/header-big.jpg); height:168px; }
#footerPanel
{ left:0px; bottom:-2px; width:100%; height:18px; background-color:white; border-top:1px #6389a0 solid; border-bottom:2px #bbb solid; padding-top: 4px; }
#logoPanel
{ left:14px; top:26px; width:91px; height:68px; background:url(/frontend/img/logo-small.jpg) no-repeat; }
#homePage.bigBanner
#logoPanel
{ left:13px; top:75px; width:117px; height:87px; background:url(/frontend/img/logo-big.jpg) no-repeat; }
#logoPanel a
{ position:absolute; display:block; left:2px; top:2px; width:81px; height:58px; }
#homePage.bigBanner
#logoPanel a
{ width:107px; height:77px; }
#logoPanel a:hover
{ background-color:#FFF; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity:0.5; }
#mainNavPanel
{ left:0px; top:95px; width:100%; height:17px; border-bottom:1px #22546d solid; }
#homePage.bigBanner
#mainNavPanel
{ top:170px;}
#mainNavPanel ul
{ background:url(/frontend/img/tab-1-middle.gif) top left; height:19px; position:absolute; }
#mainNavPanel ul li
{ background:url(/frontend/img/tab-1-right.gif) top left no-repeat; height:18px; padding:0 0 0 4px; }
#mainNavPanel ul li.visiting
{ background:url(/frontend/img/tab-1-rightSelected.gif) top left no-repeat; }
#mainNavPanel ul li a
{ background:url(/frontend/img/tab-1-left.gif) top right no-repeat; height:15px; padding:2px 10px 1px 0; }
#mainNavPanel ul li.visiting a
{ background:#FFF url(/frontend/img/tab-1-leftSelected.gif) top right no-repeat; color:#000; }
#subNavPanel
{ right:0px; top:2px; width:100%; height:20px; border-bottom:1px #22546d solid; overflow:hidden; }
#subNavPanel ul
{ background:url(/frontend/img/tab-2-middle.gif) top left; height:20px; position:absolute; right:0px; }
#subNavPanel ul li
{ background:url(/frontend/img/tab-2-right.gif) top left no-repeat; height:19px; padding:0 0 0 4px; }
#subNavPanel ul li.visiting
{ background:url(/frontend/img/tab-2-rightSelected.gif) top left no-repeat; }
#subNavPanel ul li a
{ background:url(/frontend/img/tab-2-left.gif) top right no-repeat; height:16px; padding:2px 10px 1px 0; }
#subNavPanel ul li.visiting a
{ background:#FFF url(/frontend/img/tab-2-leftSelected.gif) top right no-repeat; color:#000; }
#subNavPanel ul a#header-languageSelector
{ background:url(/frontend/img/dutch_flag_thumb.gif) 1px 3px no-repeat; padding-left:20px; }
#fontsize { position: absolute; top: 113px; width: 980px; text-align: right; padding: 7px 0 7px 0; }
#breadcrumbPanel
{ left:0px; top:113px; width:100%; height:18px; padding:7px 0 7px 0; }
#homePage.bigBanner
#breadcrumbPanel
{ top:188px; }
#breadcrumbPanel *
{ font-family:Arial, Helvetica, Sans-Serif; }
#breadcrumbPanel ul, #breadcrumbPanel ul li
{ background-color:#FFF; }
#breadcrumbPanel ul
{ padding-left:7px; border-width:0px; }
#breadcrumbPanel ul li
{ background:url(/frontend/img/blue_arrow.gif) left 5px no-repeat; padding:0; margin:0 0 0 0px; }
#breadcrumbPanel ul li a
{ color:black; padding:2px 0 0 10px; margin:0 10px 0 0; text-decoration:none; font-weight:normal; }
#breadcrumbPanel ul li a:hover
{ text-decoration:underline; }
#breadcrumbPanel ul li.visiting a
{ text-decoration:none; cursor:pointer; color:#777; font-weight:bold; }
#copyrightPanel
{ height:18px; display: inline; margin-right: 10px; }
#supportPanel
{ height:18px; width: 100%; text-align:right; }
#supportPanel a, #supportPanel a:link, #supportPanel a:visited
{ border-right:1px silver solid; padding:5px; color:#336C97; text-decoration:none; }
#supportPanel a:hover
{ text-decoration:underline; }
#inputform { margin: 10px 0; }
#inputform .inputitem { margin: 3px 0; padding: 0; }
#inputform .inputitem .caption { float: left; width: 75px; }
#inputform .inputitem .input { margin-left: 80px; }
#inputform .inputitem .input input { padding: 0; font-size: 8pt; width: 350px; border: solid 1px #ccc }
#inputform .inputitem .input textarea { padding: 0; font-size: 8pt; width: 350px; height: 100px; border: solid 1px #ccc }
/* Menu's */
ul.verticalMenu
{ position:relative; list-style-type:none; list-style-position:outside; }
ul.verticalMenu li.caption
{ position: relative; background-color:#6389A0; background-image: none; border-bottom:1px black solid; color:#FFF; display:block; font-weight:bold; font-size:1.1em; padding: 2px 4px; margin:0; }
ul.verticalMenu li
{ background-repeat:no-repeat; background-color:#F7F7F7; }
ul.verticalMenu li a:link, ul.verticalMenu li a:visited
{ border-bottom:1px #6389A0 solid; display:block; padding:4px 0 4px 4px; margin:0; color:#22546D; font-weight:normal; text-decoration:none; }
ul.verticalMenu li a:hover
{ text-decoration:underline; }
ul.verticalMenu li
{ background-image:url(/frontend/img/menu.gif); }
ul.verticalMenu li.collapsed
{ background-image:url(/frontend/img/menu_collapsed.gif); }
ul.verticalMenu li.expanded
{ background-image:url(/frontend/img/menu_expanded.gif); }
ul.verticalMenu li.selected
{ background-color:#D2DDE3; }
ul.verticalMenu li.selected *
{ font-weight:bold; }
ul.verticalMenu
{ list-style-type:none; }
ul.verticalMenu li
{ background-position:6px 8px; }
ul.verticalMenu li a:link, ul.verticalMenu li a:visited
{ padding-left:16px; }
ul.veticalMenu ul ul { list-style-type:none; }
ul.verticalMenu ul li
{ background-position:18px 8px; }
ul.verticalMenu ul li a:link, ul.verticalMenu ul li a:visited
{ padding-left:28px; }
ul.verticalMenu ul ul li
{ background-position:30px 8px; }
ul.verticalMenu ul ul li a:link, ul.verticalMenu ul ul li a:visited
{ padding-left:40px; }
ul.verticalMenu ul ul ul li
{ background-position:42px 8px; }
ul.verticalMenu ul ul ul li a:link, ul.verticalMenu ul ul ul li a:visited
{ padding-left:52px; }
ul.verticalMenu ul ul ul ul li
{ background-position:54px 8px; }
ul.verticalMenu ul ul ul ul li a:link, ul.verticalMenu ul ul ul ul li a:visited
{ padding-left:64px; }
ul.verticalMenu ul ul ul ul ul li
{ background-position:66px 8px; }
ul.verticalMenu ul ul ul ul ul li a:link, ul.verticalMenu ul ul ul ul ul li a:visited
{ padding-left:76px; }
ul.verticalMenu ul ul ul ul ul ul li
{ background-position:78px 8px; }
ul.verticalMenu ul ul ul ul ul ul li a:link, ul.verticalMenu ul ul ul ul ul ul li a:visited
{ padding-left:88px; }
ul.verticalMenu ul ul ul ul ul ul ul li
{ background-position:102px 8px; }
ul.verticalMenu ul ul ul ul ul ul ul li a:link, ul.verticalMenu ul ul ul ul ul ul ul li a:visited
{ padding-left:112px; }
ul.horizontalMenu
{ display:inline-block; margin:0; padding:0; }
ul.horizontalMenu ul
{ display:none; }
ul.horizontalMenu ul
{ display:none; }
ul.horizontalMenu li a, ul.horizontalMenu li a:link, ul.horizontalMenu li a:visited
{ text-decoration:none; line-height: 125%;}
ul.horizontalMenu li a:hover
{ text-decoration:underline; }
ul.horizontalMenu li:hover ul
{ display:block; position:absolute; }
ul.horizontalMenu li:hover ul li
{ width:150px; }
ul.horizontalMenu li:hover ul ul
{ display:none; }
ul.horizontalMenu ul li:hover ul
{ display:inline-block; position:absolute; margin-left:100%; margin-top:-20px; }
ul.horizontalMenu ul li:hover ul li
{ width:150px; }
ul.horizontalMenu li
{ background-repeat:no-repeat; list-style-type:none; margin-left:0; padding:0; display:block; float:left; white-space:nowrap; }
ul.horizontalMenu li a:link, ul.horizontalMenu li a:visited
{ color:#FFFFFF; display:block; font-weight:bold; margin:0 0 0 4px; height:14px; padding:2px 2px 0 2px; }
ul.horizontalMenu ul li
{ list-style-type:none; margin-left:0; padding:0; display:list-item; float:none; }
ul.horizontalMenu ul li a:link, ul.horizontalMenu ul li a:visited
{ color:#FFFFFF; display:block; font-weight:bold; margin:0 0 0 4px; height:14px; padding:2px 2px 0 2px; clear:both; }
ul.horizontalMenu ul li a:hover
{ background-color:#FFFFFF; color:#6389A0; }
/* Homepage */
#content { display: block; clear: both; width: 100%; }
#content td
{
width: 320px;
vertical-align: top;
}
#content td table td { width: auto; }
#content .newswidget td { width: auto; padding: 5px 0; }
#content .block {
height: 150px;
width: 296px;
display: block;
padding: 10px;
border-top: solid 5px #D1A97A;
border-left: solid 1px #ddd;
border-right: solid 1px #ddd;
}
#content .block img { margin-bottom: 8px; }
#content .link {
border-left: solid 1px #ddd;
border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
border-top: none;
padding: 10px;
text-align: right;
/*display: block;*/
width: 296px;
margin-bottom: 8px;
}
#content a, #highlights a{
color: #1A4F5E;
text-decoration: none ;
}
#content .link a {
padding-right: 15px;
background-image: url(/frontend/img/arrow_next.gif);
background-position: right;
background-repeat: no-repeat; }
#content a:hover { border-bottom:dotted 1px #6389A2; }
#content a.img-link:hover { border-bottom:none 1px #6389A2; }
a.regular {
border-bottom: none;
}
#highlights {
margin: 0 2px;
border: solid 1px #ddd;
border-top: solid 5px #6389A0;
border-bottom: solid 1px #6389A0;
background-image: url(/frontend/img/gradient_highlights.jpg);
background-repeat: repeat-x;
background-position: bottom;
border-collapse: separate;
}
#highlights td { vertical-align: top; width: 25%; }
#highlights .block * { line-height: normal;}
#highlights .block {
padding: 8px;
border-right: solid 1px #ddd;
border-left: solid 2px #fff;
}
#highlights .block a { font-size: 9.5pt; text-decoration: none;}
#highlights .block a { color: #1A4F5E; }
#highlights .block a:hover { border-bottom: dashed 1px #6389A0; }
#highlights .block img { margin: 0 8px 8px 0; }
.block .listOverview { margin-left: 0; }
.block h3 { font-weight: normal; font-size: 120%; color: #6389A2 }
.block .listOverview ul { list-style-type: none; padding-left: 0; margin: 10px 5px; }
.block .listOverview ul li {
padding: 5px 0 5px 15px;
background-image: url(/frontend/img/arrow_next.gif);
background-position: left 5pt;
background-repeat: no-repeat;
list-style-image: none;
}
.block li { list-style-image:url(/frontend/img/brown_square.gif);}
.slideshow img { position: absolute; top: 0; }