body {
	font-family: "Century Gothic", "Lucida Grande", "Arial", "sans-serif";
	font-size: 12px;
	line-height: 1.5;
	font-weight: normal;
	color: #333;
}

a,
a:link,
a:visited,
a:hover {
	color: black;
	text-decoration: none;
	font-weight: normal;
}

.riRichTextContent p {
	margin: 0;
	text-align: left;
	line-height: 1.5em;
	font-size: 12px;
}

.riRichTextContent h1 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-align: left;
	line-height: 1.5em;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}
.riRichTextContent h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-align: left;
	line-height: 1.5em;
	font-size: 20px;
	color: black;
	font-weight: normal;
}

.riRichTextContent h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-align: left;
	line-height: 1.5em;
	font-size: 12px;
	color: black;
	font-weight: bold;
}

.riRichTextContent ul,
.riRichTextContent ol {
	margin: 0 0 0 14px;
	padding: 0;
}

.riRichTextContent .intro,
.riRichTextContent .intro p {
	font-weight: bold;
}
#logo {
	position: fixed;
	bottom: 20px;
	width: 360px;
	right: 0;
	height: 50px;
	z-index: 1;
	overflow: hidden;
}
	#logo h1 {
		position: relative;
		width: 220px;
		height: 20px;		
		margin: 0;
		padding: 0;		
		font-size: 11px;
		font-weight: bold;
}
		
		#logo h1 a {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			
			text-indent: -9999px;
		}
#logo p {
	position: relative;
	width: 360px;
	height: 15px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: ;
	padding-left: 5px;
}

#content_background {
	position: fixed !important;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	z-index: 0;
}

#header {
	position: fixed;
	top: 20px;
	left: 0px;
	right: 0;
	height: 21px;
	z-index: 1;
	background: url(../img/white-70p-8bit.png) repeat;
	-webkit-box-shadow: none;
	-moz-box-shadow: 0px 0px 10px;
	box-shadow: none;
	color: #000;
	padding-left: 20px;
	padding-top: 15px;
	font-size: 11px;
	padding-bottom: 15px;
}
	#header a {
		color: white;
	}
	#header p {
		margin: 0;
	}

	#header_before {
		float: left;
		height: 20px;
	}
	
	
		#footer_gallery_subtext {
			float:right;
			font-size:12px;
			margin-right:20px;
			right:10px;
			margin-top: -1px;
		}
		#footer_gallery_subtext a,
		#footer_gallery_subtext a:link,
		#footer_gallery_subtext a:visited,
		#footer_gallery_subtext a:hover {
				font-weight: normal;
			}
		#footer_gallery_subtext .riRichTextContent p {
			font-size: 11px;
		}

	
	#header_menu {
		float: left;
		height: 20px;
		margin: 0 10px;
	}

		#header_menu ul {
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
	
		#header_menu li {
	float: left;
	border-left: solid 1px black;
	padding: 0 10px;
	height: 16px;
		}
		
		#header_menu li.liB1 {
			border-right: solid 1px black;
		}
		
		#header_menu li > span,
		#header_menu li > a {
	color: #000;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
		}

		#header_menu li:hover > span,
		#header_menu li:hover > a {
			color: #D6D6D6;
		}
			#header_menu ul ul {
				background: url(../img/white-70p-8bit.png) repeat;
				
				-webkit-box-shadow: 0 0 10px #000000;
				-moz-box-shadow: 0 0 10px #000000;
				box-shadow: 0 0 0px #000000;				

				margin-top: 7px;
			}
			
			#header_menu#header_menu ul ul li {
				border: none;
				float: none;
			}
	
	#header_after {
		float: left;
		height: 20px;
		margin-top:-2px;
	}

#content {
	position: absolute;
	top: 130px;
	right: 5%;
	width: 675px;
}
	#content_text {
	position: relative;
	background: url(../img/white-80p-8bit.png) repeat;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 15px;
	}
	#content_onderschrift {
	position: relative;
	background: url(../img/white-80p-8bit.png) repeat;
	-webkit-box-shadow: 0 0 10px #000000;
	-moz-box-shadow: 0 0 10px #000000;
	box-shadow: 0 0 0px #000000;
	padding: 2px;
	}
		#content_text_closebutton {
			position: absolute;
			top: 3px;
			right: 5px;
			cursor: pointer;
			
			font-size: 10px;
			font-weight: bold;
		}
		
		
		#content_text_left {
			float: left;
			width: 220px;
		}
		
		#content_text_right {
			float: right;
			width: 220px;
		}
	
		#content_text_end {
			clear: both;
		}

#footer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	color: #000000;
	-webkit-box-shadow: 0 0 10px #000000;
	-moz-box-shadow: 0 0 10px #000000;
	box-shadow: 0 0 10px #000000;
	font-size: 11px;
}
	#footer a {
		color: white;
	}
	#footer_gallery_gutter {
		position: relative;
		height: 224px; /* default (when javascript is disabled) */
	}
		#footer_gallery_gutterbutton {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	padding-top: 4px;
	height: 33px; /* 47 - 5 */
	background: url(../img/white-70p-8bit.png) repeat;
	font-size: 18px;
	letter-spacing: 1px;
	text-align: center;
	cursor: pointer;
		}
		#footer_gallery_gutterbutton p {
			font-size: 18px;
			letter-spacing: 1px;
			text-align: center;
		}
		
		
		/* proper scrolling */
		#content { padding-bottom: 234px; }
		body.js #content { padding-bottom: 52px; }
		
		#footer_gallery_gutterbutton strong {
			cursor: pointer;
		}
		
		
		#footer_gallery_content {
	position: absolute;
	left: 0;
	right: 0;
	top: 38px;
	height: 229px;
	background: url(../img/white-70p-8bit.png) repeat;
		}
		
			#footer_gallery_tags {
				position: absolute;
				left: 18px;
				top: 22px;
				font-size: 11px;
			}
				#footer_gallery_tags .tagSelected {
	color: #FF0000;
				}
			
				#footer_gallery_tags > h3 {
					font-size: 100%;
					margin: 0;
					padding: 0;
				}
				
				#footer_gallery_tags ul,
				#footer_project_tags ul	{
					list-style-type: none;
					margin: 0;
					padding: 0
				}
				
				#footer_gallery_tags > ul > li {
					margin-top: 2px;
				}
			
			#footer_gallery {
				position: absolute;
				top: 22px;
				left: 130px;
				right: 50px;
				bottom: 22px;
			}
			
				#footer_gallery .riGalleryContentItem {
					float: left;
					width: 74px;
					height: 57px;
					margin-right: 10px;
					margin-bottom: 10px;
					position: relative;
					
				}
					#footer_gallery a.riGalleryContentItemLink {
						border:2px solid white;
						height:53px;
						left:0;
						position:absolute;
						top:0;
						width:70px;
					}
					#footer_gallery a.riGalleryContentItemLink.currentpage {
						border:2px solid #cc0033;						
					}

				#footer_gallery .gallery-end {
					clear: both;
				}
				
				#footer_gallery.someTagSelected .riGalleryContentItem > .extraDiv0 {
					position: absolute;
					left: 0;
					width: 100%;
					top: 0;
					height: 100%;
					background: url(../img/black-70p-8bit.png) repeat;
					z-index: 1;
				}
				
				
				#footer_gallery.someTagSelected .riGalleryContentItem.tagSelected > .extraDiv0 {
					display: none;
				}
				
				#content_readmore_button {
					font-size: 12px;
					text-align: right;
					font-weight: bold;
				}



		/* project titels */
				
			#footer_gallery_content .riImageItem {
				width: 70px;
				height: 53px;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: 1;
			}
			#footer_gallery_content .riTextContent {
				width: 68px;
				position: absolute;
				top: auto;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: 21;
				
				font-weight: normal;
				font-size: 9px;
				letter-spacing: 0.2px;
				
				vertical-align: bottom;
				
				padding: 2px 0 2px 2px;
				background-image: url("../img/black-70p-8bit.png");
				background-repeat: repeat;
				background-position: 0 0;
			}		
			#footer_gallery a.riGalleryContentItemLink.currentpage .riTextContent {
	color: #F00;
}
				
			#footer_gallery.someTagSelected .riGalleryContentItem {
				opacity: 0.2; filter: alpha(opacity=20);
			}
			
			#footer_gallery.someTagSelected .riGalleryContentItem.tagSelected {
				opacity: 1; filter: alpha(opacity=100);
			}

				
				
				
#riBackendLogin { display: none }



.riBlogItem .readmore {
	display: block;
    float: right;
    text-align: right;
   }

	.riBlogItem .readmore a {
		padding-left: 12px;
		background: url(../img/link.png) no-repeat left center;
   }
      
.riRichTextContent a {
	padding-left: 12px;
	background: url(../img/link.png) no-repeat left center;
  }
   .riRichTextContent .imglink a {
	padding-left: 0;
	background-image: none;
  }
   
   
   
   #footer_projecttitle h3 {
	color: #000000;
   }
.content_header_table {
	font-family: "Century Gothic","Lucida Grande","Arial","sans-serif";
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
