* {
margin:  0;
}

#galerie {margin-top:140px;


}

#galerie li {
list-style-type: none;
float:left;
position:relative;
padding-top:20px;
padding-bottom:50px;
margin-left:-36px;

}



#galerie img {
width: 125px;
height: 96px;
display: block;
border: none;

}

#galerie a .gross {
display: none;

}

#galerie a:hover .gross {
width: 365px;
height: 277px;
display: block;
position: absolute;
top: -65px;
left: 275px;
z-index: 5;
background: none;

}

 
*+html #galerie a:hover { z-index: 1;}
*+html #galerie li{position: static;margin-left:0px;}
*+html #galerie a {position: relative;}

*html #galerie a:hover {display: block; z-index: 1;}
*html #galerie li{position: static;margin-left:0px;}
*html #galerie a {position: relative;}

	
	
body { 
               font-family:arial,verdana,cambria,calibri,times new roman,helvetica;

               font-style: ;
               background-image:url(img/bggradient.jpg);
               background-repeat:repeat-x;
               background-attachment:fixed;
               background-position:100% 3%;
               width:100%;
               margin:0px;
	       padding:0px;

	        
}	

*html body {background: #d9dde8;
}


#superwrapper{

         width:840px;
         height:100%;
         background-image:url(img/superwrapperbg2.png);
         margin-left:auto;
         margin-right:auto;

} 


*html #superwrapper{

         width:840px;
         height:100%;
         background-image:url(img/superwrapperbg2.jpg);
         margin-left:auto;
         margin-right:auto;

} 

#wrapper{
         position:relative;
         width: 800px;
         height:100%;
         background-image: url(img/wrapperbg.jpg);
         margin-left:20px;
         text-align:left;

}



#kopf {
	width:800px;
        height:185px;
        margin-bottom:;
	padding:;
	background-image:url(img/bg800px2.jpg);
        background-repeat:no-repeat;
        backgroud-position:50% 50%
        align:left;
        font:arial,verdana,cambria,calibri,times new roman,helvetica;
	font-weight:normal;
	line-height:;
}

* html #kopf {
	  margin-bottom:-17px;
          

}
		
	#links {
		float:left;
		width:143px;
		              

}

       
	#mitte {
	        float:left;
		width:657px;
		
		
		}

		
	#schatten{
		  float:left;
		  width:20px;
		  

}

#schattenl{
		  float:left;
		  width:20px;
		  

}



	

	
        .breaker {
         height: 0px;
         clear:both;
         overflow:hidden;
}	

#footer{
      position:absolute;
      bottom:0;    
      width: 100%;
      line-height:20px;
      background-color: #ffffff;
      text-align:center;
    font-weight:bold;
    }
		
 
  

.column-in {
		margin:0; padding:0.1em 0.1em 0.5em 0.5em;
}
	
   
.clear{
                clear: both;
}
	
	
		
    h1,h2,h3,h4,h5 { 
	margin: 2pt; 
	
	}

   
h3 { 
	font-size: 18px; 
	
	}

p { 
	margin: 8px 50px 8px 10px;
        font-weight:normal; 
        font-size:16px;
       
	}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */



#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;  background:#8dacc7;  padding:0 1px 0 1px; border-top:1px solid #fff;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul {position:absolute; left:-9999px;}
#menu ul.level1 {position:absolute; left:0;}

#menu a {display:block; font:normal 14px arial,verdana,sans-serif; color:#fff; line-height:22px; text-decoration:none;padding:0 10px 0 10px; border-bottom:1px solid #fff;} 

#menu ul li:hover > ul {visibility:visible; left:100%; margin-top:-24px; margin-left:-1px;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu li a:hover {background:#404a52;} 
#menu li:hover > a {background:#404a52;}
#menu li a.fly {background: url(anywidth/arrow.gif) no-repeat right top;}
#menu li a.fly:hover {background:#404a52 url(anywidth/arrow.gif) no-repeat right top;} 
#menu li:hover > a.fly {background:#404a52 url(anywidth/arrow.gif) no-repeat right top;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}


a.nav:link { color:#738ca2; text-decoration:none; }
a.nav:visited { color:#663300; text-decoration:none; }
a.nav:hover { color:#0000ff; text-decoration:none; }
a.nav:active { color:#cccccc; text-decoration:none; }

img { behavior: url(img/iepngfix.htc) }

#main {position:relative; 
       height:580px;
       width:630px;
       background:transparent url(pic1b.gif) 175px 54px no-repeat; margin-bottom:10px; z-index:1;}

#scrollbox {width:630px; height:114px; background:#f4f4f4; overflow:auto; border:1px solid #aaa;margin-top:25px;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:115px; height:86px; margin:3px; float:left; font-size:11px;}
a.slidea {background:url(img/fotosSMALL/neguanjeview.jpg);}
a.slideb {background:url(img/fotosSMALL/santamartasunset.jpg);}
a.slidec {background:url(img/fotosSMALL/rodaderoview.jpg);}
a.slided {background:url(img/fotosSMALL/santamartacathedral.jpg);}
a.slidee {background:url(img/fotosSMALL/quintamonument.jpg);}
a.slidef {background:url(img/fotosSMALL/quintapuppets.jpg);}
a.slideg {background:url(img/fotosSMALL/quintahouse.jpg);}
a.slideh {background:url(img/fotosSMALL/picossierranevada.jpg);}
a.slidei {background:url(img/fotosSMALL/laguajira.jpg);}
a.slidej {background:url(img/fotosSMALL/bahiaconcha.jpg);}
a.slidek {background:url(img/fotosSMALL/arrecifesentrance.jpg);}
a.slidel {background:url(img/fotosSMALL/neguanjeboats.jpg);}
a.slidem {background:url(img/fotosSMALL/playacristal1.jpg);}
a.sliden {background:url(img/fotosSMALL/flamencos.jpg);}
a.slideo {background:url(img/fotosSMALL/playablanca.jpg);}
a.slidep {background:url(img/fotosSMALL/piscina.jpg);}
a.slideq {background:url(img/fotosSMALL/sieteolasview.jpg);}
a.slider {background:url(img/fotosSMALL/pelton.jpg);}
a.slides {background:url(img/fotosSMALL/mincawaterfall.jpg);}
a.slidet {background:url(img/fotosSMALL/tagangavillage.jpg);}
a.slideu {background:url(img/fotosSMALL/cabosanjuan.jpg);}
a.slidev {background:url(img/fotosSMALL/playacristal2.jpg);}
a.slidew {background:url(img/fotosSMALL/bigrocks.jpg);}
a.slidex {background:url(img/fotosSMALL/tagangabay.jpg);}
a.slidey {background:url(img/fotosSMALL/caribbean.jpg);}
a.slidez {background:url(img/fotosSMALL/sunsetrodadero.jpg);}



a.gallery span {display:block; position:absolute; left:150px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100; font-size:11px;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}

a.gallery:hover span {display:block; position:absolute; width:500px; height:400px; top:150px; left:65px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:100; font-size:11px;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:350px; height:280px; top:49px; left:170px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:50;}

#thumbs {width:3200px; height:60px;}
#pad {height:320px; width:100px;}

<!--[if IE 7]>

a.gallery span {display:block; position:absolute; width:500px; height:375px; top:49px; left:-99999px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:100; font-size:11px;}
a.gallery span img {border:1px solid #000;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}
a.gallery:hover span {left:65px; top: 150px; z-index:100;}
a.gallery:hover span img {border:1px solid #000;}
a.gallery:active span, a.gallery:focus span {left:65px;  z-index:50;}

<![endif]-->