/* Design by WebCastle design http://www.webcastledesign.eu */



body {
	margin: 0;
	padding: 0;
	background-color: #0093d1;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}

h1 {
	margin: 0;
	padding: 0;
	color: #323232;
}

h2  {
	margin: 0;
	padding: 0;
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	font-weight:bold;
	font-style:italic;
	height:40px;
	color:#003d85;
}

h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color:#0082c8;
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	font-weight:bold;
	font-style:italic;
	height:40px;
	}

p, ul, ol, blockquote {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	text-align:left;
	}

ul {
	color: #323232;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;

	}

a {
	text-decoration: underline;
	color: #323232;
	}

a:hover {
	text-decoration: underline;
	color: #0082c8;
	}

img.low  {
	margin-top:5px;
	}
img.high  {
	margin-top:-3px;
	}
	
img {
border: none;
}	
	
table {
	width:560px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	text-align:left;
	float:left;
}

/* Header */

#wrapper {
	width: 980px;
	min-height: 650px;
	margin: 0 auto;
	text-align: left;
	background-color:#ffffff;
	}
	
#header {
	width: 980px;
	height: 150px;
	padding-top:100px;
	margin: 0 auto;
	background-image:url(../images/sunsetijmuiden.png);
	}
	
#order a {
	height:152px;
	width:152px;
	float:right;
	margin-top:-85px;
	background-image:url(../images/order_new.png);
	background-repeat:no-repeat;
	z-index:200;
	}
	
#order a:hover {	
	height:152px;
	width:152px;
	float:right;
	margin-top:-85px;
	background-image:url(../images/order_hover.png);
	background-repeat:no-repeat;
	z-index:200;
	}
	
#logo {
	height:34px;
	margin-left:200px;
	margin-top:10px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	z-index:11;
	}
	
#menu {
	background-color:#0093d2;
	margin-top:-100px;
	}


/* mainmenu */


#mainmenu ul
{	
	margin: 0; padding: 0;
	float: left;
	margin-left:200px;
}

#mainmenu ul li{
	display: inline;
	}


#mainmenu a
{
	float: left; 
	text-decoration: none;
	color: #003d85;
	font-size:14px;
	letter-spacing:1px;
	padding-left:11px;
	padding-right:11px;
	padding-top:8px;
	padding-bottom:8px;
}

#mainmenu a:link, #navlist a:visited
{
	color: #003d85;
}

#mainmenu a:hover, #menu #active a:link, #menu #active a:visited 
{
	color: #003d85;
	background-color:#ffffff;
}

#mainmenu #active a:link, #menu #active a:visited {
	color: #003d85;
	background-color:#ffffff;
}
.active a:link {
	color: #003d85;
	background-color:#ffffff;
}
#bhome a#home,
#babout a#about,
#bproducten a#producten,
#blevering a#levering,
#bbestel_nu a#bestel_nu,
#bcontact a#contact {
	color: #003d85;
	background-color:#ffffff;

}


/* side menu */

#sidemenu {
	width: 120px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	letter-spacing: .2em;
	color:#0082c8;
}

#sidemenu a {
	line-height:25px;
	text-align:left;
	text-decoration: none;
	text-transform:none;
	letter-spacing: .1em;
	color: #0082c8;
}

#sidemenu a:hover, #sidemenu .active a {
	text-align: left;
	background-color:#ffffff;
	letter-spacing: .1em;
	text-decoration:underline;
	color: #0082c8;
}


/* Content */

#content {
	width: 980px;
	background-color:#ffffff;
	padding-top:20px;
	margin: 0 auto;
	overflow: hidden;
	background-image:url(../images/schiponderin.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#border {
	width: 2px;
	background-color:#96c8fb;
	float:left;
	margin-top:70px;
	margin-left:20px;
	min-height:400px;
	overflow:auto;}

#colnav {
	float:left;
	margin-left:40px;
	width:120px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:9px;
	color:#0082c8;
}
#colnavheader {
	height:70px;
}
#language {
	float:left;
	width:120px;
	font-size:9px;
	color:#0093d2;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#language a {
	color: #0093d2;
	text-decoration:none;
}

#language a:hover {
	text-decoration: none;
	color: #003d85;
}

#language a.active {
	text-decoration: none;
	color: #003d85;
}

#colnav products p {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#0082c8;
}

#colone {
	float: left;
	margin-left:40px;
	width: 332px;
	min-height:470px;
	padding-bottom: 2767px;
	margin-bottom: -2767px;
}
#coloneheader {
	float: left;
	width: 332px;
	min-height:70px;
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	font-weight:bold;
	font-style:italic;
	height:40px;
}
#colone p {
	float: left;
	width: 332px;
}


#coltwo {
	float: left;
	margin-left:10px;
	width: 218px;
	margin-bottom:10px; 
}

#coltwocontent {
	float: left;;
	width: 238px;
	border-right: 2px solid #96c8fb;
	min-height:350px;
	padding-bottom: 2767px;
	margin-bottom: -2767px;
}

#coltwocontentblanc {
	float: left;;
	width: 238px;
	border-right: 2px solid #ffffff;
	min-height:20px;
}

#coltwoheader {
	float: left;
	width: 218px;
	min-height:70px;
}

#colthree {
	float: right;
	width: 140px;
	margin-right:40px;
}
#colthreeheader {
	float: right;
	width: 140px;
	min-height:70px;

}

#colthreeweer {
	float:bottom;
	margin-top:10px;
	bottom:0px;
}

#colthree a.one {
	text-decoration: underline;
	color:#0093d2;
	font-size:12px;
	}

#colfour {
	float: left;
	margin-left:40px;
	width: 460px;
}
#colfourheader {
	float: left;
	width: 460px;
	min-height:70px;
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	font-weight:bold;
	font-style:italic;
	height:40px;
}

#colfour p {
	float: left;
	width: 460px;
}

#colzeven {
	float: left;
	margin-left:40px;
	width: 560px;
	min-height:470px;
}
#colzevenheader {
	float: left;
	width: 560px;
	min-height:70px;
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	font-weight:bold;
	font-style:italic;
	height:40px;
}
#colzevencontent {
	float: left;
	width: 560px;
	text-align:left;
	border-right: 2px solid #96c8fb;
	min-height:350px;
	margin-bottom:20px;
	padding-right:20px;
}

#colzevencontentblanc {
	float: left;
	width: 560px;
	text-align:left;
}

#colzevenleft {
	float: left;
	width: 334px;
	}

#colzevenright {
	float: right;
	width: 218px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	}
/* Content Elements */

#content h3 {
	color:#0082c8;
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	font-style:italic;
	font-weight:bold;
}

#content h3 a {
	color:#88bce2;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:9px;
	font-weight:bold;
	font-variant:small-caps;
	font-style:normal;
}

#colthree weer {
	width:140px;
	height:183px;
	background-image:url(../images/weer.jpg);
	background-repeat:no-repeat;
}


#content p {
	margin-top: 0;
	line-height: 160%;
	color: #323232;
}


#content ul {
	margin-left: 0;
	list-style: square inside;
	color: #323232;
}


#bottom {
	width: 820px;
	height:2px;
	margin-left:160px;
	background-color:#003b82;
}


/* Footer */

#footer {
	width: 980px;
	background-color:#ffffff;
	height:33px;
	padding-top:10px;
}

#one {
	float:left;
	margin-left:40px;
	width:120px;
	font-size:9px;
	color:#0093d2;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#one a {
	text-decoration:none;
	color:#0093d2;
	
	}
#two {
	float:left;
	margin-left:40px;
	width:620px;
	font-size:9px;
	color:#003b82;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#three {
	float:right;
	margin-right:40px;
	width:100px;
}

#four {
	float:right;
}

#footer a {
	color: #003b82;
}

#footer a:hover {
	text-decoration: underline;
}

#footer ul {
	margin-top: 0;
	line-height: 160%;
	color: #323232;
	font-weight: bold;
	font-size:x-small;
}

/* hidden code */

#clear {
	clear:both;
	background-color:#ffffff;
}
#clearleft {
	clear:inherit;
}


#code {
	width: 980px;
	color: #000000;
	margin: 0 auto;
}
#low {
	margin-top:3px;
}
#high {
	margin-top:-3px;
}
