@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 */
    
	img.NewsPhoto
	{
		max-width:100px;
	}
	
	img.PhotoNewsItem,
	img.PhotoBorder
	{
		max-width:280px;
	}
	
	iframe.MovieBorder	
	{
		width:280px;
		height:158px;
	}
	
  div.Website
  {
		width:320px;
	}
	
	div.Website div.Logo12eMan
	{
		background-size:200px 164px;
    width:200px;
    height:164px;
    top:2px;
	}

	div.Website div.Header
	{
		width:320px;
		height:120px;
		border-bottom:33px solid #e30613;
		margin-bottom:15px;
	}

	div.Website div.Header div.LogoSupVer
	{
    background-position:80px 0px;
		background-size:100px 70px;
    font-size:13px;
    padding-top:84px;
    color:#ffffff;
    padding-right:5px;
    margin-top:23px;
	}

	div.Website div.MenuBar
	{
		min-height:50px;
		padding-left:0px;
		width:320px;
		margin-bottom:10px;
	}
	
	div.Website div.MenuBar div.MenuItem
	{
		margin-right:1px;
		padding:4px;
		height:16px;
	}
	
	div.Website div.MenuBar div.MenuItem a
	{
		font-size:13px;
	}

	div.Website div.Breadcrump
	{
		width:300px;
	}
	
	div.Website div.Footer
	{
		width:300px;
	}

	div.Website div.Content
	{
		width:318px;
	}

	div.Website div.Content div.NewsSlider
	{
		width:300px;
		height:485px;
	}
	
	div.Website div.Content div.NewsSlider div.NewsPhotos
	{
		width:300px;
		height:225px;
	}
	
	div.Website div.Content div.NewsSlider div.NewsPhotos ul
	{
		width:300px;
		height:225px;
	}	
	
	div.Website div.Content div.NewsSlider div.NewsPhotos ul li
	{
		width:300px;
		height:225px;
	}

	div.Website div.Content div.NewsSlider div.NewsPhotos ul li img
	{
		width:300px;
		height:225px;
		min-width:300px;
		min-height:225px;
	}

	div.Website div.Content div.NewsSlider div.NewsPhotosBullets
	{
		top:215px;
	}

	div.Website div.Content div.NewsSlider div.NewsTitles
	{
		width:300px;
	}
	
	div.Website div.Content div.NewsSlider div.NewsTitles div.NewsTitle
	{
		width:278px;
		height:44px;
	}
	
	div.Website div.Content div.NewsSlider div.NewsTitles div.NewsTitle.Active
	{
		height:43px;
	}
	
	div.Website div.Content div.BlockBanners
	{
		width:300px; 
		height:80px; 
	}
	
	div.Website div.Content div.BlockBanners ul
	{
		width:300px; 
		height:80px; 
	}	
	
	div.Website div.Content div.BlockBanners ul li
	{
		width:300px; 
		height:80px; 
	}

	div.Website div.Content div.BlockBanners ul li iframe
	div.Website div.Content div.BlockBanners ul li img
	{
		width:300px;
		height:38px;
		margin-right:0px;
	}

	div.Website div.Content div.BlockBanners ul li iframe.BannerLeft
	{
		margin-top:10px;
	}

	div.Website div.Content div.BlockBanners ul li iframe.BannerRight
	{
		display:none;
	}
	
	div.Website div.Content div.BlockBanners ul li img.BannerRight
	{
		margin-top:4px;
	}

	div.Website div.Content div.BlockItem,
	div.Website div.Content div.BlockItem.TwoBlocks
	{
		width:300px;
	}

	div.Website div.Content div.BlockItem div.BlockHeader,
	div.Website div.Content div.BlockItem div.BlockContent,
	div.Website div.Content div.BlockItem.TwoBlocks div.BlockHeader,
	div.Website div.Content div.BlockItem.TwoBlocks div.BlockContent
	{
		width:280px;
	}
	
	div.Website div.Content div.BlockItem div.BlockContent ul li.ItemNews
	{
		margin-bottom:2px;
	}

	div.Website div.ColumnSubMenuItems
	{
		width:318px;
	}
	
	div.Website div.ColumnContent
	{
		width:318px;
	}
	
	div.PanelMobile
	{
		display:block;
	}

	
	/* GallerySlider */
	
	div.Website div.Content div.GallerySlider
	{
		width:280px;
		height:280px;
	}
	
	div.Website div.Content div.GallerySlider div.GalleryPhotos
	{
		width:280px;
		height:280px;
	}
	
	div.Website div.Content div.GallerySlider div.GalleryPhotos ul
	{
		width:280px;
		height:280px;
	}	
	
	div.Website div.Content div.GallerySlider div.GalleryPhotos ul li
	{
		width:280px;
		height:280px;
	}

	div.Website div.Content div.GallerySlider div.GalleryPhotos ul li img
	{
		max-width:280px;
		max-height:280px;
	}
	
	div.Website div.Content div.GalleryThumbs
	{
		width:280px;
		margin-top:4px;
	}	
	
	div.Website div.Content div.GalleryThumbs div.GalleryThumb
	{
		width:138px;
		height:138px;
		margin-left:4px;
		margin-bottom:4px;
	}	
	
	div.Website div.Content div.GalleryThumbs div.GalleryThumb.Item2
	{
		margin-left:0px;
	}

	div.Website div.Content div.GalleryThumbs div.GalleryThumb img
	{
		max-width:138px;
		max-height:138px;
	}	

	
	/* ContactForm */
	
	div.ContactFormFieldName
	{
		width:280px;
	}
	
	div.ContactFormFieldValue
	{
		width:280px;
	}
	
	div.ContactFormFieldValue input
	{
		width:278px;
	}
	
	div.ContactFormFieldValue textarea
	{
		width:278px;
		height:100px;
	}
	
	div.ContactFormFieldActions
	{
		width:280px;
		padding-left:0px;
	}
	
	div.NoMobile
	{
		display:none;
	}
}