/* Layout CSS voor dienstveiling.nl */

body{
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:12px;
	background:#fff url(../img/bodybg.jpg) repeat-x 0px 109px;
}

#container{
	
}

body,html{
	height:100%;
}
/******************** LINKS *********************/
	#container .block{
		border:1px #000000 solid;
		clear:both;
		background:#fff;
	}
	
	#container .block .head{
		background-color:#ee1b1b;
		border-bottom:1px #000000 solid;
		color:#FFFFFF;
		height:15px;
		line-height:15px;
		padding-top:5px;
		padding-bottom:5px;
		font-weight:bold;
	}
	
	#container .block .content{
        
	}
	
	#container form{
		padding:0;
		margin:0;
	}
    #top {
        
    }
    	#header{
    	    clear:both;
    	}
    	    #header #horizon {
        		background:url(../img/header_bg.jpg) repeat-y top;
        		height:109px;
    	    }
        		#header #bar{
        			background:url(../img/blackpx.jpg) repeat-x 0px bottom;
        			height:109px;
        		}
        		
        		    #header #bar #bartop {
        		        margin:0 auto;
            			height:74px;
            			width:1000px;
        		    }
            			#header #bar #logo{
            				width:220px;
            				height:74px;
            				padding-left:10px;
            				float:left;
            			}
            			
            			#header #bar #links{
            				width:500px;
            				margin-top:35px;
            				float:right;
            				text-align:right;
            				padding:0 20px 0 0;
            			}
        			#header #bar #barbottom {
        		        width:1000px;
        		        margin:0 auto;
        			    height:25px;
        		    }
            			
            			#header #bar #menu{
            			    margin:10px 0 0 0;
            				width:1000px;
            			}
        			
        			#header #bar #links a{
        			    color:#000;
        			    font-weight:bold;
        			    text-decoration:none;
        		    }
        		    #header #bar #links a:hover{
        		        text-decoration:underline;
        	        }
        			
        			#header #bar #menu ul{
        				margin:0 0 0 170px;
        				padding:0;
        				list-style:none;
        			}
        			
        				#header #bar #menu ul li{
        				    float:left;
        					padding-right:5px;
        				}
        				
        				#header #bar #menu ul li a{
        					text-decoration:none;
        					display:block;
        					background-color:#1962c6;
        					color:#FFFFFF;
        					height:23px;
        					line-height:23px;
        					border:1px #000000 solid;
        					width:120px;
        					text-align:center;
        				}
        				
        				#header #bar #menu ul li a:hover{
        					background-color:#FFFFFF;
        					color:#ee1b1b;
        				}
        				#header #bar #menu ul li a.active{
        				    background-color:#c0dbff;
        					color:#000;
        					border-bottom:0;
        					padding:0 0 1px 0;
        			    }
    		
    		#header #breadcrumbs{
    		    margin:0 auto;
    		    width:1000px;
    		    clear:both;
    			padding-top:3px;
    			height:20px;
    		}
    		#header #breadcrumbs a{
    		    color:#000;
    		    text-decoration:none;
    	    }
    	    #header #breadcrumbs a:hover{
    	        text-decoration:underline;
            }
	
	#main{
	    margin:0 auto;
		width:1000px;
	}
		
		#main #left{
			float:left;
			width:170px;
			padding:0 0 20px 0;
		}	
		
			#main #left .block{
				width:148px;
				padding-bottom:15px;
			}
			#main #left .category {
			    float:left;
			}
			#main #left .category .content ul#category{
				margin:0;
				padding:0;
			}
			#main #left .category .content ul#category li{
				list-style:none;
				padding:1px 0 2px 0;
			}
			#main #left .category .content ul#category li a{
				text-decoration:none;
				color:#000000;
			}
			#main #left .category .content ul#category {
			    padding:0 0 0 8px;
			}
			#main #left .category .content ul#category li a{
			    font-weight:bold;
			}
			#main #left .category .content ul#category li a.active{
				color:#ee1b1b;
			}
		    #main #left .category .content ul#category li ul{
		        padding:0 0 10px 10px;
		        margin:0;
		    }
		    #main #left .category .content ul#category li ul li a{
		        font-weight:normal;
		    }
		    #main #left .category .content ul#category li ul li a.active{
		        color:#1962c6;
	        }
		    
			#main #left .search{
				height:80px;
				text-align:center;
			}
			
			#main #left .search a{
				float:right;
				padding:0 8px 0 0;
				color:#000;
			}
			
			#main #left .block .head{
				text-align:center;
				margin-bottom:15px;
			}
			
			#main #left .block.beertender {
			    margin-top:8px;
			    float:left;
			}
			#main #left .block.beertender .content{
			    text-align:center;
			}
			#main #left .block.beertender .content a{
			    color:#000;
			    font-weight:bold;
			}
			#main #left .block.beertender .content a:hover{
			    color:#2a74da;
			}
		
		#main #middle{
			float:left;
			width:698px;
			padding:0 0 20px 0;
		}
		#main #middle .block {
		    float:left;
		    display:block;
		    width:678px;
		    margin:0 0 30px 0;
		}
			
			#main #middle .block .head{
				text-align:center;
			}
			
			#main #middle .block .textonly{
				padding:10px 8px 20px 8px;
				float:left;
			}
			
			#main #middle #footer {
			    float:left;
			}
			#main #middle #footer #links {
				padding-top:5px;
				float:left;
			}
		
		    #main #middle #footer #sjonic {
		        float:right;
		        padding:5px 20px 0 0;
		    }
		        #main #middle #footer #sjonic a{
		            color:#f69827;
		            text-decoration:none;
		            padding:4px 0 5px 25px;
		            
		            background:url(../img/sjonic_small.gif) no-repeat top left;
		        }
		    
		#main #right{
			float:left;
			width:132px;
			padding:0 0 20px 0;
			text-align:left;
		}
		
			#main #right img, #main #right object{
				margin-bottom:10px;
				border:1px #000000 solid;
			}
			#main #right object {
				border:0px;
			}