/*-----------------------------------*/
/*------------- MidFresh ------------*/

	html { color: #3a3a3a; /*40408b*/background: #393983 url("/Content/Images/Website/bg.jpg") repeat-y center top; height: 100%; }

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }

	h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }

	table { border-collapse: collapse; border-spacing: 0; }

	ol,ul { list-style: none; }

	img { border: 0; }

/*-----------------------------------*/
/*-------------- Basis --------------*/


body {
	height: 100%;
	font-family: arial;
	font-size: 85%;
	font-weight: normal;
	font-style: normal;
	background: transparent url("") repeat-y center top;
}

.wpr_all{width:1000px; height:auto; margin:0px auto;}

.wpr_top{width:1000px; height:92px; display:inline; float:left; background-color:#ffffff;}
	.wpr_top .logo{width:308px; height: 56px; margin:22px 0px 0px 14px; float:left; display:inline; background: transparent url('/Content/Images/Website/logoMidFresh.jpg') no-repeat;}
	.wpr_top .vlaggen{width:40px; height:30px; margin:60px 10px 0px 0px; float:right; display:inline;}

.wpr_menu{width:1000px; height:70px; display:inline; float:left; background-color:#ffffff;margin: 0 auto; background: #ffffff url('/Content/Images/Website/strook.jpg') no-repeat bottom center;}
	.wpr_menu ul.wpr_HoofdMenu{text-align:center; margin:27px 0px 0px 30px;}
	.wpr_menu ul.wpr_HoofdMenu li{margin:0px 15px 0px 15px; height:27px; text-align:center; float:left; min-width:53px;}
	.wpr_menu ul.wpr_HoofdMenu li:HOVER, .wpr_menu ul.wpr_HoofdMenu li.actief {background: transparent url('/Content/Images/Website/hoverImage.jpg') no-repeat bottom center; color:#393983;} 
	.wpr_menu ul.wpr_HoofdMenu li a{color:#3d3d3d; text-decoration:none; font-size:16px;} 
	.wpr_menu ul.wpr_HoofdMenu li a:HOVER,.wpr_menu ul.wpr_HoofdMenu li.actief a{color:#393983;} 
	
.wpr_content{width:930px; height:auto; min-height:481px; padding: 25px 20px 0px 50px; display:inline; float:left; background: #ffffff url('/Content/Images/Website/background.gif') no-repeat bottom left;}
.wpr_content p{margin-bottom: 20px;}
.wpr_content h1{width: 100%; float: left; margin-bottom: 20px; font-size:24px; color:#393983;}

	#cnr_GEHEEL {float: left; margin: 0; display: inline; }
	#cnr_LINKS {float: left; margin: 0px 45px 0px 0px; display: inline;	min-height:30px;}
	#cnr_RECHTS{float: right; margin: 0; display: inline; min-height:30px;}

	.cnr_FotoTekst, .cnr_Html {width: 100%; padding-bottom: 26px; clear:both;}
		.cnr_FotoTekst h2, .cnr_Html h2 {width: 100%; float: left; margin-bottom: 20px; font-size:24px; color:#393983;}
		.cnr_FotoTekst p, .cnr_Html p{ color: #3a3a3a;line-height: 22px; font-family: Arial; font-size: 0.80em;}
			.cnr_FotoTekst p a, .cnr_Html p a{ color: #393983; font-weight: bold;}
			.cnr_FotoTekst p a:hover, .cnr_Html p a:HOVER { color: #393983; }

.wpr_footerronding{width:1000px; height:43px; display:inline; float:left; background: transparent url('/Content/Images/Website/onder.png') no-repeat bottom center;}
.wpr_footer{width:980px; height:25px; padding-right:20px; margin-top:4px; display:inline; float:left; text-align:right; color:#ffffff;font-size:11px;}
	.wpr_footer a{ color:#ffffff; text-decoration:none;}
	.wpr_footer a:HOVER{color:#ffffff;text-decoration:underline;}


form p label {display:block;padding-top: 3px;}
#txtWachtwoord, #txtGebruikersnaam {width: 150px;}
img.move{cursor : move;}
img.movesubsubmenu, img.movesubmenu, img.movemenu {cursor : n-resize;}
.dragbox {position:relative;margin : 0 auto;}
.placeholder{background: #f0f0f0;border:2px dashed #ddd;}
#JEM-id {color: #fff;text-align: center;padding: 10px 0 10px 0;}
#JEM-id a {color: #fff;}

/* Styledefinities voor JemHtmlHelper.laadDatatabel */
.tabel_data{width:656px;font-size:0.9em;}
.tabel_data tr th{text-align:left;padding:5px 0 5px 0;}
.tabel_data tr{}
.tabel_data td{padding:2px 0;}
.tabel_data tr:hover{background-color:#f4f4f4;}

/* Styledefinities voor JemHtmlHelper.Button */
a.button {
    display : block;
    width : 100px; 
    height : 20px; 
    padding : 2px;
    
    background-color : transparent;
    background-repeat : no-repeat;
    background-image : url('/Content/Images/Iconen/bgButton.png');
    
    text-align : left !important;    
    font-weight : bold; 
    font-size : 7.5pt !important;
    color : #666666 !important; 
    text-decoration : none !important;
}
a.button:hover {color : #444444 !important;}
.kleineTekst {font-size : 7pt; font-weight : normal !important;letter-spacing : -1px;}
a.button img {vertical-align : middle;margin-left : 3px; margin-right : 4px;border : 0px none;}



/* Styledefinities voor de slider */

.wpr_banner{width:1000px; height:318px; display:inline; float:left; background-color:#ffffff; }
.cnr_banner{width:1000px; height:300px; float:left; position: relative; }			
	
.cnr_bannerschaduwboven{ width:1000px; height:9px; display: inline; overflow: hidden; float:left; background: #ffffff url('/Content/Images/Website/schaduw_boven.gif') repeat-x 0 0; }
.cnr_bannerschaduwonder{ width:1000px; height:9px; display: inline; overflow: hidden; float:left; background: #ffffff url('/Content/Images/Website/schaduw_onder.gif') repeat-x 0 0; }

.main_image {
	width: 740px; 
	height: 300px;
	float: left;
	background: #fff;
	overflow: hidden;
	z-index: 10;
}

 
.image_thumb {
	width: 260px;
	height: 300px;
	float: left;
	background: #f5f5f5;
	z-index: 10;
}


.banner_ronding {
	width: 80px;
	height: 300px; 
	position: absolute;
	top: 0px;
	left: 661px;
	z-index: 99;
	background: transparent url("/Content/Images/Website/banner_ronding.png") no-repeat 0 0;	
}


.image_thumb ul {
	list-style: none;
	margin-top: 18px;
}

.image_thumb ul li {
	width: 260px; 
	height: 38px; 
	float: left; 
	display: inline; 
	text-align: left;
	font-size: 14px; 
	padding-top: 15px;
	background: #f5f5f5 url('/Content/Images/Website/banner_li_bg.jpg') no-repeat 8px 0px; 
}

.image_thumb ul li.b1 { width: 230px; padding-left: 30px; }
.image_thumb ul li.b2 { width: 233px; padding-left: 27px; }
.image_thumb ul li.b3 { width: 238px; padding-left: 22px; }
.image_thumb ul li.b4 { width: 245px; padding-left: 15px; }
.image_thumb ul li.b5 { width: 254px; padding-left: 6px; height: 37px; }

.image_thumb ul li a {
	color: #393983; 
	font-size: 14px; 
	text-decoration: none;
}

.image_thumb ul li.hover {
	background: #f5f5f5 url('/Content/Images/Website/banner_li_hover.jpg') no-repeat 8px 0px; 
	cursor: pointer;
	color: #393983;
}

.image_thumb ul li.active {
	background: #f5f5f5 url('/Content/Images/Website/banner_li_hover.jpg') no-repeat 8px 0px;
	cursor: default;
	color: #393983; 
}