/* ----- Stijlen: Algemeen ----- */

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

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

body {
  background: #ffffff url(/interface/images/container_bg.gif) repeat-x left top;
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 11px;
  color: #47483F;
  margin: 0px;
  padding: 0px;
}

a img {
  border: none;
}

#container {
  width: 100%;
  background: url(/interface/images/body_bg.gif) repeat-y center top;
	min-height: 100%;
	margin-bottom: -208px;
	position: relative;
	z-index: 1;
}

* html #container {
  height: 100%;
}

#site {
  width: 981px;
  margin: 0px auto;
  position: relative;
}

#site_inner {
  width: 100%;
  padding-bottom: 208px;
  float: left;
  background: url(/interface/images/site_inner_bg.gif) no-repeat left top;
}

#site .home {
  background: url(/interface/images/site_inner_bg_home.gif) no-repeat left top;
}

.image_right
{
  float:right;
  width:180px;
  margin-right:5px;
  margin-left:5px;
  margin-top:15px;
  padding-bottom:5px;
}
.image_right img
{
  margin-bottom:5px;
}
.image_bottom
{
  position:relative;
  margin-top:15px;
  margin-bottom:5px;
  margin-right:5px;
}


/* ----- Stijlen: Navigatie ----- */

#nav {
  float: left;
  display: inline;
  height: 25px;
  margin-left: 17px;
}

* html #nav { /* IE6 hover fix */
  behavior: url(/scriptlibrary/csshover.htc);
}

#nav ul {
  float: left;
  margin: 0px;
  padding: 0px;
}

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

#nav ul li a {
  display: block;
  height: 25px;
  background-position: left top;
  background-repeat: no-repeat;
}

#nav ul li:hover a {
  background-position: left bottom;
}

#nav ul li ul {
  float: none;
  position: absolute;
  left: -9001px;
  top: 25px;
  width: 160px;
  margin: 0px;
  padding: 12px 0px;
  background: #ffffff;
  opacity: 0.9;
  filter: alpha(opacity=90);
  min-height: 226px;
}

* html #nav ul li ul {
  height: 226px;
}

#nav ul li:hover ul {
  left: 0px;
}

#nav ul li ul li {
  float: left;
  clear: both;
  margin: 0px;
  padding: 0px;
}

#nav ul li ul li a {
  width: 138px;
  height: auto;
  color: #6a6b61;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 11px;
  background: #ffffff;
}

#nav ul li ul li:hover a {
  color: #fa2216;
}


/* ----- Stijlen: Main ----- */

#main {
  float: left;
  width: 634px;
}

.topfoto {
  float: left;
  display: inline;
  width: 630px;
  height: 250px;
  margin-left: 5px;
  background-position: left top;
  background-repeat: no-repeat;
}

/* ----- Validation summary default override ----- */
ul li
{
  color:#47483F;
}


/* ----- Stijlen: Content ----- */

#content {
  float: left;
  width: 570px;
  padding: 0px 0px 20px 32px;
  line-height: 17px;
  height: 100%;
  min-height:330px;
}

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

#content a {
  color: #ef3f35;
  text-decoration: none;
}

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

#content ul {
  padding: 0px;
  margin: 0px 0px 20px 0px;
  list-style: none;
}

#content li {
  padding: 0px 0px 0px 20px;
  margin: 0px 0px 10px 0px;
  background: url(/interface/images/bullet.gif) no-repeat left 4px;
}

#content .titel {
  margin-bottom: 14px;
  display: block;
}

#content .subtitel {
  font-size: 16px;
  color: #fa2216;
  margin-bottom: 14px;
}

#content .subtitel_sponsors {
  font-size: 16px;
  color: #fa2216;
  padding: 15px 0px 14px 0px;
  clear: both;
}

#content .image_rechts {
  float: right;
  margin: 0px 0px 10px 10px;
}

#content .image_onder {
  float: left;
  margin: 0px 10px 10px 0px;
}

#content .image_onder_last {
  float: left;
  margin: 0px 0px 10px 0px;
}

.textarea {
  width: 400px;
  height: 100px;
  font-family: verdana, Sans-Serif;
  font-size: 11px;
  padding: 3px;
}

.wedstrijdSelect
{
  width:430px;
}

.submitbutton {
  float: right;
  margin-top: 10px;
}


/* ----- Stijlen: Content Home ----- */

#content #welkom { /* Blok welkom */
  float: left;
  width: 255px;
  padding-right: 33px;
}

#content #nieuws {
  float: left;
  width: 250px;
  padding-left: 28px;
}

#content #nieuws .item { /* Blok nieuws */
  display: block;
  width: 250px;
  margin-bottom: 26px;
  text-decoration: none;
}

#content #nieuws .item span {
  display: block;
  color: #312f30;
}

#content #nieuws .item .titel_klein {
  display: block;
  font-weight: bold;
  color: #ef3f35;
}

#content #nieuws .item:hover .titel_klein {
  text-decoration: underline;
}

#content #nieuws .item .btn {
  margin-top: 5px;
}

#content #nieuws .link {
  display: block;
  width: 97px;
  height: 13px;
  background: url(/interface/images/btn_nieuwsarchief.gif) no-repeat left top;
}

/* ----- Stijlen: nieuwsoverzicht kort ----- */
#content #nieuws a.link_kort
{
  width:500px;
  float:left;
  color:#312F30;
  margin-bottom:6px;
}

#content #nieuws a.link_kort:hover
{
  text-decoration:none;
}

#content #nieuws a.link_kort .datum
{
  float:left;
  width:60px;
  font-weight:bold;
  color:#FA2216;
  cursor:pointer;
}

#content #nieuws a.link_kort .titel_klein
{
  float:left;
  width:440px;
  color:#312F30;
  cursor:pointer;
}

#content #nieuws a.link_kort:hover .titel_klein
{
  text-decoration:underline;
}

/* ----- Stijlen: krantenoverzicht ----- */
#content #kranten a
{
  width:500px;
  float:left;
  color:#312F30;
  margin-bottom:6px;
}

#content #kranten a:hover
{
  text-decoration:none;
}

#content #kranten .datum
{
  float:left;
  width:60px;
  font-weight:bold;
  color:#FA2216;
  cursor:pointer;
}

#content #kranten .titel_klein
{
  float:left;
  width:440px;
  color:#312F30;
  cursor:pointer;
}

#content #kranten a:hover .titel_klein
{
  text-decoration:underline;
}

/* ----- Stijlen: Sidebar ----- */

#sidebar {
  float: left;
  width: 346px;
}

#aanmelden_inloggen { /* Blok aanmelden / inloggen */
  float: left;
  width: 346px;
  height: 25px;
}

#aanmelden_inloggen a {
  display: block;
  height: 25px;
}

#aanmelden_inloggen .inloggen {
  float: left;
  width: 107px;
  background: url(/interface/images/btn_inloggen.gif) no-repeat left top;
}

#aanmelden_inloggen .aanmelden {
  float: left;
  width: 234px;
  background: url(/interface/images/btn_aanmelden.gif) no-repeat left top;
}

#aanmelden_inloggen .mijn_account {
  float: left;
  width: 133px;
  background: url(/interface/images/btn_mijn_account.gif) no-repeat left top;
}

#aanmelden_inloggen .uitloggen {
  float: left;
  width: 115px;
  margin-left:95px;
  background: url(/interface/images/btn_uitloggen.gif) no-repeat left top;
}

#logo { /* Blok logo */
  float: left;
  position: relative;
  display: inline;
  margin: 10px 0px 11px -9px;
}

#wedstrijden { /* Blok wedstrijden */
  float: left;
  width: 300px;
  margin: 23px 0px 0px 2px;
  padding: 0px 20px 26px 18px;
  background: url(/interface/images/lijn.gif) repeat-x left bottom;
}

#wedstrijden .titel {
  margin-bottom: 12px;
}

#wedstrijden td {
  padding-bottom: 6px;
}

#wedstrijden a {
  text-decoration: none;
  color: #312f30;
}

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

#wedstrijden .datum {
  width: 60px;
  font-weight: bold;
  color: #fa2216;
}

#wedstrijden .verlopen td, #wedstrijden .verlopen a {
  color: #989898;
}

#wedstrijden .link {
  display: block;
  width: 144px;
  height: 14px;
  margin-top: 14px;
  background: url(/interface/images/btn_wedstrijden.gif) no-repeat left top;
}

#banners { /* Blok banner */
  float: left;
  width: 340px;
  padding: 10px 0px 5px 1px;
  background: url(/interface/images/lijn.gif) repeat-x 1px bottom;
}

#banners #te_koop {
  float: left;
  width: 340px;
  background: url(/interface/images/banner_te_koop.gif) no-repeat left top;
  height: 110px;
}

#banners #clubblad {
  float: left;
  width: 340px;
  background: url(/interface/images/banner_clubblad.gif) no-repeat left top;
  height: 110px;
}

#banners #te_koop a {
  display: block;
  width: 100%;
  height: 100%;
}

#banners #clubblad .link_downloaden {
  display: block;
  width: 119px;
  height: 14px;
  margin: 51px 0px 0px 134px;
}

#banners #clubblad .link_archief {
  display: block;
  width: 62px;
  height: 14px;
  margin: 4px 0px 0px 134px;
}

#sponsors { /* Blok sponsors */
  float: left;
  width: 300px;
  margin: 10px 0px 0px 0px;
  padding: 20px 20px 15px 18px;
}

#sponsors .link {
  display: block;
  width: 95px;
  height: 14px;
  margin-top: 14px;
  background: url(/interface/images/btn_sponsors.gif) no-repeat left top;
}

.twitter {
  float: left;
  width: 300px;
  margin: 10px 0px 0px 0px;
  padding: 20px 20px 15px 18px;
  overflow: hidden;
}

.twitter a {
  color: #989898;
}

.twitter .button {
  float: right;
  margin-top: 10px;
  color: #EF3F35;
}

#submenu { /* Blok submenu (rechts op vervolgpagina's) */
  float: left;
  width: 340px;
  padding: 22px 0px 5px 0px;
  margin-left: -2px;
  _margin-left: -3px;
  position: relative;
  background: url(/interface/images/lijn.gif) repeat-x 1px bottom;
}

#submenu .titel {
  padding-left: 20px;
}

#submenu a {
  display: block;
  float: left;
  clear: both;
  width: 280px;
  padding: 8px 0px 7px 22px;
  color: #4e4f45;
  font-size: 12px;
  text-decoration: none;
}

#submenu a:hover, #submenu a.active {
  padding: 8px 0px 7px 45px;
  color: #fa2216;
  background: url(/interface/images/submenu_rechts_hover_bg.gif) no-repeat left top;
}

/* ----- Titel ----- */
#div_titel
{
  width:570px;
  overflow:hidden;
}

/* ----- Paginering ----- */
.paging
{
  margin-top:15px;
  text-align:center;
}

.paging input
{
  margin-left:5px;
  margin-right:5px;
}

.paging a
{
  margin-left:5px;
  margin-right:5px;
}

/* ----- Wedstrijd: Overzicht ----- */
#wedstrijd_overzicht
{
  width: 573px;
  height: 59px;
  font-size:12px;
  font-weight:bold;
  background: url(/interface/images/selectieopties_bg.gif) no-repeat left top;
  display:block;
}

#wedstrijd_overzicht_sorteren
{
  margin-left:15px;
  margin-top:19px;
  position:absolute;
  display:block;
  color:#47483F;
}

.img_verversen
{
  margin-left:14px;
  position:absolute;
}

#wedstrijd_overzicht_sorteren select
{
  margin-left:12px;
}

.tbl_wedstrijd_overzicht
{
  font-size:11px;
  margin-top:20px;
  color:#47483F;
}

.tbl_wedstrijd_overzicht #row_heading a
{
  font-weight:bold;
  color:#47483F;
  text-decoration:underline;
  height:20px;
}

.tbl_wedstrijd_overzicht tr
{
  height:30px;
}

.tbl_wedstrijd_overzicht .first_td
{
  padding-left:12px;
}

.tbl_wedstrijd_overzicht .gray
{
  background-color:#E8E8E8;
}

.tbl_wedstrijd_overzicht .normal:hover, 
.tbl_wedstrijd_overzicht .normal:hover a,
.tbl_wedstrijd_overzicht .gray:hover,
.tbl_wedstrijd_overzicht .gray:hover a
{
  color:White;
  background-color:#DA0B0B;
  text-decoration:none;
  cursor:pointer;
}

.categorie_image
{
}

.categorie_link
{
 margin-left:-2px;
  margin-right:12px;
}

/* ----- Wedstrijd: informatie ----- */

.wedstrijd_informatie_subtitel
{
  padding-top:5px;
  font-size:14px;
  color:#DA0B0B;
  margin-bottom:5px;
}

.table_informatie
{
  color:#47483F;
  margin-top:5px;
  width:460px;
}

.table_informatie .veldtitel
{
  min-width:128px;
  font-weight:bold;
  font-size:11px;
  vertical-align: top;
}

.table_informatie .veldtitel label
{
  display: block;
  width:150px;
}

.table_informatie td
{
  line-height:18px;
}

.wedstrijd_informatie_uitklap
{
  margin-bottom:-2px;
  margin-right:4px;
}

.wedstrijd_informatie_uitklap:hover
{
  margin-bottom:-2px;
  margin-right:4px;
  cursor:pointer;
}

/* ----- Wedstrijd: informatie: Uitslag -----*/
#uitslagen_titel
{
  margin-top:15px;
  margin-bottom:10px;
}

/* ----- Wedstrijd: informatie: Fotoalbum -----*/
#wedstrijd_fotoalbum_titel
{
  margin-top:15px;
  margin-bottom:15px;
}

#fotoalbum img
{
  margin-right:5px;
}

/* ----- Wedstrijd: informatie: Verslag -----*/
#verslagen_titel
{
  margin-top:15px;
  margin-bottom:10px;
}

#verslag_titel
{
  font-weight:bold;
  margin-top:15px;
}

#verslag_ingevoerd
{
  font-style:italic;
}

.verslag_reactie
{
  margin-left:20px;
  margin-top:15px;
  border-style: solid;
  border-color: #C5C5C5;
  border-width: 1px;
  padding:12px 15px 15px 15px;
}

.verslag_reactie .tak
{
  margin-left:-35px;
  margin-top:-22px;
  position:absolute;
}

.reactie_datum
{
  margin-top:-17px;
  padding-left:410px;
  position:absolute;
  text-align:right;
  width: 107px;
}

.reactie_tekst
{
  margin-top:18px;
}

#verslag_toevoegen
{
  margin-left:425px;
  cursor:pointer;
}


/* ----- Leden -----*/

/* ----- Leden: overzicht -----*/
#ledenoverzicht
{
  background-image:url(/interface/images/selectieopties_bg.gif);
  background-repeat:no-repeat;
  height:59px;
  margin-top:20px;
}

#leden_overzicht_sorteren
{
  margin-lefT:20px;
  margin-top:20px;
  position:absolute;
}

.img_leden_verversen
{
  margin-left:270px;
  position:absolute;
}

#leden_overzicht_sorteren select
{
  margin-left:12px;
}

#tbl_leden_overzicht
{
  font-size:11px;
  margin-top:20px;
  margin-left:5px;
  color:#47483F;
}

#tbl_leden_overzicht #row_heading a
{
  font-weight:bold;
  color:#47483F;
  text-decoration:underline;
  height:20px;
}

#tbl_leden_overzicht tr
{
  height:30px;
}

#tbl_leden_overzicht .first_td
{
  padding-left:12px;
}

#tbl_leden_overzicht .gray
{
  background-color:#E8E8E8;
}

#tbl_leden_overzicht .normal:hover, 
#tbl_leden_overzicht .normal:hover a,
#tbl_leden_overzicht .gray:hover,
#tbl_leden_overzicht .gray:hover a
{
  color:White;
  background-color:#DA0B0B;
  text-decoration:none;
  cursor:pointer;
}

#tbl_wedstrijd_aanvragen_overzicht
{
  font-size:11px;
  margin-top:20px;
  margin-left:5px;
  color:#47483F;
}

#tbl_wedstrijd_aanvragen_overzicht tr
{
  height:30px;
}

#tbl_wedstrijd_aanvragen_overzicht .first_td
{
  padding-left:12px;
}

#tbl_wedstrijd_aanvragen_overzicht .gray
{
  background-color:#E8E8E8;
}

/* ----- Leden: lid-overzicht ----- */
#img_profiel_product
{
  border-style:solid;
  border-color:#B6B6B6;
  border-width: 1px;
  width:292px;
  height:174px;
  display:block;
}

#lid_img_profiel
{
  border-style:solid;
  border-color:#B6B6B6;
  border-width: 1px;
  width:231px;
  height:264px;
  float:right;
  display:block;
}

.profiel_foto
{
  border-style:solid;
  border-color:white;
  border-width: 1px;
  display:block;
  margin-top:1px;
  margin-left:1px;
}

.lidgegevens {
  vertical-align: top;
}

/* ----- Leden: inloggen -----*/
#leden_inloggen
{
  background-image: url(/interface/images/bg_inloggen.gif);
  background-repeat:no-repeat;
  position:relative;
  margin-left:75px;
  margin-top:15px;
  height:150px;
  padding-top:35px;
  padding-left:25px;
}

#leden_inloggen .label
{
  position:relative;
  top: -20px;
  left:105px;
}

#leden_inloggen .label input
{
  width:200px;
}

#leden_inloggen .leden_btn_inloggen
{
  margin-left:220px;
  margin-top:-10px;
}

/* ----- Fotoalbum -----*/

.fotoalbum_image
{
  display:block;
  float:left;
  margin-left:10px;
  margin-bottom:5px;
}


/* ----- Stijlen: Sponsor-pagina ----- */

.sponsorlogo {
  float: left;
  width: 275px;
  height: 82px;
  border: 1px solid #cccccc;
  margin: 0px 5px 5px 0px;
  padding-top: 8px;
  text-align: center;
}


/* ----- Stijlen: Aanmeld-formulier ----- */

.textfield {
  width: 245px;
  font-family: verdana, Sans-Serif;
  font-size: 11px;
}



/* ----- Stijlen: Footer ----- */

.divider {
  clear: both;
  line-height: 0px;
}

#footer {
	width: 100%;
	height: 208px;
	background: url(/interface/images/footer_bg.gif) repeat-x left top;
	position: relative;
	z-index: 2;
}

#footer_inner {
  position: relative;
	width: 982px;
	height: 208px;
	margin: 0px auto;
	background: url(/interface/images/footer_inner_bg2.jpg) no-repeat left top;
	color: #ffffff;
}

#footer_inner #weerbericht { 
  position: absolute;
  left: 32px;
  top: 30px;
  width: 260px;
  height: 178px;
}

#footer_inner #weerbericht #afbeelding { 
  float: left;
  width: 128px;
  height: 128px;
  background-repeat: no-repeat;
  background-position: left top;
}

#footer_inner #weerbericht p {
  float: left; 
  padding: 20px 0px 0px 10px;
  margin: 0px;
  line-height: 19px;
}

#footer_inner #contact {
  position: absolute;
  left: 350px;
  top: 30px;
  width: 250px;
  height: 178px;
}

#footer_inner #contact p {
  line-height: 17px;
  padding: 20px 0px 0px 0px;
  margin: 0px;
}

#footer_inner #contact a {
  color: #ffffff;
}

#footer_inner #footertekst {
  position: absolute;
  left: 655px;
  top: 30px;
  width: 300px;
  height: 178px;
}

#footer_inner #footertekst a
{
  color:white;
}

#footer_inner #footertekst p {
  width: 100%;
  height: 145px;
  margin: 0px 0px 9px 0px;
  padding: 0px;
  overflow: hidden;
  line-height: 16px;
  text-align: justify;
}

#footer_inner #footertekst .btn_home, #footer_inner #footertekst .btn_disclaimer, #footer_inner #footertekst .btn_privacy {
  display: block;
  float: left;
  height: 13px;
  margin-right: 20px;
  background-repeat: no-repeat;
  background-position: left top;
}

#footer_inner #footertekst .btn_privacy {
  margin: 0;
}

#footer_inner #footertekst .btn_home {
  width: 35px;
  background-image: url(/interface/images/btn_footer_home.gif);
}

#footer_inner #footertekst .btn_disclaimer {
  width: 59px;
  background-image: url(/interface/images/btn_footer_disclaimer.gif);
}

#footer_inner #footertekst .btn_privacy {
  width: 41px;
  background-image: url(/interface/images/btn_footer_privacy.gif);
}

#footer_inner #footertekst .tsjil {
  display: block;
  float: right;
  width: 73px;
  height: 12px;
  line-height: 0px;
  background: url(/interface/images/tsjil.gif) no-repeat left 5px;
}

#footer_inner #footertekst .speak {
  display: block;
  float: right;
  width: 114px;
  height: 15px;
  text-indent: -99999px;
  overflow: hidden;
  background: url(/interface/images/speak.gif) no-repeat 0 0;
}

.addthis_default_style {
  margin-top: 10px;
  margin-bottom: 10px;
}