body
{
  font-family: verdana, arial;
  font-size: 8pt;
  margin: 0px;
  margin-left: 22px;

  background-image: url(main_back.png);
  background-repeat: repeat-y;
}

p
{
  font-family: verdana, arial;
  font-size: 8pt;
  padding: 1px 5px 1px 5px;
	
}

div
{
  font-family: verdana, arial;
  font-size: 8pt;
}

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

a:hover
{
  color: #fba315;
}

td
{
  font-family: verdana, arial;
  font-size: 8pt; 
  vertical-align: top; 
}

table
{
  border-collapse: collapse;
}

img
{
  border-width: 0px;
}

/* ********* Bovenkant site ********* */

#mainTop
{
  border: 0px;
  border-bottom: 1px solid #000;
  width: 932px; 			
  height: 167px; 
}

#imgBar
{
  border: 0px;
  width: 932px; 			
  height: 93px;

  background-image: url(risbo_logo.png);
  background-repeat: no-repeat;
}

#imgTop
{
  margin-left: 240px;	
  border-right: 111px solid #f2a320;
}

.frontPageA
{
  background-image: url(frontpage_image_a.png);
  background-repeat: no-repeat;
  background-position: 240px 0px;
}



/* ********* Navigatiebalk ********* */

#navBar
{
  border: 0px;
  margin-left: 240px;	
  width: 692px;
  height: 36px;
  font-size: 9pt;
  background-color: #000;
}

#navBar a
{
  padding: 5px 15px 0px 15px;
  color: #ffffff;
  float: left;
  height: 33px;
  border-right: 1px solid #666666;
  font-weight: bold;
  text-decoration: none;
  z-index: 100;
  font-size: 9pt;
}


#navBar a:hover
{
  height: 30px;
  background-color: #f2a320;
  border-bottom: 3px solid #f8c06b;
}

#navBar a.rightButton
{
  float: right;
  font-weight: normal;
  border-right: 0px;
  width: 81px;
  background-image: url(lijntjes.png);
}






/* ********* Titelbalk********* */

#mainTitle
{
  border: 0px;
  border-bottom: 1px solid #000;
  width: 932px; 
  height: 83px;
  z-index: 100;
}

#mainTitle h1, h2
{
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 250px;	

  font-size: 20pt;
}

#mainTitle h2
{
  margin-left: 250px;	
  font-size: 10pt;
  font-weight: normal;
}

.frontPageB
{
  background-image: url(frontpage_image_a.png);
  background-repeat: no-repeat;
  background-position: 240px -168px;
}



/* ********* Inhoud van de site ********* */

#mainContent
{
  border: 0px;
  margin-bottom: 18px;
  width: 932px;
  overflow: auto;
}

#mainContent div
{
  font-family: verdana, arial;
  font-size: 8pt;
}

/* ********* Linker balk ********* */

#leftContainer
{
  position: relative;
  float: left;
  border: 0px;
  width: 239px;
  overflow: auto;

  padding-right: 0px;

  background-image: url(left_back.png);
  background-repeat: no-repeat;

  min-height: 400px;
}

* html #leftContainer {
  height: 400px;
}

#leftContainer p
{
  margin-top: 0px;
  padding-right: 0px;
}

a.subLink
{
  color: #fba315;
  text-decoration: none;
  font-size: 8pt
}


/* ********* Koppen in balk ********** */

#rightContainer h1
{
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 10pt;
  font-weight: normal;
  margin-left: 5px;
	margin-right: 5px;
}

#rightContainer h2
{
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 5px;
	margin-right: 5px;
  color: #614300;
  font-size: 8pt;
  font-weight: normal;
}

/* ********* Lijnsets ********* */

div.singleLine
{
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #666666;
}

div.lineBlock
{
  width: 100%;
  background-color: #c0bdb4;
	background-image: url(line01.png);
	background-repeat: repeat-x;
	height: 40px;
}

div.lineBlock2
{
  width: 100%;
	height: 20px;
	background-image: url(line02.png);
	background-repeat: repeat-x;
}

div.singleOrangeLine
{
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #fba315;
}

div.greyBlock
{
  width: 100%;
  background-color: #c0bdb4;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.greyBlock2
{
  width: 100%;
  background-color: #d8d5d0;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.greyBlock h3
{
  margin: 0px;
  margin-left: 5px;
  font-size: 20pt;
	color: #ffffff;
	font-weight: normal;
}

div.greyBlock h4
{
  margin: 0px;
  margin-left: 5px;
  font-size: 10pt;
	color: #ffffff;
	font-weight: normal;
}

div.greyBlock p
{
  margin-top: 0px;
	margin-bottom: 1px;
}

/* ********* Overige items ********* */

#extraTitles
{
  margin-top: 40px;
}

#extraTitles h1, h2
{
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 5px;	
  color: #000000;
  font-size: 20pt;
}

#extraTitles h2
{
  font-size: 10pt;
  font-weight: normal;
	color: #000000;
}


/* ********* Nieuws ********* */

div.nieuws_block
{ 
  margin-top: 1px;
  border-top: 1px solid #fba315;
  border-bottom: 20px solid #d8d5d0;	
  background-color: #FFFFFF;
}

p.nieuws_datum
{
  font-size: 7pt;
	margin-top: 1px;
	margin-bottom: 1px;
	color: #666666;
}

p.nieuws_titel
{
  font-size: 9pt;
	margin-top: 1px;
	margin-bottom: 1px;
	color: #614300;
  font-weight: bold;
}

p.nieuws_excerpt
{
  margin-top: 3px;
  margin-bottom: 4px;
}

div.description
{
  font-size: 8pt;
}


/* ********** Medewerkers ********* */

div.medewerker
{
  position: relative;
  width: 550px;
  padding-left: 5px; 
  
  border: 0px;
}

div.medewerker_info
{
  background-color: #eeeeee;
  border-top: 1px solid #ffffff;
  display: none;
}

img.medewerker
{
  height: 100px;
  margin: 2px;
  margin-left: 10px;
	border-width: 0px;
}

img.medewerker_groot
{
  margin: 2px;
}

td.medewerker
{
  border: 0px;
  width: 210px;
}

td.pijl
{
  width: 15px;
}

/* ********** Cursussen ********* */

div.courses
{
  position: relative;
  background-color: #ffffff;
  overflow: auto;
  border-bottom: 10px solid #ffffff;
}

div.courses_left
{
  position: relative;
  border-right: 1px solid #CCCCCC;
  float: left;
  width: 343px;
  font-size: 10pt;
}

div.courses_right
{
  position: relative;
  float: right;
  width: 343px;
  font-size: 10pt;
}

table.course
{
  border: 1px solid #888;
  border-collapse: collapse;
  width: 330px;
  margin-left: 5px;
}

table.course td
{
  border: 1px solid #888;
  padding: 3px;
  font-size: 8pt;
}

/* ********** Projecten ********* */

div.project_name
{
  position: relative;
  width: 656px;
  height: 21px;
  
  background-image: url(vinkje.png);
  background-repeat: no-repeat;
  background-position: 10px 5px;
  background-color: #ffffff;
  
  border: 0px;
  border-bottom: 1px solid #CCCCCC;
    
  padding-left: 35px; 
  padding-top: 8px;
}

div.project_top
{
  position: relative;
  width: 686px;
  padding: 5px;
  padding-right: 0px; 

  border: 0px;
  background-color: #EFECE5;
  color: #614300;
}

div.project_info
{
  position: relative;
  background-color: #ffffff;
  overflow: auto;
  border-bottom: 10px solid #ffffff;
}

div.project_info_left
{
  position: relative;
  border-right: 1px solid #CCCCCC;
  float: left;
  width: 480px;
  font-size: 12pt;
}

div.project_info_right
{
  position: relative;
  float: right;
  width: 206px;
}

p.project_titel
{
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  font-size: 8pt;
}

p.project_info
{
  font-size: 8pt;
  padding: 3px 0px 10px 35px;
  margin: 0px;
}

p.project_links
{
  font-size: 8pt;
  padding: 3px 0px 10px 3px;
  margin: 0px;
}




/* ********** Zoeken ********* */

input.submit
{
  margin-left: 3px; 
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #000;
  background-color: #f2a320;
  background-image: url(lijntjes.png);
}

input.search
{
  border: 1px solid #666;
  background-image: url(lijntjes.png);
  background-repeat: no-repeat;
}

form.search
{
  padding: 3px;
}