/* --------------------------------------------------------------------------------------------------------
CSS PRINCIPAL
---------------------------------------------------------------------------------------------------------*/

html {
	height: 				100%;
	overflow: 				-moz-scrollbars-vertical; 
}

body {
	background:				url("fondo.gif");
	text-align:				justify;
	height: 				100%;
	margin:					0px; 
	font:					normal 12px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:					#082834;
}


div.container {
	margin:					auto; 
	width:					760px;
	height:					405px;
	border:					0;
	background-color:		#FFFFEE;
	text-align:				left;
}
div.container-expo {
	margin:					auto;
	width:					760px;
	height:					510px;
	border:					0;
	background-color:		#FFFFEE;
	text-align:				left;
}
div.container-biografia {
	margin:					auto; 
	width:					760px;
	height:					1500px;
	border:					0;
	background-color:		#FFFFEE;
	text-align:				left;
}
div.container-taller {
	margin:					auto; 
	width:					760px;
	height:					600px;
	border:					0;
	background-color:		#FFFFEE;
	text-align:				left;
}

#wrapper{
	background-image:       url(capcelera.gif);
	background-position:    50% 0%;
	background-repeat:      no-repeat;
	padding:                127px 0 0 0;
}



/* --------------------------------------------------------------------------------------------------------
Centrado del sitio
---------------------------------------------------------------------------------------------------------*/

#horizon        
	{
	text-align: 			center;
	position:				absolute;
	top: 					50%;
	left: 					0px;
	width: 					100%;
	height: 				1px;
	overflow: 				visible;
	visibility: 			visible;
	display: 				block
	}

#content    
	{

	margin-left: 			-380px;
	position: 				absolute;
	top: 					-222px;
	left: 					50%;
	width: 					760px;
	height: 				444px;
	visibility: 			visible;
}

/* --------------------------------------------------------------------------------------------------------
basis layout 
---------------------------------------------------------------------------------------------------------*/

.left {
	float:					left;
}

.right {
	float:					right;
}

.wrapper {
	width:					100%;
	overflow:				hidden;
}

.clear {
	clear:					both;
}

ul {
	margin:					0 0 0 15px;
	padding:					0;
}

/* --------------------------------------------------------------------------------------------------------
lay-out
---------------------------------------------------------------------------------------------------------*/

div.header {
	width:					760px;
	height:					100px;
}
div.header-art {
	width:					760px;
	height:					70px;
}

div.header-logo {
	width:					345px;
	height:					68px;
	padding:				32px 0 0 35px;
}

div.header-menu {
	width:					339px;
	height:					66px;
	padding: 				34px 0 0 41px;
}
div.header-menu-art {
	width:					339px;
	height:					66px;
	padding: 				34px 0 0 0;
}

div.content {

	width:					690px;
	height:					234px;
	margin:					35px;
	padding:				0px;
}

div.content-gallery {
	width:					685px;
	height:					234px;
	margin:					5px;
	padding:				0;
	position:				absolute;
	top:					0;
	left:					0;
}

div.content-profiel {

	width:					268px; 
	/* width:					300px; */
	height:					234px;
	margin:					0;
	padding:				0 35px 0 0;
}
div.content-profiel-biografia {

	/* width:					268px; */
	width:					418px;
	height:					234px;
	margin:					0;
	padding:				0 35px 0 0;
}

div.content-projecten {
	width:					387px;
	height:					234px;
	margin:					0;
	padding:				0;
}
div.content-projecten-biografia {
	width:					237px;
	height:					234px;
	margin:					0;
	padding:				0;
}

div.content-projecten-top {
	width:					387px;
	height:					144px;
	margin:					0;
	padding:				0;
	text-align:             center;
	background-color:		#FFFFEE;
}

div.content-projecten-bottom {
	width:					387px;
	height:					63px;
	margin:					1px 0 0 0;
	padding:				0;
	background-color:		#e4ebee;
}

div.content-projecten-biografia-top {
	width:					237px;
	height:					144px;
	margin:					0;
	padding:				0;
	background-color:		#FFFFEE;
}

div.portfolio {
	width:					690px;
	height:					234px;
	margin:					35px;
	padding:				0px;
	background-color:		#fff;
}

div.content-portfolio {
	width:					690px;
	height:					220px;
	padding:				0px;
	background-color:		#eef4f8;
}
div.content-rss {
	width:					350px;
	height:					234px;
	margin:					0;
	padding:				0 0 0 35px;
}

div.footer-cases {
	width:					725px;
	height:					39px;
	background:				#fff url("menu1.jpg") repeat-x scroll 0px 0px;
	color:					#fff;
	font-weight:			bold;
	text-align:				left;
	line-height:			39px;
	padding:				0 0 0 35px;
}
div.footer-cases2{
	width:					560px;
	height:					39px;
	background:				#fff url("menu2.jpg") repeat-x scroll 0px 0px;
	color:					#fff;
	font-weight:			bold;
	text-align:				left;
	line-height:			39px;
	padding:				0 0 0 200px;
}

/* --------------------------------------------------------------------------------------------------------
Images
---------------------------------------------------------------------------------------------------------*/

img.clear-border {
	border:					0px;
}

img.projecten {
	margin:					0;
	border:					0;
}

/* --------------------------------------------------------------------------------------------------------
navigatie
---------------------------------------------------------------------------------------------------------*/


/* --------------------------------------------------------------------------------------------------------
Tekst opmaak
---------------------------------------------------------------------------------------------------------*/

b {
	color:					#004158;
}

p {
	margin:					5px 0 10px 0; 
    text-align:             justify;
}

p.critic  {
    font:					italic 11px/18px Arial, Helvetica, sans-serif;
    text-align:             right;
}

p.autor  {
    font:					14px/18px Arial, Helvetica, sans-serif;
    text-align:             center;
}

p.menu-item {	
	display:				inline;
	margin:					0 30px 0 0; 
	padding:				0px;
}

.menu-itemc {	
	display:				inline;
	margin:					0 25px 0 0; 
	padding:				0px;
}

p.portfolio {
	margin:					5px 0 10px 15px; 
}

a.favorieten-links {
	color:					#000;
	font-weight:			normal;
	text-decoration:		none;
}

a.menu {
	color:					#111;
	font-weight:			bold;
	text-decoration:		none;
}
a.menu2 {
	color:					#427384;
	font-weight:			bold;
	text-decoration:		none;
}

a.menu:hover {
	color:					#0000FF;
	font-weight:			bold;
	text-decoration:		none;
}
a.menu2:hover {
	color:					#0000FF;
	font-weight:			bold;
	text-decoration:		none;
}


/* --------------------------------------------------------------------------------------------------------
Headers voor Fahrner Image Replacement
---------------------------------------------------------------------------------------------------------*/

h2.profiel {
	width: 					44px;
	height: 				14px;
	/* background: 			url("../images/h_profiel.gif") no-repeat; */
	margin:					-20px 0 10px 0;
}

h2.recent {
	width: 					126px;
	height: 				14px;
	/* background: 			url("../images/h_recent.gif") no-repeat; */
	margin:					0 0 5px 0;
}


h2 span {
	display: 				none;
}

/* --------------------------------------------------------------------------------------------------------
Gallery
---------------------------------------------------------------------------------------------------------*/

/* Menu */

div.nav-gallery {
	width:					174px;
	height:					36px;
	background-color:		#e8eff2;
	position:				absolute;
	z-index:				2;
	left:					572px;
	top:					1px;
}

div.nav-gallery-stage {
	width:					52px;
	height:					36px;
	background-color:		#e8eff2;
	position:				absolute;
	z-index:				2;
	left:					696px;
	top:					1px;
}

ul.nav-gallery {	
	list-style-type:		none;
	height:					34px;
	width:					144px;
	display:				inline;
	margin:					0 0 0 3px;
	line-height:			34px;
}

ul.nav-gallery li {
	display:				inline;
	height:					24px;
	width:					24px;
}

ul.nav-gallery li a {
	font:					10px tahoma;
	background-color:		#dce6ea;
	padding: 				8px 11px 9px 10px;
	text-decoration:		none;
	color:					#004158;
}

ul.nav-gallery li a:hover, ul.nav-gallery li a:active {
	color:					#FFF;
	background-color:		#004158;
}

div.nav-gallery-2 {
	width:					112px;
	height:					36px;
	background-color:		#e8eff2;
	position:				absolute;
	z-index:				2;
	left:					638px;
	top:					1px;
}

div.gallery {
	width:					750px;
	height:					434px;
	position:				absolute;
	left:					0;
	top:					1px;
	z-index:				1;
	overflow:				hidden;
}

div.inner-gallery {
	width:					2290px;
	height:					434px;
	position:				relative;
	background-image:		url(images/bg.jpg);
	margin:					0px;
	padding:				0px;
}

.scrolling-content-1 {
	background-color:			#fff;
	position:					absolute;
	left:						0px;
	top:						0px;
	padding:					0px;
}

.scrolling-content-2 {
	background-color:			#fff;
	position:					absolute;
	left:						750px;
	top:						0px;
	padding:					0px;
}	

.scrolling-content-3 {
	background-color:			#fff;
	position:					absolute;
	left:						1500px;
	top:						0px;
	padding:					0px;
}	

.scrolling-content-4 {
	background-color:			#fff;
	position:					absolute;
	left:						2250px;
	top:						0px;
	padding:					0px;
}