/*
Test-site
BrainMedia website 2010
*/

body {
	margin: 0;
	padding: 0;
	background-color:#000;
	font-family: Arial, Helvetica, sans-serif;
		background:url(/images/bg.jpg) center top no-repeat; background-color:#000;

	font-size: 14px;
	color: #999;
}




h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.8em;
	color:#FFF;
}

h3 {
	font-size: 1.2em;
	color:#F00;
}

h4 {
	font-size: 1.4em;
	color:#FFF;
}



a {
	text-decoration: none;
	color: #999;

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


#wrapper {
	background:url(/images/bg.jpg) center top no-repeat;;
	margin: 0 auto;
	padding: 0;
	height:545px;
}

/* Header */

#header {
	width: 916px;
	height: 118px;
	margin: 0 auto;
	background-image:url(/images/scheerman-kop.png);
}


/* Nav */

#nav {
	float: right;
	height: 34px;
	width:424px;
	font-size: 1.2em;
	text-align:right;
	margin: 0;
	margin-top:70px;
	/*background: url(/images/nav.png) no-repeat left top;*/
	color: #FFFFFF;
}

#button {
	height: 64px;

	text-align:left;
	margin: 0;
	float:left;
	margin-right:20px;

	/*background: url(/images/nav.png) no-repeat left top;*/
	color: #FFFFFF;
}



#button a {
	color: #FFFFFF;
}


#button a:hover	 {
color: #CCC;
	border-bottom: 2px solid  #F00 ;
}

#button a.active {
color: #fff;
	border-bottom: 2px solid  #F00 ;}


/* overall */
#overall {
	width: 916px;
	margin: 0 auto;
	padding: 0;
	padding-top:30px;
	padding-bottom:30px;
}

/* Page */

#page1 {
	width: 896px;
	margin: 0 auto;
	padding: 40px;
	float:left;
	text-align:left;
	
	background-color:#000}
	
	#page1 .page2 {
	width: 626px;
	margin: 0 auto;
	padding: 20px;
	text-align:left;
	float:left;
	background-color:#000}
	
	
	#page1 .page3 {
	width: 156px;
	margin: 0 auto;
	padding: 20px;
	text-align:left;
	float:right;
	background-color:#000}
	
	#page1 .page4 {
	width: 375px;
	margin: 0 auto;
	padding: 20px;
	text-align:left;
	float:left;
	background-color:#000}
	
	
	#page1 .page5 {
	width: 375px;
	margin: 0 auto;
	padding: 20px;
	text-align:left;
	padding-top:90px;
	float:right;
	background-color:#000}
	
	#page1 .page6 {
	width: 900px;
	margin: 0 auto;
	text-align:left;
	float:right;
}
	
	
	
	.page3 a {  width: 160px; height: 27px; line-height: 29px; display: block; text-align: left; padding-left:45px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #fff; margin-bottom:15px; font-size: 14px; background: url('/images/but-wiezijnwij1.png') no-repeat; }
			.page3 a:hover { background: url('/images/but-wiezijnwij2.png') no-repeat; }
	
#1kolom {
	width: 296px;
	margin: 0 auto;
	padding: 20px;
}





  
  
/* Ondertitel projecten */


#ondertitel
  {
  text-align: left;
  font-weight:normal;
  font-size: 0.9em;
  color:#FFF;
  width:156px;
  text-align:center;
  padding-top:5px;
  height:64px;
  margin:0px;
  background-color: #333;
  }
  
 #page1 .page6 .project
  {
  width:156px;
  padding-right:20px;
  padding-top:20px;
	margin: 0 auto;
	float:left;
}
  
  



/* Footer */

/* ### footer container ### */
	#footerCntr { width: 100%; overflow: hidden; color: #6e6e6e; line-height: 18px; padding-bottom:40px; float:left; border-top: 8px solid #F00; font-size:0.8em; margin-top:40px; background-color:#000}
	#footerCntr .center { padding-top: 30px; margin: 0 auto; width: 916px; min-height: 165px;}
	#footerCntr ul { padding-left:-20px; width: 100px; list-style: none; float: left; }
	#footerCntr a { text-decoration: none; color: #6e6e6e; }
	#footerCntr a:hover { text-decoration: underline; }
	#footerCntr address { font-style: normal; float: right; width:173px; }
	#footerCntr address span { padding-top: 15px; display: block; }