/* Menu 1 column */ 
TD#menu_1 {    
    vertical-align: top; 
    font-family:sans-serif,Helvetica,Arial;  
    font-size: 11px;        
    background-color:#ffffff; 
    /*background-image: url(../images/menubackground.jpg);*/ 
    background-repeat : no-repeat; 
    padding-top: 10px; 
	border-right-width:1pt;
	border-right-style:dotted;
	border-color:red;
	
} 
TD#menu_1 DIV { 
/*    width: 95%; */
} 
TD#menu_1 DIV A { 
    color: navy; 
    text-decoration: none; 
     /*background-color:#009933;*/ 
/*     width:95%; */
} 
TD#menu_1 DIV A:hover { 
  text-decoration: underline; 
  font-weight:normal; 
  font-size: 11px;
  font-family:sans-serif,Helvetica,Arial;   
  /*text-indent:5px; 
border: 1px solid #999999; 
  background-color: #eeeeee;*/ 
  width:95%;
    } 

/*  MENU 1, level 1, normal state (NO) */ 
TD#menu_1 DIV.menu1-level1-no { 
  border-bottom: 1px dotted #999999; 
  font-size: 11px; 
  padding-top:5px; 
  padding-left:5px; 
} 
/*  MENU 1, level 1, active state (ACT) */ 
TD#menu_1 DIV.menu1-level1-act { 
  border: 1px solid #999999; 
  font-weight:normal; 
  font-size: 11px; 
  padding-top:5px; 
  padding-left:5px; 
  background-color: #dddddd; 
/*  filter:alpha(opacity='70', style='0'); */
} 
TD#menu_1 DIV.menu1-level1-act A { 
  color:black; 
} 

/*  MENU 1, level 2, normal state (NO) */ 
TD#menu_1 DIV.menu1-level2-no { 
  font-size: 11px; 
  padding-left:10px; 
/*  width:95%; */
} 
/*  MENU 1, level 2, active state (ACT) */ 
TD#menu_1 DIV.menu1-level2-act { 
  font-size: 11px; 
  font-weight:normal; 
  padding-left:10px; 
} 

/* Footer column */ 
TD#footer {    
    text-align: center; 
    font-family:sans-serif,Helvetica,Arial;  
    vertical-align: top; 
    padding-top: 10px; 
    font-size: 10px; 
    font-weight:normal; 
    color: #0000ff;
    background-color: #ffffff; 	
} 

/* Header column */ 
TD#header_1 {    
    text-align: center; 
    font-family:sans-serif,Helvetica,Arial;  
    vertical-align: top; 
    background-color: #ffffff; 
} 

/* Ads column */ 
TD#ads{    
    text-align: center; 
    font-family:sans-serif,Helvetica,Arial;  
    vertical-align: top; 
    padding-top: 10px; 
    font-size: 10px; 
    font-weight:normal; 
	border-left-width:1pt;
	border-left-style:dotted;
	border-color:red;
    background-color: #ffffff; 
} 

/* Content column */ 
TD#content {    
    vertical-align: top; 
    font-family:sans-serif,Helvetica,Arial;  
    font-size: 12px;    
    padding-top: 20px;         
    padding-left: 10px;         
    padding-right: 10px;         
    background-color: #ffffff; 
} 


H1 {
    font-size : 20px;
	font-family:sans-serif,Helvetica,Arial;  
    background-color: #d5dfff; 	
    font-weight:bolder; 
    color: #000000;
}

H2 {
    font-size : 18px;
	font-family:sans-serif,Helvetica,Arial;  
    font-weight:bold; 
    color: #000000;
}

H3 {
    font-size : 16px;
	font-family:sans-serif,Helvetica,Arial;  
    font-weight:bold; 
    color: #000000;
}

/* Sinn von H5 & H6 ist ein Trenner */
H5 {
    font-size : 14px;
	font-family:sans-serif,Helvetica,Arial;  
    background-color: #d5dfff; 	
    font-weight:bold; 
    color: #000000;
}


H6 {
    font-size : 12px;
	font-family:sans-serif,Helvetica,Arial;  
    background-color: #d5dfff; 	
    font-weight:bold; 
    color: #000000;
}


/* Strecker column */ 
TD#Strecker {    
    vertical-align: top; 
    padding-top: 0px;         
    padding-left: 0px;         
    padding-right: 0px;         
} 




#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/fileadmin/template/main/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/fileadmin/template/main/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

# StyleSheet von YachtcharterFinder

table.offers{border:1px solid #a0a0a0;margin:20px 0 0 0;}
table.offers tr.even td{background-color:#e5e5e5;}
table.offers tr.odd td{background-color:#ffffff;}
table.offers td{border-bottom:1px solid #a0a0a0; padding:1px;}
table.offers .price{width:90px;text-align:right;color:#e0844f;font-weight:bold;}
table.offers .duration{width:65px;font-size:10px;text-align:left;color:#000;}
table.offers .data{font-size:10px;text-align:left;color:#000;}
table.offers .image img{width:60px;border:0;}

.yachtfinder{width:680px;}

.yachtfinder .fields{padding:3px;overflow:auto;background-color:#d5dfff;margin:10px 0 10px 0;}
.yachtfinder .form-cell{float:left;padding:10px;width:198px;}
.yachtfinder .form-cell .check-box2-active{width:20px;float:left;}
.yachtfinder .cell-title{height:40px;}
.yachtfinder .anreise, .yachtfinder .dauer, .yachtfinder .kojen{display:block;float:left;width:70px;}
.yachtfinder .cell-spacer{height:106px; width:10px;background: url(http://marina-guide.yachtcharterfinder.com/images/CellSpacer.gif) no-repeat center center;float:left;}
.yachtfinder .search-button{margin:20px 0 0 45px ;}
#district1 {width:190px;}
#district2Detail {width:190px;}
#district2Div{height:30px;}
#WeekSelect{width:120px;}
#DurationSelect{width:120px;}
select.boattype{width:190px;}

.sliders{overflow:hidden;width:100%;line-height:16px;background:#eee;}
#sliders{}
#sliders p.desc{padding:10px;width:600px;}
#sliders .slider-track{width:107px;float:left;cursor: pointer;background: url(http://www.yachtcharterfinder.com/images/slidertrack-bg.gif) repeat-x;}
#sliders .slider-control{width:210px;float:left;padding:4px 5px 2px;}
#sliders .slider-control p{margin:0 5px 0 0 !important;	font-weight:bold;float:left;}
#sliders .slider-min-handle{width:10px; height:14px; float:left;margin:1px 0 3px 0;}
#sliders .slider-max-handle{width:20px; height:14px; float:left;margin:1px 0px 3px -12px;}
#sliders .slider-control span{	float:left;}
#sliders .slider-control .slider{padding:0 3px;}
#sliders .slider-control img{display:block;}
#sliders .slider-end{margin:0 0 0 1px;width:20px;text-align:right;}
#sliders .slider-start{width:25px;text-align:right;}

.yacht-navi{}
.yacht-navi div{height:23px;float:left;overflow:auto;cursor:pointer;}
.yacht-navi .arrows{width:600px;}
.yacht-navi .arrows .button-first{width:24px;background:url(http://kroatien-urlaub.yachtcharterfinder.com/images/ButtonFirst.gif) no-repeat;}
.yacht-navi .arrows .button-prev{width:67px;background:url(http://kroatien-urlaub.yachtcharterfinder.com/images/ButtonBack.gif) no-repeat;}
.yacht-navi .arrows .button-next{width:67px;background:url(http://kroatien-urlaub.yachtcharterfinder.com/images/ButtonForward.gif) no-repeat;}
.yacht-navi .arrows .button-end{width:24px;background:url(http://kroatien-urlaub.yachtcharterfinder.com/images/ButtonEnd.gif) no-repeat;}
.yacht-navi .arrows .page{width:130px;font-weight:bold;text-align:center;margin:5px 0 0 0 ;}

.tableStyle {	color: #444;	line-height:normal;	overflow:auto;}
.yacht-list table{width: 680px;	background-color: #e4ecef;border-collapse:collapse;}
.yacht-list table .smallTable{width:350px;}
.yacht-list table tr{	vertical-align:top;	border-collapse:collapse;}
.yacht-list table tr.even{}
.yacht-list table tr.odd{background-color:#FFFFFF;}
.yacht-list table th {border: 1px solid #327391;}
.yacht-list table td {border-collapse: collapse;padding:5px;text-align:center;vertical-align:top;}
.yacht-list table img {	width: 120px; margin-left: 7px;border:0;}
.yacht-list table tr td table {	font-size: 9px;	font-weight: normal;	color: #444;	text-align: center;font-family: Arial, sans-serif;margin:0;padding:0;}
.yacht-list tr td table td{border: 1px solid #327391;background-color: #FFF;}
.yacht-list .old-price{	font-style: italic;	display:block;	color:#444;}
.yacht-list .fontBlueSmall {color: #327391;display:block;}
.yacht-list .new-price{	color: #FF8000;	display:block;}

.yacht-list table th {border:0;height:20px;padding:3px;}
.yacht-list table th div{padding:0 20px 0 0;cursor:pointer;}
.yacht-list table th.sort div{background:url(http://www.yachtcharterfinder.com/images/btn-sort.gif) no-repeat 100% 50%;}
.yacht-list table th.sort-asc div{background:url(http://www.yachtcharterfinder.com/images/btn-sort-up.png) no-repeat 100% 50%;}
.yacht-list table th.sort-desc div{background:url(http://www.yachtcharterfinder.com/images/btn-sort-down.png) no-repeat 100% 50%;}

#leftFramContent{width:250px;float:left;}
#rightFramContent{width:430px;float:left;}

.galerie {	width: 340px;	clear: both;}
.galerie table {	width: 340px;	margin-top: 10px;}
.galerie table td{	text-align:center;	border-collapse:collapse;	border: 2px solid #AAA;	padding:10px;}
.galerie table td.img{	width:110px;height:100px;}
.galerie table td.img div{display:none;position:absolute;border:2px solid #707070;padding:5px;background-color:#ffffff;left:300px;}
.galerie table td.img:hover div{display:block;}
.galerie .top-image , .galerie .top-sketch{width:340px;}

.reservationBt {font-size: 14px;text-align: center;height: 26px;width: 139px;float: right;margin: 5px 0 0 5px;
	cursor:pointer;	color:#FFF;background-image: url(http://kroatien-urlaub.yachtcharterfinder.com/images/bt_buchungsanfrage.jpg);}
.messageAreaWidth{width:170px;}
#country_oid_fk {width:150px;}
div.check-box2-inactive{border:0;cursor:pointer;background:url(http://www.yachtcharterfinder.com/images/Check2.png) no-repeat bottom;width:12px;height:13px; }
div.check-box2-active{border:0;cursor:pointer;background:url(http://www.yachtcharterfinder.com/images/Check2.png) no-repeat top;width:12px;height:13px; }
div.clear{clear:both;}
.button{cursor:pointer;}
div.button{width:140px;text-align:center;text-decoration:underline;color:#0000ff;font-weight:bold;float:left;padding:2px 10px 2px 10px;font-size:14px;}
.input-error{border:1px solid #ff0000;}
#LightWindow{width:680px;min-height:1000px;display:none;background-color:#ffffff;left:170px;}
.hidden{display:none;visibility:hidden;}
