/* 
 * site.css
 * zack @ [ mog.(labs), berlin: http://m-og.eu/ ]
 *
 */
html { /* force vertical scrollbar */
	height: 101%;
	min-height: 101%;
	margin-bottom: 1px;
}
body {
    width: auto;
	margin: 0;
    padding: 0;
    background: #000;
    font-size: 13px;
	line-height: 18px;
    font-family: Helvetica, Verdana, Arial, sans-serif;}

/* defaults */
a, a:link, a:hover, a:active, a:visited {
	cursor: pointer; outline: none; border: 0; text-decoration: none; direction:ltr;
}
a.external {text-decoration: underline;} a.external:hover {color: #fff;}
a.download_link {
    display: block;
    float: left;
    width: 20px;
    height: 10px;
    padding: 0px;
    background: url(img/download-icon.gif) 0 0 no-repeat transparent;
}
a.download_link {color: #fff;}

img, object {border: 0; outline: none;}

/* typography */
p {margin: 0px 0px 10px 0px;}

h1,h2 {color: #999; font-size: 24px; font-weight: normal; line-height: 24px; margin: 15px 15px 0px 25px; padding: 0px;}
h3 {color: #fff; font-size: 16px; font-weight: bold; line-height: 18px; margin-top: 10px; margin-bottom: 3px;}
h4 {color: #fff; font-size: 24px; font-weight: bold; line-height: 26px; margin-top: 10px; margin-bottom: 3px;}

.h2w3c {display: block; color: #999; font-size: 18px; font-weight: bold;
       line-height: 24px; margin: 15px 15px 0px 25px; padding: 0px;}

.grey {color: #999999;}
.yellow {color: #ffff00;}
.blue {color: #0099cc;}
.green {color: #99cc00;}
.white {color: #ffffff;}

h1.s40grey,
h1.s40yellow,
h1.s40blue,
h1.s40green,
h1.s40white {
    display: block; float: left;
    width: 565px; padding: 20px 25px 10px 25px; margin: 0px;
    font-size: 26px; font-weight: normal; line-height: 35px;
}
h1.s40grey {color: #999999;}
h1.s40yellow {color: #ffff00;}
h1.s40blue {color: #0099cc;}
h1.s40green {color: #99cc00;}
h1.s40white {color: #ffffff;}

h1.grey, h2.grey {font-size: 18px; font-weight: normal; line-height: 24px;}

/*
h2.grey,
h2.yellow,
h2.blue,
h2.green,
h2.white {
    font-size: 18px; font-weight: bold; line-height: 24px;
}
h2.grey {color: #999999;}
h2.yellow {color: #ffff00;}
h2.blue {color: #0099cc;}
h2.green {color: #99cc00;}
h2.white {color: #ffffff;}
*/



.gry {color: #666;}
.blk {color: #000; font-weight: bold;}

/* util */
.hdivider {
	display: block;
	float: left;
	width: 100%;
	height: 1px;
	border-bottom: solid 1px #ccc;}

/* TinyMCE
----------------------------------------------------------------9*/
/* editor bg color */
body.mceContentBody {
   background: none;
}
/* custom styles */
a.rt_download_link {
    height: 10px;
    padding: 0px 0px 0px 25px;
    background: url(img/download-icon.gif) 0px 1px no-repeat transparent;
}
a.rt_download_link:hover {color: #fff;}

img.img_left {float: left; padding: 5px 25px 13px 0px; overflow: hidden;}
img.img_right {float: right; padding: 5px 0px 13px 25px; overflow: hidden;}
img.img_fullwidth {float: none; padding: 5px 0px 5px 0px; overflow: hidden;}


/* main page wrapper : wraps all but bg
 * ---------------------------------------------------------------------------------- */
#pageWrapper { /* wraps and centers site with 15px black margin */
    display: block;
    position: relative;
    z-index: 10;
    width: 960px;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	background: #000;
}
#page { /* wraps all content */
    display: block;
    position: absolute;
    width: 930px;
	height: 100%;
	margin: 0px 15px 15px 15px;
	padding: 0px;
	background: #000;
}
/* site header and menu
 * ---------------------------------------------------------------------------------- */
#site_header {
    display: block;
    width: 930px;
    height: 50px;
    margin: 0px 0px 15px 0px;
    background: url(img/header-bg.png) 0 0 no-repeat;
    border: 0;
}
	#menu {
	    display: block;
	    width: 880px;
	    height: 50px;
		margin: 0px auto;
		padding: 0px;
		list-style: none;
	}
	#menu li {
	    display: block;
		float: left;
		position: relative;
        z-index: 1000;
		padding: 0px;
		margin: 0px;
	}
	#menu li a {
	    display: block;
	    float: left;
	    height: 20px;
		padding: 15px 15px 15px 15px;
    	font-size: 14px;
		line-height: 20px;
        font-weight: bold;
	    color: #999;
	    text-align: center;
		cursor: pointer;
	}
	#menu a.first {width: 75px; padding: 15px 4px 15px 0px; text-align: left;}
    #menu a.current {color: #fff}
	#menu li.hover a.atop {
        color: #333;
        font-weight: bold;
        background: url(img/a50-bg.png) 0 0 repeat-x;
    }
	#menu .dropbox {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
        z-index: 1000;
		padding: 15px 0px 0px 0px;
		margin: 0;
		width: 290px;
        overflow: visible;
		background: url(img/menu/dropdown-bg-top.png) top right no-repeat #fff;
		-moz-box-shadow: 3px 13px 15px #161616;
		-webkit-box-shadow: 3px 13px 15px #161616;
	}/*
        #menu li.hover a.atop,
        #menu .dropbox {
            opacity: 0.9;
            -moz-opacity: 0.9;
            filter: alpha(opacity=90);
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        }
        */
	#menu li.hover .dropbox {
		display: block;
		margin: 50px 0px 0px 0px;
		padding: 0px;
	}
	#menu .dropbox ul {
		display: block;
        float: left;
		list-style: none;
		padding: 0px 0px 15px 15px;
		margin: 15px 0px 0px 0px;
		width: 275px;
		background: url(img/menu/dropdown-bg-bottom.png) bottom right no-repeat transparent;
	}
	#menu li ul li, #menu li ul li a {
		float: left;
		padding: 0px;
		margin: 0px;
	}
	#menu li ul li a {
		position: relative;
		top: 0px;
		left: 0px;
		width: 270px;
		height: 20px;
		text-align: left;
		padding: 3px 0px 5px 0px;
		font-size: 14px;
		font-weight: bold;
		color: #333;
	}
	#menu li ul li a:hover {color: #0099ff;}
	

/* main content
 * ---------------------------------------------------------------------------------- */
.mainContent {
	display: block;
	float: left;
	width: 630px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/* generic structures
 * --------------------------------------------------------------------------*/

/* wide block: e.g. 'Welkom' */
.fullwidth {
    display: block;
    float: left;
    width: 615px;
    margin: 0px 0px 15px 0px;
    color: #999;
    background: url(img/fw-block-bg.png) left bottom repeat-x #161616;
    overflow: hidden;
}
    .blockheader,.blockheader_grey {
        display: block;
        float: left;
        width: 100%;
        height: 50px;
        background: transparent;
        overflow: hidden;
    }
    .blockheader_grey {background: #282828;}

        .headerInner {
            display: block;
            width: 565px;
            height: 40px;
            border: 0;
            padding: 0;
            margin: 0px 25px 0px 25px;
        }
        .headerInner h1 {
            display: block;
            float: left;/*
            color: #999;
            font-size: 24px;
            font-weight: bold;
            line-height: 24px;*/
            margin: 15px 15px 0px 0px;
            padding: 0px;
        }
        
    .fwContent {
        display: block;
        float: left;
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
        padding: 0px 25px 20px 25px;
        overflow: hidden;
    }
    .fwContent-2col {
        display: block;
        float: left;
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
        padding: 0px 25px 20px 25px;
        /*
        -moz-column-count: 2;
        -moz-column-gap: 25px;
        -webkit-column-count: 2;
        -webkit-column-gap: 25px;
        column-count: 2;
        column-gap: 25px;
        */
        overflow: hidden;
    }
        .fwContent-2col img {width: 270px;}
        .fwContent p {margin: 0px 0px 10px 0px;}
        
    .fullwidth a {color: #0099cc;}

/* half-width blocks
---------------------------------------------------------------------------- */
.smObj, .smObj-r, .smObj-placeholder,
.bigObj, .bigObj-r, .bigObj-placeholder {
    display: block;
    float: left;
    width: 300px;
    height: 162px;
    margin: 0px 0px 15px 0px;
    padding: 0px;
    background: url(img/sm-left-bg.png) 0 0 repeat-y;
    overflow: hidden;
}
.smObj-placeholder {background: url(img/sm-obj-placeholder-bg.png) 0 0 repeat-x;}

/* big blocks: HUUR, KOOP */
.bigObj, .bigObj-r, .bigObj-placeholder {
    height: 285px;
    background: url(img/big-left-bg.png) 0px -5px no-repeat transparent;
    padding: 0px;
}
.bigObj-placeholder {background: url(img/sm-obj-placeholder-bg.png) 0 0 repeat-x;}

/* right blocks */
.smObj-r, .smObj-placeholder,
.bigObj-r, .bigObj-placeholder {
    margin: 0px 0px 15px 15px;
 }

    .bigThumb {
        display: block;
        width: 250px;
        height: 185px;
        margin: 0px 25px 0px 25px;
        padding: 0px 0px 20px 0px;
        overflow: hidden;
    }
    .smObj-content {
        display: block; 
        width: 250px;
        margin: 0px 25px 0px 25px;
        color: #ccc;
    }
        .smObj-content h3 a {color: #999;}
        
        .smObj-content .smtext {
            position: relative;
            top: -1px;
            margin: 0px 0px 10px 0px;
            font-size: 14px;
            line-height: 16px;
            font-family: Helvetica, Verdana, Arial, sans-serif;
        }
        .smThumb {
            display: block;
            float: left;
            width: 80px;
            height: 60px;
            margin: 0px 10px 20px 0px;
            overflow: hidden;
        }

    .foot {
        display: block;
        float: left;
        width: 100%;
        height: 30px;
        margin: 0px 0px 0px 0px;
        color: #ccc;
        background: url(img/foot-bg.png) 0 0 no-repeat #000;
    }
        .cat {
            height: 12px;
            margin: 10px 0px 0px 23px;
        }
        a.cat-link {
            display: block;
            float: left;
            height: 12px;
            font-size: 12px;
            line-height: 12px;
            color: #ccc;
            padding: 0px 0px 0px 20px;
            background: url(img/icons1.gif) 0px 0px no-repeat transparent;
        }
/* --------------------------------------------------------------------------*/

/* category and permalink footer elements for articles... */
    .article_foot {
        display: block;
        float: left;
        width: 100%;
        height: 60px;
        margin: 0px 0px 0px 0px;
        background: transparent;
        overflow: hidden;
    }
        .article_foot .cat {
            height: 12px;
            margin: 10px 0px 0px 23px;
        }
        .article_foot a.cat-link {
            display: block;
            float: left;
            height: 12px;
            font-size: 12px;
            line-height: 12px;
            color: #999;
            padding: 0px 0px 0px 20px;
            background: url(img/icons1.gif) 0px 0px no-repeat transparent;
        }

        .article_foot .perma {
            height: 12px;
            margin: 10px 0px 0px 23px;
            color: #999;
        }
        .article_foot a.permalink {
            height: 12px;
            font-size: 12px;
            line-height: 12px;
            color: #999;
            padding: 0px 0px 0px 10px;
        }


/* '.fullwidth block' styles modified with IDs
----------------------------------------------------------------------------- */
#welkom {/*height: 350px;*/background: url(img/welkom-bg.png) 0px 0px no-repeat transparent;}
    #welkom .blockheader {background: transparent;}
    #welkom .fwContent {width: 45%;}
    #welkom h1.s40white {width: 70%;}

/* SUB-MENU
----------------------------------------------------------- */
#submenu {
    display: block;
    float: left;
    width: 565px;
    height: 20px;
    padding: 15px 25px 15px 25px;
    margin: 0px;
    list-style: none;
    background: url(img/sub-menu-bg.png) 0 0 no-repeat #000;
    overflow: hidden;
}
#submenu li, #submenu li a {
    display: block;
    float: left;
    height: 20px;
    margin: 0px;
    padding: 0px;
    color: #999;
    font: bold 14px/20px Helvetica, Verdana, Arial, sans-serif;
}
#submenu li a {margin: 0px 35px 0px 0px;}
#submenu li a:hover {color: #ccc;}
#submenu li a.sub_current {color: #fff;}
#submenu li.first {width: 25px; margin: 0px;}
/* --------------------------- */

/* widget blocks
---------------------------------------------------- */
#article {}
    #article .blockheader {background: #282828;}

#coverflow {
    display: block;
    float: left;
    width: 615px;
    height: 380px;
    margin: 0px 0px 15px 0px;
    color: #999;
    background: url(img/fade-black-bg.png) 0px 50px repeat-x #000;
    }
    #coverflow .blockheader {background: #282828;}

    /* contentFlow plugin */
    #contentFlow {
        display: block;
        float: left;
        width: 615px;
        height: 335px;
        margin: 25px auto 0px auto;
        padding: 0px;
    }
    #contentFlow .flow {
        display: block;
        width: 615px;
        height: 335px;
    }

/* jwPlayer widget
----------------------------------------------------- */
#media_player {
    display: block;
    float: left;
    width: 615px;
    height: 420px;
    margin: 0px 0px 15px 0px;
    padding: 0px;
    background: #000;
    overflow: hidden;
    }
    #media_player .blockheader {background: #282828;}

    #media_player #jwShare {
        display: block;
        float: right;
        width: 68px;
        height: 15px;
        margin: 18px 0px 0px 0px;
        padding: 0px 1px 1px 1px;
        color: #fff;
        font: normal 12px/18px Helvetica, Verdana, sans-serif;
        /*background: #ddd;*/
    }
    #media_player #jwShare a {color: #009ee0;}

    #jw_player {
        display: block;
        float: left;
        width: 615px;
        height: 370px;
        border: 0;
        padding: 0;
        margin: 0;
    }
    #mobject {
        display: block;
        float: left;
        position: relative;
        top: 0px;
        left: -1px;
        width: 616px;
        height: 370px;
        padding: 0;
        margin: 0;
        border: 0;
        outline: none;
    }

/* MODULES TABLE -(product spec)
----------------------------------- */
#spec_table {
    display: block;
    float: left;
    width: 615px;
    margin: 0px 0px 15px 0px;
    color: #999;
    background: url(img/fade-28.png) 0px 50px repeat-x #282828;
    overflow: hidden;
    }
    #spec_table .blockheader {background: #282828;}

    /* modules table ------------------------------------------ */
    #mt_info { /* help text */
        display: none;
        float: left;
        width: 565px;
        height: 0px;
        padding: 15px 25px 10px 25px;
        color: #fff;
        font: normal 12px/14px Helvetica, Verdan, sans-serif;
        background: #161616;
        cursor: pointer;
        }
        #mt_info p {padding: 0px; margin: 0px;}

    #modules { /* main table */
        display: block;
        float: left;
        border-collapse: collapse;
        border: 0px;
        margin: 15px 0px 0px 0px;
        background: transparent;
    }
    #modules tr {
        vertical-align: top;
        background: #282828;
    }
        #modules th,
        #modules td {
            border-right: solid 1px #ccc;
            padding: 7px 10px 7px 10px;
            margin: 0px;
            text-align: left;
            font: bold 11px/14px Helvetica, Verdan, sans-serif;
        }
        #modules td {
            color: #fff;
            font: bold 12px/14px Helvetica, Verdan, sans-serif;
        }
        #modules th.mt_left, #modules td.mt_left {padding: 7px 10px 7px 25px;}
        #modules th.mt_right, #modules td.mt_right {padding: 7px 25px 7px 10px; border: 0;}

            a.mt_help {
                display: block;
                width: 100%;
                height: 12px;
                padding: 0px;
                margin: 0px;
                background: url(img/icons1.gif) 0px -56px no-repeat transparent;
            }
            a.ctitle {
                display: block;
                height: 50px;
                padding: 0px;
                color: #999;
            }
            a.ctitle:hover {color: #fff;}

    #modules tr.mt_dark {background: #161616;}
    #mt_foot { /* just for 'padding' after the table */
        display: block;
        float: left;
        width: 615px;
        height: 20px;
        background: #161616;
    }

/* CONTACT page
------------------------------------------------------------------ */
#contactFormWidget {
    display: block;
    float: left;
    width: 615px;
    height: 450px;
    margin: 0px 0px 15px 0px;
    color: #999;
    }
    #contactFormWidget .blockheader {background: #282828;}

    /* contact form ------------------------------------- */
    #cformWrapper{
        display: block;
        float: left;
        width: 565px;
        height: 290px;
        padding: 15px 25px 20px 25px;
        background: transparent;
    }
    /* reset basic attributes */
    #cform,
    #cform input,
    #cform select,
    #cform textarea {
        border: 0px;
        margin: 0px;
        padding: 0px;
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        background: #282828;}

    .cform_left, .cform_right {
        display: block;
        float: left;
        width: 290px;
        padding: 0px;
    }
    .cform_right {width: 250px; padding: 0px 0px 0px 25px;}

    /* left input stack --------------------------- */
    #cform .cform_row {
        display: block;
        float: left;
        width: 100%;
        height: 25px;
        margin-bottom: 7px;}

    #cform label {
        display: block;
        float: left;
        line-height: 25px;
        color: #999;
    }
    #cform input {
        display: block;
        float: right;
        width: 190px;
        height: 20px;
        padding: 3px 3px 2px 10px;
    }
    #cform label.required {color: #fff; font-weight: bold;}

    
    /* legend ------------- */
    #cform_legend {/* 3 checkboxes at the top */
        display: block;
        float: left;
        width: 290px;
        margin: 0px auto;
        height: 25px;
        padding: 0px 0px 0px 2px;
        background: url('img/arrow-legend.png') 0 0 no-repeat transparent;
    }

    #cform_legend .legend_row {
        display: block;
        float: right;
        width: 203px;
        height: 20px;
        padding: 3px 0px 2px 0px;}

    #cform_legend .txt {display: inline; float: left;}
        #cform_legend .one {width: 65px; text-align: left; font-weight: bold; color: #fff;}
        #cform_legend .two {width: 67px; text-align: center; color: #999;}
        #cform_legend .three {width: 68px; text-align: right; font-weight: bold; color: #ad0000;}


    /* right input stack --------------------------- */
    .cform_drop {
        display: block;
        float: right;
        width: 250px;
        height: 25px;
        background: #282828;
        margin-bottom: 7px;}

    #cform select {
        display: block;
        float: right;
        width: 250px;
        height: 25px;
        border: 0px;
        outline: none;
        padding: 3px 0px 2px 10px;
        margin: 0px;}

    #cform textarea {
        display: block;
        float: right;
        width: 230px;
        height: 165px;
        padding: 10px;
        margin-bottom: 7px;}
    
    a.sendbtn_nl {
        display: block;
        float: right;
        width: 250px;
        height: 50px;
        padding: 0px;
        margin: 0px;
        background: url('img/sendbtn_nl_en.png') 0 0 no-repeat;
    }
    a.sendbtn_nl:hover {background: url('img/sendbtn_nl_en.png') 0px -50px no-repeat;}
    
    a.sendbtn_en {
        display: block;
        float: right;
        width: 250px;
        height: 50px;
        padding: 0px;
        margin: 0px;
        background: url('img/sendbtn_nl_en.png') 0px -100px no-repeat;
    }
    a.sendbtn_en:hover {background: url('img/sendbtn_nl_en.png') 0px -150px no-repeat;}


    #cformResults{
        display: block;
        /*width: 220px;
        height: 30px;*/
        padding: 25px;
        margin: 65px auto;
        text-align: center;
        color: #fff;
        font: bold 14px/20px Helvetica, Verdana, sans-serif;
        background: #282828;
    }

/* googleMaps widget
-------------------------------------------------*/
#mapWidget {
    display: block;
    float: left;
    width: 615px;
    height: 450px;
    margin: 0px 0px 15px 0px;
    color: #999;
    background: #333;
    overflow: hidden;
    }
    #mapWidget .blockheader {background: #282828;}

    #mapBox {
        display: block;
        float: left;
        width: 615px;
        height: 400px;
        padding: 0px;
    }

    .mapInfo {
        width: 219px; /* 290 */
        height: 80px;
        color: #333;
        font: normal 13px/14px Helvetica, Verdana, sans-serif;
    }
        .map_thumb {
            float: left;
            display: inline;
            margin: 15px 5px 0px 5px;
            padding: 0px;
        }
        .map_text{
            display: inline;
            float: left;
            padding: 5px 5px 0px 5px;
        }
            .map_title {
                font: bold 15px/20px Arial, Helvetica, Verdana, sans-serif;
            }
            .map_url a{text-decoration: underline; display: block; margin: 13px 0px 10px 0px;}
    /* end contact form ------------------------------------- */

/* RESULTS PAGE
---------------------------------------------------------------------------- */
#resultsList {}
    #resultsList .blockheader {background: #282828;}

        #resultsList #num_results {
            display: block;
            float: right;
            width: 100px;
            height: 15px;
            margin: 18px 0px 0px 0px;
            padding: 0px;
            color: #999;
            text-align: right;
            font: normal 12px/18px Helvetica, Verdana, sans-serif;
            /*background: #ddd;*/
        }
    .res_a, .res_b {
        display: block;
        float: left;
        width: 615px;
        height: 97px;
        border: 0;
        padding: 0;
        margin: 0;
        background: url(img/results_bg.png) 0 0 no-repeat #000;
    }
    .res_b {background: url(img/results_bg.png) 0 -97px no-repeat #000;}

    .res_content {
        display: block;
        width: 565px;
        height: 97px;
        border: 0;
        padding: 0;
        margin: 0px 25px 0px 25px;
        background: transparent;
    }

    .resThumb {
        display: block;
        float: left;
        width: 80px;
        height: 60px;
        margin: 19px 25px 18px 0px;
        overflow: hidden;
    }
    .resText {
        display: block;
        float: left;
        width: 460px;
        height: 50px;
        margin: 15px 0px 5px 0px;
        color: #ccc;
        font: normal 14px/15px Helvetica, Verdana, sans-serif;
        background: transparent;
        overflow: hidden;
    }
    .resText h2 {color: #ccc; font-size: 18px; font-weight: bold; line-height: 20px; margin: 0; padding: 0px;}
    .resText h2 a {color: #ccc; outline: none;}

    /* PAGINATION
    ------------------------------------- */
    .pagination_wrapper {
            display: block;
            float: left;
            width: 615px;
            height: 50px;
            border: 0;
            padding: 0;
            margin: 0;
            background: url(img/fade-black-bg.png) 0px -200px repeat-x #000;
        }
        .pagination {
            display: block;
            width: 565px;
            height: 35px;
            border: 0;
            padding: 0;
            margin: 15px 25px 0px 25px;
            color: #999;
            font-size: 14px;
            text-align: center;
        }
        .pagination a {
            display: inline;
            padding: 2px 5px 2px 5px;
            margin-right: 2px;
            color: #999;
            text-decoration: none;
        }
        .pagination a.prev, .pagination span.disabled_prev,
        .pagination a.next, .pagination span.disabled_next {
            display: block;
            float: left;
            width: 100px;
            height: 12px;
            padding: 0px 5px 0px 20px;
            margin: 0px 0px 2px 0px;
            font-size: 12px;
            line-height: 14px;
            text-align: left;
            background: url(img/icons1.gif) 0px -70px no-repeat transparent;
        }
        .pagination a.next, .pagination span.disabled_next {
            text-align: right;
            float: right;
            padding: 0px 20px 0px 5px;
            background: url(img/icons1.gif) 100% -84px no-repeat transparent;
        }
        .pagination span.disabled_prev,
        .pagination span.disabled_next {
            opacity: 0.2;
            -moz-opacity: 0.2;
            filter: alpha(opacity=20);
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        }
        /* wrapper around page numbers */
        .pagination .numbering {
            display: block;
            float: left;
            width: 315px;
            margin: 0px;
            text-align: center;
            background: transparent;
        }
        .pagination a:hover, .pagination a:active {
            /*border:1px solid #666;*/
            color: #fff;
        }
        .pagination span.current {
            padding: 2px 5px 2px 5px;
            margin-right: 2px;
            font-weight: bold;
            color: #fff;
        }
/* end RESULTS PAGE -------------------------------------------------------- */

/* SEARCH results page
---------------------------------------------------------------------------- */
#searchWidget {
    /*margin-bottom: 0px;*/
}
    #searchWidget .blockheader {background: #282828;}

    form#c2SearchForm {
        display: block;
        width: 565px;
        height: 40px;
        background: none;
        margin: 20px 0px 0px 0px;
    }
        input#id_q {
            display: inline;
            float: left;
            width: 455px;
            height: 25px;
            margin: 5px 0px 10px 0px;
            padding: 3px 10px 2px 15px;
            border: 0;
            background: #fff;
            color: #333;
            font: normal 20px/20px Helvetica, Verdana, sans-serif;
            cursor: pointer;
            outline: none;
        }
        input#c2searchBtn {
            display: inline;
            float: left;
            width: 85px;
            height: 30px;
            padding: 5px 2px 5px 4px;
            margin: 5px 0px 10px 0px;
            background: #ccc;
            border: 0;
            outline: none;
            cursor: pointer;
            color: #333;
            font: normal 18px/20px Helvetica, Verdana, sans-serif;
        }


/* navigation column
 * ---------------------------------------------------------------------------------- */
#nav {
	display: block;
	float: left;
	width: 300px;
	margin: 0px 0px 15px 0px;
}
	/* generic block properties */
	.navblock {
		display: block;
		float: left;
		width: 300px;
		margin: 0px 0px 15px 0px;
		color: #999;
		font-size: 14px;	
	}
	.navblock .blockheader {background: #282828;}
	.navblock .blockheader h2 {font-weight: normal;}
	.navblock .sm-content {
			display: block;
			float: left;
			width: 250px;
			background: url(img/drop-shadow15.png) 0px 0px repeat-x #161616;
			margin: 0px;
			padding: 20px 25px 20px 25px;	
			color: #999;
            overflow: hidden;
		}	
	.navblock h3 { 
		color: #ccc;
		font-size: 16px;
		font-weight: normal;
		margin: 0px 0px 15px 0px;
		}
	.navblock a.smcLink {color: #999;}
	.navblock .sm-content p {
		margin: 0px;
		padding: 0px;
		line-height: 16px;
	}
	#nav .smThumb {
        width: 80px;
        height: 60px;
        margin: 2px 10px 0px 0px;
        float: left;
        overflow: hidden;
		}
	#nav .foot {background: url(img/foot-bg-nav.png) 0 0 no-repeat transparent;}
	#nav .foot a {color: #ccc;}
    
	.placeholder {
		display: block;
		float: left;
		width: 300px;
		height: 125px;
		padding: 0px;
		margin: 0px 0px 15px 0px;
		background: url(img/placeholder-bg.png) 0 0px repeat-x #000;		
	}

    #searchC3Ui {
        display: block;
        position: relative;
		width: 300px;
        height: 50px;
        margin-bottom: 0px;
		background: url(img/lang_bg.png) 0 0 repeat-x #000;
        }
        #searchForm {
            border-collapse: collapse;
            margin: 0;
            padding: 0;
            border: 0;
        }
        input#xl_search {
            display: inline;
            float: left;
            width: 229px;
            height: 20px;
            margin: 10px 0px 10px 10px;
            padding: 3px 10px 2px 15px;
            border: 0;
            background: #999;
            color: #333;
            font: normal 15px/20px Helvetica, Verdana, sans-serif;
            cursor: pointer;
            outline: none;
        }
        a#searchBtn {
            display: inline;
            float: left;
            width: 20px;
            height: 20px;
            padding: 3px 2px 2px 4px;
            margin: 10px 0px 10px 0px;
            background: #999;
            cursor: pointer;
            color: #333;
            font: normal 15px/20px Helvetica, Verdana, sans-serif;
        }
        

    #langSelector{
        display: block;
        position: relative;
		width: 300px;
        height: 50px;
        margin-bottom: 0px;
		background: url(img/lang_bg.png) 0 0 repeat-x #000;
        }
        #langButton {
            display: block;
            position: absolute;
            z-index: 200;
            width: 280px;
            height: 25px;
            margin: 10px;
            color: #ccc;
            font: normal 14px/20px Helvetica, Verdana, sans-serif;
            background: #fff;
            overflow: hidden;
            cursor: pointer;
        }
        #langButton #lbTitle {
            display: block;
            width: 260px;
            height: 20px;
            padding: 3px 5px 2px 15px;
            color: #ccc;
            font: normal 14px/20px Helvetica, Verdana, sans-serif;
            background: url(img/pulldown_icon.png) 258px 9px no-repeat #333;
        }
            #langDrop{ margin: 6px 0px 0px 0px;}
            #langDrop a {
                display: block;
                position: relative;
                z-index: 200;
                width: 260px;
                height: 20px;
                padding: 3px 5px 2px 15px;
                color: #333;
                font: bold 14px/20px Helvetica, Verdana, sans-serif;
                background: #fff;
            }
            #langDrop a:hover {color: #0099cc;}

    .contact_widget {margin-top: 10px;}

	/* contact-widget */
    /* #hcard {}*/
    .vcard,
    .vcard a {
        font-size: 14px;
        line-height: 16px;
        color: #999;
    }
    .vcard a {
        display: block;
        float: left;
        width: 140px;
        height: 14px;
    }
    .vcard a.fn {
        font-weight: bold;
    }
    .vcard .organization-name {display: none;}
    .vcard .organization-unit {font-size: 12px;}
    .vcard a.email {
        padding: 0px 0px 0px 15px;
        background: url(img/icons1.gif) 0px -28px no-repeat transparent;
        overflow: hidden;
    }
    .vcard .tel {
        height: 14px;
        padding: 0px 0px 0px 15px;
        background: url(img/icons1.gif) 0px -14px no-repeat transparent;
        overflow: hidden;
    }
    .vcard img.photo {display:none;}
	
	/* spotlight-widget */
    
	/* Led Xl TV widget */
	/*.tv-widget {background: #161616;}*/


/* footer 
 * ---------------------------------------------------------------------------------- */
#footer {
	display: block;
	float: left;
	width: 880px;
	height: 30px;
    padding: 20px 25px 0px 25px;
	margin: 0px 0px 15px 0px;
    background: url(img/footer-bg.png) 0 0 no-repeat #fff;
    color: #333;
}
    a.footer-logo {
        display: block;
        float: left;
        width: 59px;
        height: 11px;
        margin: 0px 10px 0px 0px;
        cursor: pointer;
        outline: none;
    }
        .sitelogo {border:0; padding: 0px;}

    .copyright, .pipe, .pipe-r {
        display: block;
        float: left;
        height: 16px;
        color: #333;
        padding: 0px;
        margin: 0px 10px 0px 0px;
        font: normal 16px/16px Helvetica, Verdana, sans-serif;
    }
    .pipe, .pipe-r {position: relative; top: 0px;}
        .pipe-r {float: right; position: relative; top: 1px; margin: 0px 0px 0px 10px;}

    a.terug-nb {
        display: block;
        float: left;
        position: relative;
        top: 1px;
        height: 15px;
        margin: 0px 10px 0px 0px;
        padding: 0px 15px 0px 0px;
        color: #fff;
        font: normal 12px/15px Helvetica, Verdana, sans-serif;
        background: url(img/icons1.gif) 100% -42px no-repeat transparent;
    }

    a.voorwaard, a.ft-contact {
        display: block;
        float: right;
        position: relative;
        top: 2px;
        height: 15px;
        margin: 0px 0px 0px 10px;
        padding: 0px;
        color: #333;
        font: normal 12px/15px Helvetica, Verdana, sans-serif;
    }
    a.siteBy {
        display: block;
        float: right;
        height: 12px;
        margin: 0px 0px 0px 10px;
        padding: 0px;
        color: #333;
    }
        #kl-logo { margin: 0px 0px 0px 5px;}



/* site background
 * ---------------------------------------------------------------------------------- */

#bgMask {
	
    display: block;
    float: left;
    position: fixed;
	top: 0px;
	left: 0px;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#bg {
    display: block;
    float: left;
    width: 1487px;
    height: 1133px;
	position: absolute;
	top: 50%;
	left: 50%;
    z-index: 0;
	margin: -567px auto auto -737px;
	padding: 0px;
}
#bg-img1 {float: left;}
#bg-img2 {float: right;}

#whiteMask {
    display: block;
    float: left;
    width: 100%;
    height: 444px;
    position: fixed;
	top: 100%;
	left: 0px;
	margin: -444px auto auto 0px;
	padding: 0px;
	background: url(../graphics/bg/white_grad_1px.png) 0 0 repeat-x transparent;	
}

/******************************************************************************
Galleria plugin 
******************************************************************************/

/* galleria.css

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px}*/ /* MSIE bug fix */

#zGalleryWrapper {
    display: block;
    width: 615px;
    background: url(img/fade-black-bg.png) 0px 50px repeat-x #000;
}
#zGalleryWrapper .blockheader {background: #282828;}

    #galleriaContentBox {
        display: block;
        float: left;
        width: 565px;
        /*height: 423px;*/
        float: none;
        padding: 0px 0px 5px 0px;
        margin: 0px 25px 0px 25px;
        color: #999;
        font: normal 14px/20px Helvetica, Verdana, sans-serif;
        overflow: hidden;
    }
    #galleriaContentBox img.replaced {width: 565px; margin: 25px 0px 0px 0px; padding: 0px 0px 5px 0px;}

    /* no javascript
    ul#gallery{list-style: none; margin: 0px 25px 0px 25px; padding: 0;}
    */
    ul#gallery{list-style: none;}

    .galleria li
    {
        display:inline;
        width:75px;
        height:75px;
        overflow:hidden;
        float:left;
        margin: 0px 5px 10px 0px;
    }

    .jcarousel-container img, ul#gallerynav
    {
        cursor:pointer;
    }
    .jcarousel-skin .jcarousel-container {
        margin:5px 20px 25px 25px;
        background: #000;
    }

    .jcarousel-skin .jcarousel-container-horizontal {
        width: 520px;
        padding: 0px 25px 0px 25px;
    }

    .jcarousel-skin .jcarousel-clip-horizontal {
        width:  520px;
        height: 75px;
    }

    .jcarousel-skin .jcarousel-item-horizontal {
        margin-right: 5px;
    }
    /**
     *  Horizontal Buttons
     */
    .jcarousel-skin .jcarousel-next-horizontal {
        position: absolute;
        top: 0px;
        right: 5px;
        width: 20px;
        height: 75px;
        cursor: pointer;
        background: transparent url(img/galleria/next-horizontal.png) no-repeat 0 0;
    }

    .jcarousel-skin .jcarousel-next-horizontal:hover {
        background-position: -40px 0;
    }

    .jcarousel-skin .jcarousel-next-horizontal:active {
        background-position: -80px 0;
    }

    .jcarousel-skin .jcarousel-next-disabled-horizontal,
    .jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
    .jcarousel-skin .jcarousel-next-disabled-horizontal:active {
        cursor: default;
        background-position: -120px 0;
    }

    .jcarousel-skin .jcarousel-prev-horizontal {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 20px;
        height: 75px;
        background: transparent url(img/galleria/prev-horizontal.png) no-repeat 0 0;
        cursor:pointer;
    }

    .jcarousel-skin .jcarousel-prev-horizontal:hover {
        background-position: -40px 0;
    }

    .jcarousel-skin .jcarousel-prev-horizontal:active {
        background-position: -80px 0;
    }

    .jcarousel-skin .jcarousel-prev-disabled-horizontal,
    .jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
    .jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
        cursor: default;
        background-position: -120px 0;
    }


    /**
     * This <div> element is wrapped by jCarousel around the list
     * and has the classname "jcarousel-container".
     */
    .jcarousel-container {
        position: relative;
    }

    .jcarousel-clip {
        z-index: 2;
        padding: 0;
        margin: 0;
        overflow: hidden;
        position: relative;
    }

    /** The following is required to make the jcarousel plugin work properly
    */
    .jcarousel-list {
        overflow: hidden;
        position: relative;
        top: 0;
        margin: 0;
        padding: 0;
    }

    /**
     * The buttons are added dynamically by jCarousel before
     * the <ul> list (inside the <div> described above) and
     * have the classnames "jcarousel-next" and "jcarousel-prev".
     */

/* end Galleria plugin
******************************************************************************/