body  /* Gesamt Aussehen vom Schriftbild etc. */ { font: 78%/1.5 Arial, Verdana, Helvetica, sans-serif; background-image: url(images/wall2_sa-reise_gr.jpg); background-repeat: repeat; background-attachment: fixed; background-position: center 0; text-align: center; padding: 0; margin: 10px; }
#container  /* Das gesamte Gebilde */ { background-image: url(images/sa-reise_head_750.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 750px; text-align: left; border: solid 1px #ff8860; margin: 0 auto; }

p  /* Im Body Bereich des Containers */ {
	background: no-repeat center;
	margin: 2px;
}

p#smurf  /* in Knysna  */ {
	background: transparent;
	font-style: italic;
	text-align: center;
	font-weight: bold;
	color: #7C6240;
}

#smurf strong  /* in Knysna  - South Africa (Fett) */ {
	font-size: 1.2em;
	color: black;
}
h1  /*  Bereich von SA Reise Head ... auch Höhe  */ {
	height: 30px;
	background: no-repeat center;
	text-indent: -999em;
	margin: 23px 0 0;
}
#nav  /* Bereich zw. Head und Container */ { color: #000; float: left; width: 750px; list-style: none; line-height: 1; background: #f63; font-weight: bold; padding: 0; border-width: 1px 0; margin: 0 0 1em;
;border-color: #eda; border-style: solid; }
#nav ul  /* Menü Background color */ { float: left; width: 750px; list-style: none; line-height: 1; font-weight: bold; background: #ededed; padding: 0; border-width: 1px 0; margin: 0 0 1em; border-color: #eda; border-style: solid; }
 #nav a  /*   Breite und Höhe des Menus ,Textfarbe beim Drop Down  */ { display: block; width: 10em; w\idth: 110px; color: #4d4d4d; text-decoration: none; height: auto; padding: 0.25em 1em 0.25em 5px; }
#nav a:hover { display: block; width: 10em; w\idth: 110px; color: #000; text-decoration: underline; padding: 0.25em 1em 0.25em 5px; }
#nav a.daddy  /*  Pfeil Main  */ { color: #000; font-weight: bold; background: url(images/icons/arrow_main.gif) no-repeat right center; margin-right: 5px; }
#nav a.daddy2 { background-image: url(images/icons/arrow_sub.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; margin-top: 5px; }
#nav a.daddy3  /* Pfeil weiter down */ { background: url(images/icons/arrows_down.gif) no-repeat right center; height: 12px; margin-right: 20px; }
#nav a.daddy4  /* selbstversorger */ { background: url(images/icons/selbstversorger.gif) no-repeat right center; height: 14px; margin-right: 20px; }
#nav li {
	float: left;
	padding: 0;
	width: 150px;
}

#nav li ul  /* Drop Out Umrandungsstärke */ {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 150px;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
}

#nav li li {
	padding-right: 1px;
	width: 150px
}

#nav li ul a  /*  Breite des Submenüs , Pfeil rechts - width von den arrows  */ {
	width: 13em;
	w\idth: 120px;
}

#nav li ul ul  /*  höhe und breite des drop outs -  Abstand des Flyout Menus  */ {
	margin: -20px 0 0 140px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover  /* Farbänderung im Menü beim hovern */ {
	background: #fbb39b;
}

#content  /*  Bereich unter dem Menü, hier sehr kurz  */ { background-image: none; clear: left; }

#content a  /* Textfarbe im untersten Bereich mit dem Link */ {
	color: #336;
}

#content a:hover {
	text-decoration: underline;
}

#scaffolding  /*  Bereich des Textes unter content Bereich, Höhe + Farbe */ { background: #fff no-repeat; height: 20px; border-width: 1em 0 0; margin: 2px 0 0; } #scaffolding a  /*  Bereich des Textes unter content Bereich, Höhe + Farbe */ {
	text-decoration: none;
	text-indent: -999em;
	display: block;
	height: 20px;
	background: no-repeat 
}

#scaffolding a:hover {
	background-position: 181px -70px;
}