/* global */

* {
    font-family:"verdana", tahoma, trebuchet ms;
    font-weight:normal;
    color:#003789;
}

body {
	background:#323232;
        text-align:center;
        margin:0;   
        padding:0; 
        font-size:80%;       
}

h1, h2, h3 {
        margin:0;
        padding:0;
        color:#e43238;
}

h1 {   
    font-size:1.6em;
    font-weight:bold;
}

h2 {
    font-size:1.2em;
    font-weight:bold;
}

h3 {
    font-size:1.2em;
    font-weight:bold;
}

a, a:visited {
    color:#e53238;
    text-decoration:none;
}

a:hover {
    color:#003789;
}

a.projectlink {
    font-weight:bold;
}

b {
    font-weight:bold;
}

p {
    font-size:0.9em;    
}

p.bold {
        font-weight:bold;
}

	div#container {
		position:relative;
		margin:0 auto;
		padding:0;
		width:1014px;
                background-color:#003888;
                text-align:left;
	}
	
                img.breadimage {
                        position:absolute;
                        top:30px;
                        left:750px;
		}
		div#navigatie,
		div#navigatie_intranet {
			position:relative;
			margin:0;
			padding:0;
			height:62px;
                        _height:65px;
			width:1014px;
			background:#e53238;
			border-bottom:#01388b solid 3px;
		}
		
			div#navigatie ul,
			div#navigatie_intranet ul {
				height:21px;
				margin: 0;
				padding:0;
				list-style:none;
				position:absolute;
				bottom: -2px;
				left: 43px;
			}
			div#navigatie_intranet ul {
				bottom: 0;
			}
			
				div#navigatie ul li,
				div#navigatie_intranet ul li {
					font-size: 9px;
					margin: 0;
					padding: 0 0 0 2px;
					float: left;
					color: #ffffff;	
					display: block;
					text-align: center;			
				}
					div#navigatie ul li a,
					div#navigatie_intranet ul li a {
						display: block;
						font-weight: bold;
						height: 21px;
						width: 73px;
						margin: 0;
						padding: 0;
						text-align: center;
						line-height: 24px;
						color: #ffffff;
						text-decoration: none;
					}
					div#navigatie ul li a {
						background: transparent url('/skin/nav_bg.png') no-repeat left top;
					}
					div#navigatie_intranet ul li a {
						background: transparent url('/skin/innav_bg.png') no-repeat left top;
                               		}		
					div#navigatie ul li a:hover, div#navigatie ul li a.active,
					div#navigatie_intranet ul li a:hover, div#navigatie ul li a.active {
						color: #e53238;
						background-position: left bottom;
					}
						div#navigatie ul li#diensten a {
							background:#e53238 url(/skin/navigatie3.jpg) no-repeat left top;
							background-position: -24px -43px;
							width:74px;
						}
					
						div#navigatie ul li#diensten a:hover, div#navigatie ul li#diensten a.active {
							background-position: -24px -105px;
						}
						
						div#navigatie ul li#portfolio a {
							background:#e53238 url(/skin/navigatie3.jpg) no-repeat left top;
							background-position: -98px -43px;
							width:75px;
						}
					
						div#navigatie ul li#portfolio a:hover, div#navigatie ul li#portfolio a.active {
							background-position: -98px -105px;
						}
						
						div#navigatie ul li#mooi_werk a {
							background:#e53238 url(/skin/navigatie3.jpg) no-repeat left top;
							background-position: -173px -43px;
							width:75px;
						}
					
						div#navigatie ul li#mooi_werk a:hover, div#navigatie ul li#mooi_werk a.active {
							background-position: -173px -105px;
						}
						
						div#navigatie ul li#vacatures a {
							background:#e53238 url(/skin/navigatie3.jpg) no-repeat left top;
							background-position: -248px -43px;
							width:75px;
						}
					
						div#navigatie ul li#vacatures a:hover, div#navigatie ul li#vacatures a.active {
							background-position: -248px -105px;
						}
						
						div#navigatie ul li#contact a {
							background:#e53238 url(/skin/navigatie3.jpg) no-repeat left top;
							background-position: -323px -43px;
							width:75px;
						}
					
						div#navigatie ul li#contact a:hover, div#navigatie ul li#contact a.active {
							background-position: -323px -105px;
						}
						
						div#navigatie ul li#intranet a {
							background:#e53238 url(/skin/navigatie3.jpg) no-repeat left top;
							background-position: -398px -43px;
							width:74px;
						}
					
						div#navigatie ul li#intranet a:hover, div#navigatie ul li#intranet a.active {
							background-position: -398px -105px;
						}
						
                div#navigatie_intranet {
			position:relative;
			margin:0;
			padding:0;
			height:62px;
                        _height:65px;
			width:1014px;
			background:#fdd384;
			border-bottom:#01388b solid 3px;
		}
		
			div#navigatie_intranet ul {
				position:absolute;
				list-style:none;
				margin:43px 0 0 24px;
				padding:0;
				height:19px;
			}
			
				div#navigatie_intranet ul li {
					margin:0;
					padding:0;
					float:left;					
				}
					div#navigatie_intranet ul li a {
                                                padding:0;
                                                margin:0;
						display:block;
						height:19px;
					}
					
						div#navigatie_intranet ul li#diensten a {
							background:#e53238 url(/skin/navigatie_viosnet.jpg) no-repeat left top;
							background-position: -24px -43px;
							width:74px;
						}
					
						div#navigatie_intranet ul li#diensten a:hover, div#navigatie_intranet ul li#diensten a.active {
							background-position: -24px -105px;
						}
						
						div#navigatie_intranet ul li#portfolio a {
							background:#e53238 url(/skin/navigatie_viosnet.jpg) no-repeat left top;
							background-position: -98px -43px;
							width:75px;
						}
					
						div#navigatie_intranet ul li#portfolio a:hover, div#navigatie_intranet ul li#portfolio a.active {
							background-position: -98px -105px;
						}
						
						div#navigatie_intranet ul li#mooi_werk a {
							background:#e53238 url(/skin/navigatie_viosnet.jpg) no-repeat left top;
							background-position: -173px -43px;
							width:75px;
						}
					
						div#navigatie_intranet ul li#mooi_werk a:hover, div#navigatie_intranet ul li#mooi_werk a.active {
							background-position: -173px -105px;
						}
						
						div#navigatie_intranet ul li#vacatures a {
							background:#e53238 url(/skin/navigatie_viosnet.jpg) no-repeat left top;
							background-position: -248px -43px;
							width:75px;
						}
					
						div#navigatie_intranet ul li#vacatures a:hover, div#navigatie_intranet ul li#vacatures a.active {
							background-position: -248px -105px;
						}
						
						div#navigatie_intranet ul li#contact a {
							background:#e53238 url(/skin/navigatie_viosnet.jpg) no-repeat left top;
							background-position: -323px -43px;
							width:75px;
						}
					
						div#navigatie_intranet ul li#contact a:hover, div#navigatie_intranet ul li#contact a.active {
							background-position: -323px -105px;
						}
						
						div#navigatie_intranet ul li#intranet a {
							background:#e53238 url(/skin/navigatie_viosnet.jpg) no-repeat left top;
							background-position: -398px -43px;
							width:74px;
						}
					
						div#navigatie_intranet ul li#intranet a:hover, div#navigatie_intranet ul li#intranet a.active {
							background-position: -398px -105px;
						}

		div#animation {
			position:relative;
			margin:0;
			padding:0;
			
		}

                        div#animation img {
                            position:absolute;
                            margin:0;    
                            padding:0;
                        }

                div#content {
                        position:relative;
                        margin:0;
                        padding:24px 24px 24px 24px;
                        width:697px;
                        _width:745px;
                        height:390px;
                        _height:438px;
                        background-color:#ffffff;
                        overflow:auto;
                }

                        div#content p {
                                padding:0 60px 0 0;
                        }
				div#content p a {
					text-decoration:underline;
				}
                			div#content p li a {
						text-decoration: none;
					}
                div#picture_right {
                        position:absolute;
                        margin:0;
                        padding:0;
                        top:65px;
                        left:748px;
                        width:266px;
                        min-height:428px;
                        z-index:1000;
                }

                        div#picture_right img {
                                position:absolute;
                                height:472px;
                                width:266px;                                
                        }
                div#picture_right_template {
                        position:absolute;
                        margin:0;
                        padding:0;
                        top:65px;
                        left:748px;
                        width:266px;
                        min-height:428px;
                        z-index:1000;
                }

                        div#picture_right-template img {
                                position:absolute;                              
                        }
                div#footer {
                        position:relative;
                        margin:0;
                        padding:0;
                        width:1014px;
                        height:120px;
                        background:#ffffff url(/skin/footer1.jpg) no-repeat top left;
                }

/* DIENSTEN */

    div.bedrijven {
            position:relative;
            float:left;
            padding:10px;
            margin:5px 0 0 0;
            width:185px;
            _width:185px;
            background:#fff;
            font-size:0.8em;
            font-weight:bold;
            color:#003789;
    }	     

            div.bedrijven a {
                    text-decoration:none;
                    color:#003789;
                    font-weight:bold;
            }   

            div.bedrijven a:hover {
                    text-decoration:none;
                    color:#e53238;
            }   

           
		
/* VACATURES */

    div.anchorcontent {
            background:#eceded;
            padding:10px;
            margin:20px 60px 0 0;
    }		

/* PORTFOLIO */

    div.selectie {
            position:relative;
    }

            div.projectselectie {
                    position:relative;
                    float:left;
                    width:160px;
                    margin:0 0 0 20px;
            }

                div.projectselectie ul {
                        list-style:none;
                        padding:0;
                        margin:0;
                }

                        div.projectselectie ul li a.cat {
                                display:block;
                                font-size:140%;
                                font-weight:bold;
                                margin:0 0 10px 0;
                                color:#003789;
                        }

                        div.projectselectie ul li a.subcat {
                                display:block;
                                margin:0 0 2px 0;
                                padding:3px 0 0 0;
                                height:20px;
                                _height:23px;
                                text-align:center;
                                background-color:#003789;
                                color:#fff;
                                font-weight:bold;
                        }

                                div.projectselectie ul li a.subcat:hover {
                                        background-color:#e53238;
                                }
            img.projectselectie_img {
                    margin:30px 0 0 30px;
            }    

    div.project_prop {
            position:relative;
            float:left;
            padding:38px 18px 133px 17px;
            width:213px;
            height:388px; 
            _height:560px;           
            background:url(/skin/project_bg.jpg) no-repeat top left;
    }
    div.project_prop div.padding {
            height: 390px;
            width: 230px;
            overflow: auto;
    }

    table.prop_table {
            width:213px;      
            font-size:11px;      
    }

    table.prop_table tr td {
            vertical-align:top;
    }
    
    div#project_gallery {
            position:absolute;
            margin:38px 0 0 0;
            left:280px;
    }

            div#project_thumbnails {
                    padding:0;
                    margin:20px 0 0 0;
                    text-align:left;
            }
            
                    div#project_thumbnails img.thumbnail {
                            width:140px;
                            border:0;
                    }

    a.backlink {
        color:#E53238;
        font-weight:bold;
        font-size:1em;
    }

            a.backlink:hover {
                    color:#ef8e91;
            }


/* MOOI_WERK */

    div#project_content {
            position:relative;
            margin:0;            
            width:1014px;
            height:559px;
            background-color:#ffffff;
            overflow:auto;
    }

    div#mooi_werk_tekst {
            position:absolute;
            top:36px;
            left:740px;
            width:200px;
    }
					
/* DOWNLOAD_LINKS */

    div.content_blauw {
            position:relative;
            margin:20px 60px 0 0;
            padding:30px 20px;
            background-color:#eceded;
    }
            
            div.content_blauw ul {
                    list-style:none;
                    margin:0;
                    padding:0;
            }
		
                    div.content_blauw ul li {
                            padding:0;
                            margin:0;                      
                    }
        
                            div.content_blauw ul li a {
                                    padding:4px 0 0 36px;
                                    height:22px;
                                    _height:28px;                                    
                                    display:block;
                                    color:#5f8dd2;
                                    font-weight:bold;                                    
                            }
			
		                    div.content_blauw li a:hover {
                                            background:url(/skin/arrows/rr.png) no-repeat left top;
                                            color:#003789;
                                    }
            div.content_blauw img {
                    position:absolute;
                    top:10px;
                    left:280px;
            }				
						
/* CONTACT */

    div.contact {
            position:relative;
            float:left;
            padding:10px;
            margin:6px 0 0 0;
            width:154px;
            _width:174px;
            height:158px;
            background:#eceded;
            font-size:0.8em;
    }	
    
/* INTRANET */

    table.form {
            width:570px;
    }

                    table.form td input, table.form td textarea {
                            padding:0;
                            margin:0;
                            width:187px;                    
                            border: #003789 1px solid;
                    }

                            table.form td input.breed, table.form td textarea {
                                    padding:0;
                                    margin:0;
                                    width:380px;
                            }

    div.auth {
            margin:0 0 10px 0;
    }

    div#gallery_preview {
            position:absolute;
            margin:0;
            padding:20px 0 0 0;
            top:65px;
            left:748px;
            width:266px;
            height:472px;
            background-color:#e43238;
            z-index:1000;
            text-align:center;
    }

            div#gallery_preview img {
                    margin:0 0 0 4px;
                    width:76px;
                    border:0;
            }
  
    div#vios_fotoalbum {
            position:absolute;
            background:url(/skin/vios_fotoalbum.png);
            top: 10px;
            left: 0px;
            clear:none;
            margin:0px 0 0px 7px;    
            width:76px;
            height:54px;            
    }

    div#vios_fotoalbum2 {
            position: absolute;
            top: 70px;
            left: 0px;
}
                    
    div#thumbnails {
            position:absolute;    
            margin:20px 34px 0 34px;
            width:629px;
            text-align:center;
    }

            div#thumbnails img.thumbnail {
                    width:110px;
                    border:0;
            }
               
    div.prevbutton {
            position:absolute;            
            width:24px;
    }    

            div.prevbutton img {
                    margin:70px 0 0 0;
                    border:0;
            }
                    

    div.nextbutton {
            position:absolute;
            margin:0 0 0 663px;        
            width:24px;
    }    

            div.nextbutton img {
                    margin:70px 0 0 0;
                    border:0;
            }

    img.non-active {
            opacity:0.2;
    }

/*--- INTRO ---*/

div#introtext {
    position:absolute;
    margin:8px 0 0 580px;
    z-index:1000;
    width:375px;
    height:94px;
    color:#fff;
}

div#introtext p, div#introtekst i {
    padding:0;
    color:#fff;
    font-size:11px;
}


/*--- VIDEOLINKS ONDERAAN ---*/


div#bottomtext {
    position:absolute;
    top: 542px; left: 180px;
    margin: 0;
    z-index:1000;
    width:375px;
    height:94px;
}
div#bottomtext * {
    margin: 0;
    font-size: 10px;
    color:#fff;
}
div#bottomtext p {
    padding:0;
    color:#fff;
    font-size:11px;
}
div#bottomtext strong {
    font-weight: bold;
}
div#bottomtext a, div#bottomtext a:visited {
    font-style: italic;
}
div#bottomtext a:hover, div#bottomtext a:active {
    font-style: italic;
    text-decoration: underline;
}