/* Poseidon Leer
Start 5. Oktober 2007
Letzte Änderung 2007
*/

/* Wichtige Farben
Hell-Blau: rgb(223, 228, 237);
Dunkel-Blau-Logo: rgb(52, 65, 93);
Helles Rot für Boxen-Hintergrund: 250, 181, 146;
Dunkles Rotbraun Subnavigation-Hintergrund: 185, 113, 59;
Helles Rotbraun Hauptnavigation-Hintergrund: 218, 114, 68;
*/

/*Hauptbereich, Grundeinstellungen */


body {
margin: 0;
padding: 0;
font-size: 85%; /*Schriftgröße*/
line-height: 1.3em; /*Zeilenhöhe*/
font-family: Helvetica, Arial, Verdana, Genever, sans-serif; /*Schriftarten*/
text-algin: center; /*Alle Elemente zentriert*/
background-color: rgb(52, 65, 93);
color: rgb(52, 65, 93);
}

#container {
  margin: 0 auto;
  width: 800px;
  text-align: left; /*Alle Elemente innerhalb des containers trotz Zentrierung linksbündig*/
  } 

/*Überschriften*/

h1, h2, h3, h4, h5, h6 {
margin: 20px;
margin-left: 30px;
}
h1 {font-size: 2.0em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.0em;}


ul, li {padding: 0; 
margin: 0;
list-style-type: none; 
position: relative; /*Alle Listen als Standard ohne Aufzählungszeichen*/
}

img, a img {border: 5px solid rgb(52, 65, 93); /*Alle Bilder bekommen diesen Rand*/
float: left;
}


.clear { clear: both; /*Element aus float befreien*/}

/*Definierte Hülle*/

#wrap {
overflow: hidden; /* s.z.B. hier: http://css-discuss.incutio.com/?page=ClearingSpace */
margin: 0;
padding: 0;
width: 800px;
text-algin: left;
height: 100%;
background-color: white;
}

/*Kopfbereich*/

#header-index { 
float: left;
width: 800px; 
height: 96px;
text-align: left;
background-image: url(media/header-index.jpg);
}

#header-uns { 
float: left;
width: 800px; 
height: 96px;
text-align: left;
background-image: url(media/header-uns.jpg);
}

#header-schwimmen { 
float: left;
width: 800px; 
height: 96px;
text-align: left;
background-image: url(media/header-schwimmen.jpg);
}

#header-wettkampf { 
float: left;
width: 800px; 
height: 96px;
text-align: left;
background-image: url(media/header-wettkampf.jpg);
}

#header-link { 
float: left;
width: 800px; 
height: 96px;
text-align: left;
background-image: url(media/header-link.jpg);
}

#header-archiv { 
float: left;
width: 800px; 
height: 96px;
text-align: left;
background-image: url(media/header-archiv.jpg);
}

#header-ausbildung { 
float: left;
width: 800px; 
height: 96px;
text-align: left;
background-image: url(media/header-ausbildung.jpg);
}

/*Menüleiste-oben-horizontal*/

/*Navigationsanker*/
#navigation a {
float: left;
display: block;
padding-left: 12px;
padding-right: 12px;
/*border-left: 1px solid #93A2AA;*/
text-decoration: none;
text-align: center;
color: rgb(210, 210, 210);
background: url(media/buttonnavbg.jpg) no-repeat top left;
}

/*Navigationsleiste*/
#navigation {
margin-left: 0px;
padding-left: 160px;
float: left;
width: 800px;
background-image: url(media/buttonnavbg.jpg);
border-bottom: 1px solid #999;
}

#navigation ul li {
display: inline;
}
/*Herüberfahren*/

#navigation a:hover {
color: white;
text-decoration: none;
background: url(media/buttonnavbgover.jpg) top left;
}



#navigation a#hier:link, #navigation a#hier:visited, #navigation a#hier:hover, #navigation a#hier:active {
background: url(media/buttonnavbgover.jpg);
color: white;
}

/*Menüleiste-oben-horizontal - Stufe 2*/

/*Subnavigationsanker*/
#subnavigation a {
float: left;
display: block;
padding-left: 12px;
padding-right: 12px;
/*border-left: 1px solid #93A2AA;*/
text-decoration: none;
text-align: center;
color: rgb(55, 69, 99);
font-size: 85%; /*Schriftgröße*/
background: url(media/buttonsubbg.jpg) no-repeat top left;
}

/*Subnavigation*/
#subnavigation {
padding-left: 160px;
float: left;
width: 800px;
background-image: url(media/buttonsubbg.jpg);
border-bottom: 1px solid #999;
/*border-left: 1px solid #999;*/
}

#subnavigation ul li {
display: inline;
}

#subnavigation a:hover {/*Beim Herüberfahren*/
color: white;
text-decoration: none;
background: url(media/buttonsubbgover.jpg) top left;
}

#subnavigation a#hier:link, #subnavigation a#hier:visited, #subnavigation a#hier:hover, 
#subnavigation a#hier:active {background: url(media/buttonsubbgover.jpg);
color: white;
}

/*Inhaltsbereich*/
#content {
margin-top: 20px;
float: left;
width: 539px;
/*border-right: 1px solid #999;*/
background-color: white;
}


#content p {
margin-left: 30px;
margin-bottom: 20px;
margin-right: 20px;
}

#content ul {
margin-top: 5px;
margin-left: 30px;
font-size: 12px;
line-height: 15px;
}

/*Fotogalerie*/
#galerie {
width: 539px;
float: left;
margin-left: 20px;
}

/*Fotoliste*/
#galerie dl {
margin-top: 5px; 
margin-bottom: 5px; 
margin-left: 10px;
margin-right: 10px;
float: left;
width: 140px;
}

/*Fotounterschrift*/
#galerie dd {
font-size: 11px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-left: 0px;
width: 130px;
text-align: center;
line-height: 1.1em; /*Zeilenhöhe*/
}

/*Foto*/
#galerie dt img {
border: none;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 5px; 
margin-bottom: 5px; 
margin-left: 0px;
margin-right: 0px;
}

/*Fotogalerie-2*/
#galerie-2 {
width: 770px;
float: left;
margin-left: 40px;
}

/*Fotoliste-2*/
#galerie-2 dl {
margin-top: 5px; 
margin-bottom: 5px; 
margin-left: 20px;
margin-right: 20px;
float: left;
width: 140px;
height: 170px;
}

/*Fotounterschrift-2*/
#galerie-2 dd {
font-size: 11px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-left: 0px;
float: left;
width: 130px;
text-align: left;
line-height: 1.1em; /*Zeilenhöhe*/
}

/*Foto-2*/
#galerie-2 dt img {
border: none;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 5px; 
margin-bottom: 5px; 
margin-left: 0px;
margin-right: 0px;
}



#image-logo {
position: absolute;
margin-top: 24px;
margin-left: 24px;
margin-bottom: 10px;
float: left;
border: none;
}

#image-1 {
position: relative;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 10px;
float: right;
}

#image-2 {
position: relative;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 10px;
float: left;
}

#image-3 {
position: relative;
margin-top: 10px;
margin-left: 150px;
margin-bottom: 10px;
float: left;
border: none;
}

#image-4 {
position: relative;
margin-top: 10px;
margin-left: 20px;
margin-bottom: 10px;
float: right;
border: none;
}

#image-5 {
position: relative;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 30px;
float: right;
}

#table-1 {
font-size: 10px;
margin-left: 30px;
margin-bottom: 30px;
float: left;
}

#Flagge {
border: none;
padding-left: 2px;
padding-right:5px;
padding-top: 2px;
}

#organigramm {
position: relative;
margin: 20px;
float: left;
border: none;
}

#block-1 {
width: 170px;
padding: 0px;
margin-top: 40px;
margin-left: 50px;
margin-bottom: 10px;
border: 1px solid #93A2AA;
position: relative;
font-size: small;
background-color: rgb(223, 228, 237);
}



#sidebar {
float: left;
width: 215px;
} 

#block-1 ul {
margin-top: 10px;
padding: 5px;
}

#block-1 h3 {
margin: 0px;
margin-top: 0px;
text-align: center;
color: white;
background-image: url(media/buttonnavbg.jpg);
}

#block-1 {
font-size: 12px;
line-height: 15px;
}



#absatz {
margin-bottom: 15px;
}


#absatz-ehrenliste {
float: left;
margin-left: 120px;
padding-top: 50px; 
width: 298px; 
height: 420px;
text-align: center;
background: url(media/Urkunde-hell.jpg) no-repeat top left;
font-size: 14px;
line-height: 20px;
}

#absatz-ehrenliste ul {
margin-top: 5px;
margin-left: 0px;
font-size: 15px;
line-height: 30px;
font-style: italic;
}

#listenpunkte li {
list-style-type: disc;
margin-left: 20px;
margin-bottom: 10px;
font-size: 14px;
}


#spalte-1 {
width: 240px;
padding: 5px;
padding-top: 10px;
float: left;
}

#spalte-2 {
width: 240px;
padding: 5px;
padding-top:10px;
padding-left: 40px;
float: left;
}

#footer {
float: left;
height: 10px;
width: 800px;
padding-top: 10px;
padding-bottom: 8px;
}

/*Menüleiste-footer*/

/*Navigationsanker*/
#footernavigation a {
float: left;
display: block;
padding-left: 15px;
padding-right: 15px;
border-left: 1px solid #93A2AA;
text-decoration: none;
text-align: center;
color: rgb(192, 192, 192);
background: url(media/buttonnavbg.jpg) no-repeat top left;
}

/*footer Navigationsleiste*/
#footernavigation {
float: left;
width: 800px;
background-image: url(media/buttonnavbg.jpg);
border-bottom: 1px solid #999;
}

#footernavigation ul li {
display: inline;
}
/*Herüberfahren*/
#footernavigation a:hover {
color: white;
text-decoration: none;
background: url(media/buttonnavbgover.jpg) top left;
}

#footernavigation a#hier:link, #footernavigation a#hier:visited, 
#footernavigation a#hier:hover, #footernavigation a#hier:active {
background: url(media/buttonnavbgover.jpg);
color: white;
}