/* ------ HTML Elements ------ */

body, html {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;
	font-size: 12px;
	line-height: 16px;
}
body{
	background-color: #515151;
	position: relative;
}
table{
	border-color: #ccc;
}
a{
	color: #000;
	text-decoration: underline;
}
h2 a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
a.readmore{
	text-transform: uppercase;
	color: #fc7713;
	text-decoration: none;
}
.content p{
	text-transform: none;
	color: #000;
	font-weight: normal;
}
a.readmore:hover{
	color: #000;
	text-decoration: underline;
}
h3{
	color:#000;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	margin: 20px 0 5px;
	font-size: 13px;
}
.hide{
	display: none;
}
.content ol{
	margin-left: 20px;
}
.content ul{
	margin-left: 15px;
}
.content ol li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:decimal;
}

.content ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
}

.background {
	overflow:hidden;
	position:absolute;
	bottom:0;
	right:0;
	z-index:-1;
	position: fixed;
}

.background img.visible {
	display:block;
	left:0;
}

.background img {
	position:absolute;
	left:0;
	top:0;
}

	
#header{
	width: 100%;
	height: 91px;
	min-width:975px;
	background-image: url(/site/gfx/header_gradient.jpg);
	}

	
#header_left{
	height: 91px;
	width: 289px;
	float: left;
	}
	
#header_right{
	height: 91px;
	width: 433px;
	float: right;
	background-image: url(/site/gfx/vandereclame_adres.jpg);
	}
	
	
#menu{
	float: left;
	width: 100%;
	height: 27px;
	background-color: white;
	}
	
#menu li{
	float: left;
	}
	
#menu ul{
	padding: 0 0 0 36px;
	float: left;
	}
	
	
#menu_block{
	height: 27px;
	min-width:975px;
	}
	
#menu_left{
	height: 27px;
	float: left;
	}
	
#menu_right{
	height: 27px;
	float: right;
	}
	
#menu a{
	padding: 4px 0 0 0;
	color: #000;
	text-decoration: none;
	margin: 0 19px 0 0;
	outline: none;
	float: left;
	font-family: "Trebuchet MS";
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	display: block;
	height: 23px;
	margin-bottom: 0px;
	}
#menu a:hover, #menu a.active{
	_height: 17px;
	border-bottom: 3px solid #fc7713;
	}



	
#header h1 a{
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: inline;
	height: 91px;
	width: 289px;
	float: left;
	outline: none;
	background-image: url(/site/gfx/vandereclame_logo.jpg);
}

.fc{
	clear: both;
	}
	
h2{
	font-family: "Trebuchet MS";
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	display: block;
	height: 30px;
	margin-bottom: 10px;
	background-image: url(/site/gfx/h2_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 22px;
	}
	
	
	
	
#content{
	min-width:975px;
	padding-left: 14px;
}

.corner{
	background: url(/site/gfx/corner.png) right bottom;
	height: 5px;	
}
.blockcontent{
	background:#fff;
	opacity: 0.8;
	moz-opacity:0.8;
}
/*home 1 */
	
.homeblock{
	margin: 38px 16px 0 0px;
	display: inline;
	float: left;
	}
.homeblock .blockcontent{
	width: 266px;
	background: #fff;
	padding: 9px 10px 10px 10px;
}
.first{
	margin: 38px 16px 0 35px;}
	
	
/* very small */

.verysmall .blockcontent{
	width:50px;
}
/*home 2 */
	
	

#homeblock_groot{
	float: left;
	margin: 38px 0 38px 35px;
	}
#homeblock_groot .blockcontent{
	width: 878px;
	padding: 8px 0 20px 0;
}
#homeblock_top{
	padding: 0 13px 9px;
	}
	
.block{
	display: block;
	padding: 10px;
	width: 266px;
	height: 90px;
	color: #6f6f6f;
	background-color: #ffffff;
	float: left;
	margin: 0 10px 0 0;
	text-decoration: none;
}
.block.last{
	margin:0;
}
.block span{
	display: block;
	float: right;
	clear: right;
	width: 166px;
}
.container{
	margin-right: -10px;
}
.home .block{
	margin-left:-10px;
	float: none;
}
.portfolio:hover{
	background-color: #ebf19d;
	}
	
.last{
	margin: 0;
	}
	
.block img{
	float: left;
	margin:0 10px 0 0;
	}

.block .project_title{
	color: #fc7713;
	text-transform: uppercase;
	text-decoration: none;
	width: 166px;
	}
.block .project_title .arrow{
	background: url(/site/gfx/project.gif) 0 1px no-repeat;
	width: 15px;
	height: 15px;
	float: left;
}
.project_client{
	font-size: 11px;
	}
	
.project_time {
	font-size: 10px;
	color: #6F6F6F;
}
.block .project_time{
	font-size: 10px;
	float: none;
}
.news_block .project_time{
	font-size: 10px;
	text-transform: none;
	font-weight: normal;
	display: block;
}
.old .news_title{
	float: left;
	margin-right: 10px;
}
.news_block.old{
	border: none;
	margin:0;
	padding: 0 0 5px;
}
#old_news{
	display: none;
}
.seperator{
	display: block;
	width: 266px;
	float: left;
	margin: 0px 20px 0 10px;
	border-top: 1px solid #ccc;
	}
.seperator.last{
	margin: 0px 10px 0px 10px;
}		

.prev{
	display: block;
	float: left;
	margin: 0 6px 0 0;
	text-indent: -9999px;
	background-image: url(/site/gfx/nextprevious.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	}
.prev:hover{
	background-position: 0px -24px;
	}
.prev.disabled, .prev.disabled:hover{
	background-position: 0px -47px;
	cursor: default;
	pointer-events: none;
}
.next{
	display: block;
	margin: 0 6px 0 0;
	float: left;
	text-indent: -9999px;
	background-image: url(/site/gfx/nextprevious.png);
	background-position: -28px 0px;
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	}
.next:hover{
	background-position: -28px -24px;
	}
.next.disabled, .next.disabled:hover{
	background-position: -28px -47px;
	cursor: default;
	pointer-events: none;
}
.up{
	display: block;
	float: left;
	text-indent: -9999px;
	background-image: url(/site/gfx/nextprevious.gif);
	background-position: -56px 0px;
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	}
	
.up:hover{
	background-position: -56px -24px;
	}
	
	
.overzicht{
	display: block;
	float: right;
	background-image: url(/site/gfx/overzicht.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-decoration: none;
	display: inline;
	color: #000;
	padding: 2px 30px 0 0px;
	height: 22px;
	}
	
.overzicht:hover{
	background-position: 0px -24px;
	color: #fc7713;	}

.opdrachtgever{
	font-size: 12px;
	color: #666;
	display: block;
	float: left;
	clear: both;
	font-weight: bold;
	}
	
.date{
	font-size: 11px;
	color: #666;
	float: left;
	width: 100%;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #ccc;
	display: block;
	clear: both;
	}
.projectinfo{
	margin: 15px 0 10px 0;
	font-size: 12px;
	}
.portfolio_img{
	margin: 0 10px 0 0;
	height: 59px;
	width: 59px;
	position: relative;
	display: block;
	float: left;
	background: #ccc;
}
.portfolio_img.last{
	margin: 0;
}
.portfolio_img .plus{
	position: absolute;
	top: 0;
	left:18px;
	width: 22px;
	height:22px;
	margin: 20px 0 0;
	background: url(/site/gfx/plus.png) no-repeat left top;
	display: block;
	z-index: 2;
}
.loading .plus{
	background: url(/site/gfx/preloader.gif) no-repeat left top;
}
.loading img{
	display: none;
}
.portfolio_img:hover .plus{
	background-position: left bottom;
}
.small{
	opacity:0.6;
	filter: alpha(opacity = 60);
}
.last .small{
	margin:0;
}
.active .plus{
	display: none;
}
body .loading .plus{
	display: block;
}
.active .small, a:hover .small{
	opacity:1.0;
	filter: alpha(opacity = 100);	
}
/* homeblock medium */

#homeblock_page{
	float: left;
	margin: 38px 0 38px 35px;
}
#homeblock_page .blockcontent{
	width: 588px;
	padding: 13px 0 20px 0;	
}
.content{
	margin:0 90px 0 15px;
}

/* news */
#home_news{
	margin-top: 10px;
}
.news_title{
	text-transform: uppercase;
	font-weight: bold;
	margin:0;
	padding:0;
}
.news_title a{
	text-decoration: none;
}
.news_title a:hover{
	text-decoration: underline;
}
.news_block{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d5d5d5;
}

/* people */
.onze-mensen .project_title{
	background: none;
	color: #333;
	padding:0;
	width: 166px;
}
.social_links a{
	display: block;
	height: 0;
	width: 16px;
	padding-top:16px;
	background: url(/site/gfx/social_icons.png) no-repeat;
	overflow: hidden;
	float: left;
	margin: 5px 5px 0 0;
}
.social_links a.twitter{
	background-position: 0 0;
}
.social_links a.facebook{
	background-position: -16px 0;
}
.social_links a.hyves{
	background-position: -32px 0;
}
.social_links a.email{
	background-position: -48px 0;
}
.social_links a.linkedin{
	background-position: -64px 0;
}
.social_links a.twitter:hover{
	background-position: 0 -16px;
}
.social_links a.facebook:hover{
	background-position: -16px -16px;
}
.social_links a.hyves:hover{
	background-position: -32px -16px;
}
.social_links a.email:hover{
	background-position: -48px -16px;
}
.social_links a.linkedin:hover{
	background-position: -64px -16px;
}

/* tooltip */

.tooltip{
	display: none;
	position: absolute;
	background: #737373;
	padding:5px 5px;
	z-index: 999;
	color: #fff;
}
.pointer{
	background: url(/site/gfx/pointer.png);
	width: 10px;
	height: 8px;
	display: block;
	position: absolute;
	bottom: -8px;
}
/* contact */
.contact .content{
	margin: 0 15px;
}
.contact h3{
	clear: left;
	margin:0 0 5px;
}
.contact .content .fc{
	height: 15px;
	display: block;
}
#contactform{
	float: right;
	margin-left: 15px;
}
#contactform textarea,input {
	font-size: 12px;
	color: #23333E;
}
#contactform .formfield {
	display: block;
	margin-bottom: 15px;
}
#contactform .formfieldtextarea {
	display: block;
	margin-bottom: 15px;
}
#contactform label {
	display: block;
	float: left;
	padding-top: 6px;
	width: 88px;
	color:#23333E;
}
#contactform .star {
	color: #C43349;
}
#contactform .input_large {
	border: 1px solid #999;
	font-size: 1em;
	padding: 5px;
	width: 250px;
}
#contactform .input_small {
	border: 1px solid #999;
	font-size: 1em;
	padding: 5px;
	width: 100px;
}
#contactform label.error {
	color:#C43349;
	float: none;
	margin-left: 100px;
	width: 250px;
}
#contactform .hiddenfield {
	display:none;
	visibility:hidden;
}
#contactform .normallabel{
	color:#23333E;
}
#contact_thanks{
	display: none;
	float: right;
	height: 50px;
}
iframe{
	float: right;
	margin-left: 15px;
}