/* 
	--------------------------------------------------------------------------------------
	BASIC PAGE STRUCTURE 
	--------------------------------------------------------------------------------------
	*/
	
	*{
		padding:0;
		margin:0;
	}
		html {
			overflow: -moz-scrollbars-vertical;
			overflow-y: scroll;
		}

	img { border: 0px; }
	ul { 	margin-left:15px;}
	
	html, body {
		height: 100%; /* belangrijk */
		background: url(gradient.gif) repeat-x top left; 
		background-color: #d7edff;

		font-family: 	'Lucida Grande',Helvetica,Arial,sans-serif;
		font-size:		12px;
		color:			#666666
		line-height:	28px
	}
	
	h1 {
		color: 			#57a5eb;
		font-size:		24px;
		font-weight:	bold;
		line-height:	32px;
		margin-bottom: 	8px;
	}
	

	h2 {
		color: 			#57a5eb;
		font-size:		20px;
		font-weight:	bold;
		line-height:	32px;
	}
	

	h3 {
		color: 			#666666;
		font-size:		14px;
		font-weight:	bold;
		margin-bottom:  5px;
	}
	

	#container {
		background: url(mainBack.gif) repeat-x top left; 
		background-color: #ffffff;

		width: 986px;
		margin: 0 auto;
		text-align: left;
		position: relative;
		min-height: 100%;
		height: auto !important; /* voor moderne browsers */
		height: 100%; /* voor IE */
	}
	
	#header{
		height:51px;
		overflow: hidden;
	}
	
	#logo {
		float: left;
		margin-left: 20px;
		width: 122px;
		height: 51px;	
		background: url(logo.gif) no-repeat top left;
	}


	#inhoud {
		padding: 20px;
		min-height: 600px;
	}
	
	#footer {
		position: absolute;
		bottom: 0; /* heel belangrijk */
		width: 100%;
		height: 30px;
		line-height: 30px;
		text-align:center;
	}
	
	.projectImage {
		float: left;
		width: 640px;
	}
	
	.projectInfo {
		float: right;
		width: 280px;
		color:			#666666
	}
		
	  .hrDiv {
	  	display: 			block;
	  	height: 			1px;
	  	overflow: 			hidden;
	  	background-color: 	#dddddd;
	  	margin-top:			30px;
	  	margin-bottom:		33px;
	  }
	  
	  .hrDivSmall {
	  	display: 			block;
	  	height: 			1px;
	  	overflow: 			hidden;
	  	background-color: 	#dddddd;
	  	margin-top:			5px;
	  	margin-bottom:		8px;
	  }
	  
      .clear {
        clear: both;
        height: 0px;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
      }
      
      

      /* 
      --------------------------------------------------------------------------------------
       spacing 
      --------------------------------------------------------------------------------------
      */
      .doubleEmptyLine {
				margin-bottom: 24px; overflow: hidden;
      }

      .emptyLine {
				margin-bottom: 12px; overflow: hidden;
      }
      .halfEmptyLine {
				height: 6px; display: block; overflow: hidden;
      }

      --------------------------------------------------------------------------------------
       Links enzo
      --------------------------------------------------------------------------------------
      */
      
        a.textLink {
        	padding-left:3px;
        	padding-right:3px;
    		text-decoration: underline;
        	font-weight: bold;
			font-size:		12px;
        }

        a.textLink:link, a.textLink:visited  {
        	color: #57a5eb;
			font-size:		12px;
        }

        a.textLink:hover, a.textLink:active {
        	color: #ffffff;
        	background-color : #57a5eb;
			font-size:		12px;
        }

        /* 
        -- button
        */


        a.button, .button {
        	padding-left:    8px;
        	padding-right:   8px;
        	padding-top:     1px;
        	padding-bottom:  1px;
        	text-decoration: none ;
        }
        a.button:link, a.button:visited  {
        	color: #ffffff;
        	background-color : #2e91e3;
        }
        a.button:hover, a.button:active  {
        	color: #ffffff;
        	background-color : #7bc3ff;
        }

	  /*
      --------------------------------------------------------------------------------------
       Form elements
      --------------------------------------------------------------------------------------
      */
      
      
		.input, input, select, .select, textarea, div.form input, div.form textarea , div.form select {
			background-color : #fdfdfd;
			border: 1px #cbcbcb solid;
			color: #000000;
			font-size: 11px;
			padding: 4px;
			letter-spacing: normal;
		}
		
		.formRow {
			clear: left; 
		}
		
		.myLabel {
			width: 150px;
			float: left;
		}
		.myInput {
			width:200px;
			margin-bottom:5px;
			clear:both;
		}


    .main-menu
    {
    	margin-top: 	26px;
        list-style:		none;
        width: 			500px;
        margin-right: 	20px;
    }

    .main-menu li
    {
        float:          right;
		margin-left: 	10px;
    }
  
    .main-menu li a
    {
        display: block;
        width: 88px;
        height: 20px;
        color:					#ffffff;
        font-size:				11px;
        font-weight: bold;
        text-decoration:		none;
        text-align: center;
        background : url("tab.gif") no-repeat center top;
        padding-top:    2px;
    }
    
    .main-menu li a:hover, .main-menu li a:focus
    {
        background : url("tabSelected.gif") no-repeat center top;
        color:					    #ffffff;
    }
    
    .main-menu li.main-selected a
    {
        background : url("tabSelected.gif") no-repeat center top;
        color:					    #ffffff;
    }


       a.thumbRef {
			text-decoration: none ;
			background-color : #ecf1f8;
			padding: 10px; 
			display: block;
			width:80px;
			height:80px;
			margin-bottom: 15px;
			margin-right: 15px;
			float: left;
			-moz-border-radius: 3px;
        }

        a.thumbRef:link, a.thumbRef:visited {
        	color: #5b5b5b;
        }

        a.thumbRef:hover, a.thumbRef:active {
        	color: #5b5b5b;
        	background-color : #c1dafb;
        }
		
		.thumbRefImg {
			-moz-border-radius: 10px;
		}