@charset "UTF-8";



/*****************
 CSS Document 
 Copyright 2009 
 27NewMedia
 Schoolstraat 11
 7071 ZX Ulft
 W: www.27newmedia.nl
 E: info@27newmedia.nl
 T: 06 53 60 44 71
 alle rechten voorbehouden
 Opdracht: Timmerfabriek Hendriksen 
 *********************/
 
 
/* id's en algemene opbouw */
* {
	padding				: 	0px;
	margin				: 	0px;
}

body {
	behavior			:	url("scripts/csshover3.htc");
	font-family			: 	Arial, Helvetica, sans-serif;
	font-size			: 	14px;
	font-style			: 	normal;
	font-weight			: 	normal;
	color				: 	#000000;
	margin				:	0 auto;
	background-color	: 	#fff;
	padding-top			: 	20px;
	text-align: justify;
}

#wrap {	
	width				: 	933px;
	height				: 	auto;
	margin				:	0 auto;
	background-color	: 	#fff;
}

#leftcontent {
	width				: 	580px;
	height				: 	auto;
	float				:	left;
}

#rightcontent {
	width				: 	325px;
	height				: 	auto;
	float				: 	right;
}


#downloads, #contact, #links, #route, #nieuwskort, #info {
	width				: 	325px;
	height				: 	auto;
	float				: 	right;
	margin-top			: 	30px;
	text-align:left;
	margin-left			: 	12px;
}

#projecten {
	width				: 	325px;
	float				:	right;
	margin-top			: 	30px;
	margin-bottom		:	8px;
	margin-left			: 	12px;
}

#routekaart {
	width				: 	325px;
	height				:	auto;
	float				:	right;
	clear				:	both;
	margin-top			: 	30px;
	margin-bottom		:	8px;
	margin-left			: 	12px;
}

#welkom, #vacature, #producten, #nieuws {
	width				: 	570px;
	height				: 	auto;
	float				: 	left;
	margin-top			: 	30px;
	padding-right		: 	12px;
}

#film {
	width				: 	570px;
	height				: 	400px;
	float				: 	left;
	display:block;
}

#contactleft {
	width				: 	560px;
	height				: 	auto;
	float				: 	left;
	margin-top			: 	30px;
	padding-right		: 	12px;
}

#product {
	width				: 	560px;
	height				: 	auto;
	display:block;
	margin-top			: 	10px;
	border-bottom		: 	1px solid #ff5113;
	margin-bottom: 10px;
	float: left;
	padding-bottom: 10px;
	text-align: left;
}

#links {
	width				: 	560px;
	height				: 	auto;
	display				:	block;
	float				:	left;
	border-bottom		: 	1px solid #ff5113;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-bottom: 10px;
	text-align: left;
}

#nieuwsitem {
	width				: 	560px;
	margin-top			: 	10px;
	border-bottom		: 	1px solid #ff5113;
	margin-bottom: 10px;
	display: block;
	float: left;
	height: auto;
	padding-bottom: 10px;
	text-align: left;
}

#specs{
	width				: 	280px;
	height				: 	auto;
	float				: 	right;
	display				:	block;
	margin-top: -2px;
}

#header {
	height				: 	134px;
	width				: 	933px;
	display				:	block; 
	margin				:	0;
	border-top			: 	1px solid #ff5113;
	border-bottom		: 	1px solid #ff5113;
}

#nav {	
	width				: 	933px;
	height				: 	56px;
	margin				: 	7px 0 0 0;
}

#subnav {
	width				: 	933px;
	height				: 	238px;
	padding-top			: 	2px;
}

#footer {
	background-color	: 	#ff5113;
	width				: 	933px;
	height				: 	40px;
	margin-bottom		: 	3px;
	clear				: 	both;
}

#buitenfooter {
	width				: 	300px;
	height				: 	60px;
	margin-bottom		: 	3px;
	float				: 	left;
	display				: 	block;
}

#buitentekst {
	float				: 	left;
	width				: 	400px;
	display				: 	block;
}
/* einde id's en algemene opbouw */






/* classes */

.infotekst{
	width: 305px;
	color: #FC370D;
	text-align:justify;
}

.buitentekst{
	color				: 	#000;
	font-size			: 	14px;
	text-align			: 	left;
}

.grootbalk {
	background-color	: 	#ff5113;
	width				: 	933px;
	height				: 	40px;
	margin-top: -1px;
	margin-bottom		: 	3px;
}

.footertekst {
	color				: 	#fff;
	font-size			: 	14px;
	text-align			: 	center;
	line-height			: 	40px;
}

.headerimg {
	float				: 	left;
	display				: 	block;
	margin				: 	8px 0 0 0;
}

.koppen {
	width				: 	250px;
	font-size			: 	18px;
	border-bottom		: 	1px solid #ff5111;
	margin-bottom		: 	20px;
	padding-bottom: 3px;
}

.imgsubnav {
	width				: 	309px;
	height				: 	194px;
	float				: 	left;
	margin-right		: 	3px;
}

.imgsubnavrechts {
	width				: 	309px;
	height				: 	194px;
	float				: 	left;
}

.bedrijf {
	background-color	: 	#ff5113;
	display				: 	block;
	width				: 	309px;
	margin-top			: 	3px;
}

.bedrijfsnaam {
	margin-top: 43px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 130px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff5113;
	padding-bottom: 15px;
	text-align: center;
}

.bijschrifttifa {
	letter-spacing: 4px;
	font-size			:	19px;
	color				: 	#8b8b8b;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 130px;
	padding-top: 14px;
	text-align: center;
}

.imgproduct{
	display: block;
	float: left;
}

.productfoto{
	display: block;
	float: left;
	width:150px;
	height:150px;
}

.imglink{
	display: block;
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0;	
}


.imgnieuws{
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}


.oranje{
	color:#ff5113;}
	
.oranjegroot{
	color:#ff5113;
	font-size:16px;
}
	
.info{
	color:#8b8b8b;
}
	
.vacaturekop{
	color:#ff5113;
	font-size: 16px;
}

/* einde classes */

p {
	padding-bottom: 5px;
}



/* H tags */

h6{
	color:#ff5113;
	font-size: 14px;
}

h1.logo {
	font-size			: 	22px;
	text-transform		: 	uppercase;
	height				: 	112px;
	font-variant		: 	normal;
	font-weight			: 	normal;
	font-style			: 	normal;
	float				: 	right;
	background-image: url(../images/tifaheader.jpg);
	background-repeat: no-repeat;
	margin-top: -7px;
	margin-right: 0;
	margin-left: 0;
	background-position: left 17px;
	padding-bottom: 15px;
}

h1.bijschrift {
	font-size			: 	19px;
	text-transform		: 	uppercase;
	font-variant		: 	normal;
	font-weight			: 	normal;
	font-style			: 	normal;
	float				: 	right;
	text-indent			: 	110px;
	margin				: 	0;
	padding				: 	0;
}


h2.h2prefab {
	color				: 	#fff;
	font-size			: 	16px;
	text-transform		: 	uppercase;
	margin				: 	0 0 0 10px;
	font-weight			: 	normal;
	font-style			: 	normal;
	background			: 	url(../images/tifawit.jpg) no-repeat;
	text-indent			: 	50px;
	height				: 	40px;
	line-height			: 	42px;
}

h2.h2henku {
	color				: 	#fff;
	font-size			: 	16px;
	text-transform		: 	uppercase;
	margin				: 	0 0 0 10px;
	font-weight			: 	normal;
	font-style			: 	normal;
	background			: 	url(../images/henkuwit.jpg) no-repeat;
	text-indent			: 	50px;
	height				: 	40px;
	line-height			: 	42px;
}

h3 {
	color				: 	#000;
	font-size			: 	14px;
	font-weight			: 	normal;
	font-style			: 	normal;
	background			: 	url(../images/pdf.jpg) no-repeat;
	text-indent			: 	35px;
	height				: 	40px;
	line-height			: 	35px;
}

h4{
	font-size			:	18px;
	font-weight			:	normal;
	margin-bottom: 5px;
}
/* einde H tags */





/* algemene tags */
p {
	line-height				: 	18px;
	margin-bottom			: 	8px;
}



#nav ul {
	width					: 	933px;
	display					: 	block;
	height					: 	40px;
	border-bottom			: 	1px solid #ff5113;
	padding-bottom			: 	7px;
	padding-left			: 	3px;
}

#nav li {
	list-style-image	: 	none;
	display				: 	block;
	float				: 	left;
	background			: 	#8b8b8b;
	width				: 	130px;
	height				: 	40px;
	margin-right		: 	3px;
}

#vacature li {
	display				: 	block;
	margin-bottom		: 	5px;
	margin-left			: 	15px;
	text-align			: 	left;
	list-style-type		:	none;
}
/* einde algemene tags */





/* Anker tags */
a.navlink {
	display				: 	block;
	width				: 	130px;
	height				: 	40px;
	float				: 	left;
	background			: 	#8b8b8b;
	text-align			: 	center;
	line-height			: 	40px;
	color					: 	#ffffff;
	font-size	 			: 	15px;
	text-decoration			: 	none;
	text-transform			: 	uppercase;
}

a.navlink:hover {
	width				: 	130px;
	height				: 	40px;
	background			: 	#ff5113;
	
}

a.hoverhenku {
	background-image	:	url(../images/henku.jpg);
	width				: 	309px;
	height				: 	150px;
	display				:	block;
	
}

a.hoverhenku:hover {
	background-image	:	url(../images/henkuhover.jpg);
	width				: 	309px;
	height				: 	150px;
	display				:	block;
	
}

a.hoverprefab {
	background-image	:	url(../images/prefab.jpg);
	width				: 	309px;
	height				: 	150px;
	display				:	block;
	
}

a.hoverprefab:hover {
	background-image	:	url(../images/prefabhover.jpg);
	width				: 	309px;
	height				: 	150px;
	display				:	block;
	
}

a.hoverhentra {
	background-image	:	url(../images/hentra.jpg);
	width				: 	309px;
	height				: 	150px;
	display				:	block;
	
}

a.hoverhentra:hover {
	background-image	:	url(../images/hentrahover.jpg);
	width				: 	309px;
	height				: 	150px;
	display				:	block;
	
}

a.footermail{
	color:#ffffff;
	text-decoration: none;
}

a.footermail:hover{
	color:#ffffff;
	text-decoration: underline;
}

a.mail{
	color:#000000;
	text-decoration: none;
}

a.mail:hover{
	color:#ff5113;
	text-decoration: none;
}

a.linkside{
	color:#000000;
	text-decoration: none;
}

a.linkside:hover{
	color:#ff5113;
	text-decoration: none;
}

a.vacatureanker{
	color:#000000;
	text-decoration: none;
}

a.vacatureanker:hover{
	color:#ff5113;
	text-decoration: none;
}

a.h2prefab{
	color:#ffffff;
	text-decoration: none;

}

a.h2prefab:hover{
	color:#ffffff;
	text-decoration: underline;
}

a.h2henku{
	color:#ffffff;
	text-decoration: none;

}

a.h2henku:hover{
	color:#ffffff;
	text-decoration: underline;
}

a.buitentekst{
	color:#000;
	text-decoration: none;

}

a.buitentekst:hover{
	color:#ff5113;
	text-decoration: none;
}