@font-face {  
    font-family: greyscale ;    
    src: url( /css/greyscale.eot ); /* IE */  
    src: local("GreyScale Basic Regular"), url( /css/greyscale.ttf ) format("truetype"); /* non-IE */   
}
@font-face {  
    font-family: Pigiarniq ;    
    src: url( /css/Pigiarniq.eot ); /* IE */  
    src: local("Pigiarniq Regular"), url( /css/Pigiarniq.ttf ) format("truetype"); /* non-IE */   
}


a, a:active, a:visited {
    color: #6e6e7e;
    font-weight:600;
    text-decoration: none;
}
a:hover {
    color: #2e2e4e;
    font-weight:600;
    
}

li.menuItem {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 10px 20px;
    font-weight: 600;
    color: white;
}
li.menuItem > a, li.menuItem > a:hover, li.menuItem > a:visited, li.menuItem > a:active {
    text-decoration: none;
    color: white;
}
div#menuBarDiv {
    width: 100%;
    min-width: 100%;
    background-image: url(/img/menubar.png);
    background-position: bottom right;
    position: absolute;
    top: 52px;
    left: 0px;
    z-index: 50;
}

ul#menuBarList {
    padding: 0px;
    margin: 0px;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    border: 0px;
    font-size: 0.9em;
    padding: 0px;
    /*background-color: #061321;*/

    font-family: Pigiarniq, greyscale, Helvetica, Verdana, Arial;
}

div#logo {
    background-image: url(/img/logo_klein.png);
    background-position: top left;
    height: 40px;
    width: 210px;
    background-repeat: no-repeat;
    position: absolute;
    top: 6px;
    left: 10px;
}

div#statement {
    height: 40px;
    position: absolute;
    top: 5px;
    right: 30px;
    font-size: 1.5em;
    color: #6a6a6a;
    
}

div#actionLinks {
    background-image: url(/img/header_bg.png);
    background-position: bottom;
    color: white;
    position: relative;
    top: 70px;
    width: 300px;
    height: 33px;
    margin-right: 0px;
    margin-left: auto;
    vertical-align: bottom;    
}
span#actions {
  bottom: -10px;
  left: 3px;
  position: relative;
}

span#actions > a, div#actions > a:hover, div#actions > a:visited, div#actions > a:active {
    text-decoration: none;
    color: white;
    font-weight: 600;
}

span.error {
    background-color: red;
}

span.info {
    background-color: #15B3E8; 
}

a.messageLink, a.messageLink:hover, a.messageLink:visited, a.messageLink:active {
    text-decoration: none;
    font-weight: bold;
    color: white;
}

span.message {
    padding: 8px 8px;
    font-size: 1.1em;
    color: white;
    width: 600px;
}
div.positioning {
    position: absolute;
    top: 0px; left: 0px;
    width: 100%;
    
}
div.wrapperDiv {
    position: relative;
    top: 5px;
    z-index: 10;
    background-color: white;
    padding: 10px;
    width: 850px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;

}
div#footer {
    position: relative;
    top: 5px;
    z-index: 10;
    background-color: white;
    padding: 5px 10px;
    width: 850px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
 
}

div.addIPE {
    margin-top: 30px;
}
div.newsDate {
    position: absolute;
    top: 15px;
    right: 60px;
    float: right;
    color: #6e6e7e;
    font-weight: bold;
}
#viewport {overflow: hidden; width: 100%; min-height: 100%; position: relative; top: 0px; left: 0px; border: 0px;}
.parallax { position: absolute; top: 0px; min-height: 100%;}
.slideshow {margin-left: auto; margin-right: auto; width: 602px; margin-top: 0px; padding: 0px;}
.slideshow ul {margin: 0px; padding: 0px; list-style-type: none; list-style-position: outside;}
.slideshow li {margin: 0px; padding: 0px;}
.slideshowwrap { padding: 10px; 0px; width: 97%; background-color: #2e2e2e;}