html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background: url(img/bg_wood.jpg) white;	
	font-family:verdana;
	font-size:9pt;	
}


/* STANDAARD INSTELLINGEN */

a:link, a:visited{
    font-size: 9pt;
    font-style: normal;
    color: #00AEEF;
    background: none;
    font-weight: normal;
    text-decoration: none;
    padding: 0px;
    outline: 0;
}

a:hover{
    font-size: 9pt;
    font-style: normal;
    color: #00AEEF;
    background: none;
    font-weight: normal;
    text-decoration: underline;
    padding: 0px;
    outline: 0;
}

p{
    line-height: 1.2;
    margin: 0px 0px 5px 0px;
}

h1{
	display: none;
}

h2{
	display: none;
	margin: 0;
	padding: 0;
}

h3{
	display: none;
}

form{
    margin: 0;
}

/* HEADER INSTELLINGEN */

#header {
	height: 65px;
	padding: 0px;
}

    #header img{ 
         behavior: url(includes/iepngfix.htc); 
    }
    
    #header #headerbox{
        position: relative;
        left: 225px;
        top: 16px;
        width: 650px;
        padding: 0px;
    }


/* CONTENT INSTELLINGEN */

#content {
	padding:0px; 
	background: #FFF;			
}
    
    /* IMG INSTELLINGEN */
    #content img{
        border: 0px;			
    }
    
    /* FORM INSTELLINGEN */
    .emailform{
        margin-bottom: 3px !important;
    }
    
    .emailbutton{
        margin-top: 10px !important;
        text-align: right !important;
    }
    
    input{
        border: 1px solid #c7c7c7;
        width: 281px;
    }
    
        .button{
            border: 0px;
            background: #000;
            color: #FFF;
            font-weight: normal;
            width: auto;
        }        
    
    textarea{
        border: 1px solid #c7c7c7;
        width: 281px;
        height: 150px;
        font-family: verdana;
        font-size: inherit;
    }
    
    .searchfield{
        width: 138px;
        margin-bottom: 3px;
    }    
    
    /* CONTENT BOX INSTELLINGEN */
    
	#content #contentbox {
		width: 875px;
		height:auto !important; /* real browsers */
	    height:500px; /* IE6: treaded as min-height*/
	    min-height:500px; /* real browsers */
		padding-right: 40px;
		padding-bottom: 20px;
		background: #FFF;
	}
	
	    #content #contentbox #sidebar {
            float:left;
            padding:0px; 
            padding-top: 29px;
            width:217px;
        } 
        
        	#content #contentbox #sidebar #twitter{
        		position: relative;
        		left: 27px;
        		top: 20px;
        	}
        
	    #content #contentbox #main {
            float: right;
            width:650px;
        }  
        
            #content #contentbox #main #menu{
                height: 75px;
                border-bottom: 1px solid #000;
            }
                
                #content #contentbox #main #menu #back{
                    float: left;
                    margin: 0px;
                    padding: 0px;
                    margin-top: 51px;                    
                }
                
                #content #contentbox #main #menu #menubox{
                    float: right;
                    margin-top: 48px;
                }
                
                    #content #contentbox #main #menu #menubox img{
                        margin-left: 0px;
                        border: 0px;
                    }
            
            #content #contentbox #main .blok{
                padding: 10px 0px 10px 0px;
                text-align: justify; 
                display: inline-block;
                width: 650px;
            }
            
            #content #contentbox #main .blokborder{
                border-bottom: 1px solid #c7c7c7;
            }    
                
                #content #contentbox #main .blok .icon{
                    float: left;
                    margin: 0px;
                }
                
                #content #contentbox #main .blok .text{
                    float: right;
                    width: 580px;
                }                                         
                                    
		            #content #contentbox #main .blok .text .left{
                        float: left;
                        width: 285px;
                        text-align: justify;
                    }
                    
                    #content #contentbox #main .blok .text .contactspecs{
                        width: 275px;                        
                    }
                    
                    #content #contentbox #main .blok .text .right{
                        float: right;
                        width: 285px;
                    }
                    
                    #content #contentbox #main .blok .text .img_big{
                        text-align: center;
                        padding-top: 10px;
                    }               
                
                #content #contentbox #main .blok .detailthumb{
                    margin-bottom: 10px;
                    border: 0px; 
                    opacity:0.5;
                    filter:alpha(opacity=50);
                }
                
                #content #contentbox #main .blok .porf_title{
                    margin: 10px 0px 0px 0px;
                }
                
                #content #contentbox #main .blok .workdate{
                    text-transform: uppercase;
                    color: #c7c7c7;
                    margin: 0px 0px 10px 0px;                            
                }
                
                #content #contentbox #main .blok .description{
                    margin: 0px 0px 10px 0px;
                }
                
                #content #contentbox #main .blok .client{
                    text-transform: uppercase;
                    color: #c7c7c7;
                    margin: 0px;
                    padding-bottom: 10px;
                }
                
                #content #contentbox #main .blok .done{
                    text-transform: uppercase;
                    color: #c7c7c7;
                    margin: 0px 0px 10px 0px;
                }
                
                #content #contentbox #main .blok .porf_link a:link, #content #contentbox #main .blok .porf_link a:visited{
                    font-size: 8pt;
                    font-style: normal;
                    color: #FFF;
                    background: #000;
                    font-weight: normal;
                    text-decoration: none;
                    padding: 1px 3px 1px 3px;
                }
                
                #content #contentbox #main .blok .porf_link a:hover, #content #contentbox #main .blok .porf_link a:active{
                    font-size: 8pt;
                    font-style: normal;
                    color: #00AEEF;
                    background: #000;
                    font-weight: normal;
                    text-decoration: none;
                    padding: 1px 3px 1px 3px;
                }
                
                #content #contentbox #main .blok .columns{
                    float: right;
                    width: 590px;
                }                   
                           
                    
                    /* INSTELLINGEN VOOR 2DELING 50-50 SITE (PORTFOLIO, CONTACT) */
                    
                    #content #contentbox #main .blok .columns .half{
                        float: left;
                        width: 285px;
                        margin: 0;
                        margin-left: 10px;                        
                        padding: 0;
                        display: inline;
                        overflow: hidden;
                    }
                    
                    #content #contentbox #main .blok .columns .overview{
                        margin-bottom: 10px;
                    }
                    
                        #content #contentbox #main .blok .columns .half .thumb{
                            margin: 0;
                            border: 0px; 
                            opacity:1;
                            filter:alpha(opacity=100);
                        }                                               
                    
                    /*
                    #content #contentbox #main .blok .columns .half{
                        float: left;
                        width: 285px;
                        padding: 0;
                        margin: 0;
                        margin-left: 8px;
                        display: inline;
                    }
                        
                        #content #contentbox #main .blok .columns .half .thumb{
                            margin: 0;
                            border: 0px; 
                            opacity:1;
                            filter:alpha(opacity=100);
                        }
                        
                        #content #contentbox #main .blok .columns .half .detailthumb{
                            margin-bottom: 10px;
                            border: 0px; 
                            opacity:0.5;
                            filter:alpha(opacity=50);
                        }
                        
                        #content #contentbox #main .blok .columns .half .porf_title{
                            margin: 10px 0px 0px 0px;
                        }
                        
                        #content #contentbox #main .blok .columns .half .workdate{
                            text-transform: uppercase;
                            color: #c7c7c7;
                            margin: 0px 0px 10px 0px;                            
                        }
                        
                        #content #contentbox #main .blok .columns .half .description{
                            margin: 0px 0px 10px 0px;
                        }
                        
                        #content #contentbox #main .blok .columns .half .client{
                            text-transform: uppercase;
                            color: #c7c7c7;
                            margin: 0px;
                            padding-bottom: 10px;
                        }
                        
                        #content #contentbox #main .blok .columns .half .done{
                            text-transform: uppercase;
                            color: #c7c7c7;
                            margin: 0px 0px 10px 0px;
                        }
                        
                        #content #contentbox #main .blok .columns .half p{
                            text-align: justify;
                        }
                        */
                        
                    /* INSTELLINGEN VOOR 2DELING 420px - 140px SITE (BLOG, ABOUT) */
                    
                    #content #contentbox #main .blok .left420{
                        float: left;
                        width: 420px;
                    }  
                    
                    #content #contentbox #main .blok .textbox{
                        display: block;                            
                        margin-bottom: 20px;
                        padding-bottom: 10px;
                    } 
                    
                        #content #contentbox #main .blok .textbox .prev{
                            float: left;
                        }
                        
                        #content #contentbox #main .blok .textbox .next{
                            float: right;
                        }
                    
                    #content #contentbox #main .blok .border{
                        border-bottom: 1px solid #c7c7c7;
                    }
                    
                    #content #contentbox #main .blok .blogspecs{
                        margin: 0px;
                        margin-bottom: 18px;
                        padding: 0px;
                    }
                    
                    #content #contentbox #main .blok .titlerow{
                        margin-bottom: 10px;
                        padding: 0px;
                    }
                    
                    #content #contentbox #main .blok .right140{
                        float: right;
                        width: 140px;
                    }
                    
                        #content #contentbox #main .blok .right140 p{
                            display: inline-block;
                            width: 100%;
                            border-bottom: 1px solid #c7c7c7;
                            padding-bottom: 10px;
                            padding-top: 10px;
                            margin-bottom: 10px;
                            text-align: left;
                            line-height: 1.4;
                        }
                        
                        #content #contentbox #main .blok .right140 a:link, #content #contentbox #main .blok .right140 a:visited{
                            color: #00AEEF;
                            background: none;
                            text-decoration: none;
                            font-weight: normal;
                            font-style: normal;
                            font-size: 9pt;
                            padding: 0px;
                        }
                        
                        #content #contentbox #main .blok .right140 a:hover, #content #contentbox #main .blok .right140 a:active{
                            color: #00AEEF;
                            background: none;
                            text-decoration: underline;
                            font-weight: normal;
                            font-style: normal;
                            font-size: 9pt;
                            padding: 0px;
                        }
                                             						
						#content #contentbox #main .blok .right140 #newsletterform{
							margin-top: 0px;
						}
							
						#content #contentbox #main .blok .right140 #newsletterform p{
							border: 0px;
						}
						
						#content #contentbox #main .blok .right140 #thankyoun{
							margin-top: 0px;	
						}
						
						#content #contentbox #main .blok .right140 #thankyoun p{
							border: 0px;
						}
						
						.subscribefield{
							width: 140px;
							margin-bottom: 5px;
						}   
						
						.nwsbutton{
							border: 0px;
							background: #000;
							color: #FFF;
							font-weight: normal;
							width: auto;
							float: right;
						}
                        
                
                #content #contentbox #main .blok p{
                    margin: 0px 0px 10px 0px;
                } 
                
                #content #contentbox #main .blok .date{
                    float: right;
                    text-transform: uppercase;
                    color: #c7c7c7;
                    padding: 0px;
                    margin: 0px;
                }                
                
                #content #contentbox #main .blok .blogtime{
                    text-transform: uppercase;
                    color: #c7c7c7;
                    padding: 0px;
                    margin: 0px;
                    margin-top: 20px;
                    font-size: 8pt;
                } 
                
                #content #contentbox #main .blok .fail{
                    margin: 0px 0px 10px 0px;
                    border: 2px solid #ee0000;
                    background: #ffaaaa;
                    padding: 5px;
                }
                
                    #content #contentbox #main .blok .fail a:link, #content #contentbox #main .blok .fail a:visited {
                        color: #000;
                        background: none;
                        text-decoration: none;
                        font-weight: bold;
                        font-style: normal;
                        font-size: 9pt;
                        padding: 0px;
                    }
                    
                    #content #contentbox #main .blok .fail a:hover {
                        color: #000;
                        background: none;
                        text-decoration: underline;
                        font-weight: bold;
                        font-style: normal;
                        font-size: 9pt;
                        padding: 0px;
                    }
                
                #content #contentbox #main .blok .success{
                    margin: 0px 0px 10px 0px;
                    border: 2px solid #00AEEF;
                    background: #bbe1ef;
                    padding: 5px;
                }
                
                #content #contentbox #main .blok .semiborder{
                    padding-bottom: 10px;
                    border-bottom: 1px solid #c7c7c7;
                    text-align: justify;
                }
                
			#content #contentbox #main .freework{
				display: block;
				text-align: center;
			}

/* FOOTER INSTELLINGEN */
                
#footer {
	height: 130px;
	padding: 20px 0px 0px 225px;
	color: #FFF;	
}

    #footer p {
        float: left;
        margin-right: 40px;
        font-size: 8pt;
        line-height: 1.3;
    }
    
    #footer a:link, #footer a:visited {
        color: #FFF;
        background: none;
        text-decoration: none;
        font-weight: normal;
        font-style: inherit;
        font-size: inherit;
        padding: 0px;
    }
    
    #footer a:hover, #footer a:active {
        color: #FFF;
        background: none;
        text-decoration: underline;
        font-weight: normal;
        font-style: inherit;
        font-size: inherit;
        padding: 0px;
    }


/* CLEARFIX INSTELLINGEN */

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */