/* 
RFD Zinktechniek
======================================================================================
URL:				www.rfd-zinktechniek.nl/
Auteur: 			Stefan Efde [www.addnoise.nl]
======================================================================================
*/

/*
	ORANJE:		#cc9900
	GRIJS:		#a6a6a6	
*/

@import url(addform.css);
@import url(/addbeheer/themes/addsite/css/iconen.css);

body {
	font-family: Lucida Grande,Lucida Sans,Lucida Sans Unicode, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#FFF;
	margin:0;
	padding:0;
	background: #353535 no-repeat url("../images/back.jpg") top center;
}

html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

a:link, a:visited {
	color: #ffc31c;
	text-decoration: none;
	outline-color:invert;
	outline-style:none;
	outline-width:0;
} 
a:hover {
	color: #f0f0f0;
	text-decoration: none;
}



#topbar {
	margin: 0 auto;
	width: 980px;
	height: 37px;
	background: no-repeat url("../images/menuback.gif") 0px 0px;
	position: relative;
}
#menu-shadow {
	position: absolute;
	bottom: -20px;
	left: 0px;
	width: 980px;
	height: 20px;
	background: no-repeat url("../images/menu-shadow.png") 0px 0px;
}

.searchformInput {
	position: absolute;
	top: 8px;
	right: 115px;
	background: none;
	border: 0px solid #b5b5b5;
	font-size: 11px;
	width: 137px;
	height: 17px;
	line-height: 13px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 23px;
	color: #5c5c5c;
}

.searchformSubmit {
	position: absolute;
	top: 8px;
	right: 45px;
	width: 60px;
	height: 22px;
	background: none;
	border: 0px;
	font-size: 0px;
	cursor: pointer;
	
}
#top {
	width: 980px;
	height: 350px;
	margin: 0 auto;
	position: relative;
}
#smalltop {
	width: 980px;
	height: 250px;
	margin: 0 auto;
	position: relative;
}
#logo a:link, #logo a:visited, #logo a:hover {
	position: absolute;
	top: 77px;
	left: 37px;
	width: 250px;
	height: 110px;
	background: no-repeat url("../images/logo_rfd.png") 0px 0px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	z-index: 5;
}


/* Header Homepage 
----------------------------------------- */

.shadowleft {
	position: absolute;
	top: 30px;
	right: 596px;
	width: 15px;
	height: 227px;
	background: no-repeat url("../images/header-leftshadow.png") 0px 0px;
}
.shadowright {
	position: absolute;
	top: 30px;
	right: -15px;
	width: 15px;
	height: 227px;
	background: no-repeat url("../images/header-rightshadow.png") 0px 0px;
}

#slideshow {
	position: absolute;
	top: 40px;
	right: -30px;
	width: 626px;
	height: 227px;
}

.overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 597px;
	height: 227px;
	background: no-repeat url("../images/header-overlay.png") 0px 0px;
	z-index: 777;
}

.boxs {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 626px;
	height: 227px;
}

#box {
	width: 626px;
	height: 227px;
}

h1 {
	position: absolute;
	top: 100px;
	right: 75px;
	width: 190px;
	font-family: Lucida Grande,Lucida Sans,Lucida Sans Unicode, sans-serif;
	color: #3c3c3c;
	font-size: 22px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	line-height: 26px;
	font-weight: normal;
	text-shadow: #f7d08d 1px 1px 0px;
	text-transform:  uppercase;
	z-index: 888;
	text-align: right;
	letter-spacing: -1px;
}

/* Bullets */

#groups {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 60px;
	height: 20px;
	padding: 0px 0px 0px 0px;
	z-index: 50;
	overflow: hidden;
}
#groups ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#groups ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style-type: none;
	float: left;
}

#groups ul li a#t1:link, #groups ul li a#t1:visited {
	font-size: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 0px 0px;
	display: block;
	width: 10px;
	height: 10px;
	line-height: 40px;
	float: left;
	cursor:pointer;
	position: relative;
	overflow: hidden;
	background: no-repeat url("../images/headeractive.gif") 0px 0px;
}

#groups ul li a#t1:hover {
	background: no-repeat url("../images/headeractive.gif") 0px -10px;
	cursor:pointer;
}
#groups ul li a#t1:focus {
	background: no-repeat url("../images/headeractive.gif") 0px -10px;
}
#groups ul li a.activeSlide#t1:link, #groups ul li a.activeSlide#t1:visited, #groups ul li a.activeSlide#t1:hover {
	width: 10px;
	height: 10px;
	line-height: 40px;
	overflow: hidden;
	background: no-repeat url("../images/headeractive.gif") 0px -10px;
	cursor:pointer;
}

.small_shadowleft {
	position: absolute;
	top: 10px;
	right: 626px;
	width: 15px;
	height: 227px;
	background: no-repeat url("../images/small-leftshadow.png") 0px 0px;
}
.small_shadowright {
	position: absolute;
	top: 10px;
	right: 15px;
	width: 15px;
	height: 227px;
	background: no-repeat url("../images/small-rightshadow.png") 0px 0px;
}

#smallheader {
	position: absolute;
	top: 40px;
	right: 0px;
	width: 626px;
	height: 155px;
}

.smalloverlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 597px;
	height: 155px;
	background: no-repeat url("../images/header-smalloverlay.png") 0px 0px;
	z-index: 777;
}



#middenstuk {
	width: 100%;
	min-height: 241px;
	background: #444443 repeat-x url("../images/greybar_bg.gif") 0px 0px;
	position: relative;
}

#contentbox {
	width: 980px;
	height: 241px;
	margin: auto;
	background: repeat-x url("../images/greybar.jpg") 0px 2px;
	position: relative;
}
#contentbox02 {
	width: 980px;
	min-height: 341px;
	margin: auto;
	background: no-repeat url("../images/greybar_top.jpg") 0px 2px;
	position: relative;
}
.inhoud {
	width: 580px;
	padding: 25px 0px 0px 30px;
}


a.button:link, a.button:visited
{
	width: 200px;
	height: 26px;
	line-height: 24px;
	font-size: 12px;
	color: #fff;
	padding: 0px 0px 0px 35px;
	margin:15px 0px 0px 0px;
	text-decoration: none;
	float: right;
	cursor:pointer;
	text-transform: uppercase;
	background: no-repeat url("../images/button_big.gif") 0px 0px;
	text-shadow: #1b1b1b 1px 1px 0px;
}
a.button:hover {
	color: #fff;
	background: no-repeat url("../images/button_big.gif") 0px -26px;
}

.tekstblok {
	text-shadow: #222222 1px 1px 0px;
}

h2 {
	font-family: Lucida Grande,Lucida Sans,Lucida Sans Unicode, sans-serif;
	color: #fff;
	font-size: 18px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	line-height: 26px;
	font-weight: normal;
	text-shadow: #222222 1px 1px 0px;
	text-transform:  uppercase;
}
h4 {
	font-family: Lucida Grande,Lucida Sans,Lucida Sans Unicode, sans-serif;
	color: #fff;
	font-size: 18px;
	padding: 5px 0px 10px 15px;
	margin: 0px;
	line-height: 30px;
	font-weight: normal;
	text-shadow: #222222 1px 1px 0px;
	text-transform:  uppercase;
}

.dakrol {
	position: absolute;
	top: -65px;
	right: -5px;
	width: 120px;
	height: 200px;
	background:  no-repeat url("../images/dakrol.png") 0px 0px;
}
.dakrol02 {
	position: absolute;
	top: -35px;
	right: -5px;
	width: 90px;
	height: 150px;
	background:  no-repeat url("../images/dakrol_small.png") 0px 0px;
}

#rightbox {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 285px;
	height: 200px;
	padding: 20px 0px 0px 0px;
}

#rightbox ul
{
	float: left;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

#rightbox ul li
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	display: block;
}


#rightbox ul li a:link, #rightbox ul li a:visited
{
	line-height: 27px;
	font-size: 12px;
	color: #f0f0f0;
	padding: 5px 0px 5px 30px;
	margin: 0px;
	text-decoration: none;
	cursor:pointer;
	text-shadow: #222222 1px 1px 0px;
	background:  no-repeat url("../images/v_icon.gif") 0px 0px;
}
#rightbox ul li a:hover {
	color: #cc9900;
}


#onderstuk {
	width: 100%;
	height: 225px;
	border-top: 1px solid #fff;
	background: #f0f0f0 no-repeat url("../images/rightfooter.gif") top center;
}


#footerbox {
	width: 1000px;
	height: 225px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background:  no-repeat url("../images/footerleft.jpg") 0px 0px;
	position: relative;
}

.footerleft {
	float: left;
	width: 680px;
	height: 220px;
	position: relative;
}

.callbutton {
	position: absolute;
	top: 20px;
	left: 40px;
	width: 300px;
	height: 30px;
}

h3 {
	color: #282726;
	font-family: Lucida Grande,Lucida Sans,Lucida Sans Unicode, sans-serif;
	font-size: 16px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	line-height: 18px;
	font-weight: normal;
	text-shadow: #fff 1px 1px 0px;
	text-transform:  uppercase;
}

#contactbox {
	float: right;
	width: 300px;
	height: 170px;
	position: relative;
	color: #282726;
	padding: 20px 0px 0px 0px;
	line-height: 18px;
	text-shadow: #fff 1px 1px 0px;
}
a.werkgebied:link, a.werkgebied:visited {
	position: absolute;
	top: -45px;
	right: 0px;
	width: 200px;
	height: 210px;
	background: no-repeat url("../images/werkgebied.png") 0px 0px;
	z-index: 96;
}
a.werkgebied:hover {
	text-decoration: none;
	font-size: 0px;
}

/*
.werkgebied {
	position: absolute;
	top: -45px;
	right: 0px;
	width: 200px;
	height: 210px;
	background: no-repeat url("../images/werkgebied.png") 0px 0px;
}
*/

a.footeroverlay:link, a.footeroverlay:visited, a.footeroverlay:hover {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 342px;
	height: 225px;
	background: no-repeat url("../images/right_overlay_new.png") 0px 0px;
}
#rightfooter {
	position: absolute;
	top: -1px;
	right: -13px;
	width: 342px;
	height: 201px;
}
.rightfooter img {
	border: 0px;
}


#footerbar {
	width: 100%;
	height: 107px;
	background:  #353535 no-repeat url("../images/back.jpg") 0px -10px;
}

/* Add Noise Label*/

#addnoise_label {
	position: absolute;
	bottom: -54px;
	left: 380px;
	width: 145px;
	height: 30px;
	font-style: italic;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
	color: rgba(255,255,255,.45);
	z-index: 13;
}
a.addnoise_logo:link, a.addnoise_logo:visited {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 80px;
	height: 40px;
	background: url("../images/addnoise.png") no-repeat 0px 0px;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
a.addnoise_logo:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.copyright {
	float: left;
	font-size: 10px;
	color: #cfcec5;
	text-shadow: #222222 1px 1px 0px;
	padding: 23px 0px 0px 20px;
	line-height: 20px;
}

#copyright {
	width: 980px;
	margin: 0px auto;
}

#copyright ul
{
	float: right;
	margin: 0px;
	padding: 23px 23px 0px 0px;
}

#copyright ul li
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	float: left;
	display: block;
}


#copyright ul li a:link, #copyright ul li a:visited
{
	line-height: 20px;
	font-size: 11px;
	color: #ffc31c;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	text-decoration: none;
	float: left;
	cursor:pointer;
	text-shadow: #222222 1px 1px 0px;
	
}
#copyright ul li a:hover {
	color: #f0f0f0;
}




/* Menu */

#menu {
	font-size: 14px;
	padding: 0px 0px 0px 0px;
}

#menu ul
{
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#menu ul li
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	float: left;
	display: block;
}
/*
#menu ul li:last-child {
	background: none;	
}
*/

#menu ul li a:link, #menu ul li a:visited
{
	line-height: 37px;
	font-size: 12px;
	color: #2c2c2c;
	padding: 0px 25px 0px 24px;
	margin: 0px;
	text-decoration: none;
	float: left;
	cursor:pointer;
	text-transform: uppercase;
	background: no-repeat url("../images/menuspacer.gif") right 0px;
	text-shadow: #eff2f3 1px 1px 0px;
}
#menu ul li a:hover {
	background: no-repeat url("../images/menu-active.jpg") top right;
}
#menu ul li a.actief:link, #menu ul li a.actief:visited
{
	line-height: 37px;
	font-size: 12px;
	color: #000;
	padding: 0px 25px 0px 24px;
	margin: 0px;
	text-decoration: none;
	float: left;
	cursor:pointer;
	text-transform: uppercase;
	background: no-repeat url("../images/menu-active.jpg") top right;
	text-shadow: #eff2f3 1px 1px 0px;
}

#menu ul li a.home:link, #menu ul li a.home:visited, #menu ul li a.home:hover
{
	line-height: 37px;
	font-size: 12px;
	color: #000;
	padding: 0px 19px 0px 18px;
	margin: 0px;
	text-decoration: none;
	float: left;
	cursor:pointer;
	text-transform: uppercase;
	background: no-repeat url("../images/menuhome.jpg") top left;
}

#menu ul li a.home2:link  {
	padding: 0px 19px 0px 18px;
	
}
#menu ul li a.home2:hover {
	background: no-repeat url("../images/menuhome.jpg") 0px 0px;
}

/* Subnavigatie */


#subnav {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 300px;
	height: 200px;
	padding: 20px 0px 0px 0px;
}

#subnav ul
{
	float: left;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

#subnav ul li
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	display: block;
	background: no-repeat url("../images/smallarrow.gif") 0px 0px;
}


#subnav ul li a:link, #subnav ul li a:visited
{
	width: 240px;
	height: 30px;
	float: left;
	line-height: 28px;
	font-size: 13px;
	color: #f0f0f0;
	padding: 0px 0px 0px 42px;
	margin: 0px 0px 3px 0px;
	text-decoration: none;
	cursor:pointer;
	text-shadow: #222222 1px 1px 0px;
	background:  no-repeat url("../images/subnav_bg.gif") 0px 0px;
}
#subnav ul li a:hover {
	
	background:  no-repeat url("../images/subnav_bg.gif") 0px -30px;
}
#subnav ul li a.actief:link, #subnav ul li a.actief:visited {
	width: 240px;
	height: 30px;
	float: left;
	line-height: 28px;
	font-size: 13px;
	padding: 0px 0px 0px 42px;
	margin: 0px 0px 3px 0px;
	text-decoration: none;
	cursor:pointer;
	color: #cc9900;
	background:  no-repeat url("../images/subnav_bg.gif") 0px -30px;
}


/* Foto Overzicht
------------------------------- */

.fotosrechts {
float: right;
width: 230px;
margin:0px;
padding: 5px 0px 0px 20px;
}

.fotosrechts img {
width: 200px;
float:right;
cursor:pointer;
margin:0px 15px 10px 20px;
padding:1px;
position: relative;
border: 1px solid #737373;
}


.fotosoverzicht {
float: left;
width:540px;
margin:20px 0 0;
padding:10px 0 0;
background: url("../images/bgoverzicht.jpg") no-repeat top right;
}

.fotosoverzicht img {
height: 90px;
border:1px;
float:left;
cursor:pointer;
margin:0 9px 10px 0;
padding:1px;
}

.itemfoto2 {
	float: left;
	margin-right: 10px;
	position: relative;
	width: 130px;
	height: 122px;
}
.itemfoto2 img {
	padding:1px;
position: relative;
border: 1px solid #737373;
}

.itemcontent2 {
	position: absolute;
	bottom: 0px;
	left: 2px;
	width: 130px;
	height:40px;
	text-align: center;
	background: #818181;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
.itemkop, .itemkop a:link, .itemkop a:visited{
	width: 130px;
	height: 40px;
	color: #fff;
	text-shadow: none;
	padding: 3px 0px 0px 0px;
	font-weight: bold;
	filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#gmap-map {
padding:1px;
position: relative;
border: 1px solid #2f2f2e;
}


div[dir="ltr"] {
	text-shadow: none;
	display: none;
}


/* Clearers
------------------------------------------------------------ */

.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.btnclearer {
	height: 29px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer10 {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer15 {
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer20 {
	height: 20px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer30 {
	height: 30px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer35 {
	height: 35px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer100 {
	height: 100px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.spacer5 {
	height: 5px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer15 {
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer35 {
	height: 35px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer40 {
	height: 40px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer85 {
	height: 85px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}