﻿/************************************************************************************************************/
/* kameryck.css.php */
/************************************************************************************************************/

	/* -------------------------------------------------- */
	/* AUTHOR
		2009 (c) Webbelicious, Amsterdam ( http://www.webbelicious.com )

	/* -------------------------------------------------- */
	/* COLORS
		donkergroen:	637340
		lichtgroen:		b9c033
		beige:			f0ead9	f3ebd9

	/* -------------------------------------------------- */
	/* SIZES

		800 * 600			- 	width:767px;
		1024 * 768			- 	width:990px;
*/


	/* standard elements */
	*{
		margin: 		0;
		padding: 		0;
	}

	body, table{
		color: 			#444;
		font: 			normal 10pt "Lucida Sans Unicode",sans-serif;
		margin: 		0;
	}

	body
	{
		background: 		#637340 url( http://www.kameryck.nl/wbbmngr/w_img/layout/kam_verloop_main_990.gif ) repeat-x;
	}

	table td
	{
		margin: 		0;
		padding:		0;
	}
	table td p
	{
		margin: 		0;
		padding:		0;
	}

	p{
		font-size: 		10pt;
		padding-bottom: 1.2em;
	}

	h1,h2,h3{
		color: 			#4a6216;
		padding-top: 	6px;
	}

	h1{
		font-size:		20px;
		margin-bottom: 	4px;
	}

	h2{
		font-size:		14px;
		color: 			#48602B;
		margin-bottom:	-2px;
	}

	h3{
		font-size:		16px;
		color: 			#4a6216;
		margin-bottom:	2px;
		border-bottom:	solid 1px #4a6216;
	}

	a{
		color: 			#48602B;
	}

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

	input{
		color: 			#555;
		font: 			normal 1.1em "Lucida Sans Unicode",sans-serif;
	}
	
	hr{
		border:none;
		color:#ADB79C;
		height:2px;
		color: #ADB79C;
		background-color: #ADB79C;
	}
	img{
		border:none;
	}

				
				
	/* -------------------------------------------------- */
	/* ## LAYERS */
		div#start
		{
			margin: 			0 auto;
			position: 			relative;
			width: 				100%;
			text-align: 		center;
		}
	
		div#outer
		{
			background: 			url( http://www.kameryck.nl/wbbmngr/w_img/layout/kam_verloop_outer_990.gif ) repeat-y;
			border: 				solid #ff0000 0px;
			width: 					988px;
			background-position: 	1px 0px;
			margin: 				0 auto;
		}

			.container
			{
				background-color:		#637340;
				background-image: 		url( http://www.kameryck.nl/wbbmngr/w_img/layout/kameryck_main_990.gif );
				background-repeat:		no-repeat;
				border: 				solid pink 0px;
				width: 					988px;
				position: relative;
				margin: 				0 auto;
				background-position: 	0px 0px;
				padding-bottom: 		0px;
				text-align: 			left;
			}

				.main
				{
					border-top: 				solid #637340 01px;
					clear: 					both;
					padding: 				0px 25px 0px 26px;		/* top, right , bottom, left  */
					margin:					0px;
				}

					div#top
					{
						background-image: 		url( http://www.kameryck.nl/wbbmngr/w_img/layout/kam_header_938.gif );
						background-repeat:		no-repeat;
						padding-top:	10px;
						height:				160px;
					
												border:					solid transparent 1px;
											
					}
						div#logo
						{
							padding: 			0px 0px 0px 20px;		/* top, right , bottom, left  */
							margin-top:			20px;
							height:				120px;
							width:				500px;
							border: 			solid blue 0px;
						}
						div#xtrnav
						{
							height:				60px;
							width:				300px;
							margin-top:			14px;
							margin-right:		50px;
							border: 			solid blue 0px;
							float:				right;
						}
							div#xtrnav ul
							{
								margin: 			0;
								padding: 			0;
								list-style-type: 	none;
							}
								div#xtrnav li
								{
									display: 		inline;
									float: 			right;
									font-size:		9pt;
									padding: 		0px 0px 0px 20px;		/* top, right , bottom, left  */
								}
									div#xtrnav li a
									{
										display:			block;
										padding-left:		20px;
										color:				#6c6b67;
										float: 				none;
										text-decoration:	none;
										font-size:			1.2em;
										background: 		url( http://www.kameryck.nl/wbbmngr/w_img/layout/subnav_pijl.gif );
										background-repeat: 	no-repeat;
										background-position:2px 4px;
									}
									div#xtrnav li a:hover
									{
										color:				#999;
										float: 				none;
										text-decoration:	none;
									}
									div#xtrnav li a.menu_current
									{
										text-decoration:		underline;
									}
					.content
					{
						border: 				solid #ff0000 0px;
						float:					right;
						width: 					717px;
						overflow:				hidden;
						padding-bottom:			0px;
						background: 			#f3ebd9;
						min-height:				800px
					}
					.content h1
					{
						padding: 		10px 0px 14px 0px;		/* top, right , bottom, left  */
					}
					.content h2
					{
						padding: 		10px 0px 4px 0px;		/* top, right , bottom, left  */
					}

						.main_img 
						{
							border: 				solid #ff0000 0px;
							padding: 				0px 0px 0px 0px;		/* top, right , bottom, left  */
							margin-bottom: 			0px;
							/* background-color:		#c1c1c1; */
						}

						.item
						{
							border: 				solid #ff0000 0px;
							width:					721px;
							padding: 				6px 0px 0px 10px;		/* top, right , bottom, left  */
							background: 			#f3ebd9;
							margin-bottom: 			0px;
						}

							div#textual
							{
								width:		430px;
								border:		solid blue 0px;
								overflow:	hidden;
								position:	relative;
								float:		left;
								padding: 	6px 0px 0px 14px;		/* top, right , bottom, left  */
							}

							div#visual
							{
								width:		270px;
								border:		solid blue 0px;
								overflow:	hidden;
								position:	relative;
								float:		right;
								visibility:	visible;
							
							}
						
								div#visual ul
								{
									margin: 0;
									padding: 0;
									list-style-type: none;
								}
							
								div#visual ul li
								{
									margin: 0;
									padding: 0;
									margin-bottom: 10px;
									display: inline;
								}
								
								div#visual ul.menu-top li
								{
									margin-bottom: 6px;
									display: block;
								}
							
							div#completair{
								float: left;
								width: 690px;
								margin-bottom: 25px;
							}
							div#completair table td{
								width:220px;
								vertical-align:top;
							}
							div#completair table td:first-child{
								border:none;
							}
							div#completair h2{
								text-align: center;
							}
						
				
					.sidenav
					{
						border: 				solid #ff0000 0px;
						float: 				left;
						width: 				217px;
						font-size: 		 	10px;
						margin-left: 1px;
					}
						.sidenav ul.nav_items li
						{
							<!--list-style: url( http://www.kameryck.nl/wbbmngr/w_img/layout/nav_li.gif );-->
						}
				
					.footer
					{
						border: 				solid #ff0000 0px;
					}


	#lyr_icons
	{
		float: 			right;
		padding-right:	10px;
	}



/************************************************************************************************************/
/* menu.css.php */
/************************************************************************************************************/
	ul#menu_acc
	{
		width:			219px;
		font-size:		1.1em;
		font-family: 	Verdana,Arial,sans-serif;
		letter-spacing:	0.8px;
	}

		ul.menu, ul.menu ul
		{
			list-style-type:none;
			margin: 0;
			padding: 0;
			padding-bottom: 10;
		
		}

			ul.menu li
			{
			  margin-top: 1px;
			}

				ul.menu li a
				{
					display: 			block;
					border:				solid red 0px;
					text-decoration: 	none;
					padding-left: 		20px;
					padding-top: 		10px;
					color: 				#b9c033;
					border-bottom:		solid 1px #b9c033;
					line-height:		18pt;
					font-size:			10pt;
				}
				
				ul.menu li a.menu_current
				{
					background: 	#6d7f46; 
				}
				
				ul.menu li a:hover
				{
				
					border-bottom:		solid 1px #b9c033;
					background: 	#6d7f46; 
					font-weight: 	normal; 
					color: 			#b9c033;
				}

					ul.menu li ul li a
					{
						color: 				#fff;
						padding:			0;
						width:				160px;
						border:				none;
						line-height:		1.2em;
						font-size:			10pt;
						align:		top;
						margin-right:		40px;
						border:				solid red 0px;
					}
				
					ul.menu li ul li
					{
						/*
						margin-top:			8px;
						font-size: 		 	1em;
						list-style: 		url( http://www.kameryck.nl/wbbmngr/w_img/layout/nav_li.gif );
						margin-left:		40px;
						*/
						background-image:url("http://www.kameryck.nl/wbbmngr/w_img/layout/nav_li.gif");
						background-position:-2px 2px;
						background-repeat:no-repeat;
						font-size:1em;
						margin-left:20px;
						margin-top:8px;
						padding-left:14px;
						vertical-align:top;
					}
				
					ul.menu li ul li a:hover {
						border:				none;
						border-bottom: 		none; 
						background: 		transparent; 
						font-weight: 		normal; 
						color: 				#ccc;
					}


	.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
	.code code { display: block; padding: 3px; margin-bottom: 0; }
	.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
	.indent1 { padding-left: 1em; }
	.indent2 { padding-left: 2em; }
	.indent3 { padding-left: 3em; }
	.indent4 { padding-left: 4em; }
	.indent5 { padding-left: 5em; }

	#footer
	{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		min-height: 50px;

	}

	.footerBlock
	{
		width: 100%;
	}

	.footerBlock table tr td
	{
		vertical-align: top;
	}

	.footerBlock h2
	{
		color: #F3EBD9;
	}
	.footerBlock h2 a
	{
		color: #F3EBD9;
	}


	.footerBlock a, .footerBlock p
	{
		color: #bbc4ad;
	}



	.footerEnd
	{
		clear: both;
		width: 100%;
		height: 60px;
		text-align: center;
	}

	#footerHr
	{
		width: 100%;
		height: 1px;
		margin-bottom: 20px;
		margin-top: 10px;
		background-color: #F3EBD9;
		border: 0;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
	}

	#footerInfo
	{
		color: #F3EBD9;
		margin-bottom: 10px;
	}

	#floatSpacer
	{
		float: left;
		height: 0px;
	}



/************************************************************************************************************/
/* kameryck.css */
/************************************************************************************************************/
	/* -------------------------------------------------- */
	/* AUTHOR
		2009 (c) Webbelicious, Amsterdam ( http://www.webbelicious.com )

	/* -------------------------------------------------- */
	/* COLORS
		donkergroen:	637340
		lichtgroen:		b9c033
		beige:			f0ead9	f3ebd9

	/* -------------------------------------------------- */
	/* SIZES

		800 * 600			- 	width:767px;
		1024 * 768			- 	width:990px;
	*/

	/* standard elements */
	*{
		margin: 		0;
		padding: 		0;
	}

	cite {
		background: url(img/quote.gif) no-repeat;
		color: #666;
		display: block;
		font: normal 1.3em "Lucida Sans Unicode",serif;
		padding-left: 28px;
	}


	/* misc */
	.clearer {
		clear: both;
	}

	/* structure */
	.header {
		background: url(img/header.gif) repeat-x;
	}

	/* title */
	.title h1 {
		color: #FFF;
		font: normal 3em Verdana,sans-serif;
		height: 150px;
		line-height: 150px;
		/* margin-bottom: 8px; */
		text-align: center;
	}

	/* navigation */
	.navigation {
		margin-bottom: 4px;
	}
	.navigation a {
		background-color: #4A91C3;
		color: #FFF;
		float: left;
		font: bold 1.2em "Trebuchet MS",sans-serif;
		padding: 8px 0;
		width: 19%;
		border-right: 1px solid #FFF;
		text-align: center;
		text-decoration: none;
	}
	.navigation a:hover {
		background-color: #000;
		color: #FFF;
	}

	/* content */


	.content .descr {
		color: #333;
		margin-bottom: 6px;
	}
	.content li {
		/*list-style: url(img/li.gif);*/
		list-style:none;
		list-style-image:none;
		margin-left: 0px;
	}

	/* search form */
	form {
		padding: 0 0 6px 8px;
	}
	.styled {
		border: 1px solid #DDD;
		padding: 4px;
	}
	.button {
		background: url(img/search.gif) no-repeat left bottom;
		border: none;
		height: 27px;
		width: 27px;
	}

	a.link_noline
	{
		color:		#b9c033;
	}
	a.link_noline:hover
	{
		color:		#b9c033;
		text-decoration: none;
	}
	/* footer */


/************************************************************************************************************/
/* contactform.css */
/************************************************************************************************************/
	/*  ## STANDAARD ELEMENTEN 
	/*	geel #ffed00
	
	/*  ----------------------------------------------------------------------------------------------  */
	/*  ##  CONTACTFORMULIER  */
	/*  ----------------------------------------------------------------------------------------------  */
	#textual #tbl_w_form_contact 
	{
		float:				left;
		border:				solid red 0px;
		font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: 				#454545;
		font-size: 			11pt;	
		text-indent: 		0px;
		letter-spacing: 	1px;
		padding:			10 10;
	
	}
	#textual #tbl_w_form_contact table 
	{
		border:		solid red 0px;
		width:		600px;
		padding:	0 10;
	}
	#textual #tbl_w_form_contact table td 
	{
		border:		solid red 0px;
		padding:	0px 20px;
	}
	#textual #tbl_w_form_contact fieldset 
	{
		border:		solid #d1d1d1 1px;
		padding:	10 10;
	}
	#textual #tbl_w_form_contact .alert 
	{
		font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: 				#637340;	
		text-indent: 		0px;
		letter-spacing: 	1px;
	}
	#textual #tbl_w_form_contact .euro 
	{
		font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: 				#888;
		font-size: 			.8 em;	
		text-indent: 		0px;
		letter-spacing: 	1px;
	}
	#textual #tbl_w_form_contact .input_checkbox 
	{
		font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: 				#000;
		letter-spacing: 	1px;
	}
	
	
	#lyr_alert 
	{
		border:			solid blue 0px;
		padding:		20 10;
		width:			600px;
		text-align:		left;
		position:		relative;
		float:			left;
	}
	#lyr_alert .alert 
	{
		font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: 				#ff4545;	
		text-indent: 		0px;
		letter-spacing: 	1px;
	}
	#textual #tbl_w_form_contact_succes
	{
		color: 			#ff4545;
		padding: 		10 0 250 0;		/* top, right, bottom, left */
	}
	
	
	
	textarea
	{
		font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
	}



/************************************************************************************************************/
/* lightbox.css */
/************************************************************************************************************/
	/**************************************************************

		Lightbox
		v 1.5

	**************************************************************/

	#lbOverlay {
		position: absolute;
		left: 0;
		width: 100%;
		background-color: #000;
		cursor: pointer;
	}

	#lbCenter, #lbBottomContainer {
		position: absolute;
		left: 50%;
		overflow: hidden;
		background-color: #fff;
	}

	.lbLoading {
		background: #fff url(images/loading.gif) no-repeat center;
	}

	#lbImage {
		border: 10px solid #fff;
	}


	.photos {
		padding: 3px;
		border: 1px solid #fff;
	}

	a:hover .photos {
		border: 1px solid #999;
	}

	.lightboxDesc a {
		color: #999999;
		text-decoration: none;
	}

	.lightboxDesc a:hover {
		color: #000000;
		text-decoration: none;
	}

	/***************************

		styles for hidden next & previous buttons

	***************************/
	/*
	#lbPrevLink, #lbNextLink {
		display: block;
		position: absolute;
		top: 0;
		width: 50%;
		height: 32px;
		outline: none;
	}

	#lbPrevLink {
		left: 0;
	
	}

	#lbPrevLink:hover {
		background: transparent url(prevlabel.gif) no-repeat 0% 15%;
	}

	#lbNextLink {
		right: 0;
	}

	#lbNextLink:hover {
		background: transparent url(nextlabel.gif) no-repeat 100% 15%;
	}

	/***************************

		styles for next & previous buttons as part of footer

	***************************/

	#lbPrevLink, #lbNextLink {
		display: block;
		width: 63px;
		height: 32px;
		outline: none;
	}

	#lbPrevLink {
		float: left;
		background: transparent url(images/prevlabel.gif) no-repeat left;
	
	}

	#lbPrevLink:hover {
		background: transparent url(images/prevlabel.gif) no-repeat left;
	}

	#lbNextLink {
		float: right;
		background: transparent url(images/nextlabel.gif) no-repeat right;
	}

	#lbNextLink:hover {
		background: transparent url(images/nextlabel.gif) no-repeat right;
	}

	#lbControls {
		display: block;
		height: 32px;
	}


	/**********************************/


	#lbBottom {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 10px;
		color: #666;
		line-height: 1.4em;
		text-align: left;
		border: 10px solid #fff;
		border-top-style: none;
	}

	#lbCloseLink {
		clear: both;
		display: block;
		float: right;
		width: 66px;
		height: 22px;
		background: transparent url(images/closelabel.gif) no-repeat center;
		margin: 0px 0px 0px 0px;
		/*border: 1px solid #000;*/
	}

	#lbCaption, #lbNumber, #lbDescription {
		margin-right: 71px;
		/*border: 1px solid #000;*/
	}

	#lbCaption {
		font-weight: bold;
	}


	.lightboxDesc {
		display: none;
	}

	/*************************************************************/
