body 
{
  font-family:Arial;
  font-size:14px;
}

html, body{
  margin:0px;
  padding:0px;
  height:100%;
}

#site
{
  margin:0px auto;
  width:960px;
  overflow:hidden;
}


/* ------------ hoofd opbouw site -------------*/
#header
{
  position:relative;
  height:125px;
  background-image:url(/interface/images/rodelijn.gif);
  background-position:12px 85px;
  background-repeat:no-repeat;
}

#midden
{
  position:relative;
  min-height:400px;
  _height:400px;
}

#footer
{
  position:relative;
  height:50px;
  background-image:url(/interface/images/rodelijn.gif);
  background-position:12px 35px;
  background-repeat:no-repeat;
}

/* ----------- header -------------*/

#header_logo
{
  top:15px;
  left:25px;
  position:absolute;
  background-color:#0000CC;
}

#header_menu
{
  left:185px;
  top:65px;
  width:775px;
  position:absolute;
  height:40px;
  overflow:hidden;
}

#header_zoeken1
{
  left:610px;
  top:10px;
  position:absolute;
}

#header_zoeken
{

  position:relative;
  width:345px;
  height:45px;
}

/*------------ menu style van header ---------*/
#header_zoeken a .btnZoek
{
  position:absolute;
  top:21px;
  left:262px;
  border-width:0px;
}

#header_menu ul
{
  position:absolute;
  width:755px;
  height: 51px;
  list-style-type:none;
  margin:0px;
  padding:0px;
  _behavior:url(/scriptlibrary/csshover.htc);
  font-family:Arial;
  font-size:14px;
}

#header_menu ul li
{
  float:left;
  margin-bottom:35px;
  border-left-style:solid;
  border-left-color:#d888a4;
  border-left-width:2px;
  z-index:100;
}

#header_menu ul li a
{
    padding: 0px 18px;
}

#header_menu ul li.active, #header_menu ul li.childActive
{
  font-weight:bold;
}

#header_menu ul a {
  text-decoration: none;
  color:#ac003b;
  display:block;
}

#header_menu ul li.first
{
  border-left-style:none;
  padding-left:0px;

}
  
#header_menu ul li.first a
{
    padding-left:0px;
}

#header_menu ul li.first li a
{
  padding-top:7px;
  padding-left:8px;
}

#header_menu ul li.first li.first a
{
  padding-top:7px;
  padding-left:0px;
}

#header_menu ul ul a 
{
  font-weight:normal;
  color:#7f715c;
}

#header_menu ul ul li.active a, #header_menu ul ul li.childActive a
{
  text-decoration:underline;
}

#header_menu ul ul
{
  background-color:#FFFFFF;
  z-index:30;
  position:absolute;
  left:-8000px;
  background-image:url(/interface/images/rodelijn.gif);
  background-repeat:no-repeat;
  background-position:0px 4px;
}

#header_menu ul ul ul
{
  background-image:none;
}

#header_menu ul li:hover ul
{
  z-index:40;
  left:0px;
  min-height:25px;
}

#header_menu ul .childActive ul
{
  position:absolute;
  left:0px;
}

#header_menu ul ul li
{
  border-left-style:none;
  border-left-width:0px;
  float:left;
  z-index:100;
}

#header_menu ul ul li a
{
  padding-top: 7px;
  padding-left: 8px;
  padding-right: 8px;
}

/*-------------linkstijl van zoeken-----------*/

#header_zoeken a
{
  color:#ac003b;
  text-decoration: none;
  display:block;
  padding:0px 8px;
  float:left;
}

#header_zoeken a.first
{
  padding-left:0px;
}


/*---------- Ronde knoppen links van content ------------*/

.cirkelknoppen {
  margin: 0px;
  padding: 0px 25px;
  width: 116px;
  float: left;
}

.cirkelknoppen li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: left;
  width: 116px;
}

.cirkelknoppen a {
  display: block;
  width: 116px;
  height: 116px;
  background-repeat: no-repeat; 
}

.cirkelknoppen a:hover {
  background-position: left bottom;
}

.cirkelknoppen .cirkel1 { background-image: url(/interface/images/btn_links1.jpg); }
.cirkelknoppen .cirkel2 { background-image: url(/interface/images/btn_links2.jpg); }
.cirkelknoppen .cirkel3 { background-image: url(/interface/images/btn_links3.jpg); }
.cirkelknoppen .cirkel4 { background-image: url(/interface/images/btn_links4.jpg); }
.cirkelknoppen .cirkel5 { background-image: url(/interface/images/btn_links5.jpg); }


/*---------- content ------------*/

#content_links
{
  width:185px;
  float:left;
  overflow:hidden;
}

#content li
{
  padding-top:5px;
}

#content
{
  width:400px;
  float:left;
  overflow:hidden;
}

#content a {
  color: #AC003B;
}

#content a:click {
  border-style:none;
}


#content_links .image
{
  padding:14px 45px;
}

.content_rechts
{
  position:absolute;
  right:10px;
  bottom:55px;
}

#content ul
{
  font-size:12px;
}

/* --------------- Home -------------- */

#home_buttons {
	position: absolute;
	right: 0px;
	bottom: 0px;
}


/* --------------- Sitemap -------------- */

#content #sitemap ul {
  color:#ac003b;
  display:block;
}

#content #sitemap ul
{
  font-size:14px;
}

#content #sitemap ul ul a 
{
  margin-left:30px;
  color:#7f715c;
  font-size:12px;
}

#content #sitemap ul ul ul a 
{
  margin-left:60px;
  color:#7f715c;
  font-size:12px;
}

#content #sitemap ul.leeg
{
  display:none;
}

/*----------- footer ---------*/
#kruimelpad
{
  font-style:italic;
  left:185px;
  top:15px;
  width:600px;
  position:absolute;
}

#footer_logo
{
  left:870px;
  top:10px;
  position:absolute;
}

/* ---------------menu style van kruimelpad-------------- */

#kruimelpad a
{
    color:#7f715c;
    display: block;
      float:left;
        padding-left:3px;
}

#kruimelpad a:hover
{
  text-decoration:underline;
}

#kruimelpad .tekst
{
  padding-left:3px;
  float:left;
    color:#7f715c;
}

#kruimelpad a.first
{
  padding-left:0px;
}

#kruimelpad a.last
{
  text-decoration: underline;
  color:#7f715c;
}


/* ------------- globale stijlen --------- */

#content h1
{
  color:#7b715e;
  font-family:Arial;
  font-weight:bold;
  font-size:18px;
}

#content h2
{
  color:#7b715e;
  font-family:Arial;
  font-weight:bold;
  padding-top:6px;
  line-height:2px;
  font-size:14px;
}

#content
{
  color:#534f48;
  font-family:Arial;
  font-size:12px;
}

a img
{
  border:0;
}

a
{
   text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

.clearfix
{
  clear: both;
  height:0px;
  line-height: 0px;
  overflow: hidden;
  font-size: 0px;
  margin:0px;
  padding:0px;
}