/*  #####################################################
**  Domain:    www.sh-tourismus.de
**  Datei:     imageflow.css
**  Funktion:  Gestaltung ImageFlow Startseite

**  Erstellt:  22.09.2009
**  Media:     screen, projection

**  Autor:     Michael Degener
**  copyright: infomax websolutions GmbH
##################################################### */

@media screen {

/*  =========================================================
	Auswahl Urlaubsthemen
========================================================= */
 #container_imageFlow {
 align: center;
 width: 626px;
 height: 175px;
 position: relative;
 top: 0;
 left: 0;
 z-index: 20;
 float: left;
 padding: 12px 0 5px 7px;
 background-color: #008fc7;
 overflow: hidden;
}
 #container_imageFlow h2 {
 width: 626px; /* orig: 967px */
 font-size: 1.0em;
 color: #fff;
 font-weight: bold;
}

.imageflow {
 width: 575px; /* orig width: 626px; */
 position:absolute; /* orig: absolute */
 top: 10px; /* orig top:0px */
 left: -27px; /* orig left:91px */	
 visibility: hidden;
 
 /* additional 
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align:baseline;
 */
}

/* bilder */
.imageflow img { 
 position: absolute;
 top: 0px; /* orig top: 0px; */
 border: 1px solid #fff !important;
 visibility: hidden;
 /*-ms-interpolation-mode:bicubic;  Enables bicubic image resampling for the IE7 */
}
.imageflow img:hover {
 border: 1px solid #c92306!important;
 opacity: 1.0!important;
 /* filter: alpha(opacity=100)!important; */
 cursor: default!important;
}

/* Ladebalken */	
.imageflow p {
 margin:0 auto;
 text-align:center;
}
.imageflow .loading {		
 width:200px;
 height:15px;
 position:relative;
 left:50%;		
 padding:5px;
 border:1px solid #fff;
 margin-left:-106px;		
 visibility:visible;		
}
.imageflow .loading_bar {		
 width:1%;
 height:15px;
 background-color:#fff;
 visibility:visible;		
}
.imageflow .navigation{
 z-index:10000;
}

/* Bildtitel */
.imageflow .caption {
 position: relative; /* orig position:relative; */
 top: -45px;	/* orig 100px */
 z-index:10001;
 font-size: 0.9em;
 font-weight: bold;
 color: #fff;		 
 text-align:center!important;		
}
.imageflow .scrollbar { 
 position:relative;
 height:1px; 
 z-index:10002;
 /*border-bottom:1px solid #b3b3b3;*/
 visibility:hidden; 
}
.imageflow .slider {
 background-repeat:no-repeat;
 width:14px;
 height:14px;
 position:absolute;
 z-index:10003;
 /*background-image:url(slider.png);*/
 margin:-6px 0 0 -7px;
}
.imageflow .images {
 margin-left:55 px; /* orig margin-left:55 px; */
 overflow:hidden;
 white-space:nowrap;
}

/* buttons vor/zurueck */
.imageflow .button {		
 width:15px;	/* orig: width: 36px; */
 height:24px;   /* orig: width: 36px; */
 cursor:pointer;		
}
.imageflow .previous {
 position: absolute; /* position: absolute; */
 top: -50px; /* orig top: -80px; */
 left: -200px; /* orig left: -40px; */
 /* background: #008fc7 url(../images/css/df_left.gif) repeat-y; */
 background: #008fc7 url(../images/imagecarousell/buttons.gif) no-repeat 0 0;
}
.imageflow .previous:hover {
  background-position: 0 -36px;
}
.imageflow .next {
 position: relative;
 top: -175px; /* orig top: -80px; */
 right: -165px; /* orig right: -30px; */
 /* background: #008fc7 url(../images/css/df_right.gif) repeat-x repeat-y; */
 background: #008fc7 url(../images/imagecarousell/buttons.gif) no-repeat 100% 0;
}
.imageflow .next:hover {
 background-position: 100% -36px;
}
	
	
	
}