* { margin: 0; padding: 0; }

body {
  background: #202326 url('/images/bg.gif');
  font-family: Georgia, "Times New Roman", sans-serif;
  font-size: 11px;
  color: #262626;
}

a { text-decoration: none; color: #000; }
img { border: none; }

#footer { margin-top: 12px; color: #ccc; }
#footer .left, #footer .right { width: 488px; float: left; }
#footer .right { margin-right: 12px; text-align: right; }
#footer .left { margin-left: 12px; }
#footer a { color: #ccc; }

h3, #team h4, #events h3 { font-size: 15px !important; text-transform: uppercase; }
h1, #team h3 {
  font-size: 19px; background-color: #262626; padding: 2px 5px;
  line-height: 30px; color: #fff; text-transform: uppercase;
  display: inline;
}
p { margin-bottom: 15px; }

.clear { clear: both; }
.text { font-size: 13px; line-height: 19px; }
.hr { display: none; }
.sidebar-box { margin-bottom: 12px; }

#thumbs img, .sidebar-box img, #featured-startpage-ad img { display: block; }

#wrapper { width: 1000px; margin: 34px auto 0 auto; }

#main-navigation { position: relative; }
#main-navigation ul { list-style: none; }
#main-navigation li { float: left; width: 114px; background-color: #fff; margin-right: 3px; }
#main-navigation a {
  display: block; text-align: center; line-height: 28px; height: 28px;
  font-family: Arial, sans-serif; text-transform: uppercase;
}
#main-navigation li.active a { color: #e80056; }
#main-navigation #logo { width: 168px; }
#main-navigation #logo a {
  padding-left: 26px; 
  background: #e80056 url('/images/logo.gif') 5px 5px no-repeat;
}
#main-navigation #opening-hours { width: 244px; background: #535353; margin-right: 0; }
#main-navigation #logo a, #main-navigation #opening-hours a { color: #fff; }

#content-wrapper { background-color: #fff; }
#ie8-spacing-hack { height: 3px; }
#content { width: 976px; padding: 12px; }

.post-preview-box, #team .member { width: 222px; height: 219px; float: left; margin: 0 12px 12px 0; }
#team .member { height: 180px ; }
.post-preview-box .post-preview-overlay, #team .member-heading { height: 73px; background-color: #1a1a1a; padding: 12px; }
.post-preview-box a, #team .member a { color: #fff; }
.post-preview-box .post-preview-date { color: #808080; margin-bottom: 25px; }
#team .member-heading { height: 34px; }

#blog #col1 { width: 457px; float: left; margin-right: 12px; }
#blog #col2 { width: 220px; float: left; margin-right: 12px; }
#blog #col3, #team-detail #col3 { width: 275px; float: left; }
#blog #featured-image { margin-bottom: 12px; }
#blog .date { color: #888; margin-bottom: 14px; }
#blog .text { margin-top: 24px; }
#thumbs { background-color: #c1c1c1; padding: 4px 0 0 4px; }
#thumbs .thumb { float: left; width: 40px; margin: 0 3px 3px 0; }
#blog #col2 h4, #team #col2 h4 { background-color: #141414; padding: 17px; color: #fff; font-size: 15px; text-transform: uppercase; }
#comment-form { background-color: #c1c1c1; padding: 10px; }
#comment-form label { color: #000; margin-bottom: 2px; display: block; }
.submit { border: none; color: #fff; background-color: #e80056; padding: 5px; }
#comment_name, #comment_comment, #captcha_answer {
  padding: 4px; width: 192px; background-color: #878787; border: none;
  color: #e0e0e0; font-family: Georgia, "Times New Roman", sans-serif; font-size: 13px;
  margin-bottom: 10px;
}
.comments { background-color: #efefef; padding: 17px; }
.comment { color: #787878; margin-bottom: 28px; line-height: 16px; }
.comment h5 { color: #262626; font-size: 11px; font-weight: bold; margin-bottom: 4px; }

#startpage #col1, #team #col1, #shop #col1, #blog-index #col1, #link #col1, #event #col1, #contact #col1, #newsletter #col1 { width: 702px; float: left; }
#startpage #col2, #team #col2, #shop #col2, #blog-index #col2, #link #col2, #event #col2, #contact #col2, #newsletter #col2 { width: 274px; float: left; }
#blog-index #col1, #blog-index #col2 { margin: 0; }
#team-detail #col1 { width: 457px; float: left; margin-right: 12px; }
#team-detail #col2 { width: 220px; float: left; margin-right: 12px; }

#team .member-container, #team .text { margin-top: 20px; }
#team #featured-image { margin-bottom: 15px; }

#col2 #infobox, #events { background-color: #141414; padding: 12px; color: #a9a9a9; }
#col2 #infobox h4 { padding: 0 0 7px 0; background-color: transparent; }
#events h3 { color: #fff; padding: 0; background-color: transparent; display: block; margin: 0 0 4px 0; line-height: normal; }
#events .event { color: #fff; margin-bottom: 5px; }
#events .event h5 { font-size: 11px; font-weight: normal; }
#events a { color: #e80056; }

.hover { cursor: pointer; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	filter: alpha(opacity=90); opacity: 0.9; }

#opening-hours-popup {
  display: none; position: absolute; left: 756px; top: 28px; width: 224px; 
  background-color: #141414; padding: 20px 0 20px 20px; color: #fff;
  font-size: 10px;
}
#opening-hours-popup p { margin: 10px 0 0 0; }
#opening-hours-popup table { border-spacing: 0; margin-top: 10px; }
#opening-hours-popup .day { width: 67px; }
#opening-hours-popup .morning { width: 67px; }
#event #events-container a, .magenta, .employee-text a { color: #e80056; }
.employee-text a { margin-top: 8px; display: block; }
.date, .date-sidebar { color: #808080; }

#events-container { margin-top: 12px; }
.event-on-index { margin: 0 15px 15px 0; float: left; width: 200px; }
#event h5 { font-weight: normal; font-size: 12px; }

#contact .text { margin-top: 10px; }
#contact .image, #newsletter-address .image { margin-bottom: 10px; }

.text ul {
  margin: 1em 0;
  padding-left: 15px; 
  margin-bottom: 8px;
}

#shop .text { margin-top: 10px; }
#shop-col1 { float: left; width: 456px; margin-right: 12px; }
#shop-col2 { float: left; width: 222px; }

.employee { margin-bottom: 12px; }
.employee-headline { background-color: #141414; padding: 12px; width: 198px; }
.employee-text { background-color: #141414; padding: 0 12px 12px 12px; width: 198px; color: #ccc; }
.employee-headline a { color: #fff; }
.employee.closed .employee-text, .employee.closed .employee-image-big { display: none; }

.img-left { float: left; margin: 0 12px 5px 0; }
.img-right { float: right; margin: 0 0 5px 12px; }

#_d #_h { color: #fff !important; }
#ie8-footer-spacing-hack { height: 20px; }

.error { color: red; margin-bottom: 12px; }

#footer ul { list-style: none; }
#footer li { float: left; margin-right: 12px; }

.errorExplanation {
  background-color: #FEF1EC;
  border: 1px solid #CD0A0A;
  color: #CD0A0A;
  padding: 20px;
  width: 500px;
  margin-top: 20px;
}

.errorExplanation h2 {
  margin-bottom: 4px;
  font-size: 14px;
}

.errorExplanation ul {
  list-style: none;
  margin-top: 10px;
}

.form-field { margin-top: 10px; }
.form-field label { display: block; margin-bottom: 3px; }
.textfield { border: 1px solid #ccc; padding: 3px; font-family: Georgia, "Times New Roman", sans-serif; font-size: 12px; width: 200px; }
.notice { color: green; padding-top: 10px; }
