/* Brain Tickle
Ruben Haverkamp 2006 all rights reserved*/ 


/* standaard CSS*/
* {
   margin:0;
   padding:0;
}


body, html {
   height: 100%;
   }

body {

	background-color:#FFFFFF;
	}
	
#header{ 

	margin-left: auto;
    margin-right: auto; 
	height:128px;
	width:800px;
	background-image:url(img/header5.jpg);
	
	}

#buttons{
	margin-left: auto;
    margin-right: auto; 
	left:50%;
	height:60px;
	width:800px;
	background-image:url(img/butbar.jpg);

	}

#container{
		width:800px; 
		height:100%;
		left:50%;
		margin-left:auto;
		margin-right:auto;
		background-image:url(img/background.jpg);
		background-repeat:repeat-y;
		}
	
#update {
   float:left;
   width: 550px;
   height:400px;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 11px;
   background-color:FFFFFF;
   padding: 40px 0px 0px 20px;
   margin: 0px 0px 0px 40px;		 
} 



 		
#boxfull {
	margin-left: auto;
    margin-right: auto;
	background-image:url(/img/linkbar.jpg);
	width:800px;
	height:21px;
		}
	
HR	{
	border-style:dashed;
	margin: 20px 0px 20px 0px;
	}		


p { 
	font-family:Arial, Helvetica, sans-serif ;
	font-size:11px;
	color:#666666;
	line-height:16px;
	margin: 6px 0 0 5px; 
	width: 500px;
	width:expression(300 + "px");
	}


a {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif ;
}
	
a:link {
	font-size:11px;
	color:#0099CC;
	margin:0px 0px 10px 5px;
	font-family:Arial, Helvetica, sans-serif ;
	text-decoration:none;
	
		 
} 



a:hover {
		font-family:Arial, Helvetica, sans-serif ;
		color:#999999;
		text-decoration:none;
			}

a:visited {
		   font-family:Arial, Helvetica, sans-serif ;
		   font-size:11px;
		   color:#0099CC;
		   margin:0px 0px 0px 5px;
		   text-decoration:none;
	
}
	
H1 {font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 20px;
	color:#0099CC;
	margin: 4px 2px 0px 0px ;

	}


H2{ 
    
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
	color:#0099CC;
	margin: 10px 0px 10px 5px
	}
H3{

	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
	color:#000000;
	margin: 0 0 0 5px;
	}
	
H4{
	font-size:12px;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
	
.butpic{
   float:right;
   padding: 200px 250px 0px 5px;
   text-decoration:none;
   border:none;
   
   }
   
.rechts{
	overflow:auto;
	background-image:url(img/rechts.jpg);
	background-repeat;
}




/*PORTFOLIO*/
#container_portfolio{
		
		width:800px; 
		left:50%;
		margin-left:auto;
		margin-right:auto;
		background-image:url(img/background_port.jpg);
		background-repeat:repeat-y;

		}
		
#container_cv{
		
		width:800px; 
		left:50%;
		height:100%;
		margin-left:auto;
		margin-right:auto;
		background-image:url(img/background_port.jpg);
		background-repeat:repeat-y;

		}

#work {

   width: 700px;
   margin: 0px 0px 0px 60px;
   }
   
   
#portinfo {
 	

	margin-left:auto;
	margin-right:35%;
	width:300px;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height:18px;
	font-size: 11px;
	color:#666666;

	}
	
#linkbox	{
	float:right;
	width: 175px;
	padding: 2px 2px 2px 2px;
	background-color:#EFEFEF
	}



.preview {
   float: left;
   margin: 0px 7px 0px 5px;

}


/*einde portfolio*/
		
/* BLOG*/

#blog {
		width:780 px;
		margin: 10px px 0px 20px; 
		font-family: Arial, Verdana, Helvetica, sans-serif;
	    font-size: 11px;
		text-indent:5px;
		}

.blogpic{
   float: left;
   margin: 0 7px 0 5px;

}