/* basis */

body {
	font-family: Helvetica, Arial, sans-serif;
	background: #6c6c6c url('images/bg.jpg') repeat-x;
	padding: 0px;
	padding-bottom: 0px;
	margin: 0px;
	}
p { 
	margin-top: 0px;
	margin-left: 10px;
	text-align: justify;
	color: #382d22; 
	font-size:11px;	
	}
	
A:link{color:#382d22; text-decoration:none; font-size: 11px;font-weight: none; cursor:"default" border-bottom: 0px solid #382d22;}
A:visited{color:#382d22;text-decoration:none; font-size: 11px;font-weight: none; cursor:"default"}
A:hover{color:#785c3f;text-decoration:none; font-size: 11px;background-color:none;font-weight: underline;cursor:default;border-bottom: 0px solid #514131;}-->

li { text-decoration: none; list-style-type: none; display: block; color: #fff; 
}

h1 {	
 color: #8a332e;
 background-color: none;
 font-family: Helvetica, Tahoma, Arial;
 font-size: 20px;
 text-align: left;
 font-weight: normal;
 font-style: normal;
 letter-spacing: 0px;	
 line-height: 20px;
 text-transform : none;
 margin: 0;	
 margin-top: 0;	
 margin-bottom: 0;	
 padding: 0;	
 padding-bottom: 0;	
 border-bottom: 0px solid #ffc968;
 border-top: 0px solid #A3D0A2;
 
}

h2 {	
 color: #382d22;
 background-color: none;
 font-family: Helvetica, Tahoma, Arial;
 font-size: 17px;
 text-align: left;
 font-weight: normal;
 font-style: normal;
 letter-spacing: 0px;	
 line-height: 20px;
 margin: 0;	
 margin-top: 0;	
 margin-bottom: 0;	
 padding: 0;	
 padding-bottom: 0;	
 border-bottom: 0px solid #ED1E7E;
 border-top: 0px solid #A3D0A2;

}


#wrapper{
	width: 1000px;
	height:100%;
	margin: 0;
}


#logo {
	background: url("images/bg.jpg") no-repeat;
	position: relative;
	height: 0px;
	width: 0px;
	top: 0px;
	left: 0px;
}

#wrapperrechts{
	width: 1000px;
	height:100%;
	margin: 0;
}




/*------------------------------Navigatie-----------------------*/



#aboutButton{
	margin-left:467px;
	margin-top: 265px;
	width: 111px;
	height: 100px;
	position: fixed;
	background: url("images/about.png") no-repeat;
	float: left;
}

#aboutButtonHuidig{
	margin-left:467px;
	margin-top: 265px;
	width: 111px;
	height: 100px;
	position: fixed;
	background: url("images/about.png") no-repeat;
	float: left;
}
	
#aboutButton a{
	width:111px;
	height:100px;
	display:block;
}
	
#aboutButton a:hover{
	background:url("images/about_aan.png") no-repeat;
}

#updatesButton{
	margin-left:485px;
	margin-top: 159px;
	width: 150px;
	height: 107px;
	position: fixed;
	background: url("images/updates.png") no-repeat center;
	float: left;
}

#updateButtonHuidig{
	margin-left:485px;
	margin-top: 159px;
	width: 150px;
	height: 107px;
	position: fixed;
	background: url("images/updates.png") no-repeat center;
	float: left;
}
	
#updatesButton a{
	width: 150px;
	height: 107px;
	display:block;
}
	
#updatesButton a:hover{
	background:url("images/updates_aan.png") no-repeat center;
}

#portfolioButton{
	margin-left:589px;
	margin-top: 179px;
	width: 132px;
	height: 177px;
	position: fixed;
	background: url("images/port.png") no-repeat center;
	float: left;
}

#portfolioButtonHuidig{
	margin-left:589px;
	margin-top: 179px;
	width: 132px;
	height: 177px;
	position: fixed;
	background: url("images/port.png") no-repeat center;
	float: left;
}
	
#portfolioButton a{
	width: 132px;
	height: 177px;
	display:block;
}
	
#portfolioButton a:hover{
	background:url("images/port_aan.png") no-repeat center;
}

	


#linksButton{
	margin-left: 552px;
	margin-top: 330px;
	width: 78px;
	height: 80px;
	position: fixed;
	background: url("images/links.png") no-repeat center;
	float: left;
}

#linksButtonHuidig{
	margin-left: 552px;
	margin-top: 330px;
	width: 78px;
	height: 80px;
	position: fixed;
	background: url("images/links.png") no-repeat center;
	float: left;
}
	
#linksButton a{
	width: 78px;
	height: 80px;
	display:block;
}
	
#linksButton a:hover{
	background:url("images/links_aan.png") no-repeat center;
}







#contactButton{
	margin-left: 848px;
	margin-top: 76px;
	width: 77px;
	height: 36px;
	position: fixed;
	background: url("images/contact.png") no-repeat center;
	float: left;
}

#contactButtonHuidig{
	margin-left: 848px;
	margin-top: 76px;
	width: 77px;
	height: 36px;
	position: fixed;
	background: url("images/contact.png") no-repeat center;
	float: left;
}
	
#contactButton a{
	width: 77px;
	height: 36px;
	display:block;
}
	
#contactButton a:hover{
	background:url("images/contact_aan.png") no-repeat center;
}





/*-------------------------------Main-----------------------------------------*/


#schoolprojecten {
	width: 219px;
	height: 308px;
	margin-left: 730px;
	margin-top: 135px;
	background: none;
	position: fixed;
	font-family: Helvetica, Arial;
	text-align: left;
	text-color: white;
}




#contact {
	width: 219px;
	height: 308px;
	margin-left: 730px;
	margin-top: 135px;
	background: none;
	position: fixed;
	font-family: Helvetica, Arial;
	text-align: left;
	text-color: white;
}



#links {
	width: 219px;
	height: 308px;
	margin-left: 730px;
	margin-top: 135px;
	background: none;
	position: fixed;
	font-family: Helvetica, Arial;
	text-align: left;
	text-color: white;
}

#portfolio {
	width: 219px;
	height: 308px;
	margin-left: 730px;
	margin-top: 135px;
	background: none;
	position: fixed;
	font-family: Helvetica, Arial;
	text-align: left;
	text-color: white;
}

#updates {
	width: 219px;
	height: 308px;
	margin-left: 730px;
	margin-top: 135px;
	background: none;
	position: fixed;
	font-family: Helvetica, Arial;
	text-align: left;
	text-color: white;
}

#site {
	width: 219px;
	height: 308px;
	margin-left: 730px;
	margin-top: 135px;
	background: none;
	position: fixed;
	font-family: Helvetica, Arial;
	text-align: left;
	text-color: white;
}

#andereprojecten {
	width: 219px;
	height: 308px;
	margin-left: 730px;
	margin-top: 135px;
	background: none;
	position: fixed;
	font-family: Helvetica, Arial;
	text-align: left;
	text-color: white;
}




/*-------------------------------Formulier-----------------------------------------*/

form
    {
    border-width: 0px;
    border-style: dashed;
    border-color: #cccccc;

    padding: 10px;
    width: 200px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    }
	

label
    {
    float: left;
    width: 70px;
    text-align: right;
    
    margin-right: 10px;
    }

input
    {
    background-color: #fff;

    font-size: x-small;

    border-width: 0px;
    border-style: solid;
    border-color: #cccccc;
    
    margin-bottom: 10px;
    }

select
    {
    width: 100px;
    font-size: x-small;
    background-color: #f5f5f5;
    
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    
    margin-bottom: 10px;
    }

textarea
    {
    width: 150px;
    height: 100px;
    background-color: #f5f5f5;
    
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    
    margin-bottom: 10px;
    }


/*-------------------------------Footer-----------------------------------------*/

#footer{
	font-size: 10px;
	text-align: center;
	background: url('images/footer.jpg') repeat-x;
	height: 25px;
	width: 100%;
	position: fixed;
	bottom: 0px;
}