body {
    background: url(./images/backgroundElement.jpg);
    text-align: center;
    padding: 0px;
    font-family: Verdana;
    font-size: 10pt;
    margin: 0px 0px -10px 0px;
}

div.bgline {
    position: absolute;
    width: 100%;
    top: 40px;
    height: 293px;
    left: 0px;
    z-index: 1;
    margin: 0px;

    -moz-opacity: 0.60;
    opacity: 0.60;
    filter: Alpha(opacity=60);
}

#pageBlock {
    margin: 0pt auto;
    display: block;
    width: 760px;
    position: relative;
    z-index: 2;
}

#contentOuterBlock {
    border: 1px solid black;
    width: 760px;
    min-height: 50%;
    border-top: 0px solid white;
    background: no-repeat url(./images/jBot.jpg) white;
    padding-top: 10px;
}

#contentInnerBlock {
    width: 738px;
    margin: 10px;
    margin-top: 0px;
}

#navline {
    height: 25px;
    margin-top: 25px;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: white;
    padding: 0px;
}

#navlineblock {
    position: absolute;
    right: 15px;
}

div.mainimgbox {
    width: 760px;
    height: 282px;
    border: 1px solid black;
    border-bottom: 0px solid white;
}

a {
    text-decoration: none;
    font-style: oblique;
    color: blue;
}

a[href^="http"]:before {
    content:url(./images/extern.gif);
    margin-right:5px;
}

a[href^="mailto"]:before {
    content:url(./images/mail.gif);
    margin-right:5px;
}

a[href="mailto:ilearnjunk@jennasoft.de"]:before {
    content: " ";
}

a:hover {
    color: black;
    background: yellow;
}

a:visited {
    color: blue;
}

a.navicon {
    text-decoration: none;
    font-style: normal;
}


a.navicon:hover {
    background-color: white;
    color: black;
    text-decoration: none;
}

a.activenav:visited {
    background-color: black;
    color: #FEEB81;
    font-style: italic;
}

a.activenav:link {
    background-color: black;
    color: #FEEB81;
    font-style: italic;
}

a.activenav {
    background-color: black;
    color: #FEEB81;
    font-style: italic;
    padding-right: 2px;
}

.navicon {
    height: 1.08em;
    display: block;
    background: blue;
    padding: 5px;
    float: left;
    margin-right: 5px;
    border: 1px solid black;
    border-bottom: 0px solid white;
}

#startseiteBox {
    background: #0000BF url(./images/visionen.jpg);
}

#loesungenBox {
    background: #0000BF url(./images/inhalte.jpg);
}

#referenzenBox {
    background: #0000BF url(./images/referenzen.jpg);
}

#impressumBox {
    background: #0000BF url(./images/impressum.jpg);
}

#blogBox {
    background: #0000BF url(./images/blog.jpg);
}

a.startseiteColor:visited {
    background-color: #ff5a00;
    color: white;
}

a.loesungenColor:visited {
    background-color: #9000E0;
    color: white;
}

a.referenzenColor:visited {
    background-color: #5885ba;
    color: white;
}

a.impressumColor:visited {
    background-color: #1cb0c1;
    color: white;
}

a.blogColor:visited {
    background-color: #c8cfd4;
    color: #3F3F3F;
}

.startseiteColor {
    background-color: #ff5a00;
    color: white;
}

.loesungenColor {
    background-color: #9000E0;
    color: white;
}

.referenzenColor {
    background-color: #5885ba;
    color: white;
}

.impressumColor {
    background-color: #1cb0c1;
    color: white;
}

.blogColor {
    background-color: #c8cfd4;
    color: #3F3F3F;
}

.bold {
    font-weight: bold;
}

h1 {
    font-size: 12pt;
    font-weight: bold;
}

#junklearn {
    color: #CFCFCF;
    font-size: 1px;
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

#bottomlink {
    text-align: center;
    width: 100%;
    font-weight: bold;
    color: white;
    margin-top: 8px;
    margin-bottom: 20px;
}

a.bottomlink {
    text-decoration: none;
    color: black;
}

a.bottomlink:hover {
    color: red;
}

a.bottomlink:visited {
    text-decoration: none;
    color: black;
}

a[href^="http"]:before {
    content:url(./images/extern.gif);
    margin-right:5px;
}

a.referenzlink:before {
    content: "";
}

a.referenzlink:visited {
    width: 100%;
    display: block;
    clear: both;
    -moz-opacity: 0.50;
    opacity: 0.50;
    filter: Alpha(opacity=50);
}

a.referenzlink {
    width: 100%;
    display: block;
    clear: both;
    -moz-opacity: 0.50;
    opacity: 0.50;
    filter: Alpha(opacity=50);
}

a.referenzlink:hover {
    background: #FFFFD2;
    -moz-opacity: 1.0;
    opacity: 1.0;
    filter: Alpha(opacity=100);
}