/* CSS-Datei enthält das Layout für die Website der Viktoriaschule · (C) 2008 by Marco Haase */

/* Farben: 
   #598957: dunkelgrün (unterer Teil der Headergrafik)
   #145c07: sehr dunkles grün
   #0c3704: schwarzgrün (Schriftfarbe im Header)
   #8fb87c: mittlerer Grünton, evtl. unbenutzt
   #e1fdce: zartes hellgrün für Hintergrund Seitennavigation
*/

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

body {color:#484848; font-size:82%; font-family:Verdana,Arial, Helvetica, sans-serif; text-align:center}

#wrap {width:760px; height:100%; margin:0 auto; margin-top:6px; text-align:left; background-color:white}

/* Navigationsleiste oben und integrierter Header-Grafik */
ul#navitop {width:760px; padding-bottom:8px; padding-top:70px; text-align:center;
                      background-color:#598957; background:url(viktoria-header.png) no-repeat 0px 0px}
ul#navitop li {width:1px; margin:0 0 0 -5px; display:inline;
                         font-size:85%; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px}
                         /* width-Angabe für IE 5.x erforderlich! */
ul#navitop li a {text-decoration:none; color:#0c3704; background-color:snow; padding:4px 6px;
                            border-style:solid; border-width:1px; border-color:#0c3704}
ul#navitop li a:hover {padding:10px 6px 4px 6px}
ul#navitop li.aktiv a {text-decoration:none; background-color:lightsalmon}

/* Navigationsleiste Seite */
ul#naviside {width:144px; padding:6px; float:left; border-style:solid; border-width:1px; border-color:#598957;
                        border-top-style:none; background-color:#e1fdce; list-style-type:none; list-style-image:none;
                        margin:0px;  background:url(background-navileft.png) repeat-x 0px 0px}
ul#naviside li {margin:10px 0px 4px 0px; line-height:130%; font-size:90%; font-family:Arial, Helvetica, sans-serif}
ul#naviside li a {margin-left:0px; font-weight:normal; text-decoration:none; color:#0c3704; letter-spacing:0px; border-style:none}
ul#naviside li.sub, ul#naviside li.subaktiv {margin-left:20px; margin-top:2px; margin-bottom:4px}
ul#naviside li.aktiv a, ul#naviside li.subaktiv a, ul#naviside li.down a{font-weight:bold; text-decoration:none; color:#c43700}
ul#naviside a:hover, ul#naviside li.subaktiv a:hover {color:#c43700}

/* Inhaltsbereich Überschriften, Absätze, Listen etc. */
#inhalt {width:560px; margin-left:190px; background-color:white}
h1, h2, h3 {font-family:Arial,Helvetica,sans-serif; font-weight:bold; text-align:left}
h1 {font-size:160%; letter-spacing:1px; color:#145c07; margin:22px 2px 18px 2px}
h2 {font-size:135%; margin-top:18px; margin-bottom:8px}
h3 {font-size:110%; margin-top:15px; margin-bottom:8px}

/*  aber wieder weiter überarbeiten! */

p, li, dl {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:100%; text-align:left; line-height:160%}
p {line-height:145%; text-align:justify; margin-bottom:11px}
#inhalt  ul {margin-left:15px; margin-bottom:11px; list-style-image:url(bullet3-black.gif)} 

blockquote {padding:8px; margin-bottom:11px; background-color:snow;   /* #f8ffd0 oder f4f4f4 oder ffdea4*/
                    border-style:solid; border-width:1px; border-color:#598957}
blockquote p, blockquote cite {font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:100%;
                                                                 font-weight:bold; line-height:135%; text-align:justify;margin-bottom:0px}
blockquote cite {display:block; font-style:oblique; font-weight:normal; margin-top:6px}


/* Verweise */
a, a:link, a:hover, a:active, a:visited {font-weight:normal; color:#007000; text-decoration:none;
border-bottom-style:dotted; border-width:1px; border-color:#007000}
a:hover {color:#ff6c00; border-color:#ff6c00}

/* Tabellen */

table  {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:100%; border-collapse:collapse;}
td, th {text-align:left; border-style:solid; border-width:1px; border-color:#999; padding:2px 6px;}            
th      {font-weight:bold; background-color:snow}
td a, td a:link, td a:hover, td a:active, td a:visited {font-weight:normal; color:#007000; text-decoration:none}
table.center td, table.center th {text-align:center}

/* Foto-Galerien */    /* Einstellungen wg. Kompatibilität mit IE 5.x/6.0 unbedingt so lassen */

#galerie {width:560px; margin-left:-4px; float:left; }
#galerie dl {width:156px; margin: 8px 12px; float:left; text-align:center} 
#galerie dd {width:146px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:75%; line-height:120%; margin:2px 5px}
                       /* width-Angabe für IE 5.x erforderlich */
#galerie a {border-style:none}
#galerie a img {border:1px solid #eee; border-bottom-color:#aaa; padding:8px}
#galerie a:hover img {background-color:linen; border-color:lightsalmon}


q {color:#6B6B6B} /* für Zitate aus amtlichen Quellen */

img.rechts {float:right; margin-left:20px; margin-top:6px; margin-bottom:6px}
img.links {float:left; margin-right:20px; margin-top:6px; margin-bottom:6px; }

p.aktuell {color:#999; text-indent:12px; margin-top:30px; padding-bottom:4px; border-bottom-style:solid; border-width:1px; border-color:#999;
                background:url(bullet3-gray.gif) no-repeat 0 0}

/* Fußzeile */
#footer {clear:both; font-size:10px; text-align:left;
               width:560px; height:20px; margin-left:190px; margin-top:15px; padding-top:5px;
               border-style:none; border-top-style:solid; border-width:1px; border-color:#598957;
               background:url(viktoria-footer.png) no-repeat 200px 7px}
#footer a {text-decoration:none; color:#145c07; border-style:none}
#footer a:hover {color:#ff6c00}
#footer a.links {float:left}
#footer a.rechts {float:right}