/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (hintergrund): #f5f5f5
Farbton (helles blau, hintergrund): #b4c1d2
Farbton (mittleres blau, rahmen): #50647f
Farbton (dunkles blau - blau/grau): #272727
Farbton (ganz dunkles blau): #000027
*/

/* Reset
--------------------------------------------------------------------------------------- */

* {
padding: 0;
margin: 0;
border: 0;
}

/* Globals 
--------------------------------------------------------------------------------------- */

html {
background: #b4c1d2;
height: 100%;
font-size: 100%;
}

body {
min-height: 101%; /* Erzwingt Horizontalen Scrollbalken im Firefox */
font-size: 1.0em;
font-family: arial, verdana, helvetica;
font-style: italic;
text-align: center;
}

html>body {
font-size: 1.0em;
}

a {
color: #2807FB;
font-size: 100%;
line-height: 1.5em;
letter-spacing: 0.07em;
text-decoration: underline;
font-weight: none;
}

a:hover {
color: #50647f;
text-decoration: underline;
}

a:focus {
outline: none; /* Macht die gepunktete Linie um geklickte Links unsichtbar */
}

hr {
border:solid #b4c1d2 1px; 
background-color:#b4c1d2; height:4px
}

/* Layout
--------------------------------------------------------------------------------------- */

#wrapper {
width: 960px;
margin: 0px auto;
}

#navigation {
margin: 0px;
}

#maininfo {
width: 960px;
margin: 0px;
text-align: left;
/*color: #2807FB;*/
background: #fff;
}

#footer {
width: 960px;
margin: 0px;
color: #454d58;
text-align: left;
font-style: normal;
background: #B4C1D2;
}

/* Ueberschriften
--------------------------------------------------------------------------------------- */

h1 {
text-align: left;
}

h1 span {
display: none;
}

h2 {
color: #272727;
font-size: 1.4em;
font-family: arial, verdana, helvetica;
border-bottom: 1px solid #272727;
margin: 15px;
}

h3 {
color: #454d58;
font-size: 1.2em;
font-family: arial, verdana, helvetica;
border-bottom: 0px dashed #272727;
margin: 15px;
}

h4 {
color: #454d58;
font-size: 1.1em;
font-family: arial, verdana, helvetica;
border-bottom: 0px solid #272727;
margin: 15px;
}

/* Textformatierung
--------------------------------------------------------------------------------------- */

p {
line-height: 1.5em;
letter-spacing: 0.07em;
padding: 15px;
}

#footer p {
font-size: 0.8em;
letter-spacing: 0.03em;
}

address {
font-size: 0.9em;
letter-spacing: 0.03em;
margin: 15px 30px;
font-style: italic;
}

.highlight {
margin: 20px;
padding: 10px;
font-weight: bold;
background: #fff;
}

.teaser {
background-color: #b4c1d2;
margin: 30px;
padding: 10px;
display: none; /* Wenn der Stundenplan angezeigt werden soll muss diese Zeile auskommentiert werden! */
}

.important {
color: red;
}

.leerraum {

}


/* Formulare
--------------------------------------------------------------------------------------- */

form {

}

form label {

}

input[type=text] {

}

input[type=submit] {

}

textarea {

}

form p {

}

input:focus, textarea:focus {

}

/* Bilder und verlinkte Bilder 
--------------------------------------------------------------------------------------- */

img, a img {
border: 0;
}

a img {
margin: 0px auto;
}

#maininfo img {
border: 1px solid #3367EE;
padding: 5px; 
margin: 15px;
}

#maininfo img.header {
border: 10px solid #50647f;
padding: 0px; 
margin: 0px auto;
}

#maininfo a img {
margin: 15px;
padding: 0px;
border: 0px;
}

#galerie img.foto {
width: 20%;
border: 2px solid #000;
padding: 5px; 
}

#footer img {
margin: 30px;
}

/* Listen
--------------------------------------------------------------------------------------- */

ul {
margin: 0px;
}

li {
list-style-type: none;
margin: 0px;
}

#maininfo li {
list-style-image: url(images/layout/list_icon.png); 
margin: 10px 0px 10px 35px;
}

/* Galerie
--------------------------------------------------------------------------------------- */

#galerie li {
list-style-type: none;
display: inline;
margin: 0px;
}

/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */

.links {
float: left;
}

.rechts {
float: right;
}

.floatende {
clear: both;
}

div.links {
float: left;
width: 50%;
}

div.rechts {
float: right;
width: 50%;
}

/* Tabellen
--------------------------------------------------------------------------------------- */

table {
margin-left: 10px;
margin-bottom: 15px;
border: 0px;
}

tr {
}

td {
padding-left: 5px;
padding-bottom: 5px;
vertical-align: top;
}


/* Navigation
--------------------------------------------------------------------------------------- */
#navigation ul {
margin-top: 20px;
text-align: left;
}

#navigation li  {
display: inline;
margin: 0px;
}

#navigation a {
font-size: 1.0em;
letter-spacing: 0.03em;
font-weight: bold;
text-decoration: none;
background: url(images/layout/nav_bg.gif) left top no-repeat;
padding: 7px;
}

#navigation a:hover {
color: #fff;
background: url(images/layout/nav_bg_aktiv.gif) left top no-repeat;
}

#navigation a.aktiv {
color: #fff;
background: url(images/layout/nav_bg_aktiv.gif) left top no-repeat;
}