/*
/* EuregioSport Cascading Style Sheet
/*
/* (CC) Siteseeing Internet Services, 2007
/* Feel free to be inspired by this CSS, see the
/* Creative Commons License (http://creativecommons.org/)
/*
/* If you re-use parts or whole of this CSS, you must
/* include this copyright notice at the start of the file.
/*
/* Please contact us for commercial use and to find out
/* how we can help you with various web-based solutions:
/*
/* WEB:   http://wevolve.nl/
/* MAIL:  info@wevolve.nl
/* TEL:   +31-(0)74 255 2140
*/

body {
  position:relative;
  padding:0; margin:0;

  color:#666;
  font-size:83%;
  text-align:center;
  background-color:#fff;
}

body, input.text, input.password, input.file, textarea, select {
  font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
}

input.text,input.password, input.file, select, textarea {
  font-size: 100%;  /* fixes firefox and konqueror */
}

* html table {
  font-size: 100%;  /* fixes IE 5.5 */
}

.nocss { display:none; }

#container {
  margin:-10.9em auto 2em auto;
  width:58.1em;
  min-height:0;
  text-align:left;
}

#headerwide {
  height:11em;

  color:#fff;
  background:url("../img/headerbg.png") 0 100% repeat-x #0074d9;
}

#header {
  position:relative;
  height:10.9em;
}


/* ------------------- intro page -------------------- */

#logo {
  padding:0; margin:0;
  height:15em;

  background:url("../img/euregiosport_logo_big.png") 45% 100% no-repeat;
}

#enter {
  padding:0;
  margin:5em auto 8em auto;
  width:30%;
  min-height:0;
  text-align:center;
}

#enter dl,
#enter dd,
#enter dd { padding:0; margin:0; }

#ned {
  float:left; display:inline;
}

#deu { float:right; display:inline; }

#enter dt a {
  display:block;
  width:60px;
  height:40px;

  border:none;
}

#ned dt a { background:url("../img/flags/dutch_big.png") 50% 0 no-repeat; }

#deu dt a { background:url("../img/flags/german_big.png") 50% 0 no-repeat; }

#ned dt a:hover,
#deu dt a:hover { background-position:50% -40px; }

#enter dd a {
  display:block;
  padding:.5em 0;

  color:#00c;
}

#enter dd a:hover { color:#f90; }

#enter:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html #enter { height:1%; }


/* ------------------- header -------------------- */

#header h1,
#header .quote {
  float:left; display:inline;
  padding:0; margin:0;

  line-height:1.8em;
  color:#fff;
  background:transparent;
}

#header h1 {
  display:block;
  width:175px;
  height:75px;

  background:url("../img/euregiosport_logo.png") no-repeat 0 5px;
}

#header .quote {
  padding:0 0 0 1em;
  margin:0;
  line-height:3em;
}


/* ------------------- sitenavigation ------------------ */

#shortcuts {
  float:right; display:inline;
  padding:0; margin:0;

  line-height:3em;
  font-size:.9em;
}

#shortcuts ul {
  margin:0;
  list-style-type:none;
}

#shortcuts li {
  display:inline;

  border-right:1px solid #fff;
}

#shortcuts a,
#shortcuts strong {
  padding:0 .6em;

  color:#fff;
  font-weight:normal;
  text-decoration:none;
  background:#0074d9
}

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

#shortcuts li.last { border-right:none; }


/* -------------------- mainnavigation -------------------- */

#nav {
  position:absolute;
  width:58.1em;
  bottom:0;
  left:0;
}

#mainnav ul {
  padding:0; margin:0;
  min-height:0;
  clear:both;

  font-size:1.1em;
  background:url("../img/sporters.png") 100% 100% no-repeat;
}

#mainnav li {
  float:left; display:inline;
  padding:0; margin:0;
  list-style-type:none;
  text-transform:capitalize;
}

#mainnav li a,
#mainnav li span {
  display:block;
  padding:0 1em 0 0;
  position:relative;
  margin:0;

  color:#fff;
  text-decoration:none;
  background:url("../img/tab.png") 100% -150px no-repeat transparent;
}

#mainnav li a span,
#mainnav li span strong {
  display:block;
  padding:1em 0 .5em 1em;
  margin:0;

  background:url("../img/tab.png") 0 -150px no-repeat transparent;
}

#mainnav li.onpath a,
#mainnav li.onpath span {
  margin:0;
  text-decoration:none;

  background-position:100% 0;
}

#mainnav li.onpath a span,
#mainnav li.onpath span strong {
  padding:1em 0 .55em 1em;

  color:#fa0;
  background-position:0 0;
}

#mainnav strong,
#mainnav strong span { font-weight:normal; }

#mainnav li a:hover {
  margin:0;

  background-position:100% 0;
}

#mainnav li a:hover span {
  color:#666;
  background-position:0 0;
}

#content:after,
#container:after,
#mainnav ul:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html #content,
* html #container,
* html #mainnav ul { height:1px; }


/* -------------------- subnavigation -------------------- */

#subnav {
  clear:both;
  float:left; display:inline;
  padding:.6em 0 0 0;
  margin:0;
  width:53em; /* for wrapping of long submenu's */
}

#subnav ul {
  display:inline;
  padding:0; margin:0;
  list-style-type:none;
}

#subnav li {
  display:inline;
  padding:0 .5em;

  border-right:1px solid #666;
}

#subnav li a,
#subnav li span {
  color:#666;
  text-decoration:none;
  font-weight:normal;
  background:#fff;
}

#subnav li a:hover {
  color:#fa0;
  text-decoration:underline;
  background:#fff;
}

#subnav li.last { border-right:none; }


/* ------------------- language ------------------ */

#language {
  float:right; display:inline;
  padding:10px 0 0 0;
  margin:0;
  height:30px;
  line-height:100%;
}

* html #language {
  height:39px;
  heigh\t:29px;
}

#language ul {
  float:left; display:inline;
  padding:0; margin:0;
  list-style-type:none;
}

#language li {
  float:left; display:inline;
}

#language a {
  display:block;
  padding:0 .3em;

  color:#999;
  text-decoration:none;
  background:#fff;
}

#language li a:hover {
  color:#666;
  text-decoration:underline;
  background:#fff;
}

#language li a img,
#language li a:visited img {
  float:left; display:inline;
  padding:0; margin:0;

  border:solid 1px #efefef;
}

#language li a:hover img { border:solid 1px #06c; }


/* -------------------- content general-------------------- */

#page {
  float:left; display:inline;
  padding:0 0 2em 0;
  margin:0;
  width:40em;
  min-height:40em;
}

#page a,
#info a { color:#06c; }

#page a:hover,
#info a:hover { color:#fa0; }

* html #page { height:40em; }

#page:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html #page { height:1px; }

#pagetitle {
  clear:both;
  display:block;
  padding:0;
  margin:0 0 0.5em 0;

  font-weight:normal;
  color:#06c;
  background:#fff;
}

#info {
  float:left; display:inline;
  padding:0 0 0 2em;
  margin:0;
  width:16em;
}

* html #info {
  width:18em;
  wid\th:16em;
}

.wh-normal a {
  color:#06c;
  text-decoration:none;
  background:#fff;
}

.wh-normal a:hover {
  color:#fa0;
  text-decoration:underline;
  background:#fff;
}


/* -------------------- tabssmall -------------------- */

#tabssmall {
  padding:0;
  margin:0 .5em -1px .5em;
  min-height:0;
}

#tabssmall ul { padding:0; margin:0; }

#tabssmall li {
  float:left; display:inline;
  padding:0 .1em;
  list-style-type:none;
  text-transform:capitalize;
}

#tabssmall li a,
#tabssmall li span {
  position:relative;
  display:block;
  padding:0 1em 0 0;
  margin:0 0 4px 0;

  color:#666;
  text-decoration:none;
  background:url("../img/tabsmall.png") 100% 0 no-repeat #fff;
}

#tabssmall li a span,
#tabssmall li span strong {
  display:block;
  padding:.7em 0 5px 1em;
  margin:0 0 -3px 0;

  background:url("../img/tabsmall.png") 0 0 no-repeat;
}

#tabssmall li.onpath a,
#tabssmall li.onpath span {
  margin:0;

  text-decoration:none;
  background-position:100% -100px;
}

#tabssmall li.onpath a span,
#tabssmall li.onpath span strong {
  padding:.7em 0 6px 1em;

  background-position:0 -100px;
}

#tabssmall li a:hover { background-position:100% -100px; }

#tabssmall li a:hover span { background-position:0 -100px; }

#tabssmall strong,
#tabssmall strong span { font-weight:normal; }

ul#tabssmall:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html ul#tabssmall { height:1px; }


/* --------------------- boxes general -------------------- */

.box {
  position:relative;
  padding:1em 0;
  margin:0;
}

* html .box { height:1px; } /* trigger hasLayout, fixes alignment problems */

.width50left {
  float:left; display:inline;
  width:48%;
  clear: both;
}

.width50right {
  float:right; display:inline;
  width:48%;
}

.boxtitle {
  clear: both;
  padding:0 10px 0 0; /* rightside of the background */

  color:#06c;
  background:url("../img/box.png") 100% 0 no-repeat #fff;
}

.boxtitle div {
  padding:0 0 0 10px; /* leftside of the background */
  height:30px;

  background: url("../img/box.png") 0 0 no-repeat;
}

.boxtitle h4 {
  padding:0; margin:0;
  line-height:30px;
}

.boxcontent {
  padding:.5em; margin:0;

  border-left:1px solid #bbb;
  border-right:1px solid #bbb;
  background:none;
}

* html .boxcontent { height: 1px; } /* also fixes containment problem, with leaking padding/margin to footer */

*+html .boxcontent { min-height: 0; }

/* for floating #searchform */
.boxcontent:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

#container .boxcontentNoPadding { padding: 0; }

.boxcontent a.sponsor img { border:1px solid #fff; }

.boxcontent a.sponsor:hover img { border:1px solid #fa0; }

.boxcontent a img { border:0; }

.boxfooter {
  padding:0 10px 0 0;
  height:30px;

  color:#06c;
  background:url("../img/box.png") 100% 100% no-repeat #fff;
}

.boxfooter div {
  height:30px;
  padding:0 0 0 10px; /* including text */

  background:url("../img/box.png") 0 100% no-repeat #fff;
}

.boxfooter p {
  padding:0; margin:0;
  line-height:30px;
}

.boxfooter a {
  display:block;

  color:#06c;
  text-decoration:none;
  white-space:nowrap;
  background:transparent;
}

.boxfooter a span {
  float:right; display:inline;
  padding:0 1.5em 0 0;

  background:url("../img/next.gif") 100% 5px no-repeat;
}

.boxfooter a:hover {
  color:#fa0;
  background:transparent;
}

.boxfooter a:hover span { background-position:100% -96px; }


/* -------------------- boxcontent home ned deu ------------------- */

#home.boxcontent { padding:0; margin:0; }

#home.boxcontent h2 {
  display:block;
  padding:2em 1em;
  margin:0;
  height:5em;

  color:#06c;
  font-size:1.4em;
  background:url("../img/home_sporten.jpg") 0 50% no-repeat;
}

#home.boxcontent h2 span a { color:#06c; }

#home.boxcontent h2 span a:hover { color:#fff; }


/* -------------------- localnav -------------------- */

#localnav { padding:.5em; margin:0; }

#localnav p.up a {
  padding: 0 2em;
  margin: .25em 0;

  color:#06c;
  text-decoration:none;
  background:url("../img/up_back.png") 0 0 no-repeat;
}

#localnav p.up a:hover {
  color:#fa0;
  background:url("../img/up_back.png") 0 -50px no-repeat;
}

#localnav li a:hover,
#localnav li strong {
  font-weight:normal;
  background:url("../img/next.gif") 0 -101px no-repeat;
}

#localnav ul { padding:0; margin:0 ; }

#localnav li { display:inline; }

#localnav li a,
#localnav li strong {
  display:block;
  padding:.25em 0 .25em 2em;
  margin:0;
  text-decoration:none;
}

#localnav li a {
  color:#06c;
  background:url("../img/next.gif") 0 0 no-repeat;
}

#localnav li a:hover,
#localnav li.onpath strong { background:url("../img/next.gif") 0 -101px no-repeat; }

#localnav li li a,
#localnav li li strong,
#localnav li li.onpath,
#localnav li li a:hover {
  margin:0 0 0 2.5em;

  background:none;
}

#localnav a:hover,
#localnav li strong {
  color:#f90;
  background:#fff;
}

/* --------------------- actueel -------------------- */

#actueel { padding:0; margin:0; }

#actueel dt {
  clear:both;
  padding:1em 0 .5em 0;

  font-weight:bold;
}

#actueel dd {
  padding:0; margin:0;
  font-size:.9em;
}

#actueel img {
  float:right; display:inline;

  padding:0 0 .5em .5em;
}

#actueel dd a { color:#06c; }

#actueel dd a:hover { color:#fa0; }


/* ---------------- nieuws ------------------------*/

#nieuws {
  float:right; display:inline;
  padding:0; margin:3em 0 2em 1em;
  width:158px;

  line-height:1.3em;
  overflow:hidden;
  background:url("../img/nieuws.gif") 0 0 no-repeat transparent;
}

#nieuws dl {
  margin:2em 0 2em 2em;
  padding:0 0 0 1em;

  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
}

#nieuws dt {
  margin:0;
  padding:1em 0 0 0;

  font-weight:bold;
}

#nieuws dd {
  padding:0; margin:0;

  font-style:italic;
}

#nieuws a {
  color:#333;
  text-decoration:underline;
  font-weight:bold;
}


/* -------------------- sportserverform -------------------- */

form.sportserverform { padding:0; margin:0; }

form.sportserverform fieldset,
div.sportserverform .fieldset {
  padding:.5em;
  margin:0 0 2em 0;
  border:1px dotted #ccc;
}

div.sportserverform .fieldset {
  min-height:0;
  margin:2em 0;
}

* html div.sportserverform .fieldset { height:1px; }

div.sportserverform .fieldset:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

form.sportserverform legend,
div.sportserverform .legend h2 {
  padding:.5em;
  margin:0 0 .5em .5em;

  color:#fa0;
  font-size:1.4em;
  font-weight:normal;
  border:1px solid #efefef;
  background:url("../img/blank.png") #fff; /* hide seethrough in IE */
}

div.sportserverform .legend h2 {
  float:left; display:inline;
  position:relative;
  margin:-1.5em 0 .5em 0;
}

div.sportserverform .legend {
  padding:0 0 1em 0;
  min-height:0;
}

* html div.sportserverform .legend { height:1px; }

div.sportserverform .legend:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

form.sportserverform .formfield,
div.sportserverform dl.formfield {
  clear:both;
  padding:.2em .5em; margin:0;
  min-height:0;
}

form.sportserverform label,
div.sportserverform .formfield dt {
  clear:left;
  float:left; display:inline;
  padding:0 .5em; margin:0;
  width:12em;

  color:#666;
  font-weight:normal;
  line-height:1.4em;
  text-align:right;
}

div.sportserverform .formfield dt.nocss {
 display:none;
}

* html form.sportserverform label,
* html div.sportserverform .formfield dt {
  width:13em;
  wid\th:12em;
}

form.sportserverform .formfield p { clear:both; }

form.sportserverform .formfield p,
div.sportserverform dl.formfield dd {
  padding:0; margin:0 0 0 13em;

  line-height:1.4em;
}

div.sportserverform dl.formfield dd:after {
  content: "."; /* fix positioning for empty dd */
  visibility: hidden;
}

/* make the fields reasonably the same size */
form.sportserverform input.text,
form.sportserverform input.file,
form.sportserverform input.password,
form.sportserverform textarea {
  width: 18em;
  padding: 0.2em;
}

/* same for selectbox but without padding */
form.sportserverform select {
  width:18.4em;
  padding:0;
}

/* hide ugly default scrollbars. already hidden in firefox. breaks konqueror 3.5 */
* html form.sportserverform textarea,
*+html form.sportserverform textarea { overflow:auto; }

form.sportserverform .required { background:url("../img/asterisk.png") 90% 50% no-repeat; }

form.sportserverform input.error,
form.sportserverform select.error,
form.sportserverform textarea.error { border:2px solid #fa0; }

form.sportserverform p.error {
  display:block;
  margin:0 0 0 13em;

  color:#fa0;
}

form.sportserverform .fieldhint {
  font-weight:normal;
  color:#333;
}

form.sportserverform .fieldhint small {
  font-weight:normal;
  font-size:.85em;
}

form.sportserverform option { background:#efefef; }

form.sportserverform .formbutton,
.sportserverform p.button {
  padding:0;
  margin:0 0 0 11.5em;
}


/* -------------------- buttons -------------------- */

.buttonrow:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html .buttonrow { height: 1px; }

.buttonrow p.button { margin-bottom: 0; }

.button {
  clear:both;
  float:left; display:inline;
  padding:0;
  margin:0 0 1em 0;

  font-family:Helvetica, Geneva, Arial, sans-serif;
  white-space:nowrap;
  text-align:center;
}

.button a {
  display:block;
  padding:0 15px 0 0;

  text-decoration:none;
  background:url("../img/button.png") 100% 0 no-repeat #204770;
}

.button span {
  display:block;
  padding:.8em 0 .6em 15px;

  color:#06c;
  font-size:1em;
  font-weight:bold;
  text-decoration:none;
  background:url("../img/button.png") 0 0 no-repeat #204770;
}

.button a:hover {
  cursor:pointer;
  background-position:100% -65px;
}

.button a:hover span {
  cursor:pointer;
  background-position:0 -65px;
}


/* --------------------- realisatie -------------------- */

#realisatie {
  clear:both;
  padding:2em 0 .5em 0;
  margin:0;
  min-height:0;

  line-height:2em;
  font-size:.8em;
  color:#ccc;
}

#realisatie dt { float:left; display:inline; }

#realisatie dd {
  float:left; display:inline;
  margin:0; padding:0;
  font-weight:bold;
}

* html #realisatie { height:1%; }

#realisatie:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

#realisatie dd a {
  display:block;
  padding:0 0 0 3px;

  text-decoration:none;
  color:#ccc;
}

#realisatie a:hover {
  text-decoration:underline;
  color:#000;
}


/* --------------------- solutionprovider -------------------- */

#solutionprovider {
  padding:.6em .2em .5em 2.5em;
  margin:2em 0 0 0;

  font-size:.9em;
  background:url("../img/logo_copyright.png") 0 50% no-repeat #eee;
}

#solutionprovider a {
  color:#ccc;
  text-decoration:none;
}

#solutionprovider a:hover {
  color:#999;
  text-decoration:underline;
}


/* -------------------- pagenav -------------------- */

.pagenav {
  padding:.5em 0;
  margin:0 1em 0 0;
  height:2em;
}

.boxtitle .navcount,
.boxfooter .navcount {
  float:right;
  line-height:3em;
}

.pagenav li { list-style-type:none; }

.pagenav li.previous {
  float:left; display:inline;
}

.pagenav li.next { float:right; display:inline; }

.pagenav li a,
.messages li a {
  color:#06c;
  text-decoration:none;
}

.pagenav li a:hover,
.messages li a:hover {
  color:#fa0;
  text-decoration:underline;
}

.pagenav:after {
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  content:".";
}

* html .pagenav { height:1px; }


/* ------------------------ webpack --------------------------- */

/* Global tag, containing the complete webpack item */
.whwp {
  font-size:.9em;
  font-family:arial, helvetica, sans-serif;
}

/* Webpack item title */
.whwp .whwp-title { font-weight:bold; }

/* Characteristics shared between input and button style links */
.whwp .whwp-button,
.whwp .whwp-button:hover {
  margin:.25em .25em .25em 0;
  width:100px;

  text-align:center;
  color:#fff;
  border:outset 2px;
  border-right-color:#cc3c00;
  border-bottom-color:#cc3c00;
  background-color:#fa0;
}

/* Links with an input button appearance */
.whwp a.whwp-button,
.whwp a.whwp-button:hover {
  display:block;
  padding:2px 5px;
  text-decoration:none;
  vertical-align:middle;
  white-space:nowrap;
}

/* IE/FF work around: first pointer, then hand */
.whwp input.whwp-button { font-size:100%; }
/* Inherit font-size */

.whwp .whwp-questiongroup {
  overflow:hidden;
  padding:10px;
  margin:2em 0;

  border:1px solid #2099e7;
  background-color:#fff;
}

/* Individual questions */
.whwp .whwp-questiongroup .whwp-question { margin:10px 0px; }

/* Individual question labels */
.whwp .whwp-questiongroup .whwp-question label,
.whwp .whwp-questiongroup .whwp-question {
  margin:1em 0 .5em 0;
  font-style:italic;
}

.whwp .whwp-questiongroup .whwp-question input,
.whwp .whwp-questiongroup .whwp-question textarea,
.whwp .whwp-questiongroup .whwp-question option,
.whwp label input,
.whwp label textarea,
.whwp .whwp-questiongroup .whwp-question .whwp-formgroup label {
  font-size:100%;
  font-style:normal;
}

.whwp .whwp-entry {
  margin:1em 0;

  border:1px solid #000;
}

.whwp .whwp-entry .whwp-header {
  background-color:#d0d0d0;
  font-weight:bold;
  padding:4px;
}

.whwp .whwp-entry .whwp-message { padding:4px; }

.whwp .whwp-entry .whwp-message blockquote {
  padding-left:.5em;
  margin-left:.1em;
  border-left:1px solid #000;
}

.whwp .whwp-entry .whwp-footer { padding:5px; }

.whwp table.whwp-table {
  width:100%;

  font-family:arial, helvetica, sans-serif;
  font-size:100%; /* Ensure IE picks up the inherited font-size for this table */
  border:solid 1px #000;
  border-collapse:collapse;
}

.whwp table.whwp-table th {
  padding:2px 5px;
  white-space:nowrap;

  color: #000;
  text-align:left;
  vertical-align:top;
  background-color:#d0d0d0;
}

.whwp table.whwp-table td {
  padding:2px 5px;
  text-align:left;
  vertical-align:top;
}

.whwp .whwp-odd { background-color:#eee; }

.whwp .whwp-even { background-color:#fff; }

.whwp .whwp-errors { color:#f00; }

.whwp table.whwp-attachments { font-size:100%; }

#contentlisting dt { font-weight:bold; }

#contentlisting dd {
  padding:.3em 0 1em 0;
  margin:0;
}

#contentlisting dd.date {
  margin:0;
  padding:0;
  color:#fa0;
  font-size:.8em;
  border:none;
}

#page #contentlisting dt a,
#page #contentlisting dt a:hover { color:#004a76; }


/* ------------------ sportlist/messages ------------------*/

#sportlist ul,
#messagelist ul {
  padding:1em; margin:0;
  width:40%;
}

#sportlist li,
#messagelist li {
  position:relative;
  padding:0; margin:0;

  border:1px solid #fff;
}

#sportlist li a.delete,
#messagelist li a.delete {
  position:absolute;
  right:0;
  bottom:0;
  width:16px;
  height:100%;

  background:url("../img/cross.png") 50% 50% no-repeat;
}

* html #sportlist li a.delete,
* html #messagelist li a.delete { height: 16px; }

#sportlist li { line-height: 150%; }

/* fix containment */
* html #sportlist li,
* html #messagelist li { height: 1px; }

#sportlist li:hover,
#sportlist li.hover { background: #f5f5f5; }


/* -------- news and events lists --------- */

.newslist dl,
.googlerssitem {
  clear:both;
  padding:1em 0 0 0;
  margin:.2em 0 0 0;

  border-top:1px solid #eee;
}

.newslist dl.moreinfo { clear: none; }

.newslist dl:hover { background-color:#f5f5f5; }

.newslist dl:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html .newslist dl { height: 1px; }

*+html .newslist dl { min-height: 0; }

.newslist dt {
  color:#06c;
  font-weight:bold;
}

.newslist dd img,
.sportserverform .picture img {
  float:right; display:inline;
  padding:0;
  margin:0 0 1em 1em;

  min-height:0;
  background:#c00;
}

.newslist dd {
  padding:.3em 0 1em 0;
  margin:0;
}

.newslist dd.date {
  padding:0; margin:0;

  color:#06c;
  font-size:.8em;
  border:none;
}

#container .newslist dd.picture,
#container .formfield dd.picture {
  padding:0; margin:0;
  font-size:0;
  line-height:0%;
}

#page .newslist a { color:#06c; }

#page .newslist a:hover { color:#fa0; }

.googlerssitem a { font-weight:bold; }

.googlerssitem table { border-collapse:collapse; }

.googlerssitem table td {  padding:0; margin:0; }

.googlerssitem .j br { display:none; }

.googlerssitem .lh br { display:block; }

.googlerssitem font font,
.googlerssitem font nobr {
  color:#fa0;
  font-size:.9em;
  border:none;
}

.rsslink {
  clear:both;
  float:right; display:inline;
  padding:0; margin:0;

  font-family:arial, helvetica, sans-serif;
  color:#666;
}

h1 .rsslink { font-size:.6em; }

.rsslink img { margin:0 .5em; }

#contents p.rsslink a {
  text-decoration:none;
  color:#666;
}


/* -------------------- agendaitems ------------------- */

.agendaitem {
  clear:both;
  padding:1em 0 .5em 0;
  margin:.2em 0 0 0;

  min-height:0;
  border-top:1px solid #eee;
}

.agendaitem dl {
  margin:0; padding:0;
  min-height:0;
  border:none;
}

.agendaitem dt { color:#06c; }

.agendaitem:hover { background-color:#f5f5f5; }

.agendaitem .detailedinfo dt {
  float:left; display:inline;
  margin:0 .5em 0 0;
}

.agendaitem .detailedinfo dd {  padding:0; margin:0; }

dl.moreinfo dt {
  clear:left;
  float:left;
  color:#666;
}

dl.moreinfo dd {
  padding:0;
  margin-left:8em;
}

p.showdetails {
  padding:0; margin:0;

  color:#06c;
  font-size:.8em;
}

p.showdetails a { cursor:pointer; }


/* -------------------- agenda highlight ----------*/

.agendahighlist {
  position: relative;
  margin:1em .5em 1.5em .5em;
}

.agendahighlist:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html .agendahighlist { height: 1px; }

*+html .agendahighlist { min-height: 0; }

.agendahighlistitem {
  padding:0 1.2em 0 0;
  width:30%;
}

.firstAgendahighlistitem,
.middleAgendahighlistitem,
.lastAgendahighlistitem {
  float:left; display:inline;
}

.agendahighlistitem div.picture {
  padding:1em;
  height:5em;

  border-top:1px solid #bebabe;
  border-left:1px solid #bebabe;
  border-right:1px solid #bebabe;
  background:no-repeat 50% 50%;
}

.agendahighlistitem div.picture a {
  display:block;
  height:100%;
}

.agendahighlistitem dl {
  padding:0.5em; margin:0;

  border-bottom:1px solid #bebabe;
  border-left:1px solid #bebabe;
  border-right:1px solid #bebabe;
}

.agendahighlistitem dt {
  padding:0; margin:0;

  font-weight:bold;
  background-color:#fff;
  overflow:hidden;
}

.agendahighlistitem dd {
  padding:0; margin:0;

  background:#fff;
}


/* -------------------- agendaitems tabel -------------------*/

#agendaitems table { width:100%; }

#agendaitems table td {
  padding:.25em; margin:0;
}

#agendaitems td.date,
#agendaitems td.city { width:7em; }

#agendaitems tr { vertical-align:top; }

#agendaitems tr:hover { background:#efefef; }


/* --------------------- vraag en aanbod index --------------------*/

#searchform {
  padding:0.5em;
  margin:0;
  background:#f5f5f5;
}

#searchform:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html #searchform { height: 1px; }

*+html #searchform { min-height: 0; }

#searchform p {
  position:relative;
  margin:0;
}

#searchform p.findWhere { margin-top: 0.5em; }

#searchform label {
  float:left;
  padding:0.2em 0;
  width:4em;
}

input.label { color:#666; }

ul.groupmessages,
ul.messagegroups {
  display:block;
  padding:0; margin:0;

  list-style-type:none;
}

ul.groupmessages li,
ul.messagegroups li { padding:0; margin:0; }

ul.messagegroups small.messageCount { font-weight: normal; }
.boxtitle h4     small.messageCount { font-size: 0.9em; font-weight: normal; }


/* --------------------- vraag en aanbod groep --------------------*/

table#searchresults {
  width:100%;
  border-spacing:0;
  border-collapse:collapse;
}

table#searchresults tr { vertical-align:top; }

table#searchresults tr td { border-bottom:1px solid #efefef; } /* can't be at tr in IE */

table#searchresults tr.last td { border-bottom:0; }

table#searchresults td.type {
  width:5em;
  padding:1em;
}

table#searchresults td.picture {
  padding:1em;
  width:5em;
  text-align:right;
}

table#searchresults td.main dl { padding:1em 1em 0 1em; margin:0; }

table#searchresults td.main dt { padding:0; margin:0; }

table#searchresults td.main dd { padding:0; margin:0; }


dl.adv_details {
  padding:0; margin:0;
  font-size:.9em;
}

.adv_details dt {
  float:left; display:inline;
}

.adv_details dd {
  font-weight:bold;
}


/* ----------------------- euregio banner -------------------- */

#banner {
  clear:both;

  min-height:0;
  color:#039;
  font-size:.7em;
  border-right:1px solid #039;
}

#banner .ned {
  float:left; display:inline;
  padding:0; margin:0;
  width:45%;
}

#banner .deu {
  float:left; display:inline;
  padding:0 0 0 2em;
  margin:0;
  width:45%;
}

#banner a {
  float:left; display:inline;
  padding:0; margin:0;
  width:40px;
  height:40px;

  background:url("../img/euregiologo.png") 50% 0 no-repeat;
}

#banner h3 {
  clear:both; float:left;
  display:inline;
  padding:.2em 0 0 0;
  margin:0 0 0 45%;
  min-height:0;
  width:55%;

  color:#039;
  font-size:1.6em;
  font-weight:bold;
  text-transform:uppercase;
  border-bottom:1px solid #039;
}

#banner:after,
#banner h3:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html #banner,
* html #banner h3 { height:1px; }


/* -------------------- footer -------------------*/

#footer {
  clear:both;
  margin:0;

  text-align:center;
  color:#666;
  border-top:1px solid #ccc;
  background:#eee;
}

#footer div {
  margin:0 auto;
  width:58em;
  text-align:left;
}

#footernav ul {
  padding:1em 0 .5em 0;
  margin:0;

  list-style-type:none;
  font-size:.9em;
}

#footernav li {
  display:inline;
  padding:0 .6em;

  border-right:1px solid #06c;
}

#footernav li a {
  color:#06c;
  text-decoration:none;
  background:#eee;
}

#footernav li a:hover,
#footernav li span {
  color:#06c;
  text-decoration:underline;
  background:#eee;
}

#footernav li.last { border-right:none; }

#legal ul {
  padding:.5em 0 2em 0;
  margin:0;

  list-style-type:none;
  font-size:.9em;
}

#legal li {
  display:inline;
  padding:0 .5em;

  color:#999;
  border-right:1px solid #999;
}

#legal li a {
  color:#999;
  text-decoration:none;
}

#legal li a:hover {
  color:#333;
  text-decoration:underline;
}

#legal li.last { border-right:none; }


/* -------------------- realisation css -------------------- */

#realisation {
  position:absolute;
  bottom:1em; right:1em;
  z-index:100;
}

#realisation a { 
  display:block;
  width:17px;
  height:17px;
  background:url("../img/realisation.png") 100% 0 no-repeat;
}

#realisation a:hover { 
  width:64px;
  background:url("../img/realisation.png") 100% -17px no-repeat;
}