body{
    margin: 153px auto;
	width: 960px;
}


div#menu_container {
	width : 100%;
}

div#menu_main {
	float: left;
	width: 400px;
}

div#menu_user {
	float: left;
	width: 260px;
}


div#header {
	width:960px;

}

.header_backgroud{
	width:100%;
}

div#content{
	width: 960px;
	height: 1024px;
}


div#footer {
	width:960px;
}


div.index_container {
	width : 479;
	margin: auto;
}

/* -----------    taskShowDrug   ------------------------------------*/
div.drug_container{
    margin-left: 2px;
	width: 940px;
	overflow: hidden;
}

div.drug_image_container{
	float: left;
	width : 300px;
	/* height: 300px; */
}

div.drug_table_container{
	float: right;
	width: 600px;
	/* height: 300px; */
}




@media screen and (max-width:959px){
	body{
		width:97%;
		font-size: 12px;
	}

	/* We remove the header, do the ancher offset should also be 
	 * compensated.
	 * */
	a.anchor {
		top: -50px;       
		visibility: hidden;          
	}

	div#header {
		width:100%;
	}
	
	div.logo_container{
		display: none;
	}
		
	header {
		height : 1px;
	}
	
	.header_background{
		height:1px;
	}
	
	div#content{
		width: 100%;
	}


	div#footer {
		width:100%;
	}
	
	.header_backgroud{
		width: 100%
	}
	
	/* -----------    taskShowDrug   ------------------------------------*/
	
	h1.geneesmiddelnaam {
		font-size : 32px;
	}	
	div.drug_container{
		width: 99%;
		border: 1px solid grey; 
	}

	div.drug_image_container{
		margin: 20px auto;
		width: 80%;
	}

	div.drug_table_container{
		width: 100%;
		margin: 20px auto;
		float: left;
	}

}