/* HTML STYLES */

body { font-family: "Century Gothic", Calibri, Arial, Helvetica, sans-serif, "MS Reference Sans Serif", Verdana;
		 	 font-size: 12px;
			 color: #000;
			 background-color: #666;
			 padding: 0;
			 margin: 0 }

			 
h2 { font-size: 13px }

img.picture { float: right;
							width: 250px;
							background-color: #FFF;
							border: 1px solid #cccccc;
							margin: 20px 0px 18px 20px;
							padding: 0px }


/* CONTAINER STYLES */

#container { width: 815px;
						 background-color: #fff;
						 position: center;
					 	 margin: auto }


/* HEADER STYLES */

#header { font-size: 24px;
					font-weight: bold;
	 	 			text-align: center;
					margin: 0px 0px 0px 0px;
					padding: 18px 0px 0px 0px }
					
#header_subtitle { font-size: 13px;
								 	 color: #ccc;
								 	 font-weight: bold;
	 	 							 text-align: center;
									 margin: 0;
									 padding: 0px 0px 20px 0px }


/* NAVIGATION STYLES */

#navigation { height: 22px;
							color: #fff;
							background-color: #f90;
							font-size: 12px;
							font-weight: bold;
	 	 					margin: 0;
			 				padding: 4px 10px 0px 20px }
							
a.nav_special:link, a.nav_special:visited, a.nav_special:active { color: #fff; text-decoration: underline }
a.nav_special:hover { color: #fff; text-decoration: none }

				 
/* CONTENT STYLES */

#content_text { background-color: #fff;
						    float: left;
								text-align: justify;
								margin: 0;
					 			padding: 10px 20px 15px 20px }

#content_right { width: 220px;
							 	 background-color: #fff;
						     float: right;
							 	 text-align: justify;
								 margin: 0;
					 			 padding: 10px 10px 10px 0px }
								 

#content_samenstelling { width: 765px;
				 	 		 	 			 	 height: 430px;
					 			 				 margin-top: 10px;
					 			 				 padding: 0 }

#content_opdracht { width: 765px;
										height: 598px;
					 					margin: 0px;
					 					padding: 0 }

#content_locaties { width: 765px;
										text-align: left;
										margin: 10px 0px 0px 0px;
					 					padding: 0 }

#content_foto { margin: 0;
								padding: 0 }

#content_quote { width: 318px;
							 	 background-color: #ccc;
							 	 border-top: solid 1px #999;
								 border-bottom: solid 1px #999;
								 text-align: justify;
							 	 margin: 25px 11px 0px 13px;
								 padding: 10px }
								 
#content_quote_opdracht { width: 318px;
							 	 					background-color: #ccc;
							 	 					border-top: solid 1px gray;
								 					border-bottom: solid 1px gray;
								 					text-align: justify;
							 	 					margin: 39px 11px 27px 13px;
								 					padding: 10px }
								 
#content_news { text-align: justify;
								width: 174px;
								height: 94px;
								float: left;
								border-left: solid 1px #999;
								margin: 25px 0px 14px 13px;
								padding: 10px 10px 0px 10px }

#content_contact { width: 111px;
								 	 height: 84px;
									 float: right;
								 	 border-left: solid 1px #999;
							 	 	 border-right: solid 1px #999;
							 	 	 margin: 25px 10px 14px 0px;
								 	 padding: 10px 10px 10px 20px }
									 
#content_locaties_left { width: 372px;
											 	 float: left;
												 text-align: left;
												 margin: 0px 0px 10px 10px;
					 							 padding: 0 }

#content_locaties_right { width: 372px;
											 	 float: right;
												 margin: 63px 10px 10px 0px;
								 	 			 padding: 0 }
												 
#content_reacties { text-align: left;
										margin: 25px 10px 0px 10px;
										padding: 0 }

#content_sitemap { margin: 10px;
										padding: 0 }

#anders_2 { height: 22px;
							color: #ccc;
							border: 1px solid #6c9;
							text-align: right;
							font-size: 12px;
							font-weight: bold;
	 	 					margin: 0;
			 				padding: 4px 0px 0px 0px }
	

/* FOOTER STYLES */
												 
#n2 { width: 775px;
					text-align: right;
					color: #f90;
					font-size: 10px;
			 		background-color: #fff;
					margin: 0;
			 		padding: 10px 20px 10px 20px }
					
#footer { width: 775px;
					text-align: center;
					color: #999;
					font-size: 10px;
			 		background-color: #fff;
					margin: 0;
			 		padding: 10px 20px 10px 20px }
			

a.black:link { color: black; text-decoration: underline }
a.black:visited { color: black; text-decoration: underline }
a.black:hover { color: #f90; text-decoration: none }
a.black:active { color: black; text-decoration: underline }

a.g:link { color: #999; text-decoration: none }
a.g:visited { color: #999; text-decoration: none }
a.g:hover { color: #f90; text-decoration: underline }
a.g:active { color: #999; text-decoration: none }

a.o:link { color: #f90; text-decoration: none }
a.o:visited { color: #f90; text-decoration: none }
a.o:hover { color: #999; text-decoration: underline }
a.o:active { color: #f90; text-decoration: none }

a.w:link { color: #fff; text-decoration: none }
a.w:visited { color: #fff; text-decoration: none }
a.w:hover { color: #fff; text-decoration: none }
a.w:active { color: #fff; text-decoration: none }

a.z:link { color: #000; text-decoration: none }
a.z:visited { color: #000; text-decoration: none }
a.z:hover { color: #000; text-decoration: underline }
a.z:active { color: #000; text-decoration: none }

a.a:link { color: #fff; text-decoration: none }
a.a:visited { color: #fff; text-decoration: none }
a.a:hover { color: #fff; text-decoration: underline }
a.a:active { color: #fff; text-decoration: none }




/* 
#099
#399
#9cf (licht)
#699 (footer)
#9cc
#39c (nav)


#6c9
#3cc

#c03 (O3)
*/


