@media (min-width: 981px) and (max-width: 1024px)
{
    /* plaats hier de css code voor tablets in landscape mode, breedte website is 1024 pixels */
}

@media (min-width: 768px) and (max-width: 980px)
{
    /* plaats hier de css code voor tablets in portrait mode, breedte website is 768 pixels */
}

@media (min-width: 480px) and (max-width: 767px) {
    /* plaats hier de css code voor smartphones in landscape mode, breedte website is 480px */
}

@media (max-width: 479px) {
    /* plaats hier de css code voor smartphones in portrait mode, maximale breedte 320px */
    
	div.PanelWebsite
	{
		width:360px;
	}
	
	div.PanelWebsite div.PanelHeader
	{
		width:360px;
		height:122px;
		background-image:url(/images/header_360.jpg);
	}
	
	div.PanelWebsite div.PanelHeader div.BlockInfo
	{
		display:none;
		left:0px;
	}
	
	div.PanelWebsite div.PanelHeader div.BlockMenu
	{
		margin-top:106px;
		width:360px;
	}

	div.PanelWebsite div.PanelHeader div.BlockMenu div.MenuItem
	{
		font-size:12px;
		height:15px;
		padding-top:1px;
	}

	div.PanelWebsite div.PanelHeader div.BlockMenu div.MenuItem#MenuItem1
	{
		width:57px;
	}
	
	div.PanelWebsite div.PanelHeader div.BlockMenu div.MenuItem#MenuItem2
	{
		width:52px;
	}
	
	div.PanelWebsite div.PanelHeader div.BlockMenu div.MenuItem#MenuItem3
	{
		width:60px;
	}
	
	div.PanelWebsite div.PanelHeader div.BlockMenu div.MenuItem#MenuItem4
	{
		width:46px;
	}
	
	div.PanelWebsite div.PanelHeader div.BlockMenu div.MenuItem#MenuItem5
	{
		width:56px;
	}
	
	div.PanelWebsite div.PanelHeader div.BlockMenu div.MenuItem#MenuItem6
	{
		background-color:green;
		width:78px;
	}
	
	div.PanelWebsite div.PanelHeader div.BlockMenu div.MenuItem#MenuItem7
	{
		position:relative;
		top:-34px;
		left:0px;
		clear:both;
		height:16px;
		width:190px;
		padding-top:2px;
	}
	
	div.PanelWebsite div.PanelHeader div.BlockMenu div.MenuItem#MenuItem7 a
	{
		font-size:12px;
	}
	
	div.PanelWebsite div.PanelContent
	{
		width:350px;
	}

	div.PanelWebsite div.PanelContent div.PanelBreadCrump
	{
		width:340px;
	}
	
	div.PanelWebsite div.PanelContent div.BlockContent
	{
		clear:both;
		width:350px;
	}
	
	div.PanelWebsite div.PanelFooter
	{
		width:360px;
		height:80px;
		background-repeat:repeat-y;
	}
	
	div.PanelWebsite div.PanelFooter div.BlockPrivacy
	{
		clear:left;
		margin-left:10px;
	}
	
	div.PanelWebsite div.PanelFooter div.BlockCopyright	
	{
		height:25px;
		padding-top:0px;
		width:220px;
		line-height:10px;
		margin-top:20px;
	}

	div.ContentBlock
	{
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		margin:10px;
	}

	div.ContentBlock.Small
	{
		width:158px;
	}
	
	div.ContentBlock.Medium
	{
		width:338px;
	}
	
	div.ContentBlock.Large
	{
		width:338px;
	}

	div.ContentBlock div.PartTitle
	{
		left:5px;
	}

	div.ContentBlock div.PartContent
	{
		margin-top:10px;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
		width:calc(100% - 20px);
	}
	
	div.PanelPhotoAlbumSlider
	{
		display:none;
	}
	
	div.PanelPhotoAlbumThumbnails div.Thumbnail
	{
		width:320px;
		height:auto;
		margin-right:0px;
		margin-bottom:10px;
		cursor:default;
	}
	
	div.PanelPhotoAlbumThumbnails div.Thumbnail img
	{
		width:320px;
	}
	
	input[type=text]{
		width:140px;
	}
}