/* 
   ============================================ 
   algemene opmaak 
   ============================================ 
*/

body {
  margin: 0px;
  height: 100%;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #003399;
  background-color: #FFFFEB;
}

h1 {
  font-size: 24px;
}

form {
  margin: 0;
  padding: 0;
}

a:link, a:visited { 
  color: #cc9933; 
  font-style: normal; 
  text-decoration: none;
  font-weight: bold;
}
a:active {
  color: #CC9933;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #CC0033; 
  text-decoration: underline;
  font-weight: bold;
}
/* link: meer... */
a.readon {
  padding-left: 10px; 
  background-image: url(../images/link-achtergrond.gif);
  background-repeat: no-repeat;
  padding-bottom:10px;
  font-weight: bold;
}
/* link: title van item op hoofdpagina */
a.contentpagetitle {
  color: #003399;
}
a.contentpagetitle:hover {
  color: #cc9933;
  text-decoration: none;
}

a img{
  border: none;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 12px;
  font-weight: bold;
}


ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

li
{
  line-height: 15px;
  padding-left: 15px;
  padding-top: 0px;
  background-image: url(../images/arrow.png) ;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}


td {
  text-align: left;
  font-size: 12px;
}

input {
  color: #003399;
}


/* 
   ============================================ 
   bovenkant 
   ============================================ 
*/
#r_topvak { 
  position: relative; 
  top: 0px; 
  width: 960px; 
  height: 230px; 
  visibility: visible; 
  display: block;
  margin: 0;
  /*border: 1px solid blue;*/  /* uncomment for debugging */
}



/* platte login box */
#form-login fieldset
{
  position: absolute;
  right: 0px;
  top: 200px;
  margin: 0;
  padding: 0;
  border: 0;
  /* border: 1px solid green; *//* uncomment for debugging */
  width: 220px;
  z-index:5;  
}
#form-login-remember, #modlgn_remember, #form-login ul, #form-login label, #form-login br 
{
  display:none;
}
#modlgn_username, #modlgn_passwd 
{
  background-color: #CC021C; 
  border: 1px solid #bb0000;
  margin: 0;
  width: 75px;
  color: #900000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
}
#form-login .button
{
  border: 1px solid #bb0000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  width: 47px;
  height: 16px;
  color: #900000;
  background-color: #CC021C; 
  margin: 0;
}
#form-login p {
  display:inline;
}

/* tekst Vereniging Reizigers Openbaar Vervoer - ROVER */
#r_logo {
  position: absolute;
  top: 140px;
  left: 505px;
  z-index:3;
}

/* foto en welkom tekst */
#r_foto {
  position: absolute;
  top: 10px;
  left: 140px;
  width: 820px;
  max-height: 175px;
}

#r_foto .fotocorner {
  position: absolute;
  top: 0px;
  left: 0px;
  /*border: 1px solid green;*/ /* uncomment for debugging */
}

#r_welkom {
  position: absolute;
  left: 140px;
  top: 195px;
  width: 810px;
  height: 25px;
  background-color: #CC021C; 
  border: 1px solid #CC021C;
  font-size: 18px; 
  font-weight: bold; 
  color: #ffffff;
  letter-spacing: 1px;
  padding-left: 10px;
  padding-top: 2px;
  margin: 0;
}


/* 
   ============================================ 
   rechtervak 
   ============================================ 
*/
#r_rechtsvak {
  position: absolute; 
  top: 231px; 
  left: 740px; 
  width: 220px;
  visibility: visible; 
  display: block;
  /* border: 1px solid #ffcc66;*/ /* uncomment for debugging */
}


/* inputbox */
.inputbox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 2px;
  background-color: #ffffff;
  color: #003399;
}


/* == modules rechterkant === */

/* Voeg met admin-console de class-suffix "-right" toe aan de modules! */

div.r_module_rechts {
  position: relative;
  display: block;
  margin: 0;
  margin-top: 0px;
  margin-bottom: 20px;
  border: 1px solid #CC021C;
  background-color: white;
  min-height:25px;
  height:auto;
}

div.r_module_rechts h3, table.poll-right thead {
  color: #CC021C;
  font-weight: bold;
  font-size: 12px;
  border-bottom: 1px solid #CC021C;
  min-height: 16px;
  width: 216px; /* was 176 */ 
  margin: 0px;
  padding: 0px;
  padding-top: 2px;
  text-align: center;
}

table.poll-right thead {
  border-collapse: collapse;
  border-spacing: 0px;
  border-width: 0px;
}

div.r_module_rechts content, table.poll-right td {
  font-size: 11px;
  padding-left: 2px;
  padding-right: 2px;
  margin: 0px;
  font-weight: normal;
}


/* zoekvak */
div.search {
  margin: 0;
  height: 20px;
  margin-top: 4px;
  margin-bottom: 4px;
}

div.search .inputbox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 2px;
  border: 0px;
  background-color: #ffffff;
  color: #003399;
  width: 205px; /* was 165 */
  margin-left: 5px;
}

/* banner */
div.banneritem-right {
  text-align: center;
}

/* inloggen */
/* #mod_login_username {
  width: 140px;
}
#mod_login_password {
  width: 140px;
} */


/* 
   ============================================ 
   middenvak (content) 
   ============================================ 
*/

/* middenvak */
#r_contentvak {
  position: relative;
  left: 0px;
  min-height: 370px; 
  margin-left: 140px;
  padding-left: 5px;
  padding-right: 5px;
  width: 580px; 
  background-color: #ffffff;
  border: 1px solid #ffcc66;
}



.clr {
  clear: both;
}


#buttons {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 50%;
}



/* pagina titel (=kopregel) */
.componentheading {
  padding-top:5px;
  padding-bottom:8px;
  font-size: 18px;
  font-weight: bold; 
}

/* ??*/
.contentcolumn {
  padding-right: 5px;
}


/* nieuws titel */
.contentheading {
  font-size: 14px;
  font-weight: bold; 
  white-space: nowrap;
}


/* weergave van tabel van sectie-onderwerpen */
.sectiontableheader {
  font-weight: bold;
  /*background: #f0f0f0;*/
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
  border-bottom: 1px solid gray; /* TODO werkt niet! */
  height: 14px;
}

.sectiontableentry2 {
  border-bottom: 1px solid gray; /* TODO werkt niet! */
  height: 14px;
}


/* editor (breedte ook instellen bij JCE Editor component */
table.adminform {
  width: 400px;
  /*border: 1px solid red;*/ /* uncomment for debugging */
}



/* datum van aanmaak en wijziging bij een topic */
.createdate {
  color: gray;
  font-size: 10px;
}
.modifydate {
  color: gray;
  font-size: 10px;
}



/* zoekscherm: gezocht naar */
table.searchinto {
  width: 100%;
}
table.searchintro td {
  font-weight: bold;
}
/* zoekresultaat item */
fieldset {
  width:420px;
}
/* zoekwoord highlight */
.highlight {
  background-color: white;
  padding: 0;
}
/* ?? */
.code {
  background-color: #ddd;
  border: 1px solid #bbb;
}
/* zoekresultaat categorie */
.small {
  color: gray;
  font-size: 10px;
}

/* attachments */
div.attachmentsList {
  margin-top: 10px;
  font-size: 11px !important;
}
div.attachmentsList table {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0px !important;
  border-width: 0px !important;
}
div.attachmentsList td {
  margin-top: 0px;
  margin-bottom: 0px;
}
div.attachmentsList caption {
  font-size: 11px !important;
  color: #003399 !important;
}
div.attachmentsList tr.odd, tr.even {
  background-color: transparent !important;
  font-size: 11px !important;
}
div.attachmentsList a.at_icon img{
  border: none !important;
}
div.attachmentsList a.at_url, td.at_description {
  font-size: 11px !important;
}
div.attachmentsList td.at_file_size {
  color: gray !important;
  font-size: 11px !important;
  vertical-align: bottom;
}

/* 
   ============================================ 
   linker vak (a.o menu) 
   ============================================ 
*/

#r_linksvak { 
  display: block; 
  visibility: visible; 
  padding-left: 5px;
  padding-right: 10px;
  padding-top: 5px;
  position: absolute; 
  top: 230px; 
  left: 0px; 
  width: 125px; 
  /*border: 1px solid red;*/ /* uncomment for debugging */
}


/* menu */

ul.menu {
  width: 100%;
  margin: 0px;
  margin-bottom: 30px;
  padding: 0px;

  font-size: 13px;
  font-weight: normal;
}

ul.menu li {
  margin-top: 2px; 
  padding-top: 4px;
  padding-left: 0px;
  padding-bottom: 2px;
  text-align: right;  
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: #708090; 
  background-image: none;
  background-repeat: no-repeat;
}


ul.menu li a {
  color: #708090; 
  text-decoration: none;
  font-weight: bold;
}
ul.menu li a:visited {
  color: #708090; 
}
ul.menu li a:hover {
  color: #cc0033;
  background-color: #ffffcc;
  text-decoration: none;
}

ul.menu ul li {
  font-size: 11px;
  font-weight: normal;
  color: #708090;
  text-decoration: none;
  background-image: none;
  background-repeat: no-repeat;
  padding: 0px;
  padding-left: 23px;
  padding-top: 1px;
  height: 13px;
  margin: 0px;
  text-align: right;
}

ul.menu ul li a {
  color: #708090; 
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
}
ul.menu ul li a:visited {
  font-size: 11px;
  font-weight: normal;
  color: #708090; 
}
ul.menu ul li a:hover {
  color: #cc0033;
  background-color: #ffffcc;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
}



/* site statistiek */
div.webstats {
  position: relative;
  padding-top: 20px;
  left: 45px;
}

/* voetregel */
#r_voetvak {
  padding-top: 20px;
  position: relative;
  margin-left: 140px;
  width: 590px;
  color: gray;
  font-size: 11px;
}