@charset "utf-8";

* {
margin: 0;
padding: 0; 
border-spacing: 0;
border-collapse: collapse;
vertical-align: top;
}

body, td, th {
font: normal 75%/130% Arial, sans-serif;
}

body {
color: black;
background: #77a5bf url(/binary.ashx?id=46599) top center no-repeat;
position: relative;
}

/* PNG-Fix */

#logo img,
#landing_nav,
.claim img,
/*#languageChooser .active ,*/
#landing_footer,
.navlist li a img,
#navi_right img,
#navi_right ul li a img,
#footerText img,
.copyright a img,
#background img{
  behavior: url(/~default.htc/4288) !important; 
}

#logo {
  display: block;
  float: left;
  position: absolute;
  width: 265px;
  top: 10px;
}

#languageChooser {
float: right;
display: inline;
margin-top: 56px;
margin-right: 23px;
list-style: none;
}

#languageChooser li {
float: left;
padding-bottom: 12px;
}

#languageChooser li a,
#languageChooser li span {
color: white;
text-decoration: none;
padding: 0px 7px;
border-right: 1px solid white;
}

#languageChooser li.active {
background: transparent url('/binary.ashx?id=46618') no-repeat;
background-position: 20px 20px ;
}

* html #languageChooser li.active {
background: transparent url('/binary.ashx?id=47498') no-repeat;
background-position: 20px 20px ;
}



#languageChooser li a:hover {
text-decoration: underline;
}

#languageChooser li.active span {
font-weight: bold;
}

#languageChooser li.last a,
#languageChooser li.last span {
border-right: none;
}

h1 {
text-indent: -99999px;
}

a, img {
border: none;
}

a {
text-decoration: none;
color: #123885;
}

a:hover {
text-decoration: underline;
}

#content {
color: #666666;
color: #333333;
overflow: hidden;
height: 515px;
width: 660px;
position: absolute;
margin-left: 140px;
margin-top: 83px;
z-index: 4;
background: #ffffff url('') bottom right no-repeat;
}

* html  #content {
margin-left: 0px;
}

*+html #content { 
margin-left: 0px;
}

#content h1 {
margin: 21px 0px 0px 16px;
font-size: 1.6em;
line-height: 100%;
text-indent: 0;
color: #152367;
}

div.imprintHeader {
margin-bottom: 50px;
}

div.textContentLeft {
display: inline;
float: left;
width: 304px;
margin: 0px 16px 0px 16px;
}

div.textContentRight {
float: left;
width: 310px;
}

div.imprintContentLeft {
color: #333333;
display: inline;
float: left;
width: 260px;
margin: 0px 60px 0px 16px;
}

div.imprintContentRight {
color: #333333;
float: left;
width: 260px;
}

p {
margin: 0.8em 0px;
}

p.download {
padding-left: 14px;
background: transparent url('/binary.ashx?id=46611') top left no-repeat;
border-bottom: 1px solid #CCCCCC;
}

.blueParagraph {
color: #2a3b78;
font-weight: bold;
}

.zoomImageNav, 
.zoomImageNav_act {
background: url('/binary.ashx?id=46626') top left  no-repeat;
height: 24px;
width: 60px;
position: absolute;
margin-top: 420px;
margin-left: 560px;
z-index: 100;
top: 19px;
left: 22px;
}

.zoomImageNav_act {
background: url('/binary.ashx?id=46629') top left  no-repeat;
}

*html .zoomImageNav {
background: url('/binary.ashx?id=46627') top left  no-repeat;
}
*html .zoomImageNav_act {
background: url('/binary.ashx?id=46628') top left  no-repeat;
}

.zoomImageNav a,
.zoomImageNav_act a {
display: block;
float: left;
height: 24px;
width: 33%;
}

#main {
width: 952px;
margin: 0px auto;
}

.zoomImage img {
position: absolute;
}

#landing_nav {
background-image: url(/binary.ashx?id=46621);
width: 140px;
height: 517px;
float: left;
margin-top: 83px;
}

div.claim {
margin-top: 37px;
}

ul.navlist {
margin-left: -1px;
margin-top: 34px;
position: absolute;
z-index: 50;
list-style: none;
}

ul.navlist li {
margin-bottom: 5px;
}

ul.navlist li a {
width: 120px;
border: none;
}

*html #navi_right {
margin-left: 660px;
}

*+html #navi_right {
margin-left: 660px;
}

#navi_right {
position: absolute;
margin-left: 800px;
margin-top: 83px;
width: 140px;
height: 515px;
z-index: 4;
background: transparent url('/binary.ashx?id=46622') top left no-repeat;
}

img.claim_right {
margin-top: 38px;
margin-bottom: 25px;
}

#navi_right ul {
list-style: none;
}

#navi_right ul li a, 
#navi_right span {
width: 140px;
overflow:hidden;
display: block;
}

#navi_right ul li {
margin-bottom: 20px;
}

#navi_right ul li a {
text-indent: -140px;
}

#navi_right ul li a:hover {
text-indent: 0px;
}

#landing_footer {
background: transparent url('/binary.ashx?id=46613') top left no-repeat;
width: 800px;
height: 50px;
margin-left: 140px;
top: 557px;
position: absolute;
z-index: 200;
}

div#footerText {
width: 940px;
margin-top: 16px;
}

div#footerText p {
position: absolute;
text-indent: -99999px;
line-height: 0;
}

#footer {
  position: absolute;
  color: #c1d6e2;
  width: 940px;
  margin: 10px auto 0px auto;
  text-align: center;
}
#footer p {
  margin: 0;
}
#footer a {
  color: #c1d6e2;
  
}
p.copyright {
/*
position: absolute;
color: #c1d6e2;
width: 940px;
margin: 10px auto 0px auto;
text-align: center;
*/
}

p.copyright img {
  margin-top: 2px;
  margin-left: 4px;
}

div#ariadne {
  color: #333333;
  height: 19px;
  padding-top: 5px;
  padding-left: 16px;
}

}
#ariadne ol {
  margin: 0;
  padding: 0;
  width: 100%;
}
#ariadne li {
  display: inline;
  list-style: none;
}

#ariadne strong{
font-weight: normal;
}

div#ariadne span {
color: #123885;
}

/*Ab hier: Styles f�r Javascript-Scroller */

#makeMeScrollable {
height: 217px;
overflow: hidden;
}

#makeMeScrollable div.scrollableArea *
{
position: relative;
display: block;
float: left;
padding: 0;
margin: 0;
}

/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingSpotLeft
{
/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
width: 100px;
height: 217px;
background:transparent url(/binary.ashx?id=46605) repeat center center;
position: absolute;
z-index: 200;
left: 0;
}


/* Invisible right hotspot */
div.scrollingSpotRight
{
width: 100px;
height: 217px;
background: transparent url(/binary.ashx?id=46605) repeat center center;
position: absolute;
z-index: 200;
right: 0;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}

div.scrollableArea
{
position: relative;
width: auto;
height: 100%;
}

#footerText{
  font-family: Arial;
  color: white;
  line-height: 150%;
}

#background{
    position: absolute;
    right: 0px;
    top: 320px;
    z-index:-5;
}