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


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

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

* {
  margin: 0;
  padding: 0;
}

a {
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #ffffff;
}

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

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


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


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


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

div#main {

}


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


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

div#header-container {

}

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

div#header h1 {
  display: none;
}

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

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


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

div#content-container {

}

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

div.content h1 {
  background-color: #0078ff;
  background-image: url('layout/lichtblauw.png');
  background-repeat: repeat-x;
  color: #ffffff;
  padding: 4px 8px 4px 8px;
  margin: -1px;
  border: 1px solid #0078ff;
}

div.content h2 {
  background-color: #0078ff;
  background-image: url('layout/lichtblauw.png');
  background-repeat: repeat-x;
  color: #ffffff;
  padding: 4px 8px 4px 8px;
  margin: -1px;
  border: 1px solid #0078ff;
}

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

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

div.content a {
  color: #00bbff;
}

div.content a:hover {
  color: #ffffff;
}

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

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

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

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

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




div.content p.warning {
  font-weight: bold;
}





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

div.content div.fotoalbum h2 {
  background-color: #505050;
  background-image: none;
  border: 1px solid #555555;
  color: #ffffff;
  padding: 4px 8px 4px 8px;
  margin: -1px;
}

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

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






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

div.content div.foto img {
  border: 1px solid #555555;
  display: block;
}

div.content div.foto img.opmerkingen {
  border: 2px solid #0078ff;
  display: block;
}

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






div.content div.fotogroot {
  border: 0;
}

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

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





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

div.content div.person h2 {
  background-color: #505050;
  background-image: none;
  border: 1px solid #555555;
  color: #ffffff;
  padding: 4px 8px 4px 8px;
  margin: -1px;
}

div.content div.person dt {
  font-weight: bold;
}

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

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

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

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

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

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

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

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


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

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

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

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

div.afmeldingen dt {
  font-weight: bold;
}

div.afmeldingen dd {
}

div.content div.afmeldingen {
}

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

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

div.content div.vraag h2 {
  background-color: #505050;
  background-image: none;
  border: 1px solid #555555;
}

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

div.content div.commentaar h2 {
  background-color: #505050;
  background-image: none;
  border: 1px solid #555555;
}

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

div.content div.commentaar a {
  border: 0;
}

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






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

div.content div.fotocommentaar h2 {
  background-color: #505050;
  background-image: none;
  border: 1px solid #555555;
}

div.content div.fotocommentaar a {
  border: 0;
}

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




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

div.content div.internieuws h2 {
  background-color: #808080;
  background-image: none;
  border: 1px solid #555555;
}

div.content div.internieuws a {
  border: 0;
}

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




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

div.content div.intervacature h2 {
  background-color: #808080;
  background-image: none;
  border: 1px solid #555555;
}

div.content div.intervacature a {
  border: 0;
}

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





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

div.content div.interwisselspeler h2 {
  background-color: #808080;
  background-image: none;
  border: 1px solid #555555;
}

div.content div.interwisselspeler a {
  border: 0;
}

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





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

div.content div.interwisselvraag h2 {
  background-color: #505050;
  background-image: none;
  border: 1px solid #555555;
}

div.content div.interwisselvraag a {
  border: 0;
}

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









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

div.content div.interverjaardag h2 {
  background-color: #505050;
  background-image: none;
  border: 1px solid #555555;
}

div.content div.interverjaardag a {
  border: 0;
}


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






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

div.content div.interactiviteit h2 {
  background-color: #808080;
  background-image: none;
  border: 1px solid #555555;
}

div.content div.interactiviteit a {
  border: 0;
}

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







form input {
  color: #000000;
}

form textarea {
  color: #000000;
}

form select {
  color: #000000;
}

form option {
  color: #000000;
}

form dl {
  padding-left: 10px;
}

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

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

form dd ul {
  list-style: none;
}

dl {
  padding-left: 10px;
}

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

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

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


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

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

div.content div.news h2 {
  background-color: #505050;
  background-image: none;
  border: 1px solid #555555;
}

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

div.content div.news dt {
  font-weight: bold;
}

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

div.content div.news a {
  color: #00bbff;
}

div.content div.news a:hover {
  color: #ffffff;
}

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


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

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

div.content div.vacature h2 {
  background-color: #505050;
  background-image: none;
  border: 1px solid #555555;
}

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

div.content div.vacature dt {
  font-weight: bold;
}

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

div.content div.vacature a {
  color: #00bbff;
}

div.content div.vacature a:hover {
  color: #ffffff;
}

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


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

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

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

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

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

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

span.vakantie {
  color: #ff00ff;
}

span.tentamens {
  color: #ffff00;
}

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

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

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

span.wedstrijd {
  background-color: #0078ff;
}

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


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

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


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


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

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

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

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

div.content div.two div.left-text-a h1 {
  color: #ffffff;
  background-image: url('layout/lila.png');
  background-repeat: repeat-x;
  background-color: #ff00ff;
  margin: -1px;
  border: 1px solid #ff00ff;
}

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


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

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

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

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



div.content div.two div.left-text-b h1 {
  color: #000000;
  background-image: url('layout/geel.png');
  background-repeat: repeat-x;
  background-color: #ffff00;
  margin: -1px;
  border: 1px solid #ffff00;
}

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


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

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

div.content div.two div.left-text-c a {
  color: #00bbff;
}

div.content div.two div.left-text-c a:hover {
  color: #ffffff;
}


div.content div.two div.left-text-c h1 {
  color: #ffffff;
  background-image: url('layout/lichtblauw.png');
  background-repeat: repeat-x;
  background-color: #0078ff;
  margin: -1px;
  border: 1px solid #0078ff;
}

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


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

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

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

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

div.content div.two div.right-text-a h1 {
  color: #ffffff;
  background-image: url('layout/lila.png');
  background-repeat: repeat-x;
  background-color: #ff00ff;
  margin: -1px;
  border: 1px solid #ff00ff;
}

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


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

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

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

div.content div.two div.right-text-b a:hover {
  color: #ffffff;

}

div.content div.two div.right-text-b h1 {
  color: #000000;
  background-image: url('layout/geel.png');
  background-repeat: repeat-x;
  background-color: #ffff00;
  margin: -1px;
  border: 1px solid #ffff00;
}

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


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

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

div.content div.two div.right-text-c a {
  color: #00bbff;
}

div.content div.two div.right-text-c a:hover {
  color: #ffffff;

}

div.content div.two div.right-text-c h1 {
  color: #ffffff;
  background-image: url('layout/lichtblauw.png');
  background-repeat: repeat-x;
  background-color: #0078ff;
  margin: -1px;
  border: 1px solid #0078ff;
}

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


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

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

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

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


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

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

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

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


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

div#footer-container {

}

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

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

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

div#footer img {
  border: 0px;
}

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


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

div#menu-container {

}

div#menu {
  height: 45px;
}

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

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

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

div#menu li {
  float: left;
}

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

div#menu li ul li {
}

div#menu li:hover ul {
  left: auto;
  background-position: 0 0;
}

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

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

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


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


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

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

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

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

div#menu li#nederlands img {
  border: 0;
  padding: 0;
  margin: 0;
}

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

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

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

div#menu li#english img {
  border: 0;
  padding: 0;
  margin: 0;
}

span.invisible {
  display: none;
}

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



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

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