/*=== Setup ===*/
*{
        border: 0;
        margin: 0;
        padding: 0;
}
body{
        background: #4f5c7a;
        color: #e0e0e0;
        font: 11px Verdana,Arial,Geneva,Helvetica,Sans-Serif;

        scrollbar-arrow-color:  #4F5C7A;
        scrollbar-3dlight-color: #929AAD;
        scrollbar-higlight-color:  #748099;
        scrollbar-face-color: #748099;
        scrollbar-shadow-color: #929AAD;
        scrollbar-darkshadow-color: #748099;
        scrollbar-track-color: #748099;
}

td, .normal{
        font: 11px Verdana,Arial,Geneva,Helvetica,Sans-Serif;
}

a, a.bold, a.www{
        color: #e0e0e0;
        text-decoration: none;
}

a:hover, a.bold{
        color: #ffffff;
}

a.bold{
        font-weight: bold;
}

a.www:hover
{
        text-decoration: underline;
}

#content p a{
  font-weight: bold;
}
#content p a:hover{
  text-decoration: underline;
}

ul{
  list-style: circle;
}
#rightarea ul{
  padding-left: 20px;
}
#rightarea ul li {
  padding-top: 0.3em;
}
.nav1 li, .nav2 li, .nav3 li{
  list-style: none;
}




/*=== Centered Layout ===*/
#centerwrap{
        border: 1px solid #7a859b;
        height: 550px;
        margin: 0 auto;
        position: relative;
        width: 900px;
}

#centerwrap{
        left: 50%;
        margin: -280px 0 0 -450px;
        position: absolute;
        top: 50%;
}
/*=== Content ===*/
#content{
        height: 550px;
        padding: 0 9px;
        position: absolute;
        width: 882px;
}
#content h2{
        border-bottom: 1px solid #8993a8;
        font-size: 11px;
        margin: 0 0 10px;
        padding: 0 0 10px;
}
#content p{
        padding: 0 0 10px;
}
/*=== Header ===*/
#header{
        height: 92px;
}
/*- Logo -*/
#header h1{
        background: url(../i/logo.gif) no-repeat;
        float: right;
        text-indent: -9999px;
        width: 256px;
}
#header h1 a{
        display: block;
        height: 60px;
}
#header h1 a:hover{
        text-decoration: none;
}
/*=== Navigation ===*/
/*- Nav1 -*/
.nav1{
        height: 370px;
        margin: 0 0 15px;
}
.nav1 li{
        height: 17px;
        line-height: 17px;
        margin: 0 0 5px;
}
.nav1 li a{
        color: #e3e3e3;
        display: block;
        float: left;
        height: 17px;
        padding: 0 0 0 3px;
        text-decoration: none;
}
.nav1 li a span{
        display: block;
        float: left;
        height: 17px;
        padding: 0 3px 0 0;
}
.nav1 li.active a{
        background: url(../i/nav1-active.gif) no-repeat left;
}
.nav1 li a:hover{
        background: url(../i/nav1-hover.gif) no-repeat left;
        color: #e3e3e3;
        cursor: pointer;
}
.nav1 li.active a span{
        background: url(../i/nav1-active.gif) no-repeat right;
}
.nav1 li a:hover span{
        background: url(../i/nav1-hover.gif) no-repeat right;
}
/*- Nav2 -*/
.nav2{
        height: 370px;
        margin: 0 0 15px;
/*      padding: 46px 0 0;*/
}
.nav2 li{
        height: 17px;
        line-height: 17px;
        margin: 0 0 5px;
}
.nav2 li a{
        color: #e3e3e3;
        display: block;
        float: right;
        height: 17px;
        padding: 0 0 0 3px;
        text-decoration: none;
}
.nav2 li a span{
        display: block;
        float: left;
        height: 17px;
        padding: 0 3px 0 0;
}
.nav2 li.active a{
        background: url(../i/nav2-active.gif) no-repeat left;
}
.nav2 li a:hover{
        background: url(../i/nav2-hover.gif) no-repeat left;
        color: #e3e3e3;
        cursor: pointer;
}
.nav2 li.active a span{
        background: url(../i/nav2-active.gif) no-repeat right;
}
.nav2 li a:hover span{
        background: url(../i/nav2-hover.gif) no-repeat right;
}
/*- Nav3 -*/
.nav3{
        border-bottom: 1px solid #8993a8;
        height: 23px;
        margin: 0 0 10px;
        width: 490px;
}
.nav3 ul{
        float: left;
        margin: 0 0 0 -8px;
        position: relative;
}
.nav3 li{
        border-right: 1px solid #ffffff;
        float: left;
        line-height: 17px;
        margin: 0 0 5px;
}
.nav3 li.last{
        border: none;
}

.nav3 li.activelast{
        border: none;
}

.nav3 li a{
        color: #e3e3e3;
        display: block;
        float: left;
        margin: 0 8px;
        padding: 0 0 0 3px;
        text-decoration: none;
}
* html .nav3 li a{
        margin: 0 3px;
}
.nav3 li a span{
        display: block;
        float: left;
        height: 17px;
        padding: 0 3px 0 0;
}
.nav3 li.active a{
        background: url(../i/nav3-active.gif) no-repeat left;
}

.nav3 li.activelast a{
        background: url(../i/nav3-active.gif) no-repeat left;
}

.nav3 li a:hover{
        background: url(../i/nav3-hover.gif) no-repeat left;
        color: #e3e3e3;
        cursor: pointer;
}
.nav3 li.active a span{
        background: url(../i/nav3-active.gif) no-repeat right;
}

.nav3 li.activelast a span{
        background: url(../i/nav3-active.gif) no-repeat right;
}

.nav3 li a:hover span{
        background: url(../i/nav3-hover.gif) no-repeat right;
}
/*- Contact -*/
.contact{
        font-size: 10px;
}
/*- Print -*/
.print{
        float: right;
        font-size: 10px;
}
.print a{
        color: #f7ac47;
}
/*=== Columns ===*/
.col1{
        background: #748099;
        float: left;
        height: 395px;
        padding: 10px 5px;
        text-align: right;
        width: 161px;
}
.col2{
        background: #5b6883;
        float: left;
        height: 395px;
        margin: 0 0 0 4px;
        padding: 10px 5px;
        width: 128px;
}
.col3{
        background: #748099;
        float: right;
        height: 407px;
        padding: 8px 0 0 28px;
        width: 537px;
}
.col3 .spacer{
        width: 490px;
}
.col3 .scroll{
        height: 373px;
        overflow: auto;
}
/*=== Misc. ===*/

HR {
	CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #8993a8 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; WIDTH: 100%; PADDING-TOP: 10px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 0px; BORDER-BOTTOM-STYLE: none
}

#leftcol {
        float: left;
        width: 80%;
}

#rightcol{
        float: right;
        width: 81px;
}

#rightcol img{
        border:1pt solid #fff;
}

#rightarea a img {
        border:1pt solid #fff;
}

#rightarea a.link2 img {
        border:0pt;
}

#leftcol a img {
        border:0pt;
}

#pix{
        float: left;
        width: 15px;
        background: url(../i/dot.gif) no-repeat;
}

.titleimage {
        font-size: 9px;
        line-height: 13px;
        margin: 5px 0 20px 0;
}

.head {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-style: normal;
        line-height: 12pt;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #E0E0E0;
}

.link:link, .link:visited, .link:active, .link:hover{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-style: normal;
        line-height: 12pt;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-decoration: underlined;
        line-height: 11pt;
        color: #E0E0E0;
}
.link:hover {
        color: #F7AC47;
}

.link2:link, .link2:visited, .link2:active, .link2:hover{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-style: normal;
        line-height: 12pt;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-decoration: none;
        line-height: 11pt;
        color: #F7AC47;
}
.link2:hover    {
        color: #E0E0E0;
}

select{
        border: #999999 1px solid;
        font-size: 11px;
        padding: 0;
        /* padding: 2px; */
}

.space{
        font-size: 5px;
}

input,textarea{
        border-width:1px;
        border-color:#E0E0E0;
        border-style:solid;
        background-color:#5B6883;
        color:#E0E0E0;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}

/* avoiding the outline-box on links - specially on images */
a:focus {
 -moz-outline: none;
 outline: none;
}

#rightarea img {
  margin-bottom: 1em;
}
.indent {
  padding-left: 20px;
}

/* NEW */

table {
  text-align: left;
}

th {
 height: 1em;
}

th.tcol1 {
  width: 120px;
}

th.tcol2 {
  width: 100px;
}

th.tcol3 {
  width: 120px;
}

sup{
    font-size: 70%;
    line-height: 70%;
}

/* Back-Links */
a.back{
  display:block;
  background: url(../i/zurueck.gif) no-repeat;
  background-position: center left;
  padding-left: 15px;
  font-weight: normal;
}
a.back:link, a.back:visited, a.back:active, a.back:hover{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  line-height: 12pt;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 11pt;
  color: #F7AC47;
}
a.back:hover    {
  color: #E0E0E0;
  font-weight: normal;
}

/* Fixes for the lightbox feature */
.hide {
	display: block;
    float: left;
    width: 0px;
    height: 0px;
    text-indent: -9999px;
    visibility: hidden;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
}
.icon {
    border: medium none !important;
    left: 36px;
    position: relative;
    top: -50px;
}
