html {font-family: Verdana, Arial, Helvetica, san-serif; font-size: 13px; color:#FFFFFF; background-color:#000000;}
body { font-size: 92%; margin:0;padding: 0;}
h1 {font-size: 1.2em;}
.yui-gf {width: 950px; }
#nav { width: 950px; height: 51px; position: relative; background: url(images/navigationbar.jpg); margin: 0; padding: 0;}
#nav li {float: left; }
#nav li a {position: absolute; top: 0; margin: 0; padding: 0; display: block; height: 51px; background: url(images/navigationbar.jpg) no-repeat; text-indent: -9999px; overflow: hidden; font-size: 1%; }
/* div boxen */
.wrapper_div1 { background: #ffffff; min-width: 400px; width: 400px; margin: 0 20px 20px 0; }
.header_div1 { background: #ffffff url(images/header_div1_rechts.gif) no-repeat top right; width: 400px; height: 15px; text-indent: -9999px;overflow: hidden; text-align: left;}
.content_div1 { text-align: center; width: 400px; padding: 0px; }
.footer_div1 { background: #ffffff url(images/footer_div1_rechts.gif) no-repeat bottom right; width: 400px; height: 15px;}
.footer_div1 p { padding: 0; }
.wrapper_div2 { background: #ffffff; min-width: 550px; width: 550px; margin-bottom: 20px; }
.header_div2 { background: #ffffff url(images/header_div1_rechts.gif) no-repeat top right; width: 550px; height: 15px; text-indent: -9999px;overflow: hidden; text-align: left;}
.content_div2 { text-align: center; width: 550px; padding: 0px; }
.footer_div2 { background: #ffffff url(images/footer_div1_rechts.gif) no-repeat bottom right; width: 550px; height: 15px;}
.footer_div2 p { padding: 0; }
.wrapper_div3 { background: #ffffff; min-width: 950px; width: 950px; margin-bottom: 20px; }
.header_div3 { background: #ffffff url(images/header_div1_rechts.gif) no-repeat top right; width: 950px; height: 15px; text-indent: -9999px;overflow: hidden; text-align: left;}
.content_div3 { text-align: left; width: 950px; padding: 0px; margin: 0 20px 0 20px;}
.footer_div3 { background: #ffffff url(images/footer_div1_rechts.gif) no-repeat bottom right; width: 950px; height: 15px;}
.footer_div3 p { padding: 0; }
/* hauptnavigation */
li#topnav_home a {left: 208px; width: 145px; background-position: -208px 0;}
li#topnav_home a:hover {background-position: -208px -51px; }
#body_home li#topnav_home a {background-position: -208px -153px; z-index:850;}
#body_home a:hover {background-position: -85px -153px; z-index:800;}
li#topnav_infos a {left: 330px; width: 145px; background-position: -330px 0;}
li#topnav_infos a:hover {background-position: -330px -51px;}
#body_infos li#topnav_infos a {background-position: -330px -204px; z-index:800;}
li#topnav_projekte a {left: 450px; width: 145px; background-position: -450px 0;}
li#topnav_projekte a:hover {background-position: -450px -51px;}
#body_projekte li#topnav_projekte a {background-position: -450px -102px; z-index:800;}
li#topnav_aktuelles a {left: 570px; width: 145px; background-position: -570px 0;}
li#topnav_aktuelles a:hover {background-position: -570px -51px;}
#body_aktuelles li#topnav_aktuelles a {background-position: -570px -153px; z-index:800;}
li#topnav_kontakt a {left: 690px; width: 145px; background-position: -690px 0;}
li#topnav_kontakt a:hover {background-position: -690px -51px;}
#body_kontakt li#topnav_kontakt a {background-position: -690px -204px; z-index:800;}
li#topnav_bildergalerie a {left: 810px; width: 145px; background-position: -810px 0;}
li#topnav_bildergalerie a:hover {background-position: -810px -51px;}
#body_bildergalerie li#topnav_bildergalerie a {background-position: -810px -102px;}
#custom-doc {margin: auto; text-align:left; width: 73.076em; *width: 71.316em; min-width: 950px;}
div#hd {background: url(images/header_oben.jpg) no-repeat; width: 950px; height: 149px; position: relative; margin-top: 10px; text-indent: -9999px;}
div#ft {background: url(images/footer.gif) no-repeat; width: 950px; height: 26px; position: relative; padding: 10px 10px 10px 15px;}
div#ft a {color: grey; text-decoration: none;}
div#ft a:hover {color: darkred;}
div#welcome {text-indent: -9999px;}
div#portrait { text-align: center; padding-top: 20px; }
div#klassenportrait { text-align: center; margin: 0; font-size: 16px; color: #ffffff; padding-bottom: 20px; }
div#divunten { text-align: right; margin: 15px 0; }
/* table bilder */
#bilder { width: 950px; }
#bilder td {vertical-align: middle; text-align: center; padding-top: 15px; }
/* table bilder rechts */
#bilder_rechts {}
#bilder td {vertical-align: middle; text-align: center; padding-top: 15px; }
/* div Text Zeilenabstand home */
#textabstand { line-height: 1.7; text-align: left; }
/* div grundsätze */
#grundsaetze_layout { line-height: 1.3; text-align: left; font-size: 16px; }
#grundsaetze_layout p { line-height: 1.3; text-align: left; font-size: 16px; }
#grundsaetze_layout li { list-style-type: decimal; list-style-position: inside; }
#liste_punkte li { list-style-position: outside; list-style-type: disc; margin-left: 45px; }
/* liste vereinsziele */
#liste_vereinsziele li { list-style-position: outside; list-style-type: disc; margin-left: 35px; }
/* liste mirkokredite */
#liste_mikrokredite li { list-style-position: outside; list-style-type: disc; margin-left: 35px; }
/* ahnengalerie */
div#feature {background:#ffffff url(images/footer_div1_links.gif) no-repeat bottom left; width: 350px; }
div#feature dl {background:url(images/header_div1_links.gif) no-repeat; }
div#feature dt { background:url(images/header_div1_rechts.gif) no-repeat top right;padding:1em 1.17em 0; font-size:140%; color:#000000; line-height:1;}
div#feature dd { background:url(images/footer_div1_rechts.gif) no-repeat bottom right; padding:10px; }
div#divunten_ahnengalerie { text-align: center; margin: 15px 0; font-size: 16px; color: #ffffff; padding-bottom: 20px; }
div#divunten_ahnengalerie a { color: #000000; line-height: 1.5em; text-decoration: none }
div#divunten_ahnengalerie a:hover { color: darkred; }
/* aktivitäten */
div#feature {background:#ffffff url(images/footer_div1_links.gif) no-repeat bottom left; width: 450px; }
div#feature dl {background:url(images/header_div1_links.gif) no-repeat; }
div#feature dt { background:url(images/header_div1_rechts.gif) no-repeat top right;padding:1em 1.17em 0; font-size:140%; color:#000000; line-height:1;}
div#feature dd { background:url(images/footer_div1_rechts.gif) no-repeat bottom right; padding:10px; }
div#divunten_aktivitaeten { text-align: center; margin: 15px 0; font-size: 16px; color: #ffffff; padding-bottom: 20px; }
div#divunten_aktivitaeten a { color: #000000; line-height: 1.5em; text-decoration: none }
div#divunten_aktivitaeten a:hover { color: darkred; }
/* home */
div#feature_ganze_breite {background:#ffffff url(images/footer_div1_links.gif) no-repeat bottom left; width: 950px; }
div#feature_ganze_breite dl {background:url(images/header_div1_links.gif) no-repeat; }
div#feature_ganze_breite dt { background:url(images/header_div1_rechts.gif) no-repeat top right;padding:1em 1.17em 0; font-size:140%; color:#000000; line-height:1;}
div#feature_ganze_breite dd { background:url(images/footer_div1_rechts.gif) no-repeat bottom right; padding:10px; }
div#divganze_breite { text-align: center; margin: 15px 0; font-size: 16px; color: #ffffff; padding-bottom: 20px; }
div#divganze_breite a { color: #000000; line-height: 1.5em; text-decoration: none }
div#divganze_breite a:hover { color: darkred; }
/* diverses */
div#feature_diverses {background:#ffffff url(images/footer_div1_links.gif) no-repeat bottom left; width: 500px; }
div#feature_diverses dl {background:url(images/header_div1_links.gif) no-repeat; }
div#feature_diverses dt { background:url(images/header_div1_rechts.gif) no-repeat top right;padding:1em 1.17em 0; font-size:120%; color:#000000; line-height:1;}
div#feature dd { background:url(images/footer_div1_rechts.gif) no-repeat bottom right; padding:10px; }
.diverses_text {font-size: 2em; text-decoration: none; color: #000000; padding: 0 0 0 10px;}
/* navigation infos */
#nav_infos {margin: 0; padding: 0; background: #999999; list-style-type: none; width: 200px; float: left;}
#nav_infos li {margin: 0; padding: 0; float: left; width: 100%;}
#nav_infos a {display: block; width: 200px; color: #000000; text-decoration: none; padding: 0px 15px; line-height: 1.5; border-bottom: 1px solid #000000;}
#nav_infos a:hover {color: darkred;}
#body_burkina_faso #nav_burkina_faso a, #body_Kagninri #nav_Kagninri a, #body_verein_zeems_taaba #nav_verein_zeems_taaba a
{background: #000000; color: #fff; font-weight: normal;}
/* navigation projekte """"snapshot starter""" */
#nav_projekte {margin: 0; padding: 0; background: #999999; list-style-type: none; width: 200px; float: left; }
#nav_projekte li {margin: 0; padding: 0; float: left; width: 100%; }
#nav_projekte a {display: block; width: 200px; color: #000000; text-decoration: none; padding: 0px 15px; line-height: 1.5; border-bottom: 1px solid #000000;}
#nav_projekte a:hover {color: darkred;}
#body_projekte_mikrokredit #nav_projekte_mikrokredit a, #body_projekte_brunnen #nav_projekte_brunnen a,
#body_projekte_schulgelder #nav_projekte_schulgelder a, #body_projekte_zweites_schulhaus #nav_projekte_zweites_schulhaus a,#body_projekte_erstes_schulhaus #nav_projekte_erstes_schulhaus a,
#body_projekte_news #nav_projekte_news a, #body_projekte_getreidemuehle #nav_projekte_getreidemuehle a
{background: #000000; color: #fff; font-weight: normal;}
#snapshot_table { margin: 0; font-size: 14px; color: #000000; line-height: 1.4em; }
#snapshot_table a:visited { color: #f30; }
#snapshot_table a:hover {color: red;}
#snapshot_table a {display: block; width: 600px;}
/* navigation bildergalerien */
#nav_bildergalerie {margin: 0; padding: 0; background: #999999; list-style-type: none; width: 200px; float: left; }
#nav_bildergalerie li {margin: 0; padding: 0; float: left; width: 100%; }
#nav_bildergalerie a {display: block; width: 200px; color: #000000; text-decoration: none; padding: 0px 15px; line-height: 1.5; border-bottom: 1px solid #000000;}
#nav_bildergalerie a:hover {color: darkred;}
#body_bildergalerie_brunnen #nav_bildergalerie_brunnen a, #body_bildergalerie_1_schulhaus #nav_bildergalerie_1_schulhaus a,
#body_bildergalerie_muehle #nav_bildergalerie_muehle a, #body_schulbetrieb #nav_bildergalerie_schulbetrieb a,
#body_bildergalerie_2010_jahresschluss #nav_bildergalerie_2010_jahresschluss a,
#body_bildergalerie_2_schulhaus #nav_bildergalerie_2_schulhaus a,
#body_bildergalerie_lavabos #nav_bildergalerie_lavabos a,
#body_bildergalerie_schulbetrieb2 #nav_bildergalerie_schulbetrieb2 a,
#body_bildergalerie_schulgarten #nav_bildergalerie_schulgarten a
#body_bildergalerie_schulbetrieb2013 #nav_bildergalerie_schulbetrieb2013 a,
#body_bildergalerie_einweihung_schulhaeuser #nav_bildergalerie_einweihung_schulhaeuser a,
#body_bildergalerie_oberstufenschulhaus #nav_bildergalerie_oberstufenschulhaus a,
#body_bildergalerie_oberstufenschulhaus_schulbetrieb #nav_bildergalerie_oberstufenschulhaus_schulbetrieb a,
#body_bildergalerie_film_activite #nav_bildergalerie_film_activite a,
{background: #000000; color: #fff; font-weight: normal;}
/* seiten lernen */
div#divunten_lernen { text-align: center; margin: 0; font-size: 16px; color: #ffffff; padding-bottom: 20px; }
div#divunten_lernen a { color: #000000; line-height: 1.5em; text-decoration: none }
div#divunten_lernen a:hover { color: darkred; }
div#feature_lernen {background:#ffffff url(images/footer_div1_links.gif) no-repeat bottom left; width: 700px; float: right; }
div#feature_lernen dl {background:url(images/header_div1_links.gif) no-repeat; }
div#feature_lernen dt { background:url(images/header_div1_rechts.gif) no-repeat top right;padding:1em 1.17em 0; font-size:90%; color:#000000; line-height:1.7; text-align: left; }
div#feature_lernen dd { background:url(images/footer_div1_rechts.gif) no-repeat bottom right; padding:10px; }
#lernen_table { margin: 0; font-size: 14px; color: #000000; line-height: 1.7em; }
#lernen_table td { padding-bottom: 20px; }
/*links home */
.links_home a {display: block; color: #000000; text-decoration: none; padding: 0; font-size: 2em;}
.links_home a:hover {color: darkred;}
/* seiten Bildergalerie */
div#feature_galerie {background:#ffffff url(images/footer_div1_links.gif) no-repeat bottom left; width: 700px; float: center; }
div#feature_galerie dl {background:url(images/header_div1_links.gif) no-repeat; }
div#feature_galerie dt {background:url(images/header_div1_rechts.gif) no-repeat top right;padding:1em 1.17em 0; font-size:90%; color:#000000; line-height:1;}
div#feature_galerie dd {background:url(images/footer_div1_rechts.gif) no-repeat bottom right; padding:10px; }
#galerie_table { margin: 0px; padding: 0px; text-align: center; font-size: 16px; color: #000000; line-height: 1.4em; }
#galerie_table caption {text-align: center; height: 35px; }
#galerie_table td {border: 1px solid #999; width: 100px; height: 100px; vertical-align: middle; text-align: center; }
/* navigationsangabe auf seiten */
#navigationsangabe a {color: grey; text-decoration: none;}
#navigationsangabe a:hover {color: darkred;}
/* titelangabe auf seiten */
#seiten_titel {font-size: 20px; margin: 10px 0 20px; font-weight: bold;}
/* tabelle spendenbarometer */
#spendenbarometer {font-size: 1.1em; margin: 10px 0 20px; font-weight: bold; vertical-align: middle; width: 670px; border: 1px; width: 670px; }
#spendenbarometer td {border: 1px solid; vertical-align: middle; }
#spendenbarometer_farbe {background-color: green; }
/* tabelle erstes schulhaus */
#erstes_schulhaus {font-size: 1.1em; margin: 10px 0 20px; font-weight: bold; vertical-align: middle; width: 670px; border: 1px solid; }
.schulhaus_tabelle_links {border: 1px solid; width: 400px; padding-left: 5px; padding-top: 10px; }
.schulhaus_tabelle_rechts {border: 1px solid; width: 200px; padding-left: 5px; padding-top: 10px; }
.schulhaus_tabelle_mitte {border: 1px solid; width: 300px; padding-top: 10px; }