/* 
    Document   : style
    Created on : 12.07.2012, 00:11:47
    Author     : Matthias Lang
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

#wrapper {
    width: 1024px;
    text-align: left;
    background-color: #ffcc99;
}

#head {
    width: 1024px;
    height: 200px;
    background-image: url("images/head.png");
    background-repeat: no-repeat;
    position: relative;
}

#head #selection {
    position: absolute;
    bottom: 0;
}

#head #imprint {
    float: right;
    margint-right:10px;
    margin-top: 10px;
}

#head #imprint a {
    font-size: 0.9em;
    color: #000000;
    text-decoration: underline;
}

#head #imprint a:hover {
    font-size: 0.9em;
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
}

#head #selection a {
    width: 500px;
    height: 1.5em;
    background-color: #efefef;
    font-size: 1.3em;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    float: left;
    text-align: center;
    margin-left: 8px;
}

#head #selection a:hover {
    width: 500px;
    height: 1.5em;
    background-color: #666666 ;
    font-size: 1.3em;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
    float: left;
    text-align: center;
    margin-left: 8px;
}

#head #selection a.active {
    width: 500px;
    height: 1.5em;
    background-color: #666666 ;
    font-size: 1.3em;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
    float: left;
    text-align: center;
    margin-left: 8px;
}

#content {
    margin-top: 15px;
    width: 1024px;
    clear: both;
}

#navigation {
    float: left;
    margin-right: 5px;
    width: 340px;
}

#navigation ul li{
    list-style: none;
    margin-left: -30px;
}

#navigation a {
    width: 300px;
    height: 1.2em;
    background-color: #cccccc ;
    font-size: 1.1em;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    float: left;
    text-align: center;
    margin-top: 8px;
    clear: both;
}

#text {
    float: left;
    width: 675px;
}

.left {
    float: left;
    width: 48%;
}

.right {
    float: right;
    width: 48%;
}

#close {
    clear: both;
    min-height: 15px;
}

h1 {
    text-align: center;
    font-size: 1.2em;
}