html, body { height: 100%; }
body *, body { margin: 0; padding: 0; }
body { background: #B06F1B; font: 1em Arial, Verdana, Geneva, Helvetica, sans-serif; }

.none { display: none; }
.hidden { visibility: hidden; }
.clear { clear: both; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.fright { float: right; }
.fleft { float: left; }

.cont { margin: 10px 0; }
.scont { margin: 3px 0; }
.imgcont { padding: 5px; background: #F9FBF6; margin: 15px 10px 5px 0; }

.w50p { width: 50%; }
.arial { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; }

input, select { vertical-align: middle; }

#left ul, #top-navig, ul.errors, ul.notice { list-style: none; }

#container { height: 100%; min-height: 100%; width: 970px; margin: 0 auto; padding: 0 10px; background: white url(../images/container-bckg.gif) repeat-y left top; position: relative; }
body>#container { height: auto; }

/* ------- TOP */
#top { height: 150px; background: #3E2417 url(../images/top-photo.jpg) no-repeat right top; }

h1 a { display: block; height: 150px; width: 262px; background: white url(../images/top-logo.gif) no-repeat left top; }

#content { width: 708px; float: right; font-size: .9em; background: url(../images/content-bckg.gif) repeat-x left top; padding-bottom: 25px; }

#content a { color: #676B5C; }
#content a:hover { color: black; }
#content a img { border: 1px solid #676B5C; }
#content .imgcont a img { border: 0; }

#content .breadcrumbs { margin: 13px; font-size: .85em; }

#content h2 { font-family: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif; margin: 15px 13px; font-size: 1.3em; }
#content h3 { font-size: 1.2em; margin: 13px; }
#content .info { margin: 0 13px; font-size: .9em;}

/* pagetext */
#content .textpage { margin: 0 13px 20px 13px; font-size: .98em; }
#content .textpage p, #content .textpage ul, #content .textpage ol, #content .textpage h3, #content .textpage h4, #content .textpage h5, #content .textpage h6, #content .textpage table { margin: 15px 0; line-height: 1.5em; }
#content .textpage h3, #content .textpage h4, #content .textpage h5, #content .textpage h6 { color: #35322B; }

#content .textpage p { font-size: 1em; margin: 15px 0; }
#content .imgcont { line-height: 1em; }

#content .textpage h3 { font-size: 1.22em; }
#content .textpage h4 { font-size: 1.08em; }
#content .textpage h5 { font-size: 1.02em; }
#content .textpage h6 { font-size: 1em; }

#content .textpage ul, #content .textpage ol { margin-left: 40px; }
#content .textpage td, #content .textpage th, #content .textpage table { border-collapse: collapse; }
#content .textpage td, #content .textpage th { border: 1px solid #999; padding: 3px 5px; font-size: .95em; }

#content .pageinfo { border: dashed #676B5C; border-width: 1px 0; line-height: 2em; padding: 5px; margin: 35px 0 15px 0; font-size: .9em; color: #121212; }

#content .page-group { padding: 5px 0; }
#content .page-group h3 { margin-bottom: 4px; }

#content .pager { margin: 8px 13px; font-size: .9em; padding: 3px 0; }

#content .reakcecont { margin: 5px 0 15px 0; background: #C9CDC0; padding: 2px; font-size: .9em; }
#content .reakcecont h4 { background: #E9EEE3; padding: 5px; position: relative; font-size: 1em; }
#content .reakcecont h4 small { display: block; padding: 2px; position: absolute; right: 5px; bottom:5px; }
#content .reakcecont p { padding: 10px; background: white; }
#content .odpcont { background: #C9CDC0; margin: 4px 2px 2px 2px; }

#galerie { padding: 5px; background: #F9FBF6; line-height: 2em; }
#galerie a { display: block; margin: 9px 9px 0 9px !important; margin: 8px 8px 0 8px; text-decoration: none; }

hr { margin: 10px 0; }

/* forms*/
#content fieldset { border: 0; background: #F9FBF6; }
#content input, textarea { border: 1px solid #676B5C; }
input.small { width: 2em; }
#left input.radio, #content input.radio { vertical-align: middle; border: 0; }
input.required { border: 1px solid #666; }
button, #popupclose { background: #865205; border-color: #676B5C; border-width: 1px; font-size: .85em; color: white; }

label.required { font-weight: bold; }
label.block { display: block; width: 100px; float: left; text-align: right; margin-right: 3px; }
.spamcode { margin-left: 103px; }

/* errors */
#popup ul.errors, #popup ul.notice, #content ul.errors, #content ul.notice { border: 1px solid #DDD; margin: 10px 0; background: #EFEFEF; padding: 6px 3px; font-size: .85em; }
ul.errors li, p.error, ul.notice li { background: url(../images/ico-error-white.gif) no-repeat left center; margin: 3px 10px 3px 0; color: #333; padding-left: 28px; position: relative; }
ul.notice li { background-image: url(../images/ico-notice-white.gif); }



#left { width: 262px; float: left; background: url(../images/left-bckg.gif) repeat-x left top; padding-top: 30px; font-size: .9em;}
#left .panel { background: #FFC46D; color: black; padding: 7px; margin: 10px; }
#left .first { margin-top: 0; }
#left h3 { font-family: "Times",Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 2em; color: #C9CDC0; margin-bottom: -7px; padding-left: 12px; font-size: 2em; }
#left ul ul { margin-left: 15px; }

#mainmenu li { margin: 1px 0; border-bottom: 1px solid #FFC46D;  }
#mainmenu a { color: black; font-size: .85em; display: block; padding: 3px 5px; }
#mainmenu li .active { font-weight: bold; }
#mainmenu a:hover { background: #865205; text-decoration: none; color: white; }

#quicksearch label { font-size: .85em; }
#quicksearch input { border: 1px solid #3E2417; width: 100%; }

#enquiry .quest { font-weight: bold; margin-bottom: 10px; font-size: .9em; }
#enquiry form ul { background: #FFEDD2; padding: 5px; font-size: .9em; }
#enquiry form li { margin: 6px 0; font-size: .9em; }
#enquiry .enquiryrow { width: 100%; border: 1px solid #3E2417; height: .5em; }
#enquiry .enquiryproc { background: #3E2417; height: .5em; width: 0%; }

/* ------- FOOTER */

#footer, #footer a { color: #CCC; }
#footer { background: #865205; position: absolute; left: 272px; bottom: 0; width: 698px; padding: 2px 5px 2px 5px; font-size: .55em; }



/* ------- POPUP */

#popup, #ppoverlay { position: absolute; left: 0; top: 0; }
#ppoverlay { background: #222; }
#popup { width: 400px; font-size: .8em; border: 2px solid #B0B2AC; background: #FDFDFD; z-index: 4; }
#popup h3 { font-size: 1.2em; text-transform: uppercase; color: black; background: #9A9A9A; margin: 2px; padding: 2px; color: white; }
#popup #close { padding: 3px 0 10px 0; text-align: center; }
#popup #popupclose { padding: 2px 8px; margin: 0 auto; border: 1px outset #676B5C; text-decoration: none; }
#popupclose .cover { background-image: url(../images/close-button.gif); }
#popup p, #popup ul.errors, #popup ul.notice { margin: 10px; }
#popup ul.info { margin: 10px 10px 10px 40px; }
