body{
	margin: 0;
	font: 12px "Lucida Sans Unicode", Arial;
	overflow: auto;
	background: url(../img/background.gif) center top no-repeat;
	background-attachment: fixed;
	color: #5F5F5F;
}

#cloud1{ position:absolute; top:0px; left: -150px; z-index:5; }  
#cloud2{ position:absolute; top:-60px; left: 0px; z-index:4; }  
#cloud3{ position:absolute; top:-60px; left: -160px; z-index:2; }  

#mainframe{
	margin: 0 auto;
	width: 860px;
	position: relative
}

#top{
	width: 100%;
	height: 111px
}

#logo{
	width: 533px;
	height: 111px;
	background: url(../img/logo1.jpg);
	display: block;
	float: left;
	cursor: pointer
}

#topbox{
	width: 218px;
	height: 80px;
	margin-top: 20px;
	float: right;
	margin-right: 8px
}

#subnav{
	width: 860px;
	height: 50px;
	margin: 0 auto
}

#wrapper{
	overflow: auto
}

#content{
	width: 500px;
	margin-left: 5px;
	float: left;
	overflow: auto;
	line-height: 22px;
	color: #5F5F5F;
	text-align: justify;
	padding-bottom: 20px;
}

img.gallery_items{
	width: 100px;
	height: 60px;
	border: solid 1px #5D5D5D;
	margin-right: 5px;
	margin-bottom: 5px
}


#content a {
color: #5F5F5F;
text-decoration: underline;
}

#sidebar{
	width: 301px;
	float: right;
	overflow: hidden;
	margin-top: -20px
}

span#load{
	width: 100px;
	height: 50px;
	margin: 0 auto;
	margin-top: 130px;
	font-size: 10px;
	text-align: center;
	display: block;
	line-height: 50px;
}

#sluit{
	position: absolute;
	height: 25px;
	margin-top: 236px;
	margin-left: 5px;
	width: 106px;
	z-index: 9999;
	background: #5D5D5D;
	color: #FFF;
	text-align: center;
	line-height: 25px;
	font-size: 10px;
	display: block;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.left{
	position: absolute;
	left: 5px
}

ul#nav li a.left span{
	margin-top: 258px;
	position: absolute
}

ul#nav li a.left, ul#nav li a.left:hover{
	background-position: 0 0!important 
}

	
a.shadow{
	width: 293px;
	height: 50px;
	margin-top: -2px;
	background: url(../img/shadow.gif);
	display: block;
	float: right;
	text-indent: 25px;
	color: #B2B2B2;
	line-height: 38px
}

.schelpen{
	margin-top: 20px;
	width: 276px;
	height: 276px;
	float: right;
	margin-right: 5px;
	overflow: hidden
}

a{
	text-decoration: none
}

h1{
	font-size: 17px;
}

#content h1 {
	font-size: 17px;
}

.submit {
	background: #474747;
	border: none;
	padding: 4px;
	color: white
}

#header{
	width: 742px;
	height: 325px;
	position: absolute;
	display: none;
	margin-left: 111px;
	overflow: hidden;
	margin-top: -335px
}

#header img{
	cursor: pointer;
	position: absolute;
	z-index: 0
}

ul#nav{
	margin: 0;
	padding: 0;
	list-style-type: none
}

ul#nav li{
	width: 106px;
	height: 325px;
	float: left
}

ul#nav li a{
	width: 106px;
	height: 325px;
	display: block
}

ul#nav li a span{	
	width: 106px;
	height: 67px;
	display: block;
	background: #6C6C6C;
	text-align: center;
	color: #FFF;
	line-height: 67px;
	cursor: pointer
}

span.bottom{	
	margin-top: 258px;
	position: absolute
}

a#home{
	background: url(../img/ship2.jpg) 0 260px
}

 a#overig{
	background: url(../img/fohrer.jpg) 0 326px
}

a#recepten {
	background: url(../img/recepten.jpg) 0 326px
}

a#over-ons {
	background: url(../img/overons.jpg) 0 326px
}

a#deltamossel {
	background: url(../img/deltamossel.jpg) 0 326px
}

a#kwaliteit {
	background: url(../img/kwaliteit.jpg) 0 259px
}

a#producten {
	background: url(../img/producten.jpg) 0 260px
}

a#deltaostrea{
	background: url(../img/deltaostrea.jpg) 0 260px
}

ul#nav li a.menu-top:hover{
	background-position: 0 67px 
}

ul#nav li a.menu-bottom:hover{
	background-position: 0 0
}

ul#nav li a.menu-bottom:hover span, ul#nav li a.menu-top:hover span, ul#nav li a.left span{
	background: #005399
}

#navigation{
	width: 850px;
	height: 335px;
	margin: 0 auto;
	margin-top: 2px;
	background: url(../img/top-shadow.gif) no-repeat bottom
}

.buttons{
	width: 658px;
	height: 50px;
	float: right;
	margin-right: -19px;
	padding-left: 14px;
}

.buttons a{
	width: 125px;
	height: 27px;
	text-align: center;
	color: #FFF;
	line-height: 27px;
	display: block;
	float: left;
	font-size: 11px;
	margin-top: 9px;
	background: #005399;
	border-right: 1px solid white;
}

.buttons a:hover{
	background: #005399
}

#wrapper{
	position: relative;
	z-index: 9999
}

#footer{
	clear: both;
	width: 100%;
	height: 283px;
	color: #3F3F3F;
	position: relative;
	z-index: 0;
	overflow: hidden
}

#footer a{
	color: #898989
}

#infooter{
	width: 860px;
	height: 175px;
	margin: 0 auto;
	padding-top: 24px;
}

.infooter-left{
	width: 500px;
	float: left;
	padding-top: 8px;
	line-height: 25px;
	font-size: 10px
}

.infooter-left h1 {
margin-bottom: -5px
}

#infooter-right{
	padding-top: 100px;
	float: right;
	color: #898989;
	font-size: 11px
}

.boxy{
	width: 850px;
	float: left;
	color: #898989;
	font-size: 11px;
	line-height: 45px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	text-align:center
}


.nixhier {
	display:none;
}

.textfield, .email{
	width: 250px;
	border: solid 1px
}

textarea{
	overflow: auto;
	width: 250px;
	border: solid 1px
}

.language{
	cursor: pointer;
	width: 31px;
	height: 30px;
	float: right;
	display: block;
	filter:alpha(opacity=40);
	-moz-opacity:0.40;
	-khtml-opacity: 0.40;
	opacity: 0.40
}

.language:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0
}

#dutch{
	background: url(../img/dutch.gif)
}

#english{
	background: url(../img/english.gif)
}

#frence{
	background: url(../img/france.gif)
}

#germany{
	background: url(../img/germany.gif)
}

.shortlinks{
	clear: both;
	float: right;
	margin-top: 35px;
	color: #1D89F6
}

.shortlinks a{
	color: #1D89F6;
	font-weight: bold;
	font-size: 10px
}

.nieuwsberichten{
	margin-top: 20px;
	width: 293px;
	float: right
}

.nieuwsberichten div{
	padding-left: 15px
}

a.bericht{
	width: 293px;
	height: 50px;
	margin-top: -2px;
	background: url(../img/shadow.gif);
	display: block;
	float: right;
	text-indent: 25px;
	color: #B2B2B2;
	line-height: 38px;
	text-transform: uppercase
}

.basic  {
	width: 500px;
	font-family: verdana;
	overflow: auto
}
.basic div {
	background-color: #eee
}

div.box-left{
	width: 260px;
	float: left;
	padding: 20px;
	padding-right: 0
}

div.box-right{
	width: 200px;
	padding: 10px;
	overflow: hidden;
	float: right;
	padding-right: 0;
	padding-top: 48px
}

div.box-right img{
	width: 180px;
	height: 180px
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	margin: 0px
}
.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none!important;
	color: #FFF!important;
	background-color: #6C6C6C;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999
}

.basic a.selected {
	color: #FFF;
	background-color: #005399
}

#producten-afbeeldingen{
	height: 300px;
	border: 1px solid #eee;
	overflow: hidden
}