/*** algemeen ***/
html, body {
  margin: 0;
  padding: 0;
  scrollbar-base-color: #9fd630;
  
}


body {
   font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
   
}


#page {
  position: relative;
  margin: 0 auto 10px;
  width: 982px;
  height:100%;    
}

#content{
  position: relative;
  float: left;
  /*margin-top: 10px;*/
  background: url(gfx/page.png) repeat-y;
  border-left: 1px solid #cfe046; 
  border-right: 1px solid #cfe046;
  border-bottom: 1px solid #cfe046;
   /*background: url(gfx/rectangle3.png);
  z-index:50;*/
    }
    
#breadcrumbs 
{
position: relative;
margin-top: 5px;
margin-left: 2px;
font-size: 7pt;
color: #8e3a98;
margin-bottom:20px;
}

#breadcrumbs a
{
color: #8e3a98;
text-decoration: none;
}

#page h1{
font-size: 180%;
color: #8e3a98;
}

#page h2{
font-size: 160%;
color: #8e3a98;
}

#page h3{
font-size: 120%;
color: #8e3a98;
}

#tekst ul{list-style-image: url(gfx/bullet.png);}

#tekst ol {
color:purple;

}

#tekst ol li {
color:black;}

a:link{color:#8e3a98;
text-decoration:none;}
a:visited{color:#8e3a98;}
a:hover{color:#8e3a98;}
a:active{#8e3a98;}

a img {
  border: 0;
}

#logo {
  position:relative;
  float:right;
  background: white no-repeat;}
  
#logo img {
  height:104px;
  width:980px;
}

#header {
  position:relative;
  float:right;
  width:980px;
  background: white no-repeat;
  border-top: 1px solid #cfe046;
  border-left: 1px solid #cfe046;
  border-right: 1px solid #cfe046;
  }


#linkerkolom{
  position:relative;
  width: 150px;
  float: left;
  background: url(gfx/menutop4.jpg) no-repeat;
  z-index:100px;
  padding-top:20px;
  padding-left:20px;
  
}


#linkerkolom p.titelLinks {
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  color: #195f76;
  margin: 0 0 20px 0;
  text-transform: uppercase;
}


#menu
{
z-index:100;
margin-top:10px;
position: relative;
float: left;
width: 150px;
height: 331px;
/*background: url(gfx/menu.png) no-repeat;*/
}

#menu ul
{
list-style: none;
margin: 0;
padding: 0;
width: 150px;
margin-top: 5px;
margin-left: 1px;
}

#menu ul li
{
position: relative;
width: 150px;
float: left;
display:block;
}

#menu ul li a
{
display: block;
float: left;
color: #8e3a98;
font-weight:bold;
text-decoration: none;
padding-left: 5px; 
padding-right: 5px;
width: 154px;
font-size: 10pt;
padding-top: 6px;
padding-bottom: 8px;
}

#menu ul li a.first
{

}

#menu ul li a:hover, #menu ul li a:active, #menu ul li a.current
{
background-position: 0 0;
color: #8e3a98;
}

#menu ul li:hover a
{
background-position: 0 0;
color: #8e3a98;
}

#menu ul li ul
{
position:absolute;
background: #cadc3c;
padding-bottom: 23px;
width: 160px;
margin-top: 0;
display: none;
left: 120px;

}

* html #menu ul li ul
{

}

#menu ul li:hover ul
{
display: block;
background: #cadc3c;
}


* html #menu ul li:hover ul
{

}



#menu ul ul li
{

display: block;
width: 170px;
}

* html #menu ul ul li
{

}

#menu ul ul li.li-first
{

}

* html #menu ul ul li.li-first
{
background: none;
}

#menu ul ul li.li-last
{
padding-bottom: 0px;
}

#menu ul ul li a
{

padding-left: 0px;
}
/*
#menu ul ul li a:hover, #menu ul ul li a:avtive
{
background: url(gfx/submenu_li_bg.gif) 0 100% no-repeat;
padding-left: 0px;
}

#menu ul ul li a:hover, #menu ul ul li a:active, #menu ul ul li a.current
{
background: url(gfx/submenu_li_bg.gif) 0 100% no-repeat;
}

#menu ul li:hover ul li a:link, #menu ul li:hover ul li a:visited
{
background: url(gfx/submenu_li_bg.gif) 0 100% no-repeat;
color: #FFF;
}

#menu ul li:hover ul li a:hover, #menu ul li:hover ul li a:active, #menu ul li:hover ul li a.current
{
background: url(gfx/submenu_li_bg.gif) 0 100% no-repeat;
color: #6d1874;
}
*/

#sidebar
{
position:relative;
float: left;
width:150px;
margin-top:10px;
/*height: 200px;
padding-right: 20px;*/
overflow: auto;
font-size: 100%;
overflow-x: hidden;
scrollbar-face-color: #9edf7a;
}

#sidebar a
{
/*color: #bdcf2d;*/
color:green;
text-decoration: none;
font-weight: bold;
}

#sidebar a:hover, #sidebar a:active 
{
/*color: #bdcf2d;*/
color:green;
text-decoration: underline;
}

*:first-child+html #sidebar iframe
{
margin-bottom: 26px;
}

.newsitems
{
margin-top: 10px;
}

#sidebar .newstitle
{
margin-bottom: 0;
padding-bottom: 0;
font-size: 120%;
color: white;
}

#sidebar .date
{
font-size: 100%;
font-style: normal italic;
color:purple;
}

#agendabar em, #agendabar i 
{
font-size: 80%;
font-weight: bold;
}

#sidebar .newsitem p
{
margin: 0;
}

#nextlevel {
}


/*** search pages ***/
#sq {
  text-align: center;
}

#tekst_container{
z-index:0;
  width: 600px;
  /*height: 660px;*/
  padding: 10px;
  float:left;
  
}

/*** div tekst ***/
#tekst {
font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;

  /*background: white url(gfx/ondernemersfondsarnhem3.jpg) 0 100% no-repeat;*/
}

#tekst table {
}

#tekstPlaatje{
background:url(gfx/logo_ofa.jpg) no-repeat;
width:600px;
height:222px;
}

#rechterkolom
{
position:relative;
float: left;
margin-left:24px;
width: 166px;
background:url(gfx/rechterkop.png) no-repeat;
z-index:100;
}

#inhoudRechts{
padding-top:20px;
padding-left:20px;}

#rechtertekst{
position:relative;
float:left;
width:166px;
}

#blokken {
position:relative;
float:left;
/*height:150px;*/
width:166px;
/*margin-top:10px;*/
}

#blokken a{
text-decoration:none;
}


#rechterkolom p.titelRechts {
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  color: #195f76;
  margin: 0 0 20px 0;
  text-transform: uppercase;
}

#footer {
  clear: both;
  font-size: 10px;
  text-align: right;
}

.tablec {
}
.hcell, .lcell, .dcell {
}
.hcellc, .lcellc {
  background: #ccc;
}
.hcellc, .dcellc {
}
.dcellc {
  background: #eee;
}

/*** search pages ***/
#sq {
  text-align: center;
}

.searchquery {
  width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.google {
  width: 260px;
}
.searchquery label, .searchquery input, .searchquery select {
  width: auto;
  display: block;
  vertical-align: middle;
}
.searchquery label {
  padding: 6px 0 0;
  margin:0;
}

.searchmode {
  display: none;
}

.searchheader {
}

.searchrow {
  padding-bottom: 1em;
}

.searchinfo {
  font-size: 80%;
}
.searchinfo a {
  font-size: 125%;
}

/*** forms ***/
form {
  padding-bottom: 10px;
}

label, .input {
  width: 12em;
  margin: 6px 0;
  vertical-align: top;
}

label, input, .input, textarea, select {
  display: block;
  float: left;
  margin-bottom: 6px;
}
input, textarea, select {
  margin-top: 4px;
  width: 250px;
}
select, .input {
  width: auto;
}

/*** newsletters/news ***/
.more {
}
.more:hover {
}
.more img {
  vertical-align: middle;
  margin: 0!important;
  border: 0!important;
}

/*** print ***/
.printonly {
  display: none;
}

.button {
  width: auto;
}