.ddcolortabswhitelink{
	color:#FFFFFF
	}

.ddcolortabs{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
font: normal 9px Arial Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


.ddcolortabs a{
float:left;
color: white;
background: #7f7564 url(/img/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

.ddcolortabs a span{
float:left;
display:block;
background: transparent url(/img/color_tabs_right.gif) no-repeat right top;
padding: 6px 8px 3px 7px;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color: #cfc2ac;
text-decoration:none
}

.ddcolortabs a:hover span{
background-color: #cfc2ac;
text-decoration:none
}

.ddcolortabs a.current, #ddcolortabs a.current span{ /*currently selected tab*/
background-color: #7f7564;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 3px;
line-height: 3px;
background: #7f7564;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}

#ajaxticker1{
width: 790px;
height: 15px;
border: 0px ridge black;
padding: 5px;
background-color: #FFFFFF;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #FFFFFF;
}

.someclass{ //class to apply to your scroller(s) if desired
}

.mainlevel {
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:none;
	background:#7f7564;
	margin:0;
	padding:0.25em 1em;
	border-left:0px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
	WIDTH: 115px;
}

.mainlevelred {
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:none;
	background:#cc3333;
	margin:0;
	padding:0.25em 1em;
	border-left:0px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
	WIDTH: 115px;
}


A.mainlevel:link {
	FONT-WEIGHT: none;
        color:#ffffff
}
A.mainlevel:visited {
	FONT-WEIGHT: none;
        color:#ffffff
}
A.mainlevel:hover {
	BORDER-RIGHT: #d0d0d0 1px solid; BORDER-TOP: #d0d0d0 1px solid; BACKGROUND: #cfc2ac; BORDER-LEFT: #d0d0d0 1px solid; BORDER-BOTTOM: #d0d0d0 1px solid; TEXT-DECORATION: none
}
A.mainlevel-nav {
	FONT: 11px Verdana; COLOR: ##3399cc; PADDING-TOP: 4px
}
A.mainlevel-nav:link {
	COLOR: ##3399cc
}
A.mainlevel-nav:visited {
	COLOR: ##3399cc
}
A.mainlevel-nav:hover {
	COLOR: ##3399cc; TEXT-DECORATION: underline
}

A.mainlevelred:link {
	FONT-WEIGHT: none;
        color:#ffffff
}
A.mainlevelred:visited {
	FONT-WEIGHT: none;
        color:#ffffff
}
A.mainlevelred:hover {
	BORDER-RIGHT: #d0d0d0 1px solid; BORDER-TOP: #d0d0d0 1px solid; BACKGROUND: #cc3333; BORDER-LEFT: #d0d0d0 1px solid; BORDER-BOTTOM: #d0d0d0 1px solid; TEXT-DECORATION: none
}


a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;

}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;

}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: underline;

}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;

}
font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}

body {
	border: 0px 0 #FFFFFF;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-image: url(/img/bg01.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
html {
  padding: 0;
  margin: 0;
  height: 100%;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
}

seqslidestyle {
	margin-right: 15px;
}

.arrowlistmenu{
width: 200px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(/img/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(/img/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #7f7564;
background: url(/img/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #7f7564;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #7f7564;
background-color: #F3F3F3;
}

.tylo {
	background-image: url(/stoombaden/img/tylo-header-790px.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.bg-sanum {
	background-image: url(/tuinbaden/img/bg-sanum.gif);
	background-repeat: no-repeat;
}

.bg-eco-spa {
	background-image: url(/tuinbaden/img/saving_energy_bg.gif);
	background-repeat: no-repeat;
}

#ajaxticker1{
width: 240px;
height: 240px;
border: 0px ridge black;
padding: 5px;
background-color: #CCCCCC;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #CCCCCC;
}

.someclass{ //class to apply to your scroller(s) if desired
}