@charset "utf-8";
/* (c) 2010 Creatavia.nl - Alle rechten voorbehouden - E-mail: info@creatavia.nl */

	html {
	overflow:auto;
	}

	body{
	background:#232125;

	font-family:Verdana;
	font-size:12px;
	color:#cdcdcf;

	margin:0px;
	}

	a:link,
	a:visited,
	a:active
		{
		background: transparent;
		text-decoration:underline;
		color: #cdcdcf;
		outline: none;
		}
	a:hover
		{
		background: transparent;
		color: #77bf43;
		text-decoration: underline;
		outline: none;
		}

/* -- Container -- */
	.container{
	width:970px;
	height:auto;

	margin-left:auto;
	margin-right:auto;

	overflow:hidden;
	}

/* ---- Header ---- */
	.header{
	background:url(afbeeldingen/header.jpg);
	background-position:bottom;
	background-repeat:no-repeat;

	width:970px;
	height:335px;

	margin-left:0px;
	margin-top:0px;
	}



	/* ---- Header -> Logo ---- */
		.logo_container{
		width:310px;
		height:335px;

		float:left;
		}

		.logo{
		width:200px;
		height:100px;

		margin-left:0px;
		margin-top:15px;
	
		float:left;
		}

		.logo a:link,
		.logo a:visited,
		.logo a:active
			{
			background: transparent;
			color: #232125;
			text-decoration: none;
			outline: none;
			}
		.logo a:hover
			{
			background: transparent;
			color: #232125;
			text-decoration: none;
			outline: none;
			}



	/* ---- Header -> menu ---- */
		.menu_container{
		width:640px;
		height:335px;
	
		float:left;
		}

		ul#menu { /* Doel: volledig menu bepalen. */
		list-style-type: none;

		padding: 0px;

		width: 640px;
		height: 90px;

		margin-top:80px;

		}

		ul#menu li { /* Doel: afzonderlijk menu item  bepalen. */
		float: left;

		width: 94px;
		height: 81px;

		margin-right:30px;

		outline: none;
		}

		ul#menu li a { 
		display: block;
		float: left;

		font-family:Verdana;
		font-size:15px;
		color: #cdcdcf;

		text-align:center;
		text-decoration: none;

		padding-top:10px;

		height: 81px;
		width: 94px;

		outline: none;
		}

		ul#menu li a:hover {
		background:url(afbeeldingen/menu_1.png) repeat-x;

		outline: none;
		}

		ul#menu li a.actief {
		background:url(afbeeldingen/menu_2.png) repeat-x;

		font-family:Verdana;
		font-size:15px;
		color: #232125;

		text-align:center;
		text-decoration: none;

		font-weight:bold;

		padding-top:10px;

		outline: none;
		}



/* -- Sidebar -- */
	.sidebar{
	width:193px;
	height:auto;

	font-family:Verdana;
	font-size:12px;
	color:#cdcdcf;

	float:left;
	}

	/* ---- Sidebar overzicht ---- */
		.sidebar_overzicht{
		background:#cdcdcf;	

		width:173px;

		font-family:Verdana;
		font-size:10px;
		color:#232125;

		margin-left:0px;
		margin-top:2px;
		margin-bottom:0px;

		padding-top:7px;
		padding-bottom:7px;
		padding-left:10px;
		padding-right:10px;
	
		clear:both;
		}

	/* ---- Sidebar inhoud ---- */
		.sidebar_inhoud{
		width:172px;
		min-height:250px;
		height:auto;

		line-height:18px;

		font-family:Verdana;
		font-size:12px;
		color:#cdcdcf;

		margin-left:0px;
		margin-top:10px;
		margin-bottom:10px;

		padding-left:10px;
		padding-top:0px;
		padding-right:10px;
		padding-bottom:10px;

		border-right:solid #77bf43 1px;
		}	

			.sidebar_inhoud h1{
			font-family:Verdana;
			font-size:16px;
			color:#77bf43;

			font-weight:bold;
			line-height:18px;

			margin-top:0px;
			margin-bottom:20px;
			}	

			.sidebar_inhoud h2{
			font-family:Verdana;
			font-size:12px;
			color:#cdcdcf;

			font-weight:bold;
			line-height:18px;

			margin-top:0px;
			margin-bottom:6px;
			}	

			.sidebar_inhoud p{
			font-familiy:Verdana;
			font-size:12px;
			color:#cdcdcf;

			line-height:18px;

			margin-top:0px;
			margin-left:0px;
			margin-bottom:0px;

			padding:0px;
			}

			.sidebar_inhoud strong{
			font-family:Verdana;
			font-size:12px;
			color:#77bf43;
			font-weight:normal;
			}

			.sidebar_inhoud a:link,
			.sidebar_inhoud a:visited,
			.sidebar_inhoud a:active
				{
				background: transparent;
				text-decoration:none;
				color: #77bf43;
				outline: none;
				}

			.sidebar_inhoud a:hover
				{
				background: transparent;
				color: #77bf43;
				text-decoration: underline;
				outline: none;
				}



/* ---- Content ---- */
	.content{
	width:775px;
	height:auto;

	font-family:Verdana;
	font-size:12px;
	color:#cdcdcf;

	margin-left:2px;
	float:left;
	}



	/* ---- Content overzicht ---- */
		.content_overzicht{
		background:#77bf43;	

		width:750px;

		font-family:Verdana;
		font-size:10px;
		color:#232125;

		margin-left:0px;
		margin-top:2px;
		margin-bottom:0px;

		padding-top:7px;
		padding-bottom:7px;
		padding-left:15px;
		padding-right:10px;
		}

			.content_overzicht a:link,
			.content_overzicht a:visited,
			.content_overzicht a:active
				{
				background: transparent;
				text-decoration:none;
				color: #232125;
				outline: none;
				}
	
			.content_overzicht a:hover
				{
				background: transparent;
				color: #232125;
				text-decoration: underline;
				outline: none;
				}


	/* ---- Content inhoud -> Standaard pagina (1 kolom) ---- */
		.content_inhoud{
		width:750px;
		height:auto;

		padding-top:10px;
		padding-bottom:10px;
		padding-left:14px;
		padding-right:14px;

		font-family:Verdana;
		font-size:12px;
		color:#cdcdcf;

		margin-left:0px;
		margin-bottom:20px;
		}

			.content_inhoud h1{
			font-familiy:Verdana;
			font-size:16px;
			color:#77bf43;

			margin-top:0px;
			margin-left:0px;
			margin-bottom:20px;
			clear:both;
			}

			.content_inhoud h2{
			font-familiy:Verdana;
			font-size:12px;
			color:#cdcdcf;
			font-weight:bold;

			margin-top:0px;
			margin-left:0px;
			margin-bottom:5px;
			}

			.content_inhoud p{
			font-familiy:Verdana;
			font-size:12px;
			color:#cdcdcf;

			margin-top:0px;
			margin-left:0px;
			margin-bottom:25px;
			}


	/* Content inhoud -> Standaard pagina (2 kolommen) */
		.content_inhoud_L {
		width:330px;

		font-family:Verdana;
		font-size:12px;
		color:#cdcdcf;

		padding-top:10px;
		padding-bottom:10px;
		padding-left:15px;
		padding-right:10px;

		margin-bottom:0px;

		float:left;
		}

			.content_inhoud_L h1{
			font-familiy:Verdana;
			font-size:16px;
			color:#77bf43;

			margin-top:0px;
			margin-left:0px;
			margin-bottom:10px;
			}

			.content_inhoud_L h2{
			font-familiy:Verdana;
			font-size:12px;
			color:#cdcdcf;
			font-weight:bold;

			margin-top:0px;
			margin-left:0px;
			margin-bottom:5px;
			}

			.content_inhoud_L p{
			font-familiy:Verdana;
			font-size:12px;
			color:#cdcdcf;

			margin-top:0px;
			margin-left:0px;
			margin-bottom:25px;
			}


		.content_inhoud_R {
		width:330px;

		font-family:Verdana;
		font-size:12px;
		color:#cdcdcf;

		padding-top:10px;
		padding-bottom:10px;
		padding-left:15px;
		padding-right:10px;
	
		margin-left:65px;
		margin-bottom:0px;
	
		float:left;
		}

			.content_inhoud_R h1{
			font-familiy:Verdana;
			font-size:16px;
			color:#77bf43;
	
			margin-top:0px;
			margin-left:0px;
			margin-bottom:10px;
			}
	
			.content_inhoud_R h2{
			font-familiy:Verdana;
			font-size:12px;
			color:#cdcdcf;
			font-weight:bold;
	
			margin-top:0px;
			margin-left:0px;
			margin-bottom:5px;
			}
	
			.content_inhoud_R p{
			font-familiy:Verdana;
			font-size:12px;
			color:#cdcdcf;
	
			margin-top:0px;
			margin-left:0px;
			margin-bottom:25px;
			}


	/* Content inhoud -> Home pagina (kolom onafhankelijk) */
		.content_home{
		width:242px;
		height:auto;

		margin-top:10px;
		float:left;
		}

		.content_home_titel{
		background:#cdcdcf;

		width:232px;
		height:16px;
		
		font-family:Verdana;
		font-size:14px; 
		font-weight:bold; 
		color:#232125; 
		
		padding:5px; 
		margin-top:0px; 
		margin-left:0px;
	
		clear:both;
		}

		.content_home_thumb{
		width:240px;
		height:100px;

		font-family:Verdana;
		font-size:14px;
		color:#232125;
	
		border:solid 1px #cdcdcf;
		}

		.content_home_inhoud{
		width:242px;
		height:auto;

		font-family:Verdana;
		font-size:12px;
		color:#cdcdcf; 

		margin-top:10px;

		padding-bottom:20px;
		}
	
			.content_home_inhoud h1{
			font-familiy:Verdana;
			font-size:16px;
			color:#77bf43;

			margin-top:0px;
			margin-left:0px;
			margin-bottom:20px;
			}

			.content_home_inhoud h2{
			font-familiy:Verdana;
			font-size:12px;
			color:#cdcdcf;
			font-weight:bold;
	
			margin-top:0px;
			margin-left:0px;
			margin-bottom:5px;
			}
	
			.content_home_inhoud p{
			font-familiy:Verdana;
			font-size:12px;
			color:#cdcdcf;
	
			margin-top:0px;
			margin-left:0px;
			margin-bottom:25px;
			}


	/* Content inhoud -> Diensten pagina (4 kolommen onafhankelijk) */ 
		.content_diensten_inhoud{
		width:245px; 
		height:175px; 
		
		margin-left: 15px; 
		margin-top:10px; 
		
		font-family:Verdana;
		font-size:12px;
		color:#cdcdcf;
		
		float:left;
		}

			.content_diensten_inhoud h1{
			font-familiy:Verdana;
			font-size:16px;
			color:#77bf43;
	
			margin-top:0px;
			margin-left:0px;
			margin-bottom:10px;
			}
			
				.content_diensten_inhoud h1 a:link,
				.content_diensten_inhoud h1 a:visited,
				.content_diensten_inhoud h1 a:active
						{
						background: transparent;
						text-decoration:none;
						color: #77bf43;
						outline: none;
						}
					
				.content_diensten_inhoud h1 a:hover
						{
						background: transparent;
						color: #77bf43;
						text-decoration:underline;
						outline: none;
						}

			.content_diensten_inhoud h2{
			font-familiy:Verdana;
			font-size:12px;
			color:#cdcdcf;
			font-weight:bold;
	
			margin-top:0px;
			margin-left:0px;
			margin-bottom:5px;
			}
	
			.content_diensten_inhoud p{
			font-familiy:Verdana;
			font-size:12px;
			color:#cdcdcf;
	
			margin-top:0px;
			margin-left:0px;
			margin-bottom:25px;
			}
			
				.content_diensten_inhoud p a:link,
				.content_diensten_inhoud p a:visited,
				.content_diensten_inhoud p a:active
						{
						background: transparent;
						text-decoration:underline;
						color: #cdcdcf;
						outline: none;
						}
					
				.content_diensten_inhoud p a:hover
						{
						background: transparent;
						color: #77bf43;
						text-decoration:underline;
						outline: none;
						}
		
			

		.content_diensten_thumb{
		width:105px; 
		height:175px;
			
		margin-left:20px; 
		margin-top:10px; 
			
		float:left;
		}


		
	/* Content inhoud -> Diensten SUB pagina (4 kolommen onafhankelijk) */
		.content_diensten_sub{
		width:460px;
		height:auto; 
		
		margin-left:15px;
		margin-top:10px; 

		font-family:Verdana;
		font-size:12px;
		color:#cdcdcf;
		
		float:left;
		}

			.content_diensten_sub h1{
			font-familiy:Verdana;
			font-size:16px;
			color:#77bf43;
	
			margin-top:0px;
			margin-left:0px;
			margin-bottom:10px;
			}

			.content_diensten_sub h2{
			font-familiy:Verdana;
			font-size:12px;
			color:#cdcdcf;
			font-weight:bold;
	
			margin-top:0px;
			margin-left:0px;
			margin-bottom:5px;
			}
	
			.content_diensten_sub p{
			font-familiy:Verdana;
			font-size:12px;
			color:#cdcdcf;
	
			margin-top:0px;
			margin-left:0px;
			margin-bottom:25px;
			}
		
			.content_diensten_sub a:link,
			.content_diensten_sub a:visited,
			.content_diensten_sub a:active
					{
					background: transparent;
					text-decoration:none;
					color: #77bf43;
					outline: none;
					}
			
			.content_diensten_sub a:hover
					{
					background: transparent;
					color: #77bf43;
					text-decoration:underline;
					outline: none;
					}

		.content_diensten_sub_werkwijze{
		background: #1c1a1d;
			
		width:250px; 
		height:auto; 
			
		font-family:Verdana;
		font-size:12px;
		color:#cdcdcf;
			
		margin-bottom:10px; 
		margin-left: 50px; 
		margin-top:10px;
			
		float:left;
		}
		
			.content_diensten_sub_werkwijze h1{
			font-familiy:Verdana;
			font-size:16px;
			color:#77bf43;
	
			margin-top:0px;
			margin-left:0px;
			margin-bottom:10px;
			}

			.content_diensten_sub_werkwijze h2{
			font-familiy:Verdana;
			font-size:12px;
			color:#cdcdcf;
			font-weight:bold;
	
			margin-top:0px;
			margin-left:0px;
			margin-bottom:5px;
			}
	
			.content_diensten_sub_werkwijze p{
			font-familiy:Verdana;
			font-size:12px;
			color:#cdcdcf;
	
			margin-top:0px;
			margin-left:0px;
			margin-bottom:25px;
			}
			
			.content_diensten_sub_werkwijze a:link,
			.content_diensten_sub_werkwijze a:visited,
			.content_diensten_sub_werkwijze a:active
					{
					background: transparent;
					text-decoration:none;
					color: #77bf43;
					outline: none;
					}
			
			.content_diensten_sub_werkwijze a:hover
					{
					background: transparent;
					color: #77bf43;
					text-decoration:underline;
					outline: none;
					}


	/* Content inhoud -> Portfolio (2 kolommen onevenredig) */
	
	
	.content_portfolio_L{
	width:270px;
	margin-left:15px; 
	float:left; 
	margin-bottom:10px;
	margin-top:10px;
	}
	
		.content_portfolio_L h1{
		font-familiy:Verdana;
		font-size:16px;
		color:#77bf43;

		margin-top:0px;
		margin-left:0px;
		margin-bottom:20px;
		}

		.content_portfolio_L h2{
		font-familiy:Verdana;
		font-size:12px;
		color:#cdcdcf;
		font-weight:bold;

		margin-top:0px;
		margin-left:0px;
		margin-bottom:5px;
		}

		.content_portfolio_L p{
		font-familiy:Verdana;
		font-size:12px;
		color:#cdcdcf;

		margin-top:0px;
		margin-left:0px;
		margin-bottom:25px;
		}

	.content_portfolio_R{
	width:450px; 
	margin-left:40px; 
	float:left; 
	margin-bottom:10px;
	margin-top:10px;
	}
	
	
	
	
	
	.content_portfolio_vak{
	width:240px;
	height:auto;

	margin-top:10px;
	margin-left:18px;
	
	float:left;
	}

	.content_portfolio_thumb{
	width:240px;
	height:150px;

	font-family:Verdana;
	font-size:14px;
	color:#232125;
	}
	
	.content_portfolio_spacer{
	background:#77bf43;
	width:240px; 
	height:4px; 
	}

	.content_portfolio_inhoud{
	width:240px;
	height:auto;

	font-family:Verdana;
	font-size:12px;
	color:#cdcdcf; 

	margin-top:10px;

	padding-bottom:20px;
	}
	
		.content_portfolio_inhoud h1{
		font-familiy:Verdana;
		font-size:16px;
		color:#77bf43;

		margin-top:0px;
		margin-left:0px;
		margin-bottom:20px;
		}

		.content_portfolio_inhoud h2{
		font-familiy:Verdana;
		font-size:12px;
		color:#cdcdcf;
		font-weight:bold;

		margin-top:0px;
		margin-left:0px;
		margin-bottom:5px;
		}

		.content_portfolio_inhoud p{
		font-familiy:Verdana;
		font-size:12px;
		color:#cdcdcf;

		margin-top:0px;
		margin-left:0px;
		margin-bottom:0px;
		}
		
		
	/* Content inhoud -> Over Ons (2 kolommen) */

		.content_over_foto{
		width:150px; 
		height:241px; 
		
		float:left;
		}
		
		.content_over_spacer{
		background:#77bf43;
		width:4px; 
		height:241px; 
		
		float:left;
		}
		
		.content_over_inhoud{
		float:left; 
		padding-left:12px; 
		padding-bottom:10px; 
		padding-right:10px; 
		padding-top:4px;
		}
		


	/* -- Contactformulier --*/
		.contact_tekst{
		width:100px;
		height:auto;
	
		padding-top:0px;
		padding-bottom:0px;
	
		font-family:Verdana;
		font-size:12px;
		color:#cdcdcf;
		}

		.contact_vakken{
		width:200px;
		height:auto;
	
		padding-top:3px;
		padding-bottom:3px;
		}
	
		.contact_inhoud1{
		background:#232125;
		width:200px;
		height:12px;
	
		font-family:Verdana;
		font-size:10px;
		color:#cdcdcf;
	
		padding-top:2px;
		padding-bottom:2px;
		padding-left:1px;
		padding-right:1px;
	
		border-top:solid #cdcdcf 1px;
		border-bottom:solid #cdcdcf 1px;
		border-left:solid #cdcdcf 1px;
		border-right:solid #cdcdcf 1px;
		}
	
		.contact_inhoud_RED{
		background:#232125;
		width:194px;
		height:auto;
	
		font-family:Verdana;
		font-size:10px;
		color:red;
	
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
		padding-right:5px;
	
		margin-top:7px;
		
		border-top:solid red 1px;
		border-bottom:solid red 1px;
		border-left:solid red 1px;
		border-right:solid red 1px;
		}
	
		.contact_inhoud2{
		background:#232125;
		width:200px;
		height:50px;
	
		font-family:Verdana;
		font-size:12px;
		color:#cdcdcf;
	
		overflow:auto;
	
		padding-top:2px;
		padding-bottom:2px;
		padding-left:1px;
		padding-right:1px;
	
		border-top:solid #cdcdcf 1px;
		border-bottom:solid #cdcdcf 1px;
		border-left:solid #cdcdcf 1px;
		border-right:solid #cdcdcf 1px;
		}
	
		.contact_button{
		background:#232125;
		width:100px;
		height:20px;
	
		font-family:Verdana;
		font-size:12px;
		color:#cdcdcf;
	
		padding:0px;
	
		border-top:solid #cdcdcf 1px;
		border-bottom:solid #cdcdcf 1px;
		border-left:solid #cdcdcf 1px;
		border-right:solid #cdcdcf 1px;
		}

	/* -- Footer -- */
		.footer{
		width:173px;
		height:25px;
		
		font-family:Verdana;
		font-size:9px;
		color:#666;
	
		margin-left:0px;
		margin-top:2px;
		margin-bottom:10px;
	
		padding:10px;
		}
	
			.footer a:link,
			.footer a:visited,
			.footer a:active
					{
					background: transparent;
					text-decoration:underline;
					color: #666;
					outline: none;
					}
			
			.footer a:hover
					{
					background: transparent;
					color: #666;
					text-decoration:none;
					outline: none;
					}
					
			.alg_groen{color:#77bf43;}

/* Overige scripts */
		
		
* {margin:0; padding:0}
.hotspot {width:auto; color:#cdcdcf; padding-bottom:1px; cursor:pointer;}

#tt {position:absolute; display:block; background:url(http://www.creatavia.nl/afbeeldingen/tt_left.gif) top left no-repeat;}
#tttop {display:block; height:5px; margin-left:5px; background:url(http://www.creatavia.nl/afbeeldingen/tt_top.gif) top right no-repeat; overflow:hidden;}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#333; color:#cdcdcf;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(http://www.creatavia.nl/afbeeldingen/tt_bottom.gif) top right no-repeat; overflow:hidden;}


#slideshow {list-style:none; color:#cdcdcf;}
#slideshow span {display:none;}

#wrapper {width:456px; margin:0px auto; display:none;}
#wrapper * {margin:0; padding:0;}

#fullsize {position:relative; width:450px; height:300px; padding:0px; background:#232125;}
#information {position:absolute; bottom:0; width:450px; height:0; background:#232125; color:#cdcdcf; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=75);}

#information h3 {padding:8px 8px 3px; font-size:14px;}
#information p {padding:0 8px 8px;}
#image {width:450px;}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(http://www.creatavia.nl/afbeeldingen/portfolio/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(http://www.creatavia.nl/afbeeldingen/portfolio/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(http://www.creatavia.nl/afbeeldingen/portfolio/images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(http://www.creatavia.nl/afbeeldingen/portfolio/images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#cdcdcf;}
#slideright {float:right; width:20px; height:81px; background:#222 url(http://www.creatavia.nl/afbeeldingen/portfolio/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#cdcdcf;}
#slidearea {float:left; position:relative; width:396px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; padding:1px}



	div.pagination {
		
	clear:both;
	width:700px;
	height:auto;
	
	padding: 15px;
	margin: 0px;
	
	text-align:center;
	}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #cdcdcf;
	
	text-decoration: none; /* no underline */
	color:#cdcdcf;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px dashed #cdcdcf;
	background-color:#232125;
	color:#cdcdcf;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #77BF43;
		
		font-weight: bold;
		background-color:#232125;
		color:#77BF43;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #CCC;
	
		color: #CCC;
	}