body {
background-image:url(design/back.gif);
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px;
}

.kopfli{
width:350px;
background-color: #0050A0;
color: #EFEFEF;
font-size: 12pt;
font-stretch: ultra-expanded;
padding-left: 10px;
height: 100px;
margin: 0px;
text-align: left;
}

.kopfre {
width:425px;
background-color: #0050A0;
color: #EFEFEF;
height: 100px;
margin: 3px;
}

.kopf_img {
border: 1px solid #EFEFEF;
margin:3px 3px 3px 5px;
float: right;
}

.menu {
background-color:#EFEFEF;
width: 775px;
height: auto;
}

#navigation {
background-color:#EFEFEF;
color:#0000BF;
font-size: 8pt;
border-top: 1px solit #EFEFEF;
border-bottom: 1px solid #EFEFEF;
padding: 0.8em;
margin-bottom: 0px;
text-align: center;
}

.submenu {
width:150px;
background-color:#EFEFEF;
color:#00009F;
vertical-align: top;
}

.haupt {
width:475px;
background-color:#FFFFFF;
color:#00009F;
font-size: 9pt;
text-align: left;
vertical-align: top;
}

#bilder {
width: 775px;
background-color:#FFFFFF;
}


.haupt_img {
vertical-align: middle;
}

.beide {
width:625px;
background-color:#FFFFFF;
color:#00009F;
font-size: 1.0em;
text-align: left;
vertical-align: top;
}

.infobox {
width:150px;
background-color:#EFEFEF;
color:#00009F;
padding-top: 0.8em;
vertical-align: top;
}

.infobox_img {
margin:3px 1px 3px 1px;
}

.unten {
width:775px;
background-color: #0050A0;
color:#EFEFEF;
font-size: 8pt;
text-align: left;
}

#navigation a:link {
color:#0050A0;
text-decoration:none;
}

#navigation a:visited {
color:#0050A0;
text-decoration:none;
}

#navigation a:hover {
color:#0080FF;
text-decoration:none;
}

#navigation li {
display: inline;
font-size: 8pt;
}

#navigation li a {
border-left: 2px solid #00009F;
padding: 2px 8px;
font-size: 8pt;
}

#navigation li a.erste {
border: none;
font-size: 8pt;
}

#navigation ul{
margin:5px 10px 10px 10px;
}

#hier {
background-color:#0050A0;
color:#EFEFEF;
height:20px;
padding-left: 10px;
padding-top: 3px;
margin-bottom: 0px;
font-size: 8pt;
text-align: left;
}

#hier a:link {
color:#EFEFEF;
text-decoration:none;
}

#hier a:visited {
color:#EFEFEF;
text-decoration:none;
}

#hier a:hover {
color:#0080FF;
text-decoration:none;
}

#untermenu {
width: 140px;
height: 400px;
font-size: 11pt;
text-align: left;
margin:0px 2px 0px 2px;
}

#untermenu ul {
list-style-type: none;
font-size: 8pt;
margin:5px 0px 5px 0px;
padding:3px 0px 5px 0px;
}

.unter {
background-color:#EFEFEF;
color:#0050A0;
font-weight: bold;
padding:1px 1px 1px 1px;
margin-bottom:5px;
}

#untermenu li a:link, #untermenu li a:visited {
display:block;
text-decoration: none;
margin:3px 0px 3px 0px;
padding:2px 2px 2px 2px;
border-left: 6px solid #0050A0;
background-color:#DFDFDF;
color:#0050A0;
}

#untermenu li li a:link, #untermenu li li a:visited {
display:block;
text-decoration: none;
margin:2px 0px 2px 0px;
padding: 1px;
padding-left: 3px;
border-left: 3px solid #169CD6;
background-color:#DFDFDF;
color:#0050A0;
}


#untermenu li a:hover {
background-color: #FFFFFF;
margin:3px 0px 3px 0px;
border-left: 6px solid #0050A0;
color:#0080FF;
text-decoration:none;
}

#untermenu li li a:hover {
background-color: #FFFFFF;
margin:2px 0px 2px 0px;
padding: 1px;
padding-left: 3px;
border-left: 3px solid #169CD6;
color:#0080FF;
text-decoration:none;
}

p {
margin:5px 5px 0 10px;
font-size: 9pt;
text-align: left;
}

p.infobox {
margin: 5px 5px 5px 5px;
font-size: 8pt;
text-align: center;
}

h1 {
margin: 5px 20px 20px 10px;
padding-top: 5px;
font-size: 11pt;
}

h2 {
margin: 10px 10px 10px 10px;
padding-top: 5px;
font-size: 10pt;
}

h3 {
margin: 5px 5px 5px 10px;
padding-top: 3px;
font-size: 9pt;
}

hr {
margin-left: 10px;
margin-right: 10px;
color:#AFAFAF;
}


.liste {
font-size:9pt;
}

.img_links {
float:left;
margin: 0px 10px 5px 10px;
}

.img_rechts {
float: right;
margin: 5px 15px 2px 10px;
}

.img_mitte {
margin: 5px 30px 2px 30px;
}

.rechts {
margin-left:445px;
}

.center {
text-align: center;
}

table.lehrer {
margin-left: 10px;
width: 575px;
border:1px solid #CFCFCF;
font-size: 9pt;
}

table.stunden {
border-collapse:collapse;
margin-left: 10px;
width: 420px;
border:2px solid #0050A0;
font-size: 9pt;
}

table.stunden th {
padding: 3px;
border: 1px solid #0050A0;
}

table.stunden td {
padding: 3px;
width:210px;
border:1px solid #0050A0;
}

table.mitte td {
height:30px;
font-size: 9pt;
vertical-align: top;
}

li {
margin-left:10px;
font-size: 8pt;
text-align: left;
}

.cl {
clear: left;
}

.cr {
clear: right;
}

input.knopf {
border-style:outset;
border-width:1px;
border-color: #00009F;
background-color:#0050A0;
color:#EFEFEF;
font-size: 9pt;
}