/* 
----------------------------------------------------------------------------------------------
BASIS STYLESHEET MZ DESIGN
---------------------------------------------------------------------------------------------- 

Haeder blauw: DEF0FB / EFEFEF
Copyright blauw: BFDCEE / 111
Menu blauw: 0061A1 (eigenlijk plaatje)
Licht blauw: DEF0FB
*/

/* 
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:regular,bold&subset=latin);
@import url(http://fonts.googleapis.com/css?family=Tangerine&subset=latin);
@import url(http://fonts.googleapis.com/css?family=Cookie);
@import url(http://fonts.googleapis.com/css?family=Marvel);
*/
@import url(http://fonts.googleapis.com/css?family=Bitter);
@import url(http://fonts.googleapis.com/css?family=Amatic+SC:700);


a 
{
	text-decoration: none;
}
a:link 
{
	color: #CC0000;
}
a:visited 
{
	color: #0061A1;
	color: #CC0000;
}
a:hover 
{
	color: #CC0000;
	font-weight: normal;
	text-decoration: underline;
}
a:active 
{ 
	color: #CC0000;
	font-weight: normal;
	text-decoration: underline;
}

body 
{	margin: 0px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	background-color: #FFF;
	color: #000;
}
h1 
{	font-size: 3em;
	font-family: 'Amatic SC', Georgia, "Times New Roman", serif;
	font-weight: normal;
	color: #155d8d;
	margin: 30px 0px 10px 0px;
	border-bottom: 1px none #EBEBEB;
}
h2 
{
	font-size: 1.5em;
	font-family: 'Amatic SC', Georgia, "Times New Roman", serif;
	font-weight: normal;
	color: #999;
	margin: 25px 0px 10px 0px;
}
h3 
{
	font-size: 1.3em;
	font-family: 'Amatic SC', Georgia, "Times New Roman", serif;
	font-weight: normal;
	color: #0C6BAA;
	margin-bottom: 5px;
	padding: 0px 10px 5px 0px;
	border-bottom: 1px none #0061A1;
}
h1 a:link, 
h2 a:link, 
h3 a:link 
{ 
	color: #CC0000; 
}
h1 a:visited, 
h2 a:visited, 
h3 a:visited 
{ 
	color: #CC0000; 
}

div.zijpaneel h2 
{
	font-family: 'Amatic SC', Calibri !important;
	font-size: 2em;
}


blockquote 
{
	font-family: 'Bitter', Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-size: 1.7em;
	line-height: 110%;
	margin: 5px 0px;
	padding: 5px;
	background-color: #0061A0;
	color: #BFDCEE;
}

/* ------------------------------------------------------------------------------- 
LAYOUT 
*/

#header-container 
{
	text-align:center;
	background-color: #EFEFEF;
	padding: 30px 0px 10px 0px;
}
#header 
{
	margin: 0px auto 0px auto;
	text-align: left;
	width: 800px;
	height:auto;
}

#copyright-container 
{
	text-align:center;
	background-color: #111;
	padding: 7px 0px 7px 0px;
}
#copyright 
{
	margin: 0px auto 0px auto;
	text-align: left;
	width: 800px;
	height: auto;
	font-size: 1em;
	color: #666;
}
#menu-container 
{
	text-align:center;
	background-color: #0061A1;
	background: url(images/bg-blue-dark-60.png) repeat-x 0 0;
	height: 45px;
	padding: 0px; 
	overflow: hidden;
}
#menu 
{
	margin: 15px auto 0px auto;
	text-align: left;
	width: 800px;
	height:auto;
	color: #FFFFFF;
}

#menu ul 
{ 
	display: inline; 
}

#menu li 
{
	display: block;
	float: left;
	list-style: none;
}
#menu li a 
{
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	font-size: 1.3em;

	background-color: #0061A1;
	color: #000;
	color: #fff;

	display: block;
	margin: 0px 2px 0 2px;
	margin-top: -6px; /* webkit fix, snoops 6 off menu height in IE */
	padding: 5px 8px 0 8px;

	text-align: center;
	text-decoration: none;

	line-height: 1.6em;
}
#menu li a:link, 
#menu li a:visited 
{
	color: #000;
	color: #FFF;
	text-decoration: none;
}
#menu li a:hover, 
#menu li a:active, 
#menu li a.current 
{
	color: #FFF;
	background-color: #000;
	color: #000;
	background-color: #FFF;

	text-decoration: none;
}
#menu li a:hover 
{
	color: #FFF;
	background-color: #BFDCEE;
	color: #FFF;
	background-color: #0061A1;
	color: #000;
	background-color: #FFF;
}
#menu li a:active 
{
	color; #000;
	background-color: #FFF;
	color: #FFF;
	background-color: #000;
}

#breadcrumbs 
{
	font-size: 1em;
	color: #999;
	font-family: Calibri, Arial, sans-serif;
}
#breadcrumbs a
{
	font-size: 1em;
	color: #666;
	font-family: Calibri, Arial, sans-serif;
	border-bottom: 1px solid #666;
}
#breadcrumbs a:hover
{
	border-bottom: 1px solid #C00;
}


#main-container 
{
	text-align:center;
	padding: 30px 0px 10px 0px;
}
#main 
{
	margin: 0px auto 0px auto;
	text-align: left;
	width: 800px;
	height:auto;
}
#main a:hover 
{
	font-weight: bold;
	text-decoration: none;
}

#main p 
{
	margin-top: 6px;
	margin-bottom: 6px;
}

#main .zijpaneel ul, #twitter_div ul
{
	list-style-type: none;
	border-top: 1px solid #999;
	margin: 0px;
	padding: 0px;
	/* font-size: 12px; */
}
#main .zijpaneel ul li, #twitter_div li 
{
	border-bottom: 1px solid #BFDCEE;
	line-height: 14pt;
	padding: 5px 0px;
	margin: 0px;
}
#main img
{
	border: 5px solid #DEF0FB;
	margin: 0px 5px 5px 0px;
}
#main a:hover img 
{
	border: 5px solid #0061A1;
}

div.links, div.hoofdtekst 
{
	float: left;
	width: 100%; 
	margin:0px;
	padding:10px 10px 0px 0px;
}

div.hoofdtekst p,
div.hoofdtekst blockquote,
div.hoofdtekst dl,
div.hoofdtekst code,
div.hoofdtekst pre,
div.hoofdtekst formatted 
{
	max-width: 450px;
}

div.rechts 
{
	float: right;
}
div.zijpaneel 
{
	float: right;
	width: 300px;
	margin:0px;
	padding: 0px 0px 10px 20px;

	background-color: #000;
	color: #FFF;

	background-color: #FFF;
	color: #000;
}



/* RENDER THUMBNAIL/LIST BUTTONS --------------------------------------------------------------------------- */
/* Max 1 per pagina */

ul#view li 
{
	display:block;
	float:right;
}

ul#view li a 
{
	display: block;
	outline: none;
	width: 27px; height: 21px;
	background: transparent url(images/display-buttons.png) no-repeat 0 0;
	text-indent: -1234px;
	margin: 0 0 0 0;
}
			
ul#view li a:hover 
{
	background-position:0 -21px;
}
		
ul#view li#view_thumbnails a 
{
	width:26px;
	background-position:-27px 0;
}

ul#view li#view_thumbnails a:hover 
{
	background-position:-27px -21px;
}

/* TABELLEN ----------------------------------------------------------------------------------- */

table 
{
	padding-right: 10px;
	color: #333333;
}
tr.header 
{
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	background-color: #8080CC;
	margin: 1px;
	padding: 1px;
}
td.inset 
{
	border: 1px inset #E5E5F5;
}
table.grid 
{
	margin: 1px;
	padding: 1px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #BFBFE5;
	border: 1px outset #8080CC;
	width: 100%;
}

/* FORMULIEREN --------------------------------------------------------------------------- */

input.button 
{
	font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #E5E5F5;
	margin: 1px;
	padding: 1px;
	border: 1px outset #8080CC;
}

/* OPMAAK STYLEN ------------------------------------------------------------------------- */

ul.sitemap 
{
	list-style: none;
}

.info,
.label,
.caption 
{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color:#999;
}
.info,
.caption
{
	display: block;
}
.caption
{
	color: #000;
	background-color: #DEF0FB;
	padding: 5px;
}
h1 div.info 
{
	/* margin: 10px 0px 30px 0 !important; */
}


.inactive 
{
	color: #666666;
}
.small 
{
	font-size: .8em;
	line-height: 1.5em;
}

.onzichtbaar 
{
	color: #FFF; /* wit op wit */
}

a.lees-meer 
{ 
	font-size: 1em;
	font-family: Calibri, Arial, sans-serif;
	color: #999;

	/*
	display: inline;
	float: left;
	width: 15px;
	height: 15px;
	margin: 7px 5px 0px 0px;
	padding: 0 0 0 0;
	background: transparent url(images/lees-meer.png) no-repeat 0 0;
	font-size: 1px;
	text-align: center;
	text-indent: -1234px;
	text-decoration: none;
	*/
}

a.lees-meer:hover 
{
	/*
	background-position: 0 -15px;
	*/
}

.links 
{
	float:left;
	margin: 0 5px 5px 0;
}
.rechts 
{
	float: right;
	margin: 0 0 5px 5px;
}

/* Plugin Stijlen *
------------------------------------ */

ul.tagger 
{
	font-family: Calibri, Arial, sans-serif !important; 
	padding: 5px;
	margin: 0px;
	text-align: center;
	background-color: #0061A1;
}
ul.tagger li a
{
	
	font-weight: normal !important;
	text-height: 25px !important;
}
ul.tagger li a:link, 
ul.tagger li a:visited 
{
	color: #FFF;
}

ul.tagger li a:hover, 
ul.tagger li a:active 
{
	color: #FFF;
	background-color: #000!important;
}

div.addthis_toolbox 
{
	margin-top: 20px;
}