@charset "utf-8";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #767676;
	background-image: url(img/bg-body.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	color: #000000;
}
h1 {
	font-size: 16px;
	color: #009999;
	margin-top: 10px;
	margin-bottom: 10px;
}
h2 {
	font-size: 14px;
	color: #009999;
	margin-top: 10px;
	margin-bottom: 10px;
}
#container {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:929px;
}
div#nav{
	position: absolute;
	float: left;
	height: 36px;
	width: 929px;
	margin-top: 215px;
	left: 0px;
	top: 12px;
	z-index: 11;
	}


#header {
	height: 156px;
	float: left;
	width: 925px;
	background-repeat: no-repeat;
	background-position: right;
	border: 2px solid #fff;
	margin-bottom: 28px;
}
		div#zorgeloosgenieten{
		float: right;
		height: 26px;
		width: 182px;
		margin-top: 48px;
	}
	div#logo-vernooycatering{
	position: absolute;
	height: 62px;
	width: 199px;
	margin: 7px 0 0 0px;
	padding: 0;
	top: -1px;
	}
	
	div#logo-vernooycatering img{
	border: 0;
	margin: 0px;
	padding: 0px;
	}


#contentwrap {
	float:left;
	width: 100%;
	background-image: url(img/bg_content.jpg);
	background-repeat: repeat-y;
}
#contentcenter {
	float:left;
	width:555px;
}
#centertop {
	float:left;
	width:100%;
	height: 14px;
	background-image: url(img/bg-content-top.jpg);
}
#center {
	float:left;
	width:490px;
	background-image: url(img/bg-content-center.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding-right: 33px;
	padding-left: 32px;
	padding-bottom: 20px;
}

#centerbottom {
	float:left;
	width:100%;
	height: 63px;
	background-image: url(img/center-bottom.png);
}

#kopje {
	float:left;
	width:100%;
}

.kopje-klein {
	width: 172px;
	height: 29px;
	float: left;
	text-align: center;
	font-weight: bold;
	color: #009999;
	background-image: url(img/kopje-klein.jpg);
	background-repeat: no-repeat;
	padding-top: 3px;
}
#tekst {
	float:left;
	width:100%;
}
#contentright {
	float:right;
	width:183px;
	background-repeat: no-repeat;
	height: 495px;
	background-image: url(img/bg-rightcol.jpg);
}
#footer {
	width: 929px;
	float: left;
	text-align: center;
	height: 61px;
	background-image: url(img/footer.jpg);
	padding-top: 40px;
	color: #FFFFFF;
}

#navcontainer {
	height: 45px;

}

div#subnav{
	float: left;
	height: 271px;
	width: 183px;
	margin-top: 15px;
	background-image: url(img/bg-subnav.jpg);
	background-repeat: no-repeat;
}
	
	ul#headernav {
	list-style-type: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;
	}
#contentright-plaatje {
	padding-top: 170px;
	text-align: center;
}
#contentright-adres {
	color: #FFFFFF;
	line-height: 18px;
	text-align: center;
}


	
	ul#headernav li{
	float: left;
	height: 36px;
	width: 103px;
	line-height: 2.5;
	text-align: center;
	margin-left: 6px;
	}
	
	ul#headernav li a{
	display: block;
	height: 36px;
	width: 103px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-image: url(img/button.png);
	background-repeat: no-repeat;
	}
	
	ul#headernav li a:hover{
	color: #fff;
	background-image: url(img/button_hover.png);
	background-repeat: no-repeat;
	}
	
	ul#headernav #active {
	background-image: url(img/button_hover.png);
	}


	#subnav ul{
		list-style-type: none;
		margin: 15px 0 0 2px;
		padding: 0;
		font-size: 13px;
	}
	
	#subnav ul li{
		float: left;
		width: 181px;
		margin: 10px 0 0 0;
		padding: 0;
		line-height: 2.1;
		text-align: center;
	}

	
	#subnav ul li a{
		display: block;
		height: 25px;
		width: 181px;
		color: #666;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: bold;
	}
	
	#subnav ul .leftmenuactive{
	background: url(img/bg-subnav-li.jpg) no-repeat left top;
	color: #FFFFFF;
	}
	
	#subnav ul li.active a{
		color: #fff;
	}
	
	#subnav ul li a:hover{
		background: url(img/bg-subnav-li.jpg) no-repeat left top;
		color: #fff;
	}







p {
	margin: 0px;
	padding: 0px;
}




a img {
	border: 0px
}
INPUT {
	FONT-SIZE: 12px;
	border: 1px solid #003300;
	width: 220px;
}
SELECT {
	border: 1px solid #003300;
	width: 220px;
}
TEXTAREA {
	FONT-SIZE: 12px;
	border: 1px solid #003300;
	width: 220px;
}
FORM {
	DISPLAY: inline;
}
JUMP {
	FONT-SIZE: 12px;
	border: 1px solid #003300;
}
.red {
	COLOR: #CC0000;
}

a img {
	border: 0px;
	margin: 10px;
}




a{
	color: #009999;
}



a:link{
	color: #009999;
	text-decoration: underline;
}

a:visited{
	color: #009999;
	text-decoration: underline;
}


table.frame {
  border-width: 0px;
  border-spacing: 0px;
  border-style: solid;
  border-color: gray;
  border-collapse: collapse;
  background-color:transparent;
}

table.frame td {
  border-width: 0px;
  padding: 00px;
  border-color: gray;
  background-color:transparent;
  -moz-border-radius: 0px;

}



td.off {
background: #ebebeb;
}
td.on {
background: #449dc5;
font-color: #FFFFFF;
}

td.news {
background: #449dc5;
}



a.footer:link     {
	color: #FFFFFF;

}
a.footer:visited  {
	color: #FFFFFF;
}





/*** set the width and height to match your images **/

#slideshow {
	position:relative;
	height:152px;
}

#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;

}

#slideshow IMG.active {
    z-index:10;
	opacity:1.0;

}

#slideshow IMG.last-active {
    z-index:9;
}
#navigatie {
	position:absolute;
	left:257px;
	top:379px;
	width:929px;
	height:76px;
	z-index:1;
}
.error {
	font-size: 12px;
	color: #FF0000;
	border: 2px solid #FF0000;
	display: block;
	margin: 0px;
	padding: 20px;
	font-weight: bold;
	background-color: #FFDFDF;
}
.succes {
	font-size: 12px;
	color: #009900;
	border: 2px solid #00FF00;
	display: block;
	margin: 0px;
	padding: 20px;
	font-weight: bold;
	background-color: #CCFFCC;
}
.normal_bold {
	font-size: 14px;
	color: #009999;
	font-weight: bold
}

.normal_bold_banner {
	font-size: 12px;
	color: #009999;
	font-weight: normal;
	list-style-type: none;
}
.portfolio {
	margin-top: 5px;
	float: left;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	width: 100%;
	border: 1px solid #66cccc;
}
.portfolio_tekst {
	float: left;
	width: 300px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.portfolio_img {
	height: 200px;
	margin-bottom: 20px;
}

.inline {
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 4px;
	PADDING-RIGHT: 0px;
	DISPLAY: list-item;
	LIST-STYLE-IMAGE: none;
	PADDING-TOP: 0px;
	line-height: 20px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{
	background-image: url(img/overlay.png);
}

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
	}