html, body { height: 100%; }
body *, body { margin: 0; padding: 0; }
body { background: #38342B  repeat scroll center top; 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; 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: 854px; margin: 0 auto; padding: 0 2px; background: url(../images/container-bckg.gif) repeat-y left top; position: relative; }
body>#container { height: auto; }

/* ------- TOP */
#top { background: #F4F2E5 url(../images/top-header.jpg) no-repeat center bottom; height: 260px; }
h1 { padding: 11px 0 0 10px; margin: 40px }
h1 a { display: block; width: 854px; height: 280px; margin:-50px; background: url(../images/) no-repeat left top; }

/* ------- CONTENT */
#content { float: right; width: 604px; padding: 15px 10px 55px 10px; margin-top: 13px; font-size: .8em; }
#content.full { width: auto; float: none; margin-top: 0px; }

#content a { color: #38332D; }
#content a:hover { color: #38332D; }
#content a img { border: 1px solid #38332D; box-shadow: 2px 4px 8px #726B5E; border-radius: 5px 5px 5px 5px; }
#content .imgcont a img { border: 1; box-shadow: 4px 6px 8px #726B5E; border-radius: 5px 5px 5px 5px; }

#content .breadcrumbs { margin-bottom: 13px; font-size: .85em; }

#content h2 { font-family: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif; margin: 15px 0; font-size: 1.3em; }
#content h3 { font-size: 1.2em; }

/* pagetext */
#content .textpage { margin: 0 5px 20px 5px; 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: #262626; }

#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 { border: 1px solid #4B4B4B; padding: 3px 5px; font-size: .95em; }

#content .pageinfo { border: dashed #262626; border-width: 1px 0; line-height: 2em; padding: 5px; margin: 35px 0 15px 0; font-size: .9em; color: #4F4521; }

#content .page-group { padding: 10px 0;  border: 1px solid ; padding-left: 20px; border-bottom: 2px solid #726B5E; border-radius: 5px 5px 5px 5px; box-shadow: 2px 4px 8px #726B5E; margin: 5px; }
#content .page-group h3 { margin-bottom: 4px; }

#content .pager { margin: 8px 0; font-size: .9em; padding: 3px 0; }

#content .reakcecont { margin: 5px 0 15px 0; box-shadow: 2px 4px 8px #726B5E; background: #C9CDC0; padding: 2px; font-size: .9em; }
#content .reakcecont h4 { background: #E0DED0; 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; 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: 1; border-radius: 5px 5px 5px 5px; box-shadow: 2px 4px 8px #726B5E; background: #E0DED0; }
#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: #726B5E; 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 */
#left { float: left; width: 210px; margin: 5px 0 10px 10px !important; padding-bottom: 55px; margin-left: 5px; font-size: .8em; }
#left .panel { background: #E0DED0; color:#38332D; padding: 10px; margin-bottom: 12px; border: 1px solid #0D0D0D; border-radius: 5px 5px 5px 5px; box-shadow: 4px 6px 8px #726B5E; }
#left h3 { font-family: "Times",Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 2em; color: #38332D; margin-bottom: -3px; padding-left: 12px; font-size: 2em; }
#left ul ul { margin-left: 15px; }

#mainmenu li { margin: 1px 0; border-bottom: 0px solid #4B4B4B;  }
#mainmenu a { color:#38332D; font-size: .9em; display: block; padding: 3px 5px; }
#mainmenu li .active { font-weight: bold; }
#mainmenu a:hover { background: #F4F2E5; text-decoration: none; color: black; }

#quicksearch label { font-size: .85em; }
#quicksearch input { border: 1px solid #676B5C; width: 100%; }

#enquiry .quest { font-weight: bold; margin-bottom: 10px; }
#enquiry form ul { background: #FFFFFF; padding: 5px; font-size: .9em;  color: #4B4B4B;}
#enquiry form li { margin: 6px 0; font-size: .9em; }
#enquiry .enquiryrow { width: 100%; border: 1px solid #676B5C; height: .5em; }
#enquiry .enquiryproc { background: #878B7D; height: .5em; width: 0%; }

#top-navig { position: absolute; right: 3px; top: 229px; font-size: 0.7em; z-index: 2; }
#top-navig li { float: right; margin-left: 3px; border-left: 1px solid white; padding: 0 10px 2px 10px; }
#top-navig a { color:white; text-decoration: none; }
#top-navig a:hover { color: white; text-decoration: underline; }

/* ------- FOOTER */
#footer, #footer a { color: #E9EEE3; }
#footer { background: #38332c; position: absolute; left: 3px; bottom: 1px; width: 842px; padding: 5px; font-size: .55em; }
#footer p.copy { border-top: 1px solid #C9CDC0; padding: 5px; }

/* carousel */
/*
.carouselbox { position: relative;  padding: 18px 0; }
.carousel { height: 105px; width: 564px; overflow: hidden; margin: 0 auto; position: relative; background: #F4F2E5; border: 2px solid #F4F2E5; }
.carousel-control { display: block; position: absolute; top: 65px; width: 0px; height: 16px; background: url(../images/arrow-prev.png) no-repeat left top; }

.carouselbox a.prev { left: 1px; }
.carouselbox a.prev:hover { background-position: right top; }

.carouselbox a.next { background: url(../images/arrow-next.png) no-repeat right top; right: 1px; }
.carouselbox a.next:hover { background-position: left top; }

.carouselscroll { width: 2000px; }

#content .carproduct { font-size: .65em; width: 141px; float: left; margin-top: 1px; }
#content .carprcont { margin: 1px; padding: 7px; background: #F4F2E5; height: 87px; text-align: center; }
#content .carprcont h3 { margin-bottom: 3px; padding: 5px; height: 2.2em; background: url(../images/carousel-pr-top.gif) no-repeat left top; font-size: 1.05em; }
#content .carprcont a { text-decoration: none; color: #6C0101; }
#content .carprcont a:hover { text-decoration: underline; color: black; }
*/
#left .carouselbox { position: relative;  padding: 18px 0; }
#left .carousel { height: 145px; width: 188px; overflow: hidden; margin: 0 auto; position: relative; }

#left .carousel-control { display: block; position: absolute; top: 65px; width: 0px; height: 16px; background: url(../images/arrow-prev.png) no-repeat left top; }

#left .carouselbox a.prev { left: 1px; }
#left .carouselbox a.prev:hover { background-position: right top; }

#left .carouselbox a.next { background: url(../images/arrow-next.png) no-repeat right top; right: 1px; }
#left .carouselbox a.next:hover { background-position: left top; }

#left .carouselscroll { height: 2000px; }
#left .carproduct { font-size: 0.9em; width: 188px; height: 125px;  }

/* ------- 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; }

/* ----- MAP */
#content #listloc { list-style: none; margin-left: 10px; float: left; border-right: 1px solid #C9CDC0; padding-right: 5px; width: 150px; }
#map { float: right; width: 420px; height: 420px; border: 3px solid #676B5C; border-radius: 3px 3px 3px 3px; box-shadow: 4px 8px 10px #555555; }
#content #map h3 { font-size: .98em; margin: 3px 0; }
#content #map p { font-size: .75em; margin: 3px; }