/**
* AkoCleanBizz - version 1.2
* copyright (C) 2006 Oranejvereniging Oegstgeest & Arthur Konze - All rights reserved!
**/

/* ##################### OVERALL SETTINGS ##################### QM: ok */
body {
  margin           : 10px;
  padding          : 10px;
  background       : url(../images/mainback.png) repeat #EAEAEA;
  font-family      : "Trebuchet MS", trebuchet, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #000;
}

td, tr, p, div {
  font-family      : "Trebuchet MS", trebuchet, Arial, Helvetica, sans-serif;
  color            : #000;
  font-size        : 11px;
}

hr {
  color            : #E0E0E0;
  height           : 1px;
  width            : 100%;
}

/* ############## MAIN TABLE CONTAINER SETTINGS ############### QM:  */
.maincontainer {
  width            : 763px;
  background-color : #EAEAEA;
  border-top       : 1px solid #000000;
  border-left      : 1px solid #000000;
  border-bottom    : 2px solid #000000;
  border-right     : 2px solid #000000;
}

.logouser4container {
  float            : right;
  height           : 140px;
  background       : #EAEAEA;
}

.user4container {
  float            : right;
  height           : 140px;
}

.user5container {
  float            : left;
  height           : 140px;
}

.user6container {
  float				 : none;
  height           : 140px;
}
.logocontainer {
  float            : left;
  width            : 500px;
}

.headercontainer {
  background       : #FF8C00;
  border-bottom    : 1px solid #00008B;
}

.topmenucontainer {
  height           : 20px;
  width				 : 763px;
  background       : #FF8C00;
}

.topmenu {
  float            : left;
}

.pathwaycontainer {
  float            : left;
  padding          : 2px;
  width            : 763px;
  background       : #00008B;
}

.leftmenucontainer {
  width            : 150px;
  border-right     : 1px solid #cccccc;
  background       : url(../images/leftback.png) no-repeat top left #EAEAEA;
}

.rightmenucontainer {
  width            : 150px;
  border-left      : 1px solid #cccccc;
  background       : url(../images/leftback2.png) no-repeat top right #EAEAEA;
}

.contentcontainer {
  border-top       : 5px solid #FFA500;
  background       : url(../images/leftback2.png) no-repeat top right #EAEAEA;
}

/* ##################### MODULE SETTINGS ###################### QM: ok */
table.moduletable {
  width            : 100%;
  table-layout     : auto;
  margin           : 0px 4px 15px 4px;
}
table.moduletable th {
  padding          : 3px 0px;
  font-size        : 11px;
  font-weight      : normal;
  text-transform   : uppercase;
  text-align       : left;
  letter-spacing   : .9 px;
  color            : #FFA500;
}
table.moduletable td {
  padding          : 0px;
}

/* ##################### FORMULAR SETTINGS #################### QM: ok */
.button {
  background-color : #FF8C00;
  color            : #FFFFFF;
  border           : 1px solid #00008B;
  margin           : 5px;
  font-family      : "Trebuchet MS", trebuchet, Arial, Helvetica, sans-serif;
  font-size        : 11px;
}

.inputbox {
  border           : 1px solid #00008B;
  background       : #FFEFD0;
  color            : Blue;
  margin           : 5px;
  font-family      : "Trebuchet MS", trebuchet, Arial, Helvetica, sans-serif;
  font-size        : 11px;

}

/* ################# SECTION LISTING SETTINGS ################# QM: ok */
.sectiontableheader {
  font-size        : 11px;
  font-weight      : normal;
  text-align       : left;
  color            : #FFA500;
  background       : #003366;
  vertical-align   : middle;
  height           : 20px;
  border-right     : 1px solid #fff;
  padding          : 0px 10px;
}

.sectiontableentry1 {
  background       : #f0f0f0;
  padding          : 3px 5px;
}

.sectiontableentry2 {
  background       : #e0e0e0;
  padding          : 3px 5px;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# QM: ok */
a.mainlevel  {
  margin           : 0px;
  padding          : 0px;
  font-size        : 11px;
  color				 : #FF8C00;
  width            : 150px;
  text-indent      : 10px;
}

a.mainlevel: link {
  text-indent      : 10px;
}

a.mainlevel:link, a.mainlevel:visited {
  color				 : #00008B;
  display          : block;
  -moz-opacity     : 0.85;
  filter           : Alpha(opacity=85, finishopacity=85, style=1);
  padding          : 2px 0px 2px 0px;
  margin           : 1px;
  background       : #f0f0f0;
  border           : 1px solid #e0e0e0;
  text-indent      : 10px;
}

a.mainlevel:hover {
  color				 : #ff6600;
  text-decoration  : none;
  text-indent      : 10px;
  background       : #e0e0e0;
  border           : 1px solid #d0d0d0;
}

#active_menu {
  font-weight      : bold;
  color            : #FF8C00;
}
a#active_menu:hover {
  color            : #00008B;
}

.sublevel {
  font-size        : 12px;

}

#mainlevel-nav {
  margin: 0; padding: 0;
}
#mainlevel-nav li {
  font-family: "Trebuchet MS", trebuchet, Arial, Helvetica, sans-serif;
  display          : block;
  padding-left     : 0px;
  padding-right    : 0px;
  margin           : 0px;
  float            : left;
  font-size        : 11px;
  font-weight      : normal;
  line-height      : 20px;
  white-space      : nowrap;

}
#mainlevel-nav a {
 display: block;
 border: 1px solid;
 border-color: #fff #cc3300 #cc3300 #fff;
 background: #ff9933 url(../images/vmenu_bgr.png) 2px no-repeat;
 color: white;
 font-family: "Trebuchet MS", trebuchet, Arial, Helvetica, sans-serif;
 font-size: 11px;
 display          : block;
 padding-left     : 10px;
 padding-right    : 10px;
 text-decoration  : normal;
}
#mainlevel-nav a {
float: none;
}
#mainlevel-nav a:hover {
background: #ff6600 url(../images/vmenu_bgr.png) 2px no-repeat;
}


/* ########################### LINKS ########################## QM: ok */
a:link, a:visited {
  color            : #FF8C00;
  text-decoration  : none;
}

a:hover {
  color            : #FF4500;
  text-decoration  : bold;
}

a.category:link, a.category:visited {
  font-weight      : normal;
}

.readon {
  margin           : 0px 0px 10px 0px;
  font-weight      : normal;
  letter-spacing   : .9px;
}

/* ##################### PAGE NAVIGATION ###################### QM: ok */
.pagenavbar {
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
  padding          : 3px;
  text-align       : center;
}

.contenttoc {
  width            : 180px;
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
  padding          : 2px;
}

.contenttoc th {
  padding          : 3px 5px;
  font-size        : 11px;
  font-weight      : none;
  text-transform   : uppercase;
  text-align       : left;
  letter-spacing   : .9px;
  color            : #FF8C00;
}

.contenttoc td {
  padding          : 2px 5px;
}

/* ################### SMALL FONT SETTINGS #################### QM: ok */
.small {
  font-size        : 10px;
  color            : #336699;
}

.smalldark {
  font-size        : 10px;
  color            : #000000;
}

.createdate, .modifydate {
  font-size        : 10px;
  color            : #999999;
}

/* ##################### VOTING SETTINGS ###################### QM:  */
.content_rating {
  font-size        : 10px;
  color            : #FEC56A;
}

.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
  padding-left     : 10px;
  padding-right    : 10px;
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
}

/* ##################### PATHWAY SETTINGS ##################### QM: ok */
.pathway {
  font-size        : 11px;
  color            : #FFA500;
  letter-spacing   : .8px;
  margin-left      : 4px;
}

a.pathway:link, a.pathway:visited {
  color            : #FFA500;
  font-size        : 11px;
}

a.pathway:hover {
  color            : #ff6600;
  font-size        : 11px;
  }

/* ################### CONTENT PAGE SETTINGS ################## QM: ok */
.contentpane {
  padding          : 0px;
  background       : #EAEAEA;
}

.contentpaneopen {
  padding          : 0px;
  text-align       : justify;
  background       : #EAEAEA;
}

.contentheading {
  padding          : 3px 0px;
  padding          : 0px;
  font-size        : 12px 90%;
  font-weight      : bold;
  text-align       : left;
  letter-spacing   : .5px;
  color            : #FF8C00;
}

.componentheading {
  padding          : 5px 0px;
  font-size        : 11px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  letter-spacing   : .9px;
  color            : #FFA500;
}


.contentpagetitle {
  font-weight      : normal;
  text-transform   : uppercase;
  color            : #FF8C00;
}

a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:active {
  text-decoration  : none;
}

/* ###################### BUTTON SETTINGS ##################### QM: ok */
a.readon:link, a.readon:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/readon_normal.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

a.readon:hover {
  color            : #FF8C00;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/readon_hover.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.back_button a:link, .back_button a:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/back_normal.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.back_button a:hover {
  color            : #ff6600;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/back_hover.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.pagenav a:link, .pagenav a:visited, .buttonheading a:link, .buttonheading a:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : #F0F0F0;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 4px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.pagenav a:hover, .buttonheading a:hover {
  color            : #ff6600;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : #F0F0F0;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 4px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}