/* Algemeen */
#tabcontainer {
	display: block;
	float: left;	
}

	#tabs {
		display: block;
		float: left;	
		width: 697px;	
		background-color: transparent /*#b0c2d1;*/
		padding-top: 5px;
		border-style: solid;
		border-width: 2px;
		border-color: white; /*transparent; /*#b0c2d1;*/
		border-bottom-width: 0px;
	}
		
		#tabs div {
			display: block;
			float: left;
		}
		
			#tabs div a {
				display: block;
				float: left;

				background-image: url('../gfx/button.png');
				background-position: 0px 0px;
				border-color: #77baff;
				border-width: 2px;
				border-style: solid;
				border-bottom-width: 0px;
				-moz-border-radius-topleft:5px;
				-moz-border-radius-topright:5px;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
	/*			border-radius: 5px;
				behavior:url('css/border-radius.htc');*/
				text-decoration: none;
				color: black;

				font-family: Helvetica, Arial, sans-serif;
				font-size: 13px;
				
				margin-left: 2px;
				margin-right: 2px;
				padding-left: 10px;
				padding-right: 10px;
				padding-top: 3px;
				padding-bottom: 3px;
				margin-top: 2px;
				margin-bottom: 0px;
			
			}
		
			#tabs div a:hover, #tabs div a.current {
				background-position: 0px 30px;
				margin-top: 0px;
				padding-bottom: 5px;

			}
			
		
	#tabcontent {
		display: block;
		float: left;	
		clear: left;
		width: 697px;
		border-style: solid;
		border-width: 2px;
		border-color: #77baff;
		background-color: transparent;
	}

		#tabcontent #tabplaceholder {
			margin: 10px;
		
		}


.test {
	width: 420px;
	height: 220px;
	margin: 0 auto 35px auto;
	padding: 30px;
	color: #fff;
	font-weight: bold;
	border: 11px solid #35b70e;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
}
	
/* Specs tab */
#tabcontainer #specs {
	display: block;
	float: left;
	width: 270px;
}

	#tabcontainer #specs table {
	
	}
	
		#tabcontainer #specs table td {
			height: 28px;
		}
		
		#tabcontainer #specs table td:first-child {
			width: 150px;
		}

#tabcontainer #specsPhoto {
	display: block;
	float: right;
}

	#tabcontainer #specsPhoto img {
		width: 376px;
		height: auto;
		border-style: solid;
		border-width: 2px;
		border-color: #F79646;
	}

#tabcontainer #specsIcons {
	display: block;
	float: left;
	clear: both;	
	margin: 15px 0 10px 0;
	width: 100%;/*IE6: prevent icons above eachother */
/*	padding: 5px;
	border-style: solid;
	border-width: 2px;
	border-color: #F79646;*/
}

	#tabcontainer #specsIcons img { /*IE6: prevent icons above eachother */
		display: block;
		float: left;
		width: 30px;
		height: 30px;
		margin: 2px;
		
	}
	
	#tabcontainer #specsIcons a {
		display: block;
		float: left;
		clear: left;
		margin-top: 5px;
	}


/* Boat schema */
#boatschema {
	float: left;
	width: 652px;
	margin-bottom: 10px;
}
	#boatschema div.image {
		float: left;
		width: 450px;
	}
	#boatschema div.image img {
		
	}
	
	#boatschema div.legenda {
		float: left;
		width: 200px;
	}

	#boatschema div.legenda > div {
		display: block;
		float: left;
		width: 220px;

	}
	
	#boatschema div.legenda div.schuifdeur {
		display: block;
		float: left;
		width: 40px;
	}

	#boatschema div.legenda div.colorSquere {
		display: block;
		float: left;
		margin-left: 20px;
		width: 20px;
		height: 20px;
	}
	
	.legendaRood {
		background-color: #e35957;
	}
	.legendaGeel {
		background-color: #f2dc76;
	}
	.legendaBlauw {
		background-color: #0c7ab5;
	}
	.legendaBruin {
		background-color: #965d40;
	}
	.legendaGrijs {
		background-color: #908589;
	}
	.legendaGroen {
		background-color: #99c586;
	}

	#boatschema div.legenda div.label {
		display: block;
		float: left;
		margin: 0 0 0 20px;
		height: 22px;
	}

/* Bol photo */
#bolPhoto applet {
	border-style: solid;
	border-width: 2px;
	border-color: #F79646;
}


/* Gallery */
.thumbs {
	display: block;
	float: left;
	width: 280px;
}

.photowrapper {
	display: block;
	float: left;
	height: 300px;

}
.photowrapper #photo {
/*	margin: 20px 0 0 10px;*/
}

#photo * img, #photo2 * img {
	/*margin: 10px 0 10px 0;*/
	width: 376px;
	height: auto;
	border-style: solid;
	border-width: 2px;
	border-color: #F79646;
}

/* JQuery Gallaria CSS */
.galleria{list-style:none; margin: 0 0 0 0px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0;
		border-style: solid;
		border-width: 1px;
		border-color: #F79646;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:80px;}
.replaced { position:absolute; }
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:380px} /* MSIE bug */


.galleria2{list-style:none; margin: 0 0 0 -10px;}
.galleria2 li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0;
		border-style: solid;
		border-width: 1px;
		border-color: #F79646;}
.galleria2 li a{display:none}
.galleria2 li div{position:absolute;display:none;top:0;left:180px}
.galleria2 li div img{cursor:pointer}
.galleria2 li.active div img,.galleria li.active div{display:block}
.galleria2 li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:80px;}
.replaced2 { position:absolute; }
.galleria2 li .caption{display:block;padding-top:.5em}
* html .galleria2 li div span{width:380px} /* MSIE bug */
