
* { font-family: "Arial", "Helvetica", sans-serif; }

#content { margin-left: auto; margin-right:auto; width:1191px; height: 843px; position: relative; }
#left { position: absolute; left: 10px; top: 10px; width: 575px; height: 823px; color: white; }
#right { position: absolute; left: 600px; top: 10px; width: 575px; height: 823px; color: white; }

#navbar { position: absolute; left: 700px; top: 750px; width: 420px; }

a.dgr { display: block; width:300px; height: 35px; padding-top: 15px; background-image: url('images/button-transparent.png'); text-align: center; font-weight: bold;  font-size: 20px; text-decoration: none; margin-left: auto; margin-right: auto; color: #660033; }
a.dgr:link {color: #440011}      /* unvisited link */
a.dgr:visited {color: #440011}  /* visited link */
a.dgr:hover {color: #FFFFFF; background-image: url('images/button-transparent-hover.png');}  /* mouse over link */
a.dgr:active {color: #FFFFFF; background-image: url('images/button-transparent-down.png');}  /* selected link */

a.dgr-left { display: block; width:50px; height: 35px; padding-top: 15px; background-image: url('images/button-left.png'); text-align: center; font-weight: bold;  font-size: 20px; text-decoration: none; margin-left: auto; margin-right: auto; color: #660033; position: absolute; left: 0px; top: 0px;}
a.dgr-left:link {color: #440011}      /* unvisited link */
a.dgr-left:visited {color: #440011}  /* visited link */
a.dgr-left:hover {color: #FFFFFF; background-image: url('images/button-left-hover.png');}  /* mouse over link */
a.dgr-left:active {color: #FFFFFF; background-image: url('images/button-left-down.png');}  /* selected link */

a.dgr-back { display: block; width:300px; height: 35px; padding-top: 15px; background-image: url('images/button-transparent.png'); text-align: center; font-weight: bold;  font-size: 20px; text-decoration: none; margin-left: auto; margin-right: auto; color: #660033; position: absolute; left: 55px; top: 0px;}
a.dgr-back:link {color: #440011}      /* unvisited link */
a.dgr-back:visited {color: #440011}  /* visited link */
a.dgr-back:hover {color: #FFFFFF; background-image: url('images/button-transparent-hover.png');}  /* mouse over link */
a.dgr-back:active {color: #FFFFFF; background-image: url('images/button-transparent-down.png');}  /* selected link */

a.dgr-right { display: block; width:50px; height: 35px; padding-top: 15px; background-image: url('images/button-right.png'); text-align: center; font-weight: bold;  font-size: 20px; text-decoration: none; margin-left: auto; margin-right: auto; color: #660033; position: absolute; left: 360px; top: 0px;}
a.dgr-right:link {color: #440011}      /* unvisited link */
a.dgr-right:visited {color: #440011}  /* visited link */
a.dgr-right:hover {color: #FFFFFF; background-image: url('images/button-right-hover.png');}  /* mouse over link */
a.dgr-right:active {color: #FFFFFF; background-image: url('images/button-right-down.png');}  /* selected link */


a div.popup {display: none;}
a:hover div.popup {display: block;}

.innereweisheit h2 {
    padding: 0px;
    margin: 0px;
    font-size: 16px;    
}
.innereweisheit h3 {
    padding: 0px;
    margin: 0px;
    padding-bottom: 5px;
    font-size: 14px;    
}
.innereweisheit .info {
    display: none;
    position: absolute;
    left: 650px;
    top: 50px;
    width: 450px;
    font-size: 16px;
    padding: 5px;
}

.innereweisheit {
    padding-bottom: 5px;
}
.innereweisheit:hover {
    background-color: rgba(255,255,255,0.2);
}

h1 { font-size: 30px; }
h2 { font-size: 20px; }
p { margin-top: 18px; margin-bottom: 18px; }
