/* start CSS [Front] Jop Berkhout | design_stuff */

/* General */
* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	background: #ffffff url(../images/layout/body-gradient.jpg) top center repeat-x;
	height: 100%;
}

/* Headings */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0078be;
	margin: 0px 0px 20px 0px;
}

	h1.topspace {
		margin-top: 30px;
	}
	
	h1.gray {
    color: #646464;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #646464;
	margin: 16px 0 8px 0;
}

  h2.intro {
  	font-family: Georgia, Times, serif;
    font-size: 12px;
  	font-weight: normal;
  	font-style: italic;
  	margin: 0px 0px 12px 0px;
  	padding: 0px;
  	line-height: 20px;
  	background: none;	
  }
  
	    h2.intro strong {
			font-family: Georgia, Times, serif;
		    font-size: 12px;
		  	font-weight: normal;
		  	font-style: italic;
		  	margin: 0px 0px 12px 0px;
		  	padding: 0px;
		  	line-height: 20px;
		  	background: none;
		}

  h2.arrow {
  	margin: 0px 0px 8px 0px;
  	padding: 0px 0px 0px 18px;
  	background: transparent url(../images/layout/elem-h2.gif) 0px 2px no-repeat;	
  }

	h2.dotted {
		background: transparent url(../images/layout/elem-h2.gif) 0px 11px no-repeat;
		border-bottom: 1px dotted #646464;
		padding: 8px 0px 10px 18px;	
		clear: both;
	}
	
	h2.talk {
		background: transparent url(../images/layout/icon-talk.gif) center left no-repeat;
		padding: 0px 0px 0px 27px;	
    font-family: "Trebuchet MS", Arial, sans-serif;
  	font-size: 12px;
  	font-style: italic;
  	line-height: 20px;
  }
  
    h2.talk span {
    	font-size: 11px;
    	font-weight: normal;
    }
  
  h2.clean {
  	background: none;	
  }
  
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #888888;
	margin: 0px 0px 15px 0px;
}

	h3.dotted {
		background: transparent url(../images/layout/elem-hr.gif) top left repeat-x;
		padding: 10px 0px 0px 0px;
		clear: both;
	}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #989898;
}

/* Paragraph */
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #646464;
	line-height: 16px;
	margin: 0px 0px 10px 0px; 
}

	p strong {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight:normal;
		color: #646464;
		line-height: 16px;
		margin: 0px 0px 10px 0px;
	}

/* Links */
a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0078bf; 
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

	/* Link rollovers */
	a:active, a:hover, a.active {
		color: #3caef1;
	}
	
	/* Link back */
	a.link-back {
		padding: 0px 0px 0px 8px;
		background: transparent url(../images/layout/link-back.gif) left center no-repeat;
	}
	
	/* Link forward */
	a.link-forw {
		padding: 0px 8px 0px 0px;
		background: transparent url(../images/layout/link-forw.gif) right center no-repeat;
	}
	
	/* Link download */
	a.link-down {
		padding: 0px 0px 0px 15px;
		background: transparent url(../images/layout/link-down.gif) left center no-repeat;
	}
			
  /* Sliding right image */
  a.button {
    background: transparent url(../images/layout/button-right.gif) no-repeat scroll top right; 
    display: block;
    float: left;
    height: 30px; /* height right image */
    margin: 7px 6px 20px 0px;
    padding-right: 20px; /* width right image */
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
  }
  
    /* Background left image */
    a.button span {  
      background: transparent url(../images/layout/button-left.gif) no-repeat; 
      display: block;
      line-height: 18px; /* height of button */
      padding: 7px 0 5px 18px;
    }
     
      a.button:hover span{
        text-decoration:underline;
      }
    

blockquote {
	margin: 0px 0px 10px 0px;
	padding-left: 12px;
	border-left: 5px solid #eaeaea;
}
    
  blockquote p {
    font-family: "Trebuchet MS", Arial, sans-serif;
  	font-size: 12px;
  	font-style: italic;
  	line-height: 20px;
  	margin: 0px 0px 10px 0px;
  } 

/* blockquote {
  display: block !important;
  margin: 8px 0px 8px 185px;
  padding:0px 0px 0px 0px;
  text-align:justify;
	text-indent: -1px;
}

  blockquote p {
    font-style:italic;
    color:#888888;
    display:inline;
    font-size: 11px;
    line-height: 18px;
    font-family: Georgia, Times, "Times New Roman", serif;
  }
  
    blockquote p:before, blockquote p:after {
      color:#dadada;
      line-height:0;
      font-size:5em;
    }
    
    blockquote p:before {
      content: open-quote;
      padding-right:10px;
      vertical-align:-27px;
    }
    
    blockquote p:after {
      content: close-quote;
      font-size:5em;
      line-height:.3;
      vertical-align:-37px;
    } */

hr{
	color: #ffffff;
	border: 1px dotted #646464;
	border-style: none none dotted;
}

/* Describes every image */
img { 
	border: 0px; 
}

/* Tables
---------------------------------------------------- */	

.tidy {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #646464;
	background: #fff;
	margin: 10px 0px 10px 0px;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

  .tidy th {
  	font-size: 12px;
  	font-weight: bold;
  	padding: 5px 8px 10px 8px;
  	border-bottom: 1px solid #dddddd;
  }

  .tidy tr.sum {
  	border-top: 2px dotted #cecece;
  	border-bottom: 2px solid white;
  	font-weight: bold;
  }
  
  .tidy td {
  	border-bottom: 1px solid #dddddd;
  	padding: 8px 8px;
  }
  
  .tidy tbody tr:hover td {
  	color: #000000;
  	background: #f9f9f9;
  }
  
  
.smooth {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #646464;
	background: #fff;
	margin: 10px 0px 10px 0px;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

  .smooth th {
  	font-size: 12px;
  	font-weight: bold;
  	padding: 5px 8px 10px 8px;
  	border-bottom: 1px solid #dddddd;
  }

  .smooth tr.sum {
  	border-top: 2px dotted #cecece;
  	border-bottom: 2px solid white;
  	font-weight: bold;
  }
  
  .smooth td {
  	border-bottom: 1px solid #dddddd;
  	padding: 8px 8px;
  }

form {
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
}

.clear {
	clear: both;
}

/* Contains the whole site */
#container {
	width: 940px;
	margin: 0px auto;
}

/* Top part (contains menu's, visual and logo) */
#top {
	float: left;
	width: 940px;
}

	/* Main menu container */
	#menu {
		margin-top: 12px;
		font-size: 11px;
		width: 910px;
		text-align: right;
		height: 28px;
		padding: 0px 10px 0px 20px;
	}

		/* Search form */
		#search {
			display: inline;
			float: left;
		}

			#search label {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #646464;
				margin: 0px 4px 0px 0px;
			}
			
			#ajaxsearch_input{
				background: #ffffff;
				border: 1px solid #ccd0d2;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #646464;
				padding: 2px; 
			}
			
			#ajaxSearch_submit{
				margin-left: 3px;				
			}
			
			.ajaxSearch_resultLink {
				font-size: 11px;
			}
			
			.ajaxSearch_highlight{
				background-color:#ffdf31;
			}
			.ajaxSearch_resultsIntroFailure {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #646464;
				line-height: 16px;
				margin: 0px 0px 10px 0px; 
			}

		/* Main menu */
		#menu #nav {
			padding: 3px 0px 0px 0px;
		}

			#menu #nav li {
				list-style: none;
				padding: 0px 12px 0px 16px;
				display: inline;
				background: url(../images/layout/divider.gif) center left no-repeat;
			}
			
				#menu #nav li.first-child {
					background-image: url(none);
				}
			
		/* Header */
		#header {
			padding: 15px 20px 10px 20px;
			width: 900px;
			background: transparent url(../images/layout/body-header.jpg) center top no-repeat;
		}
		
			/* Logo */
			#logo {
				position: absolute;
				margin: 20px 0px 0px 730px;
			}

/* Top image of main stage */
#main-top {
	float: left;
	width: 940px;
	background: transparent url(../images/layout/body-stage.gif) top center repeat-y;
}

	/* Container for content */
	/* Als je de floatwaarde weghaalt, dan is de DIV 'container' wel 100% hoog! */
	#main {
		float: left;
		width: 860px;
		padding: 30px 40px 10px 40px;
		background: transparent url(../images/layout/body-top.jpg) top center no-repeat;
		overflow: hidden;
	}
	
  	/* Images */
  	#main img.border {
  		padding: 2px;
  		background: #ffffff;
  		border: 1px solid #989898;
  		margin-top: 4px;
  		display: block;
  	}
  	
  	#main img.float {
  		float: left;
  		margin: 4px 10px 4px 0px;
  		display: block;
  	}
  	
  	#main img.float-border {
  		padding: 2px;
  		background: #ffffff;
  		border: 1px solid #989898;
  		float: left;
  		margin: 4px 10px 4px 0px;
  		display: block;
  	}
  	
  	/* Submenu */
		#submenu {
			float: left;
			width: 220px;
			background: url(../images/layout/subnav-back.jpg) top right no-repeat;
			margin-bottom: -3000px;
      padding-bottom: 3000px;
		}
		
	#main #submenu ul {
        border-top: 1px solid #eaeaea;
        margin: 0px;
        padding: 0px;
        background: none;
      }
      
        #main #submenu ul li {
          border-bottom: 1px solid #eaeaea;
          margin: 0px;
          padding: 0px;
          background: none;
          font-size: 12px;
        }
        
          #main #submenu ul li a {
            display: block;
            width: 203px;
            padding: 6px 6px;
            background: none;
          }
          
          #main #submenu ul li a.active {
            background: #3caef1;
            color: #ffffff;
          }
        
          #main #submenu ul li ul {
          	border-top: 1px solid #eaeaea;
          	margin: 0px;
            padding: 0px;
            background: none;
          }
          
            #main #submenu ul li ul li {
              border-bottom: none;
              margin: 0px;
              padding: 0px;
              background: none;
              font-size: 11px; 
            }
            
              #main #submenu ul li ul li a {
                display: block;
                width: 205px;
                background-color: #e2e3e4;
                padding: 5px 0px 5px 10px;
                font-weight: normal;
                background: transparent url(../images/layout/link-sub-passive.gif) right center no-repeat;
              }
              
                #main #submenu ul li ul li a:hover, #main #submenu ul li ul li a:active {
                  text-decoration: underline;
                }
              
                #main #submenu ul li ul li a.active {
                  background: #e2e3e4 url(../images/layout/link-sub-passive.gif) right center no-repeat;
                  color: #646464;
                }

		/* Column left */
		#col-left {			
			float: left;
			width: 220px;
			margin-right: 30px;
		}
		
		/* Column middle */
		#col-center {
			float: left;
			width: 360px;
		}
		
		/* Column middle */
		#col-center-big {
			float: right;
			width: 610px;
		}
		
			#col-center-big .introtext {
				font-family: "Trebuchet MS", Arial, sans-serif;
				font-size: 12px;
				font-style: italic;
				font-weight: normal;
				line-height: 20px;
				margin: 15px 0px 15px 0px;
				color: #888888;
			}
		
			#col-center-big .date {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				color: #646464;
				margin: 0px 0px 8px 0px;
				padding: 0px 0px 0px 18px;
				background: transparent url(../images/layout/elem-h2.gif) 0px 2px no-repeat;	
			}
			
			#casepic {
				display: block;
				list-style: none;
				background-color: red;
			}
			
	/* Form */
	#contactform {
	  font-family: Arial, "Trebuchet MS", sans-serif;
	  font-size: 12px;
	  color: #232323;	  
	  width:340px;		  
	}
	
	  #contactform fieldset {
	  	margin: 25px 0px 0px 0px;
	  	border: 1px solid #bdbdbd;	  	
	  	width:330px;
	  }
	  
	  	#contactform fieldset div {
	  		margin: 0px 0px 10px 0px;
	  		display: block;
	  	}
	  
	  		#contactform fieldset div input {
	  			font-family: Arial, "Trebuchet MS", sans-serif;
	  			font-size: 12px;
	    	    width: 180px;
	  			border: 1px solid #bdbdbd;
	  			padding: 4px;
	  			color: #333333;
	  		}
	  			  			  	
		  	#contactform fieldset div select {
			 	margin-left:5px;			  	
			  	width: 190px;
			  	font-family: Arial, "Trebuchet MS", sans-serif;
	  			font-size: 12px;
	  			color: #333333;
	  			float:left;
			  }
			  	#contactform fieldset div option#chooseoption {
			  		color:#888888;
			  	}
	  
	  	
        #contactform textarea {	  							
          margin-left:5px;
          font-family: Arial, "Trebuchet MS", sans-serif;
          font-size: 12px;
          width: 180px;
          border: 1px solid #bdbdbd;
          padding: 4px;
          color: #333333;	  
          float:left;			
        }
	  				  	
				p.error {
				    font-family: Arial, "Trebuchet MS", sans-serif;
				    font-size: 11px;
				    color: #d13030;
				    margin: 18px 0px; 
				    padding: 5px 10px;
				    border: 1px dotted #d13030; 
				}
	  		
		    	#contactform fieldset div input.error, #contactform fieldset div textarea.error {
		          background: #f6c0c0;
		    			border: 1px dotted #d13030; 
		    	}
	  		
	    		#contactform fieldset div input.send {
	    			width: auto;
	    			border: none;
	    			margin: 20px 0px 0px 0px;
	          padding: 0px;
	    			clear:both;
	    		}
	  
	  #contactform legend {
	  	margin: 0px 10px 18px 20px !important;
	  	padding: 4px 7px  !important;
	  	background-color: #d4dfed;
	  	border: 1px solid #d4dfed;
	  	font-weight: bold;
	  }
	  
	  #contactform label {
	  	float: left !important;
	  	width: 120px !important;
	  	padding: 0px 15px 0px 0px !important;	  	
	  	font-weight: bold;
	  	line-height: 21px;
	  	
	  }
	  
	  #contactform #verzenden {
	  	margin: 15px 22px 0px 0px;
	  	width: 100px;
	  	text-align: right;
	  }
	  
	  	#contactform #verzenden input {
	  		margin-left: 5px;
	  		padding: 3px;
	  		background: #8cbc00;
	  		border: 1px solid #346702;
	  		color: #ffffff;
	  		font-weight: bold;
	  	}
	  	
	  input:focus, textarea:focus {
	  	background: #eef3f8;
	  	color: #990033;
	  	font-style: italic;
	  }

	  
	/* OfferteForm */
	#offerteform {
	  font-family: Arial, "Trebuchet MS", sans-serif;
	  font-size: 12px;
	  color: #232323;	  
	  width:590px;		  	  
	}
	
	  #offerteform fieldset {
	  	margin: 25px 0px 0px 0px;
	  	border: 1px solid #bdbdbd;	  	
	  	width:580px;
	  }
	  
	  	#offerteform fieldset div {
	  		margin: 0px 0px 10px 0px;
	  		display: block;
	  	}
	  
	  		#offerteform fieldset div input {
	  			font-family: Arial, "Trebuchet MS", sans-serif;
	  			font-size: 12px;
	        width: 400px;
	  			border: 1px solid #bdbdbd;
	  			padding: 4px;
	  			color: #333333;
	  		}
	  		
			  #offerteform fieldset div select#budget,#offerteform fieldset div select#herkomst {
			  	margin-left:15px;			  	
			  	width: 410px;
			  	font-family: Arial, "Trebuchet MS", sans-serif;
	  			font-size: 12px;
	  			color: #333333;
	  			float:left;
	  			margin-bottom:4px;
			  }
				  #offerteform fieldset div option#chooseoption {
				  		color:#888888;
				  }
	  
	  		
	  		#offerteform textarea {	  							
	  			margin-left:15px;
	  			margin-bottom:5px;
				  font-family: Arial, "Trebuchet MS", sans-serif;
	  			font-size: 12px;
	        width: 400px;
	  			border: 1px solid #bdbdbd;
	  			padding: 4px;
	  			color: #333333;	  
				  float:left;			
	  		}
	  		
	    	#offerteform fieldset div input.error, #offerteform fieldset div textarea.error {
	          background: #f6c0c0;
	    			border: 1px dotted #d13030; 
	    		}
	  		
	    		#offerteform fieldset div input.send {
	    			width: auto;
	    			border: none;
	    			margin: 20px 0px 0px 0px;
	          padding: 0px;
	    			clear:both;
	    		}
	  
	  #offerteform legend {
	  	margin: 0px 10px 18px 20px !important;
	  	padding: 4px 7px  !important;
	  	background-color: #d4dfed;
	  	border: 1px solid #d4dfed;
	  	font-weight: bold;
	  }
	  
	  #offerteform label {
	  	float: left !important;
	  	width: 140px !important;
	  	padding: 0px 15px 0px 0px !important;	  	
	  	font-weight: bold;
	  	line-height: 21px;
	  }
	  
	  #offerteform #verzenden {
	  	margin: 15px 22px 0px 0px;
	  	width: 100px;
	  	text-align: right;
	  }
	  
	  #offerteform #verzenden input {
	  		margin-left: 5px;
	  		padding: 3px;
	  		background: #8cbc00;
	  		border: 1px solid #346702;
	  		color: #ffffff;
	  		font-weight: bold;
	  	}
	  	
	  input:focus, textarea:focus {
	  	background: #eef3f8;
	  	color: #990033;
	  	font-style: italic;
	  }	  				
	  	  	  	  	  	
	  		
		
		/* Column right */
		#col-right {
			float: right;
			width: 220px;
		}
	
		#main ul {
			margin: 0px 0px 10px 5px;
			list-style: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #646464;
			line-height: 16px;
		}
		
			#main ul li {
				padding-left: 15px;
				background: transparent url(../images/layout/elem-li.gif) 0px 7px no-repeat;
			}
		
		#main ol {
			margin: 0px 0px 10px 28px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #646464;
			line-height: 16px;
		}
		
		  #main ol li {
				margin: 0 0 5px 0;
			}
		
		#main ul#news, #main ul#blog {
			margin: 0px;
		}
		
			#main ul#news li, #main ul#blog li {
				padding: 0px;
				background: #ffffff url(none);
			}	
		
		#main ul.lines {
			margin: 0px 0px 10px 0px;
			border-top: 1px solid #eaeaea;
		}
		
			#main ul.lines li {
				padding: 5px 4px;
				border-bottom: 1px solid #eaeaea;
				background: #ffffff url(none);
			}
			
				#main ul.lines li:active, #main ul.lines li:hover, #main ul.lines li:focus {
					background: #f6f8fa;
				}
				
				#main ul.lines li a {
					display: block;
				}
				
				#main ul.lines li h2 {
					margin-bottom: 2px;
				}
        
        #main ul.lines li h3 {
					margin: 0px 0px 0px 0px;
				}
			
			/* Opmaak verse items met icoontjes */
      #main ul.lines li.icon-news {
				padding: 10px 5px 10px 43px;
				background: transparent url(../images/content/home/icon-news.gif) left center no-repeat;
			}
			
  			#main ul.lines li.icon-news:active, #main ul.lines li.icon-news:hover, #main ul.lines li.icon-news:focus {
  				background: #f6f8fa url(../images/content/home/icon-news.gif) left center no-repeat;;
				}
			
			#main ul.lines li.icon-blog {
				padding: 10px 5px 10px 43px;
				background: transparent url(../images/content/home/icon-blog.gif) left center no-repeat;
			}
			
  			#main ul.lines li.icon-blog:active, #main ul.lines li.icon-blog:hover, #main ul.lines li.icon-blog:focus {
    			background: #f6f8fa url(../images/content/home/icon-blog.gif) left center no-repeat;;
				}
			
			#main ul.lines li.icon-port {
				padding: 10px 5px 10px 43px;
				background: transparent url(../images/content/home/icon-port.gif) left center no-repeat;
			}
			
      #main ul.lines li.icon-port:active, #main ul.lines li.icon-port:hover, #main ul.lines li.icon-port:focus {
        background: #f6f8fa url(../images/content/home/icon-port.gif) left center no-repeat;;
      }
      
      /* Opmaak overzicht portfolio met icoontjes */
      #main ul.lines li.icon-graf {
				padding: 10px 5px 10px 43px;
				background: transparent url(../images/content/home/icon-graf.gif) left center no-repeat;
			}
			
  			#main ul.lines li.icon-graf:active, #main ul.lines li.icon-graf:hover, #main ul.lines li.icon-graf:focus {
  				background: #f6f8fa url(../images/content/home/icon-graf.gif) left center no-repeat;;
				}
			
			#main ul.lines li.icon-webd {
				padding: 10px 5px 10px 43px;
				background: transparent url(../images/content/home/icon-webd.gif) left center no-repeat;
			}
			
  			#main ul.lines li.icon-webd:active, #main ul.lines li.icon-webd:hover, #main ul.lines li.icon-webd:focus {
    			background: #f6f8fa url(../images/content/home/icon-webd.gif) left center no-repeat;;
				}
			
			#main ul.lines li.icon-mark {
				padding: 10px 5px 10px 43px;
				background: transparent url(../images/content/home/icon-mark.gif) left center no-repeat;
			}
			
      #main ul.lines li.icon-mark:active, #main ul.lines li.icon-mark:hover, #main ul.lines li.icon-mark:focus {
        background: #f6f8fa url(../images/content/home/icon-mark.gif) left center no-repeat;;
      }
      
      .rss {      	
		  padding-bottom:4px;
		  margin-right:4px;
		  vertical-align:middle;      	
      }
  		
  		
  		
  		
  	/* Overzicht laatste blog-, nieuws- en portfolio-items */	
    #main ul.liner {
      margin: 2px 0px 12px 0px;
      line-height: normal;
      border-bottom: 1px solid #eee;
    }
      
      #main ul.liner li {			
        padding: 0px;
        background: #ffffff url(../images/layout/link-forw.gif) right center no-repeat;
      }
      
        #main ul.liner li:hover {			
          background-color: #f6f8fa;
        }
      
        #main ul.liner li span {
          padding: 5px 4px 0 0px;
        	display: block;
        	color: #999;
        }
        
          #main ul.liner li span h3 {
          	margin: 0px 0px 3px 0px;
          }
          
      #main ul.liner li a {			
        border-top: 1px solid #eaeaea;
      	display: block;
      	padding: 10px 4px 10px 30px;
      }
      
        #main ul.liner li a.blog {			
          background: url(../images/layout/icon-blog.gif) no-repeat;
    	    background-position: 5px 10px;
        }
        
        #main ul.liner li a.news {			
          background: url(../images/layout/icon-news.gif) no-repeat;
    	    background-position: 5px 10px;
        }
        
        #main ul.liner li a.port {			
          background: url(../images/layout/icon-port.gif) no-repeat;
    	    background-position: 5px 10px;
        }
        
    #main ul.tagcloud {
      font-size: 10px;
		}


  	/* Overzicht laatste cases portfolio */	
    #main ul.last-added {
      list-style-type: none;
    }
        
      #main ul.last-added li {
      	padding: 12px 12px 1px 12px;
      	background: #f6f6f6;
      	margin-bottom: 12px;
      }

    #main ul.clients {
      margin: 0px 0px 10px 0px;
      padding: 0px;
    }
    
      #main ul.clients li {
        margin: 0px;
        padding: 10px 0px 0px 0px;
  			list-style-type: none;
				background: none;
        clear: both;
      }


		#main ul.check {
			margin: 0px 0px 10px 0px;
		}
		
			#main ul.check li {
				padding: 6px 4px 6px 24px;
        background: transparent url(../images/layout/elem-check.png) 0px 7px no-repeat;
      }


  	#main fieldset {
      border: 1px solid #eaeaea;
      padding: 12px 12px 12px 12px;
    }
    
      #main legend {
        font-family: Arial, Helvetica, sans-serif;
      	font-size: 11px;
      	color: #646464;
      	line-height: 16px;
      	font-weight: bold;
      	background: #ffffff;
      	padding: 2px 5px 10px 0px;
      }
      
      #main label {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #888888;
        clear:left; 
        display:block; 
        float:left; 
        width: 37px; 
        text-align:right; 
        padding: 2px 3px 2px 0px; 
        margin-bottom:0.5em;
      }
      
      #main input {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        float: right;
        width: 135px;
        padding: 2px;
        color: #888888;
        border: 1px solid #eaeaea;
        margin-bottom: 0.3em;
      }
      
        #main input:hover {
          border: 1px solid #0078bf;
        }
        
        #main input:active, #main input:focus {
          font-style: italic;
          color: #646464;
          border: 1px solid #0078bf;
          background: #f6f8fa;
        }
	
/* Footer */
#footer {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	clear: both;
	padding: 10px 0px;
	background: #ffffff url(../images/layout/body-bottom.jpg) center top no-repeat;
	text-align: center;
}

	/* Footer unordered list */
	#footer ul {
		position: relative;
		padding: 0px 0px 0px 0px;
		margin: 12px 0px 9px 0px;
		list-style: none;
	}

		/* Footer list items */
		#footer ul li {
			float: none;
			display: inline;
			color: #989898;
			font-size: 10px;
			padding: 0px 15px;
			background: url(../images/layout/divider.gif) center left no-repeat;
		}
		
		/* Footer remove divider */
		#footer ul li.first-child {
			background-image: url(none);
		}
		
			/* Footer list items link */
			#footer ul li a {
				font-weight: normal;
			}
						
			/* Footer images */
			#footer ul li img  {
				padding: 0px 0px;
				vertical-align: -3px;
			}

/* end CSS [Front] Jop Berkhout | design_stuff */