/*
    Lunchroom De Keyser, Helmond
    Stylesheet
    
    Copyright (c) 2004-2007 by Johan van den Boogaard
    All rights reserved
    
    ** the html>body statements are for FF, Op7 and others **
*/

.page-bg {
  background: #FFF url(../img/bg_window.png) left top repeat-x;
  background-attachment: fixed;
  margin: 25px auto;
  }
  
body {
  font: 0.94em normal Tahoma, Arial, Sans-Serif;
  margin: 0;
  padding: 0;
  text-align: center;
  }
  
html>body { font-size: 1.1em; }

a,
a:link,
a:visited {
  background: transparent;
  border: none;
  color: #08C;
  font-weight: normal;
  text-decoration: none;
  }
  
a:active,
a:hover {
  color: #000;
  text-decoration: underline;
  }

h1, h2, h3, h4 {
  color: #049;
  background: transparent;
  font-weight: normal;
  }
  
h1 { font-size: 1.6em; }
h2 { font-size: 1.45em; }

h3 {
  color: #049;
  background: transparent;
  border-bottom: 0px solid #EEE;
  font-size: 1.2em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  padding-right: 0.5em;
  width: 100% !important;
  }

.img-border {
  border: solid 1px #000;
  display: block;
  }
  
/* layout */

#accessibility,
#source {
  display: none;
  position: absolute;
  left: -2000px;
  top: -2000px;
  }
  
#pagewidth-1024 {
  background: #FFF !important; /*transparent;*/
  /*border: 1px solid #000; */
  height: 300px; /* force minimal height */
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 970px;
  }
  
#header {
  background: #FFF;
  height: 116px;
  width: 970px !important;
  }
  
#top-top {
  background: #049; /*transparent;*/
  border-bottom: 2px solid #CCC;
  height: 30px;
  width: 100%;
  }
  
#top-bottom {
  background: transparent;
  float: left;
  height: 80px;
  width: 200px;
  }
  
.logo-banner {
  border: none;
  margin: 0;
  padding: 0;
  position: relative;
  margin-top: -85px;
  }
  
html>body .logo-banner {
  margin-top: -84px;
  }
  
#search {
  background: transparent;
  float: right;
  height: 28px;
  margin: 0px;
  margin-left: -50px;
  margin-top: -1px;
  padding: 0px;
  padding-left: 10px;
  padding-top: 2px;
  vertical-align: top;
  width: 148px;
  }
  
#search .inputbox {
  background: #F9F9F9;
  border: #000 1px solid;
  font-size: 0.9em;
  height: 20px;
  line-height: 14px;
  margin: 3px auto;
  margin-left: 0px;
  padding: 0px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  width: 130px;
  }
  
html>body #search .inputbox {
  margin-left: -6px;
  margin-top: 2px;
  }
  
#search .button {
  border: 1px solid #000;
  background: #8F0;
  font-size: 1.0em;
  height: 14px;
  line-height: 10px;
  margin: 0px;
  padding: 0px;
  }

#search form {
  margin: 0px;
  padding: 0px;
  }
  
#topmenu {
  float: left;
  height: 20px;
  width: 600px;
  }
  
#pathway {
  border-bottom: 1px dotted #c9c9c9;
  height: 1.2em;
  padding-left: 20px;
  padding-top: 5px;
  margin-top: -8px; /* -15px */
  width: 100% ; /*500px;*/
  }
  
html>body #pathway {
  margin-top: 0;
  padding-top: 5px; }
  
#leftcol {
  float: left;
  margin-right: 5px;
  position: relative;
  width: 152px;
  }
  
#rightcol-normal {
  float: right;
  margin-right: 1px;
  margin-top: -22px;
  position: relative;
  width: 155px;
  }
  
#rightcol-broad {
  float: right;
  margin-right: 1px;
  margin-top: -15px;
  position: relative;
  width: 180px;
  }
  
#outer-1024 {
  background: #FFF;
/*
  border-left: 1px solid #000;
  border-right: 1px solid #000;
*/
  padding-top: 6px;
  width: 970px;
  }
  
html>body #outer-1024 {
  position: relative;
  float: left;
  margin-top: -14px;
  }
  
#footer-1024 {
  background: #F9F9F9;
  border-top: 1px solid #888;
  color: #777;
  font-size: 75%;
  float: left;
  height: 40px;
  padding-top: 3px;
  text-align: center;
  width: 100%;
  }
  
#footer-1024 a:link,
#footer-1024 a:visited {
  color: #08C;
  text-decoration: none;
  }
  
#footer-1024 a:active,
#footer-1024 a:hover {
  color: #000;
  text-decoration: underline;
  }
  
#maincol-normal-1024 {
  float: left;
  margin-left: 0px !important;
  margin-left: -5px;
  width: 650px;
  }

#maincol-broad-1024 {
  float: left;
  margin-left: 0px !important;
  margin-left: -5px;
  margin-top: -2px;
  margin-top: 14px;
  width: 622px;
  }

html>body #maincol-broad-1024 {
  margin-top: 24px;
  }
  
#maincol-wide-1024 {
  float: left;
  margin-left: 0px !important;
  margin-left: -5px;
  padding-top: 3px !important;
  padding-top: 0px;
  width: 800px;
  }

iframe.wrapper {
  z-index: 0;
  }
  
.clr {
  clear: both;
  }
  
.content {
  font-size: 1.0em;
  line-height: 1.5em;
  padding: 0px 0px 0px 0px;
  }
  

/* Modules */

#leftcol div.module,
#rightcol-normal div.module {
  background: transparent;
  margin-bottom: 10px;
  width: 152px;
  }

#leftcol div.module div,
#rightcol-normal div.module div {
  background: transparent;
  width: 152px;
  }

#leftcol div.module div div,
#rightcol-normal div.module div div {
  background: transparent;
  width: 152px;
  }

#leftcol div.module div div div,
#rightcol-normal div.module div div div {
  background: transparent;
  font-size: 0.9em;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 10px;
  padding-top: 10px;
  width: 137px;
  }

#leftcol div.module div div div div,
#rightcol-normal div.module div div div div {
  margin: 0px;
  padding: 0px;
  }
  
#rightcol-broad div.module {
  background: transparent;
  margin: 5px;
  margin-top: 15px; /* --- > top margin */
  width: 177px;
  }
  
#rightcol-broad div.module div {
  background: transparent;
  width: 177px;
  }
  
#rightcol-broad div.module div div {
  background: transparent;
  width: 177px;
  }

#rightcol-broad div.module div div div {
  background: transparent;
  font-size: 0.9em;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 10px;
  padding-top: 10px;
  width: 162px;
  }

#rightcol-broad div.module div div div div {
  margin: 0px;
  padding: 0px;
  }
  
div.module {
  padding: 0;
  margin: 0;
  }
  
div.module h3 {
  font-size: 1.4em;
  font-weight: normal;
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px;
  width: auto;
  }
  
#user1 {
  float: left;
  width: 49%;
  }
  
#user2 {
  float: right;
  width: 49%;
  }
  
#user3 {
  width: 100%;
  }
  
#user1 ul,
#user2 ul,
#user3 ul {
  list-style: none;
  margin: 0px;
  margin-bottom: 5px;
  margin-left: 0.7em;
  margin-right: 0.7em;
  margin-top: 2px;
  padding: 0px;
  padding-left: 0.7em;
  }
  
.searchintro,
#maincol-broad-1024 div.moduletable,
#maincol-normal-1024 div.moduletable,
#maincol-wide-1024 div.moduletable {
  background: transparent;
  border: 1px solid #EEE;
  font-size: 0.9em;
  margin-bottom: 10px;
  width: 100%;
  }

#maincol-broad-1024 div.moduletable h3,
#maincol-normal-1024 div.moduletable h3,
#maincol-wide-1024 div.moduletable h3 {
  background: #049;
  border-bottom: 2px solid #CCC;
  color: #FFF;
  font-size: 1.2em;
  font-weight: normal;
  /*
  height: 1em;
  line-height: 1em;
  */
  margin-bottom: 10px;
  padding: 0px;
  text-align: left;
  text-indent: 5px;
  width: 100%;
  }

html>body #maincol-broad-1024 div.moduletable h3,
html>body #maincol-normal-1024 div.moduletable h3,
html>body #maincol-wide-1024 div.moduletable h3 {
  margin-top: -10px;
  }
  
/* Top menu */

ul#mainlevel-nav {
  background: #049;
  float: left;
  list-style: none;
  margin: 3px auto;
  /*
  margin-left: 5px;
  */
  margin-top: 3px;
  padding: 0;
  padding-left: 5px;
  position: relative;
  margin-left: 0px;
  white-space: nowrap;
  }
  
html>body ul#mainlevel-nav {
  padding: 0;
  margin-left: 5px;
  margin-top: 5px;
  }
  
ul#mainlevel-nav li {
  float: left;
  font-size: 0.9em;
  height: 20px;
  line-height: 20px;
  margin: 0;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
  width: auto !important;
  width: 5%;
  }
  
ul#mainlevel-nav li a {
  color: #FFF;
  display: block;
  font-weight: normal;
  height: 20px;
  /*
  margin-left: 5px;
  padding-left: 5px;
  padding-right: 10px;
  */
  text-decoration: none;
  white-space: nowrap;
  }

ul#mainlevel-nav li a:hover {
  background: #FFF;
  color: #040;
  display: block;
  font-weight: normal;
  height: auto;
  /*
  margin-left: 5px;
  padding-left: 5px;
  padding-right: 10px;
  */
  text-decoration: none;
  white-space: nowrap;
  }

/* main menus */

a.mainlevel {
  display: block;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.3em;
  margin-bottom: 2px;
  padding-left: 4px;
  text-decoration: none;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 135px;
  }
  
html>body a.mainlevel { /* fix for Opera! */
  width: 135px;
  }
  
a.mainlevel:hover,
a.mainlevel#active_menu {
  background: #049;
  color: #FFF;
  text-decoration: none;
  }
  
a.sublevel {
/*
  display: block;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 20px;
  margin: 0px;
  margin-bottom: 2px;
  padding: 0px;
  padding-left: 12px;
  text-decoration: none;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 123px;
*/
  background-color: #F9F9F9;
  color: #606060;
  display: block;
  overflow: hidden;
  /*margin-left: px;*/
  padding-left: 1px;
  vertical-align: middle;
  font-size: 90%;
  text-align: left;
  }

html>body a.sublevel { /* fix for Opera-5 */
  width: 123px;
  }
  
a.sublevel:hover.
a.sublevel#active_menu {
  text-decoration: none;
  width: 139px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 123px;
  }

html>body a.sublevel:hover,
a.sublevel#active_menu { /* fix for Opera-5 */
  width: 123px;
  }


/* module specific! */

#leftcol div.module div div div div.syndicate {
  background: transparent;
  width: 137px;
  margin: 0px;
  padding: 0px;
  }
  
#leftcol div.module div div div div.syndicate div {
  background: transparent;
  width: 137px;
  margin: 0px;
  padding: 0px;
  }
  
/* other Mambo/Joomla! stuff... */

#title {}

.pathway {
  color: #888;
  font-size: 80%;
  height: 1.2em;
  text-decoration: none;
  font-weight: normal;
  }
  
.pathway a {
  color: #000;
  font-size: 80%;
  text-decoration: none;
  font-weight: normal;
  }
  
.pathway a:hover {
  color: #000;
  text-decoration: underline;
  }
  
.mosimage {
  border: 1px solid #CCC;
  margin: 5px;
  }
  
.mosimage_caption {
  margin-top: 2px;
  background: #EEE;
  padding: 1px 2px;
  color: #666;
  border-top: 1px solid #CCC;
  }
  
hr {
  border-top: 1px solid #888;
  width: 90%;
  }
  
hr.separator {
  border-top: 1px solid #888;
  width: 40%;
  }

a.pnav {}

a.pnav:hover {}

.pagenav_next a {
  background: #e9e9e9;
  border: 1px solid #888;
  color: #08C;
  margin: 0;
  padding: 0;
  padding-left: 0.3em;
  padding-right: 0.3em;
  text-decoration: none;
  width: 100%;
  }
  
.pagenav_next a:hover {
  color: #000;
  }
  
.small {
  font-size: 0.9em;
  color: #AAA;
  line-height: 0.7;
  }
  
.smaldark {
  font-size: 0.9em;
  color: #000;
  height: 10px;
  line-height: 10px;
  text-align: left;
  }
  
.sectiontableentry1 {
  text-align: left;
  background: #EEE;
  font-size: 0.9em;
  padding: 2px;
  }

.sectiontableentry2 {
  text-align: left;
  background: #FFF;
  font-size: 0.9em;
  padding: 2px;
  }

.button,
.inputbox {
  border: 1px solid #BBB;
  }
  
.createdate,
.modifydate {
  font-size: 0.9em;
  color: #AAA;
  height: 1em;
  line-height: 1.1em;
  }
  
a.readon {
  font-size: 0.9em;
  text-decoration: none;
  line-height: 1.5em;
  border: 1px solid #CCC;
  padding-left: 13px;
  padding-right: 13px;
  background: #EEE;
  color: #000;
  margin-top: 10px;
  text-decoration: none;
  font-weight: normal;
  }
  
a.readon:hover {
  background: #CCC;
  border: 1px solid #888;
  }
  
.blog {
  width: 100%;
  }
  
.blog_more {
  font-size: 0.9em;
  }
  
.contentheading {
  width: 98%;
  font-weight: normal;
  font-size: 1.5em;
  height: 1.7em;
  line-height: 1.7em;
  border-bottom: 1px solid #888;
  font-family: Tahoma, Arial, Sans-Serif;
  color: #048;
  }
  
.contentpaneopen {
  text-align: left;
  background: transparent;
  font-size: 0.9em;
  line-height: 1.1em;
  /*width: 625px;*/
  }

html>body .contentpaneopen {
  clear: both;
  margin: 0;
  position: relative;
  overflow: none;
  }
  
.table-style {
  height: 1.2em;
  line-height: 1.2em !important;
  }
  
table.contentpane td.contentheading {
  font-weight: normal;
  font-size: 1.5em;
  height: 1.6em;
  line-height: 1.7em;
  font-family: Tahoma, Arial, Sans-Serif;
  border: none;
  }
  
table.contentpane ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  }
  
table.contentpane ul li {
  padding: 0px;
  margin: 0px;
  padding-left: 15px;
  }
  
.contentdescription {
  font-size: 0.9em;
  }
  
.sectiontableheader {
  font-weight: bold;
  font-size: 1em;
  height: 1.1em;
  line-height: 1.1em;
  }
  
.categorytitle {
  font-weight: bold;
  font-size: 1.5em;
  height: 1.6em;
  line-height: 1.6em;
  font-family: Tahoma, Arial, Sans-Serif;
  }
  
.componentheading {
  font-weight: normal;
  font-size: 1.5em;
  height: 1.6em;
  line-height: 1.6em;
  font-family: Tahoma, Arial, Sans-Serif;
  border-bottom: 1px solid #888;
  color: #048;
  margin-bottom: 5px;
  }
  
a.category {
  color: #08C;
  text-decoration: none;
  }
  
a.category:hover {
  color: #000;
  text-decoration: underline;
  }

table.moduletable {
  width: 100%;
  font-size: 0.8em;
  }
  
table.moduletable th {
  font-size: 0.8em;
  }
  
.poll {
  font-size: 0.9em;
  text-align: left;
  }
  
.back_button a {
  font-size: 0.9em;
  font-weight: normal;
  }
  
.blog_more ul li {
  list-style: none;
  padding-left: 14px;
  line-height: 1.7em;
  }
  
table.contenttoc {
  border: 1px solid #CCC;
  padding: 3px;
  }
  
table.contenttoc th {
  font-weight: bold;
  font-size: 0.9em;
  border-bottom: 1px solid #888;
  }
  
form {
  margin: 0px;
  padding: 0px;
  }
  
html>body fieldset {
  border: 2px solid #000;
  border-left: 1px solid #888;
  border-top: 1px solid #888;
  width: 600px !important;
  }