/* CSS Document */
/* ############### a.01.reset.tales.cssframework.css ###############  */

/* ############### RESET ALL ELEMENTS ############### */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tr,th,td,table,img,address,caption,cite,code,dfn,em,i,strong,b,var,q,abbr,acronym{margin:0; padding:0;}




/* Tables still need 'cellspacing="0"' in the <table>-tag! */
/*table{border-collapse:collapse; border-spacing:0;}*/
td, th { /*border-style: none;*/text-align:left; vertical-align: top; }

fieldset,img,a img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption{text-align:left; vertical-align: top;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
blockquote:before, blockquote:after,q:before,q:after{content:'';}/* Delete quote marks (") from <q>, <blockquote>. */
blockquote, q { quotes: "" ""; }
abbr,acronym {border:0;}


/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */
/* ############### a.02.basics.tales.cssframework.css ############### */

/*
contains:
	generic float-clearing magic
	bold & italic rules 
	
*/	

/* ############### FLOATING DIV WORKAROUNDS ############### */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    /*visibility: hidden;*/
	 visibility: collapse;
}
/* clearfix workaround for IE7 */
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;} 
/* End hide from IE-mac */

#fixFloatingDiv, .fixFloatingDiv{
	clear: both !important;
	height: 1px !important;
	margin: 0 0 0px 0; 
	border: 0px solid #ea6346 !important;
	background-image: none !important;
	visibility: collapse;
	line-height: 1% !important; /* for IE: anders is deze div +- 20px hoog */
	}
	

/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */
/* ############### a.03.grids.tales.cssframework.css ############### */

/*
contains:
	generic grid layouts
	
*/	



/* ############### BASIC BUILDING BLOCKS ############### */

/* structure:

	 -------pagewrapper------
   |                        |
   |    ----------------    |
   |    | langselection |   |
   |    ----------------    |
   |                        |
   |    ----------------    |
   |    |    header	   |   |
   |    ----------------    |	
   |                        |
   |    ----------------    |
   |    |    topnav	   |   |
   |    ----------------    |
   |                        |
   |    ----------------    |
   |    |contentsection |   |
   |    ----------------    |
   |                        |
   |    ----------------    |
   |    |    footer	   |   |
   |    ----------------    |
   |                        |
   |    ----------------    |
   |    |    madeby	   |   |
   |    ----------------    |
   |                        |
    ------------------------

*/


#outerwrapper{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
#pagewrapper{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
#topblock{display: block;}
#header{display: block;}
#contentsection{display: block;}
#footer{display: block;}
#madeby{display: block;}

#sidenav{display: block;}	
#topnav{display: block;}



.col1, .col2, .col3, .col4, .col5, .col6 {display: block; float: left; overflow: hidden !important;}
/* ############### 1 COLUMN LAYOUT ############### */
.oneCol .col1{ float: none;}

/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */
/* ############### b.01.grids.custom.css ############### */



/* ############### BASIC BUILDING BLOCKS ADDONS ############### */
#outerwrapper{	
	
	background-image: url(../gfx/basics/background.page.gif); background-repeat: repeat-y; background-position: center;
	
	width: 990px;
	}
#pagewrapper{
	width: 960px;
	background-color: #fff;
	/* standard centered layout*/
	/* for left- or righthanded laoyout: set margin-left or -right to 0*/
	/*margin-left: 0;*/
	/*margin-right: 0;*/	
}

#topblock{
	height: 35px;
	overflow: hidden;
	/*background-image: url(../gfx/basics/background.logo.top.whiteback.gif);*/
	background-repeat: no-repeat;
	text-align: right;
}

#header{
	height: 116px;
	overflow: hidden;
}

#topnav{
	background-image: url(../gfx/basics/background.topnav.gif);
	background-repeat: repeat-x;
	height: 32px; 
	overflow: hidden;
	text-align: right;
	/* relative positioning: pull #topnav up or down, to the left or right, it will layer itself above the header */
	/*position: relative;
	left: 257px;
	top: -38px;*/
}

#contentsection{ }
 
 #IE6 #contentsection{ 	 } 
 
#footer{
	border-top: 1px solid #d4d4d4;
	display: block;
	width: 920px;
	margin-left: 20px;
	padding-top: 15px;
	height: 130px;
}

#madeby{
	overflow: hidden;
}



/* minimum height system */
/*
First rule is mozilla + IE7
Second rule is IE6 

.oneCol#header .col1 {min-height: 200px;}
*html* .oneCol#header .col1 {height: 200px;}

*/

.threeCols#contentsection{}

/* ############### 1 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */
.oneCol#header .col1{	height: 150px;	}
.oneCol#contentsection .col1{	}

/* ############### 2 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */
.twoCols#header .col1{	height: 116px;	width: 400px;}
.twoCols#header .col2{	height: 105px;	width: 551px; text-align: right; padding: 11px 9px 0 0;}
/*
.twoCols#contenttopsection .col1{	width: 528px; margin-left: 8px; margin-top: 5px;}
		#IE6 .twoCols#contenttopsection .col1{	margin-left: 4px; }
		
.twoCols#contenttopsection .col2{
	width: 396px;
	margin-top: 5px;
	padding: 0 10px 0 12px;
	background-image: url(../gfx/home/background.home.panel.top.rechts.jpg);
	background-repeat: no-repeat; }


.twoCols#contentbottomsection .col1{	width: 529px; margin-left: 8px; margin-top: 10px;}
		#IE6 .twoCols#contentbottomsection .col1{ margin-left: 4px;}
		
.twoCols#contentbottomsection .col2{
	width: 389px;
	margin-top: 10px;
	padding: 10px 12px 0 10px;
	margin-left: 11px;
	background-image: url(../gfx/home/background.home.panel.bottom.rechts.jpg);
	background-repeat: no-repeat;	
	}
	
*/
	/* alternative layout */
#homecontent{
		display: inline-block;
	}
#contentleftsection {	width: 528px; margin-left: 8px; margin-top: 5px;}
		#IE6 #contentleftsection{	margin-left: 4px; }
	
#contentrightsection {
	width: 396px;
	/*height: 398px;*/
	margin-top: 5px;
	padding: 0 10px 0 12px;
	background-image: url(../gfx/home/background.home.panel.top.rechts.jpg);
	background-repeat: no-repeat; }	

#contentleftsection #westenoostkust{
	margin-top: 20px;
}	
		
#contentrightsection #popups{
	width: 389px;
	/*height: 236px;*/
	margin-top: 20px;
	padding: 10px 12px 20px 10px;
	margin-left: 0px;
	background-image: url(../gfx/home/background.home.panel.bottom.rechts.jpg);
	background-repeat: no-repeat;	

}	
		#IE6 #contentrightsection #popups{
			margin-top: 50px;
		}	
#subpage{
	background-image: url(../gfx/basics/background.content.watersporters.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-left: 7px;
	width: 916px;
	padding: 13px  14px 0 14px;
}	

/* ############### 3 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */
/*.threeCols#header .col1{	height: 150px;	width: 200px;}
.threeCols#header .col2{	height: 150px;	width: 560px;}
.threeCols#header .col3{	height: 150px;	width: 200px;}

.threeCols#contentsection .col1{	width: 200px;}
.threeCols#contentsection .col2{	width: 560px;}
.threeCols#contentsection .col3{	width: 200px;}*/


/* ############### 4 COLUMN LAYOUT ADDONS ############### */
/*.fourCols#header .col1{	height: 150px;	width: 240px;}
.fourCols#header .col2{	height: 150px;	width: 240px;}
.fourCols#header .col3{	height: 150px;	width: 240px;}
.fourCols#header .col4{	height: 150px;	width: 240px;}

.fourCols#contentsection .col1{	width: 240px;}
.fourCols#contentsection .col2{	width: 240px;}
.fourCols#contentsection .col3{	width: 240px;}
.fourCols#contentsection .col4{	width: 240px;}*/

/* ############### 5 COLUMN LAYOUT ADDONS ############### */
/*.fiveCols#header .col1{	height: 150px;	width: 192px;}
.fiveCols#header .col2{	height: 150px;	width: 192px;}
.fiveCols#header .col3{	height: 150px;	width: 192px;}
.fiveCols#header .col4{	height: 150px;	width: 192px;}
.fiveCols#header .col5{	height: 150px;	width: 192px;}

.fiveCols#contentsection .col1{	width: 192px;}
.fiveCols#contentsection .col2{	width: 192px;}
.fiveCols#contentsection .col3{	width: 192px;}
.fiveCols#contentsection .col4{	width: 192px;}
.fiveCols#contentsection .col5{	width: 192px;}*/

/* ############### 6 COLUMN LAYOUT ADDONS ############### */
/*.sixCols#header .col1{	height: 150px;	width: 160px;}
.sixCols#header .col2{	height: 150px;	width: 160px;}
.sixCols#header .col3{	height: 150px;	width: 160px;}
.sixCols#header .col4{	height: 150px;	width: 160px;}
.sixCols#header .col5{	height: 150px;	width: 160px;}
.sixCols#header .col6{	height: 150px;	width: 160px;}

.sixCols#contentsection .col1{	width: 160px;}
.sixCols#contentsection .col2{	width: 160px;}
.sixCols#contentsection .col3{	width: 160px;}
.sixCols#contentsection .col4{	width: 160px;}
.sixCols#contentsection .col5{	width: 160px;}
.sixCols#contentsection .col6{	width: 160px;}
*/


/* ############### ADDITIONAL GRIDS OR SUBGRIDS ############### */


/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */



/* ############### Generic Stuff - handy stuff ############### */
	
.noborder {	border: 0 !important;}
.handcursor{cursor:hand !important;}

.imgFloatLeft, .imgfloatleft {
	float: left;
	padding: 0 5px 5px 0;
}

.imgFloatRight, .imgfloatright{
	float: right;
	padding: 0 5px 5px 0;
}

.floatLeft, .floatleft{	float: left;}
.floatRight, .floatright{	float: right;}

.alignLeft, .alignleft{	text-align: left !important;}
.alignRight, .alignright{	text-align: right !important;}
.alignCenter, .aligncenter{	text-align: center !important;}
.alignJustify, .alignjustify{	text-align: justify !important;}

.displayBlock, .displayblock{	display: block !important;}

.nowrap{ white-space:nowrap;}
/*
! in IE6 setting the class of a TD to nowrap won't work 
for IE6 - HTML: <td nowrap>bla bla</td>
for IE6 XHTML: <td nowrap="nowrap">bla bla</td>
*/

.container{
	margin-bottom: 1em;
}
.row{
	display: block !important;
	padding: 0.2em 0.1em 0.2em 0.1em;
}
.row p{	
	margin-bottom: 0em;
}
.rowcolor1{
	background: silver url(../gfx/framework-gfx/dotted.white.3space.gif) bottom repeat-x;
}
.rowcolor2{
	background: orange url(../gfx/framework-gfx/dotted.darkergray.3space.gif) bottom repeat-x;
}
/* alternative patterns:
dotted.white.3space.gif
dotted.silver.3space.gif
dotted.gray.3space.gif
dotted.darkgray.3space.gif
dotted.darkergray.3space.gif
dotted.black.3space.gif
*/


ul.row{
	margin-left: 0;
	margin-bottom: 0;
}
ul.row li{
	display: inline-block;
	margin-bottom: 0;
	padding-bottom: 0;
}

#IE6 ul.row l, #IE7 ul.row li{
	display: inline;
}
ul.row li p{	
	margin-bottom: 0em;
}

/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */


/* ############### SITESPECIFIC CSS - KVD ############### */
/* ######### PAGEBACKGROUND AND -COLOR #########*/
html{  background-color: #BABABA }
body{ }
/* watch out: html is the complete screen, body ends directly under footer*/
wbr { display: inline-block; }	
/* ######### FOOTER #########*/
#footer{
	text-align: center;
}

#footer img{
	border: 0px;
}
#footer a{
	float: right;
	margin-left: 10px;
}
#footer a#anysurfer{
	float: left;
}

#footer .toegankelijkheiddisclamer{
	color: #57585A;
}
#footer .toegankelijkheiddisclamer a{
	text-align: center !important;
	float: none;
}

#footer .toegankelijkheiddisclamer a:link, #footer .toegankelijkheiddisclamer a:visited{
	color: #57585A !important;	
}
#footer .toegankelijkheiddisclamer a:hover, #footer .toegankelijkheiddisclamer a:active{
	color: red;	
}
/* ######### MADE BY #########*/
#madeby{
	text-align: center;
}

/* ############### ACCESSIBILITY ############### */
#accessibility{
	background-image: url(../gfx/basics/background.accessibility.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 35px;
}
	.fr #accessibility, .de #accessibility{
	background-image: url(../gfx/basics/background.accessibility.breed.duits.jpg);
}
#skipstuff{
	display: block;
	width: 155px;
	float: left;
	margin-left: 390px;
	margin-right: 8px;
}
	.fr #skipstuff, .de #skipstuff{
			margin-left: 250px;
		}

#IE6 #skipstuff{
	margin-left: 196px;
}
	.fr #IE6 #skipstuff, .de #IE6 #skipstuff{
		margin-left: 126px;
	}
#contrastswitch{
	display: block;
	width: 170px;
	padding-left: 25px;
	margin-right: 5px;
	float: left;
}
	.fr #contrastswitch{
		margin-right: 0px;
	}
	.de #contrastswitch{
		margin-right: 0px;
	}
#contrastswitchuit{
	display: none;
    visibility: hidden;
	width: 170px;
	padding-left: 25px;
	margin-right: 5px;
	float: left;
}

#fontsizeswitch{
	display: none;
	visibility: hidden;
	padding-top: 6px;
	width: 170px;
	padding-left: 33px;
	float: left;
}

	#IE6 #fontsizeswitch{
		width: 135px !important;
	}
#fontsizeswitchuit{
	display: block;
	padding-top: 6px;
	width: 170px;
	padding-left: 33px;
	float: left;
}
#skipstuff a{
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	width: 127px;
	height: 30px;
	padding-top: 0px;
	font-weight: bold;
	/*font-size: 90%;*/
	font-size: 12px;
	text-align: left;
	padding-left: 28px;
}
#contrastswitch a, #contrastswitchuit a{
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	height: 30px;
	padding-top: 0px;
	font-weight: bold;
	/*font-size: 90%;*/
	font-size: 12px;
	text-align: left;
}
	.fr #contrastswitch a, .de #contrastswitch a{
	 	margin-left: 10px;
	}
	.fr #IE6 #contrastswitch a, .de #IE6 #contrastswitch a{
	 	margin-left: 6px;
	}
#skipstuff a:link, #skipstuff a:visited, #contrastswitch a:link, #contrastswitch a:visited, #contrastswitchuit a:link, #contrastswitchuit a:visited{
	color: #000;}
#skipstuff a:hover, #skipstuff a:active, #contrastswitch a:hover, #contrastswitch a:active, #contrastswitchuit a:hover, #contrastswitchuit a:active{
	color: #dd3e00;
}

.fontblock{
	display: block;
	width: 120px;
	text-align: center;
	float: left;
	margin-top: -7px;
	font-size: 11px;
}

.fontblock a{
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	height: 30px;
	font-weight: bold;
	font-size: 12px;
	width: 170px;
	text-align: left;
}
	.fr .fontblock a{
		width: 220px;		
	}
	.de .fontblock a{
		width: 320px;		
	}
	
	#IE6 .fontblock a{
		width: 165px;
	}
		.fr #IE6 .fontblock a{
			width: 225px;
		}
		.de #IE6 .fontblock a{
			width: 285px;
		}


.fontblock a:link, .fontblock a:visited{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
.fontblock a:hover, .fontblock a:active{	color: #DD3E00;}



.fontblock a.selected{
	text-decoration: underline !important;
}


/* ######### HEADER #########*/
#header .col2 a{
	display: inline-block;
	width: 94px;
	height: 94px;
	background-repeat: no-repeat;
	margin-left: 18px;
 }
#header .col2 a img{
	border: 0px;
} #header .col2 a#topWarning{
 	background-image: url(../gfx/basics/ico.top.stormwaarschuwing.jpg);
	margin-right: -10px; width: 106px;
 }
 	 .fr #header .col2 a#topWarning{ 	background-image: url(../gfx/basics/ico.top.stormwaarschuwing.fr.jpg); }
 	 .en #header .col2 a#topWarning{ 	background-image: url(../gfx/basics/ico.top.stormwaarschuwing.en.jpg); }
 	 .de #header .col2 a#topWarning{ 	background-image: url(../gfx/basics/ico.top.stormwaarschuwing.de.jpg); }
 
 #header .col2 a#topWatersporters{
 	background-image: url(../gfx/basics/ico.top.watersporters.jpg);
 }

	 .fr #header .col2 a#topWatersporters{	 	background-image: url(../gfx/basics/ico.top.watersporters.fr.jpg); }
	 .en #header .col2 a#topWatersporters{	 	background-image: url(../gfx/basics/ico.top.watersporters.en.jpg); }
	 .de #header .col2 a#topWatersporters{	 	background-image: url(../gfx/basics/ico.top.watersporters.de.jpg); }
	 
 #header .col2 a#topPro{
 	background-image: url(../gfx/basics/ico.top.pro.jpg);
 }
	 .fr #header .col2 a#topPro{ 	background-image: url(../gfx/basics/ico.top.pro.fr.jpg); }
	 .en #header .col2 a#topPro{ 	background-image: url(../gfx/basics/ico.top.pro.en.jpg); }
	 .de #header .col2 a#topPro{ 	background-image: url(../gfx/basics/ico.top.pro.de.jpg); }
	 
	 
 #header .col2 a#topOms{
 	background-image: url(../gfx/basics/ico.top.oms.jpg);
 }
 
 	 
	 .fr #header .col2 a#topOms{ background-image: url(../gfx/basics/ico.top.oms.fr.jpg);}
	 .en #header .col2 a#topOms{ background-image: url(../gfx/basics/ico.top.oms.en.jpg);}
	 .de #header .col2 a#topOms{ background-image: url(../gfx/basics/ico.top.oms.de.jpg);}
 
 			

			 #header .col2 a#topWatersporters:hover, #header .col2 a#topWatersporters:active, #header .col2 a#topWatersporters.selected{
			 	background-image: url(../gfx/basics/ico.top.watersporters.hover.jpg);
			 }
			 				 .fr #header .col2 a#topWatersporters:hover, .fr #header .col2 a#topWatersporters:active, .fr #header .col2 a#topWatersporters.selected{	background-image: url(../gfx/basics/ico.top.watersporters.hover.fr.jpg);}
			 				 .en #header .col2 a#topWatersporters:hover, .en #header .col2 a#topWatersporters:active, .en #header .col2 a#topWatersporters.selected{	background-image: url(../gfx/basics/ico.top.watersporters.hover.en.jpg);}
			 				 .de #header .col2 a#topWatersporters:hover, .de #header .col2 a#topWatersporters:active, .de #header .col2 a#topWatersporters.selected{	background-image: url(../gfx/basics/ico.top.watersporters.hover.de.jpg);}
			
			 #header .col2 a#topPro:hover, #header .col2 a#topPro:active, #header .col2 a#topPro.selected{
			 	background-image: url(../gfx/basics/ico.top.pro.hover.jpg);
			 }			
							 .fr #header .col2 a#topPro:hover, .fr #header .col2 a#topPro:active, .fr #header .col2 a#topPro.selected{ background-image: url(../gfx/basics/ico.top.pro.hover.fr.jpg);}
							 .en #header .col2 a#topPro:hover, .en #header .col2 a#topPro:active, .en #header .col2 a#topPro.selected{ background-image: url(../gfx/basics/ico.top.pro.hover.en.jpg);}
							 .de #header .col2 a#topPro:hover, .de #header .col2 a#topPro:active, .de #header .col2 a#topPro.selected{ background-image: url(../gfx/basics/ico.top.pro.hover.de.jpg);}
				
			 #header .col2 a#topOms:hover, #header .col2 a#topOms:active, #header .col2 a#topOms.selected{
			 	background-image: url(../gfx/basics/ico.top.oms.hover.jpg);
			 }	
			 				.fr #header .col2 a#topOms:hover, .fr #header .col2 a#topOms:active, .fr #header .col2 a#topOms.selected{ background-image: url(../gfx/basics/ico.top.oms.hover.fr.jpg); }
							.en #header .col2 a#topOms:hover, .en #header .col2 a#topOms:active, .en #header .col2 a#topOms.selected{ background-image: url(../gfx/basics/ico.top.oms.hover.en.jpg); }
							.de #header .col2 a#topOms:hover, .de #header .col2 a#topOms:active, .de #header .col2 a#topOms.selected{ background-image: url(../gfx/basics/ico.top.oms.hover.de.jpg); }



/* ####### HOME ####### */
#kaart{
	height: 377px;
	display: block;
}

#webcamblock{
	display: block;
	/*height: 367px;*/
	margin-top: 10px;
}
		#IE6 #webcamblock{	}


/*####### kaartblok ##########*/
#kaart img{
	cursor: pointer;
}
.kaartmarkup{
	display: block;
	position: relative;
	z-index: 10;
	margin-top: -125px;
	margin-left: 254px;
}
		#IE6 .kaartmarkup{	margin-top: -130px;}
		#IE7 .kaartmarkup{	margin-top: -130px;}
		
.kaartmarkup .temp{
	margin-top: 10px;
	margin-left: 22px;
	color: #009DE0;
}			
.kaartmarkup .wind{
	margin-top: -40px;
	margin-left: 140px;
	color: #009DE0;
	width: 120px;
}	

		#IE6 .kaartmarkup .wind{	margin-top: -45px;}
		#IE7 .kaartmarkup .wind{	margin-top: -45px;}
/* ######### webcam ######### */



.webcambeeld{
	width: 387px;
	border: 1px solid #dededf;
	height: 276px;
	position: relative;
	top: -36px;
	/*margin-top: 50px;*/
}
/*########## vandaag #########*/

#vandaagblock{
	background-image: url(../gfx/home/background.home.panel.bottom.links.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	/*height: 250px;*/
	position: relative; /*voor z-index te activeren */
	z-index: 10; /* boven tabpanel plaatsen */
		display: inline-block;
		top: -7px;
}
	#IE6 #vandaagblock{		z-index: 30;	}
	#IE7 #vandaagblock{		top: 0px;	}

#westkustvolgende{
	display: block;
	margin-bottom: 10px;
}

#oostkustvolgende{
	display: block;
}

.legendetopbumper{
	display: block;
	width: 505px;
	padding: 15px 10px 0 10px;
	background-image: url(../gfx/home/panel.bottom.links.legende.top.jpg);
	background-repeat: no-repeat;
}
.legendetopbumper p{
	margin-bottom: 0;
	width: 460px;
}
.legendebottombumper{
	display: block;
	width: 505px;
	height: 25px;
	background-image: url(../gfx/home/panel.bottom.links.legende.bottom.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.legendetopbumper .closestuff{
	display: block;
	width: 480px;
	height: 30px;
	margin-bottom: 0px;
}
.legendetopbumper .closeme{
	display: inline-block;
	background-image: url(../gfx/home/close.legende.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	float: right;
	/*margin-left: 20px;*/
	overflow: hidden;
	text-indent: -2000px;
}
		.legendetopbumper .closeme:hover, .legendetopbumper .closeme:active{
			/*cursor: hand;*/
		}
		
.legendetopbumper .closeme span{
	display: block;
	text-indent: -2000px;
}		
.legendetopbumper .warning{
	/*display: inline-block;*/
	height: 16px;
	/*float: left;*/
	color: orange;
	padding: 10px;
	padding-right: 30px;
	width: 400px;
	margin: -40px 0 0 0;
	text-align: right;
	line-height: 0.7em;
}
	#IE6 .legendetopbumper .warning{margin-top: -11px;}
	#IE7 .legendetopbumper .warning{margin-top: -13px;}
	#IE8 .legendetopbumper .warning{/*margin-top: -21px;*/}
/* volgende dagen */

#popups, #popups h2{
	color: #fff;
}
#popups h2{
	background-image: url(../gfx/home/orangeblock.divider.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#popups p{
	margin-bottom: 0;
	font-size: 0.8em;
	position: relative;
	top: -23px;
	margin-bottom: -10px;
}
/*#popups .topbumper{
	display: block;
	width: 368px;
	height: 11px;
	background-image: url(../gfx/home/orangeblock.topbumper.gif);
	background-repeat: no-repeat;
}*/
#popups .stretcher{
	display: block;
	width: 348px;
	padding: 10px 10px 0 10px;
	background-image: url(../gfx/home/orangeblock.topbumper.png);
	background-repeat: no-repeat;
	/*margin-bottom: 10px;*/
	/*height: 50px;*/
}
	.de #popups .stretcher{
			height: auto;
		}
#popups .bottombumper{
	display: block;
	width: 368px;
	height: 11px;
	background-image: url(../gfx/home/orangeblock.bottombumper.png);
	background-repeat: no-repeat;
	margin-top: 5px;
}
	.de #popups .bottombumper{
		margin-top: 0px;
	}
	#IE6 #popups .bottombumper{ margin-top: 0;}
	#IE7 #popups .bottombumper{ margin-top: 0;}
#popups .launchmodal{
	display: block;
	width: 18px;
	height: 16px;
	background-image: url(../gfx/home/launchmodal.gif);
	background-repeat: no-repeat;
	text-indent: -3000px;
	position: relative;
	top: -33px;
	left: 330px;
}



/* ############ WATERSPORT ############ */
#subhead{
	margin-bottom: 13px;	
}
#watersportnav{
	margin-left: 0;
	display: inline-block;
}

#watersportnav li{
	list-style-type: none;
	display: inline-block;
	margin-right: 10px;
}
	#IE6 #watersportnav li{
		float: left;
	}
	#IE7 #watersportnav li{
		float: left;
	}

#ws_windengolven{
	margin-left:0px;
}
#watersportnav li a{
	display: block;
	height: 93px;
	background-repeat: no-repeat;
}
#watersportnav li a img{
	border: 0px;
}
#ws_algemeen a{
	background-image: url(../gfx/watersport/nav/ico.algemeen.gif);
	width: 85px;}
		#ws_algemeen a:hover, #ws_algemeen a:active, #ws_algemeen.selected a{	background-image: url(../gfx/watersport/nav/ico.algemeen.hover.gif);}
		
#ws_windengolven a{
	background-image: url(../gfx/watersport/nav/ico.windengolven.gif);
	width: 122px;}
		#ws_windengolven a:hover, #ws_windengolven a:active, #ws_windengolven.selected a{	background-image: url(../gfx/watersport/nav/ico.windengolven.hover.gif);}
		
#ws_getij a{
	background-image: url(../gfx/watersport/nav/ico.getij.gif);
	width: 82px;}
		#ws_getij a:hover, #ws_getij a:active, #ws_getij.selected a{	background-image: url(../gfx/watersport/nav/ico.getij.hover.gif);}
		
#ws_weerkaarten a{
	background-image: url(../gfx/watersport/nav/ico.weerkaarten.gif);
	width: 110px;}
		#ws_weerkaarten a:hover, #ws_weerkaarten a:active, #ws_weerkaarten.selected a{background-image: url(../gfx/watersport/nav/ico.weerkaarten.hover.gif);}
		
#ws_rapporten a{
	background-image: url(../gfx/watersport/nav/ico.rapporten.gif);
	width: 88px;}		
		#ws_rapporten a:hover, #ws_rapporten a:active, #ws_rapporten.selected a{background-image: url(../gfx/watersport/nav/ico.rapporten.hover.gif);		}


/* voor pro's : */

#ws_wind a{
	background-image: url(../gfx/watersport/nav/ico.wind.gif);
	width: 88px;
	margin-left: 5px;}
		#ws_wind a:hover, #ws_wind a:active, #ws_wind.selected a{	background-image: url(../gfx/watersport/nav/ico.wind.hover.gif);}
		
#ws_golven a{
	background-image: url(../gfx/watersport/nav/ico.golven.gif);
	width: 88px;}
		#ws_golven a:hover, #ws_golven a:active, #ws_golven.selected a{	background-image: url(../gfx/watersport/nav/ico.golven.hover.gif);}

		
/* ######## tabelpages ########*/		
.subpanel{
	/* linkerbovenhoek afgerond */
	display: block;
	width: 892px;
	background-image: url(../gfx/basics/background.content.watersporters.innercontent.gif);
	background-repeat: no-repeat;
	min-height: 285px;
	padding: 13px 9px 0px 16px;
}	
	
*html* .subpanel {height: 285px;}
.subpanel2{
	/* linkerbovenhoek NIET afgerond */
	display: block;
	width: 892px;
	background-image: url(../gfx/basics/background.content.watersporters.innercontent.noroundleftcorner.gif);
	background-repeat: no-repeat;
	min-height: 285px;
	padding: 13px 9px 0px 16px;
}	
	#IE6 .subpanel2{	margin-top: 200px;	}
	#IE8 .subpanel2{	margin-top: 35px;	}

*html* .subpanel2 {height: 285px;}

/* ############ MODAL IFRAMES ########### */
.modaliframe #pagewrapper{
	display: block;
	/*width: 920px;*/
	width: auto !important;
}
.modaliframetxtonly #pagewrapper{
	display: block;
	width: auto !important;
}
.modaliframe h1{
	padding-bottom: 0.7em;
	border-bottom: 1px solid #d4d4d4;
}
#printlink{
	margin-top: 2em;
	display: block;
	background-image: url(../gfx/watersport/ico.printlink.gif);
	background-repeat: no-repeat;
	text-indent: 50px;
	height: 66px;
	padding-top: 10px;
	text-decoration: none;
	font-weight: bold;
}

#printblock{
	display: block;
	padding: 10px 0 10px 15px;
	border-top: 1px solid #d4d4d4;
}

#printlink:link, #printlink:visited{
	color: #57595b;
}
#printlink:hover, #printlink:active{
	color: #F29400;
}	



.legendepanel{
	display: block;
	margin-bottom: 2em;
}

.legendepanel .top{
	display: block;
	background-image: url(../gfx/watersport/legendpanel.top.gif);
	background-repeat: no-repeat;
	width: 915px;
	height: 15px;
	overflow: hidden;
}

.legendepanel .middle{
	display: block;
	width: 885px;
	height: auto;
	background-image: url(../gfx/watersport/legendpanel.middle.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-right: 15px;
}
	#IE6 .legendepanel .middle{margin-top: -19px;}
	
.legendepanel .bottom{
	overflow: hidden;
	display: block;
	background-image: url(../gfx/watersport/legendpanel.bottom.gif);
	background-repeat: no-repeat;
	width: 915px;
	height: 15px;
	background-color: orange;
	margin-top: -1em; /*cfr p -> margin-bottom: 1em */
	}
		#IE6 .legendepanel .bottom{
			margin-top: 0em;
			}
.legendepanel .divider{
	display: block;
	width: 885px;
	height: 2px;
	background-image: url(../gfx/watersport/divider.background.gif);
	background-repeat: repeat-x;
}
		#IE6 .legendepanel .divider{
			width: 885px;
		}
.oranjepanel{
	display: block;
	margin-bottom: 2em;
}
.oranjepanel .top{
	display: block;
	background-image: url(../gfx/watersport/oranjepanel.top.gif);
	background-repeat: no-repeat;
	width: 915px;
	height: 15px;
	overflow: hidden;
}

.oranjepanel .middle{
	display: block;
	width: 885px;
	/*height: auto;*/
	background-image: url(../gfx/watersport/oranjepanel.stretcher.gif);
	background-repeat: repeat-y;
	padding-left: 15px;
	padding-right: 15px;
}

.oranjepanel .bottom{
	overflow: hidden;
	display: block;
	background-image: url(../gfx/watersport/oranjepanel.bottom.gif);
	background-repeat: no-repeat;
	width: 915px;
	height: 15px;
	background-color: orange;
	margin-top: -1em;/* cfr p -> margin-bottom: 1em */
	}
	#IE6 .oranjepanel .bottom{ margin-top: 0;}
	
/* ######## rapporten + rapportpopups ######### */
.rapportpopupper{
	margin-bottom: 1.5em;
}
.rapportpopupper, .rapportpopupper h2{
	color: #fff;
}
.rapportpopupper h2{
	background-image: url(../gfx/home/orangeblock.divider.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
	position: relative;
	top: -10px;
	font-size: 1.4em !important;
}
.rapportpopupper p{
	margin-bottom: 0;
	font-size: 0.8em;
	position: relative;
	top: -33px;
	margin-bottom: -10px;
}
.rapportpopupper .topbumper{
	display: block;
	width: 622px;
	height: 16px;
	background-image: url(../gfx/watersport/bigoranjepanel.top.gif);
	background-repeat: no-repeat;
}
.rapportpopupper .stretcher{
	display: block;
	width: 602px;
	padding: 0 10px 0 10px;
	background-image: url(../gfx/watersport/bigoranjepanel.stretcher.gif);
	background-repeat: repeat-y;
	/*height: 35px;*/
	/*margin-bottom: 10px;*/
	/*height: 50px;*/
}
	#IE6 .rapportpopupper .stretcher{
		margin-top: -15px;
	}
.rapportpopupper .bottombumper{
	display: block;
	width: 622px;
	height: 16px;
	background-image: url(../gfx/watersport/bigoranjepanel.bottom.gif);
	background-repeat: no-repeat;
	/*margin-top: -5px;*/
}

.rapportpopupper .launchmodal{
	display: block;
	width: 18px;
	height: 16px;
	background-image: url(../gfx/home/launchmodal.gif);
	background-repeat: no-repeat;
	text-indent: -2000px;
	position: relative;
	top: -46px;
	left: 580px;
}
div.stormrapporttablegradient{
	background-image: url(../gfx/iframes/back.table.gradient.gif);
	background-repeat: repeat-x;
	background-position: 0 -30px;}
		#IE6 div.tablegradient{ background-position: 0 -25px; background-image: none;}
		#IE7 div.tablegradient{ background-position: 0 -25px;background-image: none;}
		#IE8 div.tablegradient{ background-position: 0 -25px;background-image: none;}
		

.rapportoverzichttable td{
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	padding-left: 12px !important;
	text-align: left !important;
	color: #cecece;
}
.rapportoverzichttable tfoot td{
	height: 0px !important;
}	
.rapportoverzichttable td a:link, .rapportoverzichttable td a:visited{
	color: #57585a;
}
.rapportoverzichttable tr.jaaroverzicht td a:link, .rapportoverzichttable tr.jaaroverzicht td a:visited{
	color: #009de0;
}	
.rapportoverzichttable td a:hover, .rapportoverzichttable td a:active,
.rapportoverzichttable tr.jaaroverzicht td a:hover, .rapportoverzichttable tr.jaaroverzicht td a:active{
	color: #F29400;
}



#artikeloverzicht{
	list-style-type: none;
	margin-left: 0	
}
#artikeloverzicht li{
	list-style-type: none; 	
}
#artikeloverzicht li a:link, #artikeloverzicht li a:visited{
	color: #009de0;
}	


div.maandrapporttablegradient{
	background-image: url(../gfx/iframes/back.table.gradient.gif);
	background-repeat: repeat-x;
	background-position: 0 -30px;
	width: 400px;
	display: block;
	float: left;
	
	
	}
		#IE6 div.maandrapporttablegradient{ background-position: 0 -25px;}
		#IE7 div.maandrapporttablegradient{ background-position: 0 -25px;}
		#IE8 div.maandrapporttablegradient{ background-position: 0 -25px;}
		
.maandrapportrow{
	padding-bottom: 1em;
	border-bottom: 1px solid #d4d4d4;
}
		
.rapportoverzichttable td{
	color: #676767;	
}

.samenvatting{
	display: block;
	float: left;
	margin-left: 40px;
	width: 450px;
}
.samenvatting ul li{
	list-style-type: disc;
	margin-bottom: 1em;
}

.maandrapportnavig{
	padding-top: 1em;
	border-top: 1px solid #d4d4d4;	
	color: #009de0;
}

.maandrapportnavig .linkblock1{
	display: block;
	float: left;
}

.maandrapportnavig .linkblock2{
	display: block;
	float: right;
}

.maandrapportnavig a:link, .maandrapportnavig a:visited{
	text-decoration: none;
	color: #009de0;
}

.maandrapportnavig a:hover, .maandrapportnavig a:active{
	color: #F29400;
}	
.uvindexwrapper{
	display: block;
	width: 250px;
}
.uvindextitle{
	display: block;
	float: left;
	margin-left: 10px;	
	margin-right: 10px;	
	min-width: 50px;
}
.uvindex{
	display: block;
	float: left;
}
.uvindex a{
	display: block;
	float: left;
	background-image: url(../gfx/home/uvindex.front.gif);
	background-repeat: no-repeat;
	height: 22px;
	padding-left: 10px;
	color: #fff !important;
}


.uvindex span{
	display: block;
	float: left;
	background-image: url(../gfx/home/uvindex.back.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 11px;
}



/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */
/* ############### b.03.fonts.css ############### */
/*
contains:
	font rules - to be adjusted for each site that uses this framework
	DOES NOT INCLUDE NAVIGATION FONTS
*/	



/* ############### BASIC FONT SETTINGS ############### */
/* ############### ADJUST ON A AS-NEEDED-BASE ############### */
html, body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 150%;
	color: #57585a;
	}
	
/* ###### GENERIC CLASSES AND TAGS ######  */
strong, b, .strong, .bold, .b{ font-weight: bold !important;}
em, i, .italic, .i, .em{ font-style: italic !important;}
sup{line-height: 75%;}	

p, .p{	margin: 0 0 1em 0;}



/* ###### LINKS ######  */
a{
	cursor: hand !important;
}
a:link{ color: #029FE0;}
a:visited{ color: #029FE0 ;}
a:hover, a:active{ color: #F29400;}



/* ###### HEADINGS ######  */
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
	color: #05a1e5;
	/*font-weight: bold;*/
	margin: 0 0 0.25em 0;
	}	
h1, .h1{ font-size: 140%;}
h2, .h2{ font-size: 130%;}
h3, .h3{ font-size: 110%;font-weight: bold;}
h4, .h4{ font-size: 90%;}
h5, .h5{ font-size: 80%;}
h6, .h6{ font-size: 70%;}


.forprint_hideinviewport{
	display: none;
}
	#IE6 .forprint_hideinviewport{		
		display: block;
		visibility: hidden;
		margin-top: 160px;
		}
	@media print{
	  .forprint_hideinviewport{
		display: block;
		padding: 10px 0 10px 0;
			}
		}


#subhead h1,#subhead h2,#subhead h3,#subhead h4,#subhead h5,#subhead h6,
#subhead .h1,#subhead .h2,#subhead .h3,#subhead .h4,#subhead .h5,#subhead .h6{
	color: #4b4b4b;
	/*font-weight: bold;*/
	}	
#subhead h1{
	margin-bottom: 1em;
}
h1#weerkaart{
	display: block;
	width: 528px;
	height: 30px;
	background-color: #009EE3;
	background-image: url(../gfx/home/background.titel.weerkaart.jpg);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 0.85em;
	text-transform: uppercase;
	padding: 0 0 0 0;
	font-weight: normal;
	text-indent: 10px;
	margin-top: 1px;
}
		#IE6 h1#weerkaart{
			margin-top: -15px;
		
		}
h1#weerkaart span{
	display: none;
}
#webcamblock {	
	line-height: 1.2em;
	display: block;
}
h1#webcam{
	padding-bottom: 8px;
	background-image: url(../gfx/home/background.h1.webcam.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#webcambeelden{
	height: 318px;
	margin-top: -10px;
}
		#IE6 #webcambeelden{
			/*margin-top: -290px;*/
		}

h2.webcamdescr{
	display: block;
	width: 389px;
	height: 30px;
	background-color: #009EE3;
	background-image: url(../gfx/home/background.titel.webcam.jpg);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 0.85em;
	text-transform: uppercase;
	padding: 0 0 0 0;
	font-weight: normal;
	text-indent: 10px;
	margin-top: 1px;
	position: relative;
	top: 282px;
	z-index: 50;
}
h2.webcamdescr span{
	display: none;
}



h1#vandaag, h1#volgendedagen{
	display: none;
}

#vandaagblock h2{
	font-size: 110%;
}

	.de #homecontent #popups h2{
		font-size: 1.15em;
	}
.subpage h2, .subpage .h2{
	font-size: 110%;
}


.kaartmarkup p{
	font-size: 0.8em;
	line-height: 1.2em;
}
/* ###### LISTS ######  */
ul{	margin: 0 0 1em 2em;	}	
ul li{
	list-style-type: square;
	margin-bottom: 0.25em;
	}
ul ul li{	list-style-type: disc;}

ol{	margin: 0 0 1em 2.5em;	}	
ol li{
	list-style-type: decimal;
	margin-bottom: 0.25em;
	}
ol ol li{	list-style-type: upper-roman;	}

/* ###### FOOTER ######  */
#footer{
	color: #fff;
	text-align: center;
}

#footer a:link, #footer a:visited{	color: #fff;}
#footer a:hover, #footer a:active{	color: red;}


/* ###### MADEBY ######  */
#madeby{
	color: #fff;
	text-align: center;
}

#madeby a:link, #madeby a:visited{	color: #fff;}
#madeby a:hover, #madeby a:active{	color: red;}




#webcamblock{
	color: #05a1e5;
}



/* ###### MODAL IFRAME ######  */

.modaliframe h1,.modaliframe h2,.modaliframe h3,.modaliframe h4,.modaliframe h5,.modaliframe h6,
.modaliframe .h1,.modaliframe .h2,.modaliframe .h3,.modaliframe .h4,.modaliframe .h5,.modaliframe .h6{
	color: #4b4b4b;
	/*font-weight: bold;*/
	margin: 0 0 0.25em 0;
	}	
.modaliframe h1, .modaliframe .h1{ font-size: 140%; margin-bottom: 1em;}
.modaliframe h2, .modaliframe .h2{ font-size: 110%;font-weight: bold; color: #029FE0;}
.modaliframe h3, .modaliframe .h3{ font-size: 100%;font-weight: bold; color: #029FE0;}
.modaliframe h4, .modaliframe .h4{ font-size: 90%;}
.modaliframe h5, .modaliframe .h5{ font-size: 80%;}
.modaliframe h6, .modaliframe .h6{ font-size: 70%;}{
}

/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */
/* ############### b.05.tables.css ############### */
/*
contains:
	tablestuff
*/	

div.tablegradient{
	/*display: inline-block;*/
	background-image: url(../gfx/iframes/back.table.gradient.gif);
	background-repeat: repeat-x;
	background-position: 0 -30px;
	/*position: relative;*/
	z-index: 200;
	top: -5px;}
		#IE6 div.tablegradient{ top: 0px;}
		#IE7 div.tablegradient{ top: 0px;}
		#IE8 div.tablegradient{ top: -5px; margin-top: 5px;}
		@media screen and (-webkit-min-device-pixel-ratio:0){ div.tablegradient{ top: 0px; }}
	
table.iframetable{
	display: inline-table;
}
	#IE7 table.iframetable{
	
}
 table.iframetable th, table.iframetable td{
	border-collapse: collapse;
	border-left: 1px solid #fff;
	border-right: 1px solid #d4d4d4;
	padding: 2px;
	text-align: center;
}
table.iframetable .minitxt{
	font-size: 0.7em;
}
table.iframetable td{
	padding-top: 5px;
	padding-bottom: 5px;
}
.left_td{
	border-left: 0px !important;
}

.right_td{
	border-right: 0px !important;
}

.tableheading_level1_leftcorner{
	background-image: url(../gfx/iframes/table.th.1strow.leftcorner.gif);
	background-repeat: no-repeat;
}
.tableheading_level1_stretcher{
	background-image: url(../gfx/iframes/table.th.1strow.stretcher.gif);
	background-repeat: repeat-x;
}
.tableheading_level1_rightcorner{
	background-image: url(../gfx/iframes/table.th.1strow.rightcorner.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.tableheading_level1_rapporten_zeebrugge{
	background-image: url(../gfx/iframes/table.th.rapporten.zeebrugge.bigfont.gif);
	background-repeat: no-repeat;
}
.tableheading_level2{
	background-color: #c6c8c9;
}
table.iframetable th{
	color: #000;
	padding-top: 5px;
	height: 25px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d4d4d4;
	font-size: 1.1em;
}
table.iframetable th a{
	text-decoration: none;
}
	table.iframetable th a:link, table.iframetable th a:visited{
		color: #fff;
	}
	table.iframetable th a:hover, table.iframetable th a:active{
		color: #000 !important;
	}
.table_header_fontsize{
	font-size: 1.3em !important;
}
.th_whitetext{
	color: #fff !important;
}
.myriad{
	font-family: "Myriad Pro";
}
table.iframetable tr.tableheading_level2 th{
	font-size: 1em;
	font-weight: normal;
}
.tableheading_first_td{
	border-top: 1px solid #fff;
}

.tableheading_notopborder{	
	border-top: 0px !important;
}

.table_leftborder{	
	border-left: 1px solid #d4d4d4 !important;
}
	.table_noleftborder{	
		border-left: 0px !important;
	}

.table_rightborder{	
	border-right: 1px solid #d4d4d4;
}
	.table_norightborder{	
		border-right: 0px !important;
	}
.table_alignleft{
	text-align: left !important;
	padding-left: 10px !important;
}
.table_heading_dark{
	background-color: #9e9e9e !important;
}

table.iframetable td.tablefoot{
	height: 30px;
	border-bottom: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-left: 0px !important;
	border-top: 0px;
}	
.tablefooter_leftcorner{
	background-image: url(../gfx/iframes/table.tfooter.leftcorner.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	border-bottom: 0px !important;
}
.tablefooter_rightcorner{
	background-image: url(../gfx/iframes/table.tfooter.rightcorner.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-right: 0px !important;
	border-bottom: 0px !important;
}

.table_footer_bordertop{
	border-top: 1px solid #d4d4d4 !important;
}
.table_footer_borderbottom{
	border-bottom: 1px solid #d4d4d4 !important;
}

td{
	padding: 0.25em;
}



/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */
/* ############### TOPNAVIGATION ############### */
/* ############### c.001.topnav.001.css ############### */
#topnav #icohome{
	display: block;
	width: 70px;
	height: 24px;
	text-indent: 25px;
	background-image: url(../gfx/topnav/ico.home.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
	padding-top: 0px;
	text-align: left;
}
		/* targetting safari, chrome and other webkit-browsers */
		/* attention: this does not validate with the w3c-validator! */
		@media screen and (-webkit-min-device-pixel-ratio:0){ 
				#topnav #icohome{	height: 31px; padding-top: 0px;}
			}
#topnav ul{
	margin: 0 10px 0 0;
}
#IE6 #topnav ul, #IE7 #topnav ul{}
#topnav li{
	display: inline;
	color: #fff;
	margin: 0 0 0 0;
	padding: 0;
}
#topnav a{
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	} 
		#topnav a:link, #topnav a:visited{
			color: #fff;
		}
		
		#topnav a:hover, #topnav a:active{
			color: #000 !important;
		}
		
#topnav a.selected{color: #000 !important;}
#topnav a.selected:link, #topnav a.selected:visited{}
#topnav a.selected:hover, #topnav a.selected:active{ }

#topnav .frontbumper{
	display: block;
	width: 9px;
	height: 32px;
	background-repeat: no-repeat;
	float: left;
}
#topnav .stretcher{
	display: block;
	height: 32px;
	padding-top: 0px;
	background-repeat: repeat-x;
	float: left;
}
	@media screen and (-webkit-min-device-pixel-ratio:0){ 
				#topnav .stretcher{	height: 32px;	padding-top: 0px;}
			}
#topnav .backbumper{
	display: block;
	width: 9px;
	height: 32px;
	background-repeat: no-repeat;
	float: left;
	background-position: -11px 0;
}

		#topnav a:hover .frontbumper, #topnav a:active .frontbumper,
		#topnav a.selected .frontbumper, #topnav a.selected .frontbumper{
			background-image: url(../gfx/topnav/frontbumper.gif) ;
		}
		
		#topnav a:hover .stretcher, #topnav a:active .stretcher,
		#topnav a.selected .stretcher, #topnav a.selected .stretcher{
			background-image: url(../gfx/topnav/stretcher.gif) ;
		}
		
		#topnav a:hover .backbumper, #topnav a:active .backbumper,
		#topnav a.selected .backbumper, #topnav a.selected .backbumper{
			background-image: url(../gfx/topnav/backbumper.gif)  ;
		}
		

/*########### C.001.TOPNAV.003 ############*/
/*########### overlapping tabs, kvd style ############*/
#tales_tabmenu {
	font-size: 0.9em; 
	padding: 0px 0px 0px 0px; 
	margin-bottom: -5px;
	position: relative;
	z-index: 25;
	margin-top: 0px;
}
		
		@media screen and (-webkit-min-device-pixel-ratio:0){ 
				#tales_tabmenu{	position: inherit; display: inline-block; margin-bottom: -4px; }
			}
			
		#IE6 #tales_tabmenu{	display: inline-block; margin-bottom: -200px;}	
		#IE7 #tales_tabmenu{	display: inline-block; margin-bottom: -2px; }	
		#IE8 #tales_tabmenu{	margin-bottom: 0px;}
		
		#IE6 #homecontent #tales_tabmenu{	margin-bottom: 0px;}	
		#IE8 #homecontent #tales_tabmenu{	}	
		
#tales_tabmenu ul {
	line-height: 1em; 
	margin: 0px;
	list-style-type: none; 
	float: left;
	padding: 0px 0px 0px 15px;
}

#tales_tabmenu ul li {
	float: left; 
	display: inline-block;
	list-style: none;
	height: 37px;
}

#tales_tabmenu ul li a {
	text-decoration: none; 
	display: block; 
	float: left; 
	padding: 0px 0px 0px 0px; 
	margin-left: -15px; 	
	position: relative;
	color: #a2a3a5 !important; 
	height: 37px;
	font-size: 1.3em;
}
#tales_tabmenu ul li a h2, #tales_tabmenu ul li a .h2{color: #a2a3a5 !important;}
#tales_tabmenu ul li a .frontbumper {
	font-weight: normal; 
	display: block; 
	float: left; 
	background: url(../gfx/home/tabs.v2.png) no-repeat left bottom; 
	padding: 10px 10px 0px 15px; 
	cursor: pointer; 
	height: 27px;
	overflow: visible;
}
		#IE6 #tales_tabmenu ul li a .frontbumper {
			background-image: url(../gfx/home/tabs.gif);
		}
#tales_tabmenu ul li a .frontbumper .tabtext {
	margin-top: -3px;
	padding-bottom: 0px; 
	display: block;
}

	#IE6 #tales_tabmenu ul li a .frontbumper .tabtext {	margin-top: -6px;}
	#IE7 #tales_tabmenu ul li a .frontbumper .tabtext {	margin-top: -6px;}
	#IE8 #tales_tabmenu ul li a .frontbumper .tabtext {	margin-top: -6px;}
	
#homecontent #tales_tabmenu ul li a .frontbumper .tabtext {font-size: 0.9em}

#tales_tabmenu ul li a .backbumper {
	font-weight: normal; 
	display: block; 
	float: left; 
	background: url(../gfx/home/tabs.v2.png) no-repeat right bottom; 
	padding: 10px 0px 0px 0px; 
	cursor: pointer; 
	height: 27px;
	width: 10px;
}
		#IE6 #tales_tabmenu ul li a .backbumper {			
			background-image: url(../gfx/home/tabs.gif);
		}
#tales_tabmenu ul li a:hover, #tales_tabmenu ul li.selected a {
	position: relative; 
	
	z-index: 5; 
	
	color: #05A1E5 !important; 
}
		#IE6 #tales_tabmenu ul li a:hover, #IE6 #tales_tabmenu ul li.selected a {
			background: url(../gfx/home/tabs.hover.gif) no-repeat right top;
		}
#tales_tabmenu ul li a:hover h2, #tales_tabmenu ul li.selected a h2,#tales_tabmenu ul li a:hover .h2, #tales_tabmenu ul li.selected a .h2{color: #05A1E5 !important;}


#tales_tabmenu ul li a:hover .frontbumper, #tales_tabmenu ul li.selected a .frontbumper {
	position: relative; 
	z-index: 5; 
	background-position: left top; 
}
		#IE6 #tales_tabmenu ul li a:hover .frontbumper, #IE6 #tales_tabmenu ul li.selected a .frontbumper {
			
		}
#tales_tabmenu ul li a:hover .backbumper, #tales_tabmenu ul li.selected a .backbumper {
	position: relative; 
	z-index: 5; 
	background-position: right top; 
}
		#IE6 #tales_tabmenu ul li a:hover .backbumper, #IE6 #tales_tabmenu ul li.selected a .backbumper {
			
		}

.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	/*background: white;*/
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(../gfx/highslide/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(../gfx/highslide/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../gfx/highslide/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Thumbnail boxes for the galleries.                                        */
/* Remove these if you are not using a gallery.                              */
/*****************************************************************************/
.highslide-gallery ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.highslide-gallery ul li {
	display: block;
	position: relative;
	float: left;
	width: 106px;
	height: 106px;
	border: 1px solid silver;
	background: #ededed;
	margin: 2px;
	line-height: 0;
	overflow: hidden;
}
.highslide-gallery ul a {
	position: absolute;
	top: 50%;
	left: 50%;
}
.highslide-gallery ul img {
 	position: relative;
 	border-width: 1px;
	top: -50%;
	left: -50%;
}
html>/**/body .highslide-gallery ul li {
	display: table;
	text-align: center;
}
html>/**/body .highslide-gallery ul li {
	text-align: center;
}
html>/**/body .highslide-gallery ul a {
	position: static;
	display: table-cell;
	vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
	position: static;
}

/*****************************************************************************/
/* Controls for the galleries.											     */
/* Remove these if you are not using a gallery							     */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(../gfx/highslide/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../gfx/highslide/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
}
.highslide-controls a {
	background-image: url(../gfx/highslide/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 16px;
}
.highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 5px;
	height: 11px;
	width: 11px;
	background: url(../gfx/highslide/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 2;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(../gfx/highslide/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}
.draggable-header .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
	position: absolute;
	margin: 1px 0.4em;
	color: #666666;
}

.titlebar .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
	display: none;
}
.titlebar .highslide-header li {
	position: relative;
	top: 3px;
	z-index: 2;
	padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border {
	background: white;
}
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border {
	background: white;
}
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(../gfx/highslide/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(../gfx/highslide/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(../gfx/highslide/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}

/*****************************************************************************/
/* Styles for text based controls.						                     */
/* You can safely remove this if you don't use text based controls			 */
/*****************************************************************************/

.text-controls .highslide-controls {
	width: auto;
	height: auto;
	margin: 0;
	text-align: center;
	background: none;
}
.text-controls ul {
	position: static;
	background: none;
	height: auto;
	left: 0;
}
.text-controls .highslide-move {
	display: none;
}
.text-controls li {
    background-image: url(../gfx/highslide/controlbar-text-buttons.png);
	background-position: right top !important;
	padding: 0;
	margin-left: 15px;
	display: block;
	width: auto;
}
.text-controls a {
    background: url(../gfx/highslide/controlbar-text-buttons.png) no-repeat;
    background-position: left top !important;
    position: relative;
    left: -10px;
	display: block;
	width: auto;
	height: auto;
	text-decoration: none !important;
}
.text-controls a span {
	background: url(../gfx/highslide/controlbar-text-buttons.png) no-repeat;
    margin: 1px 2px 1px 10px;
	display: block;
    min-width: 4em;
    height: 18px;
    line-height: 18px;
	padding: 1px 0 1px 18px;
    color: #333;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}
.text-controls .highslide-next {
	margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
	min-width: 0;
	margin: 1px 0;
	padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
	min-width: 0;
}
.text-controls a:hover span {
	color: black;
}
.text-controls a.disabled span {
	color: #999;
}

.text-controls .highslide-previous span {
	background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
	background-position: 0 -140px;
}
.text-controls .highslide-play span {
	background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
	background-position: 0 -160px;
}
.text-controls .highslide-pause span {
	background-position: 0 -80px;
}
.text-controls .highslide-next span {
	background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
	background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
	background: none;
}
.text-controls .highslide-full-expand a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-close span {
	background-position: 0 -120px;
}


/*****************************************************************************/
/* Styles for the thumbstrip.							                     */
/* See www.highslide.com/ref/hs.addSlideshow    							 */
/* You can safely remove this if you don't use a thumbstrip 				 */
/*****************************************************************************/

.highslide-thumbstrip {
	height: 100%;
}
.highslide-thumbstrip div {
	overflow: hidden;
}
.highslide-thumbstrip table {
	position: relative;
	padding: 0;
	border-collapse: collapse;
}
.highslide-thumbstrip td {
	padding: 1px;
	/*text-align: center;*/
}
.highslide-thumbstrip a {
	outline: none;
}
.highslide-thumbstrip img {
	display: block;
	border: 1px solid gray;
	margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
	visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
	position: absolute;
	width: 0;
	height: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
	width: auto;
	/* width: 100% breaks in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(../gfx/highslide/scrollarrows.png) left center no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(../gfx/highslide/scrollarrows.png) center right no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal table {
	margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
	margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
	width: auto;
	height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
	top: 47px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	border-bottom-color: white !important;
}
.highslide-thumbstrip-vertical div {
	height: 100%;
}
.highslide-thumbstrip-vertical a {
	display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
	margin-left: 10px;
	cursor: pointer;
	background: url(../gfx/highslide/scrollarrows.png) top center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
	margin-left: 10px;
	cursor: pointer;
	background: url(../gfx/highslide/scrollarrows.png) bottom center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical table {
	margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
	max-width: 60px;
}
.highslide-thumbstrip-vertical .highslide-marker {
	left: 0;
	margin-top: 8px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
	border-left-color: white;
}

.highslide-viewport .highslide-thumbstrip-float {
	overflow: auto;
}
.highslide-thumbstrip-float ul {
	margin: 2px 0;
	padding: 0;
}
.highslide-thumbstrip-float li {
	display: block;
	height: 60px;
	margin: 0 2px;
	list-style: none;
	float: left;
}
.highslide-thumbstrip-float img {
	display: inline;
	border-color: silver;
	max-height: 56px;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
	border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
	display: none;
}
.highslide-thumbstrip-float .highslide-marker {
	display: none;
}


/*****************************************************************************/
/* The following styles are added by the Highslide Editor                    */
/*****************************************************************************/
.highslide-wrapper, .highslide-outline {
	background: #FFFFFF;
}
.highslide img {
	border: 1px solid #D0D0D0;
}
.highslide:hover img {
	border-color: #A0A0A0;
}
.highslide-dimming {
	background: #000000;
}
.highslide-image {
	border: 2px solid #FFFFFF;
}
.highslide-loading {
	color: white;
	border: 1px solid white;
	background-color: black;
	background-image: url(../gfx/highslide/loader.black.gif);
}

.highslide-html {
	background: none;
}
.highslide-header ul a {
	background-image: url(../gfx/highslide/controlbar-text-buttons.png);
	padding-left: 16px;
	display: inline-block;
	height: 16px;
}
.highslide-header ul li span {
	display: none;
}
.highslide-header .highslide-move {
	display: none;
}
.highslide-header .highslide-close {
	display: none;
}



/* TALES IE6 SYSTEM */
#IE6 .closebutton {
    /* NOTE! This URL is relative to the HTML page, not the CSS */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='../gfx/highslide/close.png', sizingMethod='scale');

	background: none;
	cursor: hand;
}

/* Viewport fixed hack */
#IE6 .highslide-viewport {
	position: absolute;
    left: expression( ( ( ignoreMe1 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( ignoreMe2 = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );
	width: expression( ( ( ignoreMe3 = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) ) + 'px' );
	height: expression( ( ( ignoreMe4 = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) ) + 'px' );
}

/* Thumbstrip PNG fix */
#IE6 .highslide-scroll-down, #IE6 .highslide-scroll-up {
	position: relative;
	overflow: hidden;
}
#IE6 .highslide-scroll-down div, #IE6 .highslide-scroll-up div {
	/* NOTE! This URL is relative to the HTML page, not the CSS */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='/gfx/highslide/scrollarrows.png', sizingMethod='scale');
	background: none !important;
	position: absolute;
	cursor: hand;
	width: 75px;
	height: 75px !important;
}
#IE6 .highslide-thumbstrip-horizontal .highslide-scroll-down div {
	left: -50px;
	top: -15px;
}
#IE6 .highslide-thumbstrip-horizontal .highslide-scroll-up div {
	top: -15px;
}
#IE6 .highslide-thumbstrip-vertical .highslide-scroll-down div {
	top: -50px;
}

/* Thumbstrip marker arrow trasparent background fix */
#IE6 .highslide-thumbstrip .highslide-marker {
	border-color: white; /* match the background */
}
#IE6 .dark .highslide-thumbstrip-horizontal .highslide-marker {
	border-color: #111;
}
#IE6 .highslide-viewport .highslide-marker {
	border-color: #333;
}
#IE6 .highslide-thumbstrip {
	float: left;
}

/* Positioning fixes for the control bar */
#IE6 .text-controls .highslide-controls {
	width: 480px;
}
#IE6 .text-controls a span {
	width: 4em;
}
#IE6 .text-controls .highslide-full-expand a span {
	width: 0;
}
#IE6 .text-controls .highslide-close a span {
	width: 0;
}