/*****************************************************************************************
    ** Basis                                                                                 **
    *****************************************************************************************/
    
    * {
        margin:0px;
        padding:0px;
    }
    
    body {
        font-size:12px;
        color:#444444;
        font-family:arial, verdana, sans-serif;
    }
    
    a img {
        border:none;
    }
    
    div#centerThis {
        float:left;
        left:50%;
        margin-left:-500px;   
        position:relative;
        width:1000px;
        padding:0 5px 0 5px;
    }
    
    div#header {
        width:1000px;
        height:210px;
        float:left;
    }  
    
    div#logo {
        width:204px;
        height:210px;
        float:left;
    }
    
    div#aandacht {
        width:796px;
        height:210px;
        float:left;
        position:relative;
    }
    
    div#aandacht img {
        position:absolute;
        bottom:0;
        right:167px;
    }
    
    div#firstRow {
        padding-left:20px;
        float:left;
        height:140px;
        width:1000px;
    }
        
    div#columnWrapper {
        width:1000px;
        float:left;
        margin-top:4px;
    }

    div#firstColumn {
        width:161px;
        float:left;
        margin-left:20px;
        min-height:350px;
    }
    
    div.twoColumns div#secondColumn {
        width:640px;
        min-height:200px;
        padding:0px 5px;
        float:left;
        margin-left:2px;
    }
    
    div.threeColumns div#secondColumn {
        width:145px;
        float:left;
        margin-left:2px;
        padding:6px 8px;
        color:#FFFFFF;
        font-size:11px;
        min-height:338px;
    }
    
    div#thirdColumn {
        width:471px;
        float:left;
        margin-left:2px;
        min-height:338px; 
        padding:6px 8px;
        color:white;
    } 

	div#thirdCol {
		width:145px;
		height:200px;
		float:left;
		display:block;
	}

	div#ThirdColum {
		width:145px;
		float:left;
		display:block;
	}
	
	div#webspeakers {
		display:block;
		position:absolute;
		float:left;
		margin-left:-240px;
		margin-top:-100px;
	}

	div#webspeakers-column {
		display:block;
		position:relative;
		float:left;
	}

	div#secondColum h1{
		color:#000000;
	}
	
	div#bigColumn{
		float:left;
		width:810px;
		padding:0 0 0 20px;
	}
	
	h3 {
		margin:15px 0 5px 0;
		color:#000000;
	}	
    
    div#footer {
        width:1000px;
        height:10px;
        padding:5px;
        float:left;
        font-size:9px;
        text-align:center;
        line-height:10px;
    }
    
    div#footer a {
        font-family:Arial,Verdana,Helvetica,sans-serif;
        font-size:10px;
        text-decoration:none;
        color:#444444;

    }
    
    /*****************************************************************************************
    ** projecten                                                                            **
    *****************************************************************************************/
	div.project-wrapper {
        margin-bottom:10px;
        border-bottom:1px dotted white;
        padding-bottom:5px;
        float:left;
        width:470px;
    }
    
    div.project-wrapper img,
    div.project-detail-wrapper img  {
        float:left;
        margin:0 10px 10px 0;
    }
    
    div.project-titel,
    div.project-detail-titel {
        font-weight:bold;
        font-size:14px;
        margin-bottom:5px;
    }
    
    div.project-detail-omschrijving p {
        margin-bottom:10px;
    }
    
    div.project-link {
        font-weight:bold;
        text-align:right;
        margin-top:10px;
    }
    
    div.project-link a {
        color:white;
        text-decoration:none;
    }
    
    div.project-link a:hover {
        text-decoration:underline;
    }
    
    
    
	/*****************************************************************************************
	** Menu 																				**
	*****************************************************************************************/
	
	div#mainmenu ul {
		float:left;	
		list-style-type:none;		
	}
	
	div#mainmenu ul li {
		color:#000000;
        font-size:13px;
        margin:3px;
        text-align:left;
	}	
	
	div#mainmenu ul li a {
        color:#000000;
        text-decoration:none;
	}
	
	div#mainmenu ul li a:hover,
	div#mainmenu ul li a.current {
        text-decoration:underline;
	}

    
    /*****************************************************************************************
    ** blokken                                                                              **
    *****************************************************************************************/
    
     div.block {
        float:left;
        height:132px;
        margin-right:2px;
        margin-top:2px;
        width:145px;
        color:white;
        padding:4px 8px;
        font-size:11px;
    }
    
    div.block-title {
        font-size:17px;
        font-weight:bold;
        margin-top:4px;
        float:left;
        width:145px;
        height:17px;
    } 
    
    div.block-text {
        margin-top:6px;
        float:left;
        width:145px;
        height:85px;
    }
    
    div.block-link {
        float:left;
        font-weight:bold;
        height:17px;
        margin-top:4px;
        text-align:right;
        width:145px;
    }
    
    div.block-link a,
    div.block-link a:active,
    div.block-link a:visited {
        font-size:11px;
        color:white;
        text-decoration:none;
    }
    
    div.block-link a:hover {
        text-decoration:underline;
    }
    
    .black {
        background:black;
    }
    
    .white {
        background:white;
        color:black;
    }
	
	/*****************************************************************************************
    ** formulier                                                                     		**
    *****************************************************************************************/
	form#form{
		font-size:11px;
	}
	
	div#addProduct {
		float:left;
		width:100%;
	}
	
	div#addProduct a{
		float:right;
		margin-right:10px;
	}
	
	select{
		font-size:11px;
	}
	
	input{
		font-size:11px;
		width:200px;
	}
	
	textarea{
		width:200px;
	}
	
	.attention {
		background-color:#C66;
	}
	
	div#contact {
		float:left;
		width:100%;
		margin-bottom:15px;
	}
	
	div#contact div{
		padding: 5px 0;
	}
	
	div#contact label {
		float:left;
		width:125px;
	}

	div.orderForm {
		float:left;
		width:640px;
		margin-bottom:20px;
	}
	
	div#orderLabels {
		width:100%;	
		height:20px;
		float:left;
		margin-bottom:20px;
	}
	
	div.labelSmall {
		width:50px;
		float:left;
	}
	
	div.labelLarge {
		width:110px;
		float:left;
	}
	
	div.recordSmall {
		width:50px;
		float:left;
	}
	
	div.recordLarge {
		width:110px;
		float:left;
	}

	div.recordLarge select{
		width:100px;
	}
	
	div.formrecord label{
		width:120px;
		float:left;
	}
	
	div.formrecord{
		padding: 5px 0;
		width: 330px;
		float: left;
	}
	
	div#specificaties{
		margin-top:10px;
		width:640px;
		height:20px;
		float:inherit;
	}
	
	div#form_specificaties input{
		width:auto;
		margin: 0 5px 0 5px;
	}
	
	div#orderForm_hidden {
		display:none;	
	}
	
	div#formrecordcontainer {
		float:left;
		margin:0;	
	}
	
	input[name="areyouhuman"] {
		visibility:hidden;
	}

	/*****************************************************************************************
	** Contact, Offerte formulier & GoogleMaps												**
	*****************************************************************************************/
	.right {
		text-align:right;
	}
	
	.attention {
		background-color:#FFCFCF;
	}
	
	div#googledirectionsPrint {
		width:460px; 
		float:left; 
		clear:both; 
		margin:0 0 10px 0; 
		text-align:center;
		display:none;
	}
	
	div.googledir {
		width:460px;
	}
	
	
	
	div.project-small-image {
		float:left;
		margin:3px;
		width:100px;
		height:100px;
		overflow:hidden;
		text-align:center;
		line-height:100px;
	}
	
	div.project-small-image a {
		display:block;
		margin:0px auto;
		
	}	

	div#webspeaker {
		float:right;
	}