#html, body {
        background: #333 url("../images/assets/back.gif") repeat;
        text-align: center;
        font: normal 11px/18px verdana, arial, tahoma, sans-serif;
        color: #333;
        width: 100%;
        height: 100%;
        padding: 0px;
        margin: 0px;
}

#a, a:link, a:visited {
        color: #d2d2d2;
        text-decoration: none;
}

#a :active , a:hover {
        text-decoration: underline;
        color: #ffffff;
}

#content {
        position: absolute;
        width: 515px;

        left: 50%;
        margin-left: -257px;

        top: 40%;
        margin-top: -125px;
}


.logo {
        width: 250px;
        height: 250px;
        background: url('../images/schoolsout_logo.png') no-repeat scroll 0 0;
        text-indent: -10000px;
        margin: 0;
        padding: 0;
        float: left;
}









#main {
        width: 600px;
        background: #fff;
        background-position: 0 0;
        border: solid 10px #fff;
        margin: 0 auto;
        margin-bottom: 20px;
        text-align: left;
        overflow: hidden;        /*clip huge-padding of sidebar*/
}

#header {
        width: 610px;
        height: 2300px;
}

#header1 {
        width: 610px;
        height: 8300px;
}
#container #content,
#container #sidebar {
        /*hack to size sidebar 100% of height - needs a main with overflow:hidden */
        float: left;
        margin-bottom: -3000px;
        padding-bottom: 3000px;
}

#sidebar {
        width: 144px;
        background-color: #E9E9E9;
        border-top: 1px solid #fff;
        font: normal 10px/18px verdana, arial, tahoma, sans-serif;
        padding: 8px;
        clear: both;
}

#sidebar_addon_message {
        height: 10px;
}



#footer {

}


#content {
        width: 430px;
        padding: 0px 0px 0px 10px;
}

#referenzen  {
        position: relative;
        top: -90px;
        margin: auto;
}

#nav {
        list-style: none;
        z-index: 2;
        border-right: 1px solid #ffffff;
        height: 210px;
        width: 159px;
}

#nav li a {
        color: #fff;
        font: normal 11px/24px verdana, arial, tahoma, sans-serif;
        display: block;
        width: 149px;
        height: 24px;
        background-color: #5b4524;
        border-bottom: 1px solid #fff;
        padding-left: 10px;
        text-decoration: none;
}

#nav li a:hover {
        background-color: #333;
}

.current a {
        background-image: url("../images/assets/p2.gif");
        background-repeat: no-repeat;
        background-position: 0% 50%;
}

.clear {
        clear: both;
}

p {
        margin-bottom: 10px;
}

p.Einzug {
        margin-left: 73px;
}

.leftblock {
        width: 149px;
        height: 30px;
        background-color: #a57537;
        margin: 1px 1px 1px 0;
        float: left;
        font: bold 16px/30px arial, verdana, tahoma, sans-serif;
        padding-left: 10px;
        color: #fff;
        cursor: default;
}

h1 {
        width: 430px;
        height: 30px;
        background-color: #a57537;
        float: left;
        font: bold 16px/30px arial, verdana, tahoma, sans-serif;
        padding-left: 10px;
        color: #fff;
        margin-top: 1px;
        cursor: default;
}

h3 {
        font-size: 1.3em;
        margin-top: 0.3em;
}

img {
        border: none;
}

a img.border {
        border: 1px solid #333;
}

a:hover img {
        border-color: #f00;
}



.teaser {
        font-size: 1.1em;
        font-weight: bold;
}



#referenzen  {
        position: relative;

        margin: auto;
}