/*

Specifieke definities

------------------------------------------------------------------------

*/

 

            .push{

                        visibility:none;

            }

 

 

 

 

            

            

/*

Float Fix

--------------------------------------------------------------------------- 

*/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* 

*/          

 

 

 

 

 

 

/*

Globale layout

--------------------------------------------------------------------------- 

*/

            

            html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address {

                        margin: 0;

                        padding: 0;

            }

            a, a:hover{

                        color: #000000;

            }

            a:hover{

                        text-decoration: none;

            }

            body, textarea, input{

                        color: #000000;

                        font: 11px/18px Arial;

            }

            img{

                        border: 0;

            }

            p{

                        margin: 0;

                        padding: 0;

            }

            

            #container{

                        position:relative;

                        width:992px;

                        margin:10px auto;

                        background-color:;

                        background:#13b5ea;

            }

            #top{

                        margin:0px auto;

                        position:relative;

                        width:992px;

                        height:24px;

                        background:url(/data/stylesheetimgs/18/top.png) no-repeat 0 0;

                        _background-image:none;

                        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/data/stylesheetimgs/18/top.png');

            }

            #bottom{

                        margin:0px auto;

                        position:relative;

                        width:992px;

                        height:38px;

                        background:url(/data/stylesheetimgs/18/bottom.png) no-repeat 0 0;

                        _background-image:none;

                        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/data/stylesheetimgs/18/bottom.png');

            }

 

/*

header

--------------------------------------------------------------------------- 

*/          

            #header{

                        width:100%;

                        height:100px;

                        background:url(/data/stylesheetimgs/18/content-container-bg.gif) repeat-y 0 0;

            }

            #header h1{

                        position:absolute;

                        left:28px;

                        top:24px;

                        width:320px;

                        height:58px;

            }

            #header h1 a{

                        width:320px;

                        height:58px;

                        display:block;

                        text-decoration:none;

            }

            #header h1 a span{

                        visibility:hidden;

            }

            #header ul{

                        position:absolute;

                        top:25px;

                        left:368px;

                        height:54px;

                        width:360px;

                        margin:0;

                        padding:0 0 0 17px;

                        list-style-type:none;

                        border-left:solid 2px #13b5ea;

                        color:#666666;

           }

            

            .topnav-break{

                        display:none;

            }

                        

            #header ul li{

                        margin:0;

                        list-style-type:none;

                        float:left;

                        padding:0 15px 0 3px;

                        background:url(/data/stylesheetimgs/18/topnav-bullet.gif) repeat-y right 0 #13b5ea;

            }

            #header ul li first{

            }

            #header ul li last{

            }

            #header ul li a,

            #header ul li a:hover{

                        font-size:11px;

                        font-weight:bold;

                        text-decoration:none;

            }

            #header ul li a:hover{

                        text-decoration:underline;

            }

            

            .button-griepophetwerk-container{

                        position:absolute;

                        right:28px;

                        top:29px;

                        width:197px;

                        height:72px;

                        z-index:20000;

                                                                                                                                                                                            display:none;

            }

            .button-griepophetwerk{

                        position:absolute;

                        top:0px;

                        left:0px;

                        width:197px;

                        height:72px;

                        background-image:url(/data/stylesheetimgs/18/button-griepophetwerk.png);

                        _background-image:none;

                        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/data/stylesheetimgs/18/button-griepophetwerk.png');

                        z-index:9;

                                                                                                                                                                                            display:none;

            }

            .button-griepophetwerk-container a{

                        position:absolute;

                        top:0px;

                        left:0px;

                        display:block;

                        width:197px;

                        height:72px;

                        z-index:10;

                        text-decoration:none;

                                                                                                                                                                                            display:none;

            }

            .button-griepophetwerk-container a span{

                        visibility:hidden;

                                                                                                                                                                                            display:none;

            }           

            

/*

content

--------------------------------------------------------------------------- 

*/                     

            #content-container{

                        width:100%;

                        background:url(/data/stylesheetimgs/18/content-container-bg.gif) repeat-y 0 0;

            }

            #content{

                        width:714px;

                        padding:0 10px 0 30px;

                        _padding:0 5px 0 30px;

                        position:relative;

                        display:block;

            }

            #content h1{

                        font-size:14px;

            }

            #content h2{

                        color:#13b5ea;

                        font-size:18px;

 

            }

            #kruimelpad{

                        margin:0 0 0 0;

                        height:35px;

                        width:100%;

                        position:relative;

            }

            #kruimelpad a,

            #kruimelpad a:hover{

                        font-weight:bold;

                        color:#666666;

                        text-decoration:none;

            }

            #kruimelpad a:hover{

                        text-decoration:underline;

            }

            .productkaart{

                        width:138px;

                        height:200px;

                        background-image:url(/data/stylesheetimgs/18/productkaart-bg.gif);

                        float:left;

                        margin:0 0 10px 0;

                        position:relative;

            }

            .productkaart .productkaartvisual{

                        position:absolute;

                        top:5px;

                        left:7px;

                        width:124px;

                        height:124px;

                        overflow:hidden;

            }

            .productkaart h3{

                        position:absolute;

                        top:138px;

                        left:8px;

                        width:85px;

            }

            .productkaart h3 a,

            .productkaart h3 a:hover{

                        font-size:11px;

                        font-weight:bold;

                        line-height:11px;

                        text-decoration:none;

                        color:#13b5ea;

            }

            .productkaart H3 a:hover{

                        text-decoration:underline;

            }

            .productkaart a.butInfo{

                        position:absolute;

                        top:138px;

                        left:101px;

                        width:31px;

                        height:13px;

                        background-image:url(/data/stylesheetimgs/18/but-info.gif);

                        background-repeat:no-repeat;

            }

            .productkaart a.butPrijzen{

                        position:absolute;

                        top:138px;

                        left:118px;

                        width:31px;

                        height:13px;

                        background-image:url(/data/stylesheetimgs/18/but-prijzen.gif);

                        background-repeat:no-repeat;

            }

            .productkaart a:hover{

                        background-position:0 -13px;

            }           

            .productkaart a span{

                        visibility:hidden;

                        font-size:0px;

                        line-height:0px;

            }

            .staffeltable, .staffeltable tr, .staffeltable tr td, .staffeltable tr th{

                        border-collapse:collapse;

                        border:solid 1px #999;

            }

            th.uitlijning-rechts{

                        text-align:right !important;

            }

            tr.kop th{

                        background-color:#13b5ea;

                        font-weight:bold;

                        color:#000;

                        line-height:25px;

                        text-align:left;

                        padding-left:3px;

            }

            tr.productregel td{

                        border-bottom:solid 1px #ccc;

            }

            tr.productregel{

                        line-height:14px;

            }

            tr.productregel td{

                        padding:7px 0 9px 0;

            }

            tr.totaal,

            tr.eindtotaal{

                        background-color:#f1f1f1;

                        line-height:25px;

            }

            tr.eindtotaal td{

                        border-bottom:solid 1px #ccc;

            }

            a.button,

            a.button:hover{

                        padding:3px 5px 2px 5px;

                        border: 1px solid #171F23;

                        background: url(/data/stylesheetimgs/18/button-bg.gif) 0 0 repeat-x;

                        color:#fff;

                        font-weight:bold;

                        text-decoration:none;

            }

            a.button:hover{

                        background-position:0 -19px;

            }

            a.butverwijderen,

            a.butverwijderen:hover{

                        display:block;

                        width:11px;

                        height:12px;

                        background-image:url(/data/stylesheetimgs/18/but-verwijderen.gif);

                        text-indent:-9999px;

                        margin:3px 0 0 5px;

                        padding:0;

                        line-height:12px;

            }

           table.productoverzicht tr.spacer td{

                        border-top:solid 1px #d2d2d2;

            }

            td.productoverzicht-container{

                        background-color:#f2f2f2;

            }

            table.productoverzicht td.productnaam{

                        font-size:12px;

                        line-height:15px;

                        color:#13b5ea;

                        font-weight:bold;

            }

            table.productoverzicht td.productnaam ul{

                        list-style-type:square;

                        padding:0 0 0 18px;

            }

            table.productoverzicht td.label{

                        font-weight:bold;

                        padding-right:5px;

                        padding-left:2px;

            }

            table.productoverzicht td.detail{

                        line-height:11px;

            }

            div.stappen-container{

                        background-color:#f2f2f2;

                        padding:10px 0 0 0;

                        width:179px;     

            }

            p.stap-nietactive,

            p.stap-active{

                        border-bottom:solid 1px #d2d2d2;

                        padding:15px 5px 15px 10px;

                        line-height:14px;

            }

            p.stap-nietactive{

                        color:#b4b4b4;

            }

            table.form input{ 

                        border-top:solid 1px #808080;

                        border-left:solid 1px #808080;

                        border-right:solid 1px #d4d0c8;

                        border-bottom:solid 1px #d4d0c8;

                        line-height:14px;

                        height:16px;

                        margin-bottom:2px;

            }

            table.form td.label{

                        text-align:right;

                        padding-right:5px;

            }

            input.no-border{

                        border:0px !important;

            }

            .foutmelding{

                        font-weight:bold;

                        color:#ff0000;

            }

            h2.ordertraject{

                        border-bottom:solid 1px #ccc;

                        margin-bottom:10px;

            }

            a.button-winkelwagen,

            a.button-winkelwagen:hover{

                        position:absolute;

                        top:82px;

                        left:31px;

                        font-weight:bold;

                        text-decoration:none;

            }

            a.button-winkelwagen:hover{

                        text-decoration:underline;

            }

            

            

            

            

            

            

/*

sidebar

--------------------------------------------------------------------------- 

*/                     

            #sidebar{

                        width:238px;

                        position:relative;

                        display:block;

                        float:right;

            }

            #sidebar ul{

                        margin:0;

                        padding:0;

                        list-style-type:none;

                        width:223px;

            }

            #sidebar ul li{

                        margin:0;

                        padding:0;

                        list-style-type:none;

                        background:url(/data/stylesheetimgs/18/hoofdnav-item-bg.png) 0 0 no-repeat;

                        _background-image:none;

                        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/data/stylesheetimgs/18/hoofdnav-item-bg.png');

                        line-height:31px;

                        _height:31px;

            }

            #sidebar ul li a,

            #sidebar ul li a:hover{

                        color:#fff;

                        text-decoration:none;

                        font-size:14px;

                        font-weight:bold;

                        background:url(/data/stylesheetimgs/18/hoofdnavigatie-bullet.gif) 10px 14px no-repeat;

                        padding:0 0 0 25px;

                        line-height:31px;

                        width:197px;

                        display:block;

                        position:relative;

            }

            #sidebar ul li a:hover{

                        text-decoration:underline;

            }

            #sidebar ul li ul{

                        width:223px;

                        background:#fff;

                        padding:10px 0 10px 0;

            }

            #sidebar ul li ul li{

                        background:none;

            }

            #sidebar ul li ul li a,

            #sidebar ul li ul li a:hover{

                        background:none;

                        padding:0 0 0 25px;

                        line-height:15px;

                        color:#13b5ea;

                        font-size:11px;

                        

            }

            #sidebar ul li ul li a:hover{

                        text-decoration:underline;

            }

            #sidebar li.sidebar-bottomstreep{

                        width:223px;

                        height:2px;

                        background:url(/data/stylesheetimgs/18/hoofdnav-bottomstreep.png) 0 0 no-repeat;

                        line-height:2px;

                        font-size:2px;

                        _background-image:none;

                        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/data/stylesheetimgs/18/hoofdnav-bottomstreep.png');                                           

            }

            #winkelwagen li.sidebar-bottomstreep{

                        visibility:hidden;

            }

 

            

/*

footer

--------------------------------------------------------------------------- 

*/                     

            #footer{

                        width:920px;

                        height:50px;

                        position:relative;

                        background:#fff;

                        margin:0 auto;

            }

            

 

            div#sidebar ul ul li{

                        background:url(/img/sub-bg.gif) #13b5ea -2px -5px;

            }

            

 

 

/*

=======================================================================

CSS voor uitzetten code 3e schil - per 22-06-2010

*/

#zoek-container,

#contentfooter{

display:none;

}

/*

=======================================================================

*/


/* Social media buttons */
.social_media{display:none;}