/* ============================================================  */ 
/* ========  HTML STANDAARDEN    ===============================  */
/* ============================================================  */ 

html {
  height:100%;
  width:100%;
  overflow: -moz-scrollbars-vertical;
  }
body {
  margin:0 0 0 0;
  width:100%;
  height:100%;
  
  text-align:center;
  background:#FFF url(../gfx/background.jpg) repeat-x left top;
  scrollbar-face-color: #ddd; 
  scrollbar-highlight-color: #FFF; 
  scrollbar-shadow-color: #aaa; 
  scrollbar-3dlight-color: #aaa; 
  scrollbar-arrow-color:  #666; 
  scrollbar-track-color: #FFF; 
  scrollbar-darkshadow-color: #FFF;
  }

blockquote {margin:0 0 0 20px;}
.cB {clear:both;}

/* ============================================================  */ 
/* ========  LAYOUT BLOCKEN    ===============================  */
/* ============================================================  */ 
.shadow {
  margin:0 auto 0 auto;
  width:770px;
  text-align:left;
  min-height:100%;
  height:100%;
  }
* html .shadow {
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gfx/shadow.png", sizingMethod="scale");
  }
.container {
  position:relative;
  min-height:100%;
  padding:5px 10px;
  text-align:left;
  background:transparent url(../gfx/shadow.png) repeat-y left top;
  }
* html .container {
  padding:10px 10px;
  height:100%;
  background-image:none;
  }
html>body .container {margin-top:-10px;}
.contentBlock {
  }
  
.adresBlock     {height:95%;background:transparent url(../gfx_content/achtergronden/contact_back.jpg) no-repeat 100% 190px;}
.servicesBlock  {height:95%;background:transparent url(../gfx_content/achtergronden/services_back.jpg) no-repeat 100% 190px;}
.softwareBlock  {height:95%;background:transparent url(../gfx_content/achtergronden/softw_back.jpg) repeat-y 100% 190px;}
.hardwareBlock  {height:95%;background:transparent url(../gfx_content/achtergronden/herdw_back.jpg) no-repeat 100% 190px;}
.profielBlock   {height:95%;background:transparent url(../gfx_content/achtergronden/profiel.jpg) no-repeat 100% 190px;}
.missieBlock    {height:95%;background:transparent url(../gfx_content/achtergronden/missie.jpg) no-repeat 100% 192px;}
.historieBlock  {height:95%;background:transparent url(../gfx_content/achtergronden/historie.jpg) no-repeat 100% 190px;}
.nieuwsBlock    {height:95%;background:transparent url(../gfx_content/achtergronden/nieuws_back.jpg) no-repeat 100% 190px;}
.routeBlock     {height:95%;background:transparent url(../gfx_content/achtergronden/gps_back.jpg) no-repeat 100% 190px;}
/* ============================================================  */ 
/* ========  HEADER        ===============================  */
/* ============================================================  */

div.header {
  height:164px;
  background:transparent url(../gfx/torren_hor.gif) no-repeat 210px 40px;
  }
.headNav {
  position:absolute;
  top:30px;
  right:20px;
  width:80px;
  height:15px;
  text-align:right;
  z-index:100;
  }
.headNav a {}
.headNav img {display:block;float:right;margin-left:5px;}
.logo {
  margin:5px 15px;
  }
  
/* ============================================================  */ 
/* ========  NAVIGATIE      ===============================  */
/* ============================================================  */

div.navigatie {
  position:absolute;
  top:174px;
  left:15px;
  width:148px;
  z-index:100;
  padding-bottom:50px;
}

html>body div.navigatie {top:169px;} 
html>/**/body div.navigatie {top:174px;} 

div.navigatie img {
  display:block;
  margin-bottom:1px;
  }
div.navigatie .help {
  margin-top:30px;
  }
div.navigatie .cms {
  margin-top:20px;
  }
  
div#slideshow_side {
	height: 224px;
	width: 148px;
	text-align: center;
}

div#slideshow_side_img {
	height: 224px;
	width: 148px;
	border: 0 none; 
	filter: alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
}
  
/* ============================================================  */ 
/* ========  LIJNTJES      ===============================  */
/* ============================================================  */

.grey,
.green {
  margin:5px;
  font-size:2px;
  height:12px;
  background:transparent url(../gfx/stripes-grey.gif) repeat-x left top;
  }
* html .grey,
* html .green  {margin: 0 5px 5px 5px;}
.green {
  background:transparent url(../gfx/stripes-green.gif) repeat-x left top;
  }

/* ============================================================  */ 
/* ========  SITEMAP        ===============================  */
/* ============================================================  */  

.sitemapBlock {}
.sitemapBlock h5 {
  font-size:11px;
  margin:0;
  font-weight:normal;
  }
.sitemapBlock a {
  display:block;
  font-size:11px;
  color:#16B81D;
  text-decoration:none;
  }
.sitemapBlock a:hover {}

/* ============================================================  */ 
/* ========  FOOTER        ===============================  */
/* ============================================================  */

div.footer {
  position:absolute;
  bottom:0;
  left:0;
  width:770px;
  clear:both;
  z-index:250;
  }
div.footer .footerText {
  text-align:right;
  margin:0 20px;
  padding:17px 0px 7px 0px;
  color:#307E29;
  font-weight:bold;
  font-size:10px;
  background:transparent url(../gfx/stripes-Dgrey.gif) repeat-x left top;
  }
.w3c {
  position:absolute;
  bottom:4px;
  left:20px;
  width:120px;
  height:15px;
  z-index:250;
  }
.w3c img {vertical-align:top;}
a.s5  {
  text-decoration:none;
  color:#CCC;
  font-size:9px;
  font-family:Tahoma;
  }
/* ============================================================  */ 
/* ========  CONTENTBLOCK    ===============================  */
/* ============================================================  */

div.mainContent {
  position:relative;
  width:587px;
  margin-left:158px;
  margin-bottom:30px;
  min-height:700px;
  }
* html div.mainContent {
  height:500px;
  }
div.content {
  margin:10px;
  color:#666;
  line-height:16px;
  }
.datum {
  text-align:right;
  padding-bottom:5px;
  }
div.noot {
  padding:5px;
  border:1px solid #307E29;
  font-style:italic;
  margin-bottom:30px;
  color:#307E29;
  }
.glazenDDA {
  padding:30px 0 0 30px;
  }
#postIT {
  position:absolute;
  top:50px;
  left:50px;
  width:262px;
  height:337px;
  z-index:100;
  background:transparent url(../gfx/post_it.png) no-repeat left top;
  cursor:pointer;
  
  }
* html #postIT {
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gfx/post_it.png", sizingMethod="image");
  }


/* ============================================================  */ 
/* ========  ALGEMENE VOORWAARDEN  ===========================  */
/* ============================================================  */ 

div.algemene_voorwaardenBlock .green {
  color:#16B81D;
  margin-bottom:20px;
  font-size:11px;
  height:auto;
  background-image:none;
  }
div.algemene_voorwaardenBlock h3 {
  color:#666;
  text-transform:none;
  background:#FFF url(../gfx/stripes-grey.gif) repeat-x 0px 2px;
  }

/* ============================================================  */ 
/* ========  SOFTWARE        ===========================  */
/* ============================================================  */ 

div.softwareBlock h4 {margin:20px 0 0 0;}

/* ============================================================  */ 
/* ========  SCREENSHOTSTABLE    ===============================  */
/* ============================================================  */ 
.screenshotsTable {
  margin:20px 0;
  }
.screenshotsTable th {
  padding:2px 20px 2px 0;
  text-align:left;
  }
.screenshotsTable td {
  vertical-align:top;
  padding:2px 20px 2px 0;
  text-align:right;
  }
.screenshotsTable a {
  
  }
/* ============================================================  */ 
/* ========  FORMULIEREN        ===============================  */
/* ============================================================  */
form {
    margin:0px;
    }
.formgrid {
    }
.formGrid td {
    }
.formGrid .nameCell {
  }
.formGrid .inputCell {
    }
input,
select {
  vertical-align:middle;
  }
input.typeText {
  color:#F00;
  font-weight:normal;
  border-top:1px solid #F00;
  border-right:1px solid #F00;
  border-bottom:1px solid #F00;
  border-left:1px solid #F00;
  }
.formGrid input.typeText {
  padding-left:5px;
  }
label {
  vertical-align:middle;
  }
select.select {
  
  }
textarea.textarea {
  
  }

/* ============================================================  */ 
/* ========  POPUP FOTO        ===============================  */
/* ============================================================  */

body.fotoPopup {
  overflow:hidden;
  margin:0;
  text-align:left;
  background-image:none;
  }
body.fotoPopup h2 {
  margin:5px;
  }   
body.fotoPopup img {
  display:block;
  width:334px;
  } 
  
  
ul#gallery {  margin: 0; padding: 0; list-style: none; }
ul#gallery li { float: left; width: 135px; height: 135px; margin: 5px; text-align: center; }
ul#gallery img { border: 1px solid #16B81D; }