/*
----------------------------------------------
----------------------------------------------
----------------------------------------------


----------------------------------------------
----------------------------------------------
----------------------------------------------
*/

body {
  behavior:url('/csshover.htc');
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  color: #fff;
  background-color: #5e5e5e;
  background-image: url("layout/achtergronden/1.jpg");
  background-repeat: no-repeat;
} 

* {
  margin: 0;
  padding: 0;
}

a {
  color: #00bbff;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #ffffff;
}

a:active {
  color: #00bbff;
}

h1 { 
  font-size: 140%; 
}
 
h2 { 
  font-size: 125%;
}

h3 {
  padding: 15px 5px 0px 15px;
  float: left;
}


/*
----------------------------------------------
----------------------------------------------
----------------------------------------------


----------------------------------------------
----------------------------------------------
----------------------------------------------
*/


#main-container {
  width: 782px;
  margin: 0 10px 10px 10px;
}

#main {

}


/*
----------------------------------------------
----------------------------------------------
----------------------------------------------


----------------------------------------------
----------------------------------------------
----------------------------------------------
*/

#header-container {

}

#header {
  background-image: url('layout/header.png');
  background-repeat: no-repeat;
  background-position: center; 
  height: 85px;
  margin-bottom: 5px
}

#header h1 {
  display: none;
}

#header a {
  display: block;
  width: 782px;
  height: 85px;
}

/*
----------------------------------------------
----------------------------------------------
----------------------------------------------


----------------------------------------------
----------------------------------------------
----------------------------------------------
*/

#content-container {

}

.content {
  background-image: url('layout/achtergronden/1_donker.jpg');
  background-position: -10px -135px;
  background-repeat: no-repeat;
  background-color: #262626;
  padding: 5px;
  line-height: 140%;
}

.content h1 {
  color: #fff;
  background-image: url('layout/lichtblauw.png');
  background-repeat: repeat-x;
  background-color: #00ffff;
  background-position: bottom;
  margin: 0;
  border: 0;
  padding: 4px 8px 4px 8px;
}

.content h2 {
  color: #ffffff;
  background-image: url('layout/lichtblauw.png');
  background-repeat: repeat-x;
  background-color: #00bb00;
  margin: 0;
  border: 0;
  padding: 4px 8px 4px 8px;
}

.content p {
  margin: 5px;
  padding: 10px 10px 5px 10px;
}

.content div {
  background-image: url('layout/strepen_5e5e5e.png');
  margin: 10px;
  border: 1px #818181 solid;
}

.content table {
  margin: 10px;
  padding: 10px;
}

.content th {
  border: 1px solid #cccccc;
  font-weight: bold;
  padding: 5px;
}

.content td {
  border: 1px solid #cccccc;
  padding: 5px;
}

.content ul {
  list-style-position: inside;
  margin: 5px;
  padding: 10px 10px 5px 10px;
}

.content ul.address {
  list-style: none;
  margin: 10px;
  padding: 10px;
}




.content p.warning {

}





div.fotoalbum {
  background-image: url('layout/strepen_717171.png');
  background-color: transparent;
  float: left;
  height: 170px;
  width: 228px;
}

.fotoalbum h2 {
  background-color: #818181;
  background-image: none;
  color: #ffffff;
}

.fotoalbum img {
  border: 0;
  display: block;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('layout/strepen_686868.png');
  border: 1px #818181 solid;
  padding: 15px;
}

.fotoalbum a {
  display: block;
  border: 0;
}






div.foto {
  border: 0;
  background-image: none;
  background-color: transparent;
  float: left;
  width: 90px;
  height: 90px;
}

.foto img {
  border: 1px solid #818181;
  display: block;
}

.foto img.opmerkingen {
  border: 2px solid #00bbff;
  display: block;
}

.foto a {
  display: block;
  border: 0;
}






div.fotogroot {
  border: 0;
}

.fotogroot img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  border: 0;
}

.fotogroot a {
  display: block;
  border: 0;
}





div.person {
  background-image: url('layout/strepen_717171.png');
  background-color: transparent;
}

.person h2 {
  background-color: #818181;
  background-image: none;
  color: #ffffff;
}

.person dt {
  font-weight: bold;
}

.person div.picture {
  background-image: none;
  background-color: transparent;
  border: 0;
  float: left;
}

.person div.summary {
  background-image: none;
  background-color: transparent;
  border: 0;
}

.person img {
  background-image: none;
  background-color: transparent;
  border: 0;
}

.person div.data {
  border: 0;
  background-image: none;
  background-color: transparent;
  float: left;
}

.person div.description {
  clear: both;
  background-image: none;
  background-color: transparent;
  border: 0;
}

div.clear {
  padding: 0;
  clear: both;
  margin: 0;
  visibility: hidden;
}

div.team {
  border: 0;
  background-image: none;
  background-color: transparent;
}

.team img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}


.team p {
  padding: 0px;
  text-align: center;
  font-style: italic;
}

.training h2 {
  background-color: #818181;
  background-image: none;
  border: 1px solid #818181;
}

.wedstrijd h2 {
  background-color: #818181;
  background-image: none;
  border: 1px solid #818181;
}

.afmeldingen dl {
  margin: 5px;
  padding: 5px;
}

.afmeldingen dt {
  font-weight: bold;
}

.afmeldingen dd {
}

div.afmeldingen {
}

.afmeldingen div {
  background-image: url('layout/strepen_717171.png');
  background-color: transparent;
}

div.vraag {
  background-image: url('layout/strepen_717171.png');
  background-color: transparent;
}

.vraag h2 {
  background-color: #818181;
  background-image: none;
}

div.commentaar {
  background-image: url('layout/strepen_717171.png');
  background-color: transparent;
}

.commentaar h2 {
  background-color: #818181;
  background-image: none;
}

.commentaar span.simple {
  font-weight: normal;
  font-size: 80%;
}

.commentaar a {
  border: 0;
}

.commentaar img {
  background-image: url('layout/strepen_686868.png');
  border: 1px #818181 solid;
  padding: 15px;
}

div.oudcommentaar {
  background-image: url('layout/strepen_717171.png');
  background-color: transparent;
  margin-bottom: -8px;
}

.oudcommentaar h2 {
  background-color: #818181;
  background-image: none;
}

.oudcommentaar span.simple {
  font-weight: normal;
  font-size: 80%;
}

.oudcommentaar a {
  border: 0;
}

.oudcommentaar img {
  background-image: url('layout/strepen_686868.png');
  border: 1px #818181 solid;
  padding: 15px;
}






div.fotocommentaar {
  background-image: url('layout/strepen_717171.png');
  background-color: transparent;
}

.fotocommentaar h2 {
  background-color: #818181;
  background-image: none;
}

.fotocommentaar a {
  border: 0;
}

.fotocommentaar img {
  background-image: url('layout/strepen_686868.png');
  border: 1px #818181 solid;
  padding: 15px;
  float: left;
}




div.internieuws {
  background-image: url('layout/strepen_717171.png');
  background-color: transparent;
}

.internieuws h2 {
  background-color: #aaaaaa;
  background-image: none;
}

.internieuws a {
  border: 0;
}

.internieuws img {
  background-image: url('layout/strepen_686868.png');
  border: 1px #818181 solid;
  padding: 15px;
  float: left;
}




div.intervacature {
  background-image: url('layout/strepen_717171.png');
  background-color: transparent;
}

.intervacature h2 {
  background-color: #aaaaaa;
  background-image: none;
}

.intervacature a {
  border: 0;
}

.intervacature img {
  background-image: url('layout/strepen_686868.png');
  border: 1px #818181 solid;
  padding: 15px;
  float: left;
}





div.interwisselspeler {
  background-image: url('layout/strepen_717171.png');
  background-color: transparent;
}

.interwisselspeler h2 {
  background-color: #aaaaaa;
  background-image: none;
}

.interwisselspeler a {
  border: 0;
}

.interwisselspeler img {
  background-image: url('layout/strepen_686868.png');
  border: 1px #818181 solid;
  padding: 15px;
  float: left;
}





div.interwisselvraag {
  background-image: url('layout/strepen_717171.png');
  background-color: transparent;
}

.interwisselvraag h2 {
  background-color: #818181;
  background-image: none;
}

.interwisselvraag a {
  border: 0;
}

.interwisselvraag img {
  background-image: url('layout/strepen_686868.png');
  border: 1px #818181 solid;
  padding: 15px;
  float: left;
}









div.interverjaardag {
  background-image: url('layout/strepen_717171.png');
  background-color: transparent;
}

.interverjaardag h2 {
  background-color: #818181;
  background-image: none;
}

.interverjaardag a {
  border: 0;
}


.interverjaardag img {
  background-image: url('layout/strepen_686868.png');
  border: 1px #818181 solid;
  padding: 15px;
  float: left;
}






div.interactiviteit {
  background-image: url('layout/strepen_717171.png');
  background-color: transparent;
}

.interactiviteit h2 {
  background-color: #aaaaaa;
  background-image: none;
}

.interactiviteit a {
  border: 0;
}

.interactiviteit img {
  background-image: url('layout/strepen_686868.png');
  border: 1px #818181 solid;
  padding: 15px;
  float: left;
}







input {
  color: #000000;
}

textarea {
  color: #000000;
}

select {
  color: #000000;
}

option {
  color: #000000;
}

dl {
  padding-left: 10px;
}

dt {
  font-weight: bold;
  padding: 5px;
}

dd {
  padding: 0px 5px 5px 5px;
}

dd ul {
  list-style: none;
}

/*
----------------------------------------------


----------------------------------------------
*/

div.news {
  background-image: url('layout/strepen_717171.png');
  background-color: transparent;
}

.news h2 {
  background-color: #818181;
  background-image: none;
}

.news p {
  padding: 5px;
  margin: 5px;
}

.news dt {
  font-weight: bold;
}

.news dl {
  padding: 5px;
  margin: 5px;
}


/*
----------------------------------------------


----------------------------------------------
*/

div.vacature {
  background-image: url('layout/strepen_717171.png');
  background-color: transparent;
}

.vacature h2 {
  background-color: #818181;
  background-image: none;
}

.vacature p {
  padding: 5px;
  margin: 5px;
}

.vacature dt {
  font-weight: bold;
}

.vacature dl {
  padding: 5px;
  margin: 5px;
}


/*
----------------------------------------------


----------------------------------------------
*/

.week ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  list-style-position: outside;
}

.week li {
  padding: 0px;
  margin: 0px;
}

div.week {
  border: 0;
  background-color: transparent;
  background-image: none;
}

.month ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  list-style-position: outside;
}

.month li {
  padding: 0px;
  margin: 0px;
}

span.vakantie {
  color: #ff00ff;
  font-weight: bold;
}

span.tentamens {
  color: #ffff00;
  font-weight: bold;
}

span.algemeen {
  background-color: #ffffff;
  color: #1a1a1a;
}

span.tamar {
  background-color: #ff00ff;
  color: #ffffff;
}

span.scheidsrechter {
  background-color: #ffff00;
  color: #1a1a1a;
}

span.wedstrijd {
  background-color: #00bbff;
  color: #ffffff;
}

/*
----------------------------------------------
----------------------------------------------


----------------------------------------------
----------------------------------------------
*/

div.two {
  border: 0;
  background-image: none;
  background-color: transparent;
  padding: 0px;
  margin: 10px 10px 10px 10px;
}


/*
----------------------------------------------


----------------------------------------------
*/

div.left-text-a {
  width: 370px;
  margin: 0px;
  float: left;
  clear: left;
}

.left-text-a h1 {
  background-image: url('layout/lila.png');
}

.left-text-a a {
  color: #ff33ff;
}

.left-text-a a:hover {
  color: #ffffff;
}

.left-text-a a:active {
  color: #ff33ff;
}


/*
----------------------------------------------


----------------------------------------------
*/

div.left-text-b {
  width: 370px;
  margin: 0px;
  float: left;
  clear: left;
}

.left-text-b h1 {
  background-image: url('layout/geel.png');
  color: #000000;
  background-color: #ffff00;
}

.left-text-b a {
  color: #ffff00;
}

.left-text-b a:hover {
  color: #ffffff;
}

.left-text-b a:active {
  color: #ffff00;
}

/*
----------------------------------------------


----------------------------------------------
*/

div.left-text-c {
  width: 370px;
  margin: 0px;
  float: left;
  clear: left;
}

/*
----------------------------------------------


----------------------------------------------
*/

div.right-text-a {
  width: 370px;
  margin: 0px;
  float: right;
  clear: right;
}

.right-text-a h1 {
  background-image: url('layout/lila.png');
}

.right-text-a a {
  color: #ff33ff;
}

.right-text-a a:hover {
  color: #ffffff;
}

.right-text-a a:active {
  color: #ff33ff;
}

/*
----------------------------------------------


----------------------------------------------
*/

div.right-text-b {
  width: 370px;
  margin: 0px;
  float: right;
  clear: right;
}

.right-text-b h1 {
  background-image: url('layout/geel.png');
  color: #000000;
  background-color: #ffff00;
}

.right-text-b a {
  color: #ffff00;
}

.right-text-b a:hover {
  color: #ffffff;
}

.right-text-b a:active {
  color: #ffff00;
}

/*
----------------------------------------------


----------------------------------------------
*/

div.right-text-c {
  width: 370px;
  margin: 0px;
  float: right;
  clear: right;
}

/*
----------------------------------------------


----------------------------------------------
*/

div.right-photo {
  background-image: none;
  background-color: #1a1a1a;
  width: 370px;
  margin: 0px;
  float: right;
  clear: right;
}

.right-photo img {
  display: block;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}

/*
----------------------------------------------


----------------------------------------------
*/

div.left-photo {
  background-image: none;
  background-color: #1a1a1a;
  width: 370px;
  margin: 0px;
  float: left;
  clear: left;
}

.left-photo img {
  display: block;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}

/*
----------------------------------------------
----------------------------------------------
----------------------------------------------


----------------------------------------------
----------------------------------------------
----------------------------------------------
*/

#footer-container {

}

#footer {
  padding-top: 5px;
  margin-left: 40px;
}

#footer ul {
  list-style: none;
  margin: 0px;
  clear: both;
}

#footer li {
  float: left;
  margin: 20px;
}

#footer img {
  border: 0px;
}

/*
----------------------------------------------
----------------------------------------------
----------------------------------------------


----------------------------------------------
----------------------------------------------
----------------------------------------------
*/

#menu-container {

}

#menu {
  height: 45px;
}

#menu ul {
  list-style: none;
  background-color: #eeeeee;
}

#menu a {
  padding: 4px;
  border: 1px solid #1a1a1a;
  background-image: url('layout/grijs.png');
  background-repeat: repeat-x;
  background-color: #1a1a1a;
  display: block;
  color: #ffffff;
  text-decoration: none;
  width: 114px;
  min-height: 16px;
}

#menu a:hover {
  background-image: url('layout/geel.png');
  background-repeat: repeat-x;
  background-color: #ffff00;
  background-position: bottom;
  color: #000000;
}

#menu a:active {
  color: #ffffff;
}

#menu li {
  float: left;
}

#menu li ul {
  position: absolute;
  left: -1000px;
  width: 114px;
}

#menu li:hover ul {
  left: auto;
}

#menu li ul li {

}

#menu li ul ul {
  margin: -26px 0 0 123px;
}

#menu li:hover ul ul {
  left: -999em;
}

#menu li li:hover ul {
  left: auto;
}

#menu li li:hover ul ul {
  left: -999em;
}

#menu li li li:hover ul {
  left: auto;
}

/*
----------------------------------------------
----------------------------------------------


----------------------------------------------
----------------------------------------------
*/

li#nederlands {
  padding: 0;
  margin: 0;
  width: 36px;
  height: 24px;
}

#nederlands a {
  padding: 0;
  margin: 0;
  width: 36px;
  height: 24px;
  background-image: url('layout/flag_nl_gray.png');
}

#nederlands a:hover {
  background-image: url('layout/flag_nl.png');
  background-color: transparent;
}

#nederlands img {
  border: 0;
  padding: 0;
  margin: 0;
}

li#english {
  padding: 0;
  margin: 0;
  width: 36px;
  height: 24px;
}

#english a {
  padding: 0;
  margin: 0;
  width: 36px;
  height: 24px;
  background-image: url('layout/flag_en_gray.png');
}

#english a:hover {
  background-image: url('layout/flag_en.png');
  background-color: transparent;
}

#english img {
  border: 0;
  padding: 0;
  margin: 0;
}

span.invisible {
  display: none;
}

/*
----------------------------------------------



----------------------------------------------
*/

li#blank {
  border: 1px solid #1a1a1a;
  background-image: url('layout/grijs.png');
  background-repeat: repeat-x;
  background-color: #1a1a1a;
  width: 370px;
  height: 24px;
}