* 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;
}

a.newsname {
	font-weight:bold;
}

input, option, select {
	font-family: Arial,serif;
}

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

H1
{
  margin: 0 0 10px 0;
  color: #e19112;  
}

/* 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;
}

.floated-image {
	float:right;
	margin:0 10px;
	}

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

* html #navigatieContainer
{
  width: 980px;
}

#navigatieContainer
{
  width: 1000px;
}

.menuHoofd a:link,
.menuHoofd a:visited {
	color:#fff;
	}

.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;
  background-color: #e19112;
  border: solid 1px #e19112 !important;


}
.zoekImage
{
  border: #e19112 !important;
  background-color: #e19112 !important;
}

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

.zoekVelden
{                                                          
  height: 22px;
  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: #e19112;
  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: #f5d98d;
  border-bottom: solid 1px #ffffff;
}

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

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

.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;
  min-height: 20px;
}

.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 #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
{
  padding: 20px 15px 0 15px;   
  background-color: #e19112;      
}

#tweedeBlok
{
  background-color: #EBE9E7;  
  clear: both;
}

#eersteBlok .paragraph
{
  display: inline;           
}

#contenContainer
{
  margin-top: 30px;  
}

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

#clearHome, .clear2
{
  clear: both;
}

#tweedeBlok
{
  background-color: #EBE9E7;
  border-top: 1px solid #EBE9E7;
  border-bottom: 1px solid #EBE9E7;
  height: auto;
}

#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;
}

#nieuwsBlok.wide {
	width:100%;
	}

.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;
  margin-bottom:10px;
  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;
}

.extraMenu-kop a:link,
.extraMenu-kop a:visited {
	color:#fff;
	text-decoration:none;
	}
	
.extraMenu-kop a:hover {
	color:#fff;
	text-decoration:underline;
	}

.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: #feeec2 !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;
}
.content-holder {
  clear: both;
  padding-top: 10px;
}
.newsHeader {
  font-size: 1.5em;
}

.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 p {
  margin: 0px;
}

.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 div {
  background-color: #E19112;
  color: #fff;
  margin-bottom:15px;
  padding: 5px 0px 3px 30px;
  letter-spacing: 2px;
}
.rightMenu div a{
  text-decoration: none;
  color: #fff;  
  letter-spacing: 2px;
  font-weight: bold;
}
#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;
}
/* News items should always be bold in list overview page. */
div.main-onder div.collecties div.collectieInhoud {
	font-weight: bold;
}