/* Stylesheet voor Werktijdknallen.nl. (c) Werktijd b.v. Alle rechten voorbehouden. */


/* Stijlen: Algemeen */

html, body, form {
  height: 100%;
}

#site {
  height: auto;
  _height: 100%;
  min-height: 100%;
}

body {
  padding: 0px;
  margin: 0px;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
  color: #231f20;
}

a img {
  border: 0px;
}

form {
  margin: 0px;
  padding: 0px;
}

.clearfix {
  clear: both;
  line-height: 0px;
  overflow: hidden;
  font-size: 0px;
}

#site {
  width: 820px;
  margin: 0px auto;
  position: relative;
  background: url(/interface/images/site_bg.gif) repeat-y 317px 0px;
}


/* Stijlen: Top */

#top {
  width: 820px;
  height: 140px;
}

#top .logo_werktijd {
  position: absolute;
  left: 16px;
  top: 30px;
}

#top .logo_knallen {
  position: absolute;
  right: 107px;
  top: 0px;
}


/* Stijlen: Sidebar */

#sidebar {
  float: left;
  width: 240px;
  margin-left: 55px;
  _display: inline;
}

#sidebar h2 {
  color: #ed6d21;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: normal;
  font-family: Georgia, Times New Roman, Serif;
  padding: 0px;
  margin: 0px 0px 8px 0px;
}

#sidebar p {
  padding: 0px;
  margin: 0px 0px 30px 0px;
  line-height: 17px;
}

#sidebar .bloklink {
  display: block;
  padding: 2px 0px 2px 22px;
  background: url(/interface/images/link_bg.gif) no-repeat left top;
  color: #da5607;
}


/* Stijlen: Main - Navigatie */

#main {
  float: left;
  width: 477px;
  margin-left: 22px;
  display: inline;
}

#nav {
  float: left;
  display: inline;
  margin: 12px 0px 0px 27px;
  padding: 0px;
  font-family: Georgia, Times New Roman, Serif;
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
}

#nav li {
  float: left;
  list-style: none;
}

#nav li a {
  display: block;
  padding: 0px 8px 0px 7px;
  color: #ffffff;
  text-decoration: none;
}

#nav li a:hover {
  text-decoration: underline;
}

#nav li a.active {
  color: #a23d00;
}


/* Stijlen: Main - Content */

#main #content {
  float: left;
  display: inline;
  margin: 22px 0px 0px 28px;
  width: 421px;
  color: #ffffff;
  line-height: 16px;
}

#content h1 {
  padding: 0px;
  margin: 0px 0px 15px 0px;
  font-size: 22px;
  color: #ffffff;
  font-family: Georgia, Times New Roman, Serif;
  text-transform: uppercase;
  font-weight: normal;
  line-height: normal;
}

#content p {
  padding: 0px;
  margin: 0px 0px 20px 0px;
}

#content a {
  color: #ffffff;
}

#main #flashgame {
  width: 421px;
  height: 405px;
  background: url(/interface/images/flashgame_bg.gif) no-repeat;
}

#main #flashgame #swfdiv {
  width: 400px;
  height: 380px;
  margin: 10px 0px 0px 10px;
}


/* Stijlen: Main - Lijsten */

#main .lijst {
  width: 421px;
}

#main .lijst td, #main .lijst th {
  padding: 4px 0px 5px 0px;
  color: #ffffff;
  font-size: 11px;
  overflow: hidden;
  vertical-align: middle;
}

#main .lijst th {
  font-weight: bold;
  text-align: left;
}

#main .lijst .alternate td {
  background: #fc8a47;
}

#main .lijst .nummer {
  width: 20px;
  padding-left: 10px;
  padding-right: 25px;
  text-align: center;
}

#main .lijst .naam {
  width: 291px;
}

#main .lijst .score {
  width: 65px;
  padding-right: 10px;
}

#main .lijst .datum {
  width: 45px;
  padding-left: 10px;
  padding-right: 25px;
  text-align: center;
}

#main .lijst .naam2, #main .lijst .naam2 {
  width: 266px;
}

#main .lijst .naam2_weekwinnaar {
  font-weight: bold; 
}

/* Stijlen: Main - popup. */

#popup
{
  height:225px;
  width:264px;
  display:none;
  background-image: url("/interface/images/opnieuw_spelen2.png");
  background-repeat:no-repeat;
  /* IE6 */
  _background-image: url("/interface/images/opnieuw_spelen2.gif");
  position:absolute;
  z-index:10;
  top:230px;
  left:330px;
}

#transbox
{
  width: 1000px;
  height: 100%;
  display:none;
  z-index:9;
  position:absolute;
  background-color: #ffffff;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}


#popup .verder
{
  left:165px;
  top:195px;
  position:absolute;
  display:block;
  width:87px;
  height:23px;
  z-index:11;
  background-image: url(/interface/images/btn_gaverder.gif);
  background-position:center 23px;
}

#popup .terug
{
  left:15px;
  top:195px;
  position:absolute;
  display:block;
  width:87px;
  height:23px;
  z-index:11;
  background-image: url(/interface/images/btn_gaterug.gif);
  background-position:center 23px;
}

#popup .terug:hover, #popup .verder:hover
{
  background-position:center 0px;
}


/* Stijlen: Main - formulieren */

.form {
  float: left;
}

.form .form_left, .form .form_right {
  float: left;
  width: 189px;
}

.form .form_left {
  margin-right: 35px;
}

.form label {
  display: block;
  font-weight: bold;
}

.form input {
  width: 181px;
  padding: 4px;
  margin-bottom: 20px;
  font-size: 11px;
  color: #231f20;
  border: 0px none;
  font-family: Verdana, Arial, Sans-Serif;
}

.form textarea {
  width: 413px;
  padding: 4px;
  font-size: 11px;
  color: #231f20;
  font-family: Verdana, Arial, Sans-Serif;
  border: 0px none;
  margin-bottom: 15px;
}

.linkbutton {
  float: right;
}


/* Stijlen: Footer */

#footer {
  float: left;
  color: #f9b790;
  margin: 55px 0px 10px 60px;
  width: 355px;
  display: inline;
  line-height: 15px;
}

#footer p {
  margin: 0px;
  padding: 0px;
}

#footer .footerlinks {
  margin: 10px 0px 0px 0px;
}

#footer a {
  font-weight: bold;
  color: #fcdbc7;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}