/*

KARIN MATTERNE MOBILE
2013 08 21
*/




@media handheld, only screen and (max-width: 820px) {


	#wrapper,
	#wrap,
	#header,
	#content,
	#header-footer,
	#content-footer {
		width: 768px;
	}


	#header,
	#content {
		background-image: url(/files/bg_rounded_768_top.gif);
	}
	#header-footer,
	#content-footer {
		background-image: url(/files/bg_rounded_768_bottom.gif);	
	}


	#header .col-1 {
		display: none;
	}
	#header .col-3 {
		width: 405px;
	}
	#header .col-2 {
		margin-left: 0px;
	}

	#header .col-3 .col-b {
		margin-left: 30px;
		width: 200px;
	}
	
	.a-8 .col-m-1,
	.c-3 .col-m-1 {
		width: 364px;
	}
	.a-8 .col-m-2, 
	.c-3 .col-m-2 {
		width: 348px;
		margin-left: 12px; 
	}
	
	
	.a-11 .col-m-1 {
		width: 280px;
	}
	.a-11 .col-m-2 {
		width: 626px;
		margin-left: 20px;
	}
	
	 
	.c-4 .col-m-1 {
		width: 400px;
	 }
	.c-4 .col-m-2 {
		width: 312px;
		margin-left: 12px; 
	 }
	.c-1 .col-m-2 img,
	.c-4 .col-m-2 img { max-width: 100%; }

	.c-1 .col-m-2,  
	.c-5 .col-m-2,    
	.c-6 .col-m-2,
	.c-7 .col-m-2,
	.a-9 .col-m-2,
	.a-10 .col-m-2,
	.a-11 .col-m-2  {
		width: 432px;
		margin-left: 12px;
	}


.a-45 .col-m-1 {
	width: 296px;
}
.a-45 .col-m-2  {
	width: 406px;
	margin-left: 20px;
}

	#content div.zitat {
		background-image: url(/files/zitat_tablet.jpg);
		margin: 20px 0 0 0px;
		width: 392px;
		padding: 8px 0 0 40px;
	}
	.zitat span {
		font-size: 22px;
		line-height: 24px;
	}
	#content .zitat p {
		font-size: 18px;
	}

}

















@media handheld, only screen and (max-width: 500px) {


	#wrapper,
	#wrap,
	#header,
	#content,
	#header-footer,
	#content-footer {
		width: 320px;
	}

	#header .col-1,
	#header .col-2,
	#header .col-3,
	#header .col-4 {
		display: none;
	}

	#header,
	#content {
		background-image: url(/files/bg_rounded_320_top.gif);
	}
	#header-footer,
	#content-footer {
		background-image: url(/files/bg_rounded_320_bottom.gif);	
	}
	
	#mobile-header {
		display: block;
	}
	
	#wrapper {
		margin: 5px auto;
	}

	.c-2 .col-m-1,
	.c-3 .col-m-1 {
		width: 282px;
	}
	.c-2 .col-m-2,
	.c-3 .col-m-2 {
		width: 282px;
		margin-left: 0px; 
	}
	.c-2 .col-m-1 img, 
	.c-3 .col-m-1 img { 
		max-width: 100%; 
	}

	.c-4 .col-m-1 {
		width: 282px;
	}
	.c-4 .col-m-2 {
		width: 282px;
		margin-left: 0px; 
	}
	.c-1 .col-m-2 img,
	.c-4 .col-m-2 img { 
		max-width: 100%; 
	}


	.c-1 .col-m-2,
	.c-5 .col-m-2,
	.c-6 .col-m-2,
	.c-7 .col-m-2,
	.a-9 .col-m-2,
	.a-10 .col-m-2,
	.a-11 .col-m-2  {
		width: 282px;
		margin-left: 0px;
		margin-top: 10px;
	}

.a-45 .col-m-1 {
	width: 282px;
}

	
	#content p,
	#content a {
		font-size: 13px;   
		line-height: 21px;
	}

	#content div.zitat {
		background-image: none;
		margin: 4px 0 0 0px;
		width: 282px;
		padding: 2px 20px 0 0;
	}
	.zitat span {
		font-size: 17px;
		line-height: 24px;
	}
	#content .zitat p {
		font-size: 15px;
		margin-top: 2px;
	}
	
	.c-1 #content .col-m-2 img {
		margin-top: -20px;
	}
	.a-10 img,
	.a-11 img { display: none; } 
	
		
}