@charset "utf-8";
/* CSS Document */

html {
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;	
	margin-left:auto;	
	margin-right:auto;
	
	
}
body {
	/*width:100%;*/
	margin:0px;
	margin-left:auto;	
	margin-right:auto;
	text-align:left;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	color:#555555;
}
sup {
	font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
	
}
.plugins {
	display:none;
}
sup.sup {
	font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
	padding-left:2px;
	color:#FF0000;
}
a {
	color:#2e3192;
text-decoration:underline;
}

img {
	border:none;

}

h3{
margin:0px;
width:400px;
float:left;
padding-top:4px;
padding-left:5px;

color:#2e3192;
font-size:16px;
font-weight:bold;
margin-bottom:5px;

}


div.website{

display:block;

margin-left:auto;
margin-right:auto;


width:800px;
}

div.website div.top{
float:left;

}

div.website div.top div.logo{
float:left;
background-repeat:no-repeat;
background-image:url(../images/logo.png);
height:144px;
width:800px;
margin-bottom:1px;
}
div.blogs {
	overflow:hidden;
}

div.website div.top div.blogs{
float:left;
background-repeat:no-repeat;
background-image:url(../images/blogs_empty.png);
height:66px;
width:640px;
/*padding-top:9px;*/
padding-bottom:1px;
padding-left:160px;

}


div.website div.middle{
margin:0px;
padding:0px;
width:800px;
float:left;

height:441px;
margin-top:1px;
}

/** blok 1 **/
	div.website div.middle div.blok1{
	margin:0px;
	padding:0px;
	float:left;
	height:419px;
	width:166px !important;
	width:164px;
	/*background-color:#000066;*/
	
	}
	
	div.website div.middle div.blok1 div.left{
	margin:0px;
	padding:0px;
	float:left;
	width:166px !important;
	width:164px;
	/*background-color:#85b844;*/
	padding-bottom:3px;
	
	height:416px;
	
	background-image:url(../images/links.png);
	background-repeat:no-repeat;
	}
	
	div.website div.middle div.blok1 div.leftbottom{
	
	margin:0px;
	padding:0px;
	height:22px;
	width:166px;
	float:left;
	
	background-image:url(../images/links_bottom.png);
	background-repeat:no-repeat;
	}
/** einde blok 1 **/
/** blok 2 **/
	div.website div.middle div.blok2{
	margin:0px;
	padding:0px;
	float:left;
	padding-top:15px;
	padding-left:40px;
	padding-right:30px;
	width:455px;
	height:419px;
	letter-spacing:1px;
	line-height:13px;
}
/** einde blok 2 **/

/** blok 3 **/
	div.website div.middle div.blok3{
	margin:0px;
	float:left;
	margin-left:13px;
	padding:0px;
	
	width:125px;
	height:419px;
	
	}
	
	div.website div.middle div.blok3 div.recepten{
	margin:0px;
	padding:0px;
	margin-top:10px;
	width:125px;
	height:99px;
	display:block;
	background-image:url(../images/groenblok.png);
	background-repeat:no-repeat;
	}
	
	div.website div.middle div.blok3 div.blokdialysecheck{
	margin:0px;
	padding:0px;
	margin-top:10px;
	width:125px;
	height:154px;
	display:block;
	/*background-image:url(../images/dialysecheck.png);
	background-repeat:no-repeat;*/
	}
	
	div.website div.middle div.blok3 div.blokdialysecheck img
	{
		margin:0px;
		padding:0px;
		float:left;
		width:125px;
		margin-right:5px;
	
	}

	div.website div.middle div.blok3 div.partner{
	margin:0px;
	padding:0px;
	margin-top:10px;
	width:123px;
	height:133px;
	display:block;
	background-image:url(../images/roodblok.png);
	background-repeat:no-repeat;
	}

/** einde blok 3 **/

	div.website div.middle div.blok23
	{
	
	width:553px;
	float:left;
	margin-left:30px;
	margin-top:30px;
	
	
	}
	
	
	
	div.nieuwsitem{
		width:458px;
		padding-left:5px;
		padding-right:5px;
	}
	
	.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash span.lefttitel {
	visibility: hidden;
	font-size: 14px;
	margin: 0px;
	line-height:14px;
	height:14px;
	padding:0px;
		
}
.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 20px;
	margin: 0px;
	line-height:20px;
	height:20px;
	padding:0px;
	background-color:none;
		
}

/* Kaartje sturen */

div.website div.middle div.blok23 div.kaartjesturen {
	margin:0px;
	padding:0px;	
	width: 516px;
}

div.website div.middle div.blok23 div.kaartjesturenform {
	margin:0px;
	padding:0px;
	width: 516px;	
}

div.website div.middle div.blok23 div.kaartjesturenform input.checkbox {

}

div.website div.middle div.blok23 div.kaartjesturenform div.kaartje1 {
	margin-top:12px;
	width:252px;
	height:178px;
	float:left;
	color:#FFFFFF;
	cursor:pointer;
}
div.website div.middle div.blok23 div.kaartjesturenform div.kaartje2 {
	margin-left:12px;
	margin-top:12px;	
	width:252px;
	height:178px;
	float:left;
	color:#FFFFFF;
	cursor:pointer;	
}


div.website div.middle div.blok23 div.kaartjesturenform input.kaartje {
	width:18px;
	height:18px;
	float:left;
	border:none;	
}


div.website div.middle div.blok23 label.error{
	width: 516px;
	margin-bottom:3px;
	clear:left;
	color:#FF0000;
	display:block;
}

div.website div.middle div.blok23 div.kaartjesturenform label.locatie {
	float:left;
	margin:0px;
	padding:0px;
	margin-top:4px;	
	width:80px;	
	height:16px;
	display:block;
}
div.website div.middle div.blok23 div.kaartjesturenform input.locatie {
	float:left;
	margin:0px;
	padding:0px;
	margin-top:4px;		
	width:16px;
	height:16px;	
	border:none;
}
div.website div.middle div.blok23 div.kaartjesturenform input.button
{
float:left;
margin:10px;
width:131px;
height:103px;
border:none;
background:none;
display:block;
 cursor:pointer;
 overflow:auto;
}


div.website div.middle div.blok23 div.kaartjesturenform label.van {
	clear:left;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:4px;		
	width:80px;	
	height:16px;
	display:block;
}
div.website div.middle div.blok23 div.kaartjesturenform input.van {
	float:left;
	margin:0px;
	padding:0px;
	margin-top:4px;		
	width:200px;
	height:16px;	
}

div.website div.middle div.blok23 div.kaartjesturenform label.aan {
	clear:left;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:12px;		
	width:516px;	
	height:16px;
	display:block;
}


div.website div.middle div.blok23 div.kaartjesturenform label.aanhef {
	float:left;
	margin:0px;
	padding:0px;
	margin-top:4px;		
	width:80px;	
	height:16px;
	display:block;
}
div.website div.middle div.blok23 div.kaartjesturenform input.aanhef {
	float:left;
	margin:0px;
	padding:0px;
	margin-top:4px;		
	width:16px;
	height:16px;	
	border:none;	
}

div.website div.middle div.blok23 div.kaartjesturenform label.voorletters {
	clear:left;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:4px;		
	width:80px;	
	height:16px;
	display:block;
}
div.website div.middle div.blok23 div.kaartjesturenform input.voorletters {
	float:left;
	margin:0px;
	padding:0px;
	margin-top:4px;		
	width:200px;
	height:16px;	
}

div.website div.middle div.blok23 div.kaartjesturenform span.naam {
	clear:left;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:4px;	
	width:130px;	
	height:16px;
	display:block;
}
div.website div.middle div.blok23 div.kaartjesturenform input.naam {
	float:left;
	margin:0px;
	padding:0px;
	margin-top:4px;		
	width:200px;
	height:16px;	
}

div.website div.middle div.blok23 div.kaartjesturenform table.kaartje{
border-color:#7bc24f;
margin-top:20px;
width:400px;


}

div.website div.middle div.blok23 div.kaartjesturenform table.kaartje td.kop{
border:1px;
background-color:#7bc24f;


}

div.website div.middle div.blok23 div.kaartjesturenform table.kaartje td.kop span.kop{
float:left;
color:#FFFFFF;
width:170px;
text-align:center;
display:block;




}

div.website div.middle div.blok23 div.kaartjesturenform table.kaartje td img{
float:left;
display:block;
margin:25px;
height:125px;
margin-bottom:25px;
border:#000000 1px solid;
}

div.website div.middle div.blok23 div.kaartjesturenform table.kaartje td div#kaarttekst{
width:170px;;
height:125px;
margin-top:25px;
margin-bottom:25px;
border:#000000 1px solid;
display:block;

}

div.website div.middle div.blok23 div.kaartjesturenform table.kaartje tr{
border:#7bc24f solid 1px;
border-left:1px solid;

}

div.website div.middle div.blok23 div.kaartjesturenform label.afdeling {
	clear:left;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:4px;		
	width:80px;	
	height:16px;
	display:block;
}
div.website div.middle div.blok23 div.kaartjesturenform input.afdeling {
	float:left;
	margin:0px;
	padding:0px;
	margin-top:4px;		
	width:200px;
	height:16px;	
}

div.website div.middle div.blok23 div.kaartjesturenform label.inhoud {
	clear:left;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:4px;	
	width:80px;	
	height:16px;	
}
div.website div.middle div.blok23 div.kaartjesturenform textarea.inhoud {
	float:left;
	margin:0px;
	padding:0px;
	margin-top:4px;
	width:300px;
	height:150px;
	font:Arial;
}
div.website div.middle div.blok23 div#charsleft {
	clear:left;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:4px;	
	width:516px;	
	height:16px;
	text-align:right;	
}

div.website div.middle div.blok23 div.receptenitem div.recept
{
margin-left:28px;
float:left;


}

div.website div.middle div.blok23 div.receptenitem div.ingredienten{
color:#2e3192;
float:left;
width:250px;

}

div.website div.middle div.blok23 div.receptenitem div.informatie{
margin-bottom:10px;
font-size:12px;
width:420px;
}
div.website div.middle div.blok23 div.receptenitem div.afbeelding
{
float:left;
width:250px;


}

div.website div.middle div.blok23 div.receptenitem div.bereidingswijze
{
float:left;
width:420px;
margin-top:15px;
}

div.website div.middle div.blok23 div.receptenitem div.leesmeer
{
float:left;
width:450px;
margin-top:15px;


}

div.website div.middle div.blok23 div.receptenitem div#receptenformpopup{
float:left;
position:absolute;
top:350px;


margin-left:-250px;
width:350px;
margin-top:10px;
border:1px solid #000000;
background-color:#FFFFFF;
padding:10px;
z-index:3;
display:none;
}

div.website div.middle div.blok23 div.receptenitem div#receptenformpopup span{
width:100px;
float:left;
display:block;
}

div#receptenformpopup form input.sendbtn{
float:right;
width:105px;
height:29px;
border:0px;
margin-top:10px;
margin-right:15px;
background-image:url(../images/btn.png);
background-repeat:no-repeat;

color:#FFFFFF;
}

div.dietistform
{

}


div.dietistform label.contactlabel{
float:left;
width:150px;
}

div.dietistform input.vriendenresetbtn
{
float:right;
width:105px;
height:29px;
border:0px;
margin-top:5px;
margin-right:15px;
background-image:url(../images/btn.png);
background-repeat:no-repeat;

color:#FFFFFF;
}

div.dietistform input.vriendensubmitbtn
{
float:right;
width:105px;
height:29px;
border:0px;
margin-top:5px;
margin-right:18px;
background-image:url(../images/btn.png);
background-repeat:no-repeat;

color:#FFFFFF;
}