html { overflow: -moz-scrollbars-vertical; }
html { overflow: scroll;}
html { overflow-x: auto; }

body, table, tr, td, p, div {
 font: 12px Arial, Helvetica, sans-serif;
 color: #000;
}
body, table, tr, td, div, img, h1, h2, h3, h4, h5, ul, ol, li, p  {
 margin: 0px;
 padding: 0px;
 border: 0px solid #FFF;
}
body {
 margin-top: 10px;
 background: #b30421 url('../images/layout/bg.gif') left top repeat-x;
}
ul, ol, li, p {
  margin: 0px;
  margin-top: 14px;
  margin-bottom: 14px;
}
li {
  margin: 0px;
  margin-left: 20px;
}
#container {
 position: absolute;
 width: 1000px;
 left: 50%;
 margin-left: -500px;
}
#header {
 background: url('../images/header/soleiden.jpg') left top no-repeat;
 width: 1000px;
 height: 212px;
}
#top {
 height: 178px;
 background: url('../images/layout/header.png') left top no-repeat;
}
#date {
 margin-left: 780px;
 height: 38px;
}
#date #left {
 float: left;
 width: 23px;
 height: 38px;
 background: url('../images/layout/date_left.png') left top no-repeat;  
}
#date #middle {
 padding-top: 13px;
 padding-bottom: 11px;
 float: left;
 color: #FFF;
 font-size: 11px;
 background: #5b0c19; 
}
#date #right {
 float: left;
 width: 23px;
 height: 38px;
 background: url('../images/layout/date_right.png') left top no-repeat;  
}

#main {
 background: #FFF url('../images/layout/corner_right.gif') right top no-repeat;  
}
#inner {
 background: url('../images/layout/corner_bottom.gif') left bottom no-repeat;  
}
.innerLeft {
 padding: 17px 0px;
 width: 250px;
}
.innerRight {
 width: 750px;
}
#box {
 margin-bottom: 20px;
 width: 230px;
 background: #FFF url('../images/layout/box_right.gif') right top repeat-y;   
}
#boxTop {
 width: 230px;
 background: url('../images/layout/box_top.gif') right top no-repeat;   
}
#boxBottom {
 width: 230px;
 background: url('../images/layout/box_bottom.gif') right bottom no-repeat;   
}
#boxText, #newsText {
 padding: 20px;
 font-size: 11px;
 line-height: 17px;
}
#boxForm {
 padding: 0 0 20px 20px;
 font-size: 11px;
 line-height: 17px;
}
#text, #introText, #newsItem, #newsBox, #partnerItems, #contentItem {
 font-size: 12px;
}
#actSOL {
 width: 16px;
 height: 16px;
 background: #b30421;
}
.actLeft {
 padding-right: 6px;
 height: 21px;
}
.font11 {
 font-size: 11px;
}
#actOther {
 width: 16px;
 height: 16px;
 background: #858585;
}
#introBox {
 background: #EEE url('../images/layout/box_intro.gif') left bottom no-repeat;  
 width: 691px;
}
#introText {
 padding: 35px 20px 30px 20px;
}
#newsItems, #contentItems {
 width: 691px;
}
#newsItem, #contentItem {
 padding: 20px;
}
.nieuwsShow {
 padding-top: 13px;
 height: 670px;
}
.contentShow {
 padding-top: 13px;
 height: 725px;
}
#newsDate {
 color: #767676;
 font-size: 11px;
 margin-bottom: 5px;
}
#newsBox {
 float: left;
 background: #EEE url('../images/layout/box_news.gif') left top no-repeat;  
 width: 497px;
}
#homeFooter {
 margin-top: 20px;
 width: 750px; 
}
#history, #historyAlt {
 border-bottom: 1px solid #FFF;
 padding: 6px 0px;
 font-size: 11px;
 width: 100%;
}
#historyAlt {
 border: none;
}
#partnerBox {
 float: left;
 width: 250px;
}
#partnerBoxAll {
 width: 691px;
 margin-bottom: 20px;
}
#partnerItems {
 padding: 20px 0px 0px 20px;
}
#footer { 
 width: 1000px; 
 background: url('../images/layout/bg_bottom.gif') left top no-repeat;  
}
#footer #left { 
 padding: 15px;
 float: left;
 color: #FFF;
 font-size: 11px;
}
#footer #right { 
 padding: 15px;
 float: right;
 color: #FFF;
 font-size: 11px;
}
#hr {
 background: #dbdbdb;
 height: 1px;
 margin: 0px;
 padding: 0px;
 line-height: 1px;
 font-size: 1px;
 width: 691px;
}
h1, .h1 {
 font:normal 18px Georgia, "Times New Roman", Times, serif;
 color: #b30421;
 margin: 0px 0px 5px 0px;
}
h2, .h2 {
 font:normal 18px Georgia, "Times New Roman", Times, serif;
 color: #b30421;
 margin: 0px 0px 5px 0px;
}
h3, .h3 {
 font:normal 18px Georgia, "Times New Roman", Times, serif;
 color: #b30421;
 margin: 0px 0px 2px 0px;
}
h4, .h4 {
 font:normal 18px Georgia, "Times New Roman", Times, serif;
 color: #777777;
 margin: 0px 0px 2px 0px;
}
h5, .h5 {
 font:normal 16px Georgia, "Times New Roman", Times, serif;
 color: #b30421;
 margin: 0px 0px 2px 0px;
}

label, .submit {
  cursor: pointer;
  cursor: hand;
}
select.textField {
  padding: 5px 0px 5px 3px;
  width: 118px;
  font: 12px Arial, Helvetica, sans-serif;
  color: #1e1e1e;
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
}
input.textField {
  padding: 5px 0px 5px 3px;
  width: 200px;
  font: 12px Arial, Helvetica, sans-serif;
  color: #1e1e1e;
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
}
textarea.textField {
  padding: 5px 3px 5px 3px;
  height: 84px;
  width: 118px;
  font: 12px Arial, Helvetica, sans-serif;
  color: #1e1e1e;
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
}

textarea.textFieldBig {
  padding: 5px 0px 5px 3px;
  width: 200px;
  height: 100px;
  font: 12px Arial, Helvetica, sans-serif;
  color: #1e1e1e;
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
}

#blogBox {
 margin-top: 17px; 
 background: #eeeeee; 
 width: 165px;
}

#blogBoxTop {
 background: url('../images/layout/blog_lefttop.gif') left top no-repeat; 
}

#blogBoxBottom {
 background: url('../images/layout/blog_leftbottom.gif') left bottom no-repeat; 
}

#blogBoxContent {
 padding: 20px; 
 line-height: 17px; 
 font-size: 11px;
}


a:link           { text-decoration: underline;  color: #b30421; }
a:visited        { text-decoration: underline;  color: #b30421; }
a:active         { text-decoration: underline;  color: #b30421; }
a:hover          { text-decoration: none;       color: #b30421; }

a.history:link           { text-decoration: none;       font-weight: bold; color: #000; }
a.history:visited        { text-decoration: none;       font-weight: bold; color: #000; }
a.history:active         { text-decoration: none;       font-weight: bold; color: #000; }
a.history:hover          { text-decoration: underline;  font-weight: bold; color: #000; }

a.blogLink:link           { text-decoration: none;      color: #000; }
a.blogLink:visited        { text-decoration: none;      color: #000; }
a.blogLink:active         { text-decoration: none;      color: #000; }
a.blogLink:hover          { text-decoration: underline; color: #000; }


#footer div a:link     { text-decoration: underline; color: #e0e0e0; }
#footer div a:visited  { text-decoration: underline; color: #e0e0e0; }
#footer div a:active   { text-decoration: underline; color: #e0e0e0; }
#footer div a:hover    { text-decoration: none; 	 color: #e0e0e0; }

div#agenda { margin-left: 15px; position:relative; font-size:11px; z-index:50; }
div#agendaSelect { text-align: right; width: 187px;}

a.calendar:link    { text-decoration: none; color: #FFF; font-size: 11px; }
a.calendar:visited { text-decoration: none; color: #FFF; font-size: 11px; }
a.calendar:active  { text-decoration: none; color: #FFF; font-size: 11px;}
a.calendar:hover   { text-decoration: none; color: #FFF; font-size: 11px;  }

table.month { }
table.month tr td { font-size: 11px; }
table.cal { }
table.cal td   { padding: 0px; width: 22px; height: 22px; font: 11px Arial; font-weight: bold; color: #1e1e1e; vertical-align: middle; text-align: center; }
table.cal .day { text-transform: none; height: 24px; font-size: 11px; }
table.cal .cal { background: #f0f0f0; }
table.cal .calActive { background: #b30421; color: #FFF; }
table.cal .calActive2    { background: #858585; color: #FFF; }
table.cal .weekend   { background: #e6e6e6; }
table.cal .nocal     { color: #939393; font-weight: normal; }
table.cal .noweekend { color: #939393; font-weight: normal; }

div.cal 	  { padding: 6px 3px; border: 0px solid #d1d1cf; width: 20px; background: #e6e6e6; text-align: center; font-size: 11px; }
div.calActive { padding: 6px 3px; border: 0px solid #d1d1cf; width: 20px; background: #b30421; text-align: center; font-size: 11px;}
div.calActive2    { padding: 6px 3px; border: 0px solid #d1d1cf; width: 20px; background: #858585; text-align: center; font-size: 11px;}
div.weekend   { padding: 6px 3px; border: 0px solid #d1d1cf; width: 20px; background: #EEE; text-align: center; font-size: 11px;}
div.nocal     { padding: 6px 3px; border: 0px solid #d1d1cf; width: 20px; color: #939393; font-weight: normal; text-align: center; font-size: 11px;}
div.noweekend { padding: 6px 3px; border: 0px solid #d1d1cf; width: 20px; color: #939393; font-weight: normal; text-align: center; font-size: 11px;}

.menu {font-family: arial, sans-serif; position:relative; font-size:11px; z-index:70;}
.menu ul li a, .menu ul li a:visited {display:block; font-weight: bold; text-decoration:none; text-transform: uppercase; color:#fff; padding: 7px 15px; background:#b30421; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative; margin: 0; padding: 0;}
.menu ul li ul {display: none;}

.menu ul li:hover a {color:#fff; background:#900d23; }
.menu ul li:hover ul {display:block; position:absolute; top:34px; left:0;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#b30421; color:#FFF;  width: 100px;}
.menu ul li:hover ul li a:hover {background:#900d23; color:#FFF;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

.menu ul li a.active, .menu ul li a.active:visited, .menu ul li:hover a.active, 
.menu ul li a.hideactive, .menu ul li a.hideactive:visited, .menu ul li:hover a.hideactive { color:#b30421; background:#FFF; }

.menu ul li a.first:link, .menu ul li a.first:hover, .menu ul li a.first:active, .menu ul li a.first:visited,
.menu ul li a.last:link, .menu ul li a.last:hover, .menu ul li a.last:active, .menu ul li a.last:visited {
 background: none;  
}
.menu ul li a.first:link, .menu ul li a.first:active, .menu ul li a.first:visited {
 background: url('../images/layout/menu_left.gif') left -34px no-repeat; 
}
.menu ul li a.first:hover {
 background: url('../images/layout/menu_left.gif') left -68px no-repeat;
 color: #FFF; 
} 
.menu ul li a.firstactive:link, .menu ul li a.firstactive:hover, .menu ul li a.firstactive:active, .menu ul li a.firstactive:visited {
 background: url('../images/layout/menu_left.gif') left top no-repeat;
 color: #b30421; 
}
.menu ul li a.last:link, .menu ul li a.last:active, .menu ul li a.last:visited {
 background: url('../images/layout/menu_right.gif') right -34px no-repeat; 
}
.menu ul li a.last:hover {
 background: url('../images/layout/menu_right.gif') right -68px no-repeat;
 color: #FFF; 
}
.menu ul li a.lastactive:link, .menu ul li a.lastactive:hover, .menu ul li a.lastactive:active, .menu ul li a.lastactive:visited {
 background: url('../images/layout/menu_right.gif') right top no-repeat;
 color: #b30421; 
}