/*-----------------------------------------------------------------*/
/* dewitevents.nl
1. 	Main
2. 	Body
3.		Grid .grid
4.		Content .content
5.		NavMain .navmain
6.		NavTop .navtop
7.		Logo .logo
8.		ImgHeader .imgheader
9.		Footer .footer
10.	Fancybox
/*-----------------------------------------------------------------*/
/* [1. Main] */
*{margin:0;padding:0}
*:focus{outline:none}
a{color:#46A0FF;cursor:pointer;outline:none;text-decoration:none}
a:hover{text-decoration:underline}
pre{color:#000000;font:10px Courier}
ol,ul,li{list-style:none}
th,td{vertical-align:top}
.right{text-align:right}
/*-----------------------------------------------------------------*/
/* [2. Body] */
body{background:#000 url(../images/layout/bg_body.gif);font:62.5% Verdana,Geneva,Arial,Helvetica,sans-serif;color:#333;text-align:center}
/*-----------------------------------------------------------------*/
/* [3. Grid .grid] */
.container{width:940px;margin:0 auto}
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11{float:left;display:inline;margin-left:20px;text-align:left}
.grid1{width:60px}
.grid2{width:140px}
.grid3{width:220px}
.grid4{width:300px}
.grid5{width:380px}
.grid6{width:460px}
.grid7{width:540px}
.grid8{width:620px}
.grid9{width:700px}
.grid10{width:780px}
.grid11{width:860px}
.first{margin-left:0;clear:left}
/* clearfix */
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clearfix{/* IE6 */ zoom:1}
*:first-child+html .clearfix{/* IE7 */ zoom:1}
/*-----------------------------------------------------------------*/
/* [4. Content .content] */
.content{padding:20px 0px;width:700px;background:#FFF}
.content .grid3{width:200px;padding-right:20px}
.content h1{margin:20px;font:2em Arial Black;color:#111}
.content h2{margin:0px 0px 20px 20px;font:bold 1.1em/1.8em Verdana;color:#111}
.content p,.content table,.content ol,.content ul{margin:0px 20px 20px 20px;font:1.1em/1.8em Verdana,Geneva,Arial,Helvetica,sans-serif;color:#111}
.content li{padding-left:12px;background:transparent url(../images/layout/bg_li.gif) no-repeat 0px .9em}
.content th.list{padding:3px 0px;background:#F5F5F5;border-top:1px solid #CCC;border-bottom:1px solid #CCC}
.content td.list{padding:3px 0px;border-bottom:1px solid #CCC}
.content td.listeuro{width:5px}
.content td.listprijs{padding-left:5px;width:5px;text-align:right}
.content th.listaantal,.content td.listaantal{width:60px;text-align:right}
.content td .single_image img{margin-top:2px;border:none}
.content hr{margin:0px 0px 20px 0px;height:1px;border:none;background:#000;color:#000;clear:both}
.content input.aantal{margin:3px 0px 0px 0px;padding:0px 2px 0px 2px;width:20px;text-align:right;border:1px solid #CCC;font:10px Verdana,Geneva,Arial,Helvetica,sans-serif;color:#999999;cursor:text}
.content label{margin:0px 0px 5px 0px;/* font:1.1em/1.7em Verdana,Geneva,Arial,Helvetica,sans-serif;*/ color:#111111;cursor:pointer}
.content input{margin:0px 20px 25px 0px;padding:2px 2px 2px 2px;width:200px;border:1px solid #CCCCCC;font:11px Verdana,Geneva,Arial,Helvetica,sans-serif;color:#333333;cursor:text}
.content input.false{border:1px solid RED}
.content textarea{margin:5px 0px 25px 0px;padding:2px 2px 2px 2px;width:430px;height:100px;border:1px solid #CCCCCC;font:10px Verdana,Geneva,Arial,Helvetica,sans-serif;color:#333333;overflow:auto;cursor:text}
.content textarea.cart{margin: 0px 20px 20px 20px;width:654px;height:80px;border:1px solid #DFDFDF}
.content select{margin:0px 0px 20px 0px;padding:0px;width:auto;border:1px solid #CCCCCC;font:11px Verdana,Geneva,Arial,Helvetica,sans-serif;color:#333333}
.content table.cart th, .content table.cart td{ padding: 2px 4px }
.content table.cart input, .content table.cart select{margin:2px 5px 0px 0px}
.content table.cart input.postcode{margin: 2px 0px 2px 0px;width: 51px}
.content table.cart input.checkbox{margin:2px 10px 0px 0px;width:auto}
.content table.cart input.delprod{margin:0px 0px 0px 4px;width:11px;height:13px;background: #fff url(../images/layout/icon_delete.gif);border:none;cursor:pointer}
.content input.submit{margin:0px -15px 20px 20px;padding:2px 10px;width:auto;font-weight:bold;cursor:pointer}
.content img.qrcode{margin-left:36px}
.content img.logolist{margin-left:10px;border:none}
/*-----------------------------------------------------------------*/
/* [5. NavMain .navmain] */
.navmain a{display:block;width:220px;height:29px;font:1.1em/30px Verdana;color:#CFD0D2;border-bottom:1px solid #222;background:transparent;text-decoration:none}
.navmain a.collapse{ background: transparent url(../images/layout/bg_a_collapse.gif) no-repeat 212px 15px}
.navmain ul ul a,.navmain a.sub{padding-left:20px;width:200px;color:#777}
.navmain a:hover,.navmain a.active{color:#64B1FF}
/*.navmain a:hover{padding-left:2px;background:#64B1FF;border-bottom:1px solid #64B1FF;color:#111;} */
.navmain a.cart{margin-bottom:50px;padding:5px;display:block;width:210px;/* 220-5-5 */ height:55px;/* 65-5-5 */ background:#64B1FF url(../images/layout/bg_cart.gif) no-repeat 199px 44px;font:bold 1.1em/1.6em Verdana;color:#111;border:none}
.navmain a.cart:hover{background-color:#46A0FF}
/*-----------------------------------------------------------------*/
/* [6. NavTop .navtop] */
.navtop{height:150px;text-align:right}
.navtop ul{font:.9em Verdana,Geneva,Arial,Helvetica,sans-serif;color:#111}
.navtop a{float:right;padding:125px 10px 0px 10px;display:block;width:auto;height:24px;/* 150-125-1 */ background:transparent;text-align:center;text-transform:uppercase;font:1.1em Verdana;color:#CFD0D2;text-decoration:none;letter-spacing:1px}
.navtop a:hover{color:#64B1FF}
/*-----------------------------------------------------------------*/
/* [7. Logo .logo] */
.logo{display:block;margin-top:40px;width:206px;height:55px;background:transparent url(../images/layout/logo_dewit.png) no-repeat;line-height:1000px;overflow:hidden}
.carousel{display:block;width:400px;height:35px}
.carousel a,h2.logosub{display:block;width:400px;height:35px;line-height:1000px;overflow:hidden}
.events{background:transparent url(../images/layout/logo_dewit_events.png)}
.everhuur{background:transparent url(../images/layout/logo_dewit_evenementenverhuur.png)}
.pverhuur{background:transparent url(../images/layout/logo_dewit_partyverhuur.png)}
.catering{background:transparent url(../images/layout/logo_dewit_evenementencatering.png)}
.dgroothandel{background:transparent url(../images/layout/logo_dewit_drankengroothandel.png)}
/*-----------------------------------------------------------------*/
/* [8. ImgHeader .imgheader] */
.imgheader{margin-bottom:1px;width:700px;height:284px;background:#333}
.fadein{position:relative;width:700px;height:284px}
.fadein img{position:absolute;left:0;top:0}
/*-----------------------------------------------------------------*/
/* [9. Footer .footer] */
.footer{padding-top:125px;height:50px;font:1em Verdana;color:#333;background:transparent url(../images/layout/bg_footer.png) no-repeat}
.footer a{color:#333;text-decoration:none}
.footer a:hover{color:#64B1FF}
/*-----------------------------------------------------------------*/
/* [10. FancyBox - jQuery Plugin]*/
#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('../images/fancybox/fancybox.png')}
#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{width:0;height:0;padding:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0px solid #fff}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101}
#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('../images/fancybox/fancybox.png') -40px 0px;cursor:pointer;z-index:1103;display:none}
#fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0}
#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top}
#fancybox-frame{width:100%;height:100%;border:none;display:block}
#fancybox-left,#fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url('../images/fancybox/blank.gif');z-index:1102;display:none}
#fancybox-left{left:0px}
#fancybox-right{right:0px}
#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block}
#fancybox-left-ico{background-image:url('../images/fancybox/fancybox.png');background-position:-40px -30px}
#fancybox-right-ico{background-image:url('../images/fancybox/fancybox.png');background-position:-40px -60px}
#fancybox-left:hover,#fancybox-right:hover{}
#fancybox-left:hover span{left:20px}
#fancybox-right:hover span{left:auto;right:20px}
.fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001}
#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('../images/fancybox/fancybox-x.png')}
#fancybox-bg-ne{top:-20px;right:-20px;background-image:url('../images/fancybox/fancybox.png');background-position:-40px -162px}
#fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('../images/fancybox/fancybox-y.png');background-position:-20px 0px}
#fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('../images/fancybox/fancybox.png');background-position:-40px -182px}
#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('../images/fancybox/fancybox-x.png');background-position:0px -20px}
#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('../images/fancybox/fancybox.png');background-position:-40px -142px}
#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('../images/fancybox/fancybox-y.png')}
#fancybox-bg-nw{top:-20px;left:-20px;background-image:url('../images/fancybox/fancybox.png');background-position:-40px -122px}
#fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102}
.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative}
.fancybox-title-outside{padding-top:10px;color:#fff}
.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left}
#fancybox-title-over{padding:10px;background-image:url('../images/fancybox/fancy_title_over.png');display:block}
.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px}
#fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto}
#fancybox-title-float-wrap td{border:none;white-space:nowrap}
#fancybox-title-float-left{padding:0 0 0 15px;background:url('../images/fancybox/fancybox.png') -40px -90px no-repeat}
#fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:bold;padding:0 0 3px 0;background:url('../images/fancybox/fancybox-x.png') 0px -40px}
#fancybox-title-float-right{padding:0 0 0 15px;background:url('../images/fancybox/fancybox.png') -55px -90px no-repeat}

