/*
Oranje:	#faa82c
Paars:	#622a7f
Zwart:	#666666
*/

body {
   text-align: left;
   margin: 0px;
   font-family: Tahoma, Arial, sans-serif;
   color: #323230;
   background-color: #cccccc;
}


/* ##########  HEADINGS  ############## */

h1 {
	display: block;
   font-family: arial, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #faa82c;
   margin: 5px 0px 15px 0px;
}

h2 {
	font-size: 20px;
   font-family: arial, sans-serif;
	font-weight: bold;
	color: #622a7f;
	margin: 5px 0px 10px 0px;
}

h3 {
	font-size: 14px;
   font-family: arial, sans-serif;
	font-weight: bold;
	color: #faa82c;
	margin: 5px 0px 5px 0px;
}

span.left {
   display: inline;
   float: left;
   text-align: left;
}

span.right {
   display: inline;
   float: right;
   text-align: right;
}

span.center {
   display: block;
   text-align: center;
}

span.breadcrumbs{
   display: block;
   color: #999;
   padding-bottom: 10px;
   font-size: 10px;
}


/* ##########  TABLES  ############## */

table.bottom_table{
	width: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: center;
	border: 0px;
}

table.bottom_table td{
	vertical-align: top;
	width: 33%;
}

/* ##########  DIVS  ############## */


div.top{
	width: 780px;
	height: 10px;
   padding: 10px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
	background-color: White;
	font-size: 10px;
	color: #666666;
}

div.side1{
	width: auto;
	height: 200px;
   padding: 0px;
   margin: 0px;
	background-color: #622a7f;
	font-size: 10px;
	color: #323230;
}

div.flash{
	width: 800px;
	height: auto;
   padding: 0px;
   margin: 0px;
   margin-left: auto;
   margin-right: auto;
	background-color: #622a7f;
	font-size: 10px;
	color: #323230;
}

div.side2{
	width: auto;
	height: 40px;
   padding: 0px;
   margin: 0px;
	background-color: #999;
	font-size: 10px;
	color: #333333;
}

div.menu{
	width: 780px;
	height: 20px;
   margin: auto;
   padding: 0px;
	background-color: #999;
	font-size: 10px;
	color: #323230;
}

div.main{
	width: 780px;
        height: auto;
        padding: 5px 10px 10px 10px;
	background-color: White;
        margin-left: auto;
        margin-right: auto;
        font-family: Tahoma, arial, sans-serif;
        line-height: 18px;
	font-size: 12px;
	color: #323230;
        border-bottom: 2px solid #faa82c;
}

div.right{
	width: 200px;
   height: 300px;
   float: right;
   padding: 5px 10px 0px 10px;
	background-color: White;
   margin-top: 10px;
	font-size: 11px;
        line-height: 16px;
	color: #323230;
}

div.bottom{
	width: 780px;
	height: auto;
   padding: 10px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
	background-color: White;
	font-size: 10px;
   text-align: center;
	color: #666666;
}

div.right hr {
   height: 2px;
   color: #faa82c;
   margin: 0px;
   padding: 0px;
}

/* ##########  MENU TEXT STYLES  ############## */

/*==========NEW MENU STYLES-------------------*/

#navbar {
	margin: 0px;
	padding: 0px;
	height: 40px;
	z-index: 5;
	position: relative;
}
#navbar li {
	list-style-type: none;
	display: block;
  float: left;
	padding:0px;
	margin: 0px;
  cursor: pointer;
	position: relative;
	z-index: 5;
	background-color: #999;
  color: #ffffff;
}
#navbar li:hover, #navbar li.hover {
	position: relative;
	z-index: 5;
	background-color: #cccccc;
  color: #f78f27;
}

#navbar li a {
	display: block;
	text-decoration: none; 
  font-size: 1.2em;
  width: 130px;
  height: 28px;
  padding: 12px 5px 0px 10px;
	position: relative;
	z-index: 5;
  color: #ffffff;
}

#navbar li ul {
	display: none;
	width: 10em; /* Width to help Opera out */
	padding: 0px;
	position: relative;
	z-index: 5;
}
	
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
	z-index: 5;
  
  color: #faa82c;
}
#navbar li:hover li, #navbar li.hover li {
	float: none; 
	position: relative;
	z-index: 5;
  height: 30px;
  width: 160px;
	display: inline-block;
  filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;  
}
/* Stijl voor de submenu's als er niks mee gebeurt... */
#navbar li:hover li a, #navbar li.hover li a {
	border-bottom: 1px solid #fff;
	position: relative;
	z-index: 5;
}

/* ##########  LINK STYLES  ############ */
a:link{
color: #f78f27;
text-decoration: none;
}

a:active{
color: #f78f27;
text-decoration: none;
}

a:visited{
color: #f78f27;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a img{
   border: 0px;
}

div.main a:link{
color: #f78f27;
text-decoration: none;
}

div.main a:active{
color: #f78f27;
text-decoration: none;
}

div.main a:visited{
color: #f78f27;
text-decoration: none;
}

div.main a:hover {
text-decoration: underline;
}
/*
div.menu a:link{
	color: White;
	text-decoration: none;
}

div.menu a:active{
	color: White;
	text-decoration: none;
}

div.menu a:visited{
	color: White;
	text-decoration: none;
}

div.menu a:hover {
	color: #f78f27;
}
*/
div.bottom a:link{
	color: #f78f27;
	text-decoration: none;
}

div.bottom a:active{
	color: #f78f27;
	text-decoration: none;
}

div.bottom a:visited{
	color: #f78f27;
	text-decoration: none;
}

div.bottom a:hover {
	color: White;
}