
* {
 	font-family: Arial, Helvetica, sans-serif;
/* 	margin: 0;
	padding: 0;*/
}

html {
	height:100%;
	margin:0px;
	padding:0px;
}

body {
	background-color:#333;  /* this is not the color I took with Photoshop! Why mozilla parses #383838 to dark I don't know...*/
	margin:0px;
	padding:0px;
	margin-top:15px;
	margin-bottom:15px;
	height:100%;
}


#container {
	width: 995px;
	margin-left:auto;
	margin-right:auto;
}

#page {
	width: 847px;
	float:left;
}

#reclcol {
	float:right;
	width:142px;
	padding-bottom:22px;
	background-image:url(/domains/foodcenter.nl/images/reclcol_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:center;
}
	#reclcol .title {
		width:142px;
	    height:21px;
	    font-size:12px;
		color:#fff;
		background-image:url(/domains/foodcenter.nl/images/reclcol_top.gif);
		background-repeat:no-repeat;
	}
	#reclcol .banners {
		width:142px;
		text-align:center;
		padding-top:10px;
		background-color:#ccc;
	}
	#reclcol .banners a {
		width:120px;
		height:100px;
    }
	#reclcol .banners img {
		border:0px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
	}

#header {
/* 	background-image:url(/domains/foodcenter.nl/images/header_default.jpg); */
    background-repeat:no-repeat;
	width: 847px;
	height: 138px;
}

#header h1 {
	background-image:url(/domains/foodcenter.nl/images/header_box.png);
    background-repeat:no-repeat;
	width: 847px;
	height: 138px;
}

#header h1 a {
	display: none;
}



#menu {
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	background-image: url(/domains/foodcenter.nl/images/menu_back.png);
    background-repeat: repeat-x;
    height: 30px;
	margin-top: auto;
	margin-bottom: auto;
}
/*
#menu ul {
	display: table;
	list-style-type: none;
	white-space: nowrap;
    height: 30px;
}
#menu li {
	position: static;
    height: 30px;
	display: table-cell;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
    border-right: 1px solid #fff;
	cursor: pointer;
	color: #fff;
	font-family: helvetica,arial;
	font-size:87%;
	font-weight:none;
}
#menu li:hover,#menu li.mainButtonOver {
	background-color:#F9915E;
}
#menu li a {
	color: #fff;
	text-decoration:none;
}
*/

#content {
	background-color:#fff;
	border-left:1px solid #333;
	border-right:1px solid #333;
	display: block;
	width: 815px;
	height:auto;
	min-height: 300px;
	padding:15px;
	background-image:url(/domains/foodcenter.nl/images/content_back_right.png);
	background-repeat:repeat-y;
	background-position:right;
}

#content .content {
	font-family: helvetica,arial;
	font-size: 12px;
	line-height:150%;
	height:auto;
}

	#content #left {
		float: left;
		display:block;
		width:32%;
		height:inherit;
		margin-right:15px;
		height:100%;
	}
	#content #middle {
		float: left;
		display:block;
		width:32%;
		height:100%;
	}
	#content #right {
		float:right;
		width:32%;
/* 		margin-left:15px; */
		height:100%;
/* 		background-color: #ebebeb; */
	}

		#content h1 {
 			font-size: 14px;
			line-height:150%;
            font-style:normal;
            font-weight:normal;
			color: #E24F08;
 		}


		#content .default {
 			margin-bottom:30px;
		}


		#right .box {
			margin-bottom:15px;
		}

		#right .box div.boxtitle,
		#right .box div.boxcontent {
			padding:2px;
			padding-left:5px;
			padding-right:5px;
		}

		#right .box_orange {
        	background-color:#fbd6b1;
		}
		#right .box_orange div.boxtitle {
        	height:21px;
        	background-image:url(/domains/foodcenter.nl/images/head_orange.gif);
        	background-repeat:repeat-x;
        	background-position:middle;
			color:#fff;
		}
		#right .box_orange div.boxtitle h1.title {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 15px;
			font-weight: normal;
			color: #FFFFFF;
		}


		#right .box_blue {
        	background-color:#d5e5f6;
		}
		#right .box_blue div.boxtitle {
        	height:21px;
        	background-image:url(/domains/foodcenter.nl/images/head_blue.gif);
        	background-repeat:repeat-x;
        	background-position:middle;
			color:#fff;
			vertical-align:top;
		}
		#right .box_blue div.boxtitle h1.title {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 15px;
			font-weight: normal;
			color: #FFFFFF;
		}


		#right .box_green {
        	background-color:#E3E5D8;
		}
		#right .box_green div.boxtitle {
        	height:21px;
        	background-image:url(/domains/foodcenter.nl/images/head_green.gif);
        	background-repeat:repeat-x;
        	background-position:middle;
			color:#fff;
		}
		#right .box_green div.boxtitle h1.title {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 15px;
			font-weight: normal;
			color: #FFFFFF;
		}

	#content ul,#content ol {
    	margin-left:20px;
	}

	#content table.form {
    	width:95%;
	}

	#content .company_search {
		width:220px;
	}
	#content .company_search fieldset {
    	border:1px solid #ebebeb;
    	padding:5px;
    	margin-bottom:5px;
	}
	#content .company_search label {
    	background-color:#fff;
	}

	.content img {
		margin-right:10px;
	}

	.news_date{
		display:none;
	}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {display: inline-block;}


#footer {
	background-image:url(/domains/foodcenter.nl/images/footer_back.png);
    background-repeat:no-repeat;
	width: 847px;
    height: 24px;
    color: #fff;
	font-size:11px;
	line-height:normal;
	padding:0px;
}
#footer a {
    color: #fff;
	text-decoration:none;
}
#footer hr {
	display:none;
}
#footer .copyrights {
	padding:5px;
	padding-left:15px;
	float:left;
}
#footer .address {
	padding-top:5px;
	padding-right:15px;
	float:right;
}


#footer ul {
	display: inline;
	list-style-type: none;
	white-space: nowrap;
	margin:0px;
	padding:0px;
}
#footer li {
	display:inline;
	color: #fff;
}
#footer li:hover,#footer li.mainButtonOver {
}
#footer li a {
	color: #fff;
	text-decoration:none;
}


.company_search {
	width:auto;
}
.company_search select {
	width:100%;
}


input.input {
	border:1px solid #999;
	background-color:#ddd;
	padding:2px;
	margin-bottom:5px;
	font-size: 11px;
	line-height:150%;
}

input.submit {
	padding:2px;
	font-weight:bold;
}

/*
.module_contents table {
 	width:33%;
}
*/

.hyarchMenu td {
	padding:0px;
	line-height:100%;
}
#content .module_contents img,
#content .hyarchMenu img {
    margin:0px;
	padding:0px;
}

#content #middle .loginform {
	width:32%;
/* 	margin-left:auto; */
/* 	margin-right:auto; */
}

#content #middle .loginform table td {
	text-align:left;
}

.module_contents p {
	text-align:left;
}






#content .content .title,
#content .content h1 {
	font-size: 22px;
	line-height:150%;
	font-style:normal;
	font-weight:normal;
	color: #E24F08;
}



.subtitel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #000;
}
.vet_oranje {
	font-family: Arial, Helvetica, sans-serif;
/*	font-style: bold;*/
	font-weight: bold;
	color: #E24F08;
}

#container #content a:hover {
	text-decoration:underline;
}


