/* HTML STYLES */

body { font-family: "Century Gothic", Calibri, Arial, Helvetica, sans-serif, "MS Reference Sans Serif", Verdana;
  	 	 font-size: 12px;
		 	 color: black;
		 	 background-color: white;
		 	 padding: 0;
		 	 margin: 0 }
			 
h2 { font-size: 14px;
	 	 color: #c03;
	 	 margin: 0px 0px 5px 0px;
	 	 padding: 0 }
		 
h2.subtitle { font-size: 11px;
							font-style: italic;
							font-weight: bold;
							color: #fff;
							margin: 0;
							padding: 0 }
							
strong {font-size: 12px;
							font-weight: normal;
							 }

h3 { font-size: 11px;
	 	 color: #c03;
		 font-style: italic;
		 font-weight: bold;
	 	 margin: 0;
	 	 padding: 0 }

h4 { font-size: 14px;
	 	 margin: 10px 0px 10px 0px;
	 	 padding: 0 }

p { margin: 0px 0px 15px 0px }

img.flag { width: 20px;
				 	 height: 13px;
				 	 border: none;
				 	 margin: 0px 0px 0px 10px;
				 	 padding: 0 }

img.normal { width: 338px;
						 margin: 13px 0px 0px 13px }

img.picture { width: 336px;
							background-color: #FFF;
							border: 1px solid #cccccc;
							margin: 13px 0px 0px 13px;
							padding: 0px }

ul.repertoire { margin: 15px 10px 10px 45px }

ul.news { margin: 12px 10px 10px -25px }

ul.demo { list-style: none;
					line-height: 22px;
					margin: 15px 10px 10px 45px }

ul.opdrachtgevers { margin: 15px 10px 10px 10px }

ul.locaties { margin: 15px 10px 10px 16px }

td { background-color: #f5f5f5 }

/* HEADER STYLES */


#header { height: 80px;
					background-color: #cc0033;
					margin: 0;
					padding: 0 }

#header_center { width: 870px;
							 	 background-color: #cc0033;
								 text-align: left;
							 	 padding: 0 }

#header_left { width: 400px;
							 float: left;
							 text-align: left;
							 margin: 0;
					 		 padding: 0 }

#header_title { width: 400px;
								height: 30px;
								font-size: 32px;
								text-align: left;
								font-family: "Arial Black";
								color: white;
								margin: 10px 0px 0px 10px;
								padding: 0 }

#header_subtitle { width: 400px;
					 	 	 	 	 text-align: left;
									 font-weight: bold;
									 color: #fff;
								 	 margin: 6px 10px 0px 10px;
			 			 		 	 padding: 0 }

#header_right { width: 300px ;
								height: 70px ;
								float: right;
								text-align: right;
								margin: 0;
					 			padding: 0 }

#header2 { height: 5px;
					background-color: #cc0033;
					margin: 0;
					padding: 0 }



/* NAVIGATION STYLES */

#navigation { height: 20px;
							background-image: url(images/Balk%2013.jpg);
							margin: 0;
			 				padding-top: 0px }
							
#navigation_center { width: 870px;
									 	 text-align: left;
							 	 	 	 margin: 0;
								 		 padding: 0 }

#nav1 { width: 850px;
				float: left;
				text-align: left;
				color: #fff;
				font-weight: bold;
				margin: 1px 10px 3px 10px;
				padding: 0 }
				
a.nav:link, a.nav:visited, a.nav:active { color: #fff; text-decoration: none }
a.nav:hover { color: #fff; text-decoration: underline }
						 
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_index { width: 870px;
				 	 		 	 margin: 10px 0px 0px 0px;
					 			 padding: 0 }

#content_left { width: 508px;		
								float: left;
								margin: 0px 0px 10px 0px;
					 			padding: 0 }

#content_right { width: 361px;
							 	 float: right;
							 	 text-align: left;
								 margin: 0px 0px 10px 0px;
							 	 padding: 0 }

#content_text { text-align: justify;
								margin: 10px 15px 0px 10px;
								padding: 0 }

#content_samenstelling { width: 870px;
				 	 		 	 			 	 height: 430px;
					 			 				 margin-top: 10px;
					 			 				 padding: 0 }

#content_opdracht { text-align: left;
										margin: 10px;
										padding: 0px 0px 0px 0px }

#content_locaties { width: 870px;
										text-align: left;
										margin: 10px 0px 0px 0px;
					 					padding: 0 }

#content_foto { margin: 0;
								padding: 0 }

#content_quote { width: 318px;
							 	 background-color: #f0f0f0;
							 	 border-top: solid 1px #999;
								 border-bottom: solid 1px #999;
								 margin: 20px 11px 0px 13px;
								 padding: 10px }

						 
#quotelink { text-align: right;
						 margin: 0;
						 padding: 0 }
								 
#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: 424px;
											 	 float: left;
												 text-align: left;
												 margin: 0px 0px 10px 10px;
					 							 padding: 0 }

#content_locaties_right { width: 424px;
											 	 float: right;
												 margin: 69px 10px 10px 0px;
								 	 			 padding: 0 }
												 
#content_reacties { text-align: left;
										margin: 25px 10px 0px 10px;
										padding: 0 }

#content_sitemap { margin: 10px;
										padding: 0 }


a.black:link { color: black; text-decoration: underline }
a.black:visited { color: black; text-decoration: underline }
a.black:hover { color: #c03; text-decoration: none }
a.black:active { color: black; text-decoration: underline }

a.black2:link { color: black; text-decoration: none }
a.black2:visited { color: black; text-decoration: none }
a.black2:hover { color: #c03; text-decoration: underline }
a.black2:active { color: black; text-decoration: none }

/* FOOTER STYLES */

#footer{ width: 338px;
					height: 25px;
					float: right;
					text-align: right;
					color: #999;
					font-weight: normal;
					margin: 15px 10px 20px 0px;
					padding: 0 }

#footer_locations { width: 338px;
					height: 25px;
					float: right;
					text-align: right;
					color: #999;
					font-weight: normal;
					margin: 10px 0px 20px 0px;
					padding: 0 }

a.grey:link { color: #999; text-decoration: none }
a.grey:visited { color: #999; text-decoration: none }
a.grey:hover { color: #999; text-decoration: underline }
a.greygrey:active { color: #999; text-decoration: none }