/* RESET */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,table,tr,td {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

em {
	font-style: italic;	
}

strong {
	font-weight: bold;	
}

ul,ol {
	list-style: none;
}

a{
	text-decoration: none;
	color: #9FDEFF;
}

.displace {
	position: absolute;
	left: -5000px;
	}

html, body {
	height: 100%;
	background:	url(header_bg.png) top left repeat-x;
	font:12px/18px Tahoma, Geneva, sans-serif;
}

#container {
	min-height: 100%;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#content {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -200px; /* negative value of footer height */
	height: 200px;
	clear:both;
	background:	url(footer_bg.png) top left repeat-x;
	color: #dcdcdc;
} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

#header {
	width: 900px;
	height: 150px;
}

#logo_home {
	display: block;
	width: 500px;
	height: 150px;
	background: url("logo.png") top left no-repeat;
}

#logo_home img {
	text-decoration: none;
	border: none;
}

ul.cssmenu {
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-top: -53px;
	margin-left: -20px;
	height: 50px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
	float: left;
	}

ul.cssmenu li a {
	display: block;
	width: 110px;
	height: 50px;
	background-image: url(sprite2.png);
	}

/*
*	Normal Links
*/
ul.cssmenu li.home a {
	background-position: 0 0;
	}

ul.cssmenu li.overons a {
	background-position: -110px 0;
	}

ul.cssmenu li.vijver a {
	background-position: -220px 0;
	}

ul.cssmenu li.aquarium a {
	background-position: -330px 0;
	}
	
ul.cssmenu li.faq a {
	background-position: -440px 0;
	}

ul.cssmenu li.verkooppunten a {
	background-position: -550px 0;
	}

/*
*	Hover Links
*/
ul.cssmenu li.home a:hover {
	background-position: 0 -50px;
	}

ul.cssmenu li.overons a:hover {
	background-position: -110px -50px;
	}
	
ul.cssmenu li.vijver a:hover {
	background-position: -220px -50px;
	}
	
ul.cssmenu li.aquarium a:hover {
	background-position: -330px -50px;
	}
	
ul.cssmenu li.faq a:hover {
	background-position: -440px -50px;
	}

ul.cssmenu li.verkooppunten a:hover {
	background-position: -550px -50px;
	}

/*
*	Clicked Links
*/
ul.cssmenu li.home a:active {
	background-position: 0 0;
	}

ul.cssmenu li.overons a:active {
	background-position: -110px 0;
	}

ul.cssmenu li.vijver a:active {
	background-position: -220px 0;
	}
	
ul.cssmenu li.aquarium a:active {
	background-position: -330px 0;
	}

ul.cssmenu li.faq a:active {
	background-position: -440px 0;
	}

ul.cssmenu li.verkooppunten a:active {
	background-position: -550px 0;
	}

/*
*	Selected/Active Links
*/
ul.cssmenu li.home a.selected {
	background-position: 0 -150px;
	}

ul.cssmenu li.overons a.selected {
	background-position: -110px -150px;
	}

ul.cssmenu li.vijver a.selected {
	background-position: -220px -150px;
	}
	
ul.cssmenu li.aquarium a.selected {
	background-position: -330px -150px;
	}
	
ul.cssmenu li.faq a.selected {
	background-position: -440px -150px;
	}

ul.cssmenu li.verkooppunten a.selected {
	background-position: -550px -150px;
	}

#content {
	float: left;
	width: 900px;
	padding-top: 10px;
}

h1 {
	letter-spacing: -1px;	
	margin-bottom: 10px;
	font-size: 1.4em;
	font-weight: bold;
	color: #1E1F2C;
}

h2 {
	letter-spacing: -1px;	
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #2A6CAD;
}

p {
	margin-bottom: 10px;	
}

#content a{
	color: #2A6CAD;	
}

#content a:hover{
	text-decoration: underline;	
}

#intro-block-left {
	float: left;
	width: 400px;
}

#intro-block-left1 {
	float: left;
	width: 600px;
}

#intro-block-right {
	float: right;
	width: 480px;
}

#info-left {
	float: left;
	width: 600px;
}

#product-right {
	float: right;
	width: 280px;
}

div#slide-holder {
	z-index : 40;
	float: right;
	width : 467px;
	height : 278px;
	position : absolute;
}

div#slide-holder div#slide-runner {
	width : 467px;
	height : 278px;
	overflow : hidden;
	position : absolute;
	border: 1px solid #9FDEFF;
	background: url(bg_slider.png);
}

div#slide-holder img {
	margin : 0;
	display : none;
	position : absolute;
	border: none;
	text-decoration: none;
}

div#slide-holder div#slide-controls {
	left : 0;
	bottom : 228px;
	width : 467px;
	height : 46px;
	display : none;
	position : absolute;
	background : url(slide-bg.png) 0 0;
}

div#slide-holder div#slide-controls p.text {
	float : left;
	color : #fff;
	display : inline;
	font-size : 10px;
	line-height : 16px;
	margin : 15px 0 0 20px;
	text-transform : uppercase;
}

div#slide-holder div#slide-controls p#slide-nav {
	float : right;
	height : 24px;
	display : inline;
	margin : 11px 15px 0 0;
}

div#slide-holder div#slide-controls p#slide-nav a {
	float : left;
	width : 24px;
	height : 24px;
	display : inline;
	font-size : 11px;
	margin : 0 5px 0 0;
	line-height : 24px;
	font-weight : bold;
	text-align : center;
	text-decoration : none;
	background-position : 0 0;
	background-repeat : no-repeat;
	color: #fff;
}

div#slide-holder div#slide-controls p#slide-nav a.on {
	background-position : 0 -24px;
}

div#slide-holder div#slide-controls p#slide-nav a {
	background-image : url(slide-nav.png);
}

div#nav ul li a {
	background : url(nav.png) no-repeat;
}

#upper, #under {
	width: 900px;
	margin-left:auto;
	margin-right: auto;
}

#upper img {
	text-decoration: none;
	border: none;
}

.backtotop {
	display:block;
	width: 150px;
	height: 50px;
	background: url(totop.png);
}

.backtotop:hover {
	background: url(totop_hover.png);
}

#footerblock_left {
	float:left;
	width: 200px;
	margin-top: 15px;
}

#footerblock_right {
	float:right;
	width: 200px;
	margin-top: 15px;
}

#footer a:hover {
	text-decoration: none;
	color: #fff;
}

.submit {
	background: #fff;
	padding:3px;
	border: 1px solid #999;
	color: #2A6CAD;
}

.submit:hover {
	background: #2A6CAD;
	color: #fff;
}

.input {
	background: #fff;
	padding:3px;
	border: 1px solid #999;
}

.plaatje {
	border: none;
	text-decoration: none;
	margin:0;
	padding:0;
}