/* ---( ALGEMEEN )----------------------------------------- */

body {
        text-align:center;
        width:100%;
        height:100%;
        margin-top:0px;
        margin-right:0px;
        margin-bottom:0px;
        margin-left:0px;
        outline: none;
        font-family:arial, tahoma, Verdana, "century gothic", helvetica, "times new roman", sans-serif;
        background:url(../beeld/vast_beeld/loading.gif) no-repeat;
        background-color:#000;
		overflow:hidden
        }
        

html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}


h2,.box div img{padding-bottom:0px}

p {
        font-size:11px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#fff;
        font-weight:normal;
        line-height:18px;
        text-align:left;
        margin: 0px;
        }
		
a {
        font-size:11px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#fff;
        font-weight:normal;
        line-height:18px;
        text-align:left;
        margin: 0px;
        text-decoration:underline;
        }

a:hover {
        font-size:11px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#fff;
        font-weight:normal;
        line-height:18px;
        text-align:left;
        margin: 0px;
        text-decoration:none;
        }
			


/* ---( HOOFD_DIVS )--------------------------------------------- */

#bg div{position:absolute;;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{position:relative;overflow:hidden;min-height:50%;min-width:50%;margin:0 auto}

#cont {
        width:100%;
        height:100%;
        position:absolute;top:0;left:0;
        z-index:70;
        overflow:auto
        }
		
#top {
        width:100%;
        height:10px;
        position:absolute;top:0;left:0;right:0;
        z-index:70;
        overflow:auto;
        background-color:#fff;
		opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.50;
		}
		
#header {
        width:100%;
        height:41px;
        margin-top:11px;
		position:absolute;top:11;left:0;right:0;
        z-index:70;
        overflow:auto;
        background:url(../beeld/header.jpg) repeat-x;
		}
		
#content {
        width:100%;
        height:41px;
        margin-top:11px;
		position:absolute;top:11;left:0;right:0px;
        z-index:70;
        overflow:auto;
        background:url(../beeld/header.jpg) repeat-x;
		}
		
#logo {
		position:absolute;right:0px;
		bottom:20px;
		left:0px;
		z-index:80;
		width:380px;
		}
		
#logo div {
		height:135px;
		width:380px;
		}
					
#copyright {
		position:absolute;right:0px;
		bottom:3px;
		z-index:80;
		width:100%;
		font-size:9px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#fff;
        font-weight:normal;
        line-height:18px;
        text-align:center;
		}

#menu {
		position:absolute;right:0px;bottom:20px;
		*padding-right:0px;
		z-index:80;
		width:100%;
		line-height:12px;
		}
		
#pa {
		position:absolute;
		top:20%;
		right:100px;
		z-index:70;
		width:284px;
		height:270px;
		line-height:12px;
		}
		
#menu div {
		height:119px;
		margin-left:381px;
		*margin-left:381px;
		*margin-right:0px;
		right:0px;
		padding-top:16px;
		background:url(../beeld/info_background.png) repeat;
		}

#info {
		position:absolute;right:0px;
		top:20%;
		left:65px;
		width:515px;
		height:auto;
		padding-bottom:10px;
		}
		
#inhoud {
		position:absolute;right:0px;
		padding-top:10px;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
		width:505px;
		height:auto;
		background:url(../beeld/info_background.png) repeat;
		}

#inhoud_overflow {
		position:absolute;right:0px;
		padding-top:10px;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
		width:505px;
		height:300px;
		overflow:auto;
		background:url(../beeld/info_background.png) repeat;
		}

		
#inhoud_home {
		position:absolute;
		*left:0px;
		padding-top:10px;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
		width:295px;
		height:255px;
		background:url(../beeld/info_background.png) repeat;
		}
		
#portfolio_home {
		position:absolute;
		margin-left:450px;
		*margin-left:200px;
		width:500px;
		height:275px;
		}
		
#inhoud_creatie {
		position:absolute;
		*left:0px;
		padding-top:10px;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
		width:295px;
		height:255px;
		background:url(../beeld/info_background.png) repeat;
		}
		
#portfolio_creatie {
		position:absolute;
		margin-left:316px;
		*margin-left:59px;
		width:500px;
		height:275px;
		background:url(../beeld/info_background.png) repeat;
		}
		
#slider {
    width: 450px;
    margin: 0 auto;
    position: relative;
	}
	
.scroll {
    height: 275px;
    width: 450px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	}

.scrollContainer div.panel {
    padding: 0px;
    height: 275px;
    width: 450px;
	background-color:#000;
	}
	
.scrollButtons {
    position: absolute;
    top: 250px;
    cursor: pointer;
	}

.scrollButtons.left {
    left: -20px;
	visability:none;
	}

.scrollButtons.right {
    right: -20px;
	visability:none;
	}
	
#teller {
		visibility:hidden;
		margin-top:0px;
		margin-left:0px;
		margin-right:auto;
		}	
										
							

/* ---( MENUBAR )------------------------------ */

ul#navlist {
        *position:absolute;
		*left:381px;
		margin:0;
        padding-left:30px;
		width:138px;
        }

ul#navlist li {
        display: inline;
        list-style-type: none;
        }

        ul#navlist li a {
                display:block;
                float:left;
                width:138px;
				height:17px;
                }

                ul#navlist li a#unieke_gezicht {
                background:transparent url(../beeld/unieke_gezicht.png) no-repeat;
                margin-left:0px;
				}

                ul#navlist li a#unieke_gezicht:hover {
                background:transparent url(../beeld/unieke_gezicht_hover.png) no-repeat;
                margin-left:0px;
				}

                ul#navlist li a#unieke_gezicht.unieke_gezicht {
                background:transparent url(../beeld/unieke_gezicht_hover.png) no-repeat;
                margin-left:0px;
				}

                ul#navlist li a#strategie {
                background:transparent url(../beeld/strategie.png) no-repeat;
                }

                ul#navlist li a#strategie:hover {
                background:transparent url(../beeld/strategie_hover.png) no-repeat;
                }

                ul#navlist li a#strategie.strategie {
                background:transparent url(../beeld/strategie_hover.png) no-repeat;
                }

                ul#navlist li a#communicatie {
                background:transparent url(../beeld/communicatie.png) no-repeat;
                }

                ul#navlist li a#communicatie:hover {
                background:transparent url(../beeld/communicatie_hover.png) no-repeat;
                }

                ul#navlist li a#communicatie.communicatie {
                background:transparent url(../beeld/communicatie_hover.png) no-repeat;
                }

                ul#navlist li a#creatie {
                background:transparent url(../beeld/creatie.png) no-repeat;
                }

                ul#navlist li a#creatie:hover {
                background:transparent url(../beeld/creatie_hover.png) no-repeat;
                }
                
                ul#navlist li a#creatie.creatie {
                background:transparent url(../beeld/creatie_hover.png) no-repeat;
                }

                ul#navlist li a#diensten {
                background:transparent url(../beeld/diensten.png) no-repeat;
                }

                ul#navlist li a#diensten:hover {
                background:transparent url(../beeld/diensten_hover.png) no-repeat;
                }

                ul#navlist li a#diensten.diensten {
                background:transparent url(../beeld/diensten_hover.png) no-repeat;
                }
				                
				ul#navlist li a#contact {
                background:transparent url(../beeld/contact.png) no-repeat;
                }

                ul#navlist li a#contact:hover {
                background:transparent url(../beeld/contact_hover.png) no-repeat;
                }

                ul#navlist li a#contact.contact {
                background:transparent url(../beeld/contact_hover.png) no-repeat;
                }