/*---------------------------------------------------------------------------

	[Master Stylesheet]
	Karperkrant Website: 		version 4.0
	Author: Intermix Management - webcommunication & database applications

----------------------------------------------------------------------------*/
/* [ Table of contents ] 

	1.	General assets
			1.1	Body
			1.2 Typography & Images
			1.3 Columns
	2.	Main layout
			2.1 Top
				2.1.1 Menu
			2.2 Content
			2.3 Footer
	3.	Page specific layout
			3.1 Homepage
				3.1.1 Slider navigation
				3.1.2 Carrousel & timer
				3.1.3 Slide 1: Introduction
				3.1.4 Slide 2: What we do
				3.1.5 Slide 3: Mission statement
			3.2 Products
			3.3 References
			3.4 Contact
				3.4.1 Form fields
				3.4.2 Form validation
			3.5 Errorpages*/
	
	
/*	[ 1. General Assets ] */ 


	/*	1.1 Body */
	BODY								{ 	margin: 0px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#595853; line-height: 130%; background: #625b40 url(/images/background.jpg) center top fixed no-repeat;  }
	

	/*	1.2 Typography & Images */
	img									{	border: none; }
	a									{	text-decoration: none; color: #625000; }
	a:hover								{	text-decoration: underline; }
	
	h1, h2, h1 a, h2 a, h1 a:hover, h2 a:hover		{	margin: 0; text-decoration: none;  color: #000000; }
	h1									{	text-align: center; }
	h2									{	font-size: 23px; font-family: "Verdana"; color: #2A1F01; } 
	h3									{	margin: 0;font-size:14px;  }
		
	/*	1.3 Columns */	
	DIV.Main							{	width: 960px; margin: 0 auto;overflow:hidden; }	
	
/*	[ 2. Main layout ] */ 		
	/*	2.1 Top */
	
		/*	2.1.1 Menu */
		ul#menu								{	list-style: none; display: block; margin: 8px 0 0 0; padding: 0;  }
			ul#menu li						{	float: left; cursor: pointer; }
			ul#menu li:hover img			{	visibility: hidden; }
			ul li a:hover					{	text-decoration: none; }
		
		/* 2.1.2 Social Media */
		DIV.SocialMedia						{	float: right; }
			DIV.SocialMedia ul 					{	list-style: none; margin-top: -60px; }
				DIV.SocialMedia ul li				{	margin-bottom: 5px; }
		
	/* 2.2 Content */
	DIV.Content							{	 float: left; width: 779px;min-height:650px; padding: 25px 20px 20px 20px; background: url(/images/content_background.png) repeat; }
	
		/* 2.1.1 Nieuws */
		DIV.Content DIV.Nieuws				{	float: left; width: 430px;display:inline; }
			DIV.Content DIV.Nieuws ul			{	list-style: none; margin: 0; padding: 0; display: block; }
				DIV.Content DIV.Nieuws ul li		{	float:left;background: url(/images/nieuwsitem_background.png) repeat; min-height: 86px; clear: both; width: 408px; margin: 0 0 19px 0; padding: 5px 10px 5px 12px; }
				
				DIV.Content DIV.Nieuws ul li img		{	width: 89px; height: 58px; float: left; margin-right: 11px; }
				DIV.Content DIV.Nieuws ul li p			{ 	margin:0; padding: 0; }
				DIV.Content DIV.Nieuws ul li p > em		{	color: #5f5112; }
				DIV.Content DIV.Nieuws ul li h3			{	padding: 0; margin: 0; }
				DIV.Content DIV.Nieuws ul li a[title*="Lees meer"]		{	float: right;}




		/* 2.1.1 Nieuws */
		DIV.Content DIV.Nieuws_left				{	float: left; width: 450px;display:inline; }
			DIV.Content DIV.Nieuws_left ul			{	list-style: none; margin: 0; padding: 0; display: block; }
				DIV.Content DIV.Nieuws_left ul li		{	float:left;background: url(/images/nieuwsitem_background.png) repeat; min-height: 10px; clear: both; width: 428px; margin: 0 0 5px 0; padding: 5px 10px 5px 12px; }
				DIV.Content DIV.Nieuws_left ul li div.nieuws_content_big	{  margin-left:10px; width: 230px; float: right;}
				DIV.Content DIV.Nieuws_left ul li div.image_big				{ width: 185px; float: left; }
				DIV.Content DIV.Nieuws_left ul li div.image_big img			{ width: 185px; height:150px; float: left;  }
				
				
				DIV.Content DIV.Nieuws_left ul li div.nieuws_content	{  margin-left:10px; width: 290px; float: right;}
				DIV.Content DIV.Nieuws_left ul li div.image				{ width: 105px; float: left; }
				DIV.Content DIV.Nieuws_left ul li div.image img			{ width: 125px; height:100px; float: left;  }
				DIV.Content DIV.Nieuws_left ul li img		{	width: 89px; height: 58px; float: left; margin-right: 11px; }
				DIV.Content DIV.Nieuws_left ul li p			{ 	margin:0; padding: 0; }
				DIV.Content DIV.Nieuws_left ul li p > em		{	color: #5f5112; }
				DIV.Content DIV.Nieuws_left ul li h3			{	padding: 0; margin: 0; }
				DIV.Content DIV.Nieuws_left ul li a[title*="Lees meer"]		{	float: right;}
				
				
		DIV.Content DIV.Nieuws_right 			{	float: right; width: 300px;display:inline; }
			DIV.Content DIV.Nieuws_right ul			{	list-style: none; margin: 0; padding: 0; display: block; }
				DIV.Content DIV.Nieuws_right ul li		{	float:left;background: url(/images/nieuwsitem_background.png) repeat; min-height: 10px; clear: both; width: 278px; margin: 0 0 5px 0; padding: 5px 10px 5px 12px; }
				
				
				DIV.Content DIV.Nieuws_right ul li div.nieuws_content	{ margin-left:10px; width: 190px; float: right;}
				DIV.Content DIV.Nieuws_right ul li div.image				{ width: 78px; float: left; }
				DIV.Content DIV.Nieuws_right ul li div.image img			{ width: 78px; height:60px; float: left;  }
				DIV.Content DIV.Nieuws_right ul li img		{	width: 89px; height: 58px; float: left; margin-right: 11px; }
				DIV.Content DIV.Nieuws_right ul li p			{ 	margin:0; padding: 0; }
				DIV.Content DIV.Nieuws_right ul li p > em		{	color: #5f5112; }
				DIV.Content DIV.Nieuws_right ul li h3			{	padding: 0; margin: 0; }
				DIV.Content DIV.Nieuws_right ul li a[title*="Lees meer"]		{	float: right;}
				
				
				
				
				
				
		
		/* 2.1.2 Spotlights */
		DIV.Content DIV.Spotlight			{ width: 430px; float: left;display:inline;  }
			DIV.Content DIV.Spotlight ul		{	list-style: none; margin: 0; padding: 0; display: block; }
			DIV.Content DIV.Spotlight ul li			{	float:left;background: url(/images/spotlight_background.png) top left repeat; min-height: 132px; clear: both; width: 410px; margin: 0 0 19px 0; padding: 5px 10px 5px 12px; }
			DIV.Content DIV.Spotlight ul li p			{ 	margin:0; padding: 0; }
			DIV.Content DIV.Spotlight ul li p > em		{	color: #5f5112; }
			DIV.Content DIV.Spotlight ul li h3			{	padding: 0; margin: 0; }
			DIV.Content DIV.Spotlight ul li a[title*="Lees meer"]		{	float: right; }			
			DIV.Content DIV.Spotlight ul li img			{	background: # 9F6; display: block; float: left; height: 104px; margin-right:5px; }
		
		DIV.Content DIV.Spotlight_Ads			{ width: 328px; float: left;margin-top:10px;margin-bottom:25px;height:145px;overflow:hidden;  }
			DIV.Content DIV.Spotlight_Ads ul		{	list-style: none; margin: 0; padding: 0; display: block; }
			DIV.Content DIV.Spotlight_Ads ul li			{	background: url(/images/spotlight_Ads_background.png) top left repeat; min-height: 180px; clear: both; width: 306px; margin: 0 0 19px 0; padding: 5px 10px 5px 12px; }
			DIV.Content DIV.Spotlight_Ads ul li p			{ 	margin:0; padding: 0; }
			DIV.Content DIV.Spotlight_Ads ul li p > em		{	color: #5f5112; }
			DIV.Content DIV.Spotlight_Ads ul li h3			{	padding: 0; margin: 0; }
			DIV.Content DIV.Spotlight_Ads ul li a[title*="Lees meer"]		{	float: right; }			
			DIV.Content DIV.Spotlight_Ads ul li img			{	background: # 9F6; display: block; float: left; width: 120px; margin-right:5px; }
		
		/* 2.1.3 Highlights */
		DIV.Content DIV.Highlights			{	 float:right;margin-left:15px;width: 320px; display:inline; }
			DIV.Content DIV.Highlights	ul		{	display: inline-block; margin: 0;  list-style: none; padding: 0; }
					DIV.Content DIV.Highlights ul li{	float: left; width: 130px; height: 96px; margin: 0 30px 19px 0; }
						DIV.Content DIV.Highlights ul li img{ display: block; width: 130px; height: 96px; }
		
		/* 2.1.4 Evenementen */ 
		DIV.Content DIV.Evenementen			{	float: left; width: 279px; clear: left;  }
			DIV.Content DIV.Evenementen ul		{	margin: 0; padding: 0; list-style: none;  }
				DIV.Content DIV.Evenementen ul li	{	background: url(/images/evenementen_background.png) repeat; min-height: 15px; margin-bottom: 1px; }
				DIV.Content DIV.Evenementen ul li	a	{	display: block; width: 279px; padding: 3px;}
		
		/* 2.1.5 Nieuwsbrief */
		DIV.Content DIV.Nieuwsbrief			{	margin-left: 20px;  float: left; }
		
		/* 2.1.5. Contest */
		h2.Contest							{	display: block ; float: right; padding: 0;  }
		
		/* 2.1.6 Advertenties */
		DIV.Content DIV.Advertenties				{	float: left; width: 779px;min-height:444px;display:inline;}
		DIV.Content DIV.Advertenties .ad {float:left;width:200px;height:175px;}
		DIV.Content DIV.Advertenties .vermelding {background-color:#D2CDBD;padding:5px;width:190px;overflow:hidden;margin-bottom:25px;}
		DIV.Content DIV.Advertenties .vermelding img {
			max-width:180px;
			max-height:50px;
		}

		DIV.Content DIV.Advertenties .trip {float:left;width:100%;margin-top:25px;background-color:#D2CCBC}
		DIV.Content DIV.Advertenties .trip .image {float:left;width:100px;padding-right:20px;}
		DIV.Content DIV.Advertenties .trip .image img {float:left;max-width:100px;max-height:80px;}
		DIV.Content DIV.Advertenties .trip .text {float:left;margin-top:5px;}
		
		/* 2.1.7 Archief */
		DIV.Content DIV.Archief			{	 float:left;width: 328px; display:inline; background: url(/images/archief_background.png) repeat-y; }
		DIV.Content DIV.Archief DIV.slide	{	 color:#625000; }		
		DIV.Content DIV.Archief DIV.slide	p {	 padding:0 5px 0 5px; }
		DIV.Content DIV.Archief DIV.slidekopje {	 padding:0 5px 0 5px; }		
	/* 2.3 Sidebar */
	DIV.Sidebar							{	width: 121px; float: left;  padding-left: 20px; }
		DIV.Sidebar DIV.Zoeken				{	clear: both; height: 53px; margin-top: 32px; }
			DIV.Sidebar DIV.Zoeken	input[type=text]	{	width: 78px; font-size: 11px; float: left; display: block; }
			DIV.Sidebar DIV.Zoeken	input[type=submit]	{	margin-top: -10px; float: left; display: block; border: none; background: url(/images/ok_button.png) no-repeat top left; cursor: pointer; text-indent: -999px; width: 37px; height: 36px; }
		
		DIV.Sidebar ul						{	list-style: none; margin: -23px 0 0 0; padding: 0;  }
		DIV.Sidebar ul li						{	margin: 10px 0; }
		DIV.Sidebar ul li a 						{	color: #fff; display: block; width: 118px; height: 58px;}
	
	/* 2.4 Big Banner */
	DIV.BigBanner						{	clear: both; width: 450px; margin: 0 auto; padding-top: 15px; overflow:hidden;}
		DIV.BigBanner a					{	display: block; margin: 0 auto; }
	
	/*	2.3 Footer */
	DIV.Footer							{	clear: both; width: 950px; margin: 20px auto; background:url(/images/footer_background.png) top left repeat; min-height: 18px;  padding: 5px;  }
		DIV.Footer ul					{	list-style: none; display: inline; float: left; margin: 0;  padding: 0;  }
			DIV.Footer ul li				{	float: left; margin: 0; padding: 0 5px; border-left: 1px solid #fff; }
			DIV.Footer ul li:first-child	{	 border-left: none; padding-left: 0px; }
		
				DIV.Footer ul li a					{ color: #fff; }		

		DIV.Footer p							{	display: block; float: right; color: #e0d99f; padding: 0; margin: 0;   }
		DIV.Footer p a							{ color: #e0d99f; }
		
		DIV.News_Container {float:left;display:inline;}
		DIV.newsitem { float:left;width:410px;min-height:101px; background:url(/images/news_background.png) repeat-y;padding:5px;}
		DIV.newsitemfirst { float:left;width:700px;padding:5px;min-height:90px; !important; background:url(/images/news_first_background.png) repeat-y;}
		DIV.newsitem p {padding:0;float:left;margin-top:3px;}
		DIV.first img {float:left;}
		
		DIV.News_Archive {background-image:url('/images/News_Archive_Background.png');float:left;padding:5px;width:276px;height:320px;display:inline;overflow:auto;}
		
		DIV.AdSearch {float:left;width:330px;margin-left:25px;height:175px;}
		DIV.AdSearch div {float:left;background-color:#D2CCBC;width:330px;height:35px;}
		DIV.AdSearch div span {float:left;display:inline;}
		DIV.AdSearch div span input {margin:8px 10px 0 8px;border:1px solid #fff;width:200px;}
		DIV.AdSearch div span h2 {cursor:pointer;}
		
		.EvenementenTable {margin-top:5px;float:left;}
		.EvenementenTable tr {background-image:url('/images/Evenement_background.png');}
		.EvenementenTable tr td {padding:6px 0px 6px 4px}
		
		.NoBg {	background-image:url('/') !important;height:5px;overflow:hidden;}
		.NoBg td {	padding:0px !important;}
		
		.EvenementPictureRight {float:right;width:310px;display:inline;margin-top:5px;}
		
		.EvenementPictureBottom {float:left;}
		
		.Contest	{float:left;}
		.Contest .item	{float:left;width:175px;min-height:180px;font-size:13px;padding-top:5px;font-weight:bold;margin-right:10px;margin-bottom:20px;}
		.Contest .item img {margin-top:10px;}
        
        
.input {
    border: 1px solid #fff;
    margin-bottom: 5px;
}
.bg {
    background-color: #B8B199;
    margin-top:5px;
    padding: 5px;
    float:left;
}

.AdPictures {
	margin-top:10px;
	float:left;
	width:328px;
}

.AdPictures img {
	float:left;
	display:inline;
	max-width:104px;
	margin-right:8px;
	cursor:pointer;
}

.editAd input {font-size:10px;}