/* ======================================================================
Smaller Screens 1680 px */
	@media screen and (max-width: 1680px) {
		body, input, select, textarea {
			font-size: 16pt;
		}
		img {
			max-width: 1680px;
		}
		#nav ul li a span {
			padding: 11px 5px 9px 5px; 
			font-size:0.95em;
		}
	
		/*Touch Menu*/
		/* Child menu for iPads*/
		#nav  li ul {
			display:none; 
			margin: -3px 0 0 0; 
			opacity:1; 
		}
		#nav  li ul ul { 
			display:none; 
		}
		#nav  li:hover ul ul, 
		#nav  li.subMenu ul ul { 
			display:none;
		}
		#nav  li:hover>ul, 
		#nav  li li:hover>ul, 
		#nav li.tabselected ul  { 
			display:block;
		}
		.menubox {
			width: 100%;
			height: 52px;
			float: left;
			position: relative;
		}
	}
		
		
/* ======================================================================
Smaller Screens 1280 px */

	@media screen and (max-width: 1280px) {
		body, input, select, textarea {
			font-size: 16pt;
		}
		img {
			max-width: 1280px;
		}
		
		#nav ul li a span {
			padding: 11px 5px 9px 5px; 
			font-size:0.95em;
		}
	
		/*Touch Menu*/
		/* Child menu for iPads*/
		#nav  li ul {
			display:none; 
			margin: -3px 0 0 0; 
			opacity:1; 
		}
		#nav  li ul ul { 
			display:none; 
		}
		#nav  li:hover ul ul, 
		#nav  li.subMenu ul ul { 
			display:none;
		}
		#nav  li:hover>ul, 
		#nav  li li:hover>ul, 
		#nav li.tabselected ul  { 
			display:block;
		}
		.menubox {
			width: 100%;
			height: 52px;
			float: left;
			position: relative;
		}	
	}
	
/* ======================================================================
Smaller Screens 1100 px */	
	@media screen and (max-width: 1110px) {
		#nav ul li a span {
			padding: 11px 5px 9px 5; 
			font-size:0.95em;
		}
	
		/*Touch Menu*/
		/* Child menu for iPads*/
		#nav  li ul {
			display:none; 
			margin: -3px 0 0 0; o
			pacity:1; }
		#nav  li ul ul { display:none; 
		}
		#nav  li:hover ul ul, 
		#nav  li.subMenu ul ul { 
			display:none;
		}
		#nav  li:hover>ul, 
		#nav  li li:hover>ul, 
		#nav li.tabselected ul  { 
			display:block;
		}
		.menubox {
			width: 100%;
			height: 52px;
			float: left;
			position: relative;
		}
	}	
	
/* ======================================================================
Smaller Screens 980 px */
@media screen and (max-width: 980px) {
	body, input, select, textarea {
		font-size: 14pt;
		}
	img {
		max-width: 980px;
		}
	XXbody {
		font-size: 14px;
		}
	.bodybox {
		margin-top: 0
		}
	.bodybox, .footerbox {
		width:100%; 
		background: rgba(255,255,255,0.7); 
		background-image:none;
		}
	.menubox, .leftbox,  .logobox {
		display:none;
		}
	.headerbox, .mainbox, .headerbox, #headerpic  {
		width:100%; 
		margin: 0 0 0 0;
		}
	#rightheader {
		float:none; 
		height:auto;
		}
	#headerpic  {
		height:80px; 
		}
	#headerpic img {
		display:none;
		}
	.logobox a.logo {
		display:none;
		}
	.mobileheader {
		display:block;  
		height:80px;
		background-color: #fff;
		}
	.mobileheader #mobile-logo {
		margin:20px 0 0 10px; 
		max-height:50%
		}
	.mobileheader {
		padding:10px 0px 0px 10px; 
		max-height:50%; 
		color:#000; 
		font-size: 50px;
		}
	#topslider {
		width: 100%; 
		float:right; 
		} 
	a.toggleMenu { 
		float:left; 
		width:40px; 
		height:60px; 
		background: url(../img/menuswitch.png) no-repeat top right; 
		margin:20px 30px 0 0;
	}
	.search_box {  
		width: 180px; 
		margin-left:60px;
		}
	.search_box .searchstring {
		width: 100px;
		}
	.maincontent { 
		width: 100%; 	 
		margin-left:2%; 
		}
	.mainbox .contentwide  {
		width:96%; 
		margin:0 0 0 2%;
		}
	.sidebar { 
		width: 33%;
	}
	.sidebar .inner { 
		margin: 0 5% 0 5%;
	}
	#suggestbox ul li a {
		padding: 6px 10px 6px 15px; 
		font-size:12px;
		}
	.footerbox .center{
		width:86%; 
		margin: 15px 0 0 0;
		}
	.footerbox .left  {
		width:5%; 
		margin: 15px 0 0 2%;
		}
	.footerbox .left #showlogin {
		width:100%; 
		margin: 0 0 0 0; 
		text-align: left;
		}
	/*Nav*/
	#nav2 {
		width:250px; 
		height: auto; 
		position:absolute; 
		left:0; 
		top:100px; 
		z-index:2000; 
		box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.4);
		}
	#nav2>ul {
		
	}
	#nav2 li {
		width:250px;  
		padding: 0 0 0 0; 
		}
	#nav2 li a {
		display:block; 
		padding: 12px 0 12px 20px; 
		font-size:18px; 
		color:#fff;  
		text-decoration:none; 
		border-bottom: 1px solid #fff; 
		}
	#nav2 li li a {
		padding: 10px 0 10px 30px; 
		font-size:16px;  
		}
	#nav2 li li li a {
		padding: 8px 0 8px 40px; 
		font-size:14px; 
		}
	#nav2 li li li li a {
		padding: 6px 0 6px 50px; 
		font-size:13px; ;
		}
	
	#nav2 li ul {
		display:none; 
		border-bottom: 3px solid #fff; 
		}
	#nav2 li.menu-parent > ul, 
	#nav2 li.menu-current > ul {
		display:block;
		}
	#nav2 li.is_opened > ul, 
	#nav2 li.is_opened > ul {
		display:block;
		}
	#nav2 li a.menu-expand {
		background: transparent url(../img/arr-down.png) no-repeat left center ;
		}
	#nav2 li a.menu-current { 
		color:#fff; 
		text-shadow: 1px 2px 4px #000; 
		font-weight:bold;
		}
	#nav2 ul li a.menu-expand.is_opened, 
	#nav2 ul li a.menu-parent {
		font-weight:bold;  
		color:#fff; 
		background: url(../img/arr-right.png) no-repeat 2px center ; 
		}
	#nav2close {
		display:none;  
		position:absolute; 
		top:0; width:100%;  
		height: 900px; 
		background-image:none;
		}
	#nav2 form {
		display: none;
		margin: 10px 20px 0 20px;
		}
	#nav2 .searchstring {
		width:80%; 
		float:left; 
		margin-right:10px;
		}
	.reduced .headerbox {
		display:none;
		}
	.breadcrumbs { 
		width: 100%; 
		height: auto; 
		}
	.innerbc { 
		margin: 2px 0 5px 2%; 
		width: 96%; 
		}
	.innerbc span  {
		display: block; 
		float:left; 
		padding: 2px 2px 2px 12px; 
		margin: 0 0 5px 0;
		}
	.innerbc b  {
		display: none;
		}
	#aprevnext {
		display:none;
		}
	#aprevnext2 {
		display:block; 
		margin-top:20px;
		}
	.kopf1 {
		text-align: center;
	}
	.kopf {
		display: none;
	}	
}	

/* ======================================================================
Smaller Screens 828 px */
	
 @media only screen and (max-width : 828px) {
.layout-item-1 {
	width: 100%;
	border-bottom: 0.5px dotted;
	border-color: #fff;
	text-align: center;
}

.layout-item-2 {
	width: 100%;
	border-bottom: 0.5px dotted;
	border-color: #fff;
	text-align: center;
}

.layout-item-3 {
	width: 100%;
	font-size: 11px !important;
}

.layout-item-3 a{
	font-size: 11px !important;
}

 .art-content-layout-row 
{
	display: inline-grid !important;
	width: 100%;
	text-align: start;
}

.art-layout-cell {
	width: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-table !important;
	vertical-align: top;
}
}

	
/* ======================================================================
Smaller Screens 768 px */
	@media screen and (max-width: 768px) {
		body, input, select, textarea {
			font-size: 12pt;
		}
		img {
			max-width: 680px;
		}
	}
	
/* ======================================================================
Smaller Screens 736 px */
	@media screen and (max-width: 736px) {
		body, input, select, textarea {
			font-size: 12pt;
		}
		img {
			max-width: 680px;
		}
	}
	
/* ======================================================================
Smaller Screens 678 px */
	@media screen and (max-width: 678px) {
		body, input, select, textarea {
			font-size: 12pt;
		}
		img {
			max-width: 640px;
		}
		.mobileheader {
			padding:10px 0px 0px 10px; 
			max-height:50%; 
			color:#000; 
			font-size: 35px;
		}
	}
	
/* ======================================================================
Smaller Screens 600 px */
	@media screen and (max-width: 600px) {
		body, input, select, textarea {
			font-size: 12pt;
		}
		img {
			max-width: 540px;
		}
	}
	
/* ======================================================================
Smaller Screens 590 px */
@media screen and (max-width: 590px) {
	.mobileheader {
		padding:10px 0px 0px 10px; 
		max-height:50%; 
		color:#000; 
		font-size: 35px;
	}
}


	
/* ======================================================================
Smaller Screens 548 px */
	@media screen and (max-width: 548px) {
		body, input, select, textarea {
			font-size: 12pt;
		}
		img {
			max-width: 500px;
		}
		.mobileheader {
			padding:10px 0px 0px 10px; 
			max-height:50%; 
			color:#000; 
			font-size: 30px;
		}
	}
	
	
/* ======================================================================
Smaller Screens 503 px */
	@media screen and (max-width: 503px) {
		body, input, select, textarea {
			font-size: 12pt;
		}
		img {
			max-width: 445px;
		}
		.maincontent { 
			width: 96%; 	 
			margin-left:2%; 
		}
		#headerbox { 
			margin-top: 50px;
			}
		.sidebar {
			display:none; 
			width:300px; 
			border-left:none; 
			position:absolute; 
			right:0; top:230px; 
			background:#f0f0f0; 
			box-shadow: 0px 20px 30px -20px rgba(0, 0, 0, 0.4);
			}
		.sidebar.sidebar1, 
		.sidebar.sidebar2 {
			display:block; 
			float:none; 
			clear:both; 
			width:100%; 
			position:static; 
			box-shadow:none; 
			background:none;
			}
		.sidebar.sidebar1 .inner, 
		.sidebar.sidebar2 .inner { 
			width: 96%; 	 
			margin-left:2%; 
			}
		.innerbc {
			width:90%; 
			float:left;
			}
		#opensidebarswitch {
			display:block; 
			width: 19px; 
			height:57px; 
			position:absolute; 
			right:0; top:230px;
			}	
		#closesidebarswitch {
			display:block;
			}
		.frontpage #opensidebarswitch {
			top:270px;
			}
		.mobileheader { 
			padding:10px 0px 5px 10px; 
			max-height:90%; 
			color:#000; 
			font-size: 30px;
			text-align:center;
			height: 50px; 
			width:100%; 
			position:fixed; 
			top: 0; 
			left:0;
			background:#fff; 
			z-index:900; 
			box-shadow: 0px 20px 30px -10px rgba(0, 0, 0, 0.4);
			}
		.mobileheader #mobile-logo { 
			margin: 5px 0 0 10px; 
			max-height: 80%;
			}
		a.toggleMenu { 
			height: 40px;  
			margin: 5px 30px 0 0; 
			}
		#aprevnext2 {
			display:block; 
			margin-top:10px;
			}
		h1 {
			font-size: 1.6em;
			}
		h2 {
			font-size: 1.4em;
			}
		h3 {
			font-size: 1.2em;
			}
		#colorpickericon {
			top:60px; 
			}
		#colorpicker {
			top:60px;
			}
		#headerpic {
			height: 80px;
		}
	}

/* ======================================================================
Smaller Screens 493 px */
	@media screen and (max-width: 493px) {
		body, input, select, textarea {
			font-size: 12pt;
		}
		img {
			max-width: 440px;
		}
		.mobileheader {
			padding:10px 0px 20px 10px; 
			height:80px; 
			color:#000; 
			font-size: 30px;
		}
		#headerpic {
			height: 80px;
		}
}

/* ======================================================================
Smaller Screens 480 px */
	@media screen and (max-width: 480px) {
		body, input, select, textarea {
			font-size: 12pt;
		}
		img {
			max-width: 400px;
		}
}

/* ======================================================================
Smaller Screens 414px */
	@media screen and (max-width: 414px) {
		body, input, select, textarea {
			font-size: 12pt;
		}
		img {
			max-width: 350px;
		}
}

/* ======================================================================
Smaller Screens 360px */
@media screen and (max-width: 360px) {
	body, input, select, textarea {
	font-size: 12pt;
	}
	img {
		max-width: 310px;
	}

   .mobileheader {
        padding: 10px 0px 20px 10px;
        height: 80px;
		max-width: stretch;
        color: #000;
        font-size: 30px;
    }
}