body {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  background:#000;
  margin:0px;
  font-size:12px; 
  color: #009;
}

#navibereich     { text-align: center;
		   background-color: black; 	    /*Navihintergrundfarbe oder #d9ecff*/
		   border: 1px solid black;
		   padding: 6px 20px 4px 80px;
		   border-bottom: 2px solid black;}

#navibereich ul  { padding: 0;
		   margin: 0;   	          }

#navibereich li  { list-style-type: none;
		   display: inline;
	       padding: 0;
		   margin: 0;                     }

#navibereich a   { text-decoration: none;
		   color: #ffe6bf; 		   /*oder an diese Stelle #ff0*/
		   font-weight: bold;
		   font-size: 11px;
		   background-color: blue;
		   padding: 4px 8px 4px 8px; 	   /* unten 4px */ 
		   border: 2px solid silver;       }   

#navibereich a:hover, 
#home #navi01,   
#reisen #navi02,
#freeware #navi03,
#anleitungen #navi04,
#fotografie #navi05,
#tippstricks #navi06,
#schoneorte #navi07,
#sonstiges #navi08   
             {    color: #ffe6bf;
		       font-weight: bold;
		       background-color: black;
		       padding-bottom: 7px;
                   border-color: silver;
		       border-bottom: none;      }

#center_page {
  text-align: center;
}
img { 
  border:0; 
}
img.slideshow { 
  margin-right:10px; 
  vertical-align:middle; 
}

/*----------------------------- slideshow -----------------------------*/

#slideshow {
  width: 1150px;
  margin: 5px auto 0 10px;
}
#slideshow_header {

  background:#000; /* <--------- */
  margin-bottom:5px; 
  margin-top:5px;  
  font-weight:bold;
  color:#ffe6bf;    /*#bfdfff*/
  font-size:150%;
}

/*----------------------------- slideshow image -----------------------------*/

#slideshow_image {
  display:block;
  float:left;
  						/*width:550px;*/
 						/* height:367px;*/
  color:#fff;
  margin:0px;   
  padding: 3px 3px 3px 3px;
  border: 2px solid silver;

  /*background:green;  <--------- */
}
#image_pic a {
  width: 550px; 
}
#image_title {
  						/*width: 600px;*/
  font-style:italic;
  margin: 10px 20px 0px 20px;
  color: #000;
  background:#ff9;
  /*background:yellow;  <--------- */
}

/*----------------------------- thumbnails -----------------------------*/

#slideshow_thumbnails {
  display:block;		   
  border: 2px solid silver;
  float:left;
  width: 165px;
  margin:-55px 10px 0px 0px;  
  padding: 4px 0px 4px 4px;
  font-size:15px; 
  color: #009;

}
#thumbnail_title {
  width:160px;
  background:silver; /* <--------- */
  margin-bottom:10px;  
  font-weight:bold;

}
#thumbnails_pics {
  text-align:left;
  width: 165px;
  height:auto;
}
#thumbnails_pics a, #thumbnails_pics a:link, #thumbnails_pics a:visited {
  width: 50px;
  height: 50px;
  filter: alpha(opacity=50);
}
#thumbnails_pics a:hover, #thumbnails_pics a:active {
  filter: alpha(opacity=99);
  opacity: 0.99;
}
.currentpic {
  filter: alpha(opacity=10) !important;
  opacity: 0.50 !important;
}
#thumbnails_pics img {
  margin-right:5px;
  margin-bottom: 5px;
}  

/*----------------------------- auto slideshow -----------------------------*/

#thumbnails_autoshow {
  background:silver;   /* #ff9<--------- */
  width:160px;
  margin-top:5px;
}
#thumbnails_autoshow a, #thumbnails_autoshow a:link, #thumbnails_autoshow a:visited, #thumbnails_autoshow a:hover {
  text-decoration: none;
  color: #009;
}
#thumbnails_autoshow a:hover {
  color: #444;
}

/* IE hack */
* html #slideshow_autotext { margin-top: 160px; }  /* <--------- */   /* <--------- change */

/*----------------------------- slideshow navigation -----------------------------*/

#thumbnails_navigation {
  width:160px;
  margin-top:10px;
}
#thumbnails_navigation a:hover {
  background:yellow;
}
.nav_button{
  vertical-align:middle;
}
.nav_text {
  margin-left:10px;
  margin-right:10px;
  color:red;
}