body  { 
	font-family: Arial, Verdana, Helvetica, Tahoma;
	font-size: 12px;
	background-color: #efefef; 
	line-height: 20px;	
	margin: 0px;
	padding: 0px;
	width: 100%; 
	 
} 
 
@font-face{font-family:'Freehand575BTRegular';
src:url('/font/freehand_575_bt-webfont.eot');
src:url('/font/freehand_575_bt-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/freehand_575_bt-webfont.woff') format('woff'),
url('/font/freehand_575_bt-webfont.ttf') format('truetype'),
url('/font/freehand_575_bt-webfont.svg#Freehand575BTRegular') format('svg');font-weight:normal;font-style:normal}

img { border-style: none; } 

body a, body a:link {  color: #000;}
body input, body textarea { border: 1px solid #ccc; padding: 4px; font-family: Arial, Verdana, Helvetica, Tahoma}	

/* Layout */
.wrapper {   width: 960px; margin: 0 auto;  margin-top: -5px;margin-bottom: 15px;}
.header {  height: 238px; background:url('/img/header.png')}
.footer { clear: left;   text-align: left;  color: #333;  } 

.menuBar {  color: #fff; padding: 14px;
	background: #3f3f3f; 
	overflow: hidden;
	margin-bottom: 10px;
}

a.callme { position: relative; display: block; left:780px; top: 245px; width: 169px; height: 33px; background:url("/img/call_me.png"); background-position: 0;text-indent:-9999px }
a.callme:hover { background-position: 169px 0px}

.box1column { background: #fff; border: 1px solid #ccc; padding: 20px; width: 270px; margin-right: 12px; float: left; margin-bottom: 10px;text-align: center;}
.box1column h2 a {  font-family:'Freehand575BTRegular',helvetica,arial,sans-serif; font-size:40px;font-weight:normal;font-style:normal;padding-top:6px;}

div.widgets .box1column:last-child  {margin-right: 0px}
div.widgets .box1column:hover { border: 1px solid #333; cursor: pointer; z-index:100 }
div.widgets .box1column:hover h2 a { color: #333;}
div.widgets .box1column a { text-decoration: none;} 
 

.box3column { background: #fff; border: 1px solid #ccc; padding: 30px 20px 20px 20px; margin-bottom: 10px;overflow: hidden; min-height: 310px;}
.socialIcons { float: right; }

/* Menu UL */
ul.menu { margin: 0 0 0 15px; padding: 0; font-size: 20px; } 

ul.menu,
ul.menu li {
    float: left;
    list-style-type: none; 
    
}
 

ul.menu li {
    padding: 0 ;
    position: relative;
    margin-right:14px;
    display: block; 
}

ul.menu li a {
    float: left;
    display: block;
    padding: 0;
    color: #fff;
    text-decoration: none;   
    font-size: 15px;
}  

ul.menu .current a { color: #ffff00;}

/* Footermenu */
.footerBox a { text-decoration: none;  }
.footerBox h2 { font-family: 'Magra', sans-serif; font-weight: normal; font-size: 20px; font-weight: bold; color: #333}
.footerBox ul { padding: 0; margin: 0;}
.footerBox ul li {	
    padding: 0 ;        
    display: block; 
    margin: 0;
    background: url('/img/checkmark.png') no-repeat;
    background-position: 0 4px;
    text-indent: 25px;
    
}

.footerBox  li a {
    display: block;
    padding: 0;
    margin: 0;
    color: #333;
    text-decoration: none;   
    line-height: 28px;font-size: 12px;
}  

.footerBox li a:hover, .footerBox li.current a{ text-decoration: underline}
 

.footer { color: #ccc;}

/* Video */

.videoBox { float:left; width:437px; height: 246px; border: 1px solid #ccc; margin-top: 10px; padding: 10px 5px 5px 5px;}


.videoImage, .imageRight  { border: 1px solid #ccc; padding: 5px; margin-top: 10px;} 
.videoTextRight { float: right; width: 415px; margin-right: 20px; line-height: 28px; }
.videoTextRight h1, .textLeft h1 {  font-family: 'Magra', sans-serif; font-weight: normal;font-weight: bold; font-size: 22px;  color: #333; margin-top: 4px;}
 
/* 3 column box */
.imageRight { float: right}
.bigImageRight { float: right; padding:0;margin: 0}
.textLeft { float: left; width: 430px; margin-right: 20px; line-height: 28px; } 


/* Buttons */
a.button { background: #ffff00; padding: 2px 25px; float:right}
a.button:hover{ background: #000; color: #fff;}

/* Fonts */
/*.box3column h1 { display:inline-block;background: #ffff00; padding: 5px; margin-right:0; }*/
h1.headerTitle { position: absolute; color: #333; font-weight: normal; font-family:'Freehand575BTRegular',helvetica,arial,sans-serif; top: 110px; margin-left: 60px;font-size: 36px; line-height: 36px;}
h2 { font-size: 22px; padding: 0;margin: 0}
h2.center { text-align: center; }


/* footer box */ 
.footerBox { background: #fff; border: 1px solid #ccc; padding: 22px;margin-bottom: 10px; color: #000; overflow:hidden;}
.footerBox p { line-height: 24px; color: #000} 
.footerBox h1 { font-family: Arial; font-size: 18px; color: #fff;font-weight: normal}
.footerBox h2 { color: #333;}

/* form */

.contact-button { float: right}
 
#contact_naam { width: 225px;}
#contact_functie { width: 225px;}
#contact_bedrijfsnaam { width: 225px;}
#contact_telefoon { width: 125px;}

.contact-button  input[type=submit] { text-indent:-99999px; width: 220px; height: 72px;border: 0; background:url('/img/button_versturen.png'); background-repeat:no-repeat;cursor:pointer;}
.contact-button  input[type=submit]:hover { text-indent:-99999px; width: 220px; height: 72px;border: 0; background:url('/img/button_versturen_hover.png'); background-repeat:no-repeat;cursor:pointer;}

/* Other */
 .templateBody { position: relative; }
.arrowLeft {position: absolute; right: -11px; top: 250px;}

 
/* Slider */
.slider-wrapper { padding: 5px; border: 1px solid #ccc; width: 437px; height: 246px;  margin-bottom: 0;margin-top:10px;}
.nivo-controlNav {
    text-align:center;
    left:0;
    right:0;
    
}
.nivo-controlNav a { 
    position:relative;
    z-index:99;
    cursor:pointer;
    color: #fff; 
    display:block;
    width:15px;
    height:22px;
    background:url(/img/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0; 
    display:inline-block; /* so float:none */ 
    
} 
.nivo-controlNav a.active {
    background-position:0 -22px;
}

.nivo-directionNav .nivo-prevNav {
  background: url(/img/arrow_left.png) 0 0 no-repeat;
  height:19px; /*height of img*/
  width:19px; /*width of img*/
  text-indent:-10000px; /*moving the default text*/
  overflow:hidden; /*hiding the default text*/
 	z-index:1500;
 	border: 1px solid #333;
 	left:10px;
}

.nivo-directionNav .nivo-nextNav {
  background: url(/img/arrow_right.png) 0 0 no-repeat;
  height:19px; /*height of img*/
  width:19px; /*width of img*/
  text-indent:-10000px; /*moving the default text*/
  overflow:hidden; /*hiding the default text*/
 z-index:1500;
 border: 1px solid #333;
 right: 10px;
} 

/* Flow player */
   .flowplayer {background-color: #222;  }
   .flowplayer .fp-controls { background-color: rgba(0, 0, 0, 0.4)}
   .flowplayer .fp-timeline { background-color: rgba(0, 0, 0, 0.5)}
   .flowplayer .fp-progress { background-color: rgba(255, 255, 0, 1)}
   .flowplayer .fp-buffer { background-color: rgba(249, 249, 249, 1)}
   .flowplayer { background-image: url(/img/video_start.png)}
   .flowplayer { width: 437px; height: 246px;}
   
/* Writtens */
.meerWeten { position: absolute; margin-left: 970px;margin-top: 220px;}
.handWritten { font-family:'Freehand575BTRegular',helvetica,arial,sans-serif;font-size: 34px;}