img, a, input { behavior: url(../iepngfix/iepngfix.htc) }

a.mystyle { color: #495595; text-decoration: none; }
a.mystyle:hover { color: black; text-decoration: underline; }


body {
 background-image: url(../opmaak/bgb.jpg);
 background-repeat: repeat-x;
 padding: 0pt auto;
 font-weight: normal;
 color: #333366;
}

.container {
  position: relative;
  width: 960px;
  padding: 0px;
  margin: 0pt auto;
  top: 0px;
  font-family: "Verdana";
  font-size: 12px;
  border: 1px solid #003366 ;
  border-width: 2px;
  background-color: #C9D2DD; 
  color: #333366;
  z-index: 0;
  font-weight: normal;
}

.header {
  position: relative;
  width: 960px;
  height: 164px;
  z-index: 10;
  padding: 0px;
  margin: 0px;
  top: 0px;
  font-weight: normal;	
}

.contentboven {
  width: 960px;
  background-color: #4bef1;
}

.contentmain {
  position: relative;
  text-align: left;
  background-color: #C9D2DD;
  padding: 15px 0px 0px 15px;
  z-index: 0;
  font-weight: normal;
}

.contentbeneden {
  position: relative;
  width: 960px;
  height: 0px;
  background-color: #4bef1;  
  z-index: 100;
}

.madeby {
  position: relative;
  width: 960px;
  background-image: url(../opmaak/bgtop.jpg);
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

h2 {
  font-size: 14px;
  font-weight: 200;
  font-family: "Verdana";
}

a {
color: #4A5670;
line-height: 15px;
letter-spacing: 0,5px;
text-decoration: underline, 10px;
font-weight: bold;
font-family: "Verdana";
} 
a:visited {
text-decoration: bold;
font-family: "Verdana";
}
a:active {
color: #999933;
text-decoration: bold;
font-family: "Verdana";
}
a:hover {
text-decoration: bold; 
color: #999933;
font-family: "Verdana";
}

/* tekst */

.th {
  background-color: #4A5670;
  color: white;
  padding: 2px;
}

.kop {
  font-size: 13px;
  color: #49556F;
  font-weight: bold;
}

.tekst {
  font-family: "Verdana";
  font-size: 11px;
  color: #000033;
}

.tekstRood {
  color: #ff9393;
}

.tekstBlauw {
  color: #330099;
}

.tekstWit {
  color: white;
  font-size: 13px;
  font-family: Verdana;
}

.tekstLicht {
  color: #e89143;
}

.tekstOranje {
  color: #E89142;
}

.tekstAchtergrond {
  background-color: #9676cb;
  border: 1px solid #49556F;
  padding-bottom: 1px;
  padding-left: 5px;
}

/* div */

.chasers {
  position: absolute;
  width: 207px;
  left: 710px;
  top: -1px;
  height: 564px;
}

.chasersTekst {
  position: relative;
  left: 0px;
  top: 0px;
  width: 207px;
  background-color: white;
  background-repeat: repeat-y;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  border-bottom: 1px solid #B4BEF1;
  border-left: 1px solid #B4BEF1;
  border-right: 1px solid #B4BEF1;
  text-align: left;
}


/* TEASER */

.verslagenTeaserKop {
  position: relative;
  width: 203px;
  padding: 3px 0px 0px 5px;
  height: 18px;
  top: 0px;
  border-left: 1px solid #B4BEF1;
  border-top: 1px solid #B4BEF1;
  border-bottom: 1px solid #B4BEF1;
  background-image: url(../opmaak/kop.gif);
  backgroud-repeat: repeat-x;
  font-weight: bold; 
  font-family: 'Verdana';
}

.verslagenTeaser {
  position: relative;
  left: 0px;
  top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #f2f2f2;
  border-left: 1px solid #B4BEF1;
  border-bottom: 1px solid #B4BEF1;
  text-align: left;
}

.contentLogin {
  position: absolute;
  left: 200px;
  top: 40px;
  width: 748px;
  height: 480px;
  background-color: #E3EAF2;
  border: 1px solid #49556F;
  overflow: none;
}

.contentBreed {
  position: relative;
  width: 918px;
  border: 1px solid #b4bef1;
  left: 20px;
  top: 10px;
  background-color: #F2F2F2;
  font-weight: normal;
}

.contentBreedTitel {
  position: relative;
  width: 908px;
  border-bottom: 1px solid #b4bef1;
  left: 0px;
  top: 0px;
  padding: 3px 5px 3px 5px;
  height: 15px; 
  font-weight: bold;
  font-size: 12px;
  background-image: url(../opmaak/kop.gif);
  background-repeat: repeat-x;
}

.contentBreedTekst {
  position: relative;
  width: 892px;
  left: 0px;
  top: 0px;
  padding: 10px 10px 10px 10px;
  background-color: #F2F2F2;
}

.contentLinks {
  position: relative;
  width: 400px;
  border: 1px solid #b4bef1;
  left: 20px;
  top: 0px;
  z-index: 100;
  font-weight: normal;
}

.contentLinksTitel {
 position: relative;
 height: 16px;
 padding: 3px 3px 2px 10px;
 background-image:url(../opmaak/kop.gif);
 background-repeat: repeat-x;
 width: 387px;
 font-size: 12px;
 font-weight: bold;
}

.contentLinksTekst {
 position: relative;
 background-color: #F2F2F2;
 background-repeat: repeat-y;
 width: 380px;
 padding: 0px;
 border-top: 1px solid #B4BEF1;
 z-index: 10;
 font-weight: normal;
}

.contentRechts {
  position: absolute;
  left: 450px;
  top: 0px;
  width: 400px;
  border: 1px solid #b4bef1;
  background-color: #fef1ed;
  font-weight: normal;
}

.contentRechtsTitel {
 position: relative;
 height: 15px;
 padding: 3px;
 background-image:url(../opmaak/kop.gif);
 background-repeat: repeat-x;
 width: 394px;
 font-size: 12px;
 font-weight: bold;
}

.contentRechtsTekst {
 position: relative;
 background-color: #F2F2F2;
 background-repeat: repeat-y;
 width: 390px;
 padding: 5px;
 border-top: 1px solid #b4bef1;
}

.contentRechtsBreed {
  position: relative;
  width: 850px;
  border: 1px solid #b4bef1;
  background-color: #fef1ed;
}

.contentRechtsTitelBreed {
 position: relative;
 height: 15px;
 padding: 3px 3px 3px 13px;
 background-image:url(../opmaak/kop.gif);
 background-repeat: repeat-x;
 width: 474px;
 font-size: 12px;
 font-weight: bold;
}

.contentRechtsTekstBreed {
 position: relative;
 background-color: #F2F2F2;
 background-repeat: repeat-y;
 width: 460px;
 padding: 15px;
 border-top: 1px solid #b4bef1;
}

.contentLinksTeaser {
  position: relative;
  left: 20px;
  width: 710px;
  border: 1px solid #B4BEF1;
  background-color: white;
  top: 10px;
  z-index: 1;
  font-weight: normal;
}

.contentLinksTitelTeaser {
 position: relative;
 height: 15px;
 padding: 3px 3px 3px 10px;
 border-bottom: 1px solid #B4BEF1;
 background-image: url(../opmaak/kop.gif);
 background-repeat: repeat-x;
 width: 697px;
 font-size: 12px;
 font-weight: bold;
 z-index: 1;
}

.contentLinksTekstTeaser {
 position: relative;
 background-color: #F2F2F2;
 background-repeat: repeat-y;
 width: 710px;
 padding: 0px 0px 0px 0px;
 font-weight: normal;
}

/*LOGIN*/

input.btn { 
  color:#050; 
  font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
  background-color:#fed; 
  border: 1px solid; 
  border-color: #696 #363 #363 #696; 
  filter:progid:DXImageTransform.Microsoft.Gradient 
  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); 
	} 

input.btnhov { 
  border-color: #c63 #930 #930 #c63; 
} 

.loginButton {
  width: 50px;
  left: 14px;
  border: 1px solid white;
  background-color: #D2D9E3;
}

.loginNaam {
  float: left;
  width: 123px;
  padding-left: 5px;
  padding-top: 5px;
}

.loginNaamInput {
  float: left;
  width: 123px;
  padding-top: 4px;
  padding-left: 1px;
  height: 21px;
}

.loginPass {
  float: left;
  width: 123px;
  padding-left: 5px;
}

.loginPassInput {
  float: left;
  width: 123px;
  height: 21px;
  padding-left: 1px;
}

.submitVlak {
  float: left;
  height: 23px;
  top: 53px;
  padding: 3px 3px 0px 5px;
}

/* NAVIGATIE */

.navigatie {
  position: absolute;
  top: 15px;
  height: 21px;
  left: 20px;
}

.navli {
  float: left;
  background-image: url(../opmaak/arrowRight1.png);
  height: 19px;
  width: 15px;
  background-color: #FFE9D1;
  border-left: 1px solid #49556F;
  border-top: 1px solid #49556F;
  border-bottom: 1px solid #49556F;
}

.nav {
  float: left;
  background-image: url(../opmaak/nav.jpg);
  background-repeat: repeat-x;
  height: 17px;
  text-align: left;
  padding: 2px 4px 0px 3px;
  left: 16px;
  border-right: 1px solid #49556F;
  border-top: 1px solid #49556F;
  border-bottom: 1px solid #49556F;
}

.navre {
  float: left;
  background-image: url(../opmaak/navli.gif);
  height: 19px;
  width: 5px;
  border: 1px solid #49556F;
}

/* GASTENBOEK */

.gastenboek {
  margin-top: 20px;
  width: 651px;
  position: relative; 
  font-family: "Verdana" sans-serif; 
  font-size: 11px;
}

.gastenboekNaam {
  float: left; 
  border: 1px solid #314053; 
  padding: 5px; 
  text-align: center; 
  width: 191px; 
  height: 10px;
  background-image: url(../opmaak/kop.gif);
  background-repeat: repeat-x;
}

.gastenboekBericht {
  float: left;  
  margin-left: 0px; 
  border: 1px solid #314053; 
  padding: 5px; 
  text-align: center; 
  width: 428px; 
  height: 10px;
  background-image: url(../opmaak/kop.gif);
  background-repeat: repeat-x;
}

.gastenboekTekst {
  position: relative; 
  padding: 0px 0px 0px 0px; 
  border-left: 1px solid #314053;
  border-right: 1px solid #314053;
  background-color: white;
  background-repeat: repeat-y; 
  text-align: left; 
  width: 640px;
}

.gastenboekReactie {
  position: relative; 
  margin-top: -1px;
  margin-left: 0px;
  padding: 5px 0px 5px 0px;
  border: 1px solid #314053;
  background-color: #E9EFF5;
  background-repeat: repeat-y;
  text-align: left; 
  width: 648px;
}

.gastenboekReactieLinksCMS {
  float: left; 
  padding: 5px; 
  margin-top: -1px;
  border: 1px solid #314053;
  text-align: center; 
  width: 100px;
  height: 100px;
  vertical-align: middle;
  background-color: #FFFFCC;
}

.gastenboekReactieRechtsCMS {
  float: left; 
  margin-top: -1px;
  margin-left: -1px;
  padding: 5px; 
  border: 1px solid #314053;
  background-color: #FFCC99;
  text-align: left; 
  width: 482px;
  height: 100px;
  overflow: auto;
}

/* menu items */

.menu {
  position: absolute;
  top: 162px;
  height: 30px;
  z-index: 10;
  height: 30px;
}

#menu li {
  float: left;
  list-style-type: none;
  z-index: 100;
}

#menu li a {
  background-color: #49556F;
  text-decoration: none;
  font-family: "Verdana";
  font-size: 13px;
  line-height: 30px;
  font-weight: bold;
  color: white;
  border-right: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  padding: 2px 5px 5px 5px;
}  

#menu li a:hover {
  background-color: #C9D2DD;
  color: #49556F;
  border-top: 1px solid #f1f1f1;
  padding-top: 2px;
}

#menu li a:active {
  background-color: #C9D2DD;
  color: black;
}

.actief { 
  background-image: url(../opmaak/menuhover1.jpg);
  color: #49556F;
}

#timelapse li a {
  padding: 4px;
  border: 1px solid #E89142;
  background-color: white;;
  background-position: top;
  text-decoration: none;
  font-family: "Verdana";
  font-size: 13px;
  color: #990000;
  font-weight: bold;
}  

#timelapse li a:hover {
  background-color: #F8C899;
}

#timelapse li a:active {
  background-color: #F8C899;
}

#timelapse li a.actief { 
  background-color: #F8C899;
}

.tussentabel {
  height: 20px;
}

/* BUTTONS */

.button {
  font-size: 11px;
  font-family: Verdana;
  background-color: white;
  border: 1px solid #b6b6b6;
  overflow: hidden;
}

.hr {
  height: 1px;
  color: #ffffcc;
  border: 0px;
  background-color: #ffffcc;
}


/* Chaseformulier */

.formulierJaar {
  float: left;
  border-top: 1px solid #9a9a9a;
  border-left: 1px solid #9a9a9a;
  border-right: 1px solid #9a9a9a;
  padding-top: 3px;
  width: 50px;
  height: 20px;
}

.formulierJaarLeeg {
  float: left;
  padding-top: 3px;
  border-bottom: 1px solid #9a9a9a;
  width: 5px;
  height: 20px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

	
	
#linkLicht a {
color: white;
font-size: 12px;
text-decoration: none;
font-family: "Verdana";
} 
#linkLicht a:visited {
color: white;
text-decoration: none;
font-size: 12px;
font-family: "Verdana";
}
#linkLicht a:active {
color: #e6e6e6;
font-size: 12px;
font-family: "Verdana";
}
#linkLicht a:hover {
color: #e6e6e6;
text-decoration: underline; 
font-size: 12px;
font-family: "Verdana";
}

#linkDonker a {
color: #003366;
font-size: 12px;
text-decoration: bold underline;
font-family: "Verdana";
} 
#linkDonker a:visited {
text-decoration: bold underline;
font-size: 12px;
font-family: "Verdana";
}
#linkDonker a:active {
color: #999933;
text-decoration: bold underline;
font-size: 12px;
font-family: "Verdana";
}
#linkDonker a:hover {
text-decoration: underline; 
font-size: 12px;
color: #999933;
font-family: "Verdana";
}

#linkDonker1 a {
color: #003366;
font-size: 12px;
text-decoration: none;
font-family: "Verdana";
} 
#linkDonker1 a:visited {
text-decoration: none;
font-size: 12px;
font-family: "Verdana";
}
#linkDonker1 a:active {
color: #003366;
text-decoration: none;
font-size: 12px;
font-family: "Verdana";
}
#linkDonker1 a:hover {
text-decoration: none; 
font-size: 12px;
color: black;
font-family: "Verdana";
}

#linkTeaser a {
color: #003366;
font-size: 11px;
text-decoration: bold underline;
font-family: "Verdana";
} 
#linkTeaser a:visited {
text-decoration: bold underline;
font-size: 11px;
font-family: "Verdana";
}
#linkTeaser a:active {
color: #999933;
text-decoration: bold underline;
font-size: 11px;
font-family: "Verdana";
}
#linkTeaser a:hover {
text-decoration: underline; 
background-color: black;
font-size: 11px;
color: #999933;
font-family: "Verdana";
}

#linkKlein a {
color: #003366;
font-size: 10px;
text-decoration: bold underline;
font-family: "Verdana";
} 
#linkKlein a:visited {
text-decoration: bold underline;
font-size: 10px;
font-family: "Verdana";
}
#linkKlein a:active {
color: #999933;
text-decoration: bold underline;
font-size: 10px;
font-family: "Verdana";
}
#linkKlein a:hover {
text-decoration: underline; 
font-size: 10px;
color: #999933;
font-family: "Verdana";
}