* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
color: #000;
}
*>html{
height: 100%;
}
body {
text-align: center;
font-family: Trebuchet MS, Verdana;
font-size: 11px;
background-color: #000033;
background-image: url("../images/background-header.jpg");
background-repeat: repeat-x;
background-position: top center;
}
h1, h2, h4, h5, h6, p, ul, li, ol, dl, pre, blockquote, form, fieldset, address {
margin: 15px 15px;
}
a {
color: #9999cc;
}
a:link { color: #9999cc; text-decoration: underline; }
a:visited { color: #9999cc; text-decoration: underline; }
a:hover { color: #9999cc; text-decoration: none; }
a:active { color: #9999cc; text-decoration: underline; }
#topnav a:link { color: #000; text-decoration: none; }
#topnav a:visited { color: #000; text-decoration: none; }
#topnav a:hover { color: #000; text-decoration: underline; }
#topnav a:active { color: #000; text-decoration: none; }
#nav a:link { color: #9999cc; text-decoration: none; }
#nav a:visited { color: #9999cc; text-decoration: none; }
#nav a:hover { color: #9999cc; text-decoration: none; }
#nav a:active { color: #9999cc; text-decoration: none; }
a.orange:link { color: #ff9933; font-weight: bold; }
a.orange:visited { color: #ff9933; font-weight: bold; }
a.orange:hover { color: #ff9933; font-weight: bold; }
a.active { color: #ff9933; font-weight: bold; }
#footer a:link { color: #FFF; text-decoration: none; }
#footer a:visited { color: #FFF; text-decoration: none; }
#footer a:hover { color: #FFF; text-decoration: underline; }
#footer a:active { color: #FFF; text-decoration: none; }
h1 {
font-size: 24px;
font-weight: bold;
}
h2 {
margin: 0px 15px 10px 15px;
font-size: 18px;
font-weight: bold;
}
h3 {
float: left;
width: 430px;
_width: 433px;
height: 24px;
margin: 0px;
padding: 0px 0px 0px 3px;
line-height: 22px;
vertical-align: middle;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #666699;
}
h4 {
font-size: 16px;
font-weight: bold;
color: #FFF;
}
h5 {
width: 530px;
_width: 533px;
margin: 0px 0px 4px 15px;
padding: 4px 0px 4px 3px;
font-size: 11px;
font-weight: bold;
border-top: 1px solid #666699;
border-bottom: 1px solid #666699;
}
h1, h2, h3, h4, h5 ul li {
cursor: default;
}
br {
clear: left;
}
p {
font-size: 11px;
}
img {
border: none;
}
ul {
margin: 0 15px;
}
ul li {
margin: 5px 15px 5px 15px;
}
label, input, textarea {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}
input {
padding: 1px;
font-family: Verdana;
font-size: 10px;
}
label {
text-align: left;
width: 85px;
_width: 125px;
padding: 0px 20px 0px 20px;
white-space: nowrap;
background-position: 5% 50%;
background-repeat: no-repeat;
}
input[type=hidden] {
width: 0px;
height: 0px;
margin: 0px;
padding: 0px;
}
input[type=submit] {
width: auto;
margin-left: 125px;
padding: 1px 3px 1px 3px;
}
input[type=radio] {
width: auto;
}
textarea {
width: 300px;
height: 150px;
font-family: Verdana;
font-size: 10px;
}
#form_message, #form_error {
padding: 0px 0px 0px 0px;
margin: 0px;
}
#form_error {
display: none;
}
.activeElement {
background-image: url("../images/arrow2.gif");
background-repeat: no-repeat;
background-position: center right;
}
label.required {
background-image: url("../images/background-menuitem.gif");
}
.success {
background-image: url("../images/success.gif");
background-position: 1% 50%;
}
.failure {
background-image: url("../images/failure.gif");
background-position: 3% 50%;
}
.mail_rev {
unicode-bidi: bidi-override;
direction: rtl;
}
.mail_supp {
display: none;
}
#logo {
float: left;
margin-top: 10px;
margin-left: 10px;
}
#topnav {
float: right;
margin: 0px;
padding: 0px;
list-style: none;
}
#topnav li {
display: inline;
width: 138px;
height: 90px;
margin: 0px;
padding: 112px 0px 0px 0px;
background-image: url("../images/arrow.gif");
background-repeat: no-repeat;
background-position: 38px 115px;
font-size: 10px;
text-indent: 55px;
*padding-left: 0px;
_padding-left: 55px;
*text-indent: 55px;
_text-indent: 0px;
}
#topnav>li {
float: left;
}
#topnav li a {
cursor: pointer;
}
li b {
font-weight: normal;
size: 11px;
}
#menu {
width: 163px;
margin: 0px 45px 5px 15px;
padding: 5px 0px 5px 0px;
font-size: 11px;
font-weight: bold;
list-style: none;
border-top: 1px solid #666699;
}
#menu li {
width: 163px;
margin: 0px;
padding: 0px;
}
#menu li a {
display: block;
margin: 0px;
padding: 5px;
padding-left: 17px;
text-decoration: none;
color: #9999cc;
background-image: url("../images/background-menuitem.gif");
background-repeat: no-repeat;
background-position: 4% 50%;
cursor: pointer;
}
#menu li b {
margin-right: 6px;
}
* html #menu li { float: left; height: 1%; }
* html #menu li a { height: 1%; }
/*#menu li a:hover {
text-decoration: none;
background-image: url("../images/background-menuitem_hover.gif");
background-repeat: no-repeat;
background-position: 4% 50%;
}*/
#menu li a:hover span {
color: #ccccff;
text-decoration: underline;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
display: none;
}
#menu ul li {
margin: 0px;
padding: 0px;
font-weight: normal;
}
#menu ul li a {
padding-left: 32px;
background-image: url("../images/background-menuitem.gif");
background-position: 13% 50%;
}
/*#menu ul li a:hover {
background-color: #e5e599;
_background-color: none;
background-position: 13% 50%;
}*/
#menu ul li ul {
display: none;
}
#menu ul li ul li a {
padding-left: 47px;
background-image: url("../images/background-submenuitem.gif");
background-position: 23% 50%;
}
/*#menu ul li ul li a:hover {
background-color: #e5e599;
_background-color: none;
background-image: url("../images/background-submenuitem_hover.gif");
background-position: 23% 50%;
}*/
#container {
width: 100%;
height: 100%;
background-image: url("../images/background-footer.gif");
background-repeat: repeat-x;
background-position: bottom center;
}
#wrap {
position: relative;
height: 100%;
width: 750px;
margin: 0 auto;
text-align: left;
}
#middle {
position: relative;
height: auto;
min-height: 100%;
border-left: 200px solid #000033;
margin-bottom: -31px;
width: 550px;
}
.resize {
margin-bottom: -62px;
}
#middle:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
* html #wrap, * html #middle {
height: 100%;
}
#header {
position: absolute;
top: 0;
left: 0;
height: 130px;
width: 100%;
overflow: hidden;
z-index: 3;
background-image: url("../images/background-mainheader.jpg");
background-repeat: no-repeat;
background-position: top right;
}
#main {
padding-top: 130px;
padding-bottom: 31px;
position: relative;
float: left;
width: 549px;
}
#content {
position: relative;
float: right;
width: 548px;
border-right: 1px solid #666699;
background-color: #000033;
color: #ccccff;
}
img.photo {
border: 1px solid #666699;
}
#nav {
position: relative;
float: left;
width: 195px;
margin-left: -197px;
color: #cccc66;
background-color: #333366;
}
* html #nav, * html #content {
overflow: hidden;
}
dl.workers {
margin: 15px 15px;
padding: 0px;
}
dl.workers dt {
float: left;
clear: left;
width: 360px;
}
dl.workers dd {
margin: 0 0 0 170px;
padding: 0 0 0.5em 0;
}
div.news_item, div.project {
height: 125px;
width: 533px;
margin: 15px 15px 25px 15px;
padding: 0px;
border-top: 1px solid #666699;
border-bottom: 1px solid #666699;
}
div.news_item span.date, div.project span.date {
display: block;
float: right;
clear: right;
width: 95px;
_width: 100px;
height: 24px;
padding: 0px 5px 0px 0px;
line-height: 22px;
vertical-align: middle;
text-align: right;
border-bottom: 1px solid #666699;
}
div.news_item p.news_intro, div.project p.project_description {
float: left;
clear: left;
width: 427px;
_width: 430px;
height: 97px;
_height: 100px;
margin: 0px;
padding: 3px 0px 0px 3px;
}
div.news_item a.orange {
display: block;
width: 70px;
margin-top: 5px;
}
div.project a.orange {
display: block;
width: 92px;
margin-top: 5px;
}
div.news_item div.news_image, div.project div.project_picture {
float: right;
width: 100px;
height: 100px;
margin: 0px;
*margin-bottom: -4px;
padding: 0px;
_padding-right: 1px;
border-left: 1px solid #666699;
}
img.news_thumb {
float: left;
margin: 4px 15px 0px 15px;
border: 1px solid #666699;
}
ul#list, ul#news_list {
margin: 0px 15px 15px 30px;
padding: 0px;
list-style-image: url("../images/item-marker2.gif");
*list-style-image: url("../images/item-marker.gif");
}
ul#list li, ul#news_list li {
margin: 2px;
padding: 0;
}
ul#list li.info {
list-style: none;
list-style-image: none;
}
ul#news_list li a {
text-decoration: none;
}
ul#news_list li a:hover {
text-decoration: underline;
}
div.thumbnails {
margin: 15px 15px 0px 15px;
}
div.thumbnails a, div.thumbnails a:active {
text-decoration: none;
}
.thumbnail {
margin: 0 15px 15px 0;
*margin: 0 15px 15px 0;
_margin: 0 15px 15px 0;
border: 1px solid #666699;
}
.thumbnail:hover {
background-color: #FFDDBB;
border: 1px solid #ff9933;
}
dl#page_info dt, dl#page_info dd {
margin: 0px;
padding: 0px;
}
dl#page_info dt {
float: left;
width: 85px;
margin-right: 0.3em;
padding: 0px;
font-weight: bold;
text-indent: 14px;
background-image: url("../images/background-menuitem.gif");
background-repeat: no-repeat;
background-position: 5% 50%;
}
dl#faq {
width: 533px;
margin: 0px 0px 0px 15px;
padding: 0px;
border-top: 1px solid #666699;
}
dl#faq dt {
width: 393px;
_width: 396px;
border-right: 1px solid #666699;
}
dl#faq dt, dl#faq dd {
margin: 0px;
padding: 4px 0px 4px 3px;
border-bottom: 1px solid #666699;
cursor: default;
}
dl#faq dt {
float: left;
font-weight: bold;
}
dl#faq>dd {
text-indent: 5px;
}
dl#faq dt a {
color: #ccccff;
text-decoration: none;
cursor: pointer;
}
dl#faq dt a:hover {
text-decoration: underline;
}
dl#faq_items {
width: 533px;
margin: 15px 15px -10px 15px;
*margin: 15px 15px -25px 15px;
padding: 0px;
}
dl#faq_items dt, dl#faq_items dd {
width: 530px;
_width: 533px;
margin: 0px;
padding: 4px 0px 4px 3px;
border-bottom: 1px solid #666699;
cursor: default;
}
dl#faq_items dt {
font-weight: bold;
border-top: 1px solid #666699;
}
dl#faq_items dd {
margin-bottom: 25px;
}
ul#vacancy_list {
width: 533px;
margin: 0px 0px 0px 15px;
padding: 0px;
list-style-type: none;
border-top: 1px solid #666699;
}
ul#vacancy_list li {
margin: 0px;
padding: 4px 0px 4px 3px;
font-weight: bold;
border-bottom: 1px solid #666699;
cursor: default;
}
ul#vacancy_list li a {
color: #9999cc;
text-decoration: none;
cursor: pointer;
}
ul#vacancy_list li a:hover {
text-decoration: underline;
}
div.vacancy_info {
margin: -11px 0px -9px 3px;
}
p.vacancy_info {
margin: 4px 4px 5px 18px;
}
table.contact {
margin: 0px 15px 0px 15px;
font-size: 11px;
color: #ccccff;
padding: 0px;
border-collapse: collapse;
}
table.contact td {
padding: 3px 10px 3px 0px;
}
table.contact td.rowstart {
padding-bottom: 15px;
font-weight: bold;
}
table.contact td.rowheading {
padding-top: 15px;
padding-bottom: 15px;
font-weight: bold;
}
table.contact td.rowclosure {
padding-bottom: 15px;
}
img.map {
margin: 0px 15px 15px 15px;
border: 1px solid #666699;
}
div#map {
width: 498px;
height: 216px;
margin: 0px 0px 15px 15px;
border: 1px solid #666699;
}
div#routeplanner_content {
display: none;
}
div#routeplanner {
margin: 0px;
padding: 0px 0px -3px 0px;
color: #000;
font-family: Verdana;
font-size: 10px;
}
div#routeplanner img {
margin: 0px;
padding: 0px;
}
div#routeplanner h6 {
margin: 0px 0px 5px 0px;
padding: 0px;
font-size: 10px;
font-weight: bold;
}
div#routeplanner p {
margin: 0px 0px 5px 0px;
padding: 0px;
font-size: 10px;
}
div#routeplanner form {
margin: 0px;
padding: 0px;
}
div#routeplanner label {
width: auto;
margin: 0px;
padding: 0px;
background: none;
}
div#routeplanner input.saddr {
width: 125px;
height: 16px;
margin: 0px 3px 0px 3px;
padding: 0px;
font-family: Verdana;
font-size: 10px;
}
div#routeplanner a.submit {
color: #000;
text-decoration: underline;
}
div#routeplanner a.submit:hover {
text-decoration: none;
}
ul#options {
width: 290px;
margin-bottom: 15px;
padding-top: 14px;
list-style: none;
font-size: 10px;
border-top: 1px solid #666699;
}
ul#options li {
display: inline;
margin: 0px;
padding: 4px 5px 3px 21px;
background-repeat: no-repeat;
background-position: 0% 60%;
}
ul#options li.bookmark {
background-image: url("../images/options_bookmark.jpg");
}
ul#options li.print {
background-image: url("../images/options_print.jpg");
}
ul#options li.mail {
background-image: url("../images/options_mail.jpg");
}
ul#options li.feed {
background-image: url("../images/options_feed.jpg");
}
ul#options li a {
cursor: pointer;
}
#footer {
clear: both;
position: relative;
width: 100%;
height: 31px;
margin: 0px;
padding: 0px;
text-align: center;
font-family: Verdana;
color: #FFF;
font-size: 10px;
font-weight: bold;
background-image: url("../images/background-footer.gif");
background-position: bottom center;
}
div#footer a {
display: block;
padding: 16px 0px 0px 0px;
margin: 0px;
}