/* Design & Code (c) Devoler */

/* nulls margin and padding properties for any tag */
*{margin:0;padding:0}
img{border:none}
.sep{clear:both}
form label{cursor:pointer}
table{border-collapse:collapse;border-spacing:0}

/* here page structure is described */
html, body{height:100%;}
#highest-container{text-align:left;}
#head, #menu {width:970px;}
#banners, #inner {width:860px;}
  #links{height:70px;}
    #links div{width:260px;margin:30px 0 0 0;float:left;}
    #links div.border{width:30px;height:70px;margin:0}
    #links div.space{width:80px}
    #links div.last{width:76px;}
    #links input{width:80px;}
  #logo {padding:21px 0 31px 52px;}

#banners {clear:left;margin:80px 0 50px 110px;padding:0;text-align:left;height:200px;list-style-type:none;} 
  #banners li{display:block;width:260px;height:200px;margin:0;padding:0;float:left;background:none;}
  #banners div.head {height:20px;}
  #banners div.banner1,
  #banners div.banner2,
  #banners div.banner3 {height:180px;width:180px;}
  #banners div.banner1 a,
  #banners div.banner2 a,
  #banners div.banner3 a {display:block;height:180px;width:180px;}
#left-inner #banners {clear:left;display:block;height:auto;margin:0;padding:0;text-align:left;width:180px;float:none;list-style-type:none;}
#left-inner #banners li{display:block;width:180px;height:200px;margin:60px 0 0 0;padding:0;background:none;}
#inner {margin:0 0 30px 110px;}
#left-inner {width:180px;float:left;min-height:430px}
#main-inner {width:600px;float:left;min-height:430px}
#main-inner #content {margin:80px 80px 0 80px;width:440px;}
  
#content {margin:0 0 30px 110px;width:695px;}
  .article-img {display:block;float:left;margin:0.3em 10px 5px 0;}
  #content ul {clear:both}
  #content div.nav {padding:30px 0 10px 0;}
span.pressdate {display:block}
div.clear {clear:both}

#flashcont {position:relative;}
#flashmap {position:absolute;left:-100px}
#flashheight {height:500px}

#one-column{padding:0 0 10px 0;width:540px;}
  .content-margin{margin:15px;}

#footer{clear:both;margin:0 0 0 110px;height:35px;width:850px;}
  #devoler{float:right;}
    #devoler img{vertical-align:middle;}
  #copy{float:left;}

/* Forms */
input {padding:1px 0 1px 0}
form#search{clear:right;float:right;padding:10px}
  form#search input{border:1px solid #999;padding:2px;vertical-align:middle}
form table{margin:10px 0 10px 20px}
  form table td{padding:2px 0;vertical-align:middle;}
    form table td label{margin:0;padding:0;margin-left:10px;}
    form .send-btn{width:50px!important;}

/* Tables */
#content table {text-align:left;clear:both;margin:10px 0 20px 0;}
  #content table td{vertical-align:top;margin-top:3px;height:24px;padding:0 5px 0 5px;}
  #content table td.for-labels{padding-right:10px;text-align:right;}
  #content table thead{height:24px;}
  #content table thead th {padding:0 5px 0 5px;}
  #content table input, #ccontent table select, #content table textarea{padding:2px;width:300px;}
  #content table input.btn {line-height:18px;margin:15px 0 0 0;width:auto;}
  

/* navigation and menus */
ul#main-menu{clear:left;margin:0 0 0 110px;padding:0;text-align:left;height:30px;list-style-type:none;}
  #main-menu li{display:block;width:260px;height:30px;margin:0;padding:0;float:left;background:none;}
    #main-menu li a {display:block;width:180px;height:30px;}
    #main-menu li.transp {width:76px;}
    #main-menu li.transp a {width:30px;}
#menu {position:relative}
#slogan {position:absolute;top:0px;left:890px;}
#slogan-flash {position:absolute;top:-4px;left:880px;}

#submenu {/*height:150px;overflow:hidden*/}
#submenu ul {height:100%;clear:left;margin:0;padding:15px 0 0 0;text-align:left;list-style-type:none;}
#submenu ul li{display:block;width:180px;height:31px;margin:0;padding:0 0 0 28px;}
#submenu ul li div {height:20px;float:left;}

#vertical-menu {clear:left;}
  #vertical-menu ul{margin:0 10px;padding:0;}
    #vertical-menu ul li{background:none;margin:0;padding:0;}
      #vertical-menu ul li ul{margin-left:10px;}
    #vertical-menu ul li.last-li{padding:0 0 5px 0!important;}
    #vertical-menu a{display:block;margin:0 0 0 10px;}

ul#foot-menu{margin:0 0 0 40px;padding:7px 0 0 0;text-align:center;float:left;}
  #foot-menu li{display:inline;margin:0;padding:0;background:none;}
    #foot-menu li.li-sep{margin:0;padding:0 5px;}

/* here all colors and backgrounds are listed */
/* ---------------------------------------- */
/* -------- Main colors and back's --------- */
/* ---------------------------------------- */
/* red #be004f*/
/* blu #000679*/
/* ---------------------------------------- */

/* colors */
.red{color:#bb002f}
.blue{color:#000679}
.green{color:#0f0}

#links div {color:#000679}
#footer {color:#000679}
#devoler {color:#a2a2a2}
/* headers */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a,h3 a,h4 a,h5 a, h6 a {color:#bb002f !important;}

h2{color:#000679!important}

/* lists */
ul, ul li, ol, ol li {color:#000679}
#index-press a.notonindex {display:none;}
/* links-color */
a:link{color:#000679;}
a:visited{color:#000679;}
a:hover{color:#000679;}

#content a:link,
#content a:visited,
#content a:hover {color:#bb002f;}

#devoler a:link,
#devoler a:visited,
#devoler a:hover{color:#a2a2a2;}

#submenu li a {color:#fff}

#main-menu li a {color:#fff}
/* paragraph color */
body,p,span{color:#000679}
span.err{color:#bb002f; display:block;margin:3px 0 3px 0;}
/* background-color */
body{background:#fff url(../img/border.gif) top left repeat-y}
#links div.border {background:#bb002f}
#head #logo {background:#fff}

#border {background:#000679} /*#000679*/
    .border-top {background:#000679}
    .border-space {background:white}
#content table .dart-row td {background:#f7f7f7}
#content table .light-row td{background:#ffffff}
#content table thead{background:#bb002f;color:#ffffff}
#content table tfoot{background:#000679;color:#ffffff}
#content table thead th {color:#ffffff}
#main-menu li a {background:#000679}
#main-menu li a.menu1 {background:url(../img/menu1.gif) no-repeat;}
#main-menu li a.menu2 {background:url(../img/menu2.gif) no-repeat;}
#main-menu li a.menu3 {background:url(../img/menu3.gif) no-repeat;}
#main-menu li.active a.menu1,
#main-menu li a.menu1:hover {background:url(../img/menu1.gif) -180px 0px no-repeat !important;}
#main-menu li.active a.menu2,
#main-menu li a.menu2:hover {background:url(../img/menu2.gif) -180px 0px no-repeat;}
#main-menu li.active a.menu3,
#main-menu li a.menu3:hover {background:url(../img/menu3.gif) -180px 0px no-repeat;}

#submenu li.active a:link,
#submenu li.active a:visited,
#submenu li.active a:hover{color:#bb002f !important}


#submenu {}
#submenu ul {background:#000679}
#submenu ul li {background:url(../img/submenu.gif) 13px 6px no-repeat;}
#submenu ul li.active {background:url(../img/submenu-active.gif) 13px 6px no-repeat;}
#submenu ul li a {background:none;}
#submenu ul li div {background:url(../img/subm-li.gif) bottom left repeat-x;}
#submenu ul li.active div {background:url(../img/subm-li-active.gif) bottom left repeat-x !important;}

#left-inner,
#main-inner {background:#ffffff}
#banners {}
    #banners li,
    #banners li span {color:#bb002f}
    #banners div.bannerstat {background:#000679 url(../img/info/connected.gif) no-repeat !important;color:#ffffff !important}
    #banners div.bannerstat {text-align:center}
    #banners div.bannerstat p {margin:5px 0 5px 0;padding:0;font-size:14px;color:#ffffff;}
    #banners div.bannerstat div {padding:65px 0 0 0;}
#left-inner #banners {background:none}

/* border-color */
div.border-sep{border-bottom:1px solid #999;} /* use it instead of <hr /> */

#vertical-menu ul li{border-bottom:1px solid #C9C9C9;}
    #vertical-menu ul li.last-li{border-bottom:none;}

#content table td{border-right:2px solid #fff}
#content table .last-td{border-right:none;}
    #content table thead th{border-right:2px solid #fff;}

fieldset{border:0}

a.press-name {border-bottom:1px dashed #bb002f}
a.press-name:hover {border:none}

/* forms */
form input, form textarea, form select {border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:none;border-bottom:none;color:#000679; background:#f7f7f7}
form input.btn {background:#000679;border:none;color:#ffffff}
.nob {border:none}
/* tables */
#content,
#content table,
#content td
#content legend {color:#000679}

/* here all headlines, paragraphs, links and lists are listed */

*{font-size:100.01%;font-family:Verdana;line-height:18px;}

/* Headlines styles */
h1, h2, h3, h4, h5, h6, span.pressdate{font-size:13px !important;line-height:30px !important;padding:0;margin:0 0 1em 0;}
h1 {font-size:25px!important}
h2 {font-size:17px!important;margin:1em 0 0.2em 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;padding:0;margin:0}
.list h1,.list h2,.list h3,.list h4,.list h5,.list h6, .list span.pressdate {margin:1.4em 0 .7em 0}
span.pressdate{margin:2.5em 0 0 0!important;font-size:11px!important}
span.req {margin:0;padding:0;background:url(/img/req.gif) no-repeat;}

/* Paragraph styles */
p {padding:0;margin:0 0 17px 0;line-height:17px !important;font-size:12px}
abbr, acronym{border-bottom:1px dashed red;font-weight:bold}
blockquote, cite{margin:20px;font-style:italic}
dl{}
  dt{font-weight:bold;}
  dd{margin:0 0 10px 20px;}

form#search span{margin-right:10px}
#copy p{font-size:10px;line-height:10px}

p.small, span.small{font-size:10px}
p.big, span.big{font-size:14px}
span.pressdate {font-weight:bold}
/* Links styles */
a:link,
a:visited,
a:hover{}
a:hover{text-decoration:none}

form#search a{margin-left:7px}

#links {font-weight:bold;font-size:12px}
  
ul#lang li a:link,
ul#lang li a:visited,
ul#lang li a:hover{}

#footer {font-size:11px}
#devoler a:link,
#devoler a:visited,
#devoler a:hover{font-size:11px;line-height:10px;margin:0 5px;text-decoration:none}
#devoler a:hover{text-decoration:underline}

#submenu li a {text-decoration:none;font-weight:bold;font-size:11px;text-transform:uppercase}

#index-press a.pdf,
#index-press a.doc {display:none}
a.pdf {display:block;padding-left:40px;line-height:30px;height:30px;background:url(/img/pdf_sel.gif) 0 0 no-repeat;}
a.doc {display:block;padding-left:40px;line-height:30px;height:30px;background:url(/img/doc_sel.gif) 0 0 no-repeat;}
#index-press p{}
#index-press p img{float:left;text-align:left;margin:0 10px 0 0!important;padding:0 0 0 0!important;}
/* Lists styles */
#content ul, #content dl{margin:0;padding:0;}
#content ul li, #content  li ol, #content dl dt{background:url(/img/li-dot.gif) left 1.1em no-repeat;list-style:none;margin:0;padding:.5em 0 .5em .7em;font-size:12px;line-height:1.3em}
#content ol{margin:.5em 0 .5em 2.5em;}
#content ol li{margin:0;padding:.5em 0 .5em 0;list-style:decimal;font-size:12px}
#content li ul, #content  li ol{margin-bottom:0;}
  #content li ul li, #content  li ol li{background:url(/img/li-li-dot.gif) left 1.1em no-repeat;list-style:none;padding-left:15px}
#content,
#content p,
#content td,
#content dl,
#content dt,
#content th,
#content caption,
#content fieldset,
#content blockquote,
#content form {font-size:12px;}
#banners li {font-weight:bold;font-size:13px}

/* Form styles */
textarea{font-family:tahoma;font-size:12px}
input{font-size:12px;line-height:14px;font-weight:normal;}
legend{margin:0 10px;padding:0 4px;font-weight:bold;}
form input.btn {padding:1px 5px 1px 5px;font-weight:bold;text-transform:uppercase}

/* tables */
#content table caption{font-style:italic;text-align:right}
#content table thead{font-weight:bold;text-align:center;}
#content table tfoot{font-style:italic;font-weight:bold;}
#content table td,
.user-content-table td {border:1px solid #000679 !important;padding:5px !important;margin:0 !important}

/* Other */
#head {font-size:12px}
#banners div.head {line-height:15px;}
div.hr{border-bottom:1px solid #000679;clear:both;margin:10px 0;}
#content img {margin:5px 0 10px 10px;}
#content img.left{text-align:left;}
#content img.right{text-align:right;}

.see-also {
  margin:20px 0 0 0;
  width:160px;
  font-size: 12px;
}

.see-also ul {
  margin: 0;
  padding: 0;
}
.see-also li ul {
  padding-left: 10px;
}
.see-also li {
  margin: 5px 0 0 0;
  padding: 0 0 0 10px;
  list-style-type: none;
  background: url(../img/li-also.gif) 0 8px no-repeat;
}
.see-also li.active {
  background: url(../img/li-also-active.gif) 0 8px no-repeat;
}

.see-also li a.active:link,
.see-also li a.active:hover,
.see-also li a.active:visited {
  text-decoration: none;
  border-bottom: none;
}
#content form table,
#content form table td,
#content table.g-no-borders,
#content table.g-no-borders td {border:0px !important}

.vacancies {
	width: 100%;
	border:none;
}
.vacancies td{
	border:none!important;
	vertical-align:top!important;
}
.vacancies td ul{margin:0;padding:0;}
	.vacancies td ul li{margin:0!important;padding-top:0!important;background-position:0 8px!important;}
.vacancies th {
	width: 35%;
	vertical-align: top;
}