body
{
   background: #dadbdf url(../interface/achtergrond_top.jpg) top repeat-x;
   font-family: Tahoma, Arial, sans-serif;
   color: #363637;
   width: 100%;
   height: 100%;
   margin: 0px;
   padding: 0px;
}
ul,li
{
   margin: 4px;
   padding: 0px;
   text-indent: 0px;
   cursor: pointer;
}
a, a:active, a:focus, a:link, a:visited
{
   text-decoration: underline;
   color: #363637;
   margin: 0px;
   padding: 0px;
}
#screenoverlay
{
	background-color: #444546; /* The color to display*/

	/* The transparency of the background */
	opacity: .90;
	filter: alpha(opacity=90);

	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;

	/* Set the overlay so it appears above the page content */
	z-index: 1000;
}
.closeButton
{
   position: absolute;
   right: -15px;
   top: -15px;
   overflow: visible;
  	z-index: 1002;
}
.hoekLinksBoven{
  position: absolute;
  left: -23px;
  top: -21px;
  height: 21px;
  width: 23px;
  background: url(../interface/corners/hoek_links_boven.png) no-repeat;
}
.hoekRechtsBoven{
  position: absolute;
  right: -23px;
  top: -21px;
  height: 21px;
  width: 23px;
  background: url(../interface/corners/hoek_rechts_boven.png) no-repeat;
}
.hoekLinksOnder{
  position: absolute;
  left: -23px;
  bottom: -23px;
  height: 23px;
  width: 23px;
  background: url(../interface/corners/hoek_links_onder.png) no-repeat;
}
.hoekRechtsOnder{
  position: absolute;
  right: -23px;
  bottom: -23px;
  height: 23px;
  width: 23px;
  background: url(../interface/corners/hoek_rechts_onder.png) no-repeat;
}
.randBoven{
  position: absolute;
  left: 0px;
  right: 0px;
  top: -21px;
  height: 21px;
  background: url(../interface/corners/rand_boven.png) repeat-x;
}
.randOnder{
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -23px;
  height: 23px;
  background: url(../interface/corners/rand_onder.png) repeat-x;
}
.randRechts{
  position: absolute;
  right: -23px;
  bottom: 0px;
  top: 0px;
  width: 23px;
  background: url(../interface/corners/rand_rechts.png) repeat-y;
}
.randLinks{
  position: absolute;
  left: -23px;
  bottom: 0px;
  top: 0px;
  width: 23px;
  background: url(../interface/corners/rand_links.png) repeat-y;
}


a:hover
{
   text-decoration: none;
   /*color: #3333FF;*/
}
h1{
   margin: 5px 5px 10px 5px;
   font-size: 17px;
}

h2{
   margin: 5px 5px 5px 5px;
   font-size: 14px;
}

#titel_denhaag
{
   position: absolute;
   top: 60px;
   left: 20px;
}
#titel_bedvisielogo
{
   background: url(../interface/titel_bedvisielogo.jpg) top left no-repeat;
   position: absolute;
   top: 97px;
   left: 20px;
   width: 1005px;
   height: 156px;
}
#kubus
{
   position: absolute;
   top: 350px;
   left: 100px;
   width: 100px;
}
#container
{
   position: relative;
   float: left;
   display: block;
   margin: 350px 0px 10px 150px;
   width: 550px;
   min-height: 400px;
   padding: 0px 0px 90px 0px;
}
#linkrow
{
   position: absolute;
   top: 300px;
   left: 730px;
   width: 200px;
}
#fotolijst
{
   position: absolute;
   top: 350px;
   left: 730px;
}
.box
{
   position: relative;
   display: block;
   float: left;
   width: 200px;
   height: 168px;
   padding: 40px;
   margin: 10px;
   background: url(../interface/box_background.jpg) no-repeat;
   overflow: hidden;
}
.marginleft
{
   margin-left: 20px;
}
#linkbox
{
   position: absolute;
   top: 254px;
   left: 25px;
   width: 1000px;
}
.blauwvet
{
   font-weight: bold;
   color: #3333FF;
}
.knopmidden
{
   position: relative;
   float: left;
   display: block;
   height: 45px;
   padding: 13px 0px 0px 0px;
   margin: 0px 24px 0px 0px;
   background: url(../interface/knop_midden.jpg) repeat-x;
   overflow: visible;
   font-weight: bold;
   font-size: 11px;
}
.knopmiddenvast
{
   position: relative;
   float: left;
   display: block;
   height: 30px;
   width: 150px;
   padding: 13px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   background: url(../interface/knop_midden.jpg) repeat-x;
   overflow: hidden;
   font-weight: bold;
   font-size: smaller;
   text-align: center;
}
.knoplinks
{
   position: absolute;
   left: -12px;
   width: 12px;
   height: 45px;
   top: 0px;
   background: url(../interface/knop_links.jpg) no-repeat;
}
.knoprechts
{
   position: absolute;
   right: -11px;
   width: 11px;
   height: 45px;
   top: 0px;
   background: url(../interface/knop_rechts.jpg) no-repeat;
}
#menuzilver
{
   position: absolute;
   top: 97px;
   left: 50px;
   display: block;
   height: 151px;
   width: 200px;
   padding: 5px 5px 0px 0px;
   margin: 0px 0px 0px 0px;
   background: url(../interface/zilverbox.jpg) no-repeat;
   overflow: hidden;
   font-weight: normal;
   font-size: 13px;
   text-align: center;
}
a.nodecoration:link, a.nodecoration:visited, a.nodecoration:focus, a.nodecoration:active {
   text-decoration: none;
   text-transform: lowercase;
   font-weight: normal;
   font-size: 16px;
}
a.nodecoration:hover {
   color: #3333FF;
   font-weight: bold;
}
.backoff
{
   position: relative;
   left: -5px;
   top: 0px;
   height: 2px;
   width: 137px;
   display: inline;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border: none;
   overflow: hidden;
}
.roundedcornerbox1
{
   position: relative;
   width: 291px;
   height: 172px;
   background: url(../interface/squarebox.png) no-repeat;
   padding: 10px;
}
#actielijst
{
   display: block;
   position: absolute;
   top: 350px;
   left: 5px;
   width: 120px;
   height: 390px;
   padding: 5px;
   border-right: #B5BFCA 1px solid;
   font-size: smaller;
}
.innerPopUp
{
   position: absolute;
   top: 20px;
   left: 0px;
   width: auto;
   margin: 0px;
   height: auto;
   padding: 10px;
   background: #FFFFFF;
   visibility: hidden;
   border: #FFFFFF 1px solid;
 	z-index: 1001;
}



.popFooter
{
   position: absolute;
   bottom: -51px;
   min-height: 30px;
   background: #1f1a17;
   color: #FFFFFF;
   left: -1px;
   right: -1px;
   padding: 5px 5px 15px 5px;
   border: none;
}
a.colorWhite, a.colorWhite:link, a.colorWhite:hover, a.colorWhite:visited
{
  color: #FFFFFF;
  text-decoration: none;
}

#bottombar
{
   position: fixed;
   bottom: 0px;
   width: 100%;
   height: 15px;
   padding: 0px 0px 0px 0px;
   margin: 0px;
   border-top: #FFFFFF solid 1px;
   background: url(../interface/bottombar.jpg) repeat-x top;
   color: #EAECEE;
   font-family: "Courier New", Courier, monospace;
   font-style: normal;
   font-variant: small-caps;
   font-size: 15px;
   display: none;
}
#openingstijden
{
   position: absolute;
   top: 97px;
   left: 256px;
   display: block;
   height: 126px;
   width: 200px;
   padding: 25px 5px 5px 0px;
   margin: 0px 0px 0px 0px;
   background: url(../interface/zilverbox.jpg) no-repeat;
   overflow: hidden;
   font-weight: normal;
   font-size: 12px;
   text-align: center;
   visibility: hidden;
}
.imageright
{
   position: absolute;
   left: 550px;
   top: -40px;
}
.fixetAlinea
{
   position: relative;
   min-height: 220px;
   display: block;
}