/***************************************************************************************/
/*
/*		Author: AS Designing
/*		Author URI: http://www.asdesigning.com
/*		Theme URI: http://www.astemplates.com
/*		
/*		Note: Design for Portrait tablets
/*
/***************************************************************************************/

@media (max-width: 767px) 
{
	.wrapper { background-image: none!important; }
	.top-spalte1 { text-align: centre!important; width: 90%!important; float: right; margin-right: 20px; margin-top:50px;margin-bottom:0;padding-top: 50px; padding-left:50px;display: block; }
	
.top-spalte2 { text-align: center; width: 100%!important; float: left; }
.top-spalte3 { font-size: 15px; text-align: right; vertical-align: bottom; width: 100% !important; visibility: hidden; float: left; margin-left: 20px; padding: 0 5px 5px; display: none; }
	#as-menu {  }
	.cameraContent
{ background-color: #343e48 !important; opacity: 0.7 !important; }
	body
	{ background-image: none !important; padding: 0 !important; }
	
	.container
	{
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
		
	#header-row .mod-search
	{
		margin-left: 40px;
	}
	
	#header-top-row #logo
	{ margin-bottom: 0; text-align: center; margin-left: 30px; padding-left: 30px; }
	
	#header-top-row .moduletable.call-us
	{
		margin: 0px;
		font-size: 14px;	
	}
	
	#header-row .moduletable.social
	{
		margin: 0px 0px 10px 0px;	
	}
	
	#header-row .moduletable.social .nav
	{
		margin-top: 0px;
	}
	
	.moduletable.slider
	{
		overflow: hidden;
	}
	
	#camera-slideshow
	{ margin-left: -20px; border: none !important; }
	
	.camera_caption a.readmore
	{
		right: inherit;
	}
	
	#header-row #as-menu
	{ visibility: hidden; margin: 15px 15px 0; display: none; }
	
	#header-row .select-menu 
	{
		min-width: 400px !important;
	}
	
	#header-row .select-menu option
	{
		padding: 2px 10px;
	}

	#camera-slideshow .camera_caption p,
	#slider-row .camera_caption a.readmore,
	.camera_pag
	{
		display: none;
	}
	#featured-row .container
{ background-color: #fafafa; padding: 0 !important; }
	.was-featured-1 { background-color: transparent; width: 100% !important; height: 250px; float: left; min-height: 250px; max-height: 250px; margin-right: 0; margin-bottom: 10px; margin-left: 0; }
	.was-featured-2 { background-color: transparent; width: 100% !important; height: 250px; float: left; min-height: 250px; max-height: 250px; margin-right: 0; margin-bottom: 10px; margin-left: 0; }
	.was-featured-3 { background-color: transparent; width: 100% !important; height: 250px; float: left; min-height: 250px; max-height: 250px; margin-right: 0; margin-bottom: 10px; margin-left: 0; }
	.was-featured-4 { background-color: transparent; width: 100% !important; height: 250px; float: left; min-height: 250px; max-height: 250px; margin-right: 0; margin-bottom: 10px; margin-left: 0; }
	.was-featured-5 { background-color: transparent; width: 100% !important; height: 250px; float: left; min-height: 250px; max-height: 250px; margin-right: 0; margin-bottom: 10px; margin-left: 0; }
	.was-featured-6 { background-color: transparent; width: 100% !important; height: 250px; float: left; min-height: 250px; max-height: 250px; margin-right: 0; margin-bottom: 10px; margin-left: 0; }
	.was-featured-vordergrund { position: absolute; width: 100%; height: 100%; z-index: 10; clear: left; margin-top: 0; margin-left: -20px; opacity: 0.3}
	.was-featured-vordergrund1 a:link { background-image: url(../images/featured-hintergrund-3.gif); background-repeat: repeat; background-attachment: scroll; margin-top: 0; margin-left: 0 !important; position: absolute; z-index: 10; width: 100%; height: 100%; clear: left; min-height: 440px; opacity: 0.3; }
	.was-featured-vordergrund1 a:hover { background-image: url(../images/featured-aktiv.gif); background-repeat: repeat; background-attachment: scroll; margin-top: 0; margin-left: 0 !important; position: absolute; z-index: 10; width: 100%; height: 100%; clear: left; opacity: 0.3; }
	.was-featured-vordergrund2 a:link { background-image: url(../images/featured-hintergrund-3.gif); background-repeat: repeat; background-attachment: scroll; margin-top: 0; margin-left: 0 !important; position: absolute; z-index: 10; width: 100%; height: 100%; clear: left; min-height: 440px; opacity: 0.3; }
	.was-featured-vordergrund2 a:hover { background-image: url(../images/featured-aktiv.gif); background-repeat: repeat; background-attachment: scroll; margin-top: 0; margin-left: 0 !important; position: absolute; z-index: 10; width: 100%; height: 100%; clear: left; opacity: 0.3; }
	.featured-1 { background-color: #d7fd02; width: 100%; height: 450px; margin: 0 0 10px!important; padding: 0!important; }
	.featured-2 { background-color: #d7fd02; width: 100%; height: 450px; margin: 0 0 10px!important; padding: 0!important; border-style: none; }
	.featured-3 { background-color: #d7fd02; width: 100%; height: 450px; margin: 0 0 10px!important; padding: 0!important; border-top: 5px solid #fff; }
	.featured-4 { background-color: #d7fd02; width: 100%; height: 450px; margin: 0 0 10px!important; padding: 0!important; border-top: 5px solid #fff; }
	.featured-5 { background-color: #d7fd02; width: 100%; height: 450px; margin: 0 0 10px!important; padding: 0!important; border-top: 5px solid #fff; }
	.featured-6 { background-color: #d7fd02; width: 100%; height: 450px; margin: 0 0 10px!important; padding: 0!important; border-top: 5px solid #fff; }
	.featured-hintergrund-text { width: 96%; margin-left: 10px; }
	.featured-vordergrund1 a:link { background-image: url(../images/featured-hintergrund-3.gif); background-repeat: repeat; background-attachment: scroll; margin-top: 0; margin-left: 0 !important; position: absolute; z-index: 10; width: 100%; height: 100%; clear: left; min-height: 440px; opacity: 0.3; }
	.featured-vordergrund1 a:hover { background-image: url(../images/featured-aktiv.gif); background-repeat: repeat; background-attachment: scroll; margin-top: 0; margin-left: 0 !important; position: absolute; z-index: 10; width: 100%; height: 100%; clear: left; opacity: 0.3; }
	.featured-vordergrund2 a:link { background-image: url(../images/featured-hintergrund-3.gif); background-repeat: repeat; background-attachment: scroll; margin-top: 0; margin-left: 0 !important; position: absolute; z-index: 10; width: 100%; height: 100%; clear: left; min-height: 440px; opacity: 0.3; }
	.featured-vordergrund2 a:hover { background-image: url(../images/featured-aktiv.gif); background-repeat: repeat; background-attachment: scroll; margin-top: 0; margin-left: 0 !important; position: absolute; z-index: 10; width: 100%; height: 100%; clear: left; opacity: 0.3; }
	
	#featured-row .mod-newsflash p 
	{
    	float: none;
    	overflow: hidden;
		width: 100%;
	}
	
	#featured-row .mod-newsflash h2, 
	#featured-row .mod-newsflash h3 
	{
		margin: 0 0 20px;
		overflow: visible;
		padding: 0;
		text-align: right;
	}
	h2 { font-size: 40px; line-height: 2em; }
	.mod-newsflash-adv__links .item__module
	{
		width: 48%;
		margin: 0 1% 20px;
		float: left;
	}
	
	.nspArt img.nspImage
	{
		max-width: 80% !important;	
	}
		
	.page-blog .items-row.cols-3 .item_img.img-intro 
	{
		width: 98.5%;
	}
	
	.page-blog .items-row .span6 .item
	{
		border-bottom: 1px solid #D4D4D4;
		margin-bottom: 30px;
		padding-bottom: 20px;
		overflow: hidden;
	}
	
	.page-blog .items-row.cols-2	
	{
		border-bottom: none;
		margin-bottom: 0px;
		padding-bottom: 0px;
		overflow: hidden;
	}	
	
	.page-category__clients .item
	{
		overflow: hidden;
		margin-bottom: 20px;
	}
	
	.page-category__clients .item_img
	{
		float: left;
		margin-right: 20px;
		clear: none !important;
	}
	#featured-row .moduletable .moduletable-wrapper
{ margin-top: 0 !important; padding: 0 0 0 0 !important; position: relative; text-align: center; border-color: #ddd; border-width: 0; }
	.page-featured .items-row .item__featured
	{
		margin-bottom: 30px !important;
	}
			
	.item-image.blog-image
	{
		float: none;
		margin: 0 0 20px 0;
	}

	.img-full__left.span5
	{
		width: 50%;
	}
		
	.row-fluid [class*="itemSpan"] 
	{
		display: block;
		float: none;
		margin-left: 0;
		width: auto;
	}
	
	.span9 .row-fluid [class*="span"] .img-intro__none,
	.span9 .row-fluid [class*="span"] .img-full__none,
	.span6 .row-fluid [class*="span"] .img-intro__none,
	.span6 .row-fluid [class*="span"] .img-full__none
	{
		width: 98.5%;	
	}	

	.page-item
	{
		padding-bottom: 0px;
	}
	
	.page-gallery .item_img.img-intro
	{
		float: left;
		margin: 0 20px 20px 0;
	}
	
	#phocagallery-module-ri .mosaic 
	{
    	width: 78px !important;
	}	
	
	.contact_form
	{
		width: 50%;
	}
	
	.contact_details
	{
		margin-bottom: 20px;
	}
	
	.contact_details .span6
	{
		width: 50%;
		float: left;
	}
	
	.mod-search__aside .mod-search_searchword
	{
		width: 50%;
	}
	
	.mod-login__aside .mod-login_username,
	.mod-login__aside .mod-login_passwd
	{
		width: 50%;
	}

	aside
	{
		margin-top: 0px;
	}
	
	aside .mod-search button.btn.btn-search 
	{
		margin-top: 0px;
	}
	
	#footer
	{
		height: auto;
	}
	
	#footer p
	{
		margin-bottom: 0;
	}
	
	.mod-footer
	{
		position: relative;
		top: -48px;
	}
	
	.footer-row-1 .span3 .item_img,
	.footer-row-1 .span4 .item_img,
	.footer-row-1 .span3 img,
	.footer-row-1 .span4 img	
	{
		width: auto;	
	}
	
	#footer-row .module_title.right
	{
		float: none;	
	}
	
	#trademark,
	#copyright-menu
	{
		float: none;
		text-align: center;
	}
	
	#back-top
	{
		display: none;
	}
}

