/*** ALGEMEEN *********************/

@charset "utf-8";
* {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

html, body{ 
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    background-image: url(../images/bg_home.gif); 
    background-repeat: repeat-y;
    background-position: center;
}
#container {
    width: 988px;
    height: 100%;
	margin-left: auto;
	margin-right: auto;
}

a {
    color: #00548E;
}
a:focus {
    outline: none;
}
images {
    border: none;

}

form {
    padding: 0px;
    margin: 0px;
}

#footer {
    position: absolute;
    bottom: 0;
}

/********************* HEADER *********************/

.header{
    width: 988px;
    height: 137px;
    background-color: #FFFFFF;
}
.headerbloklinks{
    width: 170px;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    float: left;
    height: 136px;
    background-image: url(../images/bg_logo.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}
.headerbloklinks img{
    padding-top: 10px;
    padding-left: 20px;
}
.headerblokmidden{
    width: 600px;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    float: left;
}
.headerblokrechts{
    width: 216px;
    height: 137px;
    float: left;
    background-image: url(../images/bg_rechtstop.gif);
    background-position: bottom;
    background-repeat: no-repeat;
}

.headerblokrechts .keurmerk{
    float: left;
    padding-left: 10px;
    padding-top: 48px;
} 

.headerblokrechts .keurmerk a{
    float: left;
}
	
	.headerblokrechts .keurmerk img{
	padding-right: 5px;
	}

.headerblokrechts .disclaimer{
    float: left;
    padding-top: 111px;
    padding-left: 5px;
    float: left;
}
.headerblokrechts .disclaimer a{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

.letters{
    padding-top: 110px;
    padding-left: 9px;
    float: left;
}

.letters  span.mediumtext a{
    color: #00548E;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;

}

.letters  span.mediumtext a:hover, .letters  span.mediumtext a:active{
    color: #FFFFFF;
    }

.letters   span.largetext a{
    color: #00548e;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;

}

.letters  span.largetext a:hover, .letters  span.largetext a:active{
    color: #FFFFFF;
    }

.letters span.xlargetext a{
    color: #00548e;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;

}
.letters  span.xlargetext a:hover, .letters  span.xlargetext a:active{
    color: #FFFFFF;
    }


/********************* Menu Top *********************/

.menutop{
    border-bottom: 1px solid white;
    float: left;

}
.menutoplinks{
    width: 170px;
    height: 25px;
    border-right: 1px solid white;
    float: left;
    background-image: url(../images/bg_wit_donkerblauw.gif);
    background-repeat: repeat-x;
}
.menutopmidden{
    width: 600px;
    height: 25px;
    border-right: 1px solid white;
    float: left;
    /*background-color: #00548e;*/
    background-image: url(../images/bg_topmenu.gif);
    background-repeat: repeat-x;

}
ul.menu{
    padding: 0px;
    margin: 0px;
    background-color: #63aad8;
}
ul.menu li{
    list-style:none;
    margin: 0px;
    padding: 0px;
    float: left;

}
ul.menu li.lastChild ul {
    margin-left:-64px !important;
    _margin-left:-74px !important;
}
ul.menu li a{
    background-color: #63aad8;
    border-right: 1px solid white;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 3px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: block;
    /* color: #FFFFFF; */
	color: black;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
}
ul.menu li a:hover{
    background-color: #3a87ba;
}


ul.menu li.lastChild a{
    border: none;
    padding-right: 7px;
    padding-left: 6px;
}
ul.menu li ul{
    list-style:none;
    padding: 0px;
    margin: 0px;
    position: absolute;
    visibility: hidden;
    width: 180px;
    z-index: 1000;
}
ul.menu li ul li{
    float: none;
}
ul.menu li ul li a{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 11px;
    border:0 none !important;
    font-weight: normal !important;
    background-color: #3a87ba;
    padding-left: 5px;
    padding-right: 5px;
    _width: 180px;
    margin: 0px;
}

ul.menu li ul li a:hover {
    background-color: #63aad8;
}

ul.menu li ul li a:active {
}

ul.menu li ul li a:visited {
}

ul.menu li ul li.firstChild a {
    _padding-right: 5px;
}

ul.menu li ul li.lastChild a {
    padding-bottom: 10px;
    padding-right: 4px;
}

.menutoprechts{
    width: 216px;
    height: 25px;
    background-color: #c2deef;
    float: left;
}

#searchString{
    width: 130px;
    height: 13px;
    margin-left: 12px;
    font-size: 12px;

}

.zoekveld{
    width: 130px;
    margin-left: 15px;
    margin-right: 5px;
}

.zoekbutton{
    background-image: url(../images/button_zoeken.gif);
    width: 49px;
    height: 18px;
    border: none;
    margin-bottom: 2px;
    nargin-left: 5px;
}


/********************* BLOK LINKS *********************/

.bloklinks{
    width: 170px;
    border-right: 1px solid white;
    background-color: #a1cce7;
    float: left;
}

.bloklinks ul{
    padding: 0px;
    margin: 0px;
    background-color: #FFFFFF;
}
.bloklinks ul li{
    list-style: none;
}
.bloklinks ul li a{
    display: block;
    text-decoration: none;
    padding-left: 18px;
    height: 20px;
    padding-top: 7px;
    border-bottom: 1px solid #63aad8;
    font-weight: bold;
    color: #000000;
    font-size: 12px;
}
.bloklinks ul li a:hover, .bloklinks ul li.active a {
 background-color: #e7f2f9;
}

/*.bloklinks img{
    padding-left: 40px;
    padding-top: 30px;
}*/


.bloklinks p.image	{
	text-align:center;
	padding-top:25px;
}
	.bloklinks p.image img	{
		padding:0 0 20px;
	}



.bloklinks .image{
	text-align: center;
}

.bloklinks .image a{
	border: none;
	text-decoration:none;
}

	.bloklinks .image img{
		padding: 5px 0;
		border: none;
	}




/********************* BLOK MIDDEN *********************/

.blokmiddencontenthome {
    width: 816px;
    border-right: 1px solid white;
    background-color: #FFFFFF;
    float: left;
}

.blokmiddencontentpageempty{
    width: 600px;
    border-right: 1px solid white;
    background-color: #FFFFFF;
    float: left;
}

.blokmiddencontentpage{
    width: 429px;
    border-right: 1px solid white;
    background-color: #FFFFFF;
    float: left;
}
.blokmidden{
    width: 355px;
    border-right: 1px solid white;
    background-color: #FFFFFF;
    float: left;
}

.blokmiddencontent{
    margin: 10px  0px  20px  28px;
	overflow:hidden;
}

.blokmiddencontent h1{
    color:#00548E;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

.blokmiddencontent h2{
    color:#00548E;
    font-size: 12px;
    margin: 0px;
    padding: 0px;   
}
.blokmiddencontent h3{
    color:#00548E;
    font-size: 12px;
    margin: 0px;
    padding: 0px;   
}
.kruimelpad{
    padding-left: 23px;
    padding-top: 10px;
}

.kruimelpad .pageTitle{
    font-size: 11px;
}
.kruimelpad span.pageTitle{
    padding-left: 5px;
}

.kruimelpad a{
    padding-right: 8px;
    font-size: 11px;
    background-image: url(../images/icon_kruimelpad.gif);
    background-repeat: no-repeat;
    background-position: right 5px;
}

#nieuwsBerichtenContent{
	padding-bottom: 10px;
}

#nieuwsBerichtenContent a{
}

#nieuwsBerichtenContent p
{
padding: 0 0 10px 0;
margin: 0;
}


/********************* BLOK MIDDEN 2 *********************/

.blokmidden2{
    width: 170px;
    border-right: 1px solid white;
    background-color: #dcecf6;
    float: left;
}

.blokmidden2 ul{
    padding: 0px;
    margin: 0px;
    padding-top: 25px;
}
.blokmidden2 ul li{
    list-style: none;
}
.blokmidden2 ul li a{
    display: block;
    text-decoration: none;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #FFFFFF;
    font-weight: none;
    color: #000000;
}
.blokmidden2 ul li a:hover, .blokmidden2 ul li.active a {
 background-color: #FFFFFF;
 font-weight: bold;
}

.blokmidden2 .firstchild{
    border-top: 1px solid #FFFFFF;
}

.blokmidden2 address, .blokmidden2 h1, .blokmidden2 h2
{
	padding-left: 10px;
}

/********************* BLOK MIDDEN 3 *********************/

.blokmidden3{
    width: 244px;
    border-right: 1px solid white;
    background-color: #dcecf6;
    float: left;
}

.blokmidden3 .extraitemtitel{
    width:229px;
    height: 50px;
    background-color: #3a87ba;
    float: left;
    border-bottom: 1px solid #FFFFFF;
    padding:0 0 0 15px;
}

.blokmidden3 .extraitemtitel h2{
    padding: 0px;
    margin: 0px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
    font-size: 13px;
    line-height:1.8em;
}
.blokmidden3 .afbeelding{
    width:244px;
    /* height: 77px; */
    background-color: #89b7d6;
    border-bottom: 1px solid #FFFFFF;
	overflow: auto;
}

.blokmidden3 .afbeelding img{
    width: auto;
    height: auto;
    float: left;
}

.blokmidden3 .afbeelding h2{
    padding: 0px;
    margin: 0px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
    font-size: 13px;
    line-height:1.5em;
    float: left;
    padding-left: 5px;
}

.blokmidden3 .extraitemcontent{
    background-color: #d6ecf7;
    float: left;
    border-bottom: 1px solid #FFFFFF;
    padding:15px 15px 15px 15px;
}
.blokmidden3 .extraitemcontent p{
    font-size: 11px;
}
.blokmidden3 .extraitemcontent h1{
    color:#00548E;
    margin:0;
    padding:0;
}
.blokmidden3 .extraitemcontent .leesmeer a{
    font-size: 12px;
    color:#00548E;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}
.blokmidden3 .extraitemcontent .leesmeer a:hover{
    text-decoration: underline;
}
/********************* BLOK RECHTS *********************/

.blokrechts{
    width: 216px;
    background-color: #dcecf6;
    float: left;
}
.blokrechts p
{
	padding-left: 15px;
}

.blokrechts .titelnieuws{
    width: 201px;
    /* height: 25px; */
    background-color: #00548e;
    /* float: left; */
    border-bottom: 1px solid #FFFFFF;
    padding:0 0 0 15px;
}
.blokrechts .titelnieuws h2{
    padding: 0px;
    margin: 0px;
        color: #FFFFFF;
    font-weight: bold;
    font-family:Verdana ,Arial,sans-serif;
    font-size: 13px;
    line-height:1.8em;
}

.blokrechts .nieuwscontent{
    width: 186px;
    background-color: #c7d9e6;
    border-bottom: 1px solid #FFFFFF;
    float: left;
    padding: 10px 15px 15px 15px;
}
.blokrechts .nieuwscontent p, .blokrechts .activiteitencontent p {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    font-weight: normal;
}
.blokrechts .nieuwscontent .datum, .blokrechts .activiteitencontent .datum{
    font-size: 10px;
    font-weight: normal;
}
.blokrechts .nieuwscontent h1{
    color: #00548e;
    margin: 0px;
    padding: 0px;

}
.blokrechts .nieuwscontent .leesmeer a{
    font-size: 12px;
    color:#00548E;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}
.blokrechts .nieuwscontent .leesmeer a:hover{
    text-decoration: underline;
}

.blokrechts .meernieuws{
    padding-bottom: 8px;
    width: 216px;
    background-color: #c7d9e6;
    border-bottom: 1px solid #FFFFFF;
    float: left;
    padding-top: 8px;
}
.blokrechts .meernieuws h1{
    color: #00548e;
    text-decoration: none;
    padding-left: 15px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.blokrechts .meernieuws a{
    color: #3A87BA;
    text-decoration: none;
    padding-left: 15px;
    font-weight: bold;
}

.blokrechts .meernieuws a:hover{
    text-decoration: underline;
}

.blokrechts .meeractiviteiten{
    padding-bottom: 8px;
    width: 216px;
    background-color: #dcecf6;
    border-bottom: 1px solid #FFFFFF;
    float: left;
    padding-top: 8px;
}
.blokrechts .meeractiviteiten h1{
    color: #00548e;
    text-decoration: none;
    padding-left: 15px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.blokrechts .meeractiviteiten a{
    color: #3A87BA;
    text-decoration: none;
    padding-left: 15px;
    font-weight: bold;
}

.blokrechts .meeractiviteiten a:hover{
    text-decoration: underline;
}



.blokrechts .titelactiviteiten{
    width: 201px;
    height: 25px;
    background-color: #7fbadf;
    float: left;
    border-bottom: 1px solid #FFFFFF;
    padding:0 0 0 15px;
}

.blokrechts .titelactiviteiten h2{
    color: #FFFFFF;
    font-weight: bold;
    font-family:Verdana,Arial,sans-serif;
    font-size: 13px;
    line-height:1.8em;
    padding: 0px;
    margin: 0px;
}

.blokrechts .activiteitencontent{
    width: 186px;
    background-color: #dcecf6;
    border-bottom: 1px solid #FFFFFF;
    float: left;
    padding: 10px 15px 15px 15px;
    font-weight: normal;
}
.blokrechts .activiteitencontent h1{
    color: #00548e;
    margin: 0px;
    padding: 0px;
}

.blokrechts .activiteitencontent .leesmeer a{
    font-size: 12px;
    color:#00548E;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}
.blokrechts .activiteitencontent .leesmeer a:hover{
    text-decoration: underline;
}
.inschrijvennieuwsbrief a{
    padding-left: 15px;
    padding-top: 15px;
    float: left;
}
.formTable{
    border-bottom: 1px solid #CFE5F3;
    border-top: 1px solid #CFE5F3;
    width: 100%;
    background-color: #ecf5fa;
    /* padding: 20px; */
	padding: 10px;
    margin-top: 10px;
}
.formColumnSubmit input{
    border: none;
    background-image: url(../images/button_versturen.gif);
    width: 96px;
    height: 23px;
}
.formColumnSubmit{
    text-align: right;
    padding-right: 108px;
}
.elementText{
    /* width: 300px; */
}
.elementTitle, .elementTitleRequired
{
	font-weight: bold;
	padding-right: 5px;
}

span.elementRequired
{
	color: #00548E;
}

span.elementSeparator
{
	display: block;
	padding-bottom: 5px;
}

.formColumnLeft{
	width: 150px;
}

.formColumnLeft, .formColumnRight {
    padding-bottom: 5px;
    
}

.zoekresultaten {
    border-bottom: 1px solid #CFE5F3;
    border-top: 1px solid #CFE5F3;
    width: 520px;
    background-color: #ecf5fa;
    padding: 20px;
}

        .zoekresultaten p {
            margin-top: 5px;
        }

        div.accuracyOuterBar {
            margin-top: 17px;
            float: right;
            width: 80px;
            border: 1px solid #00548E;
            background-color: #FFF;         
            height: 11px;
        }
        
            div.accuracyText {
                width: 80px;
                position: absolute;
                font-size: 10px;
                color: #00548E;
                text-align: center;
                margin-top: -1px;
            }
        
            div.accuracyInnerBar {
                background-color: #A1CCE7;
                height: 11px;
            }

    div.searchPager {
        clear: both;
        width: 100%;
        height: 20px;
        margin: 0px 0px 15px;
        padding-bottom: 15px;
        border-bottom: 1px dotted #00548E;
    }
    
        div.searchPager span, div.searchPager a {
            float: left;
            text-align: center;
            margin-right: 10px;
            line-height: 20px;
        }
    
        div.searchPager span {
            background-color: #FFF;
            border: 1px solid #CFE5F3;
            color: #000;
            padding: 0px 5px;
            line-height: 18px;
            color: #00548E;
            font-weight: bold;
        }
        
    div.searchPagerBottom {
        padding-top: 15px;
        border-bottom: none;
        border-top: 1px dotted #00548E;
    }


	
/* Submenu content */

div.blokmiddencontent .topcontentmenuContainer ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

div.testmenuContainer
{
	padding: 10px 0 10px 0;
	font-size: 12px;
}

div.blokmiddencontent ul
{
	list-style: square;
	padding: 5px 15px;
	margin: 0;
}

	div.blokmiddencontent ul li
	{
/*		float: left;*/
		line-height: 1.2em;
		margin: 0;
 		padding: 0;


	}
	
	div.blokmiddencontent ul li a
	{
		padding: 3px 20px 3px 10px;
		background-color: #dcecf6;
		display: block;
		width: 12.44em;
		height: auto;
		margin: 0 0 5px 0;
		text-decoration: none;
		color: #000;
		background-image: url(../images/arrow_submenu_hover.gif);
		background-repeat: no-repeat;
		background-position: 152px center;
	}
	
	div.blokmiddencontent ul li a:hover, div.blokmiddencontent ul li.active a
	{
		color: #FFF;
		background-color: #63add6;
		background-image: url(../images/arrow_submenu_normal.gif);
	}
	
#formOutput
{
	padding: 0px 0px 10px 15px;
	font-weight: bold;
	color: #00548E;
}

/* Content homepage */

div.homeContent
{
    width: 252px;
    float: left;
    margin-top: 16px;
    margin-right: 16px; 
    color: #015490;
}

div.homeContentNoMargin
{
    margin-right: 0px;
}

    div.homeContent *
    {
        font-family: arial;
    }

    div.homeContent h2
    {
        font-size: 20px;
        color: #00548e;
        font-weight: bold;
        margin-bottom: 12px;
    }
    
    div.homeContent div.item
    {
		min-height:70px;
    }

        div.homeContent div.item div.dayOfMonth
        {
            float: left;
            font-size: 40px;
            color: #abd0eb;
            font-weight: bold;
        }
        
        div.homeContent div.item div.monthYear
        {
            float: right;
            border-bottom: 1px solid #63abdb;
            font-size: 12px;
            line-height: 18px;
            width: 196px;
            margin-top: 6px;
            margin-bottom: 3px;
            margin-right: 5px;
        }
        
            div.homeContentActiviteiten div.item div.monthYear
            {
                font-weight: bold;
            }
        
        div.homeContent div.item a
        {
            float: right;
            font-size: 12px;
            text-decoration: none;
            width: 196px;
            margin-right: 5px; 
        }
        
            div.homeContentNieuws div.monthYear
            {
                font-weight: bold;
            }

			div.homeContentActiviteiten div.item a img,
            div.homeContentNieuws div.item a img
			{
               	margin:0px;
				padding:0px;
				border:0px;
				margin-right:-5px;
            }
			
        div.homeContent div.item div.clear
        {
            clear: both;
            line-height: 12px;
            height: 12px;
        }
        
        div.homeContent img
        {
            margin-bottom: 16px;
        }
    
    div.homeContent a.more
    {
        float: right;
        clear: both;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
        border-top: 1px solid #63abdb;
        width: 196px;
        margin-right: 5px;
        text-align: right; 
        padding-top: 3px;
		background-image:url(/client/medinova/images/btn_arrow.gif);
		background-position:right 6px;
		padding-right:20px;
		background-repeat:no-repeat;
    }

/* Slider */

div.imageSliderControl
    {
    padding: 0px;
    margin: 0px;
    margin-top: 210px;
    position: absolute;
    height: 19px;
    z-index: 999;
    width: 788px;
}

div.imageSliderCanvas
    {
    width: 788px;
    height: 264px;    
}

    div.imageSliderCanvas img
    {
        border: none;
    }

a#fssPrev, a#fssNext, a#fssPlayPause
{
    display: none;
}

ul#fssList
{
    clear: both;
    list-style: none;
    padding: 0px;
    margin: 0px 30px 0px 0px;
}

    ul#fssList li
    {
        float: right;
        margin-right: 5px;
    }
    
        #slideshowControl2208 ul#fssList li a
        {
            line-height: 19px;
            padding: 0px;
            margin: 0px;
            width: 19px;
            height: 19px;
            background-image: url(/client/default/images/scrollableNumber.png);
			background-position:left top;
			background-color:transparent;
			display:block;
            text-align: center;
            color: #fff;
        }
    
        #slideshowControl2208 ul#fssList li.fssActive a
        {
            background-image: url(/client/default/images/scrollableNumber.png);
			background-color:transparent;
			background-position:-20px top;
        }

/* ADDTHIS */

#addthis	{ margin:0 26px 20px; clear:both; }

.addthis_toolbox.addthis_default_style .addthis_button_hyves,
.addthis_toolbox.addthis_default_style .addthis_button_linkedin,
.addthis_toolbox.addthis_default_style .addthis_button_youtube,
.addthis_toolbox.addthis_default_style .addthis_button_email	{
	display:none;
}

/* Stijl aanpassingen voor FAQ */
div.faq {
	margin: 2em 1em 2em 0;
}
div.faq div {
	display: none;
	margin: .5em;
	padding: .5em;
	border: 1px solid #63aad8;
}

div.faq h3 {
	margin-top: 1em;
	cursor: pointer;
	text-decoration: underline;
	padding-left: 20px;
	background-image: url(/client/medinova/images/icon_plus.gif);
	background-repeat: no-repeat;
}

div.faq h3.open {
	background-image: url(/client/medinova/images/icon_min.gif);
}