html
{
  height: 100%;
  width: 100%;
}

body 
{
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
  text-align: left;
  font-family: trebuchet ms, arial, helvetica, sans-serif;
  color: #ccc;
  font-size: 0.8em;
  line-height: 1.4em;
  background: #000 url(../img/bodyBg.gif) 0px 1px;
}

#wrapper
{
	background: url(../img/bodyTop.gif) repeat-x 0px -2px;
 min-width: 1024px;
 padding-top: 24px;
}

#searchBox
{
	height: 32px;
	background: #262626;
	color: #7D7D7D;
	position: absolute;
	left: 319px;
	top: 0px;
	width: 581px;
	letter-spacing: 1px;
	padding-top: 8px;
	padding-left: 24px;
}

#searchBox input
{
	 border: 0px;
	 background: #7d7d7d;
	 height: 18px;
	 width: 160px;
}

#searchBox .label
{
	  float: left;
	  display: block;
	  margin-right: 12px;
}

#web20
{
	width: 110px;
	height: 110px;
	position: absolute;
	right: 0px;
	top: 0px;
	background: url(../img/versie20.png) no-repeat right top;
}


#mainDiv
{
	width: 952px;
	margin: 0px auto;
 position : relative;
 background: url(../img/mainDivBg.jpg) repeat-y left top;
}

#logo
{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../img/logoHoogvlieger.jpg) no-repeat 1px 0px;
	width: 213px;
	height: 157px;
}

#label
{
	position: absolute;
	right: 16px;
	top: 27px;
	z-index: 100;
}

#contentDiv
{
  margin-left: 318px;
  margin-right: 28px;
  padding-top: 40px;
}

#contentDiv a
{
	  color: #fff;
}

#contentDiv h1, .componentheading
{
  font-size: 18px;
  color: #0083D0;
  font-weight: bold;
  letter-spacing: 1px;
  background: url(../img/panelBg.gif) repeat left top;
  padding: 16px;
  margin: 0px;
  text-align: left;
}

.textPanel
{
  float: left;
  background: #000 url(../img/bodyBg.gif) 0px 0px;
  width: 140px;
  margin-right: 18px;
  padding: 8px;
}

.textPanel h3
{
	margin: 0px;
	font-size: 12px;
	color: #0083D0;
}

#contentPadding
{
	padding: 12px;
}

.blog
{
	border-collapse: collapse;
}

.blog td
{
}

#mainMenu
{
	position: absolute;
	left: 19px;
	top: 150px;
	width: 190px;
}


#subMenu
{
	position: absolute;
	left: 228px;
	top: 150px;
	width: 106px;
}

#flashGallery
{
	height: 265px;
	width: 554px;
	border: 4px solid #fff;
	margin-left: 0px;
	margin-top: 24px;
}

#flashGallery object, #flashGallery embed
{
	padding: 0px;
	margin: 0px;
}

#mainMenu ul, #mainMenu li
{
	padding: 0px;
	margin: 0px;
}

td
{
  _font-size: 0.8em;
  _line-height: 1.4em;
}

.accent
{
  font-weight: bold;
  color: #0083d0;
}

.list
{
  color: grey;
  font-size: 0.9em;
}

.inputbox
{
  width: 120px;
  margin-left: 12px;
  margin-right: 12px;
  border: 1px solid black;
  background: #eeeeee;
}

.clearAll
{
  clear: both;
}

.imageBottom
{
   height: 12px;
   position: relative;
   float: left;
}

.imageleft
{
  float: left;
  margin-right: 12px;
}

.imageright
{
  float: right;
  margin-left: 12px;
}

.menu
{
  background: #1C76B3;
  text-align: left;
  width: 210px;
  padding-top: 160px;
}


#mainMenu li, #subMenu li
{
  list-style-image: none;
  list-style: none;
}

.subMenu
{
  background: #fff;
  width: 120px;
  color: #292e31;
  text-align: left;
  padding-top: 160px;
}

#subMenu ul, #subMenu li
{
    padding: 0px;
}

#subMenu a
{
  text-decoration: none;
  color: #1C76B3;
  text-align: left;
  display: block;
  padding: 4px 18px 4px 4px;
  font-size: 13px;
  border-bottom: 1px solid #CBE0F1;
}

#subMenu a:hover
{
  background: url(../img/pijlWit.gif) no-repeat right center;
}

#active_menu
{
  background: url(../img/pijlBlauw.gif) no-repeat right center;
  color: #000;
}

#mainMenu a
{
  color: #A3C7E1;
  display: block;
  text-transform: lowercase;
  letter-spacing: 1px;
  font-size: 13px;
  text-decoration: none;
  padding: 4px 18px 4px 0px;
  text-align: right;
  border-bottom: 1px solid #5396C3;
}

#mainMenu a:hover, .active
{
  background: transparent url(../img/pijlBlauw.gif) no-repeat right center;
}

.contentpaneopen td
{
  padding: 0px;
  border-collapse: collapse;
  border-right-style: none;
}

.contentpaneopen td hr
{
  border: 1px solid #1C76B3;
  margin-top: 14;
  margin-bottom: 14px;
}

.componentheading, h2
{
  font-size: 18px;
  color: #0083D0;
  font-weight: bold;
  letter-spacing: 1px;
}

h2
{
  margin-top: 8px;
  margin-bottom: 22px;
}

h4
{
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.5px;
  margin: 0px;
  padding: 0px;
  margin-top: 24px;
  margin-bottom: 8px;
}


.mod_title_bg
{
}


/* gallery styles */

.thumbImage img
{
  display: block;
  padding: 4px;
  float: left;
  border: 1px solid #333;
}

.thumbImage img:hover
{
  border: 1px solid #0083D0;
}

.photoFrame img
{
   border: 1px solid #444;
   padding: 4px;
   text-decoration: none;
}

.vafloat
{
  color: #0083D0;
  font-size: 0.9em;
}

td.vathumbs
{
  padding: 4px;
}

.vatable
{
  border-collapse: collapse;
  border: 0px;
}

.vatable img
{
  border: 1px solid white;
}
.albumDiv
{
  color: #fff;
  padding: 12px;
}

.albumBlock img
{
  margin-right: 12px;
  float: left;
  border: 1px solid #0083d0;
  padding: 4px;
}

.albumBlock a:hover img
{
  border: 1px solid #fff;
}

.albumBlock a
{
  color: #0083D0
}

.album
{
  padding: 18px;
  color: #fff;
}

.fineprint
{
  font-size: 0.8em;
  display: none;
}

.modnavbox
{
  color: #bbb;
}

.blackPaddingBox
{
  padding: 12px;
  text-align: center;
}


.pcaption
{
  margin: 0px;
  color: #ccc;
  padding-bottom: 12px;
}


.photoBlockBottom
{
}

.photoBlockTop
{
}


/* prijstabel styles */

#prijstabel
{
  width: 90%;
  border: 1px solid #0083d0;
  border: 1px solid #888;  
}

#prijstabel td
{
  vertical-align: top;
  padding: 2px 4px 2px 6px;
}

.prijskop
{
  background: #0083d0;
  background: #666;
  color: #fff;
  font-weight: bold;
}

.prijs
{
  background: #444;
  color: #fff;
  font-weight: bold;
}

.navtableborderend, .navtableborderbegin
{
}

#menu a, .bread
{
  color: #0083d0;
  text-decoration: none;
}

#menu a:hover, .bread a:hover
{
  color: #fff;
}

#menu td
{
  text-align: center;
}

.examples
{
  margin-top: 32px;
  padding: 8px;
  margin-bottom: 12px;
  background: grey url(../images/exampleHeader.gif) no-repeat left -20px;
  border: #fff;
}

/* formulier stylen */

.formContainer
{
  padding: 8px;
  background: #222;
  border: 1px solid #333;
}

.formInput, .formTextarea
{
  border: 2px solid #0083d0;
  background: #fff;
  padding: 2px;
}

.formContainer td
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 16px;
  vertical-align: middle;
}

small
{
  display: none;
}

.error
{
  color: #ff0000;
  display: block;
  font-size: 0.85em;
}

.formLabel
{
  text-align: left;
  color: #fff;
}

iframe
{
  border: 0px;
}

.productPanel
{
	border-top: 0px solid #1C76B2;
	border: 1px solid #333;
	background: #1A1A1A;
	position: relative;
	padding: 12px;
	padding-bottom: 18px;
	color: #999999;
	margin-right: 12px;
	font-size: 11px;
	height: 140px;
}

.productPanel h3
{
	font-size: 14px;
	color: #fff;
	margin: 0px;
}

.productPanel .readMore
{
	position: absolute;
	width: 13px;
	height: 15px;
	right: 12px;
	bottom: 12px;
}

.productPanel .readMore img
{
 text-decoration: none;
}

.floatLeft
{
	width: 42%;
	float: left;
	margin-right: 12px;
}

.listBlock
{
	 background-color: #333;
	 padding: 12px;
	 width: 80%;
	 font-size: 90%;
	 margin-bottom: 18px;
}

.listBlock li
{
   list-style-type: square;
}

.stepBlock
{
	padding: 12px;
	background-color: #1C76B4;
	width: 80%;
	margin-top: 24px;
	margin-bottom: 24px;
}

.stepBlock li
{
	  color: #92BEDB;
   list-style-type: square;
}

.twoColumn
{
	width: 44%;
	float: left;
}

.firstColumn
{
	border-right: 1px dotted #555;
	padding-right: 12px;
	margin-right: 12px;
	width: 48% ! important;
}

.photoBlock
{
  color: #888;
  text-align: center;
  float: left;	
  padding: 4px;
  background: #333;
}

.photoBlock img
{
	display: block;
	border: 0px solid #fff;
}

#footer
{
	text-align: center;
	color: #888;
}

#footer hr
{
	border: 0px;
	border-top: 1px solid #666;
}




/* image styles */

.imageBorder
{
  background: url(../img/imageBorder.jpg) no-repeat center top;
  padding: 10px;
  display: block;
  width: 240px;
  text-align: center;
  float: left;
  margin-right: 12px;
}

.imageBorder img
{
  width: 220px;
}

.bannerImage
{
	border: 4px solid #333;
}