/* ###################### OVERALL SETTINGS ###################### */
BODY {
  background       : url(../images/jf_background.jpg) no-repeat center center fixed #ffffff;
  color            : #000000;
  margin           : 0px;
}

td, tr, p, div {
  font-family      : Verdana;
  font-size        : 14px;
  color            : #000000;
}

ul {
margin: 0;
padding: 0;
list-style-type: disc;
}

li {
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
}

hr {
  background       : #0000ff;
  height           : 1px;
  width            : 100%;
}

table.logoheader {
}

td.copyrightbottom {
 height            : 50px;
 font-size         : 12px;
 color             : #ffffff;
 background-color  : #1c2f5c;
}

a.copyrightbottom:link, a.copyrightbottom:visited {
  font-size        : 12px;
  color            : #ffffff;
  text-decoration  : underline;
  font-family      : Verdana;
}

a.copyrightbottom:hover {
  color            : #ffffff;
  text-decoration  : none;
  font-weight      : normal;
}

/* ################### MAIN AND SUB MENU SYSTEM ################### */
a.mainlevel:link, a.mainlevel:visited {
  color            : #ffffff;
  padding-left     : 10px;
  text-decoration  : none;
  font-family      : Verdana;
}

a.mainlevel:hover {
  font-weight      : normal;
  text-decoration  : underline;
}

table.moduletable {
  width            : 100%;
  border           : 0px;
  padding          : 0px 0px 20px 0px;
  margin-bottom    : 20px;
  background       : url(../images/module_onder.jpg) no-repeat bottom left #ff00ff;
}

table.moduletable th {
  font-size        : 20px;
  font-weight      : normal;
  color            : #ffffff;
  width            : 100%;
  height           : 40px;
  padding          : 2px;
  background       : url(../images/module_boven.jpg) no-repeat;
  vertical-align   : middle;
}

table.moduletable td {
  font-size        : 14px;
  font-weight      : normal;
  padding          : 2px;
}

table.moduletable_gespiegeld {
  width            : 100%;
  border           : 0px;
  padding          : 0px 0px 20px 0px;
  margin-bottom    : 20px;
  background       : url(../images/modulegespiegeld_onder.jpg) no-repeat bottom left #ff00ff;
}

table.moduletable_gespiegeld th {
  font-size        : 20px;
  font-weight      : normal;
  color            : #ffffff;
  width            : 100%;
  height           : 40px;
  padding          : 2px;
  background       : url(../images/modulegespiegeld_boven.jpg) no-repeat;
  vertical-align   : middle;
}

table.moduletable_gespiegeld td {
  font-size        : 14px;
  font-weight      : normal;
  padding          : 2px;
}

table.moduletable_alternatief {
  width            : 100%;
  border           : 0px;
  padding          : 0px 0px 20px 0px;
  margin-bottom    : 20px;
  background       : url(../images/modulealternatief_onder.jpg) no-repeat bottom left #1c2f5c;
}

table.moduletable_alternatief th {
  font-size        : 20px;
  font-weight      : normal;
  color            : #ffffff;
  width            : 100%;
  height           : 40px;
  padding          : 2px;
  background       : url(../images/modulealternatief_boven.jpg) no-repeat;
  vertical-align   : middle;
}

table.moduletable_alternatief td {
  font-size        : 14px;
  font-weight      : normal;
  padding          : 2px;
}

table.moduletable_alternatiefgespiegeld {
  width            : 100%;
  border           : 0px;
  padding          : 0px 0px 20px 0px;
  margin-bottom    : 20px;
  background       : url(../images/modulealternatiefgespiegeld_onder.jpg) no-repeat bottom left #1c2f5c;
}

table.moduletable_alternatiefgespiegeld th {
  font-size        : 20px;
  font-weight      : normal;
  color            : #ffffff;
  width            : 100%;
  height           : 40px;
  padding          : 2px;
  background       : url(../images/modulealternatiefgespiegeld_boven.jpg) no-repeat;
  vertical-align   : middle;
}

table.moduletable_alternatiefgespiegeld td {
  font-size        : 12px;
  font-weight      : normal;
  padding          : 2px;
  color: #ffffff;
}

table.moduletable_zonderronding {
  width            : 100%;
  border           : 0px;
  padding          : 0px;
  margin-bottom    : 20px;
  background-color : #ff00ff;
}

table.moduletable_zonderronding th {
  font-size        : 20px;
  font-weight      : normal;
  color            : #ffffff;
  width            : 100%;
  padding          : 2px;
  vertical-align   : middle;
}

table.moduletable_zonderronding td {
  font-size        : 14px;
  font-weight      : normal;
  padding          : 2px;
}

table.moduletable_senzapoespas {
  width            : 100%;
  padding          : 0px;
  margin-bottom    : 20px;
}

table.moduletable_senzapoespas th {
  width            : 100%;
  padding          : 4px;
}

table.moduletable_senzapoespas td {
  padding          : 0px;
}

.poll {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #ffffff;
  line-height      : 14px;
}

/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableheader {
  color            : #ffffff;
  font-weight      : normal;
  background-color : #bc0000;
}

.sectiontableentry1 {
  background-color : #dddddd;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #000000;
}

a.readon:link, a.readon:visited {
  font-size        : 11px;
  color            : #ffffff;
  text-decoration  : none;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
}

a.readon:hover {
  color            : #ffffff;
  text-decoration  : none;
  font-weight      : bold;
}

a.sectiontableentry1:link, a.sectiontableentry1:visited, a.sectiontableentry2:link, a.sectiontableentry2:visited {
  font-size        : 11px;
  color            : #ffffff;
  text-decoration  : none;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
}

a.sectiontableentry1:hover, a.sectiontableentry2:hover {
  color            : #ffffff;
  text-decoration  : none;
  font-weight      : bold;
}

.sectiontableentry2 {
  background-color : #cccccc;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #000000;
}

/* ###################### SMALL FONT SETTINGS ###################### */
.small {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #3366C0;
  text-decoration  : none;
  font-weight      : medium;
}

.smalldark {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : normal;
}

/* ###################### CONTENT PAGE SETTINGS ###################### */
.contentpane {
}

.contentpaneopen {
  width : 100%;   
}

.contentheading, .componentheading {
  font-family      : Tahoma;
  font-size        : 20px;
  font-weight      : bold;
  color            : #000000;
  text-align       : left;
  border-bottom    : 1px dotted #ff00ff;
}

.createdate {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #999999;
  text-align       : left;
}

/* ###################### FORMULAR SETTINGS ###################### */
.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 10px;
  font-weight      : bold;
  background-color : #F0F0F0;
  color            : #000000;
  border           : 1px solid #CCCCCC;
}

.inputbox {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  background-color : #F0F0F0;
  border           : 1px solid #CCCCCC;
}

/* ###################### LINKS ###################### */
a:link, a:visited {
  font-size        : 14px;
  color            : #000000;
  text-decoration  : underline;
  font-family      : Verdana;
}

a:hover {
  color            : #000033;
  text-decoration  : none;
  font-weight      : normal;
}

a.category:link, a.category:visited {
  color            : #333333;
  font-weight      : bold;
}

a.category:hover {
  color            : #A5D30C;
}