@CHARSET "UTF-8";

/* basic elements */

html {

	margin: 0;

	padding: 0;
	
	width: 800px;
		
	height: 600px;
	


	}

body { 

	font: 16px;


	background-color: #FFFFFF; 

	margin: 0; 

	padding: 0;
	
	width: 800px;
		
	height: 600px;

	}

a:link { 

	font-weight: bold; 

	text-decoration: none; 

	color: #006699;

	}

a:visited { 

	font-weight: bold; 

	text-decoration: none; 

	color: #006699;

	}

a:hover, a:active { 

	text-decoration: underline; 

	color: #006699;

	}


/* specific unique divs */

 
#name{ 
	/*position*/
	position: absolute;
	width: 800px;
	height: 50px;
	top: 0px;
	left: 0px;
	color: #FFFFFF;
	background-color: #003366;
	font-weight: bold; 
	font-size:20px;
}  
 
#address{ 
	/*position*/
	position: absolute;
	width: 800px;
	height: 200px;
	top: 50px;
	left: 0px;
 } 

 
#resume{ 
	/*position*/
	position: absolute;
	width: 800px;
	height: 100px;
	top: 200px;
	left: 0px;
 }

#experience{
	/*position*/
	position: absolute;
	width: 800px;
	height: 200px;
	top: 300px;
	left: 0px;
 }
 
#education{ 
	/*position*/
	position: absolute;
	width: 800px;
	height: 200px;
	top: 450px;
	left: 0px;
 }

 
.main_title{ 
	/*position*/
	position: absolute;
	width: 800px;
	height: 20px;
	top: 0px;
	left: 0px;
	color: #FFFFFF;
	background-color: #006699;
	font-weight: bold; 
} 
.content{ 
	/*position*/
	position: absolute;
	width: 800px;
	top: 20px;
	left: 0px;
	color: #000000;
	background-color: #FFFFFF;
} 
 
img.image{ 
	/*position*/
	position: absolute;
	top: 0px;
	left: 0px;
 }
 

 p.legende{ 
	/*position*/
	position: absolute;
	top: 250px;
	left: 0px;
	width: 500px;
	height: 20px;
	
	font-weight: italic; 
	text-decoration: none; 
	color: #000000;
	background-color: #FFFFFF; 
 }