body{
 font-family:"times new roman",times,serif;
 font-size:12px;
 background-image:url('../schaltflaechen/hintergrund.gif');background-repeat: repeat;
 text-align:center;
 margin:30px 0px;
}

#wrapper{
padding:25px 0px 0px 0px;
background-color:#FFFFFF;
border:0px solid #00FF00 ; margin: 0px auto; width: 820px; text-align: left;}

#titel {
background-color:#FFFFFF;
width: 820px;
height:120px;
padding:0px 0px 0px 0px;
border:2px solid #AF00FF;
display:none;}

#content2 {
font:10pt /2em  "Courier New",Courier, monospace;
color: black;
background:white;
margin-left:2px;
padding:1em;
overflow:visible!important;
white-space:normal;
width:90%;
height:auto;}

#content1 {
font:10pt /2em  "Courier New",Courier, monospace;
color: black;
background:white;
margin-left:2px;
padding:1em;
overflow:visible!important;
white-space:normal;
width:90%;
height:auto;
}
#footer {
background-color:#FFFFFF;
width: 820px;
height:60px;
padding:0px 0px 0px 0px;
border top:0px solid#000000;}

table {
align: center;
width:650px;
padding:0px;
border:0px solid #00DF00; }

#einruecken{                                   /* Reisebueros     */
border: 0px solid red;
margin: 10px 20px 10px 60px;  padding:0px; }


h1{font-family:Verdana, sans-serif;
font-size: 18px; color: red;
padding: 10px 10px 10px 10px;  margin: 30px 10px 30px 10px;
background-color:#FFFFFF;
}

h2{font-family:Verdana, sans-serif;
font-size: 14px; color: black;
padding: 4px 4px 4px 4px;  margin: 0px;   }

h3{font-family:Verdana, sans-serif;
font-size: 13px; color: red;
padding:4px 4px 4px 4px;  margin: 0px; }

h4{font-family:Verdana, sans-serif;
font-size: 13px; color: green;
padding: 4px 4px 4px 4px;  margin: 0px; }

h5{font-family:Verdana, sans-serif;
font-size: 12px; color: red;
padding:4px 4px 4px 4px;  margin: 0px;  }

p{font-family: Verdana, sans-serif;
font-size:12px; color: black;
padding:4px 4px 4px 4px;  margin: 0px; }


p.bild{font-family: Verdana, sans-serif;
font-size:12px; color: black;
padding:30px 4px 4px 4px;  margin: 0px;
vertical-align:bottom; }

p.fuss{font-family: Verdana, sans-serif;
font-size:12px; color:#FF0000;
padding:4px 4px 20px 4px;  margin: 0px;
text-align: left; }

.imagetitle {
font-family: Verdana, Arial, Helvetica, sans-serif;               /* Fotoalbum    */
font-size: 20pt;
color: #FFFFFF;}

#Text1links {                                                  /* Frontseite    */
float: left;
width:150px; height:60px;
background-color: #FFFFFF; border: 1px solid #00FF00;
margin:20px 10px ; padding:10;}
#Text2links {
float: left;
width:150px; height:150px;
background-color: #FFFFFF; border: 1px solid #00FF00;
margin:20px 10px ; padding:0;}

#Text3links {
float: left;
width:150px; height:60px;
background-color: #FFFFFF; border: 1px solid #00FF00;
margin:20px 10px ; padding:0;}

#Landkarte {
width:420px; height:426px;
float: right;
background-color:#FFFFFF; border: 0px solid #000000;
margin:20px 0px ; padding:0;}

#Text1rechts {
width:150px; height:135px;
float:right;
background-color:#FFFFFF; border: 1px solid #00FF00;
margin:20px 10px ; padding:0;}

#Text2rechts {
width:150px; height:70px;
float: right;
background-color:#FFFFFF; border: 1px solid #00FF00;
margin:20px 10px ; padding:0;}

#Text3rechts {
width:150px; height:105px;
float: right;
background-color:#FFFFFF; border: 1px solid #00FF00;
margin:20px 10px ; padding:0;}


#tab1{                                     /* escola */
float:left;
width:155px;
margin: 0px;
padding: 0px 0px 0px 0px;
border:0px solid red;
}

#tab2{                                      /* Kitesafari / escola*/
float:left;
width:100px;
height:30px;
margin: 0px;
padding: 0px 0px 0px 0px;
border:0px solid green;
}

#tab3{                                        /* Kitesafari / escola*/
float:left;
width:300px;
height:30px;
margin: 0px;
padding: 0px 0px 0px 0px;
border:0px solid black;
}

#tab4{
float:left;
width:690px;                                    /* Kitesafari */
margin: 0px;
padding: 0px 0px 0px 0px;
border:0px solid red;   }

#tab5{
float:left;
width:615px;                                    /*  */
margin: 0px;
padding: 0px 0px 0px 0px;
border:0px solid #FFFF00;   }

#tab6{
float:left;
width:250px;                                    /* Sprachkurs */
margin: 0px;
padding: 0px 0px 0px 0px;
border:0px solid #FFFF00;   }


.einruecken{                                      /* Kitesafari */
margin: 0px;
text-decoration:; padding-left:106px; padding-right:0px; padding-top:0px; padding-bottom:0px }

.tabellenfarbe{  background-color:#FF0000;
margin: 0px;
padding: 0px 0px 10px 0px;}

#bildR {                                                 /* Bild rechts ausgerichtet */
float:right;
width:190px;
height:142px;
margin:30px 0px 30px 20px; padding:0;
border:1px solid #000000;  }

#bildHR {                                                /* Bild Hochkant rechts ausgerichtet*/
float: right;
width:142px;
height:190px;
margin:0px 0px 20px 70px; padding:0;
border:1px solid #000000; }

#bildLHR {                                                 /* Bild rechts ausgerichtet neben einem Hochkant*/
float:right;
width:190px;
height:142px;
margin: 50px 0px 25px 25px; padding:0;
border:1px solid #000000; }

#bildR3 {                                                /* Escola Bild rechts mit groeserem seitlichen Abstand  */
float: right;
width:190px;
height:142px;
margin:30px 0px 30px 70px; padding:0;
border:1px solid #000000; }

#bildHR3 {                                                /* Escola Bild Hochkant rechts ausgerichtet */
float: right;
width:142px;
height:190px;
margin:0px 0px 10px 115px; padding:0;
border:1px solid #000000; }

#bildLHR3 {                                                /* Escola Bild rechts ausgerichtet mit groeserem seitlichen Abstand neben einem Hochkant */
float: right;
width:190px;
height:142px;
margin:50px 0px 30px 75px; padding:0;
border:1px solid #000000; }



#zeichen1 {
float: left;
width:15px;
height:10px;
margin:2px 20px 10px 0px; padding:0;
border:0px; }

#zeichen2 {
float: left;
width:15px;
height:20px;
margin:2px 20px 10px 0px; padding:0;
border:0px; }



a:link, a:visited, a:active, a:hover
{
  text-decoration:underline;
  font-weight:normal;
  color:#FF0000 ;                  /*Hyperlink im Text    */
  font-size:12px;
}
a:active, a:hover{
color:#0000FF  }                   /*Hyperlink hover im Text    */


/* Navi oben */

#navibereich li {
display: inline;              /* Listenelemente nebeneinander */
list-style-type: none;       /* Aufzaelungszeichen entfernen */
}

#navibereich {
background-color:#B6EB96;      /* Hintergrundfarbe fuer die Navigation */
padding: 4px 4px;           /* Innenabstand: oben/unten 4px, li/re 0 */
border: 2px solid #9797FF;       /* Rahmenlinie von ganzer navi */
margin:4px;                   /* Keinen Außenabstand */
text-align: center;           /*ausrichten (center) (left)    */
display:none;}


#navibereich a {
color: #000000;               /* Schriftfarbe navi aktuell */
text-decoration: none;        /* Unterstreichung entfernen */
padding: 4px 4px;           /* oben/unten 4px, re/li 8px */
}

ul#navibereich a:hover {
border:0px solid #9797FF;
background-color: #FFFFFF;     /* Hintergrundfarbe navi hover */
}

#navibereich a:hover,                    /* mit Komma am Ende */
#Isca #navi01 a,                         /* mit Komma am Ende */
#Hotelanlage #navi02 a,
#Tagesausfluege #navi03 a,
#Touren #navi04 a,
#Kitesafari #navi05 a,
#Sprachkurs #navi06 a,
#Kontakt #navi07 a,
#Preise #navi08 a,
#Reisebueros #navi09 a,
#Fotoalbum #navi10 a,
#Escola #navi11 a                        /* ohne Komma am Ende */
{
background-color: #E7E798;                /* hintergrund navi hoover */
color: #FF0000                          /* Schriftfarbe navi hoover */
border:1px solid #9797FF;
}


 /* Navi rechts */

 ul#navi_rechts {display:none;
  }
  * html ul#navi_rechts {  /* Korrekturen fuer IE 5.x */
    width: 125px;
    w\idth: 125px;
    padding-left: 0px;
    padd\ing-left: 0px;
  }
  ul#navi_rechts li {
    list-style: none;
    margin: 0px; padding: 0;
  }

  ul#navi_rechts a {
    display:block;
    padding: 2.4px 3px;
    text-decoration: none;
    color: #000000;
    border: 1px solid #9797FF;
    background-color:#B6EB96;
  }
  * html ul#navi_rechts a {  /* Breitenangaben nur fuer IE */
    width: 125px;
    w\idth: 125px;
  }
  ul#navi_rechts a:hover {

    border:1px solid #9797FF;
    background-color: #FFFFFF;
  }


#navi_rechts a:hover,  /* mit Komma am Ende */
#Bungalow #navi20 a,  /* mit Komma am Ende */
#Juniorsuiten #navi21 a,
#Mastersuiten #navi22 a,
#Dreierzimmer #navi23 a,
#Suite #navi24 a,
#Doppelzimmer #navi25 a,
#Wohnungen #navi26 a,
#Stadtrundfahrt #navi30 a,
#Cumbuco #navi31 a,
#Fischer #navi32 a,
#Caucaia #navi33 a,
#Paracuru #navi34 a,
#Cachaca #navi35 a,
#Taiba #navi36 a,
#Jeri #navi40 a,
#Canoa #navi41 a,
#Guaramiranga #navi42 a,
#Nationalpark #navi43 a,
#Lencoi #navi44 a,
#Selbstfahrer #navi45 a,
#Heinz #navi51 a,
#Isca2 #navi52 a,
#Andi #navi53 a,
#Saxer #navi54 a,
#Pasi #navi55 a,
#Dani #navi56 a,
#Staehli #navi57 a,
#Cavegn #navi58 a,
#August #navi59 a                /* ohne Komma am Ende */
{
background-color:#E7E798;         /* hintergrund navi hoover  #FFFFFF          */
color: #FF0000                       /* Schriftfarbe navi hoover */
}