/* 
    Document   : Layout
    Created on : 2-mrt-2010, 18:23:08
    Author     : Richard
    Description:
        Purpose of the stylesheet follows.
*/
            html{
                overflow: -moz-scrollbars-vertical;
            }
            body{
                font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
                color: #525252;
                padding: 0px;
                margin: 0px;
            }
            p{
                font-size: 80%;
            }
            h2{
                color: #205efb;
                font-weight: normal;
            }
            img{
                border: 0px;
            }
            .text{font-size:80%;}
            #accordion  h3{
                width: 859px;
                height: 42px;
                font-size: 100%;
                padding-top: 12px;
                padding-left: 15px;
                margin: 0px;
                background: url(../images/frontsite/question_bar.png) no-repeat top left;
                cursor: pointer;
            }
            #accordion h3:hover{
                background: url(../images/frontsite/question_bar_hover.png) no-repeat top left;
            }
            #header_container{
                background-image: url(../images/frontsite/background-slicer-top.png);
                width: 100%;
                height: 212px;
            }
            #header{
                width: 989px;
                height: 212px;
                background: url(../images/frontsite/header.png) no-repeat;
                position: relative;
                margin-left: 50%;
                left: -495px;
            }
            .login{
                position: relative;
                left: 575px;
                margin: 0;
                height: 29px;
            }
            .login #wrapper{
                padding-top: 4px;
            }
            .login input{
                border: 0px;
                color: #525252;
                width: 148px;
            }
            .login input#wachtwoord{
                margin-left: 25px;
            }
            .login #submit{
                margin: 0 0 0 10px;
                height: 29px;
                width: 29px;
                position: relative;
                top: -26px;
                right: -332px;
                background-color: transparent;
                background-image: url(../images/frontsite/login_submit.png);
                cursor: pointer;
            }
            .login #submit:hover{
                background-image: url(../images/frontsite/login_submit_hover.png);
            }
            #errors{
                position: absolute;
                top: 35px;
                right: 47px;
                color: red;
                font-size: 80%;
                text-align: right;
            }
            #content_container{
                background-color: #f2f2f2;
            }
            #content{
                background-color: white;
                width: 900px;
                padding: 25px 25px 0;
                position: relative;
                margin-left: 50%;
                left: -450px;
                text-align: left;
            }
            #content_body{
                position: relative;
            }
            #footer{
                background-image: url(../images/frontsite/slicer-footer.png);
                width: 100%;
                height: 129px;
                text-align: center;
            }
            #footer a{
                color: #525252;
                font-weight: bold;
            }
            #footer table{
                position: absolute;
                left: 50%;
                margin-left: -495px;
                width: 989px;
                font-size: 80%;
            }
            #content_block{
                color: white;
                background: url(../images/frontsite/content_block.png) no-repeat;
                width: 855px;
                height:471px;
                padding: 3px 47px 20px;
                position: relative;
                left: -20px;
            }
            #content_block ul, div.licentie ul{
                margin: 0px;
                font-size: 80%;
                list-style-image:url("../images/frontsite/list-image.png");
            }
            #content_block a{
                color: white;
                font-weight: bold;
            }
            .input_container{
                background-image: url(../images/frontsite/inputfield.png);
                width: 240px;
                height: 32px;
            }
            .input{
                border: 0;
                margin: 4px;
                color: #525252;
            }
            .textarea_container{
                background: url(../images/frontsite/textarea.png) no-repeat;
                width: 624px;
                height: 214px
            }
            .textarea{
                margin:6px;
                border: 0;
                color: #525252;
            }
            p.title{
                font-weight: bold;
                font-size: 125%;
                margin-bottom: 10px;
            }
            div.product{
                width: 800px;
                position: relative;
                border-top: 1px dashed #d6d6d6;
            }
            div.product:hover{
                background-color: #e2e2e2;
            }
            div.product .title{
                font-size:125%;
                font-weight:bold;
                margin-bottom:10px;
            }
            div.product .img{
                float: left;
                margin: 5px;
            }
            div.licentie{
                width:260px;
                height: 308px;
                float: left;
                padding-left: 20px;
                padding-top:220px;
            }
            .licentieoverzicht{
                font-size: 80%;
                text-align: center;
            }
            .licentieoverzicht .uitleg{
                text-align: left;
            }
            tr.stripe{
                background-color: #E9F1FF
            }
            .licentieoverzicht tr:hover{
                background-color: #f7b446;
            }
            .licentieoverzicht .empty{
                background-color: white !important;
            }
            .submit, .ui-dialog .ui-dialog-titlebar-close span{
                background: url(../images/frontsite/submit.png) no-repeat top left;
                width: 135px;
                height: 29px;
                color: white;
                display: block;
                text-decoration: none;
                font-size: 80%;
                font-weight: bold;
                padding-top: 5px;
                text-align: center;
                background-color: transparent;
                border: 0px;
            }
            .submit:hover, .ui-dialog .ui-dialog-titlebar-close span:hover{
                background: url(../images/frontsite/submit_hover.png) no-repeat top left;
            }
            div.licentie .submit{
                margin:10px 10px 10px 45px;
            }
            /** Navigatie tabs markup **/
            .ui-tabs-panel{
                position: relative;
                top: -30px;
            }
            .ui-tabs-hide{
                display:none !important;
            }
            .ui-tabs .ui-tabs-nav{
                list-style-image:none;
                list-style-position:outside;
                list-style-type:none;
                padding:0.2em 0.2em 0;
                position:relative;
                background: url(../images/frontsite/slicer-menu.png) repeat-x bottom left;
                height: 33px;
                top: 131px;
                left: 180px;
            }
            .ui-tabs .ui-tabs-nav li{
                border-bottom-width:0 !important;
                float:left;
                margin:0 0.2em -1px 0;
                padding:0;
                position:relative;
                text-align: center;
            }
            .ui-tabs .ui-state-default{
                background-image: url(../images/frontsite/tab-default.png);
                width: 127px;
                height: 33px;
            }
            .ui-tabs .ui-tabs-selected{
                background-image: url(../images/frontsite/tab-selected.png);
                width: 127px;
                height: 33px;
            }
            li.ui-tabs-selected a{
                cursor: pointer;
            }
            .ui-tabs-nav li a {
                float:left;
                padding-top:0.5em;
                text-decoration:none;
                outline-style: none;
                color: #525252;
                font-weight:bold;
                height: 23px;
                width: 127px;
            }
            .ui-tabs-nav li a:hover{
                color: #4ecf0a;
            }
        /* Easy Slider */
        #slider{
        }
	#slider ul, #slider li{
            margin:0;
            padding:0;
            list-style:none;
        }
	#slider, #slider li{
            /*
                    define width and height of container element and list item (slide)
                    list items must be the same size as the slider area
            */
            width:600px;
            height:373px;
            overflow:hidden;
            position: relative;
            top: 100px;
            left: 10px;
        }
        #slider ul{
            position: relative;
            left: -10px;
            top: -100px;
        }
	span#prevBtn{display: block; border: 1px solid black; height: 30px; width: 30px;}
	span#nextBtn{}
        #ui-tabs-5{
            background: url(../images/frontsite/blok.jpg) no-repeat bottom;
            width: 855px;
            height: 493px;
        }
        ol#controls{
            list-style-image:none;
            list-style-position:outside;
            list-style-type:none;
            position: relative;
            top: -373px;
            padding: 0;
            margin: 0;
        }
        ol#controls li{
            margin: 0;
            padding:0;
            float:left;
}
        ol#controls a{
            outline-style: none;
        }
        li#controls1 a{
            background: url(../images/frontsite/opzet.jpg);
            width: 180px;
            height: 93px;
            float: left;
        }
        li#controls1 a:hover{
            background: url(../images/frontsite/opzet_hover.jpg);
        }
        li#controls2 a{
            background: url(../images/frontsite/resultaten.jpg);
            width: 164px;
            height: 93px;
            float: left;
        }
        li#controls2 a:hover{
            background: url(../images/frontsite/resultaten_hover.jpg);
        }
        li#controls3 a{
            background: url(../images/frontsite/vergelijken.jpg);
            width: 162px;
            height: 93px;
            float: left;
        }
        li#controls3 a:hover{
            background: url(../images/frontsite/vergelijken_hover.jpg);
        }
        li#controls4 a{
            background: url(../images/frontsite/eigen-stijl.jpg);
            width: 178px;
            height: 93px;
            float: left;
        }

        li#controls4 a:hover{
            background: url(../images/frontsite/eigen-stijl_hover.jpg);
        }
        li#controls5 a{
            background: url(../images/frontsite/uniek.jpg);
            width: 171px;
            height: 93px;
            float: left;
        }
        li#controls5 a:hover{
            background: url(../images/frontsite/uniek_hover.jpg);
        }

        div#uitleg_container{
            position: relative;
            left: 635px;
            top: -373px;
            padding: 0px;
            margin: 0px;
            float: left;
        }
        div#uitleg{
            width: 200px;
            background-color: white;
            height: 379px;
            padding: 10px;
            margin: 0px;
            display: none;
            font-size: 80%;
        }

        .ui-widget-overlay{
            background: url(../images/frontsite/dialog_bck.png);
            position:absolute;
            left:0;
            top:0;
        }
        .ui-dialog{
            text-align: center;
        }