html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, samp,
small, sub, sup, tt, var,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
html, body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 22px; color: #4c3c2f; height:100%; background-color:#ffffff; padding:0; margin:0; min-height:610px; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a { font-family: 'Open Sans', sans-serif; font-size: 14px; color:#337f5f; }
a:hover { color:#337f5f; }
a.red, a.email { font-family: 'Open Sans', sans-serif; font-size: 14px; color:#337f5f; }
a.red_back{ font-family: 'Open Sans', sans-serif; font-size: 14px; color:#337f5f; }
a:hover.red { color:#ad0318; }
h1 { font-size:22px; font-family: 'Roboto Slab', serif; font-weight: 600; letter-spacing:0.4px; }
h2 { font-size:20px; font-family: 'Roboto Slab', serif; font-weight:600; }
h3 { font-size:18px; font-family: 'Roboto Slab', serif; font-weight:600; }
h4 { font-size:17px; font-family: 'Roboto Slab', serif; font-weight:600; }
h5 { font-size:16px; font-family: 'Roboto Slab', serif; font-weight:400; }
dl { margin-bottom:10px; }
dl dt { float:left; margin-right:10px; width:70px; color:#99948f; font-size:14px; }
dl dd { color:#74706bl; font-size:14px; }
.white { color:#fff; }
.sand { color:#7f7167; }
.red { color:#337f5f; }
#wrapper { height: auto !important; height: 100%; min-height: 100%; margin: 0 auto -80px 0;}
#logo { width:185px; height:93px; float:left; margin:25px 0 0 20px; }
#payoff { position:relative; width:300px; height:16px; float:left; margin:78px 0 0 30px; }
#nav { position:absolute; z-index:100; width:350px; height:20px; right:10px; margin-top:62px; }
#nav li.main { display:inline; margin-right:5px; width:30px; height:10px; }
#nav li a { color:#4c3c2f; cursor:pointer; font-family:'Open Sans', sans-serif; font-weight: 400; font-size:15px; padding:4px 5px 4px 5px; text-decoration:none; }
#nav li.main a:hover { color:#a9a9a9; cursor:pointer; }
#nav li.main a.active { color:#337f5f !important; border-bottom: 2px solid #337f5f; }
#nav li.main:hover #subnav { display: block; }
#subnav { position:absolute !important; margin:0 0 0 135px; width:80px; display:none; }
#subnav li.sub { float:left; display:block; line-height:5px; padding:10px 5px 0; }
#subnav li.sub a { text-decoration:none; color:#bbb; font-size:14px; font-style:italic; width:48px; display:block; padding:5px; }
#subnav li.sub a:hover { color:#7f7167; border-bottom:none; border-left:1px solid #337f5f; width:47px; text-indent:-1px; background:none; }
/*.subnav ul li:hover { border-bottom:1px solid #ccc; cursor:pointer; }*/
.submenu { position:relative; margin:22px 0 0 50px; }
.submenu ul li { float:left; display:block; margin-right:10px; padding:1px 5px 1px 5px; }
.submenu ul li a { text-decoration:none; color:#4c3c2f; font-size: 14px; }
.submenu ul li.active { color:#fff; background-color:#b6afaa; border-bottom:none; font-size: 14px; }
.submenu ul li:hover { border-bottom:1px solid #ccc; cursor:pointer; }
/* pages */
#container { position:absolute; width:800px; height:auto; margin-left:-400px; margin-top:-210px; left:50%; top:50%; overflow:hidden; }
#container.container-home { width:100%; margin-left: -50%; margin-top:-250px; }
#container .projectinfo { margin:-40px 0 0 50px; width:700px; }
#container .projectinfo h3 { margin-top:-2px; margin-right:-3px; float:right; }
#container .page { padding:50px 0 0 0px; }
#container .page h2 { font-weight:400; }
#container .page p { width:360px; text-align:justify; }
#container .page .intro { float:left; width:360px; color:#4c3c2f; margin-top:10px; }
#container .page .intro h3 { color:#4c3c2f; }
#container .page.home { padding:50px 0 0 0px; display:block; }
/*home */
.home img { margin:5px 5px 0 0; }
.home img:hover { opacity: 0.8; cursor: pointer; }
.quote_sb { position:relative; margin-left: auto; margin-right: auto; margin-top:0; margin-bottom:50px; width:336px; height:79px; background:#f6f6f6; }
.quote_sb h1 { position:relative; padding-top:20px; margin-left:14px; }
.quote_sb h2 { position:relative; padding-top:8px; margin-left:248px; }
.page_home .bottom_title { display: none; }
.page_home .container-home .content-fullpage { width: 100%; margin-bottom:80px; }
.page_home .container-home .section { width: 100%; text-align: center; }
.page_home .container-home img { position: relative; z-index: 98; width: 100%; max-width: 1400px; }
.section { position: relative; width:100%; max-width:1200px; margin:0 auto; }
.section img.mob { display: none;}
/*.section .section-title { z-index: 99; position: relative; height: 30px; width: 100px; text-align:center; left: -20px; display: block; }
.section .section-title span { background: #8a8886; color:#fff; padding: 10px; border:1px solid #fff; width: 100px; }
.section .section-title span.keukens { position:relative; }
.section .section-title span.bedrijfsruimtes { position:relative; left:19px; }
.section.k img.hov_l { display: none;}
.section.k:hover img.def { display:none; }
.section.k:hover img.hov-l { display:block; }
.section.k .section-title { position: relative; top:60px; }
.section.m { position: relative; top:-30px; }
.section.m .section-title { position: relative; top:60px; }
.section.b { position: relative; top:-60px; }
.section.b .section-title { position: relative; top:60px; }*/
/*wie we zijn */
.wiewezijn p { float:left; width:300px !important; margin-right:50px; }
.wiewezijn h3 { margin:22px 0 22px 0; }
.wiewezijn h4 { margin:5px 0; }
.wiewezijn .gg_txt { margin-top:38px; }
.wiewezijn .geredgereedschap { margin-left:6px; }
.profiles { position:relative; float:right; width:376px; display:block; left:20px; }
.profiel { float:left; width:170px; /*height:300px;*/ margin:14px 28px 0 0; }
.profiel h5 { font-style:italic; font-size: 15px; }
.profiel img { margin-bottom:8px; }
.profiel ul { margin-top:5px; }
.profiel ul li { list-style:square url("../img/ampersand.gif"); margin-left:18px; }
/* links */
.links { text-align:center; }
.links img.fltleft { margin:11px 20px 11px 11px; }
.links p.right { padding:10px 0; }
.links p.left { padding:10px 0 0 30px; }
.links img.fltright {margin:11px 11px 11px 0px; }
.links .link_friend { position:relative; width:337px; height:99px; display:block; margin-top:40px; }
.links .link_friend a { display:block; margin-top:4px; }
.links .link_friend.left { background:url('../img/links_hoeklinks.jpg') no-repeat; left: 60px; margin-left: auto; margin-right: auto; }
.links .link_friend.right { background:url('../img/links_hoekrechts.jpg') no-repeat; left: -60px; margin-left: auto; margin-right: auto; }
/* gallery */
.slider-wrapper { /*width: 700px; height:300px;*/ margin: 40px auto; }
.theme-light .nivoSlider img { width: 700px !important; height:300px !important; margin-left:40px; }
/*contact*/
.formulier { position:relative; float:right; width:431px; }
.formulier dl { position:relative; top:27px; margin-left:36px; }
.formulier dt { position:relative; display:block; width:80px; height:40px; float:left; }
.formulier dd { position:relative; display:block; width:280px; height:40px; float:left; }
.formulier dd input { width:278px; height:26px; border:1px solid #bbb; text-indent:10px; color:#6E6E6E; }
.formulier dd input.redline { border:1px solid #e2283f !important; background-color:#fef6f6; }
.formulier dd textarea { resize:none; width:268px; max-width:268px; height:116px; max-height:116px; border:1px solid #bbb; color:#6E6E6E; font: 12px Arial; padding:10px 0 0 10px; }
.formulier dd textarea.redline { border:1px solid #e2283f !important; background-color:#fef6f6; }
.formulier .submit { margin-top:100px; float:right; background-color:#8a8989; border:none; width:80px; color:#fff; text-indent:0px; }
.formulier .submit:hover { cursor:pointer; background-color:#777676; }
.formulier p { position:relative; display:block; margin-left:8px; font-size:11px; font-style:italic; width:278px; }
p.error_message { position:absolute; top:303px; color:#ad0318; }
p.success_message { position:relative; color:#0cbf1d; margin:40px 0 0 54px; font-size:12px; }
p.back { margin:218px 0 0 20px; }
form { background:url("../img/contact_bg.jpg") no-repeat 0 0; }
/*footer */
.push { height:43px; }
#bottom { position:relative; height:43px; width:100%; margin-top:-50px; }
.bottom_title { position:relative; margin:0; width:100%; height:43px; color:#b2a398; display:table-cell; vertical-align:middle; float:left; background-color:#f0efef; display:block; }
.bottom_title .right { width:20px; height:43px; background-color:#fff; float:right; }
.bottom_title h1 { text-indent:15px; margin:11px 0 0 0; }
.bottom_projects { float:right; width:auto; margin-top:-52px; margin-right:8px; }
.bottom_projects a { position:relative; display:block; float:right; width:63px; margin-right:5px; height:52px; background-color:#ccc; z-index:200; cursor:pointer;}
.bottom_projects a.meubels { position:relative; display:block; float:right; width:53px; height:52px; background-color:#ccc; z-index:200; cursor:pointer;}
.bottom_projects.meubels a:hover { border-bottom:1px solid #337f5f; width:53px; height:51px; }
.bottom_projects.keukens a:hover, .bottom_projects.tafels a:hover { border-bottom:1px solid #337f5f; width:63px; height:51px; }
.bottom_projects b, .bottom_projects br { display: none; }
.bottom_projects.meubels .een { background:url("../img/projects/meubels_thumbs.jpg") no-repeat 1px -52px; width:53px; height:52px; }
.bottom_projects.meubels .een.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat 1px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .twee { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -73px -52px; width:53px; height:52px; }
.bottom_projects.meubels .twee.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -73px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .drie { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -136px -52px; width:53px; height:52px; }
.bottom_projects.meubels .drie.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -136px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .vier { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -199px -52px; width:53px; height:52px; }
.bottom_projects.meubels .vier.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -199px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .vijf { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -264px -52px; width:53px; height:52px; }
.bottom_projects.meubels .vijf.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -264px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .zes { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -327px -52px; width:53px; height:52px; }
.bottom_projects.meubels .zes.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -327px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .zeven { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -391px -52px; width:53px; height:52px; }
.bottom_projects.meubels .zeven.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -391px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .acht { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -451px -52px; width:53px; height:52px; }
.bottom_projects.meubels .acht.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -451px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .negen { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -516px -52px; width:53px; height:52px; }
.bottom_projects.meubels .negen.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -516px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .tien { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -577px -52px; width:53px; height:52px; }
.bottom_projects.meubels .tien.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -577px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .elf { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -640px -52px; width:53px; height:52px; }
.bottom_projects.meubels .elf.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -640px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .twaalf { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -956px -52px; width:53px; height:52px; }
.bottom_projects.meubels .twaalf.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -956px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .dertien { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -893px -52px; width:53px; height:52px; }
.bottom_projects.meubels .dertien.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -893px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .veertien { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -831px -52px; width:53px; height:52px; }
.bottom_projects.meubels .veertien.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -831px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .vijftien { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -769px -52px; width:53px; height:52px; }
.bottom_projects.meubels .vijftien.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -769px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .zestien { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -707px -52px; width:53px; height:52px; }
.bottom_projects.meubels .zestien.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -707px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .zeventien { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -1022px -52px; width:53px; height:52px; }
.bottom_projects.meubels .zeventien.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -1022px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .achttien { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -1079px -52px; width:53px; height:52px; }
.bottom_projects.meubels .achttien.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -1079px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .negentien { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -1143px -52px; width:53px; height:52px; }
.bottom_projects.meubels .negentien.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -1143px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .twintig { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -1206px -52px; width:53px; height:52px; }
.bottom_projects.meubels .twintig.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -1206px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.meubels .eenentwintig { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -1269px -52px; width:53px; height:52px; }
.bottom_projects.meubels .eenentwintig.active { background:url("../img/projects/meubels_thumbs.jpg") no-repeat -1269px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.bedrijfsruimtes .een { background:url("../img/projects/bedrijfsruimtes_thumbs.jpg") no-repeat 1px -52px; width:53px; height:52px; }
.bottom_projects.bedrijfsruimtes .een.active { background:url("../img/projects/bedrijfsruimtes_thumbs.jpg") no-repeat 1px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.bedrijfsruimtes .twee { background:url("../img/projects/bedrijfsruimtes_thumbs.jpg") no-repeat -73px -52px; width:53px; height:52px; }
.bottom_projects.bedrijfsruimtes .twee.active { background:url("../img/projects/bedrijfsruimtes_thumbs.jpg") no-repeat -73px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.bedrijfsruimtes .drie { background:url("../img/projects/bedrijfsruimtes_thumbs.jpg") no-repeat -136px -52px; width:53px; height:52px; }
.bottom_projects.bedrijfsruimtes .drie.active { background:url("../img/projects/bedrijfsruimtes_thumbs.jpg") no-repeat -136px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.bedrijfsruimtes .vier { background:url("../img/projects/bedrijfsruimtes_thumbs.jpg") no-repeat -199px -52px; width:53px; height:52px; }
.bottom_projects.bedrijfsruimtes .vier.active { background:url("../img/projects/bedrijfsruimtes_thumbs.jpg") no-repeat -199px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.bedrijfsruimtes .vijf { background:url("../img/projects/bedrijfsruimtes_thumbs.jpg") no-repeat -264px -52px; width:53px; height:52px; }
.bottom_projects.bedrijfsruimtes .vijf.active { background:url("../img/projects/bedrijfsruimtes_thumbs.jpg") no-repeat -264px 0; width:53px; height:52px; border-bottom:none; }
.bottom_projects.keukens .een { background:url("../img/projects/keukens_thumbs.jpg") no-repeat 1px -53px; width:63px; height:52px; }
.bottom_projects.keukens .een.active { background:url("../img/projects/keukens_thumbs.jpg") no-repeat 1px 0; width:63px; height:52px; border-bottom:none; }
.bottom_projects.keukens .twee { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -63px -53px; width:63px; height:52px; }
.bottom_projects.keukens .twee.active { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -63px 0; width:63px; height:52px; border-bottom:none; }
.bottom_projects.keukens .drie { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -126px -53px; width:63px; height:52px; }
.bottom_projects.keukens .drie.active { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -126px 0; width:63px; height:52px; border-bottom:none; }
.bottom_projects.keukens .vier { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -189px -53px; width:63px; height:52px; }
.bottom_projects.keukens .vier.active { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -189px 0; width:63px; height:52px; border-bottom:none; }
.bottom_projects.keukens .vijf { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -252px -53px; width:63px; height:52px; }
.bottom_projects.keukens .vijf.active { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -252px 0; width:63px; height:52px; border-bottom:none; }
.bottom_projects.keukens .zes { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -315px -53px; width:63px; height:52px; }
.bottom_projects.keukens .zes.active { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -315px 0; width:63px; height:52px; border-bottom:none; }
.bottom_projects.keukens .zeven { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -438px -53px; width:63px; height:52px; }
.bottom_projects.keukens .zeven.active { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -438px 0; width:63px; height:52px; border-bottom:none; }
.bottom_projects.keukens .acht { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -376px -53px; width:63px; height:52px; }
.bottom_projects.keukens .acht.active { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -376px 0; width:63px; height:52px; border-bottom:none; }
.bottom_projects.keukens .negen { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -690px -52px; width:63px; height:52px; }
.bottom_projects.keukens .negen.active { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -690px 0; width:63px; height:52px; border-bottom:none; }
.bottom_projects.keukens .tien { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -627px -52px; width:63px; height:52px; }
.bottom_projects.keukens .tien.active { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -627px 0; width:63px; height:52px; border-bottom:none; }
.bottom_projects.keukens .elf { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -564px -52px; width:63px; height:52px; }
.bottom_projects.keukens .elf.active { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -564px 0; width:63px; height:52px; border-bottom:none; }
.bottom_projects.keukens .twaalf { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -501px -52px; width:63px; height:52px; }
.bottom_projects.keukens .twaalf.active { background:url("../img/projects/keukens_thumbs.jpg") no-repeat -501px 0; width:63px; height:52px; border-bottom:none; }
.bottom_projects.tafels .een { background:url("../img/projects/tafels_thumbs.jpg") no-repeat 1px -53px; width:63px; height:52px; }
.bottom_projects.tafels .een.active { background:url("../img/projects/tafels_thumbs.jpg") no-repeat 1px 0; width:63px; height:52px; border-bottom:none; }
.bottom_projects.tafels .twee { background:url("../img/projects/tafels_thumbs.jpg") no-repeat -63px -53px; width:63px; height:52px; }
.bottom_projects.tafels .twee.active { background:url("../img/projects/tafels_thumbs.jpg") no-repeat -64px 0; width:63px; height:52px; border-bottom:none; }
.bottom_projects.tafels .drie { background:url("../img/projects/tafels_thumbs.jpg") no-repeat -126px -53px; width:63px; height:52px; }
.bottom_projects.tafels .drie.active { background:url("../img/projects/tafels_thumbs.jpg") no-repeat -127px 0; width:63px; height:52px; border-bottom:none; }
.bottom_projects.tafels .vier { background:url("../img/projects/tafels_thumbs.jpg") no-repeat -191px -53px; width:63px; height:52px; }
.bottom_projects.tafels .vier.active { background:url("../img/projects/tafels_thumbs.jpg") no-repeat -191px 0; width:63px; height:52px; border-bottom:none; }
.bottom_projects.tafels .vijf { background:url("../img/projects/tafels_thumbs.jpg") no-repeat -255px -53px; width:63px; height:52px; }
.bottom_projects.tafels .vijf.active { background:url("../img/projects/tafels_thumbs.jpg") no-repeat -255px 0; width:63px; height:52px; border-bottom:none; }
.bottom_projects.geen_projecten { display:none; }
#footer { position:relative; float:right; right:0; margin:0 0 0 0; font-size:10px; color:#beb8b4; width:260px; }
#footer .social { position:relative; float:left; display:block; width:90px; /*left:28px;*/ margin-top:7px; }
#footer .social .facebook { position:relative; display:block; float:left; width:24px; height:24px; background:url("../img/social_fb.jpg") no-repeat 0 0; }
#footer .social .facebook:hover { position:relative; display:block; float:left; width:24px; height:24px; background:url("../img/social_fb.jpg") no-repeat 0 -24px; }
#footer .social .twitter { position:relative; display:block; width:24px;float:left; height:24px; background:url("../img/social_tw.jpg") no-repeat 0 0; }
#footer .social .twitter:hover { position:relative; display:block; width:24px;float:left; height:24px; background:url("../img/social_tw.jpg") no-repeat 0 -24px; }
#footer .social .googleplus { position:relative; display:block; width:24px; float:left; height:24px; background:url("../img/social_gp.jpg") no-repeat 0 0; }
#footer .social .googleplus:hover { position:relative; display:block; width:24px; float:left; height:24px; background:url("../img/social_gp.jpg") no-repeat 0 -24px; }
#footer .social img { margin-right:2px; border:0; }
#footer .copy { position:relative; float:left; width:150px; text-align:right; margin-top:10px; }
/* @media only screen and (max-device-width: 479px) {
html { background-image:url(ai-cookie.php?maxwidth=479); } }
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {
html, body { background-color:#666 !important; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
html { background-image:url(ai-cookie.php?maxwidth=991); } }
*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
body, html { overflow-x:hidden; }
#logo img { width:60% !important; height:60% !important; }
#nav { float: right; position: absolute; right: 10px; text-align: right; top: 20px; z-index:100; width:auto; margin-top:0; }
#nav li, #nav li.main { display:block; height:20px; width:100px; }
#container { left:0px; padding:24px; margin:100px 0 0; overflow-x:hidden; width:91%; top:120px }
#container.container-home { width:inherit; margin-left:inherit; margin-top:inherit; }
#container .page { height:auto; min-height:100%; width:100%; margin:0; padding:0; overflow-x:hidden; }
#container .page .intro { width:95%; margin-top: 100px; }
#container .projectinfo { margin: -10px 0 0 0px; width: 100%; }
.quote_sb { top:0; }
.section img.def { display: none;}
.section img.mob { display: block;}
.profiles { position:relative; margin-left:auto; left:0px; margin-right:auto; margin-top:10px; width:100%; text-align:center; }
.profiel { margin: 14px 0 0 0; width:50%; float:left; }
.profiel img { width:80% !important; }
#bottom { position: absolute; margin-top:0px; top:600px; height:0px; }
.bottom_title { display:none; }
.bottom_projects { float:left; margin-left:20px; width:auto; width:600px; }
.bottom_projects a { display: block; float: left; width: 63px; height: 52px; margin-right: 10px; position: relative; }
.tipsy, .tipsy-inner { display:none; }
#footer { display:none; position:absolute; margin-left:36px; bottom:10px; float:left; left:-10px; }
.wiewezijn p { width:100% !important; margin-right:0px; }
.nivo-directionNav { display:none; }
#subnav { display:none !important; }
.submenu { margin-left:0px; }
.theme-light .nivoSlider img { width: 100% !important; height:100% !important; margin-left:0px; }
#container .projectinfo h3 { float: left; margin-right: -3px; margin-top: -25px; }
.theme-light.slider-wrapper { background: none repeat scroll 0 0 #FFFFFF; padding: 10px 10px 10px 0; }
.links .link_friend.left { left:0px; }
.links .link_friend.right { left:0px; }
}
@media only screen and (max-width : 240px) {
#logo img { width:60% !important; height:60% !important; }
body, html { overflow-x:hidden; }
#nav { float: right; position: absolute; right: 10px; text-align: right; top: 20px; z-index:100; width:auto; margin-top:0; }
#nav li, #nav li.main { display:block; height:20px; width:100px; }
#container { left:0px; padding:24px; margin:100px 0 0; overflow-x:hidden; width:91%; top:120px }
#container.container-home { width:inherit; margin-left:inherit; margin-top:inherit; }
#container .page { height:auto; min-height:100%; width:100%; margin:0; padding:0; overflow-x:hidden; }
#container .page .intro { width:95%; margin-top: 100px; }
#container .projectinfo { margin: -10px 0 0 0px; width: 100%; }
.quote_sb { top:0; width:95%; }
.quote_sb h1 { font-size:90%; }
.quote_sb h2 { font-size:90%; width:100%; float:left; left:0;}
.section img.def { display: none;}
.section img.mob { display: block;}
.profiles { position:relative; margin-left:auto; left:0px; margin-right:auto; margin-top:10px; width:100%; text-align:center; }
.profiel { margin: 14px 0 0 0; width:50%; float:left; }
.profiel img { width:80% !important; }
#bottom { position: absolute; margin-top:0px; top:503px; height:0px; }
.bottom_title { display:none; }
.bottom_projects { float:left; margin-left:20px; width:auto; width:300px; }
.bottom_projects a { display: block; float: left; width: 63px; height: 52px; margin-right: 8px; position: relative; }
.tipsy, .tipsy-inner { display:none; }
#footer { display:none; position:absolute; margin-left:36px; bottom:10px; float:left; left:-10px; }
.wiewezijn p { width:100% !important; margin-right:0px; }
.nivo-directionNav { display:none; }
#subnav { display:none !important; }
.submenu { margin-left:0px; }
.theme-light .nivoSlider img { width: 100% !important; height:auto !important; margin-left:0px; }
#container .projectinfo h3 { float: left; margin-right: -3px; margin-top: -25px; }
.theme-light.slider-wrapper { background: none repeat scroll 0 0 #FFFFFF; padding: 10px 10px 10px 0; position:relative; margin-left:-10px; }
.links .link_friend.left { left:-10px; width:100% !important; }
.links .link_friend.right { left:-10px; width:100% !important; }
.links img { display:none; }
.formulier dd input { width:138px; }
.formulier dd textarea { width:128px; }
.formulier .submit { margin-left:69px; }
}
@media only screen and (max-width : 320px) {
#logo img { width:60% !important; height:60% !important; }
body, html { overflow-x:hidden; }
#nav { float: right; position: absolute; right: 10px; text-align: right; top: 20px; z-index:100; width:auto; margin-top:0; }
#nav li, #nav li.main { display:block; height:20px; width:100px; }
#nav li.main a.active { border-bottom: none; }
#container { left:0px; padding:24px; margin:100px 0 0; overflow-x:hidden; width:91%; top:0px; }
#container.container-home { width:inherit; margin-left:inherit; margin-top:inherit; }
#container.container-home .content-fullpage { margin-top: 90px; }
#container .page { height:auto; min-height:100%; width:100%; margin:0; padding:0; overflow-x:hidden; }
#container .page .intro { width:95%; margin-top: 100px; }
#container .page.contact .intro { width:100%; margin-top: 20px; }
#container .page.wiewezijn .intro { width:100%; margin-top: 20px; }
#container .projectinfo { margin: -10px 0 0 0px; width: 100%; }
.quote_sb { top:0; width:95%; }
.quote_sb h1 { font-size:90%; }
.quote_sb h2 { font-size:90%; width:100%; float:left; left:0;}
.section img.def { display: none;}
.section img.mob { display: block;}
.profiles { position:relative; margin-left:auto; left:0px; margin-right:auto; margin-top:10px; width:100%; text-align:center; }
.profiel { margin: 14px 0 0 0; width:50%; float:left; }
.profiel img { width:80% !important; }
form { width:340px; }
#bottom { position: absolute; margin-top:0px; top:503px; height:0px; }
.bottom_title { display:none; }
.bottom_projects { float:left; margin-left:20px; width:auto; width:300px; }
.bottom_projects a { display: block; float: left; width: 63px; height: 52px; margin-right: 8px; position: relative; }
.tipsy, .tipsy-inner { display:none; }
#footer { display:none; position:absolute; margin-left:36px; bottom:10px; float:left; left:-10px; }
.wiewezijn p { width:100% !important; margin-right:0px; }
.nivo-directionNav { display:none; }
#subnav { display:none !important; }
.submenu { margin-left:0px; }
.theme-light .nivoSlider img { width: 100% !important; height:auto !important; margin-left:0px; }
#container .projectinfo h3 { float: left; margin-right: -3px; margin-top: -25px; }
.theme-light.slider-wrapper { background: none repeat scroll 0 0 #FFFFFF; padding: 10px 10px 10px 0; }
.links .link_friend.left { left:-10px; width:100% !important; }
.links .link_friend.right { left:-10px; width:100% !important; }
.links img { display:none; }
}
@media only screen and (max-width : 480px) {
body, html { overflow-x:hidden; }
#nav { float: right; position: absolute; right: 10px; text-align: right; top: 20px; z-index:100; width:auto; margin-top:0; }
#nav li, #nav li.main { display:block; height:20px; width:100px; }
#nav li.main a.active { border-bottom: none; }
#container { left:0px; padding:24px; margin:100px 0 0; overflow-x:hidden; width:91%; top:0; }
#container.container-home { width:inherit; margin-left:inherit; margin-top:inherit; }
#container.container-home .content-fullpage { margin-top: 90px; }
#container .page { height:auto; min-height:100%; width:100%; margin:0; padding:0; overflow-x:hidden; }
#container .page .intro { width:95%; margin-top: 100px; }
#container .page.wiewezijn .intro { width:100%; margin-top: 20px; }
#container .page.links p { text-align:left; word-break: break-word; width:100%; }
#container .page.contact .intro { width:100%; margin-top: 20px; }
#container .projectinfo { margin: -10px 0 0 0px; width: 100%; }
.quote_sb { top:0; }
.section img.def { display: none;}
.section img.mob { display: block;}
.profiles { position:relative; margin-left:auto; left:0px; margin-right:auto; margin-top:10px; width:100%; text-align:center; }
.profiel { margin: 14px 0 0 0; width:50%; float:left; }
.profiel img { width:80%; }
.profiel ul { text-align: left;}
#bottom { position: absolute; margin-top:20px; top:503px; height:0px; }
.bottom_title { display:none; }
.bottom_projects { float:left; margin-left:20px; width:auto; width:300px; }
.bottom_projects a { display: block; float: left; width: 63px; height: 52px; margin-right: 8px; position: relative; }
.tipsy, .tipsy-inner { display:none; }
#footer { display:none; position:absolute; margin-left:36px; bottom:10px; float:left; left:-10px; }
.wiewezijn p { width:100% !important; margin-right:0px; }
.nivo-directionNav { display:none; }
#subnav { display:none !important; }
.submenu { margin-left:0px; }
.theme-light .nivoSlider img { width: 100% !important; height:auto !important; margin-left:0px; }
#container .projectinfo h3 { float: left; margin-right: -3px; margin-top: -25px; }
.theme-light.slider-wrapper { background: none repeat scroll 0 0 #FFFFFF; padding: 10px 10px 10px 0; }
.formulier { float: left; height: 370px; left: -20px; overflow: hidden; position: relative; width: 288px; }
form { background: url("../img/contact_bg.jpg") no-repeat scroll 0 0 transparent; height: 420px; left: -3px; overflow: hidden; position: absolute; top: 14px; width: 340px; }
.formulier dt { height:23px; }
.formulier dd input { border: 1px solid #BBBBBB; color: #6E6E6E; height: 26px; text-indent: 10px; width: 235px; }
.formulier dd input.redline { border:1px solid #e2283f !important; background-color:#fef6f6; }
.formulier dd textarea { border: 1px solid #BBBBBB; color: #6E6E6E; font: 12px Arial; height: 100px; max-height: 116px; max-width: 268px; padding: 10px 0 0 10px; resize: none; width: 225px; }
.formulier .submit { margin-left:180px; margin-top:72px; float:left; background-color:#8a8989; border:none; width:80px; color:#fff; text-indent:0px; }
.links .link_friend.left { left: -19px; }
.links .link_friend.right { left: -13px; padding: 0 0 0 15px; width: 86% !important; }
}
@media only screen and (max-width: 684px) and (min-width: 481px) {
body, html { overflow-x:hidden; }
#nav { float: right; position: absolute; right: 10px; text-align: right; top: 20px; z-index:100; width:auto; margin-top:0; }
#nav li, #nav li.main { display:block; height:30px; width:100px; }
#nav li.main a.active { border-bottom: none; }
#container { left:0px; padding:24px; margin:100px 0 0; overflow-x:hidden; width:91%; top:50px }
#container.container-home { width:inherit; margin-left:inherit; margin-top:inherit; }
#container.container-home .content-fullpage { width: 100%; margin-bottom: 80px; margin-top: 90px; }
#container .page { height:auto; min-height:100%; width:100%; margin:0; padding:0; overflow-x:hidden; }
#container .page.wiewezijn .intro { width:100%; margin-top: 20px; }
#container .page.contact .intro { width:100%; margin-top: 20px; }
#container .page .intro { width:100%; margin-top: 100px; }
#container .page.links p { text-align:left; word-break: break-word; width:100%; }
#container .projectinfo { margin: 20px 0 0 0px; top:30px; width: 100%; position:relative; }
.quote_sb { top:0; }
.section img.def { display: none;}
.section img.mob { display: block;}
.section.m .section-title { position: relative; top:30px; }
.section.b .section-title { position: relative; top:60px; }
.home img { }
.profiles { position:relative; margin-left:auto; left:0px; margin-right:auto; margin-top:10px; width:100%; text-align:center; }
.profiel { margin: 14px 0 0 0; width:50%; float:left; }
.profiel ul { text-align: left;}
.formulier { position: relative; float: inherit; width: 450px; height: 600px; }
#bottom { position: absolute; margin-top:45px; top:600px; height:0px; }
.bottom_title { display:none; }
.bottom_projects { float:left; margin-left:20px; width:auto; width:600px; }
.bottom_projects a { display: block; float: left; width: 63px; height: 52px; margin-right: 10px; position: relative; }
.tipsy, .tipsy-inner { display:none; }
#footer { display:none; position:absolute; margin-left:36px; bottom:10px; float:left; left:-10px; }
.wiewezijn p { width:100% !important; margin-right:0px; }
/*.nivo-directionNav { display:none; }*/
.theme-light a.nivo-nextNav { right: 6px; top: 230px; }
.theme-light a.nivo-prevNav { left: 12px; top: 230px; }
#subnav { display:none !important; }
.submenu { margin-left:0px; }
.theme-light .nivoSlider img { width: 100% !important; height:100% !important; margin-left:0px; }
#container .projectinfo h3 { float: left; margin-right: -3px; margin-top: -25px; }
.theme-light.slider-wrapper { background: none repeat scroll 0 0 #FFFFFF; padding: 10px 10px 10px 0; }
.links .link_friend.left { left:0px; }
.links .link_friend.right { left:0px; }
}
@media only screen and (max-width: 767px) and (min-width: 685px) {
body, html { overflow-x:hidden; }
#nav { float: right; position: absolute; right: 10px; text-align: right; top: 20px; z-index:100; width:auto; margin-top:0; }
#nav li, #nav li.main { display:block; height:20px; width:100px; }
#container { left:0px; padding:24px; margin:100px 0 0; overflow-x:hidden; width:91%; top:50px }
#container.container-home { width:inherit; margin-left:inherit; margin-top:inherit; }
#container .page { height:auto; min-height:100%; width:100%; margin:0; padding:0; overflow-x:hidden; }
#container .page .intro { width:100%; margin-top: 100px; }
#container .projectinfo { margin: 20px 0 0 0px; top:30px; width: 100%; position:relative; }
.quote_sb { top:0; }
.home img { }
.section img.def { display: none;}
.section img.mob { display: block;}
.section.b .section-title { position: relative; top:30px; }
.section.b .section-title { position: relative; top:60px; }
.profiles { position:relative; margin-left:auto; left:0px; margin-right:auto; margin-top:10px; width:100%; text-align:center; }
.profiel { margin: 14px 0 0 0; width:50%; float:left; }
#bottom { position: absolute; margin-top:45px; top:600px; height:0px; }
.bottom_title { display:none; }
.bottom_projects { float:left; margin-left:20px; width:auto; width:600px; }
.bottom_projects a { display: block; float: left; width: 63px; height: 52px; margin-right: 10px; position: relative; }
.tipsy, .tipsy-inner { display:none; }
#footer { display:none; position:absolute; margin-left:36px; bottom:10px; float:left; left:-10px; }
.wiewezijn p { width:100% !important; margin-right:0px; }
/*.nivo-directionNav { display:none; }*/
.theme-light a.nivo-nextNav { right: 6px; top: 270px; }
.theme-light a.nivo-prevNav { left: 12px; top: 270px; }
#subnav { display:none !important; }
.submenu { margin-left:0px; }
.theme-light .nivoSlider img { width: 100% !important; height:100% !important; margin-left:0px; }
#container .projectinfo h3 { float: left; margin-right: -3px; margin-top: -25px; }
.theme-light.slider-wrapper { background: none repeat scroll 0 0 #FFFFFF; padding: 10px 10px 10px 0; }
.links .link_friend.left { left:0px; }
.links .link_friend.right { left:0px; }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
body, html { overflow-x:hidden; }
#nav { float: right; position: absolute; right: 10px; text-align: right; top: 20px; z-index:100; width:auto; margin-top:0; }
#nav li, #nav li.main { display:block; height:20px; width:100px; }
#container { left:0px; padding:24px; margin:100px 0 0; overflow-x:hidden; width:91%; top:50px }
#container.container-home { width:inherit; margin-left:inherit; margin-top:inherit; }
#container .page { height:auto; min-height:100%; width:100%; margin:0; padding:0; overflow-x:hidden; }
#container .page .intro { width:100%; margin-top: 100px; }
#container .projectinfo { margin: 0 0 0 10px; width: 100%; position:relative; top:15px; }
.quote_sb { top:0; }
.home img { }
.section.m .section-title { position: relative; top:0; }
.section.b .section-title { position: relative; top:30px; }
.profiles { position:relative; margin-left:auto; left:0px; margin-right:auto; margin-top:10px; width:100%; text-align:center; }
.profiel { margin: 14px 0 0 0; width:50%; float:left; }
#bottom { position: absolute; margin-top:0px; top:700px; height:0px; }
.bottom_title { display:none; }
.bottom_projects { float:left; margin-left:32px; width:auto; width:600px; }
.bottom_projects a { display: block; float: left; width: 63px; height: 52px; margin-right: 10px; position: relative; }
.tipsy, .tipsy-inner { display:none; }
#footer { display:none; position:absolute; margin-left:36px; bottom:10px; float:left; left:-10px; }
.wiewezijn p { width:100% !important; margin-right:0px; }
/*.nivo-directionNav { display:none; }*/
.theme-light a.nivo-nextNav { right: -17px; margin-top: 172px; }
.theme-light a.nivo-prevNav { left: 50px; margin-top: 172px; }
#subnav { display:none !important; }
.submenu { margin-left:10px; }
/*.theme-light .nivoSlider img { width: 100% !important; height:100% !important; margin-left:0px; }*/
#container .projectinfo h3 { float: left; margin-right: -3px; margin-top: -25px; }
.theme-light.slider-wrapper { background: none repeat scroll 0 0 #FFFFFF; padding: 10px 10px 10px 0; margin-left:-30px; }
.links .link_friend.left { left:0px; }
.links .link_friend.right { left:0px; }
}
.fltleft { float:left; }
.fltright { float:right; }
.clear { clear:both; }