*{
	margin: 0;
	padding: 0;
}

img{
	border: none;
	margin: 0;
	padding: 0;
}

body{
	width:100%;
	text-align:center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	margin-top: 0px;
}

p{
	margin: 0 0 1em 0;
	}

a{
	text-decoration: underline;
	color: #000;
	}	

a:hover{
	text-decoration: none;
	color: #000;
	}	

h2{
	font-family: Georgia, serif;
	font-size: 13px;
	color: #999;
	font-weight: normal;
	margin-bottom: 1em;
	}
	
#container{
	width: 700px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#container.homepage{
	width: 700px;
	margin: 0 auto;
	text-align: center;
	}

#container p.slogan{
	font-family: Georgia, Times, serif;
	color: #888;
	width: 200px;
	margin: 3em auto 3em auto;
	}
 
#containerContent{
	margin-top: 30px;
	}

#containerContent ul{
	margin: 0 0 2em 20px;
	list-style-type: none;
	}
	
 /********************* sophie */
 
 #sophieHome{
 	margin-top: 50px;
 	}
 /********************* nav Home */

#navHomeContainer{
	background: none;
	margin: 0 auto;
	width: 600px;
	position: relative;
	text-align: center;
	}
	
#navHome span{
 	display: none;
 	}

#navHome a span{
 	color: white;
 	text-decoration: none;
 	font-size: 0;
 	width: 100%;
 	height: 190px;
 	display: block;
 	
 	}

#navHome{
	width: 100%;
 	margin: 2em auto;
 	text-align: center;
 	list-style-type: none;
 	}


#navHome li{
	padding: 0;
 	text-align: center;
 	float: left;
  	}

#navHome li a{
 	background: url("../images/kast_closed_homepage.jpg") no-repeat bottom right;
 	height: 152px;
 	width: 140px;
	display: block;
	text-decoration: none;
  	}

 	
#vertalingenH a span{
 	background: url("../images/vertalingen_nl.gif") no-repeat bottom right;
 	}

.en #vertalingenH a span{
 	background: url("../images/vertalingen_en.gif") no-repeat bottom right;
 	}

#vertalingenH a:hover{
 	background: url("../images/kast_translations_home.jpg") no-repeat bottom right;
 	}

#projectenH a span{
 	background: url("../images/projecten_nl.gif") no-repeat bottom right;
 	}

.en #projectenH a span{
 	background: url("../images/projecten_en.gif") no-repeat 80% 100%;
 	}
 	
#projectenH a:hover{
 	background: url("../images/kast_projects_home.jpg") no-repeat bottom right; 	
 	}

#linksH a span{
 	background: url("../images/links.gif") no-repeat 80% 100%;
 	}
 	
#linksH a:hover{
 	background: url("../images/kast_links_home.jpg") no-repeat bottom right; 	 	
 	}

#contactH a span{
 	background: url("../images/contact.gif") no-repeat bottom right;
 	}

#contactH a:hover{
  	background: url("../images/kast_contact_home.jpg") no-repeat bottom right; 		
 	}
 	

/***************************************** functnav */	
.containerColumns{
	width: 670px;
	float: left;
	background: none;
	margin-top: 20px;
	}
	
.left{
	width: 200px;
	float: left;
	background: none;
	}
	
.content{
	width: 440px;
	float: left;
	background: none;
	margin-left: 30px;	
	}	

h3, .content h3{
	font-size: 13px;
	}


.url a{
	color: #999;
	text-decoration: none;
	}
	
#top{
	background: none;
	width: 675px;
	margin-bottom: 40px;
	}
	
#top h1 a{
	background: url("../images/sophie_burm.jpg") no-repeat bottom left;
	width: 200px;
	height: 133px;
	float: left;
	}	

#top h1 a span{
	display: none;
	}	

#nav{
	width: 440px;
	height: 130px;
	float: left;
	background: none;
	}
	
	
#nav span{
	/*display: none;*/
	}
	
#nav ul{
	list-style-type: none;
	margin-left: 30px;
	}
	
#nav ul li{
	display: inline;
	float: left;
	}	
	
#nav li a{
 	background: url("../images/kast_closed.jpg") no-repeat bottom right;
 	height: 105px;
 	width: 100px;
	display: block;
	text-decoration: none;
  	}

#nav a span{
 	color: white;
 	text-decoration: none;
 	font-size: 0;
 	width: 100%;
 	height: 130px;
 	display: block;
 	}


#vertalingen a span{
 	background: url("../images/vertalingen_nl.gif") no-repeat 130% 100%;
 	}

.en #vertalingen a span{
 	background: url("../images/vertalingen_en.gif") no-repeat 130% 100%;
 	}

#vertalingen a:hover, #vertalingen a.selected{
 	background: url("../images/kast_translations.jpg") no-repeat bottom right;
 	}

#projecten a span{
 	background: url("../images/projecten_nl.gif") no-repeat 100% 100%;
 	}

.en #projecten a span{
 	background: url("../images/projecten_en.gif") no-repeat 100% 100%;
 	}
 	
#projecten a:hover, #projecten a.selected{
 	background: url("../images/kast_projects.jpg") no-repeat bottom right; 	
 	}


#links a span{
 	background: url("../images/links.gif") no-repeat 95% 100%;
 	}
 	
#links a:hover, #links a.selected{
 	background: url("../images/kast_links.jpg") no-repeat bottom right; 	 	
 	}

#contact a span{
 	background: url("../images/contact.gif") no-repeat bottom right;
 	}

#contact a:hover, #contact a.selected{
  	background: url("../images/kast_contact.jpg") no-repeat bottom right; 		
 	}
 	
 	
 /*******************************************************/	
 
 #footer{
 	margin-top: 2em;
 	}
 
 #footer p{
 	font-size: 10px;
 	color: #999;
	text-align: left;
 	}	

 #footer p a{
 	color: #999;
 	}	

/********************************************************/
/******************************************** clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}