/*****INHOUDSOPGAVE****
1. Basis
2. Pagina opmaak
	2.1 Standaard opmaak
	2.2 Contact pagina opmaak
	2.3 Home pagina opmaak
	2.4 Footer opmaak
	2.5 Projecten pagina opmaak
3. Navigatie
4. Formulieren
5. Tekstopmaak
	5.1 Standaard opmaak
	5.2 Blok opmaak
**********************/


/**********************
****** 1. Basis *******
**********************/
*	{
	padding:0;
	margin:0;
}

html, body	{
	padding: 0;
	margin: 0;
	background:url(../../images/layout/bgImage.jpg) repeat #fffaee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#323232;
}

img	{
	padding:5px;
	background:#fffbef;
	border:1px solid #cbc5b6;
}
	.footerImg	{
		padding:0;
		background:none;
		border:none;
	}

iframe	{
	padding:5px;
	background:#fffbef;
	border:1px solid #cbc5b6;
}

#container	{
	width:100%;
	background: url(../../images/layout/bgStroke.jpg) repeat-x #fffaee;
}
	#header	{
		width:800px;
		margin:0 auto;
		height:96px;
		min-height:96px;
	}
		#logo	{
			width:246px;
			height:95px;
			min-height:95;
			background:url(../../images/layout/logo.png) no-repeat;
			float:left;
			margin-top: 10px
		}
		#slogan	{
			width:442px;
			height:95px;
			min-height:95px;
			background:url(../../images/layout/ornaments.jpg) no-repeat;
			float:right;
		}
	
	#content	{
		width:800px;
		margin:0 auto;
		padding:10px 0 0 0;
	}

#footer	{
	width:100%;
	height:350px;
	min-height:350px;
	background:url(../../images/layout/bgStrokeFooter.jpg) repeat-x;
}

/**********************
** 2. Pagina opmaak ***
**********************/

/*** 2.1 Standaard opmaak ***/
#submenu	{
	width:245px;
	float:left;
}
	#submenutop	{
		background:url(../../images/layout/submenuTop.jpg) no-repeat;
		width:240px;
		height:15px;
		min-height:15px;
		margin:4px 0 5px 0;
	}
#contentStandaard	{
	width:555px;
	float:right;
}
	.buffer	{
		display:block;
		height:10px;
		min-height:10px;
		width:100%;
		clear:both;
	}

/*** 2.2 Contact pagina opmaak ***/
#ContactleftCol	{
	width:400px;
	float:left;
	margin-left:3px;
}
#ContactrightCol	{
	width:373px;
	float:left;
	margin-left:14px;
}
	#ContactleftColTekst{
		width:400px;
		height:15px;
		min-height:15px;
		display:block;
		background:url(../../images/layout/contactLeft.jpg) no-repeat #9d5a11;
	}
	#ContactrightColTekst{
		width:383px;
		height:15px;
		min-height:15px;
		display:block;
		background:url(../../images/layout/contactRight.jpg) no-repeat #9d5a11;
		margin:0;
	}
		#contactForm	{
			background-color:#fef5da;
			width:400px;
		}
			#contactForm label	{
				width:60px;
				display:block;
			}
		#contactFormbinnen	{
			width:380px;
			margin:5px 5px;
		}
			.inputContact  {
				border: 1px solid #DAD2CA;
				font: normal 11px Arial, Helvetica, sans-serif;
				padding: 2px;
				width: 190px;
				color: #462706;
				float:left;
			}
			.inputBericht  {
				border: 1px solid #DAD2CA;
				font: normal 11px Arial, Helvetica, sans-serif;
				padding: 2px;
				width: 370px;
				color: #462706;
			}
			.inputSpam  {
				border: 1px solid #DAD2CA;
				font: normal 11px Arial, Helvetica, sans-serif;
				padding: 2px;
				width: 50px;
				color: #462706;
			}
		#contactRightTekst{
			margin-left:5px;
		}
			.Contact_tekstInfo1	{
				width:170px;
				margin-left:5px;
				float:left;
			}	
		
/*** 2.3 Home pagina opmaak ***/
#homeLeftCol	{
	width:500px;
	float:left;
}
	#homeLeftColHeader	{
		background:url(../../images/layout/homeLeft.jpg) no-repeat #9d5a11;
		width:500px;
		height:15px;
		min-height:15px;
	}
#homeRightCol	{
	width:270px;
	float:left;
	margin:0 0 0 12px;
	background:#f4eedb;
}
	#homeRightColHeader	{
		background:url(../../images/layout/homeRight.jpg) no-repeat #9d5a11;
		width:270px;
		height:15px;
		min-height:15px;
	}
	#homeRightColTekst	{
		width:250px;
		margin:5px 5px 0 15px;
	}
	#homeRightColTekst	li{
		margin:5px;
	}
		
		#hoodImageBG	{
			 background:url(../../images/layout/mainImgBG.png) no-repeat;
			 width:800px;
			 height:313px;
			 min-height:313px;
		}
		ul#pikame{
			padding-left:0;
			float:right;
			margin:-280px 75px 0 0;
			width:200px;
			}
		.pika_main{
			margin:0;}
		#pikame li{
			margin:5px;
			float: left;
			border:1px solid #cbc5b6;
			overflow:hidden;
			}
			/*margin:5px;
			height:100px;
			min-height:100px;
			width:250px;
			float: left;
			border:1px solid #cbc5b6;
			display:inline;
			overflow:hidden;}*/

		ul#pikame li img{cursor:pointer; position:relative; border:none; padding:0px;}
		.pika_main img{border:none; padding:5px 5px 5px 5px; background:none; width:470px; height:300px; min-height:300px; margin:1px 1px 0 1px;}
		.pika_main{margin:0; border:none;}
		/*.pikachoose li{float:left;position:relative;overflow:hidden; list-style:none;}*/
		.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
		.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
		.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
		.pika_play img{border:none !important;}
		.pika_caption{width:471px;height:20px; min-height:20px; background:#eee9d9; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; position:absolute; display:inline; margin:287px 0 0 -477px; text-align:center;}
		.pika_navigation a{font-size: 12px;color:white;text-decoration: none;}
		.pika_navigation a:hover{text-decoration: underline;}
		.pika_navigation{padding-top:10px;clear:both;text-align:center;}


/*** 2.4 Footer opmaak ***/
#footerAdres	{
	width:800px;
	margin:0 auto;
}
#footerOrnament	{
	width:100%;
	height:90px;
	min-height:90px;
	clear:both;
}
#footer ul#contacts {
	margin: 0px;
	padding: 0px;
	width: 225px;
	line-height: normal;
}
	#footer ul#contacts li {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 25px;
		height: 20Px;
		list-style:none;
	}
		#footer ul#contacts li#phone {
			background: url(http://www.atelierkemperman.nl/images/layout/iconTel.gif) no-repeat;
		}
		#footer ul#contacts li#fax {
			background: url(http://www.atelierkemperman.nl/images/layout/iconFax.gif) no-repeat;
		}

/*** 2.5 Projecten pagina opmaak ***/
#contentStandaard .projectItem	{
	list-style:none;
	width:170px;
	float:left;
	margin:5px 5px 20px 10px;
}
#contentStandaard .projectItem h2	{
	color:#806E59;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	margin:0;
}

#contentStandaard .projectItemTekst	{
	margin:0px 5px 0 5px;
}

.projectImageMain	{
	margin:4px 0 0 0;
}

#submenu #projectDetailSubmenu	{
	margin:10px 0 0 0;
}
	#submenu #projectDetailSubmenu	ul li a	{
		color:#603e19;
		font-size:14px;
		font-weight:bold;
	}
	#submenu #projectDetailSubmenu	ul li a:hover	{
		color:#d4af84;
		font-size:14px;
		font-weight:bold;
	}
td	{
	vertical-align:text-top;
}


/**********************
**** 3. Navigatie *****
**********************/

#navigatie	{
	height:48px;
	min-height:48px;
	width:800px;
	margin:0 auto;
}
	#navigatie li	{
		list-style:none;
		background:url(../../images/layout/navStroke.jpg) left no-repeat;
		float:left;
	}
	#strokeList	{
		list-style:none;
		background:url(../../images/layout/navStroke.jpg) left no-repeat;
		float:left;
		height:48px;
		min-height:48px;
		width:2px;
	}
			a.navButton	{
				display:block;
				height:48px;
				min-height:48px;
				padding:0 15px 0 15px;
				margin:0 0 0 2px;
				text-decoration:none;
			}
				a.navButton_on	{
					display:block;
					height:48px;
					min-height:48px;
					padding:0 15px 0 15px;
					margin:0 0 0 2px;
					text-decoration:none;
					background:url(../../images/layout/navStrokeOver.jpg) left repeat-x;
					cursor:default;
				}
					a.navButton_on span	{
						height:33px;
						min-height:33px;
						display:block;
						padding:16px 10px 0 10px;
						color:#FFF;
						font: normal 16px Georgia, "Times New Roman", Times, serif;
						font-weight:normal;
						text-decoration:none;
					}
			a.navButton:hover	{
				background:url(../../images/layout/navStrokeOver.jpg) left repeat-x;
			}
				a.navButton span {
					height:33px;
					min-height:33px;
					display:block;
					padding:16px 10px 0 10px;
					color:#f5ecec;
					font: normal 15px Georgia, "Times New Roman", Times, serif;
					font-weight:normal;
					text-decoration:none;
				} 

#submenu li	{
		list-style:none;
}
	#submenu li	a{
			font: normal 24px Arial, Tahoma, Geneva, sans-serif;
			color:#d4af84;
			text-decoration:none;
	}
	#submenu li	a:hover{
			color:#603e19;
			text-decoration:none;
	}
		#submenu li	a.submenu_on{
				font: normal 24px Arial, Tahoma, Geneva, sans-serif;
				color:#603e19;
				text-decoration:none;
		}

/**********************
*** 4. Formulieren ****
**********************/


/**********************
**** 5. Tekstopmaak ***
**********************/

/***** 5.1 Standaard opmaak ****/

h1	{
	margin:0 0 0 0;
	display:block;
}
	h1 span.hidden	{
		visibility: hidden;
		text-indent: -9999px;
	}
h2	{
	color:#806E59;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	margin-top:5px;
	margin-bottom:5px;
}
h3	{
	color:#603a11;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:0px;
}

b, strong	{
	color:#603a11;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

i	{
	color:#603a11;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
}
a	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#965502;
}

a:visited	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#965502;
}

a:hover	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#323232;
	text-decoration:none;
}

/***** 5.2 Blok opmaak ****/
#slogan span  	{
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	color:#54320a;
	float:left;
	padding:40px;
}
#contentStandaard	li{
	margin:0 0 0 15px;
	list-style:circle;
}