@charset "utf-8";
/* CSS Document */

html {
	height: 100%;
	margin: 0 0 1px 0;
}

body {
	margin: 0px;
	/*background-position: 100% top;*/
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 8pt;
}

#logo {
	position: fixed;
	top: 0px;
	left: 0px;
	background: url(images/ontwerp_logo2.jpg) no-repeat;
	height: 500px;
	width: 279px;
	z-index: 0;
	padding-top: 300px;
	padding-left: 20px;
	text-align:left;
	color: #666666;
}

#cont_main {
	float: left;
	position: relative;
	text-align: right;
	margin: 0 0 0 auto;
	width: 500px;
	min-width: 500px;
	width:expression(document.body.clientWidth < 500? "500px": "auto" );
	padding: 0px 20px 0px 10px;
	z-index: 1;
}

#main_container {
	min-width: 850px;
	width: 850px;
	float:right;
	width:expression(document.body.clientWidth < 850? "850px": "850px" );
}

#twitter {
	background: url(images/twitter.png) no-repeat;
	width:77px;
	margin-left: -3px;
	height: 25px;	
	cursor: pointer;
}

#twitter:hover {
	background-position: 0px -25px;
}
	
	#latestwork {
		position: relative;
		width: 500px;
		padding-bottom: 30px;
		background: url(images/latestBG.jpg) repeat-y;
	}
	
		#cont_item_first {
			position: relative;
			width: 153px;
			margin-right: 10px;
			float: left;
		}
		
		#cont_item_second {
			position: relative;
			width: 153px;
			margin: 0 10px 0 10px;
			float: left;
		}
		
		#cont_item_third {
			position: relative;
			width: 153px;
			margin-left: 10px;
			float: left;
		}
		
			.item_img {
				position: relative;
				height: 153px;
				width: 153px;
				margin: 0px;
				padding: 0px;
				background:#FFFFFF;
			}
			
			.item_title {
				position: relative;
				text-align: center;
				color: #000000;
				font-size: 10pt;
				background: #fff;
				margin: 0px;
				padding: 5px 0px 5px 0px;
				text-transform: uppercase;
				font-family: Trebuchet MS, Helvetica, sans-serif;
			}
			
			.item_desc {
				position: relative;
				text-align: center;
				line-height: normal;
				background: #dfdfdf;
				padding: 5px;
			}

/* SIDEBAR CONTENTS */ 

#cont_sidebar {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 10px;
	width: 380px;
}

	.sidebar_box {
		position: relative;
		width: 180px;
		padding: 3px;
		background: #FFFFFF;
		margin: 1px auto 0 0;
	}
	
		.menubutton a:visited {
			text-decoration: none;
			color: #000000;
		}	
	
		.menubutton a:link {
			color: #000000;
			cursor: pointer;
			text-decoration:none;
		}
		
		.menubutton a:hover {
			text-decoration: none;
			background: #ffdb11;
			color: #000000;
		}
		
		.menubutton a:active {
			text-decoration: none;
			color: #ffdb11;
			background: #000000;
		}
		
		.headertext {
			font-family: Trebuchet MS;
			font-size: 10pt;
			text-transform: uppercase;
			letter-spacing: 5px;
			color: #000000;
		}
		
		.active {
			
		}
		
		.news a {
			color: #ffdb11;
			text-decoration: none;
			
		}
		
		.news a p {
			color: #000000;
			text-decoration: none;
		}
		
	.sidebar_boxspacer {
		height: 30px;
		width: 20px;
	}

/* TWITTER */
	ul.twitter.list, ul.twitter.list li {
		margin: 0;
	 	padding: 0;
		width: 205px;
	}
	
	
	ul.twitter.list li {
		list-style-type: none;

	}
	
	ul.twitter.list li .sidebar_box.twitter:hover, ul.twitter.list li.personell .sidebar_box.twitter:hover {
		background: #FFDB11;
	}
	
	ul.twitter.list li .sidebar_personell {
		background: url(images/twitter-personell.png) -1px 5px no-repeat;
		width: 18px;
		float: right;
		height: 60px;
		margin: auto 0;
	}
	
	ul.twitter.list li.personell .sidebar_box.twitter {
		background: #fffbe7;
	}
	ul.twitter.list li.personell {
		background: url(images/twitter-personellbg.png) repeat-y right;
	}
	
	ul.twitter.list li img {
		float: left;
	}
	
	ul.twitter.list li p {
		margin-top: 0;
		padding-top: 0;
	}
	
	ul.twitter.list li .info, ul.twitter.list li .info a {
		color: #999;
		font-size: 9px;
	}
	
#footer, #footer a {
	padding-top: 0px; 
	text-align:right;
	color:#ffdb11;
}
	
.clearer {
	clear: both;
}

#portfolio {
	border: 1px dotted #000000;
	width: 496px;
}
		 
.portfoliothumb {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5; 
	opacity: 0.5;
	line-height: normal;
	display: inline;
}

.portfoliothumb_over{
	display: inline;
	margin: -10px;
	border: 6px solid #ffdb11;
	padding: 4px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	line-height: normal;
}

.itemthumb {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5; 
	opacity: 0.5;
	line-height: normal;
	margin: 6px;
}

.itemthumb_over{
	border: 6px solid #ffdb11;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	line-height: normal;
	padding: 0px;
}

.clientWindow {
	height: 86px;
	padding: 0px 6px 0px 6px;
	background: #ffdb11;
}

	.clientWindow p {
		margin:1px;
		color: #000;
	}
	
	.clientWindow p a {
		text-decoration: none;
		background: none;
		color: #000;
		text-transform: none;
	}
	
	#itemWindow_imgs a {
		margin: 0px;
		padding: 0px;
		line-height: normal;
	}
	
.searchWindow {
	padding: 0px 6px 0px 6px;
	background: #f4f4f4;
}

/* Employees */

.employeeBar {
	background: #000;
	margin: 1px 0px 0px 0px;
	padding: 5px;
	font-size: 14pt;
	text-transform: uppercase;
	color: #ffdb11;
	cursor: pointer;
}

.employeeBarOVER {
	background: #ffdb11;
	color: #000;
	padding: 5px 25px 5px 5px;
}

.employeeName {
	
}

/* news */

.newsBar {
	background: #000000;
	margin: 1px 0px 0px 0px;
	padding: 5px;
	font-size: 14pt;
	text-transform: uppercase;
	color: #ffdb11;
	cursor: pointer;
}

.newsBarOVER {
	background: #ffdb11;
	color: #000;
	padding: 5px 25px 5px 5px;
}

.newsName {
	
}

/* form */

select {
	border: none;
	background: #fff;
	padding: 0px;
	margin: 5px;
	font-family: Trebuchet MS;
	font-size: 8pt;
	color: #000;
}

/* contact pagina */

.fieldHeader {
	background: #000;
	margin: 7px 0px 0px 0px;
	padding: 5px 5px;
	font-size: 14pt;
	text-transform: uppercase;
	color: #ffdb11;
}

.fieldHeaderCaptcha {
	background: #000000;
	margin: 7px 0px 0px 0px;
	padding: 5px 5px;
	font-size: 14pt;
	text-transform: uppercase;
	color: #ffdb11;
}

.contactField {
	border: 2px solid #000000;
	width: 486px;
	margin-right: 7px;
	padding: 5px;
	font-family: Trebuchet MS;
	font-weight: 0;
	font-size: 8pt;
	text-align: right;
}

.contactSubmit {
	background: #000000;
	color: #ffdb11;
	width: 500px;
	margin-right: 0px;
	border: 0px none;
	font-family: Trebuchet MS;
	font-weight: 0;
	font-size: 14pt;
	text-transform: uppercase;
	text-align: right;
}