/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)      */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0; 	padding:0; 	border:0;	font-size:100%;	
	font:inherit;	vertical-align:baseline; 
}    /* */
img { border: 0; } 
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse:collapse; border-spacing:0; margin:0; border:0; font-size:100%; font:inherit;
}
/* typografie - typografie - typografie - typografie - typografie 
-------------------------------------------------------------------------------- */
body, html, * {
	font-family: Arial, Helvetica, sans-serif;
    color: #696969;  /*grijs*/
    font-size: 15px;
	line-height: 21px;
}
a:link {color:#CC9933; text-decoration:none;}    /*beige CC9933*/
a:visited {color:#CC9933; text-decoration:none;} /*beige CC9933*/
a:hover {color:#000000; text-decoration:none;}   /*zwart*/
a:active {color:#CC9933; text-decoration:none;}  /*beige CC9933*/    /* selected link */

.leesm {	
	font-family: Arial, Helvetica, sans-serif;
    color: #696969;  /*grijs*/
    font-size:10px; line-height:17px; margin:0; z-index: 1;
}
.leesm a:link {color:#000000; text-decoration:none;} /*zwart*/
.leesm a:visited {color:#000000; text-decoration:none;} /*zwart*/
.leesm a:hover {color:#CC9933; text-decoration:none;}   /*beige CC9933*/
.leesm a:active {color:#FF0000; text-decoration:none;}  /*rood*/

.artikel {	
	font-family: Arial, Helvetica, sans-serif;
    color: #696969; font-size:13px; line-height:17px; margin:0;
}

h1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#787878; font-weight:bold; margin:0; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#CBCDCC; } 
h3 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#666; font-weight:bold; margin:0; padding-bottom:4px; }
h4 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1BB41B; }
h5 { font-family:"Times New Roman", Times, serif; font-size:30px; color:#E1E1E1; line-height:20px;  font-weight: bold;  }
h6 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2765a4; font-weight:bold; margin:0; }

.kop { font-family: Times; font-size: 16px; padding:0 0 6px 0;     color: #94DA94; font-weight: bold;  }
.fancy { font-family: Times; font-size: 16px; color: #94DA94; font-weight: bold;  }
.kop-groot { font-family: Arial, Helvetica, sans-serif; font-size: 24px; padding:0; color: #ccc; line-height:24px;  font-weight: bold;  }

ul.frut {
list-style-type:none;
padding:0 0 0 4px;
padding-top:-3px;
margin:0px;
}
ul.frut li {
background-image:url('../images/frut_li.gif');
background-repeat:no-repeat;
background-position:0px 3px; 
padding-left:10px;
}

/*
ul.bbb {
list-style-type:none;
padding:0 0 0 8px;
margin:0px;
}
ul.bbb li {
background-image:url('../images/dot-9h.png');
background-repeat:no-repeat;
background-position:0px 5px; 
padding-left:18px;
}
*/


.kader img	{ border:2px solid silver; z-index:2;}
.kader2 img	{ margin-right:10px; margin-bottom:10px; }


/* vanaf hier vanaf hier vanaf hier vanaf hier vanaf hier vanaf hier 
-------------------------------------------------------------------------------- */
#container { width:auto; margin:0; }
#topbalk {
	width:100%; height:100px; margin:0;
	border-bottom: 1px solid #00ff00;
	background:url(../images/raulph-icon.gif) no-repeat right top;
	display:block;
}	
img.topbalk { padding: 27px 0 0 23px; }	
.kop-rechts {
	position:absolute;
	float:left; top:46px; left:355px; 
	white-space:nowrap;
}
/*
		float:right;
		top:68px; right:120px;
		margin:0; padding:0; font-size:12px;

#li-kolom {
	position: absolute;
	width: 138px;
	margin: 25px 0 0 0;
}

#pag-content {
	position: absolute;
	left:138px;
	width: 80%;
	margin: 25px 0 40px 0;
	display:block;
	padding-bottom:65px; 
}
*/
#li-kolom {
	position: absolute;
	width: 138px;
	display:block;
	margin:0;
	padding: 25px 0 0 0;
}
#pag-content {
	position: absolute;
	left:138px;
	display:block;
	margin:0;
	padding: 25px 0 40px 0;
}

.wit-li-re { padding: 0 25px; }

.col-var { 
padding-left:123px;
margin-bottom:40px;
	display:block;
}
#kol_1v2 {
	float: left;
	width: 46%;
	background-color: #fff;
	display: block;
}	.kol_1v2 {
	padding-left:22px;
	margin-bottom:30px;
}
#kol_2v2 {
	float: left;
	width: 46%;
	display: block;
}	.kol_2v2 {
	padding-left:22px;
	margin-bottom:40px;
}
img.var-br { width:100%; }
.button-menu img {
	margin-top:-3px;
	padding-bottom:3px;
	border:1px solid #E3E3E3;
}
#mobile-nav { display:none; }
#footer-dt {
	position:fixed; bottom:0px; overflow:hidden; width:100%; min-height:15px; border:none;
	padding:12px 79% 3px 21%;
	background-color:#EBFFE6; opacity:0.8; filter:alpha(opacity=80);
}

.full-width { width:100%; border: none; }


.back-to-top {
background: none;
margin: 0;
padding-top:5px;
position: fixed;
bottom: 40px;
right: 15px;
width: 55px;
height: 40px;
z-index: 100;
display: none;
text-decoration: none;
text-align: center;
color: #ffffff;
font-size:1.2em;
font-weight:bold;
background-color: #ffffff;
border:1px solid gray;
}
.back-to-top:hover{
border:1px solid #CC9933;
}
.back-to-top i {
  font-size: 60px;
}


/*     start scroll-top-wrapper 
.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}
  einde scroll-top-wrapper    */


/*     start back-to-top 
.back-to-top {
    position: fixed !important;
    bottom: 4em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 12px;
    padding: 1em;
    display: none;
	z-index:250;
}
.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}
  einde back-to-top    */


/*
#table, th, td {
}
#table {
	border: 1px solid red;
    border-collapse: collapse;
	border-spacing:20; 
}
*/



#footer-1kolom {
float:left;
width:110px;
padding:0;
margin:0 25px 9px 0;
display:block;
} 
#footer-2kolom {
float:left;
width:180px;
padding:0;
margin:0 15px 9px 0;
display:block;
} 

#footer { display:none; }


/*********************************** Swipe Box *****************/
#swipe-box { 
	width:auto; margin:0;
	display:block;
}
.full-width { width:100%; border: none; }

.zoomInOn, .zoomInOff, .zoomOutOn, .zoomOutOff
{
   width:34px;
   height:34px;
   display:block;
   position:absolute;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
 
.zoomInOn, .zoomInOff
{
   background-image:url(../images/zoom_in.png);
   top:10px;
   right:10px;
}
 
.zoomOutOn, .zoomOutOff
{
   background-image:url(../images/zoom_out.png);
   top:52px;
   right:10px;
}
 
.zoomInOn, .zoomOutOn
{
   opacity:1;
   cursor:pointer;
}
 
.zoomInOff, .zoomOutOff
{
   opacity:0.3;
   cursor:auto;
}


/*
*/
/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
/*                             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
@media screen and (max-width: 900px) { /* ------------ 2222222222222222  smaller dan 900px  */
img.topbalk { padding: 27px 0 0 23px; }	
.kop-rechts { float:left; top:108px; left:23px; }
#mobile-nav {
	display:block; width:100%; height:25px; padding: 11px 0 0 23px;
	background-color:#EBFFE6; border-bottom:1px solid #00ff00;
}

/*
.kop-rechts { float:left; top:78px; left:23px; }
.menu-button {display:none; }
*/
}   /* einde max 900px */

/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
@media screen and (max-width: 900px; min-width: 540px ) {

}

/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
@media screen and (max-width: 540px) {  /* ------------ 1111111111111111  smaller dan 540px   */
img.topbalk { padding: 27px 0 0 23px; }	
#topbalk { background-image:none; }	
.kop-rechts { float:left; top:115px; left:140px; }
#li-kolom { display: none; }
#footer-dt { display:none; }
#mobile-nav {
	display:block; width:100%; height:35px; padding: 11px 0 0 23px;
	background-color:#EBFFE6; border-bottom:1px solid #00ff00;
}
.wit-li-re { padding: 0 10px 0 15px; }
#footer-mob { /* alleen mobiel < 540px */
	position:absolute; bottom:0; left:0; overflow:hidden; width:100%; display: block; min-height:15px; border:none;
	padding:8px 0 3px 23px; font-size:1em;
	background-color:#EBFFE6; opacity:0.8; filter:alpha(opacity=80);
}
/**/
#pag-content { position:absolute; left:0px; }

#kol_1v2 { width: auto; }
.kol_1v2 { font-size:1em; margin-right:20px; z-index:1; }
.artikel { font-size:1em; z-index:2; }
#kol_2v2 { width: auto; }

.highslide-wrapper {
	height:auto; 
	background-color:#ccc; 
}
.halve breedte { width:50%; }
}   /* einde max 540px * /
/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
@media only screen and (min-width: 541px) {  /* ------------ 2 3 2 3 2 3 2 3 2 3 */
#footer-mob { display:none; }
.button-menu {display:none; }
/*
.highslide2 img {display:none; }
*/
}	/* einde min 541px *   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^/
/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
/*
*/


/*********************************** responsive kolommen *****************/

.one-comp, .one-half, .one-third, .two-thirds, .three-fourths, .one-fourth {
float:left;
margin-bottom:20px;
margin-right:4%;
position:relative;
background: #fff; /* Just for display purposes */
}
.one-comp { width: 99%; }
.one-half { width: 48%; }
.one-third { width: 30.66%; }
.two-thirds { width: 65.33%; }
.one-fourth { width: 22%; }
.three-fourths { width: 74%; }

.last-col {
clear:right;
margin-right:0;
}

@media only screen and (max-width: 60em) {
  .one-half {
    width: 100%;
    clear: both;
  }
}
@media only screen and (max-width: 50em) {
  .one-third, .two-thirds, .three-fourths, .one-fourth {
    width: 100%;
    clear: both;
  }
}
.shadow-in {
 -webkit-box-shadow:inset 0px 0px 0px 1px #ccc;
 -moz-box-shadow:inset 0px 0px 0px 1px #ccc;
  box-shadow:inset 0px 0px 0px 1px #ccc;
}



/*  Invulling van de li-kolom =======================-Nav-===========================   */
#navcontainer a {
	display: block;
	padding: 6px 2px 6px 15px;
	color: #696969;
	line-height: 14px;
	border-bottom: 1px solid #E3E3E3;
	margin: 0 0 2px 0;
}
#navcontainer a:link, #navlist a:visited {
	margin: 0;
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
}
#navlist a:visited {
	color: #696969;  /*grijs*/
}
#navcontainer a:hover {
	margin: 0;
	background-color: #EBFFE6;  /*licht-mint-groen*/
	border-bottom: 1px solid #00FF00 ;  /*mint-groen*/
}
#navlist li a#current {
	margin-top: -1px;
	background-color: #EBFFE6;
	border-top:1px solid #00FF00;	border-bottom:1px solid #00FF00;	border-right:1px solid #00FF00;
}

/*  ===========-SubNav-============   */

#lijntje {	
	height: 1px;
	border-bottom: 1px solid #E3E3E3;
}
#subnavcontainer a {
	display: block;
	padding: 7px 0 4px 25px;
	color: #CC9933;
	line-height: 44px;
	border-bottom: 1px solid #E3E3E3;
	background-image:url(../images/bg-subnav.png);
	background-repeat:repeat-y;
}
#subnavcontainer li a:link, #subnavlist a:visited {
	margin: 0;
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
	list-style: none;
}
#subnavlist a:visited {
	color: #CC9933; 
}
#subnavlist a:active {
	text-decoration: underline;
}
#subnavcontainer a:hover {
	color: #000000; 
}
#subnavlist li a#current {
	margin-top: -1px;
	list-style: none;
}

/*  ===========-SubNav-2-============   */
#subnavcontainer2 a {
	display: block;
	padding: 4px 0 3px 36px;
	color: #00CC00;
	line-height: 20px;
	border-bottom: 1px dotted #E3E3E3;
	background-image:url(../images/bg-subnav2.png);
	background-repeat:repeat-y;
}
#subnavcontainer2 a:link, #navlist2 a:visited {
	margin: 0;
	text-decoration: none;
	font-size: 11.5px;
	line-height: 20px;
}
#subnavlist2 a:visited {
	color: #00CC00; 
}
#subnavlist2 a:active {
	text-decoration: underline;
}
#subnavcontainer2 a:hover {
	margin: 0;
	color: #000000; 
}
/*  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ EINDE navigatie ^^^^^^^^^^^^^^^^ */

.twitter-timeline {
	color: #00FFFF;
	font-family:Arial, Helvetica, sans-serif;
    color: #696969;  /*grijs*/
    font-size: 10px;
	padding-top: 10px;
	line-height: 17px;
}
#maincontainer2 {
	background-image: url(../images/bg-anim2.gif);
	position:absolute;
	top:124px;
	left:138px;
    margin: 0;
	padding: 25px 100% 100% 0px;
}
#clear { clear: both; 
}

.btn-green-small {
background-image: linear-gradient(bottom, #00CC00 0%, #99CC33 100%);
background-image: -o-linear-gradient(bottom, #00CC00 0%, #99CC33 100%);
background-image: -moz-linear-gradient(bottom, #00CC00 0%, #99CC33 100%);
background-image: -webkit-linear-gradient(bottom, #00CC00 0%, #99CC33 100%);
background-image: -ms-linear-gradient(bottom, #00CC00 0%, #99CC33 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #00CC00),color-stop(1, #99CC33));
background-color: #99cc33;
display: block;
/*
float: left;
*/
color: #fff !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: 14px;
padding: 5px 15px;
margin-left:5%;
margin-right:5%;
font-style: italic;
font-weight:bold;
line-height: 18px;
width: auto;
-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.50);
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.50);
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.50);
border: 0;
cursor: pointer;
}
.btn-green-small:hover,
.btn-green-small:focus {
	background-image: linear-gradient(bottom, #99CC33 0%, #00CC00 100%);
	background-image: -o-linear-gradient(bottom, #99CC33 0%, #00CC00 100%);
	background-image: -moz-linear-gradient(bottom, #99CC33 0%, #00CC00 100%);
	background-image: -webkit-linear-gradient(bottom, #99CC33 0%, #00CC00 100%);
	background-image: -ms-linear-gradient(bottom, #99CC33 0%, #00CC00 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #99CC33),color-stop(1, #00CC00));
	background-color: #00CC00;
}

/*
78A323
text-indent:100%;
z-index:10000;
background:url(/skins/sks/images/ui.totop.png) no-repeat left top
*/

.cta img {
	border:2px solid silver;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
.cta:hover img {
	border-color: gray;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}


.logo-s img {
	border:2px solid silver;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
.logo-s:hover img {
	border-color: gray;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}



/* ************ -------- HighSlide - gedeelte ------------- ***************************** */
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 9pt;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide2 img {
	border: 0px;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	margin-bottom: -2px;
}
.highslide2:hover img {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
/*
*/
.highslide img {
	border: 2px solid silver;
	margin-bottom: 20px;
}
.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;
}
.highslide-caption {
	display: none;
	border-top: 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(../hs4/highslide/graphics/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(../hs4/highslide/graphics/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-overlay {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../hs4/highslide/graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.											   */
/* Remove these if you are not using a gallery							   */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(../hs4/highslide/graphics/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(../hs4/highslide/graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background-image: url(../hs4/highslide/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}


/* 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: auto;
	max-width: 950px;
	margin: 5px;
	padding: 0 5px 5px 5px;
}
/*
.highslide-html-content {
	display: none;
	width: 625px;
	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: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(../hs4/highslide/graphics/resize.gif);
}
.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: 16px;
}
.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	left: 0;
	right: 16px;
	top: 0;
	width: auto;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: relative;
	float: right;
	z-index: 2;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(../hs4/highslide/graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}


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

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

/* 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 .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(../hs4/highslide/graphics/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(../hs4/highslide/graphics/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(../hs4/highslide/graphics/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;
}

