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

Haeder blauw: DEF0FB
Copyright blauw: BFDCEE
Menu blauw: 0061A1 (eigenlijk plaatje)

*/


/* Links */

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: .9em;
	line-height: 1.5em;
}

sup
{
	line-height: 1em;
}

h1 
{
	font-size: 2em;
	font-family: Georgia, Garamond, "Times New Roman", serif;
	font-weight: normal;
	color: #000000;
	margin: 30px 0 10px 0 ;
	border-bottom: 1px none #EBEBEB;
}
h2 
{
	font-family: Georgia, Garamond, "Times New Roman", serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #0C6BAA;
	margin: 25px 0px 5px 0px;
}
h3
{
	font-size: 1.1em;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #0C6BAA;
	margin-bottom: 0px;
	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; 
}

blockquote 
{
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
	font-size: 13px;
	margin: 5px 0px;
	padding: 5px;
	background-color: #BFDCEE;
	border: 1px solid #BFDCEE;
	border-radius: 15px;
}



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

#header-container
{
	text-align:center;
	background-color: #DEF0FB;
	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: #BFDCEE;
	padding: 5px 0px 5px 0px;
}
#copyright 
{
	margin: 0px auto 0px auto;
	text-align: left;
	width: 800px;
	height:auto;
	font-size: 70%;
}

#breadcrumbs
{
	font-size: 11px;
	color: #cccccc;
	font-family: Calibri, Arial, sans-serif;
}

#menu-container
{
	text-align:center;
	background-color: #0061A1;
	background: url(images/bg-blue-dark-60.png) repeat-x 0 0;
	padding: 20px 0px 0px 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: Calibri, Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;

	background: #0061A1;
	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: #FFFFFF;
	text-decoration: none;
}
#menu li a:hover, #menu li a:active, #menu li a.current  
{
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
}
#menu li a:hover
{
	background-color: #BFDCEE;
	background-color: #0061A1;
	background-color: #FFF;
}
#menu li a:active
{
	color: #FFFFFF;
	background-color: #000000;
}


#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 img
{
	border: 5px solid #DEF0FB;
	margin: 0px 5px 5px 0px;
}

#main a:hover img 
{
	border: 5px solid #0061A1;
}

#main img.noImgFrame,
#main img.randloos,
.noImgFrame * img,
.randloos * img
{
	border: none !important;
}

#hoofdtekst p,
#hoofdtekst h1, 
#hoofdtekst h2,
#hoofdtekst h3,
#hoofdtekst blockquote,
#hoofdtekst dl,
#hoofdtekst code,
#hoofdtekst pre,
#hoofdtekst formatted {
	max-width: 450px;
}

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

#zijpaneel {
	float: right;
	width: 300px;
	margin:0px;
	padding: 0px 0px 10px 20px;
}
#zijpaneel ul {
	list-style-type: none;
	border-top: 1px solid #0061A1;
	margin: 0px;
	padding: 0px;
	/* font-size: 12px; */
}
#zijpaneel ul li {
	border-bottom: 1px solid #BFDCEE;
	line-height: 14pt;
	padding: 5px 0;
	margin: 0px;
}

#twitter_div {
	overflow: hidden;
}
#twitter_div ul {
	list-style-type: none;
	/* border-top: 1px solid #0061A1; */
	margin: 0px;
	padding: 0px;
	/* font-size: 12px; */
}
#twitter_update_list li {
	line-height: 14pt;
	padding: 5px 0;
	margin: 5px 0 5px 0;
}
#twitter_update_list li a {
	color: #999;
}
#twitter_update_list span {
	background-color: #dfe3e6;
	padding: 3px;
	border: 1px solid #dfe3e6;
	border-radius: 5px;
	line-height: 15px;
}
#zijpaneel + h2, #zijpaneel + h3
{
	margin: 0px 0 0 0 !important;
	line-height: normal !important;
	
}

#twitter_div ul { }
#twitter_update_list li { }
#twitter_update_list li:first-child { }

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


/* 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: Calibri, 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 ------------------------------------------------------------------------- */

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

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

.entry .info, 
.entry .label, 
.info,
.label {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#CCCCCC;
	margin:0px;
	display: block;
}

.info 
{
	margin: 0 0 20px 0;
}

a.lees-meer 
{ 
	font-size: 12px;
	
	/*
	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;
	color: #fff;
	font-size: 1px;
	text-align: center;
	text-indent: -1234px;
	text-decoration: none;
	*/
}

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


/* PLUGINS --------------------------------------------------------------- */

ul.tagger 
{
	margin: 0px;
	padding: 15px !important;
	background-color: #BFDCEE;
	color: white;
	border: 1px solid #BFDCEE;
	border-radius: 0 0 15px 15px;
	overflow: hidden;
}

ul.tagger a:hover
{
	font-weight: normal !important;
	text-decoration: underline !important;
}