/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~ VORMGEVING                                                           ~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
*
{
  font-family: "Arial", "Geneva", "Helvetica", Sans-serif;
}

img
{
  border : 0px;
}

body
{
  background-color : #808284;
}

a
{
  font-weight : bold;
  color : black;
  text-decoration:underline;
  font-size : 12px;
}

a:hover
{
  text-decoration : underline;
}

form
{
  margin : 0px;
}

input,
select,
textarea,
option,
legend
{
  font-size : 12px;
}

pre
{
  font-family : "ProggyOptiSmallBP";
  font-size:12px;
  background-color: white;
  z-index : 10000;
  color : black;
  border:1px solid black;
  margin : 0px;
  padding:10px;
  position:absolute;
}

th, td
{
  text-align : left;
  vertical-align : top;
  font-size : 12px;
  padding-top : 1px;
}

th
{
  padding-top : 4px;
  white-space : nowrap;
  padding-right : 10px;
}

#calendar th,
#calendar td
{
  font-size : 10px;
  vertical-align : top;
  text-align : left;
  padding : 3px;
}

#calendar th
{
  text-align : left;
}

#calendar td
{
  background-color : whitesmoke;
  
  width   : 60px;
  height  : 60px;
}

#calendar .today
{
  background-color : silver;
}

#content
{
  width : 454px;
  padding : 10px;
}

#beschermkalender
{
  position          : absolute;
  top               : 0px;
  right             : 0px;

  width             : 140px;
  height            : 75px;

  background-color  : #67686a;
}

#title
{
  position          : absolute;
  top               : 75px;
  left              : 150px;

  width             : 474px;
  height            : 30px;

  font-weight       : bold;
  font-size         : 18px;
  text-transform    : uppercase;

  background-color  : #a7a9ac;
  color             : #67686a;
}

.title
{
  margin: 5px 0px 10px 0px;
  font-size: 16px;
}

.darktitle
{
  font-weight       : bold;
  font-size         : 18px;
  text-transform    : uppercase;

  background-color  : #67686a;
  color             : white;
}

#HeaderUsername
{
  position:absolute;
  right:200px;
  top : 82px;
  font-size:12px;
  font-weight : bold;
  color : white;
}

#month
{
  position          : absolute;
  top               : 75px;
  right             : 0px;

  width             : 140px;
  height            : 30px;

  font-weight       : bold;
  font-size         : 18px;
  text-transform    : uppercase;

  background-color  : #ee1c24;
  color             : white;
}

#print{ position:absolute; right:160px; top:82px; width:34px; height:16px; }
#logout{ position:absolute; right:204px; top:82px; border:1px solid black; font-size:8px; }
#logoutimg{ width:100px; height:16px; }
#logo{ cursor:pointer; position:absolute; left:0px; width:140px; height:82px; margin:18px 5px; }
#headerimage{ position:absolute; left:150px; width:474px; height:75px; }
#beschermcalimage{ width:140px; height:48px; margin-top:10px; }
#sklogo{ width:98px; height:22px; }

#right
{
  background-color : #cccccc;
}

#navLevel1
{
  margin-top  : 14px;
  width : 148px;
}

#dropdown,
.nieuwsbericht
{
  margin-left : -10px;
  margin-right: -10px;
  padding:10px;

  border-bottom: 1px silver solid;
}

.nieuwsbericht
{
  height: 100px;
}




.month
{
  overflow:hidden;
  position:absolute;
}

.monthname
{
  position:absolute;
  background-color:#cccccc;
  height:20px;
}

.monthname *
{
  text-transform : uppercase;
  font-weight : bold;
  color : #67686a;
  font-size : 11px;
  margin:3px 8px;
}

.navLevel0,
.navLevel1,
.navLevel2,
.navLevel3,
.navLevel0Active,
.navLevel1Active,
.navLevel2Active,
.navLevel3Active,
.navLevel0Hilite,
.navLevel1Hilite,
.navLevel2Hilite,
.navLevel3Hilite
{
  display         : block;
  font-size       : 11px;
  font-weight     : normal;
  text-decoration : none;
  color           : #a7a9ac;
  margin-bottom   : 5px;
}

.navLevel0Hilite,
.navLevel1Hilite,
.navLevel2Hilite,
.navLevel3Hilite
{
  color : #ed1b23;
}

.navLevel0,
.navLevel1,
.navLevel0Active,
.navLevel1Active,
.navLevel0Hilite,
.navLevel1Hilite
{
  padding-left    : 17px;
}

.navLevel0,
.navLevel1,
.navLevel0Active,
.navLevel1Active,
.navLevel0Hilite,
.navLevel1Hilite
{
  text-transform  : uppercase;
}

.navLevel2,
.navLevel2Active,
.navLevel2Hilite
{
  padding-left : 27px;
}

.navLevel3,
.navLevel3Active,
.navLevel3Hilite
{
  padding-left : 37px;
}

.navLevel0:hover,
.navLevel1:hover,
.navLevel2:hover,
.navLevel3:hover,
.navLevel0Hilite:hover,
.navLevel1Hilite:hover,
.navLevel2Hilite:hover,
.navLevel3Hilite:hover
{
  background-color : #67686a;
}

.navLevel0:active,
.navLevel1:active,
.navLevel2:active,
.navLevel3:active,
.navLevel0Hilite:active,
.navLevel1Hilite:active,
.navLevel2Hilite:active,
.navLevel3Hilite:active
{
  color : white;
}

.navLevel0Active,
.navLevel1Active,
.navLevel2Active,
.navLevel3Active
{
  background-color : #67686a;
  color : white;
}

.content,
.body
{
  line-height: 130%;
  display: block;
}

.content,
.body,
.content *,
.body *
{
  font-size : 14px;
}

.subtitle,
.subtitlesmall,
.subsubtitle
{
  font-size : 14px;
  font-weight : bold;
  display:block;
}

.subtitle,
.subsubtitle
{
  text-transform : uppercase;
}

.subsubtitle
{
  background-color : #67686a;
  color : #cccccc;
  margin-top : 8px;
  margin-left : -10px;
  padding: 5px;
  width : 464px;
}

.productlistitem,
.productlistitem:hover
{
  width:106px;

  margin-right:10px;
  margin-bottom:10px;
  float:left;
  cursor : pointer;

  font-size:10px;
  font-weight : normal;
  text-decoration : none;
}

.faqtitle
{
  font-size : 18px;
  font-weight : bold;
  display:block;
  text-transform : uppercase;
}

.faqtitle_small
{
  font-size : 16px;
  font-weight : bold;
  display:block;
  text-transform : uppercase;
}

.faqtitle_grey
{
  font-size : 18px;
  font-weight : bold;
  color:#CCCCCC;
  text-transform : uppercase;
}

.faqsubtitle
{
  font-size : 16px;
  font-weight : bold;
  display:block;
}
.faqcontent
{
  font-size : 14px;
  display:block;
}
.weerbericht
{
  font-size : 10px;
  color     : #3165aa;
}


#disabler,
#statusbg
{
  z-index   : 10000;
  position  : absolute;
  width     : 100%;
  height    : 100%;
  border    : 0px;
  margin    : 0px;
  padding   : 0px;
  background-color  : black;
  opacity   : .3;
}

#statusmsg
{
  z-index:10002;
  position:absolute;
  top:30%;
  left:50%;
  margin-left:-150px;
  background-color:#ffffcc;
  padding:10px;
  border:1px solid black;
  width:300px;

  font-size:smaller;
}

.fakeBtn
{
  clear:both;
  float:right;
  border:1px outset black;
  background-color:gainsboro;
  font-size:12px;
  padding: 2px 10px;
  cursor:default;
  margin-top:20px;
}

.ba_field_label
{
  display:block;
  margin-left:3px;
  font-size:10px;
  color:#FFFFFF;
  margin-top:10px;
}

.ba_field
{
  width:110px;
}

#footer
{
  padding-left : 17px;
}

.sitevoorwaarden
{
  color: #a7a9ac;
  font-weight : normal;
  font-size : 11px;
}

.searchresult
{
  padding-left: 25px;
}

.searchresult dd
{
  font-size : 12px;
  font-style: italic;
}

.search
{
  color : white;
  font-size : 10px;
}

.floaterWindow
{
  z-index     : 10000;
  position    : absolute;
  visibility  : hidden;
  overflow    : hidden;
}

.closeFloater
{
  display:block;

  cursor:pointer;
  background-color:black;
  font-size:10px;
  color:white;
  text-align:right;
  padding:3px;
  padding-top:5px;
  white-space:nowrap;
}

.closeFloater img
{
  width:13px;
  height:13px;
  vertical-align:top;
}

.kleur
{
  position:relative;
  border:1px solid black;
  width:13px;
  height:13px;
  float:left;
  margin:0px 7px 4px 0px;
}

.verfcalc
{
  position:relative;
  float:left;
  margin-top:100px;
  margin-left:-75px;
  width:230px;
}

.verfcalc_2
{
  margin-top:10px;
}

.readon
{
  font-family : "Verdana", "Arial", Sans-serif;
  font-weight : normal;
  font-size : 15px;
  color : red;
  text-decoration: none;
}

.title-beschermkalender
{
font-weight: bold; font-size: 18px; text-transform: uppercase;
}

.tekst-beschermkalender
{
  font-size: 12px;
  font-weight: bold; 
}

.info_text
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.autocomplete {
  position:absolute;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  z-index:9999;
}
.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
.autocomplete ul li.selected { background-color: #002A5F; color:white;}

.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:15px;
  cursor:pointer;
}

.crumbpath, .crumbpath *
{
  font-size     : 11px;
  font-weight   : bold;
  padding-left  : 8px;
  color         : #FFFFFF;
  white-space   : nowrap;
}

.mapAddress{
font-size:12px;
font-weight:normal;
}

.google  {
font-size:11px;
}

.google:hover  {
font-size:11px;
color:#990000;
}

/* JSMX loading */
div#JSMX_loading{ 
	position:absolute;
	top:560px;
	width:500px;
	left:50%;
	margin-left:-250px;
	height:65px;
	background-image:url(/shared/images/ajax-loading.gif );
	background-repeat: no-repeat;
	background-position:205px; center;
	z-index:9999999;
}