/* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */
* {
	margin: 0;
	padding: 0;
}
/*Set initial font styles*/
body {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%; /*75.01%*/
	line-height: 1.5em;
}
/*set font size for all divs, this overrides some body rules*/
div {
	font-size: 1em;
}
/*if img is inside "a" it would have borders, we don't want that*/
img {
	border: 0;
}

/*default link styles*/
a, a:link a:active {
	text-decoration: underline;
	background-color: inherit;
             color: #0080ff; /* org = 18507C       *    /
	}


a:visited {
	text-decoration: underline;
	background-color: inherit;
	color: #0080ff; /*org = #18507C;*/
}


a:hover {
	text-decoration: underline;/* org = none - remove underline on hover */
	background-color: inherit;
	color:#ff8040/* org = #385C72;*/
}


/*****************basic layout *****************/
body {
	margin: 0;
	padding: 0;
/* default text color for entire site*/

/* org = 333 */

	color: #def887;/*ffff80*/


/***************************** Basis Achtergrondkleur **************************/
/* you can set your own image and background color here */

/* org = body.png   */

	background: #003366  /* url (https://www.ivf-site.nl/uploads/ngrey/bodyblauw.png) repeat-x left top */  ;
}


div#pagewrapper {
/* min max width, IE wont understand these, so we will use java script magic in the <head> */
	max-width: 99em;
	min-width: 60em;
/* now that width is set this centers wrapper */
	margin: 0 auto;


/* achtergrondkleur van een gedeelte van de site */
/*org = #fefefe */
background-color: #004080;


/*********************** tekstkleur van de site *********************/

/* org = black */

	color: #def887;
}


/* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */
div#header {
/* adjust according your image size */
	height: 189px;/*100*/
	margin: 0;
	padding: 0;
/* you can set your own image here, will go behind h1 a image */


/* *********************** grote ivf-site logo ****************/

/*org = bg_banner.png*/
/* background  = #f4f4f4 */

/*	background: #004080  url(https://www.ivf-site.nl/uploads/ngrey/600x88.png ) no-repeat center ;*/


/* border just the bottom */
	border-bottom: 1px solid #D9E2E6;
}


/* *********************** klein ivf-site logoaan de linkerkant  ****************/

div#header h1 a {
/* you can set your own image here */

/* kan nog een klein logo geplaatst worden , nu ff uitgeschakeld*/

/* background: url(https://www.ivf-site.nl/uploads/ngrey/ivfbannertekst.png) no-repeat left top; */


/* this will make the "a" link a solid shape */
	display: block;
/* adjust according your image size */
	height: 100px;
/* this hides the text */
	text-indent: -999em;
/* old firefox would have shown underline for the link, this explicitly hides it */
	text-decoration: none;
}
div#header h1 {
	margin: 0;
	padding: 0;
/*these keep IE6 from pushing the header to more than the set size*/
	line-height: 0;
	font-size: 0;
/* this will keep IE6 from flickering on hover */


/**************************LOGO*******************************/
/* kan nog een klein logo geplaatst worden , */
	/*background: url(https://www.ivf-site.nl/uploads/ngrey/ivfbannertekst.png) no-repeat left top; */


}
div#header h2 {
/* this is where the site name is */
	float: right;
	line-height: 1.2em;
/* this keeps IE6 from not showing the whole text */
	font-size: 1.5em;
/* keeps the size uniform */
	margin: 35px 65px 0px 0px;


// deze kleur aanpassen om de tekst ivf-site.nl in de kop onzichtbaar te maken */
/* adjust according your text size */
	color: #f4f4f4;/*f4f4f4 */
}


div.crbk {
/* sets all to 0 */
	margin: 0;
	padding: 0;

/* stukje achtergrond achter de zoekbox */
/* org = mainrtup.gif */


/************************* achtergrondkleur achter de zoekbox *************/

/* stond alleen een image, geen kleur */
/* you can set your own image here */
	background: #c0c0c0  /* url(https://www.ivf-site.nl/uploads/ngrey/zoekboxachtergrond.gif) no-repeat right bottom*/;


}
div.breadcrumbs {
	padding: 1em 0em 1em 1em;
	font-size: 90%;
	margin: 0px;


/*tekstkleur is anders geel zoals de site tekst*/
color:#0080ff;


/* achtergrondkleur links naast de zoekbox */
/* you can set your own image here */
/* org = mainleftup.gif */


/*************** achtergrondkleur achter de zoekbox gelijk aan hierboven *************/

background:#c0c0c0  /*url(https://www.ivf-site.nl/uploads/ngrey/zoekboxachtergrondlinks.gif.gif) no-repeat left bottom*/;
}


div.breadcrumbs span.lastitem {
	font-weight: bold;
}
div#search {
/* position for the search box */
	float: right;
/* enough width for the search input box */
	width: 27em;/*27*/
	text-align: right;
	padding: 0.7em 0 0.2em 0; /* 0.5em 0 0.2em 0; */
	margin: 0 1em;
color: #0080ff;
}
/* a class for Submit button for the search input box */
input.search-button {
	border: none;
	height: 22px;/*22*/
	width: 65px; /*53*/
	margin-left: 5px;
	padding: 0px 2px 2px 0px;
/* makes the hover cursor show, you can set your own cursor here */
	cursor: pointer;


/* De zoekknop */
/* org = search.gif */

	background: url(https://www.ivf-site.nl/uploads/ngrey/zoek.gif) no-repeat center center;
}


div#content {
/* some air above and under menu and content */
	margin: 1.5em auto 2em 0;
	padding: 0px;
}
/* this gets all the outside calls that were used on the div#main before  */
div.back1 {
/* this will give room for sidebar to be on the left side, make sure this number is bigger than sidebar width */
	margin-left: 29%;/*29*/
/* and some air on the right */
	margin-right: 2%;


/* you can set your own image here */
/* org = mainrt1.gif */
	background: url(https://www.ivf-site.nl/uploads/ngrey/mainrt1.gif) no-repeat right top;
}


/* this is an IE6 hack, you may see these through out the CSS */
* html div.back1 {
/* unlike other browser IE6 needs float:right and a width */
	float: right;
	width: 69%;
/* and we take this out or it will stop at the bottom  */
	margin-left: 0%;
/* and some air on the right */
	margin-right: 10px;
/* you can set your own image here */


/* org = mainrt1.gif */
	background:  url(https://www.ivf-site.nl/uploads/ngrey/mainrt1.gif) no-repeat right top;
}


div.back2 {
/* you can set your own image here */


/* org = mainleft1.gif */

	background: url(https://www.ivf-site.nl/uploads/ngrey/mainleft1.gif) no-repeat left top;
}


div.back3 {
/* you can set your own image here */

/* org = wbtleft.gif */
	background: url(https://www.ivf-site.nl/uploads/ngrey/wbtleft.gif) no-repeat left bottom;
}


div#main {
/* this is the last inside div so we set the space inside it to keep all content away from the edges of images/box */
	padding: 10px 15px;


/* org = rtup.gif */

/* Achtergrondkleur van het tekstgedeelte. stond alleen een image, geen kleur*/


	background: #004080/* url(https://www.ivf-site.nl/uploads/ngrey/rtup.gif) no-repeat right bottom*/;
}


div.back #main {
/* this is the last inside div so we set the space inside it to keep all content away from the edges of images/box */
	padding: 10px 30px 1px 15px;


/* Achtergrondkleur van het tekstgedeelte. stond alleen een image, geen kleur*/

/* org = wbtmleft.gif */

	background: #004080/* url(https://www.ivf-site.nl/uploads/ngrey/tekstachtergrondlinks.gif) no-repeat left bottom */;
}


div.back {
/* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
	margin-left: 29%;


/* Achtergrondkleur van het menu, stond alleen een image, geen kleur */
	background:#004080/* url(https://www.ivf-site.nl/uploads/ngrey/wtopleft.gif) no-repeat left top*/;
}


div#sidebar {
/* set sidebar left. Change to right, float: right; instead, but you will need to change the margins. */
	float: left;
/* sidebar width, if you change this change div.back and/or div.back1 margins */
	width: 26%;
/* FIX IE double margin bug */
	display: inline;
/* the 20px is on the bottom, insures space above footer if longer than content */
	margin: 0px 0px 20px;
	padding: 0px;


/* Achtergrondkleur van het menu, stond alleen een image, geen kleur */
	background: #004080/* url(https://www.ivf-site.nl/uploads/ngrey/mainrt1.gif) no-repeat right top*/;
}


div#sidebara {
	padding: 13px 15px 3px 0px;


/* achtergrondkleur van de rest van het menu, stond alleen een ing, geen kleur */
	background:#004080/* url(https://www.ivf-site.nl/uploads/ngrey/mainrtup.gif) no-repeat right bottom*/;
}


div#sidebarb {
	padding: 10px 10px 1px 0px;


/* achtergrondkleur van de rest van het menu, stond alleen een img, geen kleur */
	background:#004080/* url(https://www.ivf-site.nl/uploads/ngrey/mainrtup.gif) no-repeat right bottom*/;
}


/************************* FOOTER ********************************/

.footergrey {
             background: #c0c0c0; 
             text-align: center; 
             color: #595959;
	padding: 1em 0em 1em 1em;
	font-size: 90%;
	margin: 0px;
}


.footerads {
              text-align: center; 
              background: #000033 url('https://www.ivf-site.nl/uploads/images/gras.jpg');
              padding-top:5px;
              padding-bottom:5px;
              background-repeat:repeat;


}


.footercopyright {
	color:#595959; 
             background: #003366;
             font-size: 80%;
             text-align: center; 
}


div#footer { 
background-color:#000033;
}


.space{

	background: #003366;

}


div.leftfoot {
	float: left;
	width: 30%;
	margin-left: 20px
}


div#footer p  {
/* sets different font size from default */
	font-size: 0.8em;  /*0.8*/


/* some air for footer */
	padding: 1.5em;
/* centered text */
	text-align: center;
	margin: 0;
}


/*************** Tekstkleur van de footer*************** */

div#footer p a {
/* footer link would be same color as default we want it same as footer text */
	color: #595959;
}


/* as we hid all hr for accessibility we create new hr with div class="hr" element */
div.hr {
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted #808040;
	margin: 1em;


}


/* relational links under content */
div.left49 {
/* combined percentages of left+right equaling 100%  might lead to rounding error on some browser */
	width: 70%;
}
div.right49 {
	float: right;
	width: 29%;
/* set right to keep text on right */
	text-align: right;
}


/********************CONTENT STYLING*********************/


/* HEADINGS */
div#content h1 {
/* font size for h1 */
	font-size: 2em;
	line-height: 1em;
	margin: 0;
}


/**************** Koptekst en nieuws******/
div#content h2 {
	color: #def887;/*294B5F*/


/* font size for h2 the higher the h number the smaller the font size, most times */
	font-size: 1.5em;
	text-align: left;
/* some air around the text */
	/*padding-left: 0.5em;*/
	padding-bottom: 1px;


/* set borders around header */
	border-bottom: 1px solid #c0c0c0;
	/*border-left: 0.5em solid #c0c0c0;*/


/* a larder than h1 line height */
	line-height: 1.5em;
/* and some air under the border */
	margin: 0 0 0.5em 0;
}


div#content h3 {
	color:#def887/* #294B5F*/;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}


div#content h4 {
	color:#def887 /* #294B5F*/;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}


div#content h5 {
	color:#def887 /* #294B5F*/;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
h6 {
	color: #def887 /*#294B5F*/;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
/* END HEADINGS */
/* TEXT */


p {
/* default p font size, this is set different in some other divs */
	font-size: 1em;
/* some air around p elements */
	margin: 0 0 1.5em 0;
	line-height: 1.4em;
	padding: 0;
}
blockquote {
	border-left: 10px solid #ddd;
	margin-left: 10px;
}
strong, b {
/* explicit setting for these */
	font-weight: bold;
}
em, i {
/* explicit setting for these */
	font-style: italic;
}
/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
/* css-3 */
	white-space: pre-wrap;
/* Mozilla, since 1999 */
	white-space: -moz-pre-wrap;
/* Opera 4-6 */
	white-space: -pre-wrap;
/* Opera 7 */
	white-space: -o-pre-wrap;
/* Internet Explorer 5.5+ */
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
pre {
/* black border for pre blocks */
	border: 1px solid #000;
/* set different from surroundings to stand out */
	background-color:#ddd/* #ddd*/;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}
/* Separating the divs on the template explanation page */
div.templatecode {
	margin: 0 0 2.5em;
}
/* END TEXT */
/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
	margin: 0 0 0.25em 3em;
}
/* definition lists topics on bold */
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}


/* *****************************IVF_SITE DEEL ****************************/


.float_left{
	font-size: 7pt;
  	font-style: italic;
             border : 0px;
             float: left;
             padding: 3px 3px 3px 3px;

}

.float_right{
	font-size: 7pt;
  	font-style: italic;
             border : 0px;
             float: right;
             padding-right: 100px;

}


.links_7_i {
	text-align:left;
	font-size: 7pt;
  	font-style: italic;
}

.links_7 {
	text-align:left;
	font-size: 7pt;
}


.links_8_i {
	text-align:left;
	font-size: 8pt;
  	font-style: italic;
}

.links_8 {
	text-align:left;
	font-size: 8pt;
}


.rechts_7_i {
	text-align:right;
	font-size: 7pt;
  	font-style: italic;
}

.rechts_7 {
	text-align:right;
	font-size: 7pt;
}


.rechts_8_i {
	text-align:right;
	font-size: 8pt;
  	font-style: italic;
}

.rechts_8 {
	text-align:right;
	font-size: 7pt;
}


.midden_7_i {
	text-align:center;
	font-size: 7pt;
  	font-style: italic;
}

.midden_7 {
	text-align:center;
	font-size: 7pt;
}


.links {
	text-align:left;
}

.rechts {
	text-align:right;
}

.midden {
	text-align:center;
}


.opmaak_b_u {
	font-weight: bold;
	text-decoration:underline;
}

.opmaak_italic {
	font-style: italic;

}

.opmaak_italic_underline {
	font-style: italic;
text-decoration:underline;
}


.opmaak_b {
	font-weight: bold;
}


.lijnhoogte2{ 
line-height:2;

}


div.schakelbordachtergrond
   {
   height:600px;
   border:1px solid black;


   }


 div.schakelbordtekstveld
   {
 color:#004080;
  opacity:0.65;
 filter:alpha(opacity=65);
margin-top: 30px;
margin-left:30px;
margin-right: 30px;
margin-bottom: 30px;
background-color:#ffffff;
border:1px solid black;
padding:20px;
   }


 div.schakelbordtekstveld p 
   {

margin: 20px 20px;
color:#004080;
   }

 div.schakelbordtekstveld li 
   {


color:#004080;
   }
 

/*Gedichten*/


.ster{
	color: #808080;
	font-size: 12px;
	text-align: left;
}


.onderschrift-9-italic-verdana{
				font-family: "Verdana", Arial, Helvetica, sans-serif;
				font-size: 9px;
				font-style: italic;
}

.kop{
				font-family: "Verdana", Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #ffa4a4;
				font-weight: bold;
}


/* ******************LINKENPAGINA ****************** */


.linkdivindex { 
	background-color: #003468;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffff80;
	width:750px;
}


.linkdivtext { 
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffff80;
	width: 750px;
	text-align: left;

}

.linkdiv { 
	background-color: #003468;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffff80;
	width:750px;

}


a.special:link { 
color: #FF8000;
text-decoration: underline;
}


a.special:visited { 
color: #FF8000;
}

a.special:hover { 
color: #FFFF80; 
text-decoration: underline;
}


/* ****************DISCLAIMER************ */

.disclaimer{ 
             width:600px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	 style="padding-left: 10px; 
	 padding-top: 10px; 


}


/* END LISTS */