/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/**
 * CLEARFIX STYLES
 */
 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}


/**
 * COMMON STYLES
 */

body {
  background: #454545 url(../images/body_background_1076x253.png) repeat-x;
  font: normal 14px/17px Corbel, Arial;
  color: #333; 
}

/*
body.tafelvanleidenpage {
  background: #454545 url(../images/body_background_1701x253.png) 493px 0 repeat-x;
}
*/

a {
  color: #549500;
  text-decoration: none;
}

a:hover {
  color: #3f3f3f;
  text-decoration: underline;
}

p {
  margin-bottom: 7px;
}


/**
 * CONTAINER STYLES
 */

#Container {
  position: relative;
  margin: 0 auto;
  width: 980px;
  padding-top: 196px;
}

#ContentContainer {
  background: url(../images/content_background_980x628.png);
}

#LogoContainer {
  position: absolute;
  top: 0;
  left: 0;
}

#FormContainer {
  position: absolute;
  top: 10px;
  right: 0;
  width: 320px;
  height: 121px;
  background: url(../images/word_vrienden_320x121.png) no-repeat;
}

#FormContainer #Form_Form {
  margin: 2px 0 0 122px;
}

#EditableEmailField3 .validation {
  position: absolute;
  left: -230px;
  top: 1px;
  font-weight: bold;
  color: #000;
}

#FormContainer label {
  display: none;
}

#FormContainer .message {
  display: block;
  color: #333;
  margin-top: 3px;
}

#FormContainer input.text {
  width: 150px;
  border: none;
  background: none;
}

#FormContainer fieldset {
  float: left;
}

#FormContainer .Actions input {
  position: absolute;
  right: 2px;
  width: 46px;
  height: 18px;
  background: none;
  border: none;
  color: #fff;
}

#SocialContainer {
  position: absolute;
  top: 377px;
  right: 0;
  width: 49px;
  background: url(../images/socialback.png) no-repeat;
  padding: 5px 0 0 0;
  height: 132px;
}

#SocialContainer img {
  float: left;
  margin-left: 6px;
}


/**
 * MENU STYLES
 */

#MainMenu {
  height: 75px;
  background: url(../images/menu_background_3x27.png) bottom left repeat-x;
}

#MainMenu li {
  float: left;
}

#MainMenu a {
  display: block;
  background-image: url(../images/menu_item_background_980x150.png);
  height: 75px;
  width: 248px;
  text-align: center;
  text-decoration: none;
}

#MainMenu a.last {
  width: 236px;
}

#MainMenuItem1 a {
  color: #cbcbcb;
}

#MainMenuItem2 a {
  background-position: -248px 0;
  color: #3b3b3b;
}

#MainMenuItem3 a {
  background-position: -496px 0;
  color: #323232;
}

#MainMenuItem4 a {
  background-position: -744px 0;
  color: #2b2b2b;
}

#MainMenuItem1 a:hover,
#MainMenuItem1 a.current,
#MainMenuItem1 a.section {
  background-position: 0 -75px;
}

#MainMenuItem2 a:hover,
#MainMenuItem2 a.current,
#MainMenuItem2 a.section {
  background-position: -248px -75px;
}

#MainMenuItem3 a:hover,
#MainMenuItem3 a.current,
#MainMenuItem3 a.section {
  background-position: -496px -75px;
}

#MainMenuItem4 a:hover,
#MainMenuItem4 a.current,
#MainMenuItem4 a.section {
  background-position: -744px -75px;
}

#MainMenu span {
  display: block;
  margin-right: 12px;
  font: normal 20px/50px Corbel, Arial;
}

#MainMenu .last span {
  margin: 0;
}

#SubMenu {
  background: url(../images/menu_sub_background_980x37.png) no-repeat;
  height: 37px;
  width: 100%;
}
#SubMenu li {
  margin: 0 0 0 20px;
  float: left;
}

#SubMenu a {
  color: #3f3f3f;
  font: normal 16px/37px Corbel, Arial;
  text-decoration: none;
}

#SubMenu a:hover,
#SubMenu a.current {
  color: #549500;
}


/**
 * CONTENT STYLES
 */

#Left,
#Center,
#Right {
  float: left;
  margin: 21px 0 18px 18px;
}

#Left {
  width: 456px;
}

#Center {
  width: 264px;
}

#Right {
  width: 182px;
}

#Left span.title,
#Center span.title,
#Right span.title {
  display: block;
  font-size: 24px;
  line-height: 46px;
  background: url(../images/content_header_456x46.png);
  padding-left: 10px;
  color: #555;
}

#Center span.title {
  background: url(../images/content_header_264x46.png) top right;
}

#Right span.title {
  background: url(../images/content_header_182x46.png) top right;
}

.block {
  border: 1px solid #ccc;
  border-width: 0 1px 1px 1px;
  margin-bottom: 18px;
  background: url(../images/content_background_1x1.png);
  padding: 12px 10px;
}

.block h1 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
  background: none;
}

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

#Right .block img {
  margin-bottom: 7px;
}

span.hr { /* Horizontal line in widget */
  display: block;
  height: 1px;
  border: solid #999;
  border-width: 1px 0 0 0;
  margin: 10px 0 9px 0;
}


/**
 * FOOTER STYLES
 */

#Footer {
  height: 27px;
  background: url(../images/footer_980x27.png);
}

#Footer img {
  margin: 2px 0 0 10px;
}


/**
 * CONTACT FORM STYLES
 */

input.text,
textarea {
  width: 240px;
}

fieldset {
  margin-bottom: 15px;
}

#Form_Form_error {
  color: red;
  margin-bottom: 15px;
}


/**
 * TWITTER STYLES
 */

#Tweet li {
  float: none;
  margin-top: 10px;
  padding-top: 12px;
  border: solid #999;
  border-width: 1px 0 0 0;
}

#Tweet li.tweet_first {
  margin: 0;
  padding: 0;
  border: none;
}

#Tweet span {
  background-image: none;
  font: normal 14px/17px Corbel, Arial;
}

#Tweet span,
#Tweet a {
  display: inline;
  line-height: 17px;
  margin: 0;
  padding: 0;
}
