/* CSS for TPC */
/* © 2008 Tekworks | Internet Software */

* {
	margin: 0;
	padding: 0;	
}

body {
  min-height: 400px;
  background: #fff url(../images/layout/background.jpg) top left repeat-x;
}

p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #595959;	
	padding-bottom:10px;
	line-height:18px;
}

h1 { 	
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;	
	color: #80A1FE;
	font-weight:bold;
	padding-bottom:20px;	
	text-decoration: none;	  					
}

h2 {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2d65ff;
	padding-bottom:10px;
	 				
}
h3 {

}

a {
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	text-decoration:none;		
	color:#A567B2;
	font-weight:bold;
}

	a:hover, a:active, a.active {
		text-decoration: underline;
	}

img {
	border:0px;
}



#container {
  background: transparent url(../images/layout/shadow-top.gif) top left no-repeat;
  margin: 20px auto 0px auto;
  padding-top:16px;   
  width: 718px;        
  overflow:hidden;  
}


	#shadow-left {				
		float:left;
		background: transparent url(../images/layout/shadow-left.gif) top left no-repeat;
		width:9px;			
		margin-bottom: -3000px; 
		padding-bottom: 3000px;			
	}
	
	#shadow-right {
		float:left;				
		background: transparent url(../images/layout/shadow-right.gif) top left no-repeat;		
		width:9px;	
		margin-bottom: -3000px; 
		padding-bottom: 3000px;					
	}
	
	#content {
		float:left;
		width:700px;
		background-color: #fff;		
	}
	
		#logo {			
			display:block;
			float:left;
			margin:20px 0px 0px 30px;
		}
		
		#header {			
			display:block;
			float:left;
			margin:10px 0px 0px 20px;
		}
		
		#buttons {						
			text-align:right;
			margin:0px 30px 0px 0px;			
		}
			#buttons a {
				font-weight:bold;
			}	
			#buttons span {
				color: #2d65ff;
				padding:0px 4px 0px 4px;	
			}
		
		#menu {
			margin:-5px 0px 0px 30px;
			float:left;
		}
		
		#menu h1 {
			font-size:14px;
			font-weight:bold;
			color:#343434;
		}
		
		#menu ul {
			list-style:none;		
			width:170px;
			background-color:#fafafa;						
		}
			#menu ul li {								
				border-top: 1px solid #eaeaea;				
			}
			
			#menu ul li.first {
				border-top:0px;
			}
			#menu ul li a {
				background: transparent url(../images/layout/arrow.gif) 10px 12px no-repeat;				
				font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
				font-size:11px;
				text-decoration:none;		
				color:#51BC84;
				font-weight:bold;
				
				padding:6px 0px 6px 30px;
				display:block;		
				height:18px;									
			}						
				#menu ul li a.active, #menu ul li a:hover {													
					background: #f7f7f7 url(../images/layout/arrow-active.gif) 10px 12px no-repeat;				
					text-decoration:none;		
					color:#343434;							
				}
				
				
					#menu ul li ul {
						background-color:#fff;	
					}
					#menu ul li ul li {
						padding-left:7px;
					}
						#menu ul li ul li a {
							
						}
						
						#menu ul li ul li a.active,#menu ul li ul li a:hover {
							text-decoration:none;		
							color:#838383;
							background-color:#fff;
						}
		#text {
			margin:-5px 20px 20px 30px;
			float:right;
			width:450px;
		}
		
			#text table {
				border: 0px solid #D3D3D3;
				padding:20px;
				width:440px;			
			}
			
				#text table tr {
					height:180px;
					vertical-align:top;					
				}
				#text table tr td {
					border: 0px solid #D3D3D3;										
					width:100px;
					text-align:center;
				}
				
				#text table tr td a{
					color: #595959;	
				}
			#text ul {
				margin-left:20px;				
			}
			#text ul li {
				font-family: Verdana, Arial, sans-serif;
				font-size: 11px;
				font-weight: normal;
				color: #595959;					
				line-height:18px;
			}
		
	#text #downloadform, #text #contactform {
		width:445px;
		position:relative;
		top:-25px;
		
	}
		
		#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: 220px;
				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: #595959;
			}
			
			#text fieldset div input#aanhef {
				border:0px;
				width:20px;				
			}
			#text fieldset div p {
				margin-bottom:-10px;
			}
				#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;
				}
				
				#verzenden .submit {
				 	color:#A331BB !important;
				 	font-weight:bold !important;				 										
					
				}
				
	
		#text legend {
			margin: 0px 0px 8px 10px;
			padding: 2px 5px;		
			background-color: #ffffff;	
			border: 1px solid #d0dfeb;
			font-family:Verdana, Arial, sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #595959;			
		}
		
		#text label {
			float: left;
			width: 120px;
			padding: 0px 15px 0px 10px;
			text-align: right;
			font-family: Verdana, Arial, sans-serif;
			font-size: 11px;
			font-weight: normal;
			color: #595959;				
			line-height: 30px;
				
		}
	
		#text #verzenden {
			margin: 15px 22px 0px 0px;
			text-align: right;
		}
	
			#text #verzenden input {
				margin-left: 5px;
				padding: 3px;
				background: #fff;	
				border: 1px solid #d0dfeb;
				font-family: Verdana, Arial, sans-serif;
				font-size: 11px;
				font-weight: normal;
				color: #2d65ff;					
			}
	
				#text input:focus, textarea:focus {
					background: #fef9f3;				
					font-style:normal;
				}
		
		
		
	
		#footer {		
			clear:both;
			width:701px;			
			height:23px;
			margin-left:8px;								
			background-color:#80A1FE;
			text-align:center;
			vertical-align:middle;
		}
	 
		 #footer ul {			  										       				
		  }
		  
		  	#footer ul li {				  				  		
				display:inline;
				font-family: Verdana;
				font-size:9px;
				color: #fff;		  				  		
		  		font-weight: normal;		  		
		  	}
		  	
		  		#footer ul li a {				  								
					font-family: Verdana;
					font-size:9px;
					color: #fff;	
		  			font-weight: bold;	  				  			
		  		}
		
				#date p{
	 				margin-top:7px;
					margin-left:620px;	
					font-family: Verdana, Arial, sans-serif;
					font-size: 10px;
					font-weight: normal;
					color: #C8C8C8;		
					text-align:middle;					 
				}	

	.clear {
		clear:both;
	}