/* 	CSS FILE FOR SLICE */
/*	
/*	written by simon.hellin@vandenbroele.be
/*	edited by pieter.daveloose@vandenbroele.be
/*	written for vanden broele
*/

@import url("typo.css");
@import url("menu.css");

/*************************************
	SOME BASICS
/*************************************/

body{
	background: #b9d305 url(assets/bg.gif);
	font: 12px/18px Arial, Sans-Serif;
	color: #333333;
}

input:focus,
a:focus{
	outline: none;
}
.floatleft{
	float: left;
}
.floatright{
	float: right;
}
/*************************************
	CLEARFIX
/*************************************/
.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0px;
		line-height: 0px;
}


/*************************************
	STRUCTURE
/*************************************/

#container.intro { width: 620px; margin: 0px auto; margin-top: 28px; }
#intro-footer.intro { background: #f8ef18 url(assets/intro-repeater.jpg) repeat-x left top; height: 128px; text-align: center; }
	#intro-footer.intro .inner { text-align: left; margin: -5px auto 0px auto; width: 620px; padding: 12px 0; }
	
		#intro-footer.intro #logo {  }
		#intro-footer.intro #buttons { margin-top: 16px; margin-left: 10px; }
			#intro-footer.intro #buttons a { border: none; }

#container{
	width: 960px;
	margin: 20px auto 0;
}
	#top{
		width: 870px;
		height: 17px;
		margin: 0 auto 0;
		padding: 0;
		background: url(assets/bg-top.png) no-repeat 0 3px;
		
	}
		
	#center {
		width: 860px;
		margin: 0 auto 0;
		background: url(assets/bg-center03.png);
		padding: 0 5px 20px 5px;
	}
		#background-wrapper{
			
		}
		#top-left {
			width: 245px;
			padding: 0 40px 0 20px;
			background: url(assets/bg-wrapper.png) no-repeat;
		}
		#bottom-left {
			width: 245px;
			padding: 0 40px 0 20px;
		}
			#logo{
				width: 250px;
				height: 95px;
				margin: 7px 0 35px 0;
				display: inline-block;
			}
			.doemee{
				background: #f1f1f1;
				border: 1px solid #cccccc;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				padding: 5px 10px 8px 10px;
			}
			.type_standaard.border {
				border: 1px solid #b9d305;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				margin: 0 0 20px 0;
				padding: 10px;
			}
			#submenu{
				border: 1px solid #b9d305;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				margin: 0 0 20px 0;
				padding: 10px;
			}
			#buttons p a{
				border: none;
			}
		#top-right {
			width: 535px;
			padding: 0 20px 0 0;
			background: url(assets/bg-wrapper.png) no-repeat;
			_width: 529px;
		}
		#bottom-right {
			width: 535px;
			padding: 0 20px 0 0;
			_width: 529px;
		}
			#header{
				width: 535px;
				_width: 528px;
				height: 240px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border: 1px solid #b9d305;
			}
				#image{
					height: 190px;
					background: #ffffff url(assets/image.jpg);
				}
				
				/* Voedingsweek geen menu waardoor beeld groter moet */
				#header.voedingsweek #image {
					height: 240px;
					background: #ffffff url(assets/image.jpg);
				}
				
				#menu{
					background: #b9d305;
				}
			#content{
				width: 860px;
				padding: 6px 0 6px 0;
				margin: 2px 0 2px 0;
			}
			.contentpane { margin: 26px 20px; }
	#bottom{
		width: 870px;
		height: 15px;
		background: url(assets/bg-bottom.png) no-repeat;
		margin: 0 auto 0;
	}

#footer{
	width: 860px;
	height: 41px;
	margin: 0 auto 0;
	background: url(assets/footer.png) no-repeat;
}

/*************************************
	FOTOS
/*************************************/
.lijst-fotos{
}
.foto{
	width: 150px;
	border: 1px solid #cccccc;
	margin-right: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.foto-title{
	height: 40px;
	text-align: center;
	padding: 5px;
}
.foto-img{
	height: 100px;
	overflow: hidden;
}

/*************************************
	NEWS/BLOGPOST
/*************************************/


/*************************************
	TABLE
/*************************************/
table								{ font: bold 12px/18px Arial, Sans-Serif; margin: 2px 0px; }
th, td								{ padding: 2px 4px; line-height: 24px; }



#center.normal table {
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
#center.normal table tr th {
	font: bold 12px/18px Arial, Sans-Serif;
	color: #333333;
	background: #f1f1f1;
	padding: 10px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;

}
#center.normal table tr td {
	font: 12px/18px Arial, Sans-Serif;
	color: #333333;
	padding: 10px;
	border-bottom: 1.5px solid #cccccc;
	border-right: 1px solid #cccccc;
	vertical-align: middle;
}
#center.normal table.zoeken{
	border: none;
	
}
#center.normal table.zoeken tr td{
	border: none;
	padding: 5px;
}

#center.normal .autocomplete table tr td{ padding:0; border: none; text-decoration: none;}

#center.normal .actions table tr td { padding: 2px; }
table.ModuleTitle_SubMenu { width: 240px; background-color: #f4f4f4; }
table tr.ModuleTitle_MenuBreak { display: none; }

#center.normal table.news {
	border: none;
}
#center.normal table.news tr td {
	border: none;
	vertical-align: top;
}
#center.normal table.news tr td.date {
	color: #92a500;
	font-weight: bold;
	font-style: italic;
	font-size: 10px;
	padding: 10px 15px 0 0;
}
/*************************************
	CONTACT FORM
/*************************************/
input[type=text] { 
	border: 1px solid #cccccc;
	width: 380px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color: #4c4c4c;
} 
a.button{
	float: right;
	padding: 3px 10px;
	text-align: center;
}
a.button:hover{
		color: #333333;
	border: 1px solid #92a500;
}
input[type=submit],
a.button { 
	background: #e5ffa5;
	border: 1px solid #b9d305;
	width: 100px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	cursor: pointer;
	color: #555555;
}
input:hover[type=submit] { 
	color: #333333;
	border: 1px solid #92a500;
} 
textarea{
	width: 380px;
	border: 1px solid #cccccc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
span.validation{
	color: #dd0000;
	font-size: 11px;
}

label{
	display: inline-block;
	width: 150px;
	margin-right: 20px;
}
select{
	width: 250px;
}
#zoek input[type=submit],
#zoek_nr input[type=submit]{ 
	margin-left: 220px;
} 
#zoek_nr input[type=text] { 
	border: 1px solid #cccccc;
	width: 150px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color: #4c4c4c;
} 


.DNNEmptyPane { display: none; visibility: hidden; }

/*************************************
	ACTIE MODULE
/*************************************/

.leftTitel {font-weight: bold;}