/***********************************
*** Medicines for Mankind - http://www.medicinesformankind.eu
*** Design en development by Megaluna - http://www.megaluna.be
*** Medium: Screen
***********************************/

/** Eric meyer's reset
******************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/** Body
******************************************/
body
{
	font: 62.5% "Trebuchet MS", Verdana, Arial, sans-serif;	
	background: transparent url(../images/achtergrond.jpg) repeat-y;
}


/** Containers
******************************************/
#container

{
	background: #092650 url(../images/achtergrondcontainer.jpg) repeat-y;
	width: 790px;
}

#content
{
	width: 525px;
}

#sidebar
{
	width: 265px;
}

#content, #sidebar
{
	float: left;
}	

/** header + slagzin
******************************************/
.h1en
{
	background: transparent url(../images/logoen_nieuw.jpg) no-repeat;
	width: 790px;
	height: 110px;
	text-indent: -9999px;
}

.langen
{
	background: transparent url(../images/slagzinen.jpg) no-repeat;
	width: 760px;
	height: 22px;
	padding: 8px 0 0 30px;
	font-size: 1.3em;
}

.h1fr
{
	background: transparent url(../images/logofr_nieuw.jpg) no-repeat;
	width: 790px;
	height: 110px;
	text-indent: -9999px;
}

.langfr
{
	background: transparent url(../images/slagzinfr.jpg) no-repeat;
	width: 760px;
	height: 22px;
	padding: 8px 0 0 30px;
	font-size: 1.3em;
}

.h1de
{
	background: transparent url(../images/logode_nieuw.jpg) no-repeat;
	width: 790px;
	height: 110px;
	text-indent: -9999px;
}

.langde
{
	background: transparent url(../images/slagzinde.jpg) no-repeat;
	width: 760px;
	height: 22px;
	padding: 8px 0 0 30px;
	font-size: 1.3em;
}

#lang a
{
	text-decoration: none;
	color: white;
}

#lang .current
{
	text-decoration: underline;
}

#lang a:hover
{
	text-decoration: underline;
}

h2
{
	display: none;
}

/** Menu
******************************************/
#content #webmenu
{
	background-color: #fa9926;
	list-style-type: none;
	width: 495px;
	height: 25px;
	padding: 8px 0 0 30px;
	margin-top: 1px;
}

#content #webmenu li
{
	float: left;
	margin-right: 17px;
	font-size: 1.4em;
}

#content #webmenu li a
{
	color: white;
	text-decoration: none;
}

#content #webmenu .current a
{
	text-decoration: underline;
}

/** Text
******************************************/
h3
{
	font-size: 1.6em;
	color: #bebed9;
	text-transform: uppercase;
	margin: 45px 0 0 30px;
}

h3 strong
{
	color: #fe8624;
}

h5
{
	font-size: 1.6em;
	color: #fe8624;
	text-transform: uppercase;
	margin: 15px 0 0 30px;
	width: 420px;
}

#content .text
{
	color: white;
	font-size: 1.3em;
	width: 400px;
	margin: 6px 0 0 30px;
	text-align: justify;
}

#content .text p
{
	line-height: 1.4em;
	margin: 0 0 15px 0;
}

#content .text ul
{
	margin: 15px;
}

#content .text a
{
	color: white;
}

#content .text ul
{
	margin: 0 0 0 35px;
}

#content .text ul li
{
	margin: 0 0 5px 0;
}

#content .text strong
{
	font-weight: bold;
	color: #fe8624;
}
/** Kruimel
******************************************/
.breadcrumb
{
	font-size: 1.2em;
	color: #ffffff;
	background: #365073 url(../images/breadcrumb.jpg) no-repeat;
	margin-top: 1px;
	height: 22px;
	float: right;
	padding: 8px 20px 0 45px;
}

.breadcrumb a
{
	color: white;
}

/** Randome image in sidebar
******************************************/
#sidebar .flash
{
	width: 265px;
	height: 465px;
	margin-top: 1px;
	text-align: right;
	color: white;
}

#sidebar .flash p
{
	padding: 450px 5px 0 0;
}


/** Disclaimer
******************************************/
#sidebar .disclaimer
{
	background-color: #d8dce8;
	padding: 20px;
}

#sidebar .disclaimer h4
{
	color: #fe8624;
	font-size: 1.6em;
	background: transparent url(../images/disclaimer.jpg) 0 3px no-repeat;
	text-transform: uppercase;
	padding: 0 0 0 20px;
}

#sidebar .disclaimer p
{
	color: #082952;
	font-size: 1.2em;
	margin-top: 7px;
	text-align: justify;
}

/** Footer
******************************************/
#footer
{
	font-size: 1.2em;
	color: #082952;
	width: 934px;
	height: 21px;
	background: transparent url(../images/footer.jpg) no-repeat;
	padding: 35px 0 0 15px;
}

#footer a
{
	text-decoration: none;
	color: #082952;
	border-bottom: #082952 1px dotted;
}	

#footer .megaluna
{
	float: right;
	margin: 0 170px 0 0;
}

#footer .m4m
{
	float: left;
}

/** Diseases
******************************************/
/** Cat filter
****************/
#catfilter
{
	background: #d7dce7 url("../images/tag.gif") 15px 13px no-repeat;
	font-size: 1.2em;
	color: #092650;	
	width: 330px;
	border-top: 1px #ff983e solid;
	border-bottom: 1px #ff983e solid;
	padding: 10px 10px 10px 35px;
	margin: 10px 0 0 30px;
}

#catfilter select
{
	width: 155px;
}

/** Lijst met ziektes
****************/
#diseases
{
	background-color: white;
	color: #092650;
	font-size: 1.3em;
	width: 310px;
	height: 520px;
	overflow: scroll;
	padding: 20px;
	margin: 20px 0 0 0;
	float: left;
}

#diseases ul
{
	list-style-type: none;
}	

#diseases ul li
{
	padding: 3px 0 3px 0;
}		

div#content  div#diseases ul .letter a
{
	color: #fe8624;
	font-size: 1.7em;
}

div#content div#diseases ul li a
{
	color: #092650;
	text-decoration: none;
}

div#content div#diseases ul li a:hover
{
	text-decoration: underline;
}
/** Alfabet
****************/
#content #alfabet
{
	background-color: white;
	color: silver;
	font-size: 1.3em;
	text-align: center;
	list-style-type: none;
	float: left;
	width: 35px;
	padding: 7px 0;
	margin: 40px 0 0 20px;
	border-right: 1px gray solid;
}

#content #alfabet li a
{
	color: #092650;
	text-decoration: none;
}

#content #alfabet li a:hover
{
	text-decoration: underline;
}

/** Detail pagina
****************/
.lastupdate
{
	font-size: 1.2em;
	color: white;
	margin: 0 0 0 30px;
	color: #bebed9;
}

.submenu
{	
	background-color: #d8dce8;
	width: 400px;
	font-size: 1.3em;
	list-style-type: none;
	margin: 10px 0 0 30px;
	padding: 5px 0 5px 10px;
}

.submenu li
{
	float: left;
	margin: 0 15px 0 0;
}

.submenu li a
{
	color: #092650;
	text-decoration: none;
}

.submenu li a:hover
{
	color: #fe8624;
	text-decoration: none;
}

.submenu .huidige a
{
	color: #fe8624;
	text-decoration: none;
}

.submenu .pdf
{
	background: transparent url(../images/pdf.gif) no-repeat;
	padding: 0 0 0 23px;
}

/*dropdown(met ziektes) op detail pagina smaller maken*/
.submenu select
{
	width: 300px;
}

/*FAQ lijst meer margin bottom*/
#content .text .faq
{
	margin-bottom: 30px;
}

/** Search
******************************************/
#content .text .search input
{
border: 1px #fe8624 solid;
	margin: 0 5px 0 0;
}


#content #searchresults
{
	color: white;
	list-style-type: none;
	width: 350px;
	margin: 15px 0 0 30px;
	padding: 0;
	text-align: justify;
}

#content #searchresults li
{
	margin: 0 0 20px 0;
}


#content #searchresults .title
{
	font-size: 1.6em;
	color: #fe8624;
}

#content #searchresults .title a
{
	color: #fe8624;
	text-decoration: none;
}

#content #searchresults .intro
{
	font-size: 1.3em;
}

#content #searchresults .moreinformation a
{
	font-size: 1.3em;
	color: #fe8624;
}

div#content .text #autocomplete_choices
{
	background-color: #d8dce8;
	padding: 15px 150px 15px 15px;
	width: 300px;
	height: auto;
}

div#content .text #autocomplete_choices ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 300px;
}

div#content .text #autocomplete_choices ul .live
{
	color: #fe8624;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 8px 0;
}

div#content .text #autocomplete_choices ul li, div#content .text #autocomplete_choices ul li a
{
	color: #000066;
	text-decoration: none;
	margin: 0 0 0 5px;
}

div#content .text #autocomplete_choices ul li a:hover
{
	text-decoration: underline;
}

/** Mailto
******************************************/
div#content .sendtofriend
{
	font-size: 1.3em;
	color: #092650;
	list-style-type: none;
	background-color: #d8dce8;
	width: 420px;
	margin: 15px 0 0 30px;
	padding: 10px;
}

div#content .sendtofriend li
{
	margin: 0 0 10px 0;
}

div#content .sendtofriend li p a
{
	color: #f68624;
}

div#content .sendtofriend li input
{
	border: 1px #f68624 solid;
}

div#content .sendtofriend li .button
{
	font-size: 1em;
	border: 1px #092650 solid;	
}

div#content .sendtofriend #photodisclaimer
{
	font-size: 1em;
	font-style: italic;
	padding: 2px 0 5px 25px;
}

/** publications
******************************************/
/* Publicaties */
div#content #publications
{
	background: transparent url(../images/publications.gif) no-repeat;
	width: 346px;
	height: 80px;
	margin: 5px 0 0 35px;
	padding: 5px 20px 0 45px;
}


div#content #publications h6 a, div#content #publications p a
{
	color: white;
	text-decoration: none;
}

div#content #publications h6
{
	font-size: 1.6em;	
}

div#content #publications p
{
	font-size: 1.2em;	
}

div#content #publications p a
{
	color: white;
	text-decoration: none;
}

/* Onderwerpen */
div#content .subjects
{
	background-color: #eceef1;
	color: black;
	width: 411px;
	margin: 0 0 0 35px;
	padding: 0;
}


div#content .subjects li
{
	font-size: 1.3em;
	color: #1c3a66;
	background: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 82px;
	border-bottom: 1px #092650 solid;
	padding: 8px 0 5px 10px;
}

div#content .subjects li a
{
	color: #1c3a66;
}

div#content .subjects li p strong
{
	font-weight: bold;
	font-size: 1.3em;
}

div#content .subjects li img
{
	float: left;
	margin: 0 15px 0 0
}

div#content .subjects li img
{
	background: red url(../images/default.jpg) no-repeat;
	float: left;
	margin: 0 15px 0 0;
	width: 58px;
	height: 81px;
	text-indent:-9999px;
}

div#content .subjects small
{
	font-size: .7em;
}

/** Print
******************************************/
#printfriend
{
	margin: 0 0 0 30px;
}


#printfriend p
{
	float: left;
	font-size: 1.2em;
	color: #092650;
	padding: 8px 33px 8px 13px;
}

#printfriend p a
{
	color: #092650;
	text-decoration: none;
}

#printfriend .download
{
	background: #d8dce8 url(../images/pdf.gif) 92% 42% no-repeat;
}

#printfriend .print
{
	background: #bfc6d6 url(../images/print.gif) 92% 45% no-repeat;
}

#printfriend .mailto
{
	background: #d8dce8 url(../images/mailto.gif) 92% 48% no-repeat;
}


/** Photo album
******************************************/

/** List
*******************/
.album
{
	margin: 25px 0 0 33px;
	padding: 0;
	height: 130px;
}

.album img
{
	background-color: white;
	float: left;
	padding: 4px;
}

.album .information
{
	float: left;
	margin: 0 0 0 15px;
	width: 280px;
}

.album .information h5
{
	color: #fe8624;
	margin: 0;
	padding: 0;
}

.album .information h5 a
{
	color: #fe8624;
	text-decoration: none;
}

.album .information p
{
	font-size: 1.3em;
	color: white;
	padding: 4px 0 4px 0;
	border-bottom: 1px white solid;
}

.album .information p a
{
	color: white;
	text-decoration: none;
}

.album .information small
{
	font-size: 1.2em;
	color: #bebed9;
}

#efpialogo
{
	text-indent: -9999px;
	border: 1px red solid;
	width: 150px;
	height: 30px;
	display: block;
	float: right;
}

#chartlist
{
	list-style-type: none;
	margin: 15px 35px;
}

#chartlist .empty
{
	background-color: #00254d;
	text-align: right;
	font-size: 1.2em;
}

#chartlist .empty a
{
	color: #f27734;	
	text-decoration: none;
}

#chartlist li
{
	background-color: #d7dce7;
	padding: 5px;
	margin: 2px 0;
}

#chartlist li img
{
	float: left;
	width: 50px;
	height: 50px;
	border: 4px white solid;
}

#chartlist li p
{
	float: left;
	margin: 25px 20px;
	font-size: 1.2em;
}

#chartlist li p a
{
	color: #00264e;
	text-decoration: none;
}

#chartlist li p a:hover
{
	text-decoration: underline;
}

.downloadchart
{
	padding: 5px;
	width: 150px;
	text-align: center;
	background-color: #c7cedb;
	border: 1px #ff7b00 solid;
}

div#container .text .downloadchart a
{ 
	color: #00264e;
	text-decoration: none;
	font-weight: bold;
}

div#container #chartform
{
	list-style-type: none;
	margin: 0 0 0 35px;
	padding: 0;
}

div#container #chartform li
{
	margin: 0 0 10px 0;
	padding: 0;
}

div#container #chartform li p
{
	font-size: 1.2em;
	color: white;
}

div#container #chartform li a
{
	color: orange;
}

div#container #chartform input,div#container #chartform textarea
{
	border: 1px orange solid;
}

div#container #chartform .extend
{
	width: 220px;
}

/** Clearfix
******************************************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */