/* Start of CMSMS style sheet 'hhv_master_stylesheet' */
/* 
Titel:		Bitbloxx main stylesheet
Auteur:		Richard Jaspars | bitbloxx.nl
====================================================================== */

/* Resets
====================================================================== */

/* deleted , tbody, tfoot, thead, tr, th, td */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* General settings
====================================================================== */

html {background: #f9f7e3; color: #000;}
body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; text-align: left; border-top: 10px solid #1F4169;}
a {color: #036; text-decoration: underline;}
a:hover {color: #900;}

/* Page structure and classes
====================================================================== */
#headerwide {
	height: 178px;
	background: url(../graphics/header_back.jpg) left -1px repeat-x;
	border-top: 10px solid #CCC398;
	border-bottom: 13px solid #F4EFD1;}
#header {margin: 0 auto; height: 178px;}
#header h1 {height: 178px; background: url(../graphics/header_3.jpg) left -1px no-repeat; text-indent: -9999px;}

#navwide {height: 45px; background: #012650; border-bottom: 13px solid #e4e0bc;}
#nav {padding-top: 8px;}
#search {text-align: center; padding: 13px 0px; margin-bottom: 15px; background: #D3CCAB;}
#contentwide {background: url(../graphics/content_back.jpg) left top repeat-x; min-height: 400px;}
#navcontainer, #contentcontainer, #footercontainer {margin: 0 auto;}
#content {margin: 0 auto; float: left; margin-top: 0px; padding-bottom: 20px; border-bottom: 5px solid #D3CCAB;}
#maincontent {margin-top: 40px;}
#nav, #maincontent, #subcontent, #footermain, #footersub {float: left;}
#subcontentinner {
        padding: 15px;
        background: #E4E0BE;
        border: 1px solid #D3CCAB;
        border-right: 2px solid #D3CCAB;
        border-bottom: 2px solid #D3CCAB;}
#footercontainer {margin: 0 auto;}
#footer {margin: 0 auto; float: left;}

.span925 {width: 925px;}
.span550 {width: 550px; margin-right: 100px;}
.span275 {width: 275px;}

/* Typography
====================================================================== */
body#frontpage #content h3 {
	background: url(../graphics/solsleutel.gif) left 50% no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px; 
	color: #990000; 
	margin-bottom: 30px;
	padding-top: 12px; 
	padding-bottom: 12px;
	padding-left: 25px; 
	border-bottom: 1px dotted #D3CCAB; 
	letter-spacing: -1px; 
	font-weight: normal;}
	
body#frontpage #subcontent h3 {
	color: #693;
        padding-left: 45px;
	margin-top: 40px;
	background: url(../graphics/fasleutel.gif) left 50% no-repeat;}

/* h5 = datum */
body#frontpage #content h5 {
	font-size: 10px;
	color: #aaa;
	padding-bottom: 0px;}

/* h4 = nieuwstitel */	
body#frontpage #content h4 {
	font-family: Cambria, Georgia, "palatino linotype","Times New Roman", Times, serif;
	font-size: 18px;
	text-transform: uppercase;
	word-spacing: 3px;
        letter-spacing: -1px;
	padding: 5px 0px;
	font-weight: normal;
	border-bottom: 2px solid #D3CCAB;
	color: #900;}

body#frontpage #subcontent h4 {
	background: #f9f7e3 url(../graphics/muzieknoot.gif) 5px 40% no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: none;
	font-weight: normal;
        line-height: 1.4em;
	padding: 5px 0 6px 20px;
        margin-bottom: 0px;
        margin-top: 5px;
	color: #1F4169;
	letter-spacing: 0px;
	word-spacing: 0px;
        border: 1px solid #D3CCAB;
        border-right: 2px solid #D3CCAB;
	border-bottom: 2px solid #D3CCAB;}

body#frontpage #subcontent h5 {
	padding: 7px 0 0 5px;
	font-size: 12px;}

body#frontpage #content p {
	line-height: 1.5em;
	padding: 5px 0 12px 0;}

body#frontpage #subcontent p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 10px;
	margin-bottom: 10px; }

#frontfotoblock {
	background: #fff;
	border: 1px solid #ccc;
	width: 250px;
	padding: 5px;
	margin-top: 5px;}
	
#footer p {padding: 10px 0; font-size: 11px;}
#footermain p.footerlink {color: #aaa; line-height: 1em; padding: 0 0 20px 0;}
#footermain a {color: #aaa; text-decoration: underline;}
#footermain a:hover {color: #000;}
#footersub p {text-align: right;color: #D3CCAB;}
#footersub a {color: #D3CCAB; font-weight: bold; text-decoration: none;}
#footersub a:hover {color: #036; text-decoration: underline;}

.nieuwsitem {clear: both; margin-bottom: 20px;}

.fotolinks {float: left; padding: 6px; margin: 4px 14px 3px 0; background: #fff; border: 1px solid #ccc;}
.fotorechts {float: right; padding: 6px; margin: 4px 0px 3px 8px; background: #fff; border: 1px solid #ccc; clear: right;}
.foto  {padding: 6px; background: #fff; border: 1px solid #ccc;}

.searchinput {background: #fff; color: #000; border: 1px solid #275387; padding: 3px;}
.searchbutton {background: #1F4169; color: #fff; border: 1px solid #275387; padding: 1px 1px;}
.gastenboekbutton {background: #1F4169; color: #aaa; border: 1px solid #275387; padding: 1px 5px;}

table.agenda {margin-bottom: 30px; font-size: 12px;}
table.agenda td {padding: 10px 0; line-height: 1.4em; border-bottom: 1px dotted #900;}


/* Lists
====================================================================== */
#maincontent ul {padding: 0 0 12px 20px;}
#maincontent li {line-height: 1.4em; list-style-type: square;}

ul.vooruitzicht {padding-left: 20px;}
ul.vooruitzicht li {
        line-height: 1.6em;
        font-family: Cambria, Georgia, "palatino linotype","Times New Roman", Times, serif;
	font-size: 18px;
	text-transform: uppercase;
	word-spacing: 3px;
        letter-spacing: -1px;
	padding-bottom: 5px;
	font-weight: normal;
	color: #900;
        list-style-type: square;}

li.zoekresultaatlijst {line-height: 1.8em;}

/* End of 'hhv_master_stylesheet' */

