/* CSS for Ad A. Klein | Transporttechniek */
/* © 2008 Jop Berkhout | design_stuff */

* {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

body {
	background: #FDE7D2 url(../images/layout/backgradient.gif) center top repeat-x;
}

p {
	margin: 0px 0px 10px 0px; 
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #4A3315;
}

h1 { 	
	font-size: 20px;
	line-height: 20px;
	color: #4A3315;
	font-weight: normal;
	padding-bottom:12px;	
}

h2 {
	margin: 13px 0px 10px 0px; 
	font-size: 13px;
	line-height: 20px;
	color: #4A3315;
}
h3 {
	margin: 13px 0px 2px 0px; 
	font-size: 11px;
	line-height: 20px;
	color: #4A3315;
}

a {
	color: #005AA5;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

img {
	border: 0px;
}

#header {
	position: relative;	
	width: 625px;	
	height: 248px;	
	padding:0px 50px;	
	background: transparent url(../images/layout/header-back.gif) left top no-repeat;
}
	
	ul#menu {		
		position:absolute;
		top:14px;
		list-style:none;
		z-index:10;
	}
		ul#menu li {										
			float:left;
			padding-right:16px;			
		}
			ul#menu li a {
				font-family: "Trebuchet MS", Verdana, Arial, sans-serif;	
				font-size: 14px;			
				font-weight: bold;
				padding-top: 14px;
				color: #353535;
				display:block;	
				padding-bottom:25px;
			}
		
				ul#menu li a:hover, ul#menu li a:active, ul#menu li a.active {
					color: #F58220;					 
					background: transparent url(../images/layout/menu-active.gif) top center no-repeat;					
				}
	
	img.headerpic {
		position:absolute;
		top:61px;
		display:block;
		clear:both;
		padding-bottom:8px;
		background: transparent url(../images/layout/shade-header.gif) bottom left no-repeat;
		z-index:5;
	}
	
	ul#submenu {		
		list-style:none;
		position:absolute;
		top:224px;
		background: transparent url(../images/layout/menu-arrow.gif) left 5px no-repeat;		
		padding-left:16px
	}
		ul#submenu li {										
			float:left;
			padding-right:16px;			
		}
			ul#submenu li a {
				font-family: "Trebuchet MS", Verdana, Arial, sans-serif;	
				font-size: 12px;			
				font-weight: bold;				
				color: #353535;
				display:block;
				padding-bottom:14px;					
			}		
				ul#submenu li a:hover, ul#submenu li a:active, ul#submenu li a.active {
					color: #F58220;					 			
					background: transparent url(../images/layout/submenu-arrow.gif) center bottom no-repeat;							
				}
#content {								
	padding-top:40px;
	width: 640px;			
	padding:0px 50px;	
	background: transparent url(../images/layout/content-back.gif) left top repeat-y;
}	

	#shadowtop {
		width:100%;
		height:40px;
		background: transparent url(../images/layout/shade-top.gif) left top repeat-x;
	}

	ul#subsubmenu {		
		width: 170px;				
		text-align: right;				
		list-style: none;	
		background-color: #FFFFFF;		
		float:left;
	}
					
			ul#subsubmenu li {																
				font-family: "Trebuchet MS", Verdana, Arial, sans-serif;						
				font-size: 11px;
				line-height: 29px;															
				border-bottom: 1px solid #D6DADD;
				background-color: #FFF2E9;								
			}
			
				ul#subsubmenu li a {					
					border-top: 1px solid #FFFFFF;
					border-bottom: 1px solid #FFFFFF;										
					padding-right: 7px;					
					font-weight:normal;					
					color: #47331A;
					display: block;												
				}
				
					ul#subsubmenu li a:hover, ul#subsubmenu li a:active, ul#subsubmenu li a.active {
						color: #F88220;					 			
						background-color: #FEF9F3;							
					}
					
								
			ul#subsubmenu li.firstchild {											
				border-top: 1px solid #D6DADD;
	
			}
			
			/* sub-sub-sub menu */
					ul#subsubmenu li ul {
						width: 170px;				
						text-align: right;				
						list-style: none;
						background-color: #FFFFFF;								
					}
						ul#subsubmenu li ul li {																				
							line-height: 20px;															
							border-bottom: 1px solid #EBEFF1;
							background-color: #FFFFFF;	
						}
						
						ul#subsubmenu li ul li a {					
							font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
							font-size: 11px;
							border-top: 1px solid #FFFFFF;
							border-bottom: 1px solid #FFFFFF;										
							padding-right: 15px;					
							font-weight:normal;					
							color: #645036;
							display: block;												
						}		
						
							ul#subsubmenu li ul li a:hover, ul#subsubmenu li ul li a:active, ul#subsubmenu li ul li a.active {
								color: #F88220;					 			
								background-color: #FFFFFF;							
							}
						ul#subsubmenu li ul li.firstchild {											
							border-top: 1px solid #D6DADD;	
						}
						ul#subsubmenu li ul li.last {											
							border:0px;
	
						}

			
	#text {			
		width:435px;
		padding-left:20px;	
		float:left;
		
	}
	
	#text.wide {		
		width:595px;
	}
	
	#text #downloadform {
		width:435px;
	}
		
		#text .errors {
			margin: 0px 0px 10px 0px; 
			font-family: "Trebuchet MS",Verdana, Arial, sans-serif;
			font-size: 11px;
			line-height: 20px;
			color: red;			
		}		
		
		#text fieldset {
			margin-top: 20px;
			padding: 10px 0px 10px 0px;
			border: 1px solid #d0dfeb;
		}
	
		#text fieldset div {
			margin-bottom: 12px;
			display: block;
		}
		
			#text fieldset div input, #text fieldset div textarea {
				width: 260px;
				border-top:1px solid #6391b5;
				border-left:1px solid #6391b5;
				border-bottom:1px solid #d0dfeb;
				border-right:1px solid #d0dfeb;
				font-family: Verdana, Arial, sans-serif;
				font-size: 11px;
				padding: 4px;
				color: #0c1e2f;
			}
			
				#text fieldset div input.error {
						background: #fde7d2;								
				}
					
			#text fieldset div#checkbox{
				float: left;
				margin: 0px;			
				width:270px;
			}
						
				#text fieldset div#checkbox input {					
					width:20px;	
					border:0px;				
				}
				#text fieldset div#checkbox input.anders {																				
					width:170px;
					height:10px;
					border-top:1px solid #6391b5;
					border-left:1px solid #6391b5;
					border-bottom:1px solid #d0dfeb;
					border-right:1px solid #d0dfeb;
				}
	
		#text legend {
			margin: 0px 0px 12px 10px;
			padding: 2px 7px;		
			background-color: #ffffff;	
			border: 1px solid #d0dfeb;
			font-size: 13px;
			line-height: 20px;
			color: #f78220;
			font-weight: bold;
		}
		
		#text label {
			float: left;
			width: 120px;
			padding: 0px 15px 0px 10px;
			text-align: right;
			font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
			font-size: 11px;
			font-weight: bold;
			line-height: 30px;
				
		}
	
		#text #verzenden {
			margin: 15px 22px 0px 0px;
			text-align: right;
		}
	
			#text #verzenden input {
				margin-left: 5px;
				padding: 3px;
				background: #fef9f3;	
				border: 1px solid #d0dfeb;
				font-family: Verdana, Arial, sans-serif;
				font-size: 11px;		
				color: #f78220;	
			}
	
				#text input:focus, textarea:focus {
					background: #fef9f3;				
					font-style:italic;
				}
	
	
		#text div.trigger {
			
		}
		
			#text hr.split {
				border: none 0; 		
				border-bottom: 1px dashed #D1D1D1;
				width: 100%;
				height: 1px;
				margin: 20px auto 20px 0;
				text-align: left;
				clear:both;			
			}
			
			#text div.trigger a.img {
				margin-top:4px;
				display:block;
				float:left;
				margin-right:20px;
			}	
					
			/* triggerblocks in het contentdeel */		
			#text div.trigger a.img {
				display:block;
				float:left;
				margin-right:20px;
			}	
					
			#text div.trigger p {			
				float:left;									
			}
	
			#text div.trigger span {																		
				display:block;			
				float: left;					
				background: transparent url(../images/layout/shade-button.gif) bottom center no-repeat;			
				padding-bottom:7px;								
			}
			
			#text div.trigger span a{																					
				font-family: Arial, sans-serif;		
				font-size: 9px;
				color:#FFFFFF;	
				text-transform:uppercase;	
				padding:2px 10px 2px 20px;			
				display:block;															
				background: #F68121 url(../images/layout/button-arrow.gif) 10px center no-repeat;
				margin-top:15px;
			}
								
			#text div.trigger span a:hover {
				color: #FFFFFF;											 			
				background-color: #F58E20;							
			}
			
			#text div.trigger div.clear  {
				margin-top:-10px;			
				clear:both;
			}
			
				#text a:hover, #text a:active {
					color: #F58220;					 															
				}
				
			#text ul {
				 list-style-type: none; 
			}
			
				#text ul li {
					
					font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
					font-size: 11px;
					line-height: 20px;
					color: #4A3315;
					background: url(../images/layout/ul-arrow.gif) 0px 7px no-repeat;
					margin: 0px;
					padding: 0px 20px;
				}
				
				#text ol li {
					margin-left: 20px;
					font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
					font-size: 11px;
					line-height: 20px;
					color: #4A3315;
				}
			
	#shadowbottom {		
		width:100%;
		height:40px;
		background: transparent url(../images/layout/shade-bottom.gif) left top repeat-x;
		clear:both;
		
	}
	

#footer {					
	width: 725px;
	height: 40px;						
	background: transparent url(../images/layout/footer-back.gif) left top no-repeat;		
}
	
	#footer ul {
		margin: 0px 20px;
		padding: 0px 0px;
		width: 710px;
		text-align: center;

	}
	
		#footer ul li{										
			font-family: Arial, sans-serif;						
			font-size: 9px;
			color: #8f7250;
			padding: 0px 8px;			
			display: inline;																					
			text-transform: uppercase;
			list-style: none;
		}
					
			#footer ul li a {
				font-family: Arial, sans-serif;
				font-size: 9px;
				color:#EC8505;
				font-weight:normal;
			}
				#footer ul li a:hover {
					color: #FFA03A;
				}		
		
			#footer ul li img  {							
				vertical-align: middle;						
				padding:0px 4px;									
			}						
			
			#footer ul li img.vca  {							
				vertical-align: top;						
				margin-right:4px;									
			}
			
			
			#footer ul li.firstchild{
				border-right:1px solid #8F7250;
			}	
			

#sitenav {
	position:absolute;
	top:16px;
	left:740px;						
}
	
	#sitenav ul {
		list-style:none;													
	}
	
		#sitenav ul li{														
			font-size: 11px;
			float:left;
			border-left:1px solid #686866;									
			padding:0px 6px;																					
		}	
					
		#sitenav ul li a {	
			font-family: "Trebuchet MS", Verdana, Arial, sans-serif;						
			font-size: 11px;
			color:#F58220;
			font-weight:normal;									
		}
			#sitenav ul li a:hover {						
				color: #FFA03A;				
			}	
				
		#sitenav ul li.firstchild {	
			border:0px;			
		}

#logo {
	position:absolute;
	left:766px;
	top:60px;
}

/* Triggerblocks aan de rechterkant*/
#triggers {
	position:absolute;
	left:740px;
	top:250px;	
		
}
		#triggers div.trigger {
			width:220px;
			margin-bottom:18px;
		}
				
			#triggers div.trigger img {
				background: transparent url(../images/layout/shade-trigger.gif) bottom center no-repeat;
				padding-bottom:8px;
				display:block;
			}
			
			#triggers div.trigger p {
				font-family: "Trebuchet MS", Verdana, Arial, sans-serif;						
				font-size: 11px;
				font-weight:normal;
				color:#4A3315;
				margin-top:5px;
				line-height:18px;				
			}
			
			#triggers div.trigger a.triglink {											
				font-family: Arial, sans-serif;
				font-size: 9px;				
				color:#EC8505;
				font-weight:normal;				
				background: transparent url(../images/layout/trigger-arrow.gif) 1px center no-repeat;				
				display:block;				
				line-height:19px;
				padding:4px 0px 2px 15px;
				border-top:1px dashed #D5BFAA;
				border-bottom:1px dashed #D5BFAA;				
				text-transform:uppercase;
			}
				
				#triggers div.trigger a.triglink:hover {
					color: #FFA03A;		
					background-color: #FFEEDE;		
				}
									
#news {
	position:absolute;
	left:740px;
	top:250px;	
		
}

	#news ul {
			width:220px;
			margin-bottom:18px;
			list-style:none;
	}
	#news ul li {
		margin-bottom:30px;
	}
	#news ul li h2 {
		margin-bottom:1px;			
	}
	
	#news ul li p.newsdate {		
		font-size: 10px;	
		color:#888e8c;
		text-transform:uppercase;
	}
	#news ul li p.newsmessage {
		font-weight: normal;		
	}
	
	#news ul li a.triglink {											
		font-family: Arial, sans-serif;
		font-size: 9px;				
		color:#ec8505;
		font-weight:normal;				
		background: transparent url(../images/layout/trigger-arrow.gif) 1px center no-repeat;				
		display:block;				
		line-height:19px;
		padding:4px 0px 2px 15px;
		border-top:1px dashed #D5BFAA;
		border-bottom:1px dashed #D5BFAA;				
		text-transform:uppercase;
	}
		#news ul li a.triglink:hover {
			color: #FFA03A;		
			background-color: #ffeede;		
		}