* {
 font-family: Trebuchet MS;
}

html {
 border-width: 0;
}

body {
 background: #CCA88E;
 color: #000000;
 padding: 0;
 margin: 0;
}

html, body, #body {
 height: 100%;
}

a {
 color: #2B687C;
}

body, table, textarea {
 font-size: 10pt;
}

h1 {
 color: #91574C;
 font-size: 14pt;
 padding: 12pt 0;
 margin: 0;
}

h2 {
 color: #91574C;
 font-size: 12pt;
 padding: 6pt 0;
 margin: 0;
}

h3, h4, h5, h6 {
 color: #91574C;
 font-size: 10pt;
 padding: 3pt 0;
 margin: 0;
}

img {
 border-width: 0;
}

img.border {
 border: 1px solid #91574C;
}

p {
 padding: 3pt 0;
 margin: 0;
}

hr {
 background: #91574C;
 border: none;
 color: #91574C;
 height: 1px;
}

table.hidden {
 border-width: 0;
 border-collapse: collapse;
 padding: 0;
 margin: 0;
}

table.display {
 border: 1px solid #2B687C;
 border-collapse: collapse;
 padding: 0;
 margin: 0;
}

.rowtitle {
 background: #FFFFFF;
 font-weight: bold;
 text-align: center;
}

.rowodd {
 background: #CBAFB5;
}

.roweven {
 background: #DAE7E7;
}

table.display td {
 border: 1px solid #2B687C;
 padding: 2px 6px;
}

td.caption {
 padding: 6px 8px 0 0;
 text-align: right;
 vertical-align: top;
}

p.message {
 font-weight: bold;
 text-align: center;
}

/* framework */

#body {
 width: 1000px;
 margin: 0 auto;
}

#wrapper {
 background: url(/images/pagebg.png) repeat top left;
 min-height: 100%;
 height: auto !important;
 height: 100%;
}

#header {
 background: #8B3E29 url(/images/headerbg.png) repeat-x top left;
 color: #F4F1E8;
 height: 140px;
}

#header .wbox {
 background: url(/images/header.png) no-repeat top center;
 height: 140px;
}

#header .left {
 width: 300px;
 padding: 80px 0 0 20px;
 float: left;
}

#header .right {
 text-align: right;
 width: 300px;
 padding: 80px 20px 0 0;
 float: right;
}

/* menu */

#menubg {
 background: url(/images/logo.png) no-repeat top center;
 height: 41px;
 margin-bottom: 27px;
}

#menubox {
 border-width: 0;
 border-collapse: collapse;
 height: 28px;
 width: 100%;
}

#mbl {
 width: 50%;
 padding: 0 102px 0 20px;
}

#mbr {
 width: 50%;
 padding: 0 20px 0 102px;
}

.menu {
 border-width: 0;
 border-collapse: collapse;
 height: 28px;
 width: 100%;
}

.menu a {
 text-decoration: none;
}

.menu td {
 text-align: center;
 vertical-align: middle;
}

.menu td a.top {
 display: block;
 color: #E5EDEF;
 font-size: 13pt;
 letter-spacing: 1px;
 white-space: nowrap;
 text-align: center;
 line-height: 28px;
 height: 28px;
 overflow: hidden;
 position: relative;
 z-index: 20;
}

#mbl .menu td a.top {
 padding-right: 1px;
}

#mbr .menu td a.top {
 padding-left: 1px;
}

.menu td a.top span {
 display: block;
 margin: 0 8px;
}

.menu td a.top span {
 background: url(/images/menubg.png) repeat-x top left;
}

.menu td.select a.top span {
 background: url(/images/menubga.png) repeat-x top left;
}

/* popup */

.popup {
 display: block !important;
 text-align: left;
 height: 28px;
 cursor: pointer;
}

.popup_act .popupmenu {
 display: block !important;
}

/* popupmenu */

.relative {
 width: 0;
 position: relative;
 z-index: 15;
}

.popupmenu .wbox {
 border: 1px solid #C8BBA4;
 background: #FFFFFF;
 padding: 16px 0 8px 0;
}

.popupmenu {
 display: none;
 min-width: 180px;
 margin: 0;
 position: absolute;
 top: 20px;
 left: 0;
}

* html .popupmenu {
 width: 220px;
}

#mbr .popupmenu {
 left: 1px;
}

.popupmenu a {
 display: block;
 color: #363636;
 font-size: 11pt;
 line-height: 24px;
 white-space: nowrap;
 padding: 0 20px;
}

.popupmenu a:hover {
 background: #8B3E29;
 color: #F4F1E8;
}

/* submenu */

#submenu {
 border-top: 1px solid #91574C;
 border-bottom: 1px solid #91574C;
 font-size: 9pt;
 line-height: 28px;
 height: 28px;
 margin-bottom: 16px;
 overflow: hidden;
}

#submenu a {
 display: block;
 color: #7F7F7F;
 padding: 0 8px;
 float: left;
}

#submenu a:hover,
#submenu a.select {
 background: #7F7F7F;
 color: #F4F1E8;
 text-decoration: none;
}

/* footer */

#footer,
#pusher {
 clear: both;
}

#pusher {
 height: 78px;
}

#footer {
 background: #8B3E29 url(/images/footerbg.png) repeat-x top left;
 font-size: 8pt;
 height: 58px;
 margin-top: -58px;
}

#footer,
#footer a {
 color: #F4F1E8;
}

#footer .left {
 width: 245px;
 padding-top: 18px;
 margin-left: 15px;
 float: left;
}

#footer .right {
 text-align: right;
 width: 100px;
 float: right;
}

#footer .center {
 text-align: center;
 padding-top: 18px;
 margin: 0 100px 0 260px;
}

/* side left */

#sideleft {
 width: 240px;
 padding: 0 20px;
 float: left;
}

/* frame */

.frame {
 width: 240px;
}

.ftop {
 background: url(/images/frametop.png) no-repeat top left;
 height: 16px;
 overflow: hidden;
}

.fmiddle {
 background: url(/images/framebg.png) repeat-y top left;
 padding: 0 16px;
}

.fmiddle h3 {
 font-size: 12pt;
 font-weight: bold;
 text-align: center;
 text-transform: uppercase;
 padding: 4px 0;
 margin: 0;
}

.fbottom {
 background: url(/images/framebottom.png) no-repeat top left;
 height: 16px;
 overflow: hidden;
}

/* frame welcome */

.welcome {
 margin-bottom: 12px;
}

.welcome .fmiddle {
 text-align: center;
}

.welcome .tools a {
 display: block;
 padding: 0.2em 0;
}

/* frame schedule */

.schedule {
 margin-bottom: 12px;
}

.schedule .fmiddle {
 text-align: center;
}

/* frame prophylaxis */

.prophylaxis {
 margin-bottom: 12px;
}

/* frame links */

.links {
 margin-bottom: 12px;
}

/* frame friends */

.friends .fmiddle {
 padding: 0 15px;
}

/* page */

#page {
 margin: 0 20px 0 280px;
}

#ptop {
 background: url(/images/cst.png) repeat-x top left;
 height: 16px;
 overflow: hidden;
}

#pleft {
 background: url(/images/csl.png) repeat-y top left;
}

#pright {
 background: url(/images/csr.png) repeat-y top right;
}

#pbottom {
 background: url(/images/csb.png) repeat-x top left;
 height: 16px;
 overflow: hidden;
}

#content {
 background: #F5F4EF url(/images/cbg.png) repeat-x top left;
 margin: 0 16px;
 overflow: hidden;
}

/* fields and buttons */

form {
 display: inline;
}

.form, .field {
 background: #E9E8E3;
 border: 1px solid #93A6A0;
}

.form {
 color: #2B687C;
 width: 484px;
 padding: 1px 2px;
 margin: 2px 0;
}

.field {
 color: #2B687C;
 padding: 1px 2px;
 margin: 0;
}

input.form {
 height: 21px;
}

textarea.form {
 height: 140px;
}

input.field {
 height: 19px;
}

.input {
 background: #E9E8E3;
 border: 1px solid #93A6A0;
 color: #2B687C;
 font-size: 10pt;
 padding: 1px 2px;
 margin: 2px 0;
}

.button {
 font-size: 10pt;
 font-weight: bold;
 color: #2B687C;
 text-decoration: none;
}

input.button,
span.button,
a.button span {
 background: #CCA88E;
 border: 1px solid #93A6A0;
 text-align: center;
 height: 21px;
 padding: 0 4px;
 margin: 0;
}

.buttonset {
 padding: 0.5em 0;
}

.navigator {
 text-align: right;
 padding: 0.5em 0;
}

a.pagelink {
 font-weight: bold;
 text-decoration: none;
}

span.pagelink {
 padding: 0;
 margin: 4px;
}

#currentpage {
 font-weight: bold;
}

/* frames */

div.extframe {
 background: #E9E8E3;
 padding: 8px;
 margin: 0;
}

div.intframe {
 padding: 4px;
 margin: 0;
}

/* list */

.leftbox {
 width: 120px;
 float: left;
}

.mainbox {
 min-height: 90px;
 height: auto !important;
 height: 90px;
 margin-left: 130px;
}

/* news */

.newsline {
 margin-bottom: 10px;
}

.newsdate {
 background: #91574C;
 font-size: 12pt;
 color: #FFFFFF;
 padding: 0 4px 0 4px;
 margin: 0;
}

.newstitle {
 font-size: 12pt;
 color: #2B687C;
}

.newsnotice,
.newscontent {
 text-align: justify;
}

/* opinions */

div.opinionline {
 margin-bottom: 10px;
}

.opiniondate {
 background: #91574C;
 font-size: 12pt;
 color: #FFFFFF;
 padding: 0 4px 0 4px;
 margin: 0;
}

.opinionauthor {
 font-size: 12pt;
 color: #2B687C;
}

div.opinion {
 text-align: justify;
 padding: 1px 4px 1px 4px;
 margin: 2px 0 2px 0;
}

/* vacancies */

div.vacancyline {
 margin-bottom: 10px;
}

.vacancydate {
 background: #91574C;
 font-size: 12pt;
 color: #FFFFFF;
 padding: 0 4px 0 4px;
 margin: 0;
}

.vacancyappointment {
 font-size: 12pt;
 color: #2B687C;
}

/* questionbook */

div.questionline, div.answerline {
 margin-bottom: 10px;
}

.question_caption, .answer_caption {
 font-size: 12pt;
}

.question_date, .answer_date {
 background: #91574C;
 font-size: 12pt;
 color: #FFFFFF;
 padding: 0 4px 0 4px;
 margin: 0;
}

.question_user_name, .answer_user_name {
 font-size: 12pt;
 color: #2B687C;
}

div.question, div.answer, textarea.answer {
 text-align: justify;
 padding: 1px 4px 1px 4px;
 margin: 2px 0 2px 0;
}

div.extframe textarea.answer {
 background: #FFFFFF;
}

/* others */

.white {
 color: #FFFFFF;
}

.cream {
 color: #F4F1E8;
}

.whitebg {
 background: #FFFFFF;
}

.brownbg {
 background: #91574C;
}

/* banners-small */

div.banners-small {
 text-align: center;
}

div.banners-small a {
 margin: 0 1px;
}

/* schedule */

.schedule td.time {
 text-align: center;
}

.schedule span.grey {
 color: #808080;
}