* {margin:0;padding:0;}
body, html {height:100%;}
body{;font-family:Helvetica,sans-serif;background:#D9C7A0 url('./../../images/BodyBg.png') repeat-x;}
a:link, a:visited {color:#442B1F;text-decoration:none;}
a:active {color:#8F041A;text-decoration:none;}
a:hover {color:#8F041A;text-decoration:none;}
a.text:link, a.text:active, a.text:visited {color:#333;text-decoration:underline;margin:0;}
a.text:hover {color:#333;text-decoration:underline;margin:0;}
a img {border-width:0;}
h2{color:#333;}

.clearingItem {clear:both;float:none;}
.ofRow {left:0;top:0;position:absolute;z-index: 10;text-align:center;height:25px;background:transparent url('http://www.online-forum.net/of_bann_img/menuklei2.gif') repeat-x top;width:100%}
.Success {color:#1a1;margin-bottom:10px;}

/* ERRORPAGE */
#errorContainer {width:400px;margin:auto;margin-top:10px;border:1px solid rgb(207,217,227);background-color:#999;text-align:center;}
#errorContainer h1 {background:rgb(207,216,226);color:#142F5D;text-align:center;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;}
.error, .Error {color:#C41029;margin:15px;font-weight:bold;font-size:small;}
.errorText {color:#C41029;font-weight:bold;}

/* BODY-CONTAINERS */
#mainContainer {width:1024px;margin:0 auto;background:transparent url('./../../images/LineTop.png') no-repeat 768px 320px;min-height:100%;}
#header {margin: 25px 0 0 0;padding:0 40px;height:326px;background:transparent url('./../../images/headerTop.png') no-repeat;}
#leftContent {width:690px;padding:20px 0 60px 40px;font-size:12px;color:#333333;float:left;}
#leftContent h2 {line-height: 22px;padding: 0 0 5px 0;margin: 5px 0 15px;background:transparent url('./../../images/line.png') repeat-x bottom;}
#rightContent {float:right;width:200px;padding-right:40px;padding-bottom:60px;color:#442B1F;}
#leftContent h1, #rightContent h1 {color:#8F041A;letter-spacing:1px;font-size:26px;padding-bottom:20px;background:transparent url('./../../images/line.png') repeat-x bottom;margin-bottom:10px;font-weight:normal;}
#rightContent h1 {font-size:15px;padding-bottom:10px;}
.newsTitle {margin-bottom:5px;display:block;}
.newsTitle a {font-weight:bold;font-style:italic;}
#rightContent a {color:#442B1F;}
#rightContent a:hover {color:#8F041A;}
.startPageNewsContainer {background:transparent url('./../../images/line.png') repeat-x bottom;padding-bottom:15px;margin-bottom:10px;}
#footer {background:transparent url('./../../images/footer.png') no-repeat;width:944px;margin:0 auto;height:20px;padding:40px 40px 0 40px;margin-top:-60px;text-align:right;}
#footerText {position:absolute;z-index: 10;width:944px;text-align:right;}
#footerText p {display:inline;padding:0 10px;color:#442B1F;}
#bottomLine {top:-288px;left:728px;position:absolute;z-index: 10;}

/* NAVIGATION */
.rightColNavi {display: none;}
#root {float:right;list-style-type:none;}
#root li {float:left;background:transparent url('./../../images/naviLine.png') no-repeat left center;padding:10px 8px 10px 10px;margin-top:20px;}
#root li.first {background:transparent;}
#root li a {font-family:Tahoma,Geneva,Kalimati,sans-serif;font-size:14px;color:#8F041A;}
#root li a:hover {color:#442B1F;}
#root li ul {background: transparent url("./../../images/BodyBg.png") repeat-x;border: 1px solid #442B1F;list-style: none;display: none;position: absolute;z-index: 20;width: 640px; margin: 10px 0 0 -245px}
#root li ul li.first,#root li ul li {width: 150px;line-height: 30px;padding: 0 0 0 10px;background-image: none;margin: 0;}
/*#root li ul li ul {}
#root li ul li ul li,#root li ul li ul li.first {width: 190px;line-height: 30px;}*/

/* NEWS */
.newsContainer h2 {background:transparent url('./../../images/line.png') repeat-x bottom;font-size:14px;padding-bottom:10px;margin-bottom:10px;}
.newsContainer h2 span {font-style:italic;margin-right:10px;}
.hContent {background:transparent url('./../../images/line.png') repeat-x bottom;padding-bottom:15px;margin-bottom:20px;}
.newsThumbnail {float:left;margin:0 10px 10px 0;background:#EBE2C3;padding:5px;border:1px solid #C3B391;}
.newsThumbnail img {border:1px solid #999999;}
.newsLink {color:#8F041A!important;text-align: right;margin-top:10px;cursor: pointer;}
.newsLink:hover {color:#442B1F!important;}

/*EVENTS*/
.eventContainer {background:transparent url('./../../images/line.png') repeat-x bottom;padding-bottom:15px;margin-bottom:20px;}
.eventDateLine {font-weight: bold;margin: 0 0 10px;display: block;}
/* FORMS */
div.formRow {height:20px;}
div.formRow label {float:left;width:120px;}
button {background:#fff;border:1px solid #999999;color:#000;cursor:pointer;min-width:150px!important;}
button:hover {color:#BA272A;}
div.buttonRow input {background:#fff;cursor:pointer;width:150px;min-width:150px!important;}
div.buttonRow input:hover {color:#BA272A;}
input, textarea {border:1px solid #999999; width: 200px;}
#cmsContactForm #textArea {width:320px!important;}
#cmsContactForm .left {float:left;margin-right:30px;}
#cmsContactForm .right {float:left;}


/*ResourceCategories*/
.ResCatResourceBox {color: #442B1F;padding: 0 0 10px;background:transparent url('./../../images/line.png') repeat-x bottom; }
.seeMore {text-align: right;}
.ResInfoBox h2 {line-height: 22px;padding: 0 0 5px 0;margin: 5px 0 15px;background:transparent url('./../../images/line.png') repeat-x bottom;}
.ResInfoBox a {color: #442B1F;}
.ResInfoBox a:hover {color: #8F041A;}
.ResImagesLogo {border: 1px solid #C9B38E;padding: 5px;background: #ECE3C0;overflow: hidden;width: 122px;margin: 0 20px 20px 0;}
.ResInfoBox .ResImagesLogo {float: left;}

.pageNumberContainer {margin: 10px 0;}
.pageNumberContainer .pageLabel {float: left;margin: 0 5px 0 0; line-height: 21px;}
.pageNumberContainer a {float: left; padding: 1px 2px ;width: 10px;text-align: center; border: 1px solid #442B1F; color: #442B1F;margin: 0 0 0 4px;display: block;}
.pageNumberContainer a:hover, .pageNumberContainer a.active {color: #8F041A;border: 1px solid #8F041A;}

/*Resources*/
#resInfoContainer {float: left; width: 520px;}

#resInfoContainer a {color: #442B1F;}
#resInfoContainer a:hover {color: #8F041A;}
#resImageDetailContainer {float: left; width: 150px;}
.ResImagesLogo a,.ResImagesDetail a {display: block; overflow: hidden;width: 120px;border: 1px solid #999;}
.ResImagesDetail a {height:90px;}
.ResImagesDetail {border: 1px solid #C9B38E;padding: 5px;background: #ECE3C0;overflow: hidden;width: 122px; margin: 0 0 5px 0;}
p.tel {margin: 5px 0;}
.opening {margin: 15px 0 0 0;}
#resourceDesc {margin: 25px 0 0 0;}

/*SMALL CALENDAR*/
#smallAjaxCalendar, .smallAjaxCalendar {width: 200px;}
.smallAjaxCalendar td.nextMonth,.smallAjaxCalendar td.prevMonth {cursor: pointer;}
#smallAjaxCalendar tr,.smallAjaxCalendar {height: 30px;}
#smallAjaxCalendar td p {cursor:default;}
#smallAjaxCalendar td {width: 28.5px;text-align: center;vertical-align: middle;background:transparent url('./../../images/line.png') repeat-x bottom;}
#smallAjaxCalendar td.active {background-color: #8F041A!important;color: #FFF;}
#smallAjaxCalendar td.withEvents {background-color: #F5DCB0;}
#smallAjaxCalendar td.withEvents:hover {background-color: #E9D7B0;}
#smallAjaxCalendar td.withEvents p {cursor: pointer;}

#oInformationBox {position: absolute;z-index: 20;background: #F5DCB0;border: 1px solid #442B1F; color: #442B1F;width: 200px;text-align:center;}
#oInformationBoxTitle {margin: 0 0 5px;font-weight: bold;}
#oInformationBoxText {line-height: 18px;}

.changeContainer .left, .changeContainer .right {
  float:                 left;
  display:               block;
  width:                 150px;
  text-align:            center;
  cursor:                pointer;
  text-decoration:       underline;
}
.changeContainer .left:hover, .changeContainer .right:hover {
  text-decoration:       none;
}
.changeContainer .right {
  float:                 right;
}
.changeContainer .middle {
  float:                 left;
  width:                 380px;
  text-align:            center;
  font-weight:           bold;
}
.eventList {
  margin: 0 0 15px 0;
}
.eventListFieldset {
  padding: 10px;
}
.eventList .title,.eventList .time {
  font-weight: bold;
}
.eventList .title {
  font-size: 14px;
}
.eventList .time {
  margin: 0 0 0 10px;
}
.eventList .desc {
  margin: 3px 0 10px 10px;
}
.eventList .rightLink {
  text-align: right;
  cursor:     pointer;
}

#soundControl {background:transparent url('./../../images/play.png') no-repeat 0 3px;height:16px;width:16px;cursor:pointer;float:right;}
#soundControl.onAir {background:transparent url('./../../images/pause.png') no-repeat 0 3px;cursor:pointer;float:right;}
#music {float:right;color:#8F041A;font-size:12px; font-weight:normal;padding-top:30px;font-size:14px; font-family:Tahoma;}