/* --------------------------------------- */
/* ------      afrika_main.css      ------ */
/* --------------------------------------- */

body {
margin:0;
padding:0;
background-color:#206000;
background-image:url(../images/afrika_bg.jpg);
background-position:top;
background-repeat:repeat-x;
font-family:"Trebuchet MS", Verdana, sans-serif;
font-size:12px;
font-style:normal;
line-height:1.6em;
color:#FFF;
}

h1 { font-family:"Trebuchet MS Bold", Verdana, sans-serif; font-size:15px; color:#FF6600; background-color:transparent; margin:0; padding:0; }
a { text-decoration:underline; color:#FF6600; background-color:transparent; }
a:hover { text-decoration:none; }

img { border:0; margin:0; padding:0; }
p { padding:0; margin:0; }

#container { width:770px; left:50%; margin:0 0 0 -385px; padding:0; position:absolute; top:0; }

#startbild { width:770px; left: 50%; margin:0 0 0 -385px; padding:0; position:absolute; top:180px; }
#startbild img {border:0; }

.wrapper { margin:0; padding:0; background-color:#FFFFFF; color:#000000; }
.wrapperbottom { margin:0; padding:6px 0 5px 27px; background-color:transparent; color:#73cc4c; }
.wrapperbottom strong { color:#FFFFFF; font-weight:bold; background-color:transparent; }
.header { margin:0; padding:0; height:131px; width:770px; }
.navbereich { margin:0; padding:0; height:30px; width:770px; background-image:url(../images/navi_bg.jpg); background-position:top; background-repeat:no-repeat; }
.navi { padding:10px 0 0 22px; margin:0; clear:left; }

.mainbereich { margin:0; padding:0; width:770px; }
.main { margin:20px 27px 0 27px; width:715px; padding:0; }


/* CONTENT MIT ÜBERSCHRIFT UND EINEM BILD */

.content { margin:5px 0 5px 0; padding:5px 0 5px 14px; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; }
.aus { margin:0; padding:0; height:1px; width:auto; clear:both; visibility:hidden; }
.bildcontainer { margin:0; padding:0 0 0 5px; width:235px; float:right; font-size:11px; line-height:1.2em; color:#000000; }
.bildcontainer img {margin:0; padding:0; border:1px solid #CCCCCC; }
.text { margin:0; padding:0; width:380px; }
.contentbottom { margin:0; padding:0; height:20px; }

/* CONTENT MIT ÜBERSCHRIFT UND DREI BILDERN */
.contentdreibilder { margin:5px 0 5px 0; padding:0; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; }
.inhaltbilder { margin:0; padding:0; width:100%; clear:left; }
.dreibilder { margin:0 1px 0 0; width:235px; float:left; padding:5px 0 0 0; border:0;}

.dreibilder img { border:1px solid #CCCCCC; }
.bildunterschrift { padding:0; margin:0; color:#000000; }


#kontaktform { margin:0; padding:0; width:500px; }

label { width:210px; margin:0 10px 0 0; float:left; }
label.label2 { width:90px; margin:0 10px 0 0; float:left; }
input.eingabe2 { width:140px; }
input.eingabe { width:240px; }
textarea { width:240px; height:100px; }




/* NAVIGATION */

.haus { margin:0; padding:0; background-image:url(../images/navi_en/haus_en.jpg); background-repeat:no-repeat; height:20px; width:60px; float:left; }
.haus a { margin:0; padding:0; background-image:url(../images/navi_en/haus_en.jpg); background-repeat:no-repeat; height:20px; width:60px; float:left; }
.haus a:hover { margin:0; padding:0; background-image:url(../images/navi_en/haus_h_en.jpg); background-repeat:no-repeat; height:20px; width:60px; float:left; }
.haus a.active { margin:0; padding:0; background-image:url(../images/navi_en/haus_h_en.jpg); background-repeat:no-repeat; height:20px; width:60px; float:left; }

.zimmer { margin:0; padding:0; background-image:url(../images/navi_en/zimmer_en.jpg); background-repeat:no-repeat; height:20px; width:110px; float:left; }
.zimmer a { margin:0; padding:0; background-image:url(../images/navi_en/zimmer_en.jpg); background-repeat:no-repeat; height:20px; width:110px; float:left; }
.zimmer a:hover { margin:0; padding:0; background-image:url(../images/navi_en/zimmer_h_en.jpg); background-repeat:no-repeat; height:20px; width:110px; float:left; }
.zimmer a.active { margin:0; padding:0; background-image:url(../images/navi_en/zimmer_h_en.jpg); background-repeat:no-repeat; height:20px; width:110px; float:left; }

.service { margin:0; padding:0; background-image:url(../images/navi_en/service_en.jpg); background-repeat:no-repeat; height:20px; width:70px; float:left; }
.service a { margin:0; padding:0; background-image:url(../images/navi_en/service_en.jpg); background-repeat:no-repeat; height:20px; width:70px; float:left; }
.service a:hover { margin:0; padding:0; background-image:url(../images/navi_en/service_h_en.jpg); background-repeat:no-repeat; height:20px; width:70px; float:left; }
.service a.active { margin:0; padding:0; background-image:url(../images/navi_en/service_h_en.jpg); background-repeat:no-repeat; height:20px; width:70px; float:left; }

.golf { margin:0; padding:0; background-image:url(../images/navi_en/golf_en.jpg); background-repeat:no-repeat; height:20px; width:50px; float:left; }
.golf a { margin:0; padding:0; background-image:url(../images/navi_en/golf_en.jpg); background-repeat:no-repeat; height:20px; width:50px; float:left; }
.golf a:hover { margin:0; padding:0; background-image:url(../images/navi_en/golf_h_en.jpg); background-repeat:no-repeat; height:20px; width:50px; float:left; }
.golf a.active { margin:0; padding:0; background-image:url(../images/navi_en/golf_h_en.jpg); background-repeat:no-repeat; height:20px; width:50px; float:left; }

.knysna { margin:0; padding:0; background-image:url(../images/navi_en/knysna_en.jpg); background-repeat:no-repeat; height:20px; width:70px; float:left; }
.knysna a { margin:0; padding:0; background-image:url(../images/navi_en/knysna_en.jpg); background-repeat:no-repeat; height:20px; width:70px; float:left; }
.knysna a:hover { margin:0; padding:0; background-image:url(../images/navi_en/knysna_h_en.jpg); background-repeat:no-repeat; height:20px; width:70px; float:left; }
.knysna a.active { margin:0; padding:0; background-image:url(../images/navi_en/knysna_h_en.jpg); background-repeat:no-repeat; height:20px; width:70px; float:left; }

.umgebung { margin:0; padding:0; background-image:url(../images/navi_en/umgebung_en.jpg); background-repeat:no-repeat; height:20px; width:75px; float:left; }
.umgebung a { margin:0; padding:0; background-image:url(../images/navi_en/umgebung_en.jpg); background-repeat:no-repeat; height:20px; width:75px; float:left; }
.umgebung a:hover { margin:0; padding:0; background-image:url(../images/navi_en/umgebung_h_en.jpg); background-repeat:no-repeat; height:20px; width:75px; float:left; }
.umgebung a.active { margin:0; padding:0; background-image:url(../images/navi_en/umgebung_h_en.jpg); background-repeat:no-repeat; height:20px; width:75px; float:left; }

.aktuelles { margin:0; padding:0; background-image:url(../images/navi_en/aktuelles_en.jpg); background-repeat:no-repeat; height:20px; width:60px; float:left; }
.aktuelles a { margin:0; padding:0; background-image:url(../images/navi_en/aktuelles_en.jpg); background-repeat:no-repeat; height:20px; width:60px; float:left; }
.aktuelles a:hover { margin:0; padding:0; background-image:url(../images/navi_en/aktuelles_h_en.jpg); background-repeat:no-repeat; height:20px; width:60px; float:left; }
.aktuelles a.active { margin:0; padding:0; background-image:url(../images/navi_en/aktuelles_h_en.jpg); background-repeat:no-repeat; height:20px; width:60px; float:left; }

.kontakt { margin:0; padding:0; background-image:url(../images/navi_en/kontakt_en.jpg); background-repeat:no-repeat; height:20px; width:70px; float:left; }
.kontakt a { margin:0; padding:0; background-image:url(../images/navi_en/kontakt_en.jpg); background-repeat:no-repeat; height:20px; width:70px; float:left; }
.kontakt a:hover { margin:0; padding:0; background-image:url(../images/navi_en/kontakt_h_en.jpg); background-repeat:no-repeat; height:20px; width:70px; float:left; }
.kontakt a.active { margin:0; padding:0; background-image:url(../images/navi_en/kontakt_h_en.jpg); background-repeat:no-repeat; height:20px; width:70px; float:left; }