/*-----------------------------------------------------------------*/
/* ml2webdesign.nl
1. 	Main
2. 	Body
3.		Container .container
4.		Grid .grid
5.		Captify caption styling
6.		NavTop .navtop
7.		Carousel .carousel
/*-----------------------------------------------------------------*/
/* [1. Main] */
*{margin:0;padding:0;outline:none}
a{color:#006FA4;cursor:pointer;outline:none;text-decoration:none;background:inherit}
a:hover{text-decoration:underline}
pre{color:#FFF;font:11px "Courier New",Courier,monospace}
ul,ol,li{list-style:none}
/*-----------------------------------------------------------------*/
/* [2. Body] */
body{background:#000 url(../images/layout/bg_body.png) repeat fixed;color:#555555;font:62.5% Verdana,Geneva,Arial,Helvetica,sans-serif;text-align:center}
h1{display:block;width:auto;height:120px;font:1em/2em Verdana,Geneva,Arial,Helvetica,sans-serif;color:#000;text-transform:uppercase;letter-spacing:.2em}
h2{margin:0px 30px 1em 0px;font:1em/2em Verdana,Geneva,Arial,Helvetica,sans-serif;color:#CCC;text-transform:uppercase;letter-spacing:.2em}
h3{margin:0px 30px 1em 0px;font:1em/2em Verdana,Geneva,Arial,Helvetica,sans-serif;color:#CCC;text-transform:uppercase;letter-spacing:.2em}
p,ul{margin:0px 0px 3em 0px;font:1em/2em Verdana,Geneva,Arial,Helvetica,sans-serif;color:#444}
p.right{margin:0px 0px 3em 0px;text-align:right}
/*-----------------------------------------------------------------*/
/* [3. Container .container] */
.container{position:relative;margin:0px auto 0px auto;width:978px;text-align:left}
.container hr{clear:both;margin:0px 0px 30px 0px;height:1px;background:#151515;border:0}
.container .anchor{position:absolute;top:-151px}
/*-----------------------------------------------------------------*/
/* [4	Grid .grid] */
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{position:relative;float:left;margin-left:30px}
.grid1{width:54px}
.grid2{width:138px}
.grid3{width:222px}
.grid4{width:306px}
.grid5{width:390px}
.grid6{width:474px}
.grid7{width:558px}
.grid8{width:642px}
.grid9{width:726px}
.grid10{width:810px}
.grid11{width:894px}
.grid12{width:978px}
.first{clear:left;margin:0}
.img{background:#2E2E2E;margin-bottom:30px}
.img img{margin:1px;background:#111;border:9px solid #1E1E1E}
.grid8 a.next{display:block;width:6px;height:4px;background:transparent url(../images/layout/bg_nav_arrow.gif) no-repeat 0px 0px;position:absolute;bottom:30px;left:-336px;overflow:hidden;line-height:1000}
.grid8 a.prev{display:block;width:6px;height:4px;background:transparent url(../images/layout/bg_nav_arrow.gif) no-repeat 0px -2px;position:absolute;bottom:30px;left:-328px;overflow:hidden;line-height:1000}
/*-----------------------------------------------------------------*/
/* [5. Captify caption styling ] */
.caption-top,.caption-bottom{padding:1.2em;font:10px Verdana,Geneva,Arial,Helvetica,sans-serif;color:#F5F5F5;cursor:default;background:#000}
.caption a:hover,.caption a:hover{background:#202020}
.caption-wrapper{float:left}
/*-----------------------------------------------------------------*/
/* [6. NavTop .navtop ] */
.navtop{position:fixed;top:0px;left:0px;width:100%;height:inherit;background:transparent url(../images/layout/bg_navtop.png) repeat-x top center;z-index:1000}
.navtop .container{position:relative;margin-top:3px;height:117px;background:transparent url(../images/layout/bg_body.png);border-bottom:1px solid #151515;overflow:visible}
.navtop h1 a.logo{position:absolute;top:34px;left:0px;display:block;width:118px;height:50px;background:transparent url(../images/layout/logo_ml2webdesign.png) no-repeat;line-height:1000px;overflow:hidden}
.navtop h1 a.logo:hover{height:83px;border-bottom:1px solid #006FA4}
.navtop ul{padding-top:58px;height:60px}
.navtop ul li{float:right}
.navtop ul li a{display:block;padding:0px 15px;width:auto;height:60px;line-height:75px}
.navtop ul li a:hover{text-decoration:none;border-bottom:1px solid #006FA4}
/*-----------------------------------------------------------------*/
/* [7. Carousel .carousel ] */
.carousel{display:block;margin:0px auto 100px auto;padding:29px 0px 29px 0px;width:978px;height:125px;border-top:1px solid #151515;border-bottom:1px solid #151515;overflow:hidden}
.carousel li{display:block;width:978px;height:125px;line-height:1000px;overflow:hidden}
.carousel li.ml2{background:transparent url(../images/header/ml2-webdesign.png)}
.carousel li.cms{background:transparent url(../images/header/content-management.png)}
.carousel li.seo{background:transparent url(../images/header/zoekmachine-optimalisatie.png)}
.carousel li.nieuwsbrief{background:transparent url(../images/header/nieuwsbrief.png)}
h2.tagline{position:absolute;top:293px;left:120px;display:block;width:698px;height:20px;padding:0px 20px 0px 20px;background:transparent url(../images/layout/bg_body.png);color:#444;text-align:center;overflow:hidden}
/*-----------------------------------------------------------------*/
/* [8. Fancybox ] */
#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none}
#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}
#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:none;display:none}
#fancybox-outer{position:relative;width:100%;height:100%;background:#fff}
#fancybox-content{background:#2E2E2E;padding:1px;outline:none;position:relative;overflow:hidden;z-index:1102}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101}
#fancybox-left,#fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;outline:none;z-index:1102;display:none}
#fancybox-left{left:0px}
#fancybox-right{right:0px}
.hiddendiv{display:none}
.popup{width:390px;background:#FFF;border:9px solid #1E1E1E;text-align:left}
.popup h2{margin:30px 0px 15px 30px;font:1em/2em Verdana,Geneva,Arial,Helvetica,sans-serif;color:#444;text-transform:uppercase;letter-spacing:.2em}
.popup ul{margin:0px 0px 30px 30px;font:1em/2em Verdana,Geneva,Arial,Helvetica,sans-serif;color:#444}
.popup input{margin:0px 10px 15px 30px;padding:5px;width:150px;font:1em Verdana,Geneva,Arial,Helvetica,sans-serif;color:#444;border:1px solid #CCC}
.popup input:focus{border:1px solid #006FA4}
.popup input.submit{width:80px;margin:0px 0px 30px 30px;background:#006FA4;color:#FFF;border:1px solid #006FA4;cursor:pointer}
.popup label{font:italic 1em/2em Verdana,Geneva,Arial,Helvetica,sans-serif;color:#444;cursor:pointer}