/**
 * GLOBAL STYLES
 */

html, body {
  font: normal 12px/140% "Arial";
  background: #000 url(../images/g_background.png) repeat-x;
  letter-spacing: 1px;
/*
  color: #fff;
*/
}

body {
  width: 100%;
}

#Container {
  position: relative;
  margin: 0 auto;
  width: 1032px;
}

#ContentContainer {
  margin: 0 0 25px 50px;
}

a {
  color: #39c;
  text-decoration: none;
}

a.white {
  color: #fff;
}

a:hover {
  text-decoration: underline;
}


/**
 * HEADER STYLES
 */

#Header {
  position: relative;
  height: 96px;
}

#Header img {
  margin: 15px 0 0 50px;
}

#Menu {
  position: absolute;
  bottom: 0;
  left: 354px;
}

#Menu li {
  width: 88px;
  height: 27px;
  float: left;
  margin: 0 2px 0 0;
  background: url(../images/m_background.png) no-repeat;
}

#Menu a {
  width: 88px;
  height: 27px;
  display: block;
  background-image: url(../images/m_background.png);
  background-position: -88px 0;
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 200%;
}

#Menu a:hover,
#Menu a.current,
#Menu a.section {
  background-position: 0 0;
}

#HotLinks {
  position: absolute;
  top: 5px;
  right: 50px;
}

#HotLinks li {
  float: left;
}

#HotLinks a {
  font-size: 11px;
  color: #fff;
  text-decoration: none;
  border: solid #fff;
  border-width: 0 0 0 1px;
  padding: 0 5px;
}

#HotLinks a.first {
  border-width: 0;
}

#HotLinks a:hover,
#HotLinks a.current {
  text-decoration: underline;
}


/**
 * INTRO STYLES
 */

#Intro {
  position: relative;
  height: 258px;
  margin: 11px 0 0 0;
}
 
#PhotoContainer {
  position: relative;
/*
  background: url(../images/g_photo-background.png) no-repeat;
*/
  width: 623px;
  height: 258px;
  margin: 0 0 0 50px;
  overflow: hidden;
} 

#Photos img {
  border: 3px solid #fff;
/*
  padding: 3px;
*/
}

#Newsletter {
  position: absolute;
  left: 710px;
  top: 96px;
}

#Facebook {
  position: absolute;
  left: 711px;
  top: 234px;
}

#Reserveren {
  position: absolute;
  left: 869px;
  top: -70px;
}


/**
 * SECTIONS STYLES
 */
 
#MainHome {
  margin: 25px 0 0 35px;
}

#MainHome .container {
  width: 185px;
  height: 140px;
  background-image: url(../images/g_section-background.png);
  background-position: bottom left;
  float: left;
  margin: 0 2px 0 0;
  display: block;
}

#MainHome .container h2 {
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  margin: 0 0 20px 15px;
}
 
#MainHome .link {
  margin: 7px 15px;
} 

#MainHome .link a {
  color: #fff;
  text-decoration: none;
}

#MainHome .link a span, 
#MainHome .link a:hover {
  color: #39c;
}

#MainHome ul {
  margin-left: 15px;
}

#MainHome li {
  list-style: disc outside;
  color: #39c;
}

 
/**
 * NEWS CONTAINER STYLES  
 */
 
#NewsContainer {
  height: 56px;
  color: #fff;
  overflow: hidden;
} 

#SocialContainer {
  margin: 4px 0 0 30px;
  float: left;
  width: 183px;
  height: 39px;
  overflow: hidden;
}

#NewsContainer p {
  margin: 0 0 0 225px;
  font-size: 13px;
  line-height: 440%
}


/** 
 * BREADCRUMB, EXPAND ALL STYLES
 */
 
#ExpandAll,
.doubleArrow,
#BreadcrumContainer {
  margin: 15px 0 0 62px;
  font-size: 11px;
  letter-spacing: 1px;
  color: #ccc;
  height: 18px;
}

#BreadcrumContainer a {
  color: #ccc;
}

#ExpandAll {
  display:block;
  margin: 25px 0 0 12px;
  cursor: pointer;
  background: url(../images/g_arrows.gif) 97px 4px no-repeat;
}

.doubleArrow {
  display:block;
  margin: 25px 0 0 0;
  cursor: pointer;
}



/** 
 * MAIN STYLES
 */
 
#Main {
  width: 624px;
  float: left;
}

#Main table {
  margin: 0 12px;
  border: none;
}

#Main td {
  border: 1px solid #333;
}

.toggle .mainHeader {
  background-image: url(../images/g_main-header-background.png);  
  background-position: 0 0;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 250%;
  color: #676767;
  display: block;
  padding: 0 0 0 12px;
  margin: 15px 0 0 0; 
  cursor: pointer;
}

.toggle .mainHeader:hover,
.expanded .mainHeader {
  background-position: -624px 0;
  text-decoration: none;  
  color: #ddd;
}

.expanded .mainHeader:hover {
  background-position: 0 0;
  text-decoration: none;  
  color: #676767;
}

#Main .section {
  padding: 15px 0 7px 0;
}

#Main ul {
  margin: 0 0 12px 12px;
}

#Main li {
  background: url(../images/g_bullet.png) no-repeat 0 7px; 
  padding:0 0 0px 12px;  
  letter-spacing: 1px;
  line-height: 170%;
  color: #ddd;
}

#Main h1 {
  color: #39c;
  margin: 0 0 10px 12px;
  font-size: 13px;
}

#Main h2 {
  color: #999;
  margin: 20px 0 -3px 12px;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0px;
}

#Main h1 span {
  color: #ddd;
}

#Main p,
#Main form {
  margin: 5px 12px 10px 12px;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 170%;
  color: #ddd;
}

#Main p.comment {
  border: solid #252525;
  border-width: 0 0 1px 0;
  padding: 0 0 15px 0;
}

#Main h1.comment {
  border: solid #252525;
  border-width: 1px 0 0 0;
  padding: 12px 0 0 0;
  margin: 26px 12px 10px 12px;
  font-size: 15px;
  color: #39c;
}

#Main a.comment  {
  color: #ddd;
  border: dotted 1px;
  border-width: 0 0 1px 0;
}

#Main a.comment :hover {
  color: #39c;
}

#Main h1 span {
  color: #39c;
}

#Main h1.comment.first {
  margin-top: 5px;
  border: none;
}

#Main p.blogVitals {
  border: solid #252525;
  border-width: 1px 0 0 0;
  margin: 12px 12px 20px 12px;
  padding-top: 5px;
  font-size: 11px;
  color: #ddd;
}

#Main p.blogVitals a {
  color: #ddd;
}

#Main .contentImage {
  float: left; 
  margin: 0 15px 7px 12px;
}

p.collapse {
  height: 182px;
  overflow: hidden;
}

p.expand {
  overflow: visible;
  height: auto;
}

p.moreFlickrPhotos {
  padding-left: 0px;
  cursor: pointer;
}

p.flickrPhotos img {
  margin-right: 4px;
}

p.youTubeContainer {
  height: 263px;
  overflow: hidden;
  margin: 20px 0 20px 10px;
}

.eventDetailLabel {
  display: block; 
  float: left;
  width: 90px;
  color: #39c;
}

.eventDetailSeperator {
  color: #39c;
}


/** 
 * RIGHT STYLES
 */
 
#Right {
  float: left;
  width: 290px;
  margin: 0 0 0 18px;
}

#Right h1 {
  background-image: url(../images/g_right-header-background.png);  
  font-size: 14px;
  text-transform: uppercase;
  line-height: 250%;
  color: #ddd;
  display: block;
  padding: 0 0 0 12px;
  margin: 15px 0 10px 0; 
/*
  cursor: pointer;
*/
}

#Right strong {
  margin: 7px 0 0 0;
  color: #39c;
}

#Right div {
  padding: 0 0 20px 0;
  background: url(../images/g_right-background.png) bottom left no-repeat;
}

#Right p {
  margin: 7px 12px 0px 12px;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 170%;
  color: #f9f9f9;
}

#Right a.odd {
  color: #39c;
}

#Right a.even {
  color: #fff;
}

#Right span {
  color: #39c;
}


/**
 * FOOTER STYLES
 */

#Footer {
  height: 90px;
  background: url(../images/f_background.png) 50px 0 no-repeat;
}
#Footer ul {
  margin: 0 0 0 50px;
  height: 30px;
}

#Footer li {
  float: left;
  font-size: 11px;
  letter-spacing: 0;
  border: solid #fff;
  border-width: 0 0 0 1px;
  padding: 0 13px;
  margin: 10px 0 0 0;
  color: #ddd;
}

#Footer li.first {
  border-width: 0;
}


/**
 * COMMENT STYLES
 */

#CommentHolder {
  margin-top: 25px;
}

#CommentHolder p {
  font-size: 11px;
}


/**
 * GREENFAN STYLES
 */

#GreenFanLink,
#GreenFanViewPort {
  display: block;
  width: 25px;
  height: 28px;
  background-image: url(../images/f_greenfan-drwoe.png);
  background-position: 0 0;
  float: left;
  margin: 13px 0 0 63px;
}

#GreenFanLink:hover,
#GreenFanViewPort {
  background-position: -50px 0;
}

#GreenFanViewPort {
  margin: 2px 0 0 12px;
}

#DrWoeLink,
#DrWoeViewPort {
  display: block;
  width: 25px;
  height: 28px;
  background-image: url(../images/f_greenfan-drwoe.png);
  background-position: -25px 0;
  float: left;
  margin: 13px 0 0 4px;
}

#DrWoeLink:hover,
#DrWoeViewPort {
  background-position: -75px 0;
}

#DrWoeViewPort {
  margin-top: 2px;
}