@font-face {
    font-family: 'HelveticaLTStdBold';
    src: url('helveticaltstd-bold-webfont.eot');
    src: url('helveticaltstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaltstd-bold-webfont.woff') format('woff'),
         url('helveticaltstd-bold-webfont.ttf') format('truetype'),
         url('helveticaltstd-bold-webfont.svg#HelveticaLTStdBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

*    { margin:0; padding:0; background-position:left top; background-repeat:no-repeat; }
html { height:100%; }
body { margin:0; padding:0; height:100%; font:12px Arial, sans-serif; letter-spacing:0.03em; color:#000; background:url(/_images/bg_body.gif) left top repeat-x; }
div#wrapper { position:relative; min-height:100%; height:auto !important; height:100%; margin:0 auto -355px; width:970px; z-index:0; }
iframe { border: 0; }

h1, .h1 { font:33px 'HelveticaLTStdBold', Helvetica, Arial, sans-serif; color:#000; margin:0 0 10px 0; letter-spacing:0; }
h2, .h2 { font:17px 'HelveticaLTStdBold', Helvetica, Arial, sans-serif; color:#000; margin:0 0 12px 0; letter-spacing:0; }
h3, .h3 { font:15px 'HelveticaLTStdBold', Helvetica, Arial, sans-serif; color:#000; margin:0; letter-spacing:0; }
h4 {}
h5 {}

h1.h2 { margin-bottom: 0;  }

ul { list-style-position: inside; line-height: 3ex; }
ol {}
li {}

p { margin:0 0 3ex 0; line-height:3ex; letter-spacing:0.03em; margin-bottom: 10px !important; }

a { outline:0; color:#2BA93A; text-decoration:none; }
a:hover { text-decoration:underline; }

img { border:0; }
img.left  { float:left; margin-right:10px; }
img.right { float:right; margin-left:10px; }

.clear { clear:both; }

/* form */
form { width:320px; padding:10px; border:1px solid #e4e4e4; background-color:#f7f7f7; }
form label { display:block; margin:0 0 5px 3px; }
form label.error { display:block; position: absolute; color: pink; margin: -31px 10px 0 150px; text-align: right; width: 160px; }
form input[type=text],
form textarea { width:315px; margin:0 0 10px 0; background:#fff; border:1px solid #B0B0B0; font: 12px "Arial";  }
form input[type=text]   { height:24px; }
form input.error  		{ border-color: red; }
form textarea           { height:150px; overflow:hidden; overflow-y: scroll;  overflow:-moz-scrollbars-vertical; }
form input[type=radio]  { margin:0 11px 0 0; }
form input[type=submit] { width:114px; height:28px; border:0; background:url(/_images/verstuur_button_formulier-01.png) left top no-repeat; text-transform:-5000px; cursor:pointer; }
.verzonden 				{ display: none; }
.verzonden ul 			{ margin-left: 40px; }
form.support, .noClient { display: none; }

/* =========== */
/* = STICKER = */
/* =========== */
div.sticker { position:absolute; top:195px; left:-25px; width:160px; text-indent: -5000px; height:160px; background:url(/_images/sticker_dubbel.png) no-repeat center top; cursor:pointer; z-index: 999; }

/* ======== */
/* = LOGO = */
/* ======== */
#logo         { width:150px; height:42px; padding:5px; position: absolute; z-index: 999; display:block; width:135px; height:40px; overflow:hidden; }
#logo a:hover { text-decoration:none; }

/* ========== */
/* = HEADER = */
/* ========== */
div#headerFotos { width: 970px; height:384px; overflow: hidden; }
div#borderTop   { width: 970px; height: 10px; background: url(/_images/border.png) no-repeat center top; }
div#borderBottom   { width: 970px; height: 10px; background: url(/_images/border.png) no-repeat center bottom; }
div#header     { position:relative; margin:0; }
div#header h1  { position:absolute; right:0; top:0; width:580px; height:90px; padding:10px 20px 0 0; background:#fff; text-align:right; text-transform:uppercase; }
div#header img { width:970px; height:386px; }

/* NAV */
div#nav      { width:970px; height:22px; }
div#nav.fixed{ display: none; width: 968px; background: white; border-left: 1px solid #B0B0B0; border-right: 1px solid #B0B0B0; height: 25px; padding-top: 5px; border-bottom: 1px solid lightgray; }
div#nav ul   { list-style:none; }
div#nav li   { float:left; }
div#nav li a.home { color: gray; }
div#nav li a { display:block; float:left; width:auto; margin:0px 0 0 60px; color:#000; text-transform:uppercase; font:18px 'HelveticaLTStdBold', Helvetica, Arial, sans-serif; }
div#nav li a:hover,
div#nav li a.active { color:#2BA93A; text-decoration:none; }

/* =========== */
/* = CONTENT = */
/* =========== */
#scroller 		{ width: 940px; }
#scroller .h1 	{ float: left; }

div#content { position:relative; width:938px; padding:30px 15px 10px; min-height: 150px; border:1px solid #B0B0B0; background:#fff url(/_images/content_border_top.gif) 15px 15px no-repeat; }
div#content p.leesmeer { text-align:right; }
div#content p.data     { font-size:10px; color:#B2B2B2; margin-top: 0px; }
div#content.index { padding:40px 15px 12px; }
div#content.index div.left,
div#content.index div.center,
div#content.index div.right { width:282px; float:left; margin:0 15px 0 15px; }
div#content.index div.left img,
div#content.index div.center img,
div#content.index div.right img { border:1px solid #ccc; float:left; margin:0 10px 0 0; width: 146px; }
div#content.portfolio { padding:0; width: 968px; }
div#content div.border_bottom { width:968px; height:5px; margin:20px 0 0 0; float:none; clear:both; background-image:url(/_images/content_border_top.gif); background-position:left top; }

/* ========== */
/* = FOOTER = */
/* ========== */
#footer h3 { color: white; margin-bottom: 10px; }
div.push   { height:255px; clear:both; }
div#footerBG { left: 0; position:absolute; clear:both; width:100%; height:255px; padding:100px 0 0; z-index:-1; color:#fff; background:#202020 url(/_images/bg_footer_black.gif) left top repeat-x; }
div#footer { left: 0; position:absolute; clear:both; width:100%; height:220px; margin:135px 0 0; z-index:1; color:#fff; }
div#footer div.center { position:relative; margin:0 auto; width:970px; }

div#footer div.adres,
div#footer div.social_media,
div#footer div.contact { width:230px; padding:10px 30px 20px 0; float:left; }
div#footer div.contact { width:200px; height:160px; }
.social_item { margin-bottom: 5px; }

#twitter 	{ height: 100px; line-height: 3ex; }
#twitter ul { list-style: none; }

a.langs, a.volg, a.contact, a.wiki { display:block; color:#fff; height:20px; }
a.langs   { background-image:url(/_images/footer_afbeeldingen2-01.png); padding:3px 0 0 30px; }
a.volg    { background-image:url(/_images/footer_afbeeldingen2-02.png); padding:3px 0 0 35px; }
a.contact { background-image:url(/_images/footer_afbeeldingen3-01.png); padding:0 0 0 30px; }
a.wiki { background-image:url(/_images/footer_afbeeldingen-wiki-01.png); padding:0 0 0 30px; }

div#footer div.voorwaarden   { width:970px; text-align:center; clear:both; font-size:10px; padding:0; }
div#footer div.voorwaarden a { color:#fff; }

/* PALLET */
div.pallet { display:block; position:absolute; bottom:25px; right:-10px; width:256px; height:256px; background:url(/_images/footer_afbeeldingen-01.png) no-repeat; }

/* SOCIAL MEDIA BUTTONS */
div.social_media_buttons { position:absolute; bottom:210px; left:255px; }
div.social_media_buttons a         { display:block; float:left; margin:0 15px 5px 0; width:51px; height:50px; text-indent:-5000px; overflow:hidden; }
div.social_media_buttons a.fb      { background-image:url(/_images/footer_afbeeldingen-04.png); }
div.social_media_buttons a.twitter { background-image:url(/_images/footer_afbeeldingen-03.png); }
div.social_media_buttons a.in      { background-image:url(/_images/footer_afbeeldingen-02.png); margin-right:0; }

/* ======================== */
/* = INDIVIDUELE PAGINA'S = */
/* ======================== */

/* ZOSO */
div#content.zoso h1 { width:135px; height:40px; background:url(/_images/zosologo-01.png) left top no-repeat; text-indent:-5000px; overflow:hidden; /*text-transform:uppercase;*/ }

div#content.zoso div.left { width:510px; margin:0 50px 0 5px; float:left; }
div.left.breed { width: 438px !important; margin-top: 10px !important; }

a.bedrijf1, a.bubo, a.popronde,
a.life, a.industrie, a.igarden { height:50px; margin:0 26px 0 0; float:left; display:block; text-indent:-5000px; overflow:hidden; }
a.bedrijf1  { background-image:url(/_images/zoso/img01.gif); width:50px; }
a.bubo      { background-image:url(/_images/zoso/img02.gif); width:44px; } 
a.popronde  { background-image:url(/_images/zoso/img03.gif); width:67px; }
a.life      { background-image:url(/_images/zoso/img04.gif); width:70px; }
a.industrie { background-image:url(/_images/zoso/img05.gif); width:70px; } 
a.igarden   { background-image:url(/_images/zoso/img06.gif); width:68px; margin:0; }

div#content.zoso div.left div.item { clear:both; }
div#content.zoso div.left div.item h3 { margin:15px 0 5px 3px; padding:15px 0 0 0; background-image:url(/_images/h2_border_top.gif); }
div#content.zoso div.left div.item a.meer,
div#content.zoso div.left div.item a.genoeg { display:block; cursor:pointer; margin:0 15px 3ex 0; float:right;  }
div#content.zoso div.left div.item div.meer { display:none; }

div#content.zoso div.right { width:340px; float:left; padding-top:20px; }
div.right.breed { width: 438px !important; margin-top: 10px !important; padding-top: 15px; }
div.right.breed a { float: right; }

/* BLOG */
div#content.blog img       		{ float:left; margin:0 30px 0 0; }
div#content.blog img.right 		{ margin-left:200px; }
div#content.blog h2,
div#content.blog h3,
div#content.blog p,
div#content.blog ul          	{ margin:0 0 0 225px; width: 490px; }
div#content.blog div.item  		{ margin:0 0 15px 3px; width:915px; padding:0 0 1px 0; background:url(/_images/h2_border_top.gif) right bottom repeat-x; }
div#content.blog div.item img 	{ width: 170px; }
div#content.blog div.laad_meer a { display:block; margin:40px 0 0 350px; padding:0 0 0 30px; background-image:url(/_images/laad_meer.gif); font:17px 'HelveticaLTStdBold', Helvetica, Arial, sans-serif; color:#ccc;}

/* BLOG VERVOLG */
div#content.blog_vervolg a.pagination  { position:absolute; top:80px; display:block; height:40px; font:13px 'HelveticaLTStdBold', Helvetica, Arial, sans-serif; color:#ccc;  }
div#content.blog_vervolg a.vorige      { left:15px;  background:url(/_images/pagination_arrows_left.png) left bottom no-repeat;  }
div#content.blog_vervolg a.volgende    { right:60px; background:url(/_images/pagination_arrows_right.png) right bottom no-repeat;  }

div#nav_delen { position:absolute; left:15px; top:140px; }
div#nav_delen ul { list-style:none; }
div#nav_delen ul li a    { display:block; height:20px; padding:3px 0 0 25px; }
div#nav_delen ul li a.fb { background-image:url(/_images/button_fb_mini.png); }
div#nav_delen ul li a.tw { background-image:url(/_images/button_tw_mini.png); }
div#nav_delen ul li a.in { background-image:url(/_images/button_in_mini.png); }
div#nav_delen ul li a.minimail { background-image:url(/_images/button_mail_mini.png); }
.miniprint	{background: url('/_images/miniprint.png') no-repeat; background-size: 20px 20px;  }
.miniportfolio	{background: url('/_images/miniportfolio.png') no-repeat; background-size: 20px 20px;  }

div#nav_tags { margin-top: 15px; width: 200px; }
a.tag { white-space: nowrap; display: inline-block; padding: 3px 5px; background: #f9f9f9; color: black; border: 1px solid #e4e4e4;  margin: 0 5px 5px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
a.tag:hover { text-decoration: none; background: #d0d0d0; }
a.tag:active { background: #8a8a8a; }


div#content.blog_vervolg div.item      { background:none; width:490px; margin:60px 0 0 225px; min-height: 330px; height: 230px; height: auto !important; }
div#content.blog_vervolg div.item img  { margin:0 0 20px 0; }

/* CONTACT */
div#content.contact div.left           { float:left; width:420px; padding:0 70px 0 0; margin:0 0 50px 0; }
div#content.contact div.left p         { float:left; margin-right:55px; }
div#content.contact div.left div.adres { width:420px; height:90px; background:url(/_images/border_420px.gif) left bottom no-repeat;  }
div#content.contact div.left form      { clear:left; margin:20px 0 0 5px;}

div#content.contact div.right                  { float:left; width:420px; }
div#content.contact div.right div.support      { padding-bottom:1px; margin-bottom:20px; background:url(/_images/border_420px.gif) left bottom no-repeat;  }
div#content.contact div.right div.support a    { margin:0 0 20px 0; }
div#content.contact div.right form.radio       { background:0; border:0; }
div#content.contact div.right form.radio label { margin-left:-8px; }

div#content.contact h2 { clear:both; }

/* Portfolio */
div#portfolio { padding: 35px; height: 96px; }
div.portfolio hr { margin: 15px 0; background: url("/_images/content_border_top.gif") repeat-x #FFFFFF; border: none; clear: both; }
#portfolio_page_navigation { }
#portfolio_item_navigation { display: none; }
#container.portfolio #portfolio { padding-bottom: 0px;}
.portfolio_navigation { height: 26px; line-height: 24px; margin: 15px 0; text-align: center; }
.portfolio_navigation hr { width: 100%; margin: 0 auto !important;}
.portfolio_navigation .pageNumbers, .portfolio_navigation .pageNumbersItemLevel { display: inline-block; width: 400px; }
.portfolio_navigation a { color: #666666; text-decoration: none; }
.portfolio_navigation a:hover { color: #000000; }
.portfolio_navigation a:active { color: #BBB; }
.portfolio_navigation a.activeSlide { color: #39B14A; font-size: 14px; }
.portfolio_navigation a.inactive { color: #CCCCCC; cursor: default; }
.portfolio_navigation .pageNumbers a, .portfolio_navigation .pageNumbersItemLevel a { margin: 0 2px; width: 12px; display: inline-block; }
.portfolio_navigation .pageNumbersItemLevel a.overzicht { width: inherit; display: inline; }
#cycle_container, .portfolio_container_page { width: 968px; min-height: 760px; }

.portfolio_item_container:hover img  { border-right: 3px solid #9cd8a4; }

.portfolio_item_placeholder { height: 160px; display: block; margin-bottom: 20px; }
.portfolio_item_container { height: 160px; display: block; position: absolute; }
#container.portfolio #borderBottom, #container.portfolio .borderBottom  { position: relative; bottom: -130px; margin-bottom: 0; }
#container.portfolio { min-height: 700px; padding-bottom: 40px;}
.portfolio_item { display: block; background: white; position: absolute; height: 130px; width: 968px; }
.portfolio_item a {  }
.portfolio_item img { float:left; margin-right: 7px; border-right: 3px solid white; }
.portfolio_item_content { padding: 10px; }
.portfolio_item_content h2 { margin-bottom: 0; }
.portfolio_item_content a { color: #39B14A; text-decoration: none; font-size: 11px; margin-bottom: 10px; }
.icon_loader { margin: 0 auto; display: block; }
#loader { display: block; padding-top: 175px; position: relative; width: 968px; }
#loadContent { display: none; position: relative; }
#loadContent .container { display: block; height: 230px; width: 942px; background: white; padding: 3px; margin: 10px; text-align: center; }
#loadContent .container img { height: 230px; }

/*WIKI*/
.wiki_item { width:260px; float: left;  margin: 15px; border: 1px solid #e4e4e4; background: #F7f7f7; padding: 10px; height: 145px; }
.wiki_item h3 { vertical-align: middle; display: table-cell; padding-bottom: 5px !important; height: 36px;}
.wiki_item img { width: 137px;  padding-right: 15px;}
.wiki_item a.wiki_image { float: left; }
div#content.wiki_vervolg a.pagination  { position:absolute; top:80px; display:block; height:40px; font:13px 'HelveticaLTStdBold', Helvetica, Arial, sans-serif; color:#ccc;  }
div#content.wiki_vervolg a.vorige      { left:15px;  background:url(/_images/pagination_arrows_left.png) left bottom no-repeat;  }
div#content.wiki_vervolg a.volgende    { right:60px; background:url(/_images/pagination_arrows_right.png) right bottom no-repeat;  }
div.wiki_vervolg div.item      { background:none; width:490px; margin:60px 0 0 225px; }
div#content.wiki_vervolg div.item img  { margin:0 0 20px 0; }
form.wiki { width: 470px; }
form.wiki input[type='text'], form.wiki textarea { width: 468px; }
form.wiki input[type='radio'] { line-height: 25px; }
form.wiki label.error { margin: -31px 10px 0 240px; width: 220px; }
.wiki_overzicht_container p	{ margin-bottom: 0px !important;}
h3.h1 a { color: black; }


/* TELEFOONNUMMER */
.container { margin-left: auto; margin-right: auto; width: 878px; }
#overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; }
#telefoonnummer {
     -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 12px; /* Saf3-4 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome */
	
  background-color: #000000;
  background-image: -moz-linear-gradient(top, #000000, #111111); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #000000),color-stop(1, #111111)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#000000, #111111); /* Chrome 10+, Saf6 */
  background-image: linear-gradient(top, #000000, #111111);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#111111'); /* IE6ÐIE9 */
 
  text-shadow: 0px 0px 1px #FFF; /* FF3.5+, Opera 9+, Saf1+, Chrome */

  opacity: 0.8;
  filter: alpha(Opacity = 80);	
  
  display: none;
  font-family: "Trebuchet MS";
  font-size: 132px;
  padding: 30px;
  color: white;
  position: fixed;
  margin: 0 auto;
  top: 200px;
  z-index: 20;
}