html {
  height: 100%;
}

body {
  padding: 0;
  margin: 0;
  height: 100%;
  min-height: 100%;
  font-family: "arial", "sans-serif";
  background-color: #FFFFFF;
  font-size: 1.0em; 
  background-color: #FFFFFF;
}

img {
	border: none;
}

#site-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 753px;
  height: auto;
}

/* HEADER */

#header {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 120px;
}

#header .menu {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 38px;
  background-color: #1a855d;
}

#header .menu .img{
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
  width: 256px;
  height: 42px;
  background: #1a855d url(../img/background_image_home_1.gif) no-repeat bottom;
}

#header .menu .meta{
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
  width: 310px;
  height: 38px;
  border-bottom: solid 4px #99c9b7;
  border-right: solid 1px #99c9b7;
  background-color: #1a855d;
  text-align: right;
}

#header .menu .meta a{
    position: relative;
    top: 10px;
    display: inline;
    color: white;
    font-size: 0.7em;
    text-decoration: none;
    padding-top: 10px;
    padding-right: 10px;
}

#header .menu .meta a:hover{
    color: #99c9b7;
}

#header .menu .meta a.fontsize {
	float: right;
	top: 8px;
	padding-top: 0;
}
#header .menu .meta .fontsize img {
	border: none;
}

#header .menu .search{
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
  width: 186px;
  height: 38px;
  border-bottom: solid 4px #99c9b7;
  background-color: #1a855d;
}

#header .menu .search form {
	position: relative;
	left: 10px;
	top: 9px;
	display: inline;
}

#header .menu .search form input {
	color: #00000;
	background: #FFFFFF;
	border: 1px solid #00774b;
	font-size: 0.65em;
}

#header .menu .search-form a {
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	font-size: 0.7em;
	text-decoration: none;
	padding-left: 5px;
  background-color: #1a855d;
	border: none;
	font-weight: bold;
}

#header .menu .search-form a:hover {
	color: #99c9b7;
}

#header .headerimg {
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
  height: 82px;
	#margin-top: 4px;
	_margin-top: 0;
}

/* END HEADER */

/* MAIN */

#main {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  background-color: #FFFFFF;
}

#main .item1, #main .item2, #main .item3, #main .item4 {
  position: relative;
  float: left;
  padding-bottom: 20px;
  width: 187px;
  background-color: #FFFFFF;
  border-right: solid 1px white;
}

#main .item4 {
	border: none;
}

#main .item1 .img, #main .item2 .img, #main .item3 .img, #main .item4 .img {
  position: relative;
  width: 187px;
  /*height: 165px;*/
  background-color: #FFFFFF;
}

/*#main .item1 .img a, #main .item1 .img a img, #main .item2 .img a, #main .item2 .img a img, #main .item3 .img a, #main .item3 .img a img, #main .item4 .img a, #main .item4 .img a img {
	padding: 0;
	margin: 0;
	border: none;
}*/

#main .item1 .titel, #main .item2 .titel, #main .item3 .titel, #main .item4 .titel {
	position: relative;
	width: 187px;
	/* height: 35px;*/
	text-align:left;
}

#main .item1 .titel {
	background-color: #2e2282;
}

#main .item2 .titel {
	background-color: #ec8000;
}

#main .item3 .titel {
	background-color: #00774b;
}

#main .item4 .titel {
	background-color: #c30808;
}

#main .item1 .titel ul, #main .item2 .titel ul, #main .item3 .titel ul, #main .item4 .titel ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#main .item1 .titel ul li, #main .item2 .titel ul li, #main .item3 .titel ul li, #main .item4 .titel ul li {
	display: inline;
	padding: 0;
	margin: 0;
}

#main .item1 .titel ul li a, #main .item2 .titel ul li a, #main .item3 .titel ul li a, #main .item4 .titel ul li a {
  position: relative;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;	
	text-decoration: none;
	color: #FFFFFF;
	background: url(../img/bullet_white_1.gif) no-repeat 14px 14px;
}
#main .item1 .titel ul li a span, #main .item2 .titel ul li a span, #main .item3 .titel ul li a span, #main .item4 .titel ul li a span {
	display: inline;
	padding-left: 30px;
}

/* BEGIN:MOUSEOVER IN HOOFDMENU ITEMS */

#main .item1 .titel ul li a:hover {
	background: url(../img/bullet_purple_ovr_1.gif) no-repeat 14px 14px;
	color: #aba7cd;	
}

#main .item2 .titel ul li a:hover {
	background: url(../img/bullet_orange_ovr_1.gif) no-repeat 14px 14px;
	color: #f7cc99;	
}

#main .item3 .titel ul li a:hover {
	background: url(../img/bullet_green_ovr_1.gif) no-repeat 14px 14px;
	color: #99c9b7;	
}

#main .item4 .titel ul li a:hover {
	background: url(../img/bullet_red_ovr_1.gif) no-repeat 14px 14px;
	color: #e8a2a2;	
}

/* EINDE:MOUSEOVER IN HOOFDMENU ITEMS */

/* END MAIN */

/* BOTTOM */

#bottom-topline {
	position: relative;
	height: 4px;
	width: 750px;
	#width: 752px;
	clear: both;
	background-color: #99c9b7;
}

#bottom-topline-border {
	position: absolute;
	top: 0;
	left: 563px;
	height: 4px;
	width: 1px;
	background-color: #FFFFFF;
}

#bottom {
	position: relative;
	clear: both;
	display: table;
	#display: block;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	background-color: #e8f5ef;
	width: 750px;
	#width: 752px;
}

#bottom .nieuws {
	display: table-cell;
	#display: block;
	#float: left;
	width: 562px;
	#width: 563px;
	border: none;
	border-right: 1px solid #FFFFFF;
	background-color: #e8f5ef;
	text-align: left;
}

#bottom .nieuws h2 {
    margin: 0;
    padding: 0;
    padding-left: 35px;
    padding-top: 20px;
    padding-bottom: 7px;
    /*color: #f39a00;*/
		color: #1f8861;
    font-size: 1.1em;
}

#bottom .nieuws ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 35px;
    padding-right: 35px;
		margin-bottom: 15px;
}

#bottom .nieuws ul li {
    font-size: 0.8em;
    padding-bottom: 8px;
    _padding-bottom: 5px;
}

#bottom .nieuws ul li .newstitle, #bottom .nieuws ul li .newstitle a {
		font-weight: bold;
    /*color: #1a855d;*/
}

#bottom .nieuws ul li .newstitle a {
		font-weight: bold;
}

#bottom .nieuws ul li .item {
    padding-left: 10px;
    color: #000000;
}

#bottom .woonveste {
	position: relative;
	display: table-cell;
	#display: block;
	_float: right;
	width: 186px;
	#width: 186px;
	/*height: 16px;*/
	border: none;
	text-align: left;
}

#bottom .woonveste h2 {
	margin: 0;
	padding: 0;
	padding-left: 15px;
	padding-top: 20px;
	padding-bottom: 8px;
	color: #1f8861;
	font-size: 1.1em;
}

#bottom .woonveste p {
	margin: 0;
	padding: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	color: #1f8861;
	font-size: 0.8em;
}

#bottom .woonveste ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  padding-left: 15px;
	margin-bottom: 20px;
}

#bottom .woonveste ul li {
  padding-top: 3px;
  padding-bottom: 3px;
	padding-left: 16px;
	background: url(/img/bullet_blue_1.gif) no-repeat 0 10px;
}

#bottom .woonveste ul li.item2 {
	background: url(/img/bullet_orange_1.gif) no-repeat 0 10px;
}

#bottom .woonveste ul li.item3 {
	background: url(/img/bullet_green_1.gif) no-repeat 0 10px;
}

#bottom .woonveste ul li.item4 {
	background: url(/img/bullet_red_1.gif) no-repeat 0 10px;
}

#bottom .woonveste ul li a{
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 0.8em;
}

#bottom-line {
	position: relative;
	height: 4px;
	font-size: 0.1em;
	line-height: 0.1em;
	width: 750px;
	#width: 752px;
	/*border-bottom: solid #99c9b7 4px;*/
	background-color:#99c9b7;
}

#bottom-line-border {
	position: absolute;
	top: 0;
	left: 563px;
	height: 4px;
	width: 1px;
	background-color: #FFFFFF;
}


    .tooltip {
      width:auto;
      height:auto;
      white-space:nowrap;
      display:none;
      background-color:#fff5c5;
      border: 1px #ec8000 solid;
      position: absolute;
      padding: 3px;
      left:0px;
      top:0px;
      font-family: verdana;
      font-size: 0.7em;
			z-index: 100;
    }

 #bottom .error_404 {
 	padding-left: 35px;
 }
    
#bottom .error_404 h2 {
	margin: 0;
	padding: 0;
	padding-top: 20px;
	padding-bottom: 7px;
	/*color: #f39a00;*/
	color: #1f8861;
	font-size: 1.1em;
}
	 
	 
/******************** Editing ******************/

.content-box {  
}
div.content-box {
}
.roxen-edit-box-off { 
}
.roxen-edit-box-on {
	outline:          1px dotted #f8bb7b;
	/*background:       #f2f1eb;*/
	/*background:       #faf9f3;*/
	-moz-outline:     1px dotted #f8bb7b;     /*  FIXME: invalid CSS  */
}
.roxen-edit-marker-off {
	visibility:       hidden;
	display:          block;
	position:         absolute;
}
.roxen-edit-marker-on {
	visibility:       visible;
	display:          block;
	position:         absolute;
	background:       URL(/roxen-files/cms-sites/4.5/images/button_edit_comp.gif)
										top left no-repeat;
	width:            28px;
	height:           13px;
	z-index:          1;
}
div.roxen-linkbrowser-anchor a {
	visibility:       visible;
	display:          block;
	position:         absolute;
	background:       URL(/roxen-files/cms-sites/4.5/images/button_link_browser.gif)
										top left no-repeat;
	width:            28px;
	height:           13px;
	z-index:          1;
}