/*bruin #170906*/
/*oranje #e07030*/
/*text #ffd6bd*/
/*bg #2b1e1c*/

html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-family: verdana;
	font-size: 11px;
	color: #ffd6bd;
	background-color:#2b1e1c;
	margin: 0;
	padding: 0;
}

#background
{
	background:url(../images/background.gif) no-repeat 50% 0%;
}

#wrapper
{
	width:1000px;
	margin: 0 auto;
}

	#wrapper #banner
	{
		height:164px;
		width:100px;
	}

/* MENU */
#menu  {
	width:1000px;
	clear:both;
}

#menu span {
	display:none;
}

#menu li {
	display:inline;
}

#menu ul {
	padding:0px;
	margin:0px;
}	

#menu a {
	display:block;
	height: 82px;
	float:left;
	width:167px;
	border: 0;
}

	#menu a#home 
	{
		background-image:url(../images/homeuit.jpg);
	}
	
	#menu a#homeaan,
	#menu a#home:hover 
	{
		background-image:url(../images/homeaan.jpg);
	}
	
	
	#menu a#voorstellen 
	{
		background-image:url(../images/voorstellenuit.jpg);
		width:166px;
	}
	
	#menu a#voorstellenaan,
	#menu a#voorstellen:hover 
	{
		background-image:url(../images/voorstellenaan.jpg);
		width:166px;
	}
	
	#menu a#portret 
	{
		background-image:url(../images/portretuit.jpg);
	}
	
	#menu a#portretaan,
	#menu a#portret:hover 
	{
		background-image:url(../images/portretaan.jpg);
	}

	#menu a#bedrijf 
	{
		background-image:url(../images/bedrijfuit.jpg);
		width:166px;
	}
	
	#menu a#bedrijfaan,
	#menu a#bedrijf:hover 
	{
		background-image:url(../images/bedrijfaan.jpg);
		width:166px;
	}

	#menu a#bruid 
	{
		background-image:url(../images/bruiduit.jpg);
		
	}
	
	#menu a#bruidaan,
	#menu a#bruid:hover 
	{
		background-image:url(../images/bruidaan.jpg);
	}
	
	#menu a#contact 
	{
		background-image:url(../images/contactuit.jpg);
	}
	
	#menu a#contactaan,
	#menu a#contact:hover 
	{
		background-image:url(../images/contactaan.jpg);
	}

/* content */

#content
{
	clear:both;
	width:1000px;
	height:550px;
	background-repeat:no-repeat;
	background-image:url(../images/content.jpg);
}

	#content h1
	{
		padding: 10px 0 0 30px;
		margin-bottom: 0;
		font-size: 16px;
		font-weight: bold;
		text-decoration: underline;
		color: #e07030;
	}
	
	#content h2
	{
		padding: 10px 0 0 30px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: bold;
		text-decoration: underline;
		color: #e07030;
	}
	
	#content p
	{
		width: 600px;
		padding: 0px 0 0 30px;
	}
	
		#content div.smal p
		{
			width: 480px;
		}
	
	
/* contactformulier */
#content form 
{
	width:600px;
}

	#content form span 
	{
		color: #e07030;
	}
	
	#content form p.info 
	{
		margin: 5px 0 0 0;
	}

	#content form ul
	{
		padding:0;
	}
	
		#content form ul li
		{
			list-style:none;
			margin:3px 0 0 30px;
		}
	
			#content form ul li label 
			{
				width: 200px;
				float: left;
				clear: both;
			}
			
			#content form ul li input.invoerveld,
			#content form ul li input.submit,
			#content form ul li input.postcode,
			#content form ul li input.plaats
			{
				border: #e07030 solid 1px;	
				background-color:#2b1e1c;
				color: #ffd6bd;
			}
			
			#content form ul li input.invoerveld
			{
				width:250px;
			}
				
			#content form ul li input.postcode
			{
				width: 60px;
			}
			
			#content form ul li input.plaats
			{
				width: 184px;
			}
			
		#content form ul li.info
		{
			margin:2px 0 0 30px;
		}
		
			#content form ul li.info ul 
			{
				margin: 5px 0 10px 0;
			}
			
			#content form ul li.info ul li
			{
				margin-top: 0;
			}
			
			#content form ul li.info label 
			{
				width: 170px;
				float: left;
				clear: both;
				padding-top:5px;
			}
			
			#content form ul li.info input 
			{
				padding-top: 5px;
			}
				
	
		
	#content form input.submit
	{
		
	}

	#content form textarea {
		width:250px;
		height:100px;
		border: #e07030 solid 1px;
		background-color:#2b1e1c;
		color: #ffd6bd;
	}

/* plaatjes */
	#content div.thumb img.thumbimage
	{
		width: 86px;
		height: 86px;
		border: 3px solid #170906;
		opacity:0.4;
		filter: alpha(opacity = 40);
	}
	
	#content div.thumb img.selectedthumbimage
	{
		width: 86px;
		height: 86px;
		border: 3px solid #e07030;
		opacity:1.0;
		filter: alpha(opacity = 100);
	}
	
	#content div.thumb img.thumbimage:hover
	{
		opacity:1.0;
		filter: alpha(opacity = 100);
	}
	
	#content div.thumb
	{
		width: 86px;
		height: 86px;
		padding-left:5px;
		padding-right:5px;
		margin: 12px 0 7px 0;
	}
	
	#content div.sort0,
	#content div.sort1,
	#content div.sort2,
	#content div.sort3,
	#content div.big
	{
		margin-top:20px;
		margin-left:17px;
		float:left;
	}
	
	#content div.big
	{
		width:500px;
		height:500px;
		border: 3px solid #e07030;
		padding:0;
	}
	
		#content div.big img.bigimage
		{
			width:500px;
			height:500px;
		}
		
		#content div.big div.prev,
		#content div.big div.next
		{
			position:absolute;
			width: 75px;
			height: 50px;
			margin-top:10px;
			opacity:0.2;
			filter: alpha(opacity = 20);			
		}
		
		#content div.big:hover div.prev,
		#content div.big:hover div.next
		{
			opacity:1.0;
			filter: alpha(opacity = 100);
		}
		
		#content div.big div.prev
		{

		}
		
		#content div.big div.next
		{
			margin-left:425px;
		}
		
		#content div.big div.next img,
		#content div.big div.prev img
		{
			width: 75px;
			height: 50px;
			border: 0;
		}
		


#content #sidebar
{
	position:absolute;
	background-image:url(../images/sidebar.png);
	background-repeat:no-repeat;
	width:309px;
	height:331px;
	top:250px;
	margin-left:670px;
}

	#content #sidebar h2.sidebartop,
	#content #sidebarbig h2.sidebartop
	{
		color: #ffd6bd;
		text-decoration:none;
		font-size:18px;
		margin: 12px 0 15px 5px;
	}
	
	#content #sidebar h3
	{
		color: #e07030;
		text-decoration:none;
		font-size:12px;
		margin: 10px 0 0 35px;
	}
	
	#content #sidebar p
	{
		width:300px;
		margin: 10px 0 0 5px;
	}
	
#content #sidebarbig
{
	position:absolute;
	background-image:url(../images/sidebarbig.png);
	background-repeat:no-repeat;
	width:450px;
	height:475px;
	top:250px;
	margin-left:534px;
}	

	#content #sidebarbig object
	{
		margin: 0px 0 0 28px;
	}


#footer
{
	clear:both;
	background-image:url(../images/footer.jpg);
	width:1000px;
	height:50px;
	text-align:center;
}

	#footer span
	{
		height:25px;
		
	}
	
	#footer span a
	{
		color:#ffd6bd;
	}
	
	#footer span a:hover
	{
		text-decoration:underline;
		color:#170906;
	}
	
.kopjes
{
	color:#e07030;
}

A:link {text-decoration: none; color: #e07030}
A:visited {text-decoration: none; color: #e07030}
A:active {text-decoration: none; color: #e07030}
A:hover {text-decoration: underline; color: #FFFFFF}