/* 	------------------------------------------------------------------------------------------
	iPad Querformat
	------------------------------------------------------------------------------------------ */
@media (max-width:1220px) and (min-width:1024px) {
	body {
		font-size: 				17px;	
	}
		
	#topBar > div.area,
	#headImage > div.slogan > div,
	#area1,
	#footer > div.area {
		width: 					980px;
	}
	
	#topBar {
		height: 				84px;
	}
	
	#tannzapfenland {
	/* 	Responsive	 */
		top: 					8px;
	}
	
	#menuHandle {
		top: 					32px;
		font-size: 				1.7em;
	}
	
	#basket {
		top: 					36px;
	}

	#main > div {
		width: 					980px;
		padding-top: 			38px;
	}
	
	#headImage {
		margin-top: 			84px;
	}
		
	#headImage > div.slogan {
		bottom: 				14px;
	}

	#area1.narrow {
	/* 81.666% */
		float: 					left;
		width: 					696px;
		margin-right: 			38px;	
	}
	
	#area1 div.col1_4,
	#area1 div.col2_4,
	#area1 div.col3_4,
	#area1 div.col4_4 {
		width: 					233px;
	}
	
	#area1.narrow div.col1_4,
	#area1.narrow div.col2_4,
	#area1.narrow div.col3_4,
	#area1.narrow div.col4_4 {
		width: 					162px;
	}
	
	#area1 div.col1_2,
	#area1 div.col2_2 {
		width: 					482px;
	}
	
	#area1.narrow div.col1_2,
	#area1.narrow div.col2_2 {
		width: 					340px;
	}
	
	#area1 div.col_30_70 > ul.first,
	#area1 div.col_70_30 > ul.second {
		width: 					279px;
	}
	
	#area1 div.col_40_60 > ul.first,
	#area1 div.col_60_40 > ul.second {
		width: 					372px;
	}
	
	#area1 div.col_50_50 > ul.first,
	#area1 div.col_50_50 > ul.second {
		width: 					465px;
	}
	
	#area1 div.col_60_40 > ul.first,
	#area1 div.col_40_60 > ul.second {
		width: 					558px;
	}
	
	#area1 div.col_70_30 > ul.first,
	#area1 div.col_30_70 > ul.second {
		width: 					651px;
	}
	
	
	#area1.narrow div.col_30_70 > ul.first,
	#area1.narrow div.col_40_60 > ul.first,
	#area1.narrow div.col_50_50 > ul.first,
	#area1.narrow div.col_60_40 > ul.first,
	#area1.narrow div.col_70_30 > ul.first {
		margin-right: 			40px;
	}
	
	#area1.narrow div.col_30_70 > ul.first,
	#area1.narrow div.col_70_30 > ul.second {
		width: 					197px;
	}
	
	#area1.narrow div.col_40_60 > ul.first,
	#area1.narrow div.col_60_40 > ul.second {
		width: 					262px;
	}
	
	#area1.narrow div.col_50_50 > ul.first,
	#area1.narrow div.col_50_50 > ul.second {
		width: 					328px;
	}
	
	#area1.narrow div.col_60_40 > ul.first,
	#area1.narrow div.col_40_60 > ul.second {
		width: 					394px;
	}
	
	#area1.narrow div.col_70_30 > ul.first,
	#area1.narrow div.col_30_70 > ul.second {
		width: 					459px;
	}
	
	#area1 div.promotionTitle {
		font-size: 				1.1em;
	}
	
	#area1.narrow div.promotionTitle {
		font-size: 				0.8em;
	}
			
	#area2 {
		width: 					246px;
	}
	
	#footer {
		padding: 				12px 0;
	}
	
	#footer div.openfileLogo {
		top:					16px;
	}
	
	#main ul.bullet li {
		background-position: 	left -2px;
	}
	
	
	#galleryImage > div.close {
		left:				4px;
		top:				4px;
	}
}





/* 	------------------------------------------------------------------------------------------
	iPad Hochformat
	------------------------------------------------------------------------------------------ */
@media (max-width:1023px) and (min-width:768px) {
	body {
		font-size: 				16px;	
	}
	
	
	#topBar > div.area,
	#headImage > div.slogan > div,
	#area1 {
		width: 					688px;
	}
	
	#footer > div.area {
		width: 					688px;
	}
	
	#topBar {
		height: 				70px;
	}
	
	#tannzapfenland {
	/* 	Responsive	 */
		top: 					8px;
		width: 					307px;
		height: 				54px;
	}
	
	#menuHandle {
		top: 					24px;
	}
	
	#menuHandle > div {
		margin-top: 			5px;
	}
	
	#basket {
		right: 					140px;
		top: 					28px;
	}

	#main > div {
		width: 					688px;
		padding-top: 			32px;
	}
	
	#headImage {
		margin-top: 			70px;
	}
	
	#headImage > div.slogan {
		bottom: 				12px;
	}
	
	#area1.narrow {
		width: 					488px;
		margin-right: 			26px;	
	}
	
	#area1 div.col1_4,
	#area1 div.col2_4,
	#area1 div.col3_4,
	#area1 div.col4_4 {
		width: 					160px;
	}
	
	#area1.narrow div.col1_4,
	#area1.narrow div.col2_4,
	#area1.narrow div.col3_4,
	#area1.narrow div.col4_4 {
		width: 					236px;
	}
	
	#area1.narrow div.col2_4 {
		margin-right: 			0;
		margin-bottom: 			8px;
	}
	
	#area1 div.col1_2,
	#area1 div.col2_2 {
		width: 					336px;
	}
	
	#area1.narrow div.col1_2,
	#area1.narrow div.col2_2 {
		width: 					236px;
	}
	
	#area1 div.col_30_70 > ul.first,
	#area1 div.col_40_60 > ul.first,
	#area1 div.col_50_50 > ul.first,
	#area1 div.col_60_40 > ul.first,
	#area1 div.col_70_30 > ul.first {
		margin-right: 			40px;
	}
	
	#area1 div.col_30_70 > ul.first,
	#area1 div.col_70_30 > ul.second {
		width: 					194px;
	}
	
	#area1 div.col_40_60 > ul.first,
	#area1 div.col_60_40 > ul.second {
		width: 					259px;
	}
	
	#area1 div.col_50_50 > ul.first,
	#area1 div.col_50_50 > ul.second {
		width: 					324px;
	}
	
	#area1 div.col_60_40 > ul.first,
	#area1 div.col_40_60 > ul.second {
		width: 					389px;
	}
	
	#area1 div.col_70_30 > ul.first,
	#area1 div.col_30_70 > ul.second {
		width: 					454px;
	}
	
	
	#area1.narrow div.col_30_70 > ul.first,
	#area1.narrow div.col_40_60 > ul.first,
	#area1.narrow div.col_50_50 > ul.first,
	#area1.narrow div.col_60_40 > ul.first,
	#area1.narrow div.col_70_30 > ul.first {
		margin-right: 			16px;
	}
	
	#area1.narrow div.col_30_70 > ul.first,
	#area1.narrow div.col_70_30 > ul.second {
		width: 					142px;
	}
	
	#area1.narrow div.col_40_60 > ul.first,
	#area1.narrow div.col_60_40 > ul.second {
		width: 					189px;
	}
	
	#area1.narrow div.col_50_50 > ul.first,
	#area1.narrow div.col_50_50 > ul.second {
		width: 					236px;
	}
	
	#area1.narrow div.col_60_40 > ul.first,
	#area1.narrow div.col_40_60 > ul.second {
		width: 					283px;
	}
	
	#area1.narrow div.col_70_30 > ul.first,
	#area1.narrow div.col_30_70 > ul.second {
		width: 					330px;
	}
	
	
	#area1 div.promotionTitle {
		font-size: 				0.8em;
	}
	
	#area1.narrow div.promotionTitle {
		font-size: 				1.1em;
	}
	
	#area2 {
		width: 					174px;
	}
	
	#footer {
		font-size: 				0.8em;
		padding: 				8px 0;
	}
	
	
	#footer div.openfileLogo {
		top:					10px;
		bottom: 				8px;
		width: 					15px;
		height: 				auto;
	}

	
	#main ul.bullet li {
		background-position: 	left -2px;
	}
		
	#galleryImage > div.close {
		left:				4px;
		top:				4px;
	}
}






/* 	------------------------------------------------------------------------------------------
	iPhone
	------------------------------------------------------------------------------------------ */
@media (max-width:767px) {


	#topBar {
		height: 				50px;
	}
	
	#tannzapfenland {
		top: 					8px;
		left: 					8px;
		width: 					192px;
		height: 				34px;
	}
	
	#topBar > div.area {
		width: 					100%;
	}
	
	#menuHandle {
		right: 					8px;
		top: 					12px;
	}
	
	#menuHandle > div {
		margin-top: 			5px;
	}
	
	#menuHandle > span {
		display: 				none;
	}
	
	#menu > div {
	/* 	Responsive	 */
		width: 					100%;
	}
	
	#menu > div > div {
	/* 	Responsive	 */
		width: 					100%;
	}
	
	#headImage {
		margin-top: 			50px;
	}
	
	#menu div.menuBar {
		width: 					100%;
		height: 				67px;
	}

	
	#menu div.tannzapfenland {
		left: 					8px;
		top:					8px;
		width: 					192px;
		height: 				34px;
	}


	#menu div.close {
		display: 				block;
		position: 				absolute;
		right: 					8px;
		top: 					12px;
		width: 					32px;
		height: 				32px;
		line-height: 			32px;
		text-align: 			center;
		font-size: 				24px;
		font-weight: 			400;
		cursor: 				pointer;
	}
	
	#menu ul.main {
		margin: 				50px 8px 0 8px;
		font-size: 				1em;
	}
	
	#menu ul.menu li.parent > div {
		top: 					0.55em;
	}

	
	#menu address {
		padding: 				32px 8px 0 8px;
		font-size: 				0.9em;
	}
	
	
	#area1 {
		float: 					none;
		width: 					100%;
		margin-bottom: 			32px;
	}
	
	
	#headImage {
		font-size: 				0.3em;
	}
	
	#headImage > div.slogan {
		bottom: 				6px;
	}
	
	#headImage > div.slogan > div {
		width: 					auto;
		padding: 				0 8px;
	}
	
	#headImage h1 {
		padding: 				2px 4px;
	}

	#basket {
		right: 					74px;
		top: 					12px;
	}
	
	#basket > div {
		right: 					-14px;
		top: 					-2px;
	}

	#shoppingList div.count {
		/* 	Responsive	 */
		width: 					17%;
	}
	
	#shoppingList div.article {
		width: 					49%;
	}
	
	#shoppingList div.price {
		width: 					17%;
	}
	
	#shoppingList div.total {
		width: 					17%;
	}
	
	#main form.shoppingAddressForm ul > li {
		padding-left: 			120px;
	}

	#main div.shoppingBasket div.summary ul.contactData li {
		padding-left: 			110px;
	}
	
	#main div.shoppingBasket input[type="submit"] {
		padding: 				0 12px;
	}

	#main {
		font-size: 				0.9em;
		line-height: 			1.4em;
	}
	
	#main h1 {
		font-size: 				1.6em;
	}

	
	body.menu #main {
		display: 				none;
	}
	
	#main > div {
		width: 					auto;
		padding: 				16px 8px;
	}
	
	#main div.article div.red {
		padding: 				6px 8px 0 8px;
	}
	
	#main div.article div.red > span {
		padding-left: 			0;
		display: 				block;
	}
	
	#main div.article div.red > div.colLeft {
		width: 					35%;
	}
	
	#main div.article div.red > div.colRight {
		width: 					65%;
	}

	#main div.article span.price {
		line-height: 			1.6em;
		font-size: 				1.5em;
	}
	
	#main div.article span.addToCart {
		padding-right: 			52px;
		font-size: 				0.8em;
		line-height: 			4em;
		padding-top: 			1.5em;
	}
	
	#area1 {
		width: 					100%;
	}
	
	#area1.narrow {
		float: 					none;
		width: 					100%;
		margin-right: 			0;
	}
	
	
	#area1 div.col1_4,
	#area1 div.col2_4,
	#area1 div.col3_4,
	#area1 div.col4_4 {
		float: 					left;
		width: 					48%;
		margin-right: 			4%;
	}
	
	#area1.narrow div.col1_4,
	#area1.narrow div.col2_4,
	#area1.narrow div.col3_4,
	#area1.narrow div.col4_4 {
		width: 					48%;
	}
	
	#area1 div.col4_4,
	#area1 div.col2_4 {
		margin-right: 			0;
	}
	
	#area1 div.col2_4 {
		margin-bottom: 			8px;
	}
	
	
	#area1 div.col1_2,
	#area1 div.col2_2 {
		float: 					none;
		width: 					100%;
		margin-right: 			0;
	}
	
	#area1 div.col1_2 {
		margin-bottom: 			16px;
	}
	
	#area1.narrow div.col1_2,
	#area1.narrow div.col2_2 {
		width: 					100%;
	}
	
	#area1 div.col_30_70 > ul.first,
	#area1 div.col_40_60 > ul.first,
	#area1 div.col_50_50 > ul.first,
	#area1 div.col_60_40 > ul.first,
	#area1 div.col_70_30 > ul.first {
		float: 					none;
		margin-right: 			0;
	}
	
	#area1 div.col_30_70 > ul.second,
	#area1 div.col_40_60 > ul.second,
	#area1 div.col_50_50 > ul.second,
	#area1 div.col_60_40 > ul.second,
	#area1 div.col_70_30 > ul.second {
		float: 					none;
	}
	
	#area1 div.col_30_70 > ul.first,
	#area1 div.col_70_30 > ul.second,
	#area1 div.col_40_60 > ul.first,
	#area1 div.col_60_40 > ul.second,
	#area1 div.col_50_50 > ul.first,
	#area1 div.col_50_50 > ul.second,
	#area1 div.col_60_40 > ul.first,
	#area1 div.col_40_60 > ul.second,
	#area1 div.col_70_30 > ul.first,
	#area1 div.col_30_70 > ul.second,
	#area1.narrow div.col_30_70 > ul.first,
	#area1.narrow div.col_70_30 > ul.second,
	#area1.narrow div.col_40_60 > ul.first,
	#area1.narrow div.col_60_40 > ul.second,
	#area1.narrow div.col_50_50 > ul.first,
	#area1.narrow div.col_50_50 > ul.second,
	#area1.narrow div.col_60_40 > ul.first,
	#area1.narrow div.col_40_60 > ul.second,
	#area1.narrow div.col_70_30 > ul.first,
	#area1.narrow div.col_30_70 > ul.second {
		width: 					100%;
	}
	
	#area1 div.promotionTitle {
		font-size: 				0.8em;
	}
	
	#area1.narrow div.promotionTitle {
		font-size: 				0.8em;
	}
		
	#area2 {
		float: 					none;
		width: 					100%;
	}
	
	#main ul.bullet li {
		background-position: 	left -2px;
	}

	#footer {
		display: 				none;
	}
	
	
	#imageGallery > div {
		position:			static;
		left:				auto;
		float:				none;
	}
	
	#imageGallery > div > div {
		position:			static;
		left:				auto;
		float:				none;
		padding-top: 		64px;
		width: 				100%;
	}
	
	#galleryImage > div.close {
		left:				4px;
		top:				4px;
	}

}