body {
        margin: 0;
        padding: 0;
        background: #FFFFFF url(../grafiken/img01.jpg) repeat-x left top;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size: 13px;
        color: #333333;
}
hr {
        margin-top: 25px;
        margin-bottom: 25px;
        border-top: 1px solid #CECECE;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
}
p
{
        padding: 0px;
        line-height: 1.6em;
        text-align: left;
        margin-top: 5px;
        margin-right: 0px;
        margin-bottom: 5px;
        margin-left: 0px;
}
ol
{
        padding: 0px;
        line-height: 1.7em;
        text-align: justify;
        margin-top: 5px;
        margin-right: 40px;
        margin-bottom: 5px;
        margin-left: 25px;
}

h1, h2, h3 {
        margin: 0;
}
h1 {
        font-weight: normal;
        font-size: 1.4em;
        color: #020f6f;
}
h2 {
        font-size: 1.2em;
        color: #020f6f;
		margin-bottom: 30px;
}

h3 {
        font-size: 1em;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #020f6f;
        line-height: 1.7em;
}

ul {
        list-style-image: url(../bilder/img07.gif);
        line-height: 1.7em;
}
a {
        text-decoration: none;
        color: #1466c8;

}
a:hover {
        border-bottom: none;
        color: #666;
}


a img {
        border: none;
}
img.left {
        float: left;
        margin: 0 20px 0 0;
}
img.right {
        float: right;
        margin: 0 0 0 20px;
}

#all{
        width: 940px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
}
#header {
        width: 800px;
        height: 130px;
        background: url(../grafiken/schul_logo.png) no-repeat right top;
        float: left;
        margin-bottom: 20px;
}

#logo {
        float: left;
        width: 600px;
        height: 90px;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
}
#logo h1, #logo p {
        float: left;
        margin: 0;
        color: #ffffff;
}
#logo h1 {
        padding: 30px 0 0 0px;
        text-transform: lowercase;
        font-weight: normal;
        font-size: 4.4em;
}
#logo p {
        text-transform: uppercase;
        padding: 60px 0 0 3px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.3em;
        font-weight: bold;
        color: #c39;
}
#logo a {
        border: none;
        text-decoration: none;
        color: #c39;
}
#menu-container {
        width: 940px;
        height: 61px;
        margin: 0px auto;
}
#menu {
        float: left;
        width: 800px;
        height: 61px;
        margin: 0 auto;
}
#menu ul {
        margin: 0;
        padding: 0px;
        list-style: none;
}
#menu li {
        display: inline;
}
#menu a {
        display: block;
        float: left;
        margin: 0px;
        color: #FFFFFF;
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 0px;
        padding-left: 0px;
}
#menu a:hover {
        text-decoration: underline;
}
#menu .current a {
        font-weight: bold;
        color: #09F;
}
#content {
        float: left;
        width: 590px;
        padding-top: 30px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 0px;
        margin-left: 30px;
}
#sidebar {
        float: left;
        width: 180px;
        line-height: 1.7em;
        font-size: 0.9em;
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
}
#right_side {
        float: left;
        width: 100px;
        line-height: 1.7em;
        font-size: 0.9em;
        margin-left: 20px;
        padding-top: 30px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
}
#sidebar h2 {
        margin-top:20px;
        margin-bottom:10px;
        font-size: 1.4em;
        color: #C39;
}

#sidebar ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#sidebar li {
        margin: 0;
        line-height:25px;
        border-bottom-width: thin;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
}

#sidebar li a {
        border: none;
        text-decoration: none;
        color: #666;
        background-image: url(../grafiken/pfeil-grau.png);
        background-repeat: no-repeat;
        background-position: left top;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 15px;
}
#sidebar li a:hover {
        color: #000;
        background-image: url(../grafiken/pfeil-pink.png);
        background-repeat: no-repeat;
        background-position: left top;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 15px;
}
#sidebar .current a {
        font-weight: bold;
        color: #000;
        background-image: url(../grafiken/pfeil-pink.png);
        background-repeat: no-repeat;
        background-position: left top;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 15px;
}
#footer {
        height: 30px;
        font-size: 0.85em;
        text-align: center;
        border-top: 1px solid #CECECE;
        margin-top: 20px;
        padding-top: 15px;
        background-color: #020f6f;
        color: #ffffff;
}
#footer a {
        color: #CCC;
}
#footer p {
        padding-left: 50px;
}
.clear {
        clear: both;
}
#button input {
        font-weight:normal;
        padding-top: 3px;
        padding-bottom: 3px;
        background-color:#d1e4fe;
        border: 1px solid #020f6f;
}
.kontaktformular table {
        width: 100%;
        font-size: 1em;
        background-color:#d1e4fe;
        border: 1px solid #020f6f;
        padding-top: 15px;
        padding-bottom: 15px;
}
.kontaktformular textarea{
        width: 95%;
}
.kontaktformular input{
        width: 95%;
}
.kontaktformular table tr td {
        text-align:left;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 10px;
}
.kontaktformular input, textarea {
        padding:5px;
        border:1px solid #020f6f;
        font-family: Arial, Helvetica, sans-serif;
}
.kontaktformular label {
        font-weight:normal;
}
.zeitanzeige {
        width:130px;
        float: right;
        background-color:#020f6f;
        border: none;
        font-weight:normal;
        font-family:arial, sans-serif;
        color: #CCC;
        margin-top:25px;
        font-size: 0.85em;
        text-align: right;
}
.box {
        background-color: #e0ecf8;
        margin-top: 30px;
        border: thin solid #CCCCCC;
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 0px;
        padding-left: 20px;
}
.box ul {
        margin-left: -20px;
}
