/* Inspired of http://bertjwregeer.com/index.html */
@font-face {
    font-family: "FiraSans";
    src: url(FiraSans-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "IwonaRegular";
    src: url(Iwona-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "LibertineRegular";
    src: url(LinLibertine_Rah.ttf) format("truetype");
}

body {
/*     font-family: sans; */
    /*width: 800px;*/
    font: 90% Verdana, Tahoma, Arial, sans-serif; 
    font-family: IwonaRegular;
    min-width: 720px;
    margin: 1em auto;
    color: black;
    background-color: #C8CCCC;
}
#box {
    padding-top:20px;
    background:url(images/jura_s2.png) no-repeat white;
    background-position: top center;
    margin:auto;
    min-width:700px;
    max-width:1000px;

}
div#box {
    border: solid black 1px;
}
#box > h1 {
    padding-right:.6em;
    padding-bottom:4em;
    opacity:0.3; 
            /* Title */
    color: white;
    text-align:right;
    font-family:sans;
}

#header {
  width:75%;
  margin-left: 1em;
  right:0;
}
#main {
    min-width: 700px;
    margin:auto;
    color: black;
    line-height: 1.5;

}
#container {
    padding: 1em 1em 1em 1em;  
}

#menu {
    /*background-color: #2e3436;*/
    padding: 0.6em 0.em 0.6em 0.em;
    padding-top: 2em;
    margin:0;
    right:0,
    position:relative;
    overflow:hidden;
    float:left;
    width:20%;
}
div#lang {
    padding-top:1em;
    float:right;
    text-align:right;
    color: black;
}

#menu > nav {
    padding: 3.6em 1.6em 3.6em 0.6em;
    line-height: 2.;
    text-align:right;
    border-right: 2px solid #111111; /* some kind of red */
}

#cloud {
    width:100%;   
    text-align: right;
}

#content {
    margin:0;
    width:77%;
    float:right;
    padding-bottom: 2em;
}
#menu span {
    font-weight: bold;
    padding: 0.6em 0.em 0.6em 0.em;
}
#menu span.current {
    padding-left:1em;
    background: url(images/b.png) no-repeat;
    background-position: 0, 10px;
    
}
#menu a {
    color: gray;
    text-decoration: none;
}
div#footer {
    color: gray;
    text-align: center;
    font-size: small;
}
div#footer a {
    color: gray;
    text-decoration: none;
}
pre {
    border: dotted black 1px;
    background: #eeeeec;
    font-size: small;
    padding: 1em;
}

a {
  color: gray ; /*#6C2C0E;*/
  text-decoration: none;
  font-weight: bold;
}

a:visited {
  color: black; /*#C04F1A;*/
}
a:hover {
  text-decoration: underline; 
}