/*****************************************************************************
* CSS-Layout von Uwe Prochnow <uweprochnow@regiospeed.net für                        *  
* http://www.aquarienverein-rossmaessler-halle.de                                                      *
* 2008/2009 letzte Änderung: 3.1.2009                                                                        *
******************************************************************************/
* {
margin: 0;
padding: 0;
}
body {
font-family: Verdana, Arial, sans-serif;
font-size: 80%; /* Im Folgeelement auf 100% wegen Vererbung setzen */
line-height: 1.5em;
}
h1, h2, h3, h4 {
margin: 10px 0 10px 0;
padding: 5px 0;
}
h1 {
font-size: 320%;
}
h2 {
font-size: 200%;
}
h3 {
font-size: 140%;
}
h4 {
font-size: 130%;
}
h5 {
font-size: 130%;
}
h6 {
font-size: 130%;
}


/* 
Farben:
#e0fadd Texthintergrund
#daf6d7 Überschriftenhintergrund, Nav-Hintergrund
#d4f2d1 Zitathintergrund
#ceedcb hover-Hintergrund
#c8e9c5 body

#e0fadd Texthintergrund
#adc2ab
#7b8a79
#485246 Zitat-Border
#151a14 Textfarbe


für Links, Border für Überschriften, li, Navigation:
#ff0000 hover
#cc0011 aktiv, focus
#990022 link
#660033 visited, Border für Überschriften, li, Navigation
 */

/**** Grundformatierung ****/
body {
background-color:#c8e9c5; 
color:#151a14;
}

#Rahmen {width: 760px; 
margin: 0px auto; 
background-color:#e0fadd; 
background:url(Grafik/HintergrundGruen.jpg); /* für unsichtbaren Übergang von Hintergrundbild zu einfarbigen Hintergrund wegen geringfügiger Farbtonabweichung von *.jpg zu #e0fadd */
font-size: 100%; /* um keine 80% weiter zu vererben*/
}

#Bild {
width:760px; 
background:url(Grafik/Blattgruen.jpg); 
background-repeat: no-repeat;
}
/*** Grundformatierung Überschriften ***/
h2, h3, h4, h5, h6 {
margin:10px 20px 10px 20px; 
background-color:#daf6d7; 
border-style: solid; 
border-color:#660033; 
border-width: 1px 0px 1px 0px;
text-align:center;
font-family: Georgia, "Times New Roman" , serif;
font-weight:normal;
font-style:italic;
}

/*** Der Seitenkopf ***/
#Banner {
width:760px;
text-align:center;
}

h1 {
font-family: Georgia, "Times New Roman" , serif;
letter-spacing:-0.03em;
font-weight:normal;
font-style:italic;
padding-top:20px;
}
h1:first-letter {
font-size:1.3em;
}

/** Seitenüberschrift der Unterseite Zeile drei in der Browseranzeige **/
h2 {
font-variant:small-caps;
letter-spacing:-0.03em;
}

h2:first-letter {
font-size:1.3em;
}

/****** Zwischenüberschrift ****/
h3 {
letter-spacing:-0.01em;
} 

/*** Zwischenüberschrift und Sub-Überschrift im Banner, Zeile zwei in Browseranzeige ***/
h4 {
line-height: 1.6em;
} 

/*** Zwischenüberschrift ***/
h5 {
line-height: 1.6em;
} 

h6 {
line-height: 1.6em;
} 

/*** Absätze ***/
p {
margin: 20px;
text-indent:1em;
}

p.Autor {
text-align:center;
}

p.Text {
font-size:100%;
font-family: Georgia, "Times New Roman" , serif;
}

/*** Verschiedenes ***/
img {
margin-top:1.0em;
margin-bottom:1.0em;
}

blockquote {
margin:10px 20px 10px 20px;
color:#000;
background-color:#d4f2d1;
font-style:italic;
border-style: solid; 
border-color:#485246; 
border-width: 0px 0px 0px 1px;
}

em {
font-style:italic;
}

strong {
font-weight:bold;
}

cite {
font-weight:bold;
}


/* Tabellen */
table {
margin:20px;
border-collapse:collapse;
border-spacing:0;
color:#000;
border-style: solid; 
border-color:#660033; 
border-width: 0px 0px 1px 0px;
}

caption {
font-size:130%;
font-style:italic;
background-color:#adc2ab;
border-style: solid; 
border-color:#660033; 
border-width: 1px 0px 1px 0px;
line-height: 1.5em;
}

tr.A {
background-color:#adc2ab;
}
tr.B {
background-color:#bed8bd;
}
th, td {
padding: 0.2em;
}

table tr td a:hover {
	text-decoration: none;
}


/* Grundformatierung Links, Links im Fließtext */
a {
text-decoration:none;
font-weight:bold;
letter-spacing:-0.01em;
}

a img {
border:0;
}

a:link {
color:#990022;
}

a:visited {
color:#660033;
}

a:hover {
color:#ff0000;
text-decoration:underline overline;
}
a:focus {
color:#990022;
background-color:#ceedcb;
}

/* Hauptmenu */
div#menu {
float:left; 
width:12em; 
min-width:140px;
margin:0px 20px 20px 20px; 
border-style: solid; 
border-color:#660033; 
border-width: 1px; 
background-color:#daf6d7;
}

#menu ul {
list-style-type:none; 
margin:10px; 
width:10.4em;
}

#menu ul li {
font-weight:bold;
margin: 5px; 
border-style: solid; 
border-color:#660033; 
border-width: 1px 0px 1px 0px;
letter-spacing:-0.01em;
line-height: 1.25em;
}

#menu ul li a {
display:block;
text-decoration:none;
}


#menu ul li a:hover {
background-color:#ceedcb;
}

#menu ul li a:focus {
background-color:#ceedcb;
}

/* Menu rechts */
div#menurechts {
float:right; 
width:12em; 
margin:0px 20px 20px 20px; 
border-style: solid; 
border-color:#660033; 
border-width: 1px;  
background-color:#daf6d7;
}

#menurechts ul {
list-style-type:none; 
margin:10px; 
width:10.4em;
}

#menurechts ul li {
font-weight:bold;
margin: 5px; 
border-style: solid; 
border-color:#660033; 
border-width: 1px 0px 1px 0px;
letter-spacing:-0.01em;
line-height: 1.25em;
}

#menurechts ul li a {
display:block;
text-decoration:none;
}


#menurechts ul li a:hover {
background-color:#ceedcb;
}

#menurechts ul li a:focus {
background-color:#ceedcb;
}


/* Bereich aktuell */
#aktuell ul {
list-style-type:disc; 
margin:10px 20px 10px 20px;
}

#aktuell ul li {
margin:10px 20px 10px 20px;
font-weight: bold;
}

/* Galerieformatierung */
#Autorenaufzaehlung {
	list-style-type: none;
	margin-bottom: 25px;
}


#Fotocontainereins {
margin: 20px 50px 50px 50px;
width:460px;
}

.Fotocontainer {
margin: 20px 50px 50px 50px;
width:660px;
}

ol {
list-style-type:decimal;
margin-left:30px;
}
/*Kopf für Rundbriefe */

ul.Rundbrief {
list-style-type:none; 
margin:10px 20px 10px 0px;
font-size:100%;
}

ul.Tier {
list-style-type:none; 
margin:10px 20px 10px 0px;
font-size:86%;
}

/* Fussleiste */
div#untenNav    {
width:720px; 
height:1.8em; 
margin:20px; 
text-align:center;
border-style: solid; 
border-color:#660033; 
border-width: 1px 0px 0px 0px;
}

#untenNav ul {
list-style-type:none;
}

#untenNav ul li {
display:inline;
padding:1em;
letter-spacing:-0.01em;
line-height: 1.25em;
}

#untenNav ul li a {
text-decoration:none;
}

#untenNav ul li a:hover {
background-color:#ceedcb;
}

#untenNav ul li a:focus {
background-color:#ceedcb;
}

.WB {
text-align:center;
}