/* CSS Document */
body{
margin-top: 100px; background-color: #cccccc;
font-size: 0.8em; 
height:100%;
}


/*------------------------------wrapper-----------------------------*/
#wrapperOut {
			width: 1000px;
			margin: auto;
			text-align: left;
			height:100%; 
			}


#wrapper {
padding:0px;
margin: 0px;
width: 1000px;
height:100%;
align:center;

}

/*------------------------------gesamt-----------------------------*/
#gesamt {
background:url(images/spacer.gif) repeat-y;
padding: 0px;
margin: 0px;
width: 1000px;
min-height:250px;
float: left;
}

/*------------------------------flash-----------------------------*/
#flash {
background-color: blue;
padding: 0px;
margin: 0px;
width: 800px;
height:250px;
float: left;
}



/*------------------------------logo-----------------------------*/
#logo{
background-color:#bf8138;
padding: 0px;
margin: 0px;
width: 200px;
height:250px;
float:left;
}


/*------------------------------main1-----------------------------*/
#main1  { 
padding: 0px;
margin: 0px;
border: 0px;
width: 200px;
min-height: 360px;
float: left;
list-style: none;

}

#main1rollover{
width:200px;
height:40px;
}

a.main1rollover { display:block; margin-left:0px; text-align:left; width:179px; font-family: "Georgia"; font-size:10pt; font-weight:bold;
         border-style:none; border-width:0px; padding:1px; padding-left:20px; text-decoration:none; 		 
		 }

a.main1rollover:link    { color:#ffc98c; background-color:#532120; }
a.main1rollover:visited { color:#ffc98c; background-color:transparent;}
a.main1rollover:hover   { color:#532120; background-color:#ffc98c; }
a.main1rollover:active  { color:#532120; background-color:#ffc98c; }



/*------------------------------main2-----------------------------*/
#main2  { 
background-color:#532120;
padding: 0px;
margin: 0px;
width: 600px;
height: 40px;
float: left;
list-style: none;
}

#main2links  { 
background-color:#532120;
padding: 0px;
margin: 0px;
width: 200px;
height: 40px;
float: left;
list-style: none;
}

#main2rechts  { 
background-color:#532120;
padding: 0px;
margin: 0px;
width: 200px;
height: 40px;
float: left;
list-style: none;
line-height:40px;
}


#main2 a {
color:#ffc98c;
line-height:40px;
font-family: "verdana"; font-size:10pt;
}
#main2 a:hover {
color:#bf8138;
}


/*------------------------------Meta-----------------------------*/
#metamenue {
padding: 0px;
margin: 0px;
width: 200px;
height: 100%;
float: left;
list-style: none;
border: 0px;
}


#metamenue a {
color:#532120; 
font-family: "verdana"; 
font-size:10pt;
display:block;
margin-left:0px; 
text-align:left; 
border-style:none;
border-width:0px;
padding:0px; 
padding-left:20px; 
text-decoration:none; 
 
}
#metamenue a:hover {
color:#ffc98c;
}

a.menurechts{
font-family: "verdana";
font-size:30pt;
color:#ffc98c
}

/*------------------------------Content-----------------------------*/
#content {
background:url(images/antilope.gif) no-repeat;
color:#532120; 
padding-left: 20px;
padding-top: 8px;
margin: 0px;
width: 570px;
float: left;
padding-right:10px;
}

#contentagb {
background:url(images/antilope.gif) no-repeat;
color:#532120; 
padding-left: 20px;
padding-right:20px;
padding-top: 8px;
margin: 0px;
width: 560px;
float: left;
}

#safarigalerie  { 
background-color: blue;
padding: 0px;
margin: 0px;
width: 100px;
height:100px;

}

#kilimandscharogalerie  {
background-color:#3300FF;
padding: 0px;
margin: 0px;
width: 40px;
height: 40px;
list-style: none;
}
#strandgalerie  { 
background-color:#3300FF;
padding: 0px;
margin: 0px;
width: 40px;
height: 40px;
list-style: none;
}

#kulturgalerie  { 
background-color:#3300FF;
padding: 0px;
margin: 0px;
width: 40px;
height: 40px;
list-style: none;
}

#hotelgalerie { 
background-color:#3300FF;
padding: 0px;
margin: 0px;
width: 40px;
height: 40px;
list-style: none;
}
#bergwanderunggalerie  { 
background-color:#3300FF;
padding: 0px;
margin: 0px;
width: 40px;
height: 40px;
list-style: none;
}

#galerietext {
float:right;
background-color:#00FF00;
}

#info a           { display:block; 
                     background-image:url(images/info.jpg); background-repeat:no-repeat;
                     width:140px; height:35px }
#info a:hover     { background-image:url(images/infoover.jpg); }


#galerie a           { display:block; 
                     background-image:url(images/galerie.jpg); background-repeat:no-repeat;
                     width:140px; height:35px }
#galerie a:hover     { background-image:url(images/galerieover.jpg); }


#check a           { display:block; 
                     background-image:url(images/check.jpg); background-repeat:no-repeat;
                     width:140px; height:35px }
#check a:hover     { background-image:url(images/checkover.jpg); }

#uebersicht a           { display:block; 
                     background-image:url(images/ueber.jpg); background-repeat:no-repeat;
                     width:140px; height:35px }
#uebersicht a:hover     { background-image:url(images/ueberover.jpg); }

a.breadcrumb {
font-family: "georgia";
font-size:8pt;
color: #532120;
}

a.breadcrumb:hover {
font-family: "georgia";
font-size:8pt;
color: #532120;
text-decoration:underline;
}

a.bc {
font-family: "georgia";
font-size:8pt;
color: #532120;
}

a.safarimenue {
font-family: "verdana";
font-size:10pt;
color: #532120;
line-height:normal;
}

a.safarimenue:hover {
font-family: "verdana";
font-size:10pt;
color: #532120;
text-decoration:underline;
line-height:normal;
}

p.link a:hover {background-color: #2B2E21;;color:#fff;
}

p.link a:link span{display: none;
}

p.link a:visited span{display: none;
}

p.link a:hover span {
  position: absolute;
  margin:15px 0px 0px 20px;
  background-color: none;
  max-width:220;
  padding: 2px 10px 2px 10px;
  border: none;
  font: bold oblique 18px georgia;
  color: #532120;
  text-align:left;
  display: block;
}




/* The hover image map styling ---Hotels Lodges---*/

#hovermap {width:561px; height:502px; background:url(images/tansania_karte_hintergrund.png); border:0px solid #000; position:relative; margin:0 auto 50px auto;}
#hovermap ul {background:transparent url(images/tansania_karte_alle_button_03.gif); padding:0; margin:0; width:561px; height:502px; list-style:none;}

#hovermap ul li {display:inline; width:0; height:0;} /* needed for IE to function correctly */

#hovermap ul li a {position:absolute; display:block; width:15px; height:15px; background:#532120; cursor:default; z-index:100;}
#hovermap ul li.p1 a {left:357px; top:122px;}
#hovermap ul li.p2 a {left:10px; top:165px;}
#hovermap ul li.p3 a {left:66px; top:267px;}
#hovermap ul li.p4 a {left:231px; top:300px;}
#hovermap ul li.p5 a {left:279px; top:315px;}
#hovermap ul li.p6 a {left:372px; top:343px;}
#hovermap ul li.p7 a {left:437px; top:275px;}
#hovermap ul li.p8 a {left:450px; top:233px;}
#hovermap ul li.p9 a {left:416px; top:222px;}
#hovermap ul li.p10 a {left:424px; top:193px;}
#hovermap ul li.p11 a {left:297px; top:140px;}
#hovermap ul li.p12 a {left:337px; top:95px;}
#hovermap ul li.p13 a {left:357px; top:104px;}
#hovermap ul li.p14 a {left:278px; top:102px;}
#hovermap ul li.p15 a {left:228px; top:58px;}
#hovermap ul li.p16 a {left:319px; top:104px;}
#hovermap ul li.p17 a {left:279px; top:120px;}
#hovermap ul li.p18 a {left:251px; top:117px;}
#hovermap ul li.p19 a {left:294px; top:57px;}
#hovermap ul li.p20 a {left:130px; top:38px;}
#hovermap ul li.p21 a {left:339px; top:113px;}
#hovermap ul li.p22 a {left:246px; top:75px;}
#hovermap ul li.p23 a {left:267px; top:83px;}
#hovermap ul li.p24 a {left:416px; top:169px;}
#hovermap ul li.p25 a {left:354px; top:290px;}




#hovermap ul li a b {display:none;}
#hovermap ul li a:hover {background:#000;}
#hovermap ul li a:hover {position:static; display:block; background:transparent; width:0; height:0; text-decoration:none;}
#hovermap ul li a:hover b {position:absolute; left:0; top:0; display:block; background:transparent; width:561px; height:502px; z-index:0;}
#hovermap ul li a:hover b em {display:block; position:absolute; left:400px; top:5px; color:#532120; border:0px solid #000; border-color:#532120; background:; padding:5px; font-size:20px; font-style:"georgia";}





/* The hover image map 2 styling ---Safari--- */

#hovermap2 {width:561px; height:502px; background:url(images/tansania_karte_hintergrund.png); border:0px solid #000; position:relative; margin:0 auto 50px auto;}
#hovermap2 ul {background:transparent url(images/safari_karte_alle_button_02.gif); padding:0; margin:0; width:561px; height:502px; list-style:none;}

#hovermap2 ul li {display:inline; width:0; height:0;} /* needed for IE to function correctly */

#hovermap2 ul li a {position:absolute; display:block; width:20px; height:20px; background:#532120; cursor:default; z-index:100;}
#hovermap2 ul li.p1 a {left:148px; top:121px;}
#hovermap2 ul li.p2 a {left:294px; top:327px;}

#hovermap2 ul li a b {display:none;}
#hovermap2 ul li a:hover {background:#000;}
#hovermap2 ul li a:hover {position:static; display:block; background:transparent; width:0; height:0; text-decoration:none;}
#hovermap2 ul li a:hover b {position:absolute; left:0; top:0; display:block; background:transparent; width:561px; height:502px; z-index:0;}
#hovermap2 ul li a:hover b em {display:block; position:absolute; left:160px; top:195px; color:#532120; border:2px solid #000; border-color:#532120; background:#ffc98c; padding:5px; font-size:20px; font-style:"verdana";}







/*------------------------------footer-----------------------------*/
#footer  {
color:#ffc98c; 
background-color:#363134;
padding: 0px;
margin: 0px;
width: 1000px;
height: 40px;
float: left;
font-size:10px;
font-family: "verdana";

}


/*----------------------- Textauszeichnungen ----------------------*/
a {
text-decoration: none;
font-size:14px;
line-height:30px;	
border:none;	
}

h1 { 
font-family: "georgia";
font-style: oblique;
font-size:13pt;
color: #532120;
}

h2 { 
font-family: "georgia";
font-weight:bold;
font-size:10pt;
color: #532120;
line-height:normal;
}

h3 { 
font-family: "georgia";
font-weight: normal;
font-style: italic;
font-size:10pt;
color: #532120;
}

h4 { 
font-family: "georgia";
font-weight: normal;
font-style: italic;
font-size:10pt;
color: #bf8138;
}

a.text {
font-family: "verdana";
font-size:10pt;
color: #532120;
line-height:normal;
}

a.textfett {
font-family: "verdana";
font-weight:bold;
font-size:10pt;
color: #532120;
line-height:normal;
}


a.link {
font-family: "verdana";
font-weight:bold;
font-size:10pt;
color: #532120;
}

a.link:hover {
font-family: "verdana";
font-weight:bold;
font-size:10pt;
color: #532120;
text-decoration:underline;
}

a.link:visited {
font-family: "verdana";
font-size:10pt;
color: #bf8138;
text-decoration:none;
}


a.linkmail {
font-family: "verdana";
font-size:11px;
color:#ffc98c;
}

a.linkmail:hover {
font-family: "verdana";
font-size:11px;
color:#ffc98c;
text-decoration:underline;
}

a.linkmail:visited {
font-family: "verdana";
font-size:11px;
color:#ffc98c;
text-decoration:none;
}

#safari{
	
background-color:#bf8138;
}


img { 
border:none 
}

a.agbtext {
font-family: "verdana";
font-size:7pt;
color: #532120;
line-height:normal;
}






/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none; 
  font-style: italic;
  color: #0000ff; 
  }
  
a.tooltip:hover {
  color: #0000ff; 
  background: transparent;
  }

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 20px; 
  left: 0; 
  width: 200px;
  z-index: 100;
  color: #000000; 
  border:1px solid #000000; 
  background: #FFFFCC;
  font: 12px Verdana, sans-serif; 
  text-align: left;
  }
  
a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weigth: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}

/* Absoluter Tooltip */
div#menu {
  position: relative; 
  top: 10px; 
  left: 0px; 
  width: 170px; 
  height: 180px; 
  font: 18px Verdana, sans-serif; 
  z-index: 100;
  }
  
div#menu a {
  display: block; 
  text-align: center; 
  font: bold 1em sans-serif; 
  padding: 3px 10px; 
  margin: 0 0 1px; 
  text-decoration: none; 
  color: black; 
  background: #99FF99;
  border: 1px solid black;
  }
  
div#menu a:hover {
  color: #441111; 
  background: #FFFF66;
  border: 1px dotted blue;
  }

div#menu a span {display: none;}
div#menu a:hover span {
   display: block;
   position: absolute; 
   top: 94px; 
   left: 0; 
   width: 158px;
   padding: 5px; 
   z-index: 100;
   color: #000000; 
   background: #FFFFCC;
   font: 12px Verdana, sans-serif; 
   text-align: center;
   border: 1px dashed black;
   }


#bt {
float:left;
margin: 15px;
}

.versatz {
margin-left:50px;
}