* html body { height: 100% }

.kop
{
	font-weight: bold;
}

html
{
	height: 100%;
	margin: 0;
	padding:0;
}

#inhoudsopgave
{
	margin-bottom: 20px;
}

#lock
{
	position: relative;
	width: 1000px;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: #FFFFFF;
}

#subsitelogo {
	width: 150px;
	border: solid 1px red;
	height: 100px;
	cursor: pointer;
}


body
{
	position: relative;
	margin: 0;
	text-align: center;
	padding: 0;
	font-family: Arial,serif;
	font-size: 0.75em;
	height: 100%;
	min-height: 100%;
	background-color: #e4e0db;
}

a {
	color: #e19112;
	text-decoration: none;
}

.homepage
{
	color: #ffffff;
	font-size: 2.3em;
}

H1
{
	margin: 0 0 10px 0;
	color: #5A4A42;
}

/* print/send icons begin*/
.print-send-holder {
	margin-top:4px;
	display:block;
	float:right;
	margin-right:10px;
	}


.print-send-holder form {
	display:inline;
	margin:0;
	padding:0;
}

.print-send-holder input.spec {
	display:block;
	float:left;
	}

.print-send-holder img {
	margin-left:7px;
	display:block;
	float:left;
	}

/* print/send icons end*/


H2
{
	font-size: 1.4em;
	color: #5A4A42;
}

H3
{
	font-size: 1.2em;
	color: #5A4A42;
}
H4
{
	font-size: 1.1em;
	color: #5A4A42;
}
H5
{
	font-size: 1em;
	color: #5A4A42;
}
img
{
	border: 0;
}

#flash
{
position: absolute;
	margin: 25px 0 0 35px;
	z-index: 1;
}

#header .boog
{
	height: 145px;
}

#header
{
	height: 145px;
}

.logo
{
	position: absolute;
	top:0px;
	left:0px;
	z-index: 0;
}

#navigation
{
	position: absolute;
	width: 985px;
	top: 145px;
	height: 30px;
	z-index: 100;
	background-color: #7d6a55;
	padding: 0 0 0 15px;
}

* html #navigatieContainer
{
	width: 980px;
}

#navigatieContainer
{
	width: 1000px;
}

.hoofdnavigatie, .homeExtraItems, .subnavigatie .menuHoofd, .menuContainer .menuItem
{
	margin: 0;
	padding: 0;
	list-style: none;
}

/*.menuContainer .menuItem
{
	height: auto !important;
	padding: 5px 5px 5px 15px !important;
}
*/
.startLine
{
	list-style: none;
	float: left;
	border-right: dotted 1px #FFFFFF;
	height: 30px;
}

.hoofdnavigatie a
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

.hoofdnavigatie a:hover
{
	text-decoration: none;
}

.homeExtraItems .extraMenuItem a, .wegwijzerItems a,
.menuContainer .menuItem a
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.menuContainer .menuItem a {
	display:Block;
}

a:hover
{
	text-decoration: underline;
}

.menuContainer .menuItem a:hover
{
	text-decoration: none;
}

.hoofdnavigatie .navItem, .hoofdnavigatie .limeextra
{
	list-style: none;
	float: left;
	border-right: dotted 1px #FFFFFF;
	height: 24px;
	font-size: 1.1em;
	text-align: center;
	padding: 6px 0 0 0;
	width: 137px;
	position: relative;
	z-index: 999;
}
.hoofdnavigatie .navItem a
{
	display:block;
}

.nobreak
{
	white-space: nowrap;
}

.hoofdnavigatie .navItem.expanded
{
	background-color: #c7c1b9;
}

#content.inhoud
{
	padding: 25px 225px 0 210px;
}

#content
{
	padding: 30px 225px 0 210px;
	width: 565px;
	background-color: #FFFFFF;
}

.cont
{
	margin: 205px 0 0 0;
}

#subNavigation, #moreInfo
{
	position: absolute;
	height: 100%;
	top: 0;
	padding: 0 15px 0 15px;
	z-index: 0

}

#subNavigation
{
	width: 180px;
	left: 0;
}

#moreInfo
{
	width: 185px;
	left: 780px;
}

/* zoeken */

* html .zoekcontainer
{
	background-color: #FFFFFF;
}

.zoekcontainer
{
	height: 26px;
	border: solid 1px #e19112 !important;
}
.zoekImage
{
	border: #e19112 !important;
	background-color: #e19112 !important;
}

* html .zoekVelden
{
	width: 143px;
	margin: 0 0 0 0 !important;
}

.zoekVelden
{
	height: 20px;
	width: 145px;
	border: solid 1px #FFFFFF;
	background-color: #FFFFFF;
	margin: 0 0 0 0 !important;
}


.zoekVelden2
{
	width: 200px;
	border: solid 1px #CCCCCC;
}


.zoekImage2
{
	vertical-align:bottom;
	padding-bottom: 1px;
	margin-left: 5px;
}


.zoekImage
{
	vertical-align:bottom;
	float: right;
	border: solid 1px #7d6a55;
}

/* home extra menu options */
.homeExtraItems
{
	margin-top: 25px;
	background-color: #ffffff;
}

.homeExtraItems .extraMenuItem
{
	height: 20px;
	padding: 5px 0 0 15px;
	font-weight: bold;
}

.homeExtraItems .extraMenuItem.border
{
	border-top: dotted 1px #7d6a55;
	border-bottom: dotted 1px #7d6a55;
}

#menuFoto.subpage
{
	background: none;
	height: 150px;
}

#menuFoto
{
	background:url(../images/extraMenuBackground.jpg) no-repeat;
	margin: 25px -15px 0 -15px;
	height: 273px;
}

#wegwijzerContainer
{
	margin: -40px 0 0 0;
}

.wegwijzerItems, #directNaar
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.wegwijzerItems a
{
	font-size: 0.9em;
}

/* menu aan de linkerkant */
.subnavigatie, .menuContainer, .niv3Container
{
	margin: 25px 0 0 0;
	padding: 0;
}

.subnavigatie ul, .menuContainer ul
{
	margin: 0 0 0 0;
	padding: 0;
}
.subnavigatie .menuHoofd
{
	border-bottom: solid 1px #FFFFFF;
	padding: 5px 0 0 15px;
}
.menuContainer .menuItem
{
	border-bottom: solid 1px #FFFFFF;
	padding:0;
}
.menuContainer .menuItem a
{
	padding: 8px;
}

.subnavigatie .menuHoofd
{
	height: 20px;
}

.menuContainer .menuItem
{
}

.menuContainer.highlight
{
	border-left: solid 1px black !important;
	border-right: solid 1px black !important;
	border-bottom: solid 1px black !important;
}

#directNaar .menuHoofd
{
	background-color: #ffffff;
	color: #7d6a55;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 2px;
}

.subnavigatie .menuHoofd
{
	background-color: #7d6a55;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 2px;
}

#directNaar .menuHoofd
{
	padding: 5px 0 0 30px;
	background-color: #ffffff;
}

.menuContainer .menuItem
{
	background-color: #c7c1b9;
	border-bottom: solid 1px #ffffff;
}

.menuItem:hover
{
	background-color: #E3E0DC;
}

.menuContainer .menuItem.expanded
{
	background-color: #E3E0DC;
}

.menuContainer .menuItem a, .niv3container .niv3Item a
{
	font-weight: normal;
}

.niv3Item
{
	border-bottom: solid 1px white;
	background-color: #FFFFFF;
	padding: 5px 0 0 25px;
	margin: 0;
	list-style: none;
}

.menuItem .niv3Item a
{
	color: #000000;
	padding: 0;
}

/* content */
.breadcrumb
{
	margin-bottom: 20px;
}

.breadcrumb a
{
	color: #5A4A42;
}

.whiteBorderedImage-right, .whiteBorderedImage-left
{
	position:relative;
	float: right;
	padding: 0 5px 0 5px;
}

.whiteBorderedImage-left
{
	position:relative;
	float: left;
}


.submenu li, #wegwijzer li{
	list-style-image:url(../images/submenu.gif);
}

.paragraph
{
	overflow: visible;
	width: 100%;
	margin-bottom: 20px;
}

#footer
{
	border-top: dotted 1px #7d6a55;
	padding: 10px 0 0 0;
}

#footer.content
{
	margin: 10px 0 0 0;
}


/* homepage zaken */
* html #homepageImage
{
	margin: 0;
	padding: 0;
}

#homepageImage
{
	float:right;
	margin: -5px 15px 15px 0;
}

#homepageImage img
{
	width: 180px !important;
}

* html #directNaarContainer
{
	margin: 0;
	padding: 0;
}

#directNaarContainer
{
	float:right;
	width: 180px !important;
	margin: -5px 15px 15px 0;
}

#directNaar
{
	padding: 15px 0 0 0;
	width: 180px;
	margin: 0 0 0 15px;
}

#directNaar li
{
	border-top: dotted 1px #7d6a55;
	height: 20px;
	padding: 5px 0 4px 15px;
	background-color: #FFFFFF;

}

#directNaar li a, .rechterMenu .extraMenu-licht a
{
	color: #000000;
}

* html #eersteBlok
{
	display: inline-block;
	padding: 30px 15px 0 15px;
}

* html #directNaar
{
	padding: 0 0 0 0;
}

#eersteBlok
{
	float: left;
	padding: 20px 15px 0 15px;
	background-color: #e19112;
}

#tweedeBlok {
	background-color: #EBE9E7;
}

#eersteBlok .paragraph
{
	display: inline;
}

#contenContainer {
	margin-top: 30px;
}

#clear {
	height: 10px;
	clear: both;
}

#clearHome, .clear2
{
	clear: both;
}

#nieuwsBlok, #evenementenBlok
{
	margin: 0;
	padding: 0;
	width: 49.9%;
	float: left;
	color: #FFFFFF;
	font-size: 1.1em;
	list-style: none;
	background-color: #EBE9E7;
}

#nieuwsBlok, #evenementenBlok
{
	margin: 0;
	padding: 0;
	width: 49.9%;
	float: left;
	color: #FFFFFF;
	font-size: 1.1em;
	list-style: none;
	background-color: #EBE9E7;
}
.locatie
{
	margin: 0 0 15px 0;
}

#nieuwsBlok .homeNewsItem, #evenementenBlok .homeEventItem
{
	color: #000000;
	padding: 5px 15px 15px 15px;
	background-color: #EBE9E7;
}

.homeEventItem.link, .homeNewsItem.link
{
	height: 20px !important;
}

#nieuwsBlok .menuHoofd, #evenementenBlok .menuHoofd
{
	font-weight: bold;
	color: #7d6a55;
	background-color: #EBE9E7;
	padding: 5px 0 0 15px;
	height: 20px;
	border-bottom: dotted 3px #7d6a55;
}

.overzichtLinks
{
	margin: 0;
	padding: 0 0 0 10px;
	width: 48.2%;
	float: left;
	color: #FFFFFF;
	font-size: 1.1em;
	list-style: none;
}

#evenementenBlok .menuHoofd
{
	border-left: solid 1px #FFFFFF;
}

/* nieuwsberichten */
#newsberichten
{
	width: 550px;
}

.kop-broodtekst-groot
{
	font-weight: bold;
	font-size: 1.5em;
}

#subarticles
{
	width: 550px;
}

.kop-broodtekst {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
}

#newsberichten tr
{
	margin: 0 0 10px 0;
}

/* rechterkant */
.extraMenu
{
	border: solid 1px red;
}

.rechterMenu
{
	margin: 0;
	padding: 0;
	list-style: none;
}
/* speciaal voor praktijkvoorbeelden */
.extraMenu-kop.aangepast
{
	letter-spacing: 0px !important;
}

.rechterMenu .extraMenu-kop, .extraMenu-kop2
{
	background-color: #e19112;
	padding: 5px 0 3px 30px;
	color: #FFFFFF;
	letter-spacing: 3px;
}


.collectieInhoud
{
	margin: 0 0 10px 0;
}

.extraMenu-kop2
{
	cursor: pointer;
}

.rechterMenu .extraMenu-sub
{
	padding: 7px 0 7px 0;
	border-bottom: dotted 1px #c7c1b9;
}

.rechterMenu .extraMenu-licht, .extraMenu-licht2
{
	background-color: #F6DEB8;
	padding: 7px 0 7px 15px;
	border-top: dotted 1px #e19112;
}

.extraMenu-licht2
{
	padding-left: 30px;
}

.rechterMenu .extraMenu-sub a
{
	color: #000000;
}

.icon
{
	margin: 0 5px 0 5px;
}

.pictureContainer
{
	position: relative;
}

.circleBlue
{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 188px;
	width: 185px;
}

.banner
{
	margin: 5px 0 0 0;
}

/* dropdownmenu */
.dropDownMenu
{
	position: absolute;
	width: 100%;
	top: 35px;
	left: 0;
	text-align: left;
}

* html .dropDownMenu
{
	top: 30px;
}

.dropDownMenu .menuContainer
{
	margin: -5px 0 0 0;
}

.hoofdnavigatie .navItem.unhover
{
	overflow: hidden;
	width: 137px;
}

.hoofdnavigatie .menuContainer .menuItem
{
	width: 145px;
}

.menuItem.hover
{
	background-color: #E3E0DC !important;
}

.bannerContainer
{
	margin: 10px 0 0 0;
	border-top: dotted 1px #7d6a55;
	border-bottom: dotted 1px #7d6a55;
}

label
{
	cursor: pointer;
}


.hide
{
	display: none;
}

.extraMenu-kop2
{
	height: 30px;
}

#contentContainer
{
	padding: 30px 0 0 0;
}


fieldset
{
 margin: 0;
 padding: 0;
 border: 0;
}

fieldset label {
	display: block;
	float: left;
	font-size: 100%;
	width: 250px;
	padding-bottom:10px;
}

#auto-form select, #auto-form input.form-text, 
fieldset.group legend textarea, fieldset.group textarea, 
fieldset.group legend input.form-text, fieldset.group input.form-text {
	width: 290px; 
}

fieldset.group legend textarea, fieldset.group textarea {
	height: 6em;
	font-family: Arial, serif;
	font-size: 1em
}

legend
{
 display: none;
}

/*********************************** Form items **************************/

#auto-form {
	font-size: 100%;
}

#auto-form select {
	font-size: 100%;
	margin-left:5px;
}

#auto-form input {
	position: relative;
	display: inline;
	vertical-align: text-top
}

#auto-form textarea {
	margin-left:5px;
}

#auto-form label {
	position: relative;
	float: left;
	margin-left: 1px;
	height: auto;
	display: block;
    font-size: 100%;
    width: 255px
}

#auto-form fieldset {
	border: 0px solid #000000;
	font-size: 100%;
	height: auto;
	margin:0px 0px 0px 0px;
    padding: 0px;
}

#auto-form fieldset input {
	font-size: 100%;
	margin: 4px 0 4px 5px;
}

#auto-form fieldset legend {
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin-left: -7px;
	vertical-align: bottom;
}

#auto-form fieldset.group div.formHeading {
	font-weight:bold;
	white-space:normal;
}

.clearFormLine {
    clear: both;
    line-height: 0px; /* Specify line-height to fix rendering in IE. The br's in IE take up some space.*/
}

/* Style for labels used in the form list variant with radiobuttons or checkboxes. */
#auto-form fieldset label.optionboxesRadioOrCheck {
    margin: 2px 0px 0px 0px;
}
/* Style for inputboxes in the form list variant with radiobuttons or checkboxes. */
#auto-form fieldset input.optionboxesRadioOrCheck {
    float: left;
    margin-top:0px; margin-bottom:0px;	
}

#auto-form fieldset input.inputCheckbox {
    width:15px; /*Specify width for a checkbox to fix an IE align problem.*/
    margin: 0px 0px 0px 5px;
    
}

.error {
	color: red;
}

/************************* Form required and error element's styles ***********************/

.errors-box ul {
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

.errors-box ul li {
	background-image: none;
	color: #CC0000;
}

#auto-form .form-required {
	color: #CC0000;
	top: 0px;
	display: inline;
}

/*************************** Group element style *****************************/

#auto-form fieldset .group {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: auto;
}

#auto-form fieldset.group .form-required {
	color: #000000;
}

#auto-form fieldset.group div {
	float:left;
	margin: 0px;
	margin-bottom:5px;
	font-weight: normal;
	white-space: nowrap;
	color: #000000;
	font-size: 100%;
}

#auto-form  span {
	width: 250px; /* 260px is to much for IE 6*/
	display: block;
	clear: both;
	font-weight: normal;
	white-space: normal;
	height: auto;
}

/*************************** other styles *****************************/

.fullBlok {
	width:100% !important;
}
.printBody {
	background: white;
	text-align:left;
}
.printContent {
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	width:565px;
}

.print-preview {
	margin-top: 0;
}

.formElemCont {
	width:100%;
	float:left;
	margin-bottom:10px;
}
.formElemLeft {
	width:300px;
	float:left;
	font-weight: bold;
}
.formElemRight {
	width:200px;
	float:right;
}
.formElemRight input {
	float:left;
}
.rightMenu ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
.rightMenu ul li {
	list-style-type:none;
	background-color: #fff;
	border-bottom: #C7C1B9 1px dotted;
	padding: 7px 0;
}
.rightMenu .licht{
	background-color: #F6DEB8;
	padding: 7px 0 7px 15px;
}

.rightMenu ul li a{
	color: #000;
	padding:5px;
	text-decoration: none;
}
.rightMenu ul li a{
	list-style-type:none;
	color: #000000;
	width:180px;
	padding:10px 0px 5px 0px;
}
.rightMenu ul li a:hover{
	text-decoration: underline;
}
.rightMenu ul li p {
	padding: 0px;
	margin: 0px;
}

.rightMenu ul li p a{
	color: #000;
	padding:5px;
	text-decoration: none;
}
.rightMenu ul li p a{
	list-style-type:none;
	color: #000000;
	width:180px;
	padding:10px 0px 5px 0px;
}
.rightMenu ul li p a:hover{
	text-decoration: underline;
}

.rightMenu div {
	background-color: #E19112;
	color: #fff;
	padding: 5px 0px 3px 30px;
	letter-spacing: 2px;
}
.rightMenu .bold {
	font-weight: bold;
	margin-top: 10px;
}
#skip {
	display:none;
}

/* Make sure if floated images are used in two 'paragraps', they don't float besides each other, but float properly in their own paragraph. */
div.main-onder div.paragraphs div.text {
	clear:both;
}
/* Date should be formatted normal for agenda and events.*/
div.main-onder div.collecties div.collectie-kop span.broodtekst {
	font-weight: normal;
}