html {
	height:100%;
	padding:0 0 1px 0; /* Browserbalken erzwingen, um stoerendes Einruecken zu verhindern */
	margin:0;
}

body {
	color:black;
	background-image:url(../img/verlauf_orange-gelb.jpg);
	font-size:100.01%;
	font-family:"Trebuchet MS", Georgia, "Bookman Old Style", Arial, sans-serif;
	margin:0;
	padding:0.5em 0;
	text-align:center; /* Zentrierung der Blockelemente im IE bis 5.x*/
}

div, table {
	text-align:left;
}
p {
	text-align:justify;
	padding:0;
	margin:1em 0;
}
strong {
	font-style:normal;
	font-weight:bold;
}
.strong {
	font-style:normal;
	font-weight:bold;
}
em {
	font-style:italic;
}

hr#aktuelles {
 border: 1px solid black;
 margin: 0 0 2.5em 0;
}

div#all {
	width:760px;
	/* width:auto;	*/
	text-align:left; /* Seiteninhalt wieder links ausrichten */
	/* margin:1em;  standardkonforme horizontale Zentrierung */
	margin:0 auto;
}

	
/* Hauptinhalt */
div#main {
	text-align:center;
	min-height:500px;
	height:auto !important;
	height:500px; /* fuer IE */
	margin-left:10em ; /* 8em width +2x1em padding von #navigation */
	padding:0.5em 0;
}
div#full {
	text-align:center;
	width:auto;
	padding:1em 0;
	margin:0;
}
div#mini {
	width:auto;
	min-height:500px;
	height:auto;
	/* margin:2em 0 2em 11em; */
	margin-left:11em; /* 9em width +2x1em padding von #navigation */
}

p.miniatur {
	float:left;
	width:108px;
	font-size:0.85em;
	text-align:center;
	margin:0.5em 3px;
}	
div#index {
	width:550px;
	min-height:400px;
	height:auto !important;
	height:400px;
	margin:30px auto 0 auto;
}
* html p#index {
	height:400px;  /* nur fuer IE bis Version 6 */
}
	
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.top {
	vertical-align:top;
}
.middle {
	vertical-align:middle;
}
.killborder, a img.killborder, li a img.killborder {
	border:none;
}
.killmargin {
	margin:0;
}
.big {
	font-size:1.25em;
}
.small {
	font-size:0.8em;
}
.spacing {
	margin-top:3.5em;
}

p.center span {
	font-size:0.8em;
}

p#pdf {
	margin-bottom:2.5em;
}
	
a {
	font-weight:bold;
	text-decoration:underline;
	color:#b22222; /* bordeaux */
}
a:link {	
	color:#b22222; /* bordeaux */
}
a.greenlink:link {
	color:#f00;
}
a:visited {
	color:#800080; /* purple */
}
a:focus, a:hover {
	color:#f00; /* red */
}
a:active {
	color:green;
}

a:link img {
	border:2px solid #b22222;
}
a:visited img {
	border:2px solid #800080;
}	
a:focus img, a:hover img {
	border:2px solid #f00;
}	
a:active img {
	border:2px solid #008000;
}
	
.link {
	font-size:1.2em;
}




/* Header und Ueberschriften definieren */
#header {
	min-height:150px;
	height:auto !important;
	height:150px; /* fuer IE */
}
#logo {
	float:left;
	background-image:url(../img/logo150x150.gif); /* Logo über CSS einbinden, damit leicht austauschbar */
	width:150px;
	height:150px;
}
#heading {
	font-family: "Bookman Old Style", "Lucida Sans", Helvetica, Arial, sans-serif;
	margin-left:160px;
	text-align:center;
}
#heading h1 {
	font-weight:bold;
	font-size:2.2em;
	margin:0;
}
#heading h2 {
	font-weight:bold;
	font-size:1.75em;
	margin:0;
}
#heading h4 {
	font-weight:bold;
	font-size:1.25em;
	margin:0;
}
#heading h5 {
	font-weight:bold;
	font-size:1em;
	margin:0;
}
#heading h5 a {
	color:black;
	text-decoration:none; /* Unterstrich bei Hyperlink entfernen */
}
h2 {
	text-align:center;
	font-weight:bold;
	font-size:1.75em;
	margin:0.5em 0;
}
h3 {
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
	margin:0.5em 0;
}
h4 {
	text-align:center;
	font-weight:bold;
	font-size:1.25em;
	margin:0.5em 0;
}
h5 {
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
	margin:0.5em 0;
}

/* Navigation */
div#navigation {
	clear:both;
	float:left;
	font-size:94%;
	width:8em; /* div-Container-Breite */
	padding:3em 1em 3em 1em;
}
* html div#navigation {
	/*width:9em; necessary? */
	w\idth:8em; /* (IE 6 in standards-compliant mode) */
}
ul#navlist {
	margin:0;
	padding:0;
	text-align:left;
}
ul#navlist li {
	list-style:none; /* Aufzaehlungspunkte entfernen */
	position:relative;
	margin:0;
	padding:0;
	z-index:999;
}
html + body ul#navlist li {
	margin-top:-0.25em;		/* Leerraum beim IE 5.0x beseitigen*/
}
/*
* html ul#navlist li {
	margin-right:1.5em;  Platz fuer Link-Verbreiterung im IE reservieren
	margin-bottom:0;
}	*/
ul#navlist li ul {
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:8em;
}
ul#navlist li ul li {
	margin:0;
	padding-left:0.1em; /* zweite ebene ein wenig nach rechts positionieren */
}
html + body ul#navlist li ul li {
	margin-bottom:-0.25em; /* Leerraeume bei IE 5.0x beseitigen */
	margin-left:-0.2em;
}
ul#navlist a, ul#navlist span {
	display: block;
	width: 7em; /* wegen left-/right-padding = 0.5em */
	font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	padding: 0.2em 0.5em;
	border: 1px solid;
	border-color: #c96 #900 #900 #c96;
	color: #fc6; /* hellorange */
	background-color: #f60; /* orange */
}
* html ul#navlist a, * html ul#navlist span {
	width: 8em;
	w\idth: 7em; /* (IE 6 in standards-compliant mode) */
}
ul#navlist a:hover, ul#navlist span, li a#aktuell:hover, li a#aktuell2:hover {
	color: #c30; /* mittelrot */
	background-color:#ff0; /* knallgelb */
	border-color: #900 #c96 #c96 #900;
}
html + body ul#navlist a:hover {
	margin-bottom:-0.25em; /* Leerraum beim IE 5.0x beseitigen*/
}
li a#aktuell, li a#aktuell2 {
	color:#ff0; /* knallgelb */
	background-color:#c30;
	border-color:#000;
}
ul#navlist li ul span {
	color:#ff0; /* knallgelb */
	background-color:#c30;
	border-color:#900 #c96 #c96 #900;
}
ul#navlist li a:active {
	color:#c30; /* mittelrot */
	background-color:#ff0; /* knallgelb */
}
/* dynamisches Ein-/Ausblenden */
ul#navlist li ul {
	display: none; /* zweite ul im Normalzustand ausblenden */
}
ul#navlist li:hover>ul {
	display: block;
}
ul#navlist>li:hover>a {
	width: 7em;
	color:#c30;
	background-color:#ff0; /* knallgelb */
}
/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
ul#navlist li.hoverIE {
	margin-right:0; /* reservierten Platz freigeben */
	margin-bottom:0; /* Fehlerkorrektur, ggf. anpassen */
}
ul#navlist li.hoverIE ul {
	display: block;
	margin-bottom:-1.25em;
}
ul#navlist li .hoverIE {
	width: 8em;
	w\idth: 7em; /* (IE 6 in standards-compliant mode) */
	color:#c30;
	background-color:#ff0; /* knallgelb */
}
html + body ul#navlist li .hoverIE {
	margin-bottom:-0.25em; /* Leerraum beim IE 5.0x beseitigen */
}
*+html ul#navlist li .hoverIE {
    margin-bottom:1.3em;  /* (IE 7 in standards-compliant mode) */
}

img#collage {
	position:absolute;
	width:400px;
	height:389px;
	margin:0 0 0 50px;
	border:0;
	z-index:1;
}

img#picinpic {
	position:absolute;
	width:150px;
	height:136px;
	margin:0 0 0 400px;
	border:0;
	z-index:2;
}
img#ugandaflag {
	position:absolute;
	width:60px;
	height:30px;
	margin:250px 0 0 70px;
	z-index:3;
}
img#ethiopiaflag {
	position:absolute;
	width:60px;
	height:30px;
	margin:250px 0 0 450px;
	z-index:3;
}
img#guestbook {
	width:300px;
	height:200px;
	border:0;
}
img#ugandamap {
	width:570px;
	height:613px;
	border:0;
}
img#pubdom {
	width:75px;
	height:75px;
	border:0;
}
img#us-flag {
	width:75px;
	height:39px;
	border:0;
}
	
img.picture200 {
	width:400px;
	height:200px;
	border:1px solid black;
	margin:1em 1em 0 1em;
}
img.picture225 {
	width:225px;
	height:300px;
	border:1px solid black;
	margin:1em 1em 0 1em;
}

img.picture250 {
	width:400px;
	height:250px;
	border:1px solid black;
	margin:1em 1em 0 1em;
}
img.picture266 {
	width:400px;
	height:266px;
	border:1px solid black;
	margin:1em 1em 0 1em;
}
img.picture267 {
	width:400px;
	height:267px;
	border:1px solid black;
	margin:1em 1em 0 1em;
}
img.picture268 {
	width:400px;
	height:268px;
	border:1px solid black;
	margin:1em 1em 0 1em;
}
img.picture300 {
	width:400px;
	height:300px;
	border:1px solid black;
	margin:1em 1em 0 1em;
}
img.picture336 {
	width:448px;
	height:336px;
	border:1px solid black;
	margin:1em 1em 0 1em;
}
img.picture350 {
	width:350px;
	height:263px;
	border:1px solid black;
	margin:1em 1em 0 1em;
}
img.picture400 {
	width:533px;
	height:400px;
	border:1px solid black;
	margin:1em 1em 0 1em;
}
img.picture600 {
	width:600px;
	height:400px;
	border:1px solid black;
	margin:1em 1em 0 1em;
}
img.picturehor {
	width:300px;
	height:400px;
	border:1px solid black;
	margin:1em 1em 0 1em;
}
img.picturehor266 {
	width:266px;
	height:400px;
	border:1px solid black;
	margin:1em 1em 0 1em;
}
img.picturehor400 {
	width:400px;
	height:533px;
	border:1px solid black;
	margin:1em 1em 0 1em;
}
img.picturehor600 {
	width:400px;
	height:600px;
	border:1px solid black;
	margin:1em 1em 0 1em;
}
img.picpanorama {
	width:500px;
	height:300px;
	border:1px solid black;
	margin:1em 1em 0 1em;
}
img.oldpicturelandscape {
	width:700px;
	height:456px;
}
img.oldpictureportrait {
	width:456px;
	height:700px;
}
img.picturelandscape {
	width:760px;
	height:507px;
}
img.pictureportrait {
	width:507px;
	height:760px;
}
img.piclandscape {
	width:760px;
	height:570px;
}
img.picportrait {
	width:570px;
	height:760px;
}
img.faceleft {
	float:left;
	width:120px;
	height:150px;
	border:1px solid black;
	margin:1em;
}
img.faceright {
	float:right;
	width:120px;
	height:150px;
	border:1px solid black;
	margin:1em;
}
img.teamsmall {
	width:100px;
	height:150px;
	border:2px solid red;
	margin:21px;
}
img.teampicleft {
	float:left;
	width:250px;
	height:350px;
	border:1px solid black;
	margin:1em;
}
img.teampicright {
	float:right;
	width:250px;
	height:350px;
	border:1px solid black;
	margin:1em;
}	

img.w295 {
	width:295px;
}
img.w300 {
	width:300px;
}
img.w400 {
	width:400px;
}
img.w500 {
	width:500px;
}
img.w507 {
	width:507px;
}
img.w550 {
	width:550px;
}
img.w590, .w590 {
	width:590px;
}
img.w760 {
	width:760px;
}
img.h200 {
	height:200px;
}
img.h227 {
	height:227px;
}
img.h350 {
	height:350px;
}
img.h373 {
	height:373px;
}
img.h420{
	height:420px;
}
img.h500 {
	height:500px;
}
img.h535 {
	height:535px;
}
img.h600 {
	height:600px;
}
img.h625 {
	height:625px;
}
img.h680 {
	height:680px;
}
img.h700 {
	height:700px;
}
img.h750 {
	height:750px;
}
img.h760 {
	height:760px;
}
img.h800 {
	height:800px;
}
img.h835 {
	height:835px;
}
img.h850 {
	height:850px;
}
img.h885 {
	height:885px;
}
img.h900 {
	height:900px;
}
img.h970 {
	height:970px;
}
img.h1000 {
	height:1000px;
}
img.h1050 {
	height:1050px;
}
img.h1100 {
	height:1100px;
}
img.h1150 {
	height:1150px;
}
img.h1380 {
	height:1380px;
}
img.h1530 {
	height:1530px;
}

/* movies */ 
div#video_mini {
	width:auto;
	height:auto;
	margin-left:11em; /* 9em width +2x1em padding von #navigation */
}
div#set_block_formatting_context {
	float:left;
	width:100%;
}
p.video_miniatur {
	float:left;
	width:188px;
	font-size:0.85em;
	text-align:center;
	margin:0.5em 3px;
}
img.video_picsmall {
	width:160px;
	height:120px;
}
.movie_320x240 { 
	width:320px;
	height:240px;
	margin:2.5em 0 0 0;
} 
.movie_640x480 {
	width:640px;
	height:480px;
	margin:2.5em 0 0 0;
}

.blackborder {
	border:1px solid black;
}

.suchanzeige {
	color:#ff0; /* knallgelb */
	background-color:#c30; /* mittelrot */
	padding:5px 5px 5px 5px;
	border:2px solid #b22222;
}


p.thumbnail {
	float:left;
	width:149px;
	text-align:center;
	margin:1em 0;	
}
img.teampicsmall {
	width:100px;
	height:150px;
}	
img.articlesmall {
	width:100px;
	height:150px;
	background-color:#d3d3d3;
}

img.picsmall {
	width:100px;
	height:75px;
	background-color:#d3d3d3;
}

img#pdflogo {
	width:150px;
	height:150px;
}

span.clear, .clear {
	clear:both;
}

table#date {
	border:none;
}
table#date td {
	padding:0.5em;
}
table#date td.date {
	font-size:1.2em;
	font-weight:bold;
	color:black;
}

table#publicdomain {
	border:3px solid #b22222;
}

td.form {
	font-weight:bold;
	color:#ffcc66;
	background-color:#ff6600;
}

#formtab {
	margin:0 auto;
	border:20px; 
}

#label {
	display:inline-block;
	width:80px;	
}

.c_ingeting {
	display:none;
}

/* guestbook */
.darkyellowfont {
	color:#ff0;
}
.darkyellowbg {
	background-color:#ff0;
}
.brightorangefont {
	color:#fc6;
}
.brightorangebg {
	background-color:#fc6;
}
.darkorangefont {
	color:#f60;
}
.darkorangebg {
	background-color:#f60;
}
.brightredfont {
	color:#c30;
}
.brightredbg {
	background-color:#c30;
}
.darkredfont {
	color:#b22222;
}
.darkredbg {
	background-color:#b22222;
}

/* Footer */
ul#footer {
	clear:both;
	text-align:left;
	width:auto;
	font-size: 0.83em;
	margin:1em;
	padding:0;
	color:black;
}
/*html>body #footer {
	margin-top:1em;
}       necessary? ist ja margin:1em vordefiniert      */
ul#footer li {
	list-style:none;
	display:inline;
}
ul#footer li#img.xhtml {
	width:80px;
	height:15px;
}
ul#footer li#img.css {
	width:52px;
	height:15px;
}
#footer .goto {
	float:right;
}
#footer .goto a {
	color:#b22222;
	text-decoration:none;
	font-weight:bold;
}

#xmasaktion {
	border:5px solid;
	border-color:green;
}

#calendar {
	float:right;
	margin: 1em;
}

#picbox {
	margin-left:auto;
	margin-right:auto;
}