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

* {
	margin: 0;
	padding: 0;	
}

body {
  background:#eef5fb url(../images/layout/bg_container.gif) top left repeat-x;
  
}

p, li, tr, legend, label {
	font-family: georgia, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #314f60;		
	line-height:22px;
}

td {
   font-family: georgia, Arial, sans-serif;
	font-size: 10px !important;
	font-weight: normal;	
}
   #text ul {
      margin-left:20px;
      line-height:25px;
   }

  p.introtext, p span.introtext {
      font-family: georgia, Arial, sans-serif;
     	font-size: 22px;
     	font-weight: normal;
     	color: #4789c6;
      margin-bottom:25px		
  }

h1 { 	
	font-family: georgia, Arial, sans-serif;
	font-size: 30px;	
	color: #0154a2;
	font-weight:normal;		
	text-decoration: none;	  		
   margin-bottom:15px			
}

h2 {
	font-family: georgia, Arial, sans-serif;
	font-size: 24px;	
	color: #0157a9;
	font-weight:normal;		
	text-decoration: none;
   margin-bottom:10px;	
	 				
}
h3 {
   font-family: georgia, Arial, sans-serif;
	font-size: 24px;	
	color: #0157a9;
	font-weight:normal;		
	text-decoration: none;
}

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

img {
	border:0px;
}



#container {  
  margin: 0px auto 0px auto;
  width: 980px;         
  margin-top:0px;           
}

   #topmenu {
      background:#1664ac url(../images/layout/bg-topmenu.gif) bottom left no-repeat;
      height:38px;
      margin-left:475px;
      padding:5px 0px 0px 8px;      
      width:497px;
       
   }
      #topmenu ul {
         list-style:none;               
         padding:0px !important;   
         
      }
         #topmenu ul li{
            float:left;         
            padding:5px;                                                
         }
            #topmenu ul li a {
               color:#fff;                        
               padding-right:1px; 
               display:block;
               font-size:12px;                              
               margin-top:2px; 
               font-family: georgia, Arial, sans-serif;
               text-decoration:none;			     		                         
            }
               #topmenu ul li a:hover {
                  color: #ff662e;                                    
               }
         #topmenu form {
            border:0;
         }                                   
            #ajaxSearch_input {             
                float:left;
                margin-top:7px;
                margin-left:5px;
                width:130px;
            }
            #ajaxSearch_submit {
               margin-top:5px;
               height:23px;
               width:25px;
            }
         
      #logo {			
			display:block;
			float:left;
			margin:-25px 0px 0px 0px;
		}
		
		
      #mainmenu {
         background: #eef5fb url(../images/layout/bg-mainmenu.gif) top left no-repeat;
         float:left;
         height:38px;
         margin:40px 0px 0px 19px;
         width:678px;
      }		
   	#mainmenu ul {
         list-style:none;             
         padding-left:3px;   
                                                        
      }
         #mainmenu ul li {
            float:left;
            padding-left:7px;            
            height:38px;                                                         
         }
            #mainmenu ul li.first {
               
            }
         
            #mainmenu ul li a{
               font-size:16px;
               font-weight:bold;
               color:#1563ad;
               margin-top:0px;            
               display:block;     
               height:30px;
               padding:10px 8px 0px 7px;      
               font-family: "Times new Roman", Arial, sans-serif;            	            	          	
            	text-decoration: none;
            }
            
               #mainmenu ul li a:hover {
                  color:#ff7632;
                  text-decoration:none;
                  
               }
               #mainmenu ul li a.active {
                  text-decoration:none;
                  background-color:#1563ad;
                  color:#fff;
               }


		#header {			
			display:block;
			clear:both;
			width:985px;
			height:179px;			
			background: transparent url(../images/layout/header.jpg) no-repeat;
			
		}

	
	#content {					
	  border-right:1px solid #88b9e1;
     border-bottom:1px solid #88b9e1;	  	  
	  margin:0px 1px 0px 1px;
	  background-color:#fff;
	  overflow:hidden;
	display:table;
	border-collapse:collapse;	                  
	}
	
      #sidebar {
         width:284px;         
         border-left:1px solid #88b9e1;
         border-right:1px solid #88b9e1;
         margin-left:0px;
         background:#dceffe;
         padding-left:15px;      
         display: table-cell;   
	 border-bottom:1px #88b9e1;  
      }		     
      
         #sidebar h1 {
            font-size:23px;
            font-weight:normal;
            color: #16487b;  
            margin-top:30px;
            margin-left:7px;
         }
         
         #sidebar ul {
            list-style:none;
            border-top:1px solid #90b7d8;
            border-bottom:1px solid #90b7d8;
            width:270px;
            margin-top:10px;
            margin-bottom:10px;                        
         }
            #sidebar ul li{
               border-top:1px solid #b6d4ec;
               display:block;
               
                              
               margin-top:0px !important;
            }
               #sidebar ul li.first {
                  border:none;
                  margin-top:10px;
               }
            
               #sidebar ul li a{
                  color:#0154a2;
                  font-weight:bold;
                  display:block;
                  
                  padding-left:7px;
                  padding-top:7px;
                  font-size:12px;
                  text-decoration:none;
               }
               
                  #sidebar ul li a:hover, #sidebar ul li a.active  {
                     text-decoration:none;     
                     background-color: #0154a2;
                     color:#fff;                 
                  }
                  
                  #sidebar img {
                     margin-bottom:5px;
                  }
             
             #sidebar #button-orange {
                  background:url(../images/layout/button-oranje.jpg) repeat scroll 0 0 transparent;
                  color:#693910;
                  display:block;
                  font-size:18px;
                  line-height:39px;
                  padding:0 0 3px 45px;
                  text-shadow:1px 1px 1px #ffb45c;
                  width:221px;
                  font-family:georgia;
                  cursor:pointer;
             }
             #sidebar #button-blue {
                  background:url(../images/layout/button-blauw.jpg) repeat scroll 0 0 transparent;
                  color:#fff;
                  display:block;
                  font-weight:bold;
                  text-decoration:none !important;
                  font-size:14px;
                  line-height:39px;
                  padding:0 0 3px 45px;
                  text-shadow:-1px -1px 1px #202B49;
                  width:221px;
                  font-family:georgia;
                  cursor:pointer;
             }
             #sidebar #button-blue-empty {
                  background:url(../images/layout/button-blauw-leeg.jpg) repeat scroll 0 0 transparent;
                  color:#fff;
                  display:block;
                  font-size:14px;
                  font-weight:bold;
                  line-height:39px;
                  padding:0 0 3px 15px;
                  text-shadow:-1px -1px 1px #202B49;
                  width:251px;
                  font-family:georgia;
                  cursor:pointer;
                  text-decoration:none !important;
             }
               #sidebar #button-blue-empty:hover, #sidebar #button-blue:hover {
                  color:#fff;
                  text-shadow:0px 0px 0px #fff;
               }
         
         
		                
      #text {
         padding:25px 20px 0px 45px;         
         width:610px;
	display:table-cell;
                                   
      }		                
      
      #text h1 {
         text-align:center;
      }
      
      #text a {
         font-family: "Times new Roman", Arial, sans-serif;
      	font-size: 16px;
      	font-weight: normal;
      	color: #ff662e;	
      	text-decoration: none;
      }
         #text a:hover {
            text-decoration:underline;
         }
        
         table {
            border-collapse:collapse;
         }
         
         
         
            table, th, td {
               border: 1px solid #ccc;            
            }
               td {
                  padding:5px;           
               }
                  td a {
                     font-size:16px !important;
                  }
      
      
               /* Books */
               table.books {                  
                  width:330px !important;
               }
               
               table.books tbody tr td {
                  font-family: georgia, Arial, sans-serif;
               	font-size: 15px !important;
               	font-weight: normal;
               	color: #314f60;		
               	line-height:22px;
                                 	
               }
               
                                
               table.books-dutch {                  
                  width:580px !important;
               }
               table.books-german {
                  width:580px;
               }
               table.books-french {
                  width:380px !important;
               }
      
      
         	/* Contactform*/
         	#contactform {         	           	  	           	  		  	  
         	  margin-bottom: 30px;
         	}
         	
         	  #contactform fieldset {         	  	
         	     border: 1px solid #bdbdbd;	  	
                 padding:15px;         	  	
         	  }
         	  
         	  	#contactform fieldset div {
         	  		margin: 0px 0px 10px 0px;
         	  		display: block;
         	  		clear:both;
         	  	}
         	  
         	  		#contactform fieldset div input {         	  			         	  			         	        
         	  			border: 1px solid #bdbdbd;         	  			
         	  			color: #333333;
         	  			height:20px;
         	  		}

         	  		#contactform textarea {	  							
         	  			font-size: 12px;         	        
         	  			border: 1px solid #bdbdbd;
         	  			width:200px;
         	  			padding: 4px;
         	  			color: #333333;	  
         				float:left;			
         	  		}
         	  		
         	    	#contactform fieldset div input.error, #contactform fieldset div textarea.error {
         	            background: #f6c0c0;
         	    			border: 1px dotted #d13030; 
         	    		}
         	    	.errors {
                     font-family:georgia;
                     font-size:12px;
                     font-weight:bold;
                     color:red;
                     border:1px dotted red;
                     padding:10px;
                   }
         
         	  
         	  #contactform legend {
            	  	font-family:georgia;
            	  	font-size:16px;
            	  	padding:10px;
                  font-weight:bold;         	  	
         	  }
         	  
         	  #contactform label {
         	  	  
                 float: left !important;
         	     width: 200px !important;         	     	  	         	     
         	     line-height: 21px;
         	  }
      
         	  
         	  #send  {         	  		
         	  		padding: 3px 20px 3px 20px;
         	  		height:25px;
         	  		float:right;
         	  		margin:-35px 10px 30px 0px;
         	  		background: #0154a2;         	  		
         	  		color: #ffffff;
         	  		font-weight: bold;         	  		
         	  		font-family:georgia;                  
                  border:0px;         	  		
         	  	}
         	  	    #send:hover {
                     text-decoration:underline;
                     cursor:pointer;
                   }
         	  	
         	  input:focus, textarea:focus {
            	  	background: #eef3f8;
            	  	color: #990033;         	  	
         	  }	  				
         	  	  	  	  	  
      		                	
	.clear {
		clear:both;
	}
	
	#footer {
      width:676px;
      height:70px;
      background-color:#ddeefe;
      margin-top:-1px;
      margin-left:301px;
      border-top:1px solid #88b9e1;
      border-left:1px solid #88b9e1;
      border-right:1px solid #88b9e1;   	   	
   }
   
      #footer p {
         float:left;
         color:#0c4175;                        
         padding-right:2px; 
         font-weight:bold;               
         font-size:12px;                              
         margin-top:27px;
         margin-left:20px;                 
      }
      
      #footer-logo {
         vertical-align:top;
         margin-top:-2px;
      }
   
	#footer-footer {
      background: red url(../images/layout/bg_footer.gif) bottom left no-repeat;
      margin-bottom:50px;
      margin-left:301px;
      width:678px;
      height:4px;
   }