/**
 * Stylesheet for trucktraining
 * @author: Tom van Oorschot (Creation Point)
 * @date: 26-09-2006 
 */   
@media print  {
	div { display: none; }
	div#container {display: block;}
	div#content {display: block;}
	div#contentBar { display: block;}
	div#headImage { display: none; }
	div#contentBar .spacer { display: block;}
	/*div#container { display: block; }
	div#rightBar { display: none; }
	div#leftBar { display: none; }
	contentBar.spacer { display: block; }
	.spacer { display: block; }*/
}

@media screen {
html,body{
  margin: 0;
  background-color: #bebebe;
  text-align: center;
  height: 100%;
}

img{ border: 0;}

/* Main page container */
div#container{
  width: 790px;
  margin: 28px auto;
  margin-bottom: 28px;
  text-align: left; /* reset text alignment */
  background-image: url(/editor/userimages/content_bg.gif);  
  border-top: 1px solid #eae9f1;
  border-left: 1px solid #e3e5e2;
  border-right: 1px solid #7e7e80;
}

div#header{
  background-color: #748e17;
  width: 790px;
  height: 138px; /*extra 8px for green bar */
}

div#header img{
 float: left;
 position: absolute;
}

/* start menu related styles */

div#menu{
  background-color: #FFFFFF;
  height: 24px;
}

div#headImage{
	text-align:center;
	margin:0;
	padding:0
}

ul#navigationMenu{
  	list-style-type: none;	
  	margin: 0px;  
	padding-left: 0px;
	padding-top: 1px;
	font-weight: bold;
  	font-family: Verdana;
	font-size: 10px;
}

ul#navigationMenu li.normal{
  background: url(/editor/userimages/li_inactive.gif) no-repeat;
  float: left;
  padding: 0px 0px 0px 15px;
  margin: 6px 0px 0px 8px;
  height: 12px;
  line-height: 10px;
}


ul#navigationMenu li.active{
  background: url(/editor/userimages/li_active.gif) no-repeat;
  float: left;		
  padding: 0px 0px 0px 15px;
  margin: 6px 0px 0px 8px;
  height: 12px;
  line-height: 10px;  
}

ul#navigationMenu li.hover{
  background: url(/editor/userimages/li_hover.gif) no-repeat;
  float: left;
  padding: 0px 0px 0px 15px;
  margin: 6px 0px 0px 8px;
  height: 12px;

  line-height: 10px;  
}

ul#navigationMenu li.normal a:visited{ text-decoration: none; color: #58585a; }
ul#navigationMenu li.normal a:link{ text-decoration: none; color: #58585a;  }
ul#navigationMenu li.normal a:hover{ text-decoration: none; color: #000000; }

ul#navigationMenu li.hover a:visited{ text-decoration: none; color: #58585a; }
ul#navigationMenu li.hover a:link{ text-decoration: none; color: #58585a;  }
ul#navigationMenu li.hover a:hover{ text-decoration: none; color: #000000; }

ul#navigationMenu li.active a:link{ text-decoration: none; color: #748e17; }
ul#navigationMenu li.active a:visited{ text-decoration: none; color: #748e17; }
ul#navigationMenu li.active a:hover{ text-decoration: none; color: #000000; }

/* end menu related styles */

/* start content related styles */


/* Content wrapper */
div#content{

}


div#leftBar{
  width: 209px;
  float: left;
  font-family: verdana;
  color: white;
  font-size: 10px;
  background-color: #748e17;
  height: auto;
}

div#contentBar{
  width: 393px;
  float: left;  
  font-family: Verdana;
  font-size: 10px;
  color: #58585a;  
  background-color: #FFFFFF;

}

div#rightBar{
  width: 180px;
  float: left;
  padding-left: 8px;
  color: #58585a;
  font-family: Verdana;
  font-size: 10px;

}

/* Start Leftbar */

  div.opleiding{
    margin: 7px 6px 0px 10px;
    color: white;
    border-bottom: 2px solid #96aa50;
    padding-bottom: 10px;
  }
  
  div#leftBar ul.opleiding{
    padding: 0;
    margin: 5px 0px 0px 0px;
    list-style-type: none;
  }
  
  div#leftBar ul.opleiding li.normal{
    background: url(/editor/userimages/opleiding_bullet_inactive.gif) no-repeat;
    padding: 0px 0px 0px 10px;
    margin-left: 1px;
    padding-top: 0px;
    line-height: 14px;
  }
  
  div#leftBar ul.opleiding li.active{
    background: url(/editor/userimages/opleiding_bullet_active.gif) no-repeat;
    
    padding: 0px 0px 0px 10px;
    margin-left: 1px;
    padding-top: 0px;
    line-height: 14px;

  }
  
  div.opleiding b a:visited{ text-decoration: none; color: #FFFFFF; }
  div.opleiding b a:link{ text-decoration: none; color: #FFFFFF; }
  div.opleiding b a:hover{  text-decoration: none; color: #000000; }

  li.active a:visited{ text-decoration: none; color: #000000; }
  li.active a:link{ text-decoration: none; color: #000000; }
  li.active a:hover{  text-decoration: none; color: #000000;  }

  li.normal a:visited{ text-decoration: none; color: #FFFFFF; }
  li.normal a:link{ text-decoration: none; color: #FFFFFF; }
  li.normal a:hover{ text-decoration: none; color: #000000; }

/* End Leftbar */


/* Start Contentbar */
  div#contentBar .spacer{
    margin-top: 13px;
    margin-left: 38px;
    margin-bottom: 5px;
    margin-right: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #d6d6d6;
    line-height: 13px;
  }
  
  div#contentBar #header{
    width: 393px;
    height: 9px;
    background-color: #000000;
  }
  
  div#contentBar h1{
    font-size: 16px;
    padding: 0; margin: 0;
    display: inline; 
  }
  
  div#contentBar b{
    color: #748e16;
  }
  
  div#contentBar strong{
    color: #748e16;
  }
  
  div#contentBar hr{
    border: 0;
    margin: 0; padding: 0;
    width: 100%;
    color: #919191;
    background-color: #919191;
    height: 1px;
    
  }
  
  div#contentBar h5 {
	margin: 0;
	font-size: 12px;
  }
  
  div#contentBar ul {
  	margin-top: 0;
  	margin-left: 0;
  	padding-left: 20px;
  }
  

  
  div#contentBar #contentFooter{
    height: 14px;
    clear: both;
    padding-right: 16px;
    margin-bottom: 13px;
    background-color: #FFFFFF;
    text-align: right;
  }
  
  div#contentFooter a {
    margin: 0 8px;
  }
  
/* end content bar */

/* Start right bar*/

  div#rightBar A:link{ color: #748e17; text-decoration: none; }
  div#rightBar A:visited{ color: #AAA; text-decoration: none; }
  div#rightBar A:hover{ color: #000; text-decoration: none; }
  
  div#rightBar .spacer{
    padding: 4px;
    width: 161px;
    
    margin-top: 0px;
    padding-left: 4px;
    padding-right: 4px;
    
    border-left: 1px solid #b5b5b5;
    border-right: 1px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5;
  }
  
  div#rightBar div#contact{
    background-color: #FFFFFF;
    width: 171px;
    line-height: 14px;
  }
  
  div#nieuws div#imageContact{
    height: 19px;
  }
  
  div#contact div.spacer {
   padding-top: 5px;	  
  }

  div#rightBar div#nieuws{
    background-color: #FFFFFF;
    width: 170px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  
  div#nieuws div#imageNieuws{
    height: 19px;
  }
  
  div#nieuws div.spacer {
   padding-top: 10px;
  }

/* end right bar */

/* end content related styles */



/* start footer related styles */

  div#overallFooter{
    background-color: #000000;
    height: 20px;
    padding-right: 13px;
    padding-top: 3px;
    text-align: right;
    color: white;
  }

/* end footer related styles */

.newsHeadline{
  border-bottom: 1px solid #acacad;
  padding-bottom: 14px;
  margin-bottom: 14px;
}

.newsHeadline h4 {
 margin-top: 0;
 margin-bottom: 2px;
 font-size: 10px;	
}

.newsHeadline2{

}

.newsHeadline A, .newsHeadline2 A { color: #748e17; text-decoration: none; }
.newsHeadline A:visited, .newsHeadline2 A:visited { color: #AAA; text-decoration: none; }
.newsHeadline A:hover, .newsHeadline2 A:hover { color: #748e17; text-decoration: underline; }


.checkbox{
 margin-top: 0px;
  
}

div#informatieservice * {
    vertical-align: middle;
    line-height: 16px;
}

div#informatieservice img{

 display: inline;
}

div#informatieservice input{
  border: 1px solid #d4d4d4;
  font-size: 12px;
  margin: 1px;
  width: 220px;
  color: #58585a;
}

div#informatieservice textarea{
  border: 1px solid #d4d4d4;
  font-size: 10px;
  font-family:verdana;
  margin: 1px;
  width: 220px;
  color: #58585a;
}


div#informatieservice input.knoppen{
  height: auto;
  width: auto;
  border:0;
}

div#informatieservice label.informatie{
  width: 100px;
  float: left;
}

div#informatieservice label#aantal{
  margin-left: 22px;
}

div#informatieservice h2{
  color: #748e17;
  margin: 0;
  padding: 0;
  display: inline;
  height: 13px;
  font-size: 14px;
} 

div#informatieservice h2.stuurinfo {
 display: block;
 margin-bottom: 10px;	
}

/* mailform */

div#mailform {
    margin-top:15px;
    width: 335px;
    height:auto;
}

.mailform_tell {
    margin-top:15px;
    width: 335px;
    height:auto;
}



div.formrow {
    margin: 2px 0px;
}



div#mailform fieldset {
    padding: 0.7em;
    margin-bottom: 10px;
}



div.formrow label {
    padding-top:4px;
    text-align:right;
    display: block;
    float: left;
    width: 50px;
}

div.formrow label.label_nieuws {
    padding-top:4px;
    text-align:left;
    display: block;
    float: left;
    width: 150px;
}



div#mailform textarea {
    padding: 2px;
    border: 1px gray inset;
    overflow:hidden;
    width:150px;
	font-family: Verdana;
    font-size: 6px;
}

.textarea {
    padding: 2px;
    border: 1px gray inset;
    overflow:hidden;
    width:150px;
	font-size: 10px;

}

div.formrow input {
    border: solid 1px gray;
    width:150px;
    padding: 1px 3px;
    background-color: #F8F8F8;
}


div.formrow input:focus {
    border: #1D1060 solid 1px;
    background-color: white;

}



div.formsubmit {

    text-align: center;

    padding-right: 5px;

 }

.veld{

    font-size: 12px;
    font-weight: bold;
    background-color:#E7E7E7;
    color: #434343;
    border: 1px solid #434343;

 }
 
}