* {margin:0;padding:0;}
body{text-align:center;background:#e7ecf2;}
p{color:#666;font-family:'Verdana';font-weight:bold;font-size:70%;line-height:140%;padding-bottom:1em;}
.wrapper{position:relative;margin:0 auto;width:1000px;text-align:left;background:url(images/stonecompany_bw.gif) repeat-y;visibility:hidden;}
.picasa{background:url(images/stonecompany_bw_picasa.gif) repeat-y;}
#contact,#route,#openingstijden,#prijzen,#links{background:url(images/stonecompany_sbw.gif) repeat-y;}
#natuur .header{background:url(images/stonecompany_natuur_hb.jpg) top left no-repeat;background-position:10px 0px;}
#hout .header{background:url(images/stonecompany_hout_hb.jpg) top left no-repeat;background-position:10px 0px;}
#projecten .header{background:url(images/stonecompany_projecten_hb.jpg) top left no-repeat;background-position:10px 0px;}
#sanitair .header{background:url(images/stonecompany_badkamers_hb.jpg) top left no-repeat;background-position:10px 0px;}
#tadelakt .header{background:url(images/stonecompany_tadelakt_hb.jpg) top left no-repeat;background-position:10px 0px;}
#tegels .header{background:url(images/stonecompany_tegels_hb.jpg) top left no-repeat;background-position:10px 0px;}
#home .header{background:url(images/stonecompany_home_hb.jpg) top left no-repeat;background-position:10px 0px;}
#contact .header{background:url(images/stonecompany_contact_hb.jpg) top left no-repeat;background-position:10px 0px;}
#route .header{background:url(images/stonecompany_route_hb.jpg) top left no-repeat;background-position:10px 0px;}
#openingstijden .header {background:url(images/stonecompany_open_hb.jpg) top left no-repeat;background-position:10px 0px;}
#prijzen .header {background:url(images/stonecompany_prijzen_hb.jpg) top left no-repeat;background-position:10px 0px;}
#links .header {background:url(images/stonecompany_links_hb.jpg) top left no-repeat;background-position:10px 0px;}


.header h1{height:200px;width:218px;background:url(images/gifsprites.gif) top left no-repeat;background-position:0px -130px;margin-left:391px;}
.header h1 a{display:block;height:200px;width:218px;}
.kolom1{float:left;width:400px;padding-top:0px;}
.kolom2{float:left;width:200px;padding-top:10px;}
.kolom3{float:left;width:400px;padding-top:10px;}
.kolom4{float:left;width:600px;padding-top:10px;}
.kolom5{float:left;width:900px;padding-top:10px;padding-left:50px;background-color:#3fbf5eb;}
.kolom6{float:left;width:600px;padding-top:0px;}



#home .kolom2{float:left;width:200px;padding:0px;margin:-12px 0px 0px 0px;height:307px;}
#home .kolom3 img{margin:-22px 0px 0px 0px;padding:0px;float:left;position:relative;}
#home .kolom3 {padding-bottom:0px;}
.footer{padding:0px 0px 0px 20px;clear:both;height:67px;background:white url(images/stonecompany_bf.gif) repeat-x;background-position:10px 0px;}
#home .footer{background:white url(images/stonecompany_bf.gif) no-repeat;background-position:10px 0px;}
.nav{height:52px;background:url(images/gifsprites.gif) no-repeat bottom left;background-position:1px -66px;}
#contact .nav,#route .nav,#openingstijden .nav,#prijzen .nav,#links .nav{height:52px;background:url(images/gifsprites.gif) no-repeat bottom left;background-position:1px -78px;}
.nav ul{width:1000px;height:40px;background-image:url(images/gifsprites.gif);}
.nav ul li {float:left;display:inline;}
.nav ul li a {display:block;width:200px;height:40px;}
.nav ul li a:hover {background-image:url(images/gifsprites.gif);}
.nav li.tegels a{background-position:0 -40px;}
.nav li.natuursteen a {background-position:-200px -40px;}
.nav li.sanitair a {background-position:-400px -40px;}
.nav li.hout a{background-position:-600px -40px;}
.nav li.tadelakt a {background-position:-800px -40px;}
.nav li.tegels a.active{background-image:url(images/gifsprites.gif);background-position:0 -40px;}
.nav li.natuursteen a.active{background-image:url(images/gifsprites.gif);background-position:-200 -40px;}
.nav li.sanitair a.active{background-image:url(images/gifsprites.gif);background-position:-400 -40px;}
.nav li.hout a.active{background-image:url(images/gifsprites.gif);background-position:-600 -40px;}
.nav li.tadelakt a.active{background-image:url(images/gifsprites.gif);background-position:-800 -40px;}
.nav ul li a span{display:none;}
.kolom1 p {padding:0px 15px 0px 26px;}
.kolom1 a:hover{color:#666;}
.kolom1 span{color:#d5a10e;}
#natuur .kolom1 h1 {height:33px;padding:0px 0px 20px 0px;background:url(images/stonecompany_natuur_kop.gif) no-repeat;margin-left:10px;}
#hout .kolom1 h1 {height:33px;padding:0px 0px 20px 0px;background:url(images/stonecompany_hout_kop.gif) no-repeat;margin-left:10px;}
#projecten .kolom1 h1 {height:33px;padding:0px 0px 20px 0px;background:url(images/stonecompany_projecten_kop.gif) no-repeat;margin-left:10px;}
#sanitair .kolom1 h1 {height:33px;padding:0px 0px 20px 0px;background:url(images/stonecompany_sanitair_kop.gif) no-repeat;margin-left:10px;}
#tadelakt .kolom1 h1 {height:33px;padding:0px 0px 20px 0px;background:url(images/stonecompany_tadelakt_kop.gif) no-repeat;margin-left:10px;}
#tegels .kolom1 h1 {height:33px;padding:0px 0px 20px 0px;background:url(images/stonecompany_tegels_kop.gif) no-repeat;margin-left:10px;}
#contact .kolom1 h1 {height:33px;padding:0px 0px 20px 0px;background:url(images/stonecompany_contact_kop.gif) no-repeat;margin-left:10px;}
#openingstijden .kolom1 h1 {height:33px;padding:0px 0px 20px 0px;background:url(images/stonecompany_open_kop.gif) no-repeat;margin-left:10px;}
#prijzen .kolom1 h1 {height:33px;padding:0px 0px 20px 0px;background:url(images/stonecompany_prijzen_kop.gif) no-repeat;margin-left:10px;}
#links .kolom1 h1 {height:33px;padding:0px 0px 20px 0px;background:url(images/stonecompany_links_kop.gif) no-repeat;margin-left:10px;}
#route .kolom1 h1 {height:33px;padding:0px 0px 20px 0px;background:url(images/stonecompany_route_kop.gif) no-repeat;margin-left:10px;}
#contact .kolom6 h1 {text-indent:-9999px;height:33px;padding:0px 0px 20px 0px;background:url(images/contactformulier.gif) no-repeat;margin-left:0px;}
.kolom6 #formulier {float:right;margin-right:10px;line-height:29px;}
.kolom6 input{padding:0px 2px 0px 2px;margin-bottom:5px;width:380px;background:white url(images/form-back.gif) no-repeat;border:none;height:29px;border-right:#9a9a9a solid 1px;}
.kolom6 textarea{padding:0px 2px 0px 2pxmargin-bottom:5px;width:380px;height:92px;background:white url(images/textarea-back.gif) no-repeat;border:none;border-right:#9a9a9a solid 1px;}
.kolom6 label{padding-right:8px;color:#666;font-weight:bold;text-align:right;font-family:verdana;width:195px;display:block;float:left;font-size:11px;}
.kolom6 .small{width:65px;}
.kolom6 a#verzenden{font-size:12px;text-decoration:none;font-family:verdana;font-weight:bold;color:white;text-align:center;margin-top:10px;float:right;width:122px;height:29px;background:white url(images/verzenden.gif) no-repeat;}
.kolom6 a#verzenden:hover{color:#013473;}

.kolom2 p,.kolom2 h1{padding:0px 0px 0px 12px;}
.kolom2 h2{height:29px;background:#f9f0de;margin:0px 0px 20px 1px;}
.kolom3 h2{height:29px;background:#f9f0de;margin:0px 10px 20px 0px;}
.kolom2 p a{color:#666;font-size:11px;}
#contact .kolom4 h2{background:url(images/contact_image.jpg) no-repeat;height:285px;}
#route .kolom4 h2{background:url(images/route_image.gif) no-repeat;height:285px;}
#openingstijden .kolom4 h2{background:url(images/openingstijden_image.jpg) no-repeat;height:285px;}
#prijzen .kolom4 h2{background:url(images/prijzen_image.jpg) no-repeat;height:285px;}
#links .kolom4 h2{background:url(images/links_image.jpg) no-repeat;height:285px;}


.kolom2 ul {padding:0px 18px 0px 34px;}
.footer ul{margin-top:38px;float:left;background:url(images/gifsprites.gif) no-repeat;background-position:0px -80px;}
.footer ul li {float:left;display:inline;}
.footer ul li a {display:block;height:13px;text-indent:-9999px;font-size:1%;}
.footer ul li a:hover {background-image:url(images/gifsprites.gif);}
.footer li.home a{background-position:0 -93px;width:37px;}
.footer li.contact a{background-position:-37px -93px;width:51px;}
.footer li.routebeschrijving a{background-position:-88px -93px;width:106px;}
.footer li.openingstijden a{background-position:-194px -93px;width:92px;}
.footer li.prijzen a{background-position:-286px -93px;width:47px;}
.footer li.links a{background-position:-333px -93px;width:33px;}
.footer li.home a.active{background-image:url(images/gifsprites.gif);background-position:0 -93px;width:37px;}
.footer li.contact a.active{background-image:url(images/gifsprites.gif);background-position:-37px -93px;width:51px;}
.footer li.routebeschrijving a.active{background-image:url(images/gifsprites.gif);background-position:-88px -93px;width:106px;}
.footer li.openingstijden a.active{background-image:url(images/gifsprites.gif);background-position:-194px -93px;width:92px;}
.footer li.prijzen a.active{background-image:url(images/gifsprites.gif);background-position:-286px -93px;width:47px;}
.footer li.links a.active{background-image:url(images/gifsprites.gif);background-position:-333px -93px;width:33px;}

.footer #socialmedia{background:url(images/sm_icons.gif) no-repeat;background-position:0px 0px;height:46px;width:200px;margin:12px 0px 0px 14px;}
.footer #socialmedia li a{display:block;height:40px;text-indent:-9999px;width:50px;margin-left:12px;}
.footer #socialmedia li a:hover{background:none;}

.footer p{font-size:1px;;margin-top:38px;width:390px;float:right;padding-right:10px;height:20px;background:url(images/gifsprites.gif) no-repeat;background-position:-367px -80px;}
#home .footer p {float:none;}
.footer div{float:right;height:67px;background:url(images/stonecompany_home_f2b.jpg) no-repeat;background-position:0px 0px;}

.kolom3 ul li {float:left;display:inline;}
#hout .kolom3 ul li a {padding:0px 5px 5px 0px;background-image:url(images/stonecompany_thumbs_hout.jpg);height:103px;width:103px;display:block;text-indent:-9999px;font-size:1%;margin:0px 10px 0px 0px;}
#tegels .kolom3 ul li a {padding:0px 5px 5px 0px;background-image:url(images/stonecompany_thumbs_tegels.jpg);height:103px;width:103px;display:block;text-indent:-9999px;font-size:1%;margin:0px 10px 0px 0px;}
#natuur .kolom3 ul li a {padding:0px 5px 5px 0px;background-image:url(images/stonecompany_thumbs_natuur.jpg);height:103px;width:103px;display:block;text-indent:-9999px;font-size:1%;margin:0px 10px 0px 0px;}
#tadelakt .kolom3 ul li a {padding:0px 5px 5px 0px;background-image:url(images/stonecompany_thumbs_tade.jpg);height:103px;width:103px;display:block;text-indent:-9999px;font-size:1%;margin:0px 10px 0px 0px;}
#sanitair .kolom3 ul li a {padding:0px 5px 5px 0px;background-image:url(images/stonecompany_thumbs_sani.jpg);height:103px;width:103px;display:block;text-indent:-9999px;font-size:1%;margin:0px 10px 0px 0px;}
#projecten .kolom3 ul li a {padding:0px 5px 5px 0px;background-image:url(images/stonecompany_thumbs_projecten.jpg);height:103px;width:103px;display:block;text-indent:-9999px;font-size:1%;margin:0px 10px 0px 0px;}

.kolom3 li{padding-bottom:10px;}
.kolom3 li.thumb3 a{background-position:-118px 0px;}
.kolom3 li.thumb5 a{background-position:-236px 0px;}
.kolom3 li.thumb2 a{background-position:0px -118px;}
.kolom3 li.thumb4 a{background-position:-118px -118px;}
.kolom3 li.thumb6 a{background-position:-236px -118px;}
.kolom3 ul li a span{display:none;}
.header h1 span,
.footer p span,
.kolom1 h1 span
{display:none;}
#popup {display:none;position:absolute;top:45px;left:139px;height:568px;width:778px;background:transparent url(images/stonecompany_bpop.png);text-align:left;}
* html #popup{position:realtive;background:transparent;height:568px;width:778px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/images/stonecompany_bpop.png',sizingMethod='image');}
#inner {position:relative;top:13px;left:21px;background: white;height:520px;width:717px;}
#links .kolom1 a:hover{color:#666;}

/*popup*/
#foto{height:472px;width:681px;}
#popup p{font-size:80%;float:left;height:24px;line-height:24px;padding:0px 0px 0px 15px;color:#d5a10e;}
#popup a {text-decoration:none;color:#d5a10e;}
#popup a:hover,#popup a.active{color:#013473;}
#nav-popup{background:white;margin-left:3px;margin-top:12px;}
#nav-popup .close{float:right;padding-right:18px;}
#nav-popup .onderschrift{padding:0px 20px 0px 8px;color:#666;position:absolute;top:10px;left:18px;display:block;height:25px;background-color:white;}
/*FONTS*/
.kolom1 h3{padding:0px 15px 0px 26px;line-height:16px;font-size:13px;font-family:'Verdana';color:#003472;}
.kolom1 h5{padding:0px 15px 0px 26px;line-height:16px;font-family:'Verdana';font-weight:bold;font-size:70%;color:#666;}
ul.broodtekst{padding:0px 15px 0px 26px;list-style:none;}
ul.broodtekst li{line-height:16px;padding:0px 0px 0px 10px;background:url(images/bullet.gif) no-repeat;background-position:0px 7px;}
.kolom1 .broodtekst{color:#666;font-family:'Verdana';font-weight:bold;font-size:70%;line-height:140%;padding-bottom:1em;}
.kolom2 a,.kolom1 a {text-decoration:none;color:#c7a02a;}
.kolom2 span {color:#d5a10e;}
.kolom2 a:hover{color:#d5a10e;}
.kolom1 p {padding-bottom:1.4em;}
.kolom1 p{font-weight:normal;}
#home .kolom1 p{font-weight:bold;}
#home .kolom1{padding-top:5px;}
p.top{padding:0;margin:0;height:10px;width:1000px;background:transparent url(../css/images/achtergrond_top.gif) top left no-repeat;background-position:0px 0px;font-size:1px;}
p.bottom{padding:0;margin:0;height:10px;width:1000px;background:transparent url(../css/images/achtergrond_bottom.gif) top left no-repeat;background-position:0px 0px;font-size:1px;}
#content .kolom5 h2{display:none;}