/*  =reset.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #333;
	
}
html {overflow-y: scroll; }

dt {font-size: 110%; float:left; width: 125px;}
#secundaireinhoud dl.contact dt {width: 85px;}
dd {margin-left:125px;}
#secundaireinhoud dl.contact dd {margin-left:85px;}
body {
  font-size: 62.5%;
  font-family:  Arial, Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, sans-serif;
  color: #111111;
  line-height: 1.8em;
  background:#58bfec url(../img/bg.gif) repeat-x 0 0;
  border: 0;
text-align: center;

}

ol, ul {
	list-style: none;

}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* =blocktext */

h1 {
  font-size: 2.7em;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 0.66em;
}

h2 {
  font-size: 1.5em;
  margin: 1em 0 -.95em 0;
}

h3 {
  font-size: 1.2em;
  margin-bottom: -1.3em;
}


p, ul,ol{
  font-size: 1.2em;
  margin: 1.5em 0;
}


p.intro {
 line-height: 2em;
 font-weight: bold;
 	
}

#inhoud ul li {
	background: url(../img/bullet-2.png) no-repeat 0 8px;
	padding-left: 10px;
}

#inhoud #feature_list ul li {background-image:none; }

dt {
	font-weight: bold;
	color: #144E84;
	margin-top: 0;
	background: transparent;
}

q:before, q:after { content :''; }
input {
	border: 1px solid #ddd;
	padding: 1px;
	font-family:  Arial, Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, sans-serif;
	font-size:100%;
}
/*skipper*/
.tekstbrowser {
display: block;
overflow: hidden;
font-weight: bold;
text-indent: -600em;
text-decoration: none;
padding: 0.5em 0;
width:100%;
margin:0;
z-index: 10;
position: absolute;
left: 0;
top: 0;
/* IE */
/*filter: alpha(opacity=80);*/
/* CSS3 standard */
opacity: 0.8;
/* Mozilla FF */
-moz-opacity: 0.8; 
}
.tekstbrowser a {
	color: #333;
}
.tekstbrowser:focus,
.tekstbrowser:hover,
.tekstbrowser:active {
text-indent: 3em;
background: #92cade;
color: #333;

}
#header #skipper {}

#header #skipper:focus,#header #skipper:hover,#header #skipper:active {text-indent: 3em; background: #6c3; color: #fff;}

/* =a */
#inhoud a, #inhoud a:visited { 

background: transparent;
color : #144E84; 
padding: 0.2em;
font-weight: bold;
 } 

#inhoud a:hover {
text-decoration : none;
color: #0C2F3D;
	}
/*	Show access keys on hover or focus*/
/*	
a:hover:after, a:focus:after {
content: " [" attr(accesskey) "] ";
  }*/



input.radio,
input.checkbox {
	border: none;
}
label {
	cursor: pointer;
	padding-top:10px;

}



.noCss 
	{ position: absolute; left: -9999px; }
html, body {
height: 100%;
}

#container {
	background:transparent url(../img/inhoud-bg.png) repeat-y 0 0; 
	margin: 131px auto 0 auto;
	width: 980px;
text-align: left;
position: relative;
border: none;
min-height: 100%;
overflow: hidden; /*clear floated content + secundair*/
}

 h1.logo a {
	display: block;
	background:url(../img/logo-kef.gif) no-repeat 0 0;
	width: 237px;
	height: 60px;
	text-indent: -9999px;
	border: none;
	text-decoration: none;
   margin:0;
   position:absolute;
   top:0px;
   left:20px;
font-size:300%;
color:#23238E;
}

/*
h1.logo a:hover {
	background: transparent;
	text-decoration: none;
}*/



#header {
	background: transparent url(../img/header.png) no-repeat center top; 
width: 100%;
	height: 81px;
	position: absolute;
	
	top: 50px;
	left: -3px;
	padding: 0;
	z-index: 0;
}
#header-sub {width:980px; margin: 0 auto ; position:relative;}
#hoofdnavigatie {
	position:relative;
	left:260px;
	top: -12px;
}
#hoofdnavigatie li {
	float:left;
	margin-right:21px;
	height: 40px;
}

#hoofdnavigatie li a {
	display:block;
	background: url(../img/nav.png) no-repeat 0 0;
	width: 220px;
	height: 40px;
	font-weight: bold;
	font-size: 120%;
	text-decoration: none;
	color: #fff;
	line-height: 40px;
}
#hoofdnavigatie li a:hover, #hoofdnavigatie li.actief a {
	background: url(../img/nav.png) no-repeat 0 -50px;
	color: #333;
}

#subnav {
top:-80px;
position:absolute;
right:0;
width:770px;
}
#subnav ul {width:240px;}

#subnav ul,
#subnav ul li {
	float:left;
}
#subnav ul li {margin-left:20px;}
#subnav ul li a {
	display:block;
color:#fff;
text-decoration:none;
}
#subnav ul li a:hover {color:#3fa3cb;}
#subnav ul#taal {float:right; background:url(../img/langiconclassic.png) no-repeat; padding-left:16px;}
#subnav ul#subnavigatie {float:left; width:500px;}

#inhoud {
/* background:#fff; */
color: #333;
float:left;
width: 700px;
padding:20px;

}


#voet-container {margin: 0 auto ;
	width: 980px;
	height: 90px;
text-align: left;
position: relative;
border: none;
background: url(../img/footer.png) no-repeat 0 0;
}
#voet {clear: both; width: 980px; margin:0 10px 30px 10px;}


 #secundaireinhoud {
	width: 220px;
	background: transparent;
  float: left;
margin: 0 0 0 0;
min-height: 100%;
}



/*Formulier*/

#contact-wrapper {
	width:655px;
	padding:20px 0;
 float:left; 
margin:0 30px 0 0;
}
#contact-wrapper div {
	clear:both;
	

}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:120%;
	width:auto;

}
form#contactform{margin-bottom:0;  float:left;  width:645px;}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:12px;
	color:#333;
}

form#contactform textarea {
	
	min-height:150px;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	font-family:  Arial, Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, sans-serif;
	font-size:12px;
}

p.error {
	border: 2px solid red;
	color: red;
	background: #fff url(/img/comment_warning.png) no-repeat 0 0;
	padding:5px 5px 5px 45px;
	font-weight: bold;
	
}
label.error {
	color: red;
	padding: 2px;
	border-bottom: 1px dotted red;
}


	
#inhoud form#contactform input.submit {
	background: #38687a;
border:2px solid #fff;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
      
    font-size:110%;
margin:10px 0;
width:162px;
height:45px;
float:left;
}

#inhoud form#contactform input.submit:hover {background: #3fa3cb;}
.attentie{
background:#222;
 width: 305px;
padding:0 20px;
	color:#fff;
	margin:10px 0;
	font-weight: bold;
	  }
.attentie p {
	padding: 5px;
	color:#fff;
}
.attentie strong {
	color:#fff;
}	

#inhoud a.home-button:hover  {background-position:0 -60px;}
/*Slideshow*/
		div#feature_list {
				width: 700px;
			height: 310px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: -10px;
			z-index: 2;
			width: 320px;
			top: 90px;
height:310px;
position: absolute;
		}

		ul#tabs li {
			width:275px;
			margin: 8px 0;
			height: 68px;

		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 0 10px 0 0;
		}

		#inhoud ul#tabs li a {
			color: #333;
			text-decoration: none;	
			display: block;
			height: 69px;	
                         width:275px;
			outline: none;
                          text-align:left;
                           padding:13px 0 0 50px;
			background:  url(http://www.kefprojects.nl/img/slides/slide-viewer2.png) no-repeat 0 -77px;
		}
#inhoud ul#tabs li a span {
	display:block;
	color: #333;
       

}
		#inhoud ul#tabs li a:hover {
			text-decoration: none;
			
		}
      
	
		#inhoud ul#tabs li a:hover, #inhoud ul#tabs li a.current {
			background:  url(http://www.kefprojects.nl/img/slides/slide-viewer2.png) no-repeat 0 0px;
			color: #fff;
			display: block;
			outline: none;
		}
#inhoud ul#tabs li a:hover span,
#inhoud ul#tabs li a.current span {
	color: #fff;
}
		#inhoud ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			top:0;
			width: 478px;
			height:310px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 478px;
		height:300px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}
ul#output li img {top:13px; position: relative;
width: 478px;
			height: 310px;}

/*---------------------  Classes  ----------------- */

p.belbutton a,p.mailbutton a, p.standex a{
	text-indent: -999px;
}

p.standex  {
	background: url(../img/dealer-standex.png) no-repeat 0 0;
	width: 219px;
	height: 104px;
	display: block;
	text-indent: -9999px;
}
p.mailbutton, p.belbutton {padding:5px 0;margin:0;}
p.mailbutton a, p.belbutton a {
	background: url(../img/mail-bel-kef.png) no-repeat 0 0;
	width: 168px;
	height: 48px;
	display: block;
}

p.belbutton a {background-position: 0 -102px;}
p.belbutton a:hover {background-position: 0 -153px;}
p.mailbutton a:hover{
	background-position: 0 -51px;
}