*, html {
	margin:					0;
	padding:				0;
}

html {
	width:					100%;
	height:					100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}

body {
/* 	Responsive	 */
	font-family: 			'Lato', sans-serif;
	font-size: 				18px;
	color: 					#333;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	background-color: 		white;
	height: 				100%;
}


input, textarea {
	-webkit-font-smoothing: antialiased;
}

#topBar {
	/* 	Responsive	 */
	position: 				fixed;
	top: 					0;
	left: 					0;
	width: 					100%;
	height: 				90px;
	z-index: 				3;
	background-color: 		#b9191d;
	border-bottom:			1px solid white;
	font-weight: 			400;
}

#topBar > div.area {
	/* 	Responsive	 */
	width: 					1200px;
	position: 				relative;
	margin: 				0 auto;
}


#tannzapfenland {
/* 	Responsive	 */
	position: 				absolute;
	top: 					10px;
	left: 					0;
	width: 					384px;
	height: 				68px;
}

#tannzapfenland > img {
	width: 					100%;
	height: 				100%;
}

#menuHandle {
/* 	Responsive	 */
	position: 				absolute;
	right: 					0;
	top: 					34px;
	width: 					40px;
	cursor: 				pointer;
	z-index: 				3;
	font-size: 				1.6em;
	color: 					white;
}

#menuHandle > div {
/* 	Responsive	 */
	height: 				3px;
	margin-top: 			6px;
	background-color:		white;
}

#menuHandle > span {
/* 	Responsive	 */
	position: 				absolute;
	right: 					46px;
	top: 					-2px;
}

#basket {
/* 	Responsive	 */
	position: 				absolute;
	right: 					150px;
	top: 					40px;
	width: 					32px;
	height: 				30px;
	z-index: 				3;
	background: 			url(../if/customer/ifElements.png) no-repeat -110px -46px;
	background-size: 		158px 91px;
}

#basket > div {
/* 	Responsive	 */
	position: 				absolute;
	right: 					-4px;
	top: 					-16px;
	width: 					24px;
	height: 				24px;
	border-radius: 			12px;
	font-size: 				14px;
	line-height: 			24px;
	background-color: 		rgba(255,255,0,0.9);
	color: 					#333;
	text-align: 			center;
}

#main div.shoppingBagEmpty {
	margin: 				16px auto;
}

#main div.shoppingBasket input[type="submit"] {
	/* 	Responsive	 */
	background-color:		#b9191d;
	border: 				0;
	color: 					white;
	font-family: 			Arial, Helvetica, sans-serif;
	font-weight: 			700;
	font-size: 				1em;
	line-height: 			1.8em;
	padding: 				0 32px;
	border-radius: 			0.9em;
	cursor: 				pointer;
}

#main div.shoppingBasket div.summary ul.contactData {
	list-style: 			none;
}

#main div.shoppingBasket div.summary ul.contactData li {
	/* 	Responsive	 */
	position: 				relative;
	padding-left: 			120px;
}

#main div.shoppingBasket div.summary ul.contactData li > label {
	position: 				absolute;
	left: 					0;
	top: 					0;
	width: 					112px;
	overflow: 				hidden;
	white-space: 			nowrap;
	text-overflow: 			ellipsis;
}

#main div.shoppingBasket input[type="submit"]:hover {
	text-decoration: 		underline;
}

#main div.shoppingBasket div.button {
	padding-top: 			8px;
}

#shoppingForm div.button {
	margin-right:			28px;
	text-align: 			right;
}

#main div.shoppingBasket > span {
	font-size: 				0.8em;
}

#shoppingList {
	list-style: 			none;
	margin: 				0 28px 16px 0;
}

#shoppingList.view {
	list-style: 			none;
	margin: 				0 0 16px 0;
}

#shoppingList > li {
	line-height: 			2em;
	border-bottom: 			1px solid #ccc;
	position: 				relative;
}

#shoppingList > li.footer {
/* 	border-bottom: 			none;	 */
}

#shoppingList > li.head > div,
#shoppingList > li.footer > div {
	font-weight: 			700;
}

#shoppingList > li > div {
	float: 					left;
}

#shoppingList > li > div > span {
	border-bottom: 			3px double #333;
}

#shoppingList div.count {
	/* 	Responsive	 */
	width: 					10%;
	white-space: 			nowrap;
	overflow: 				hidden;
	text-overflow: 			ellipsis;
}

#shoppingList div.article {
	/* 	Responsive	 */
	width: 					70%;
	white-space: 			nowrap;
	overflow: 				hidden;
	text-overflow: 			ellipsis;
}

#shoppingList.view div.article {
/* 	width: 					479px;	 */
}

#shoppingList div.price {
	/* 	Responsive	 */
	width: 					10%;
	text-align: 			right;
}

#shoppingList div.total {
	/* 	Responsive	 */
	width: 					10%;
	text-align: 			right;
}


#shoppingList div.delete {
	/* 	Responsive	 */
	float: 					none;
	position: 				absolute;
	left: 					100%;
	margin-left: 			6px;
	top: 					5px;
	width: 					21px;
	height: 				22px;
	line-height: 			22px;
	border-radius: 			11px;
	padding-left: 			1px;
	color: 					white;
	font-weight: 			700;
	font-size: 				0.9em;
	text-align: 			center;
	background-color: 		#b9191d;
	cursor: 				pointer;
}

#shoppingList div.delete.really {
	display: 				inline-block;
	width: 					auto;
	padding: 				0 8px;
}

#shoppingList div.clear {
	clear: 					left;
	float: 					none;
}

#shoppingList input[type="text"] {
	width: 					80%;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				1em;
	color: 					#333;
	font-weight: 			400;
	-webkit-box-sizing: 	border-box;
	-moz-box-sizing: 		border-box;
	box-sizing: 			border-box;
	padding: 				2px 8px;
	border: 				1px solid #999;
	margin: 				3px 0;
	text-align: 			right;
}

#shoppingList input.error {
	background-color: 		#f66;
}


#main form.shoppingAddressForm ul {
	list-style: 			none;
}

#main form.shoppingAddressForm ul.customer {
	border-bottom: 			1px solid #999;
	margin-bottom: 			32px;
	padding: 				8px 0;
}

#main form.shoppingAddressForm ul > li {
	/* 	Responsive	 */
	position: 				relative;
	padding-left: 			140px;
	min-height: 			2em;
	line-height: 			1.2em;
}

#main form.shoppingAddressForm ul > li > label {
	/* 	Responsive	 */
	position: 				absolute;
	line-height: 			1.2em;
	left: 					0;
	top: 					0;
	font-weight: 			700;
	padding: 				0.4em 0;
}

#main form.shoppingAddressForm ul > li > div {
	padding-top: 			0.4em;
}

#main form.shoppingAddressForm ul > li > div > label {
	margin-left: 			6px;
	margin-right: 			16px;
	vertical-align: 		middle;	
}

#main form.shoppingAddressForm ul > li > input[type="text"],
#main form.shoppingAddressForm ul > li > textarea {
	width: 					100%;	
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				1em;
	color: 					#333;
	font-weight: 			400;
	-webkit-box-sizing: 	border-box;
	-moz-box-sizing: 		border-box;
	box-sizing: 			border-box;
	padding: 				4px 8px;
	border: 				1px solid #999;
	margin: 				3px 0;
}

#main form.shoppingAddressForm ul > li > textarea {
	resize: 				vertical;
	height: 				80px;
}

#main form.shoppingAddressForm ul.customer > li > input[type="text"] {
	width: 					30%;
}

#main form.shoppingAddressForm ul.customer > li > input[type="submit"] {
	position: 				absolute;
	right: 					0;
}



#main form.shoppingAddressForm input.right {
	float: 					right;
}

#menu div.menuBar ul {
	list-style: 			none;
}

#menu div.menuBar ul {
/* 	Responsive	 */
	width: 					56px;
}

#menu div.menuBar li {
/* 	Responsive	 */
	float: 					left;
	width: 					50%;
	height: 				28px;
	text-align: 			center;
	line-height: 			28px;
}

#menu div.menuBar li:hover {
/* 	background-color:		#cadee1; */
}

#menu div.menuBar li a,
#menu div.menuBar li span {
	display: 				block;
	color: 					white;
	text-decoration: 		none;
}

#menu div.menuBar li a.active {
	background-color: 		#749ba4;
	color: 					white;
}


#menu {
/* 	Responsive	 */
	display: 				none;
	position: 				fixed;
	top:					0;
	right: 					0;
	width: 					100%;
	height: 				100%;
	background-color: 		rgba(0,0,0,0.6);
	z-index: 				4;
	color: 					white;
	font-weight: 			400;
}

body.menu #menu {
	display: 				block;
}

#menu > div {
/* 	Responsive	 */
	position: 				absolute;
	right: 					0;
	top: 					0;
	width: 					520px;
	height: 				100%;
	background-color: 		#b9191d;
	color: 					white;
	overflow: 				auto;
}


#menu div.menuBar {
	/* 	Responsive	 */
	position: 				fixed;
	right:					0;
	top:					0;
	width: 					520px;
	height: 				80px;
	z-index: 				1;
}

#menu div.tannzapfenland {
	/* 	Responsive	 */
	position: 				absolute;
	left: 					32px;
	top:					16px;
	width: 					360px;
	height: 				64px;
}

#menu div.tannzapfenland > img {
	width: 					100%;
	height: 				100%;
}


#menu div.close {
	/* 	Responsive	 */
	position: 				absolute;
	right: 					32px;
	top:					32px;
	width: 					40px;
	height: 				40px;
	border-radius: 			20px;
	background-color: 		white;
	text-align: 			center;
	line-height: 			40px;
	color: 					#b9191d;
	font-size: 				28px;
	font-weight: 			700;
	cursor: 				pointer;
}

#menu li a,
#menu li span {
	display: 				block;
	text-decoration: 		none;
	color: 					white;
}

#menu li span {
	cursor: 				default;
}

#menu ul {
	list-style: 			none;
}

#menu ul.main {
	/* 	Responsive	 */
	margin: 				96px 32px 0 32px;
	font-size: 				1.4em;
}

#menu ul.main ul {
	display: 				none;
	margin-bottom: 			8px;
}

#menu ul.main li.open > ul {
	display: 				block;
}

#menu ul.main > li {
	position: 				relative;
	padding-left: 			32px;
}

#menu ul.menu li.parent > div {
	/* 	Responsive	 */
	position: 				absolute;
	left: 					0;
	top: 					0.7em;
	width: 					23px;
	height: 				23px;
	background: 			url(../if/customer/ifElements.png) no-repeat -29px 0;
	background-size: 		158px 91px;
}

#menu ul.menu li.parent.open > div {
	background-position: 	-57px 0;
}

#menu ul.main > li > a,
#menu ul.main > li > span {
	font-size: 				1.125em;
	line-height: 			2em;
	padding-top: 			2px
}

#menu ul.main li > span:hover,
#menu ul.main li > a:hover {
	text-decoration: 		underline;
}

#menu ul.main li.active > span,
#menu ul.main li.active > a {
	font-weight: 			700;
}

#menu ul.main > li li {
	line-height:			1.5em;
	padding: 				6px 0;
	font-size: 				0.9em;
	padding-left: 			20px;
}

#menu ul.main > li li > a,
#menu ul.main > li li > span {
	color: 					white;
}

#menu address {
	/* 	Responsive	 */
	padding: 				32px 32px 0 32px;
	font-style: 			normal;
	font-size: 				1.0625em;
	line-height: 			1.3em;
}

#menu address a {
	color: 					white;
	text-decoration: 		none;
}

#menu address a:hover {
	text-decoration: 		underline;
}



#menu address > span {
	font-weight: 			400;
}

#headImage {
	/* 	Responsive	 */
	margin-top: 			90px;
	position:				relative;
	font-size: 				1em;
}


#headImage > img {
	position: 				relative;
	width: 					100%;
	display: 				block;
}

#headImage > div.bgChooser {
	position: 				absolute;
	right: 					8px;
	bottom: 				8px;
	width: 					21px;
	z-index: 				1;
}

#headImage > div.slogan {
	position: 				absolute;
	bottom: 				20px;
	width: 					100%;
}

#headImage > div.slogan > div {
	/* 	Responsive	 */
	display: 				none;
	width: 					1200px;
	margin: 				0 auto;	
}

#headImage h1,
#headImage input {
	/* 	Responsive	 */
	font-family: 			'Lato', sans-serif;
	color: 					white;
	background-color: 		#b9191d;
	margin: 				0;
	padding: 				3px 10px;
	font-weight: 			700;
	line-height: 			normal;
	font-size: 				2em;
}

#headImage h1 {
	display: 				inline;
	border: 				1px solid transparent;
	white-space: 			nowrap;
}

#sloganWidth {
	position: 				absolute;
	top:					-1000px;
	padding: 				0px 10px;
	font-family: 			'Lato', sans-serif;
	font-weight: 			700;
	line-height: 			normal;
	font-size: 				2em;
}


#headImage form {
	display: 				none;	
}

#headImage form > input {
	border: 				none;
	margin: 				0;
	padding: 				3px 10px;
}

#cover {
	position: 				fixed;
	width: 					100%;
	height: 				100%;
	top:					0;
	left: 					0;
	background-color: 		rgba(0,0,0,0.6);
	z-index: 				3;
	display: 				none;
}


#window {
	position: 				absolute;
	display: 				none;
	top:					64px;
	left: 					15%;
	width: 					70%;
	z-index: 				3;
}

#window > div.close {
	position: 				absolute;
	left:					-27px;
	top:					-27px;
	width: 					53px;
	height: 				53px;
	background: 			url(../if/navElements.png) 0 -128px;
	background-size: 		64px 192px;
	z-index: 				5;
	cursor: 				pointer;
	opacity: 				0.8;
}

#window > div.close:hover {
	opacity: 				1;
}

	
#window > div.video {
	position: 				relative;
	padding-bottom: 		56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 			0px;
	height: 				0;
	overflow: 				hidden;
}

#main div.relImage {
	position: 				relative;
	padding-bottom: 		56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 			0px;
	height: 				0;
	overflow: 				hidden;
}

#window iframe {
	position: 				absolute;
	display: 				block;
	top: 					0;
	left: 					0;
	width: 					100%;
	height: 				100%;
	padding: 				0;
	margin: 				0;
	border: 				0;
}

#main {
	position: 				relative;
	font-size: 				1em;
	font-weight: 			400;
	color: 					#333;
}

#main div.dividerLine {
	height: 				0;
	border-top: 			1px solid #999;
}

#main a {
	color: 					#b9191d;
	text-decoration: 		none;
	font-weight: 			700;
}

#main span.eMail {
	color: 					#b9191d;
	cursor: 				pointer;
}

#main span.eMail:hover,
#main a:hover {
	text-decoration: 		underline;
}


#main > div {
	/* 	Responsive	 */
	width: 					1200px;
	margin: 				0 auto;
	padding-top: 			32px;
	padding-bottom: 		120px;
}

#main p.container {
	line-height: 			1.5em;
}

#main p.legend {
	margin-top: 			2px;
	font-size: 				0.9em;
	font-weight: 			400;
}

#main div.containerVSpace {
	padding-top: 		4px;
	padding-bottom: 	4px;
}

#main div.jumpToTop {
	float: 					right;
	width: 					28px;
	height: 				28px;
	background: 			url(../if/customer/ifElements.png) no-repeat -85px 0;
	background-size: 		158px 91px;
}

#main h1 {
	/* 	Responsive	 */
	font-family: 			'Lato', sans-serif;
	font-size: 				2em;
	color: 					#b9191d;
	font-weight: 			700;
	line-height: 			1.2em;
}

#area2 h1 {
	font-size: 				1.25em;
}

#main h2 {
	font-size: 				1.2em;
	color: 					#b9191d;
	font-weight: 			700;
	line-height: 			1.3em;
}

#main textarea.normText,
#main textarea.headLine,
#main textarea.of_editText {
	width: 					100%;
	height: 				24px;
	font-family: 			'Lato', sans-serif;
	font-weight: 			400;
	font-size: 				1em;
	line-height: 			1.5em;
	color: 					#333;
	-webkit-box-sizing: 	border-box;
	-moz-box-sizing: 		border-box;
	box-sizing: 			border-box;
	border: 				1px dashed #ccc;
	resize: 				none;
	overflow: 				hidden;
	background-color: 		transparent;
}

#main textarea.headLine {
	font-weight: 			700;
}

#main textarea.title,
#main textarea.legend,
#main textarea.promotionTitle,
#main input.subTitle,
#main input.title,
#main input.of_editTitle {
	width: 					100%;
	height: 				32px;
	font-family: 			'Lato', sans-serif;
	font-size: 				1.5em;
	line-height: 			1.2em;
	font-weight: 			400;
	color: 					#b9191d;
	-webkit-box-sizing: 	border-box;
	-moz-box-sizing: 		border-box;
	box-sizing: 			border-box;
	border: 				1px dashed #ccc;
	resize: 				none;
	overflow: 				hidden;
}

#main input.title,
#main input.of_editTitle {
	font-family: 			'Lato', sans-serif;
	font-size: 				2em;
	font-weight: 			700;
	line-height: 			1.2em;
	height: 				auto;
	margin-bottom: 			2px;
	background-color: 		transparent;
}


#main input.subTitle {
	font-size: 				1.2em;
	height: 				auto;
	margin-bottom: 			2px;
	color: 					#333;
}


#main textarea.legend {
	font-weight: 			400;
	font-size: 				0.9em;
	margin-top: 			1px;
	background-color: 		transparent;
}

#main div.promotionTitle,
#main textarea.promotionTitle {
	display: 				block;
	font-size: 				1.25em;
	line-height: 			2em;
	background-color: 		#b9191d;
	color: 					white;
	text-align: 			center;
	border: 				none;
}

#area1.narrow div.promotionTitle,
#area1.narrow textarea.promotionTitle {
/* 	Responsive	 */
	font-size: 				1.1em;
}

#main a div.promotionTitle {
	font-weight: 			400;
}

#main a:hover div.promotionTitle,
#main textarea.promotionTitle:hover,
#main a.promotionLink:hover {
	text-decoration: 		underline;
}


#main input.link,
#main input.normText,
#main input.topText,
#main input.bottomText {
	width: 					100%;
	font-family: 			'Lato', sans-serif;
	font-size: 				1em;
	line-height: 			1.2em;
	color: 					#333;
	font-weight: 			400;
	-webkit-box-sizing: 	border-box;
	-moz-box-sizing: 		border-box;
	box-sizing: 			border-box;
	border: 				1px dashed #ccc;
}

#main p.headLine {
	font-weight: 			700;
}

#main ul.bullet {
	list-style: 			none;
}


#main ul.bullet li {
	/* 	Responsive	 */
	background: 			url(../if/customer/bullet.png) no-repeat left top;
	background-size: 		12px 20px;
	padding-left: 			18px;
	line-height: 			1.5em;
	font-weight: 			400;
}

#main ul.bullet input.normText {
	margin-bottom: 			2px;
	font-weight: 			400;
	background-color: 		transparent;
	color: 					#333;
}

#main input.link,
#main ul.bullet input.normText.link {
	color: 					#749ba4;
	font-weight: 			400;
	background-color: 		transparent;
}

#main input.link:hover,
#main ul.bullet input.normText.link:hover {
	text-decoration: 		underline;	
}

#area1 p.marginTop {
	margin-top: 			1em;
}

#main img {
	display: 				block;
}

#main div.customerImage > img,
#main img.pageImage {
	display: 				block;
	width: 					100%;
}


#main div.pageFile {
	position: 				relative;
	margin-left: 			52px;
	min-height: 			48px;
}

#main div.pageFile span {
	font-size: 				0.7em;
	font-weight: 			700;
	padding-left: 			4px;
}

#main div.fileIcon {
	position: 				absolute;
	left: 					-52px;
	top:					0;
	width: 					44px;
	height: 				44px;
	background: 			url(../if/customer/fileIcons.png) no-repeat;
	background-size: 		44px 220px;

}

#main div.icon_pdf {
	background-position: 	0 -44px;
}

#main div.icon_doc {
	background-position: 	0 -88px;
}

#main div.icon_xls {
	background-position: 	0 -132px;
}

#main div.icon_ppt {
	background-position: 	0 -176px;
}

#main div.diaDiv {
	position:			relative;
	overflow:			hidden;
}

#main div.diaDiv div.jumpPrevDia {
	position: 			absolute;
	width: 				31px;
	left: 				8px;
	top: 				0;
	bottom: 			0;
	z-index: 			1;
	background: 		url(../if/diaArrows.png) left center no-repeat;
	cursor: 			pointer;
}

#main div.diaDiv div.jumpNextDia {
	position: 			absolute;
	width: 				31px;
	right: 				8px;
	top: 				0;
	bottom: 			0;
	z-index: 			1;
	background: 		url(../if/diaArrows.png) right center no-repeat;
	cursor: 			pointer;
}

#main div.diaDiv > div {
	position:			relative;
}

#main div.diaShowDiv {
	position:			absolute;
/* 	width: 				100%; */
	top: 				0;
	bottom: 			0;
	left: 				0;
	right:				0;
}

#main div.diaShowPreloadDiv {
	position:			absolute;
	display:			none;
	width: 				100%;
}

#main div.diaShowDiv img,
#main div.diaShowPreloadDiv img {
	width: 				100%;
}

#main div.of_youTube {
	position: 			relative;
	padding-bottom: 	56.25%;
	padding-top: 		30px;
	height:				0;
	overflow: 			hidden;
}

#main div.of_youTube iframe {
	position: 			absolute;
	top: 				0;
	left: 				0;
	width: 				100%;
	height: 			100%;
}

#main div.video {
	position: 			relative;
}

#main div.video > div {
	position: 			absolute;
	width: 				100%;
	height: 			100%;
	background: 		url(../if/play.png) center center no-repeat;
	background-size: 	48px 48px;
	cursor: 			pointer;
}

#main div.video:hover > div {
	background: 		url(../if/playOver.png) center center no-repeat;
	background-size: 	48px 48px;
}


#main div.video > div.large {
	background: 		url(../if/playLarge.png) center center no-repeat;
	background-size: 	96px 96px;
}

#main div.video:hover > div.large {
	background: 		url(../if/playLargeOver.png) center center no-repeat;
	background-size: 	96px 96px;
}

#main div.error,
#main p.error {
	color: 				white;
	font-weight: 		400;
	line-height: 		1.5em;
	background-color:	#900;
	padding: 			6px 12px;
	border-radius: 		8px 8px 0 0;
	margin-bottom: 		8px;
}

#main div.success,
#main p.success {
	color: 				white;
	font-weight: 		400;
	line-height: 		1.5em;
	background-color: 	#090;
	padding: 			6px 12px;
	border-radius: 		8px 8px 0 0;
	margin-bottom: 		8px;
}

#main div.visitorForm input[type=text], 
#main div.visitorForm input[type=password], 
#main div.visitorForm textarea {
	font-family: 		'Lato', sans-serif;
	font-size: 			1em;
	color: 				#333;
	font-weight: 		400;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
	padding: 			4px 8px;
	border: 			1px solid #666;
}

#main div.visitorForm input[type=submit] {
	float: 				none;
	width: 				100%;
	background-color:	#b9191d;
	border: 			0;
	color: 				white;
	font-family: 		'Lato', sans-serif;
	font-weight: 		700;
	font-size: 			1em;
	padding: 			6px 0;
}

#main div.visitorForm input[type=submit]:hover {
	cursor: 			pointer;
	text-decoration: 	underline;
}

#main div.visitorForm textarea {
	resize: 			vertical;
	height: 			8em;
}

#main div.visitorForm label {
	float: 				left;
	width: 				30%;
	line-height: 		2em;
	white-space: 		nowrap;
}

#main div.visitorForm input[type=text],
#main div.visitorForm textarea {
	float: 				left;
	width: 				70%;
	margin-bottom: 		4px;
	background-color: 	rgba(255,255,255,0.8);
}

#main div.visitorForm input.date_day {
	float: 				none;
	display: 			inline;
	width: 				12%;
	max-width: 			50px;
	text-align: 		right;
}

#main div.visitorForm select.date_month {
	float: 				none;
	display: 			inline;
	width: 				29%;
	max-width: 			180px;
	margin: 			0 4px;
	-webkit-appearance: none;
	-moz-appearance:	none;
	outline: 			none;
	font-family: 		'Lato', sans-serif;
	font-size: 			1em;
	font-weight: 		400;
	color: 				#333;
	padding: 			4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
	background-color: 	rgba(255,255,255,0.4);
	border: 			1px solid #333;
	border-radius: 		4px;
}

#main div.visitorForm input.date_year {
	float: 				none;
	display: 			inline;
	width: 				18%;
	max-width: 			75px;
}


#main div.visitorForm span.obligatoryFields {
	line-height: 		2em;
	font-size: 			0.7em;
}


#main div.visitorForm div.editFormRow {
	padding-left: 		62px;
}

#main div.visitorForm div.editFormRow > div {
	position: 			relative;
	width: 				0;
	left: 				0;
}

#main div.visitorForm div.editFormRow > div > div {
	position: 			absolute;
	width: 				18px;
	text-align: 		center;
	padding: 			4px 0 8px 0;
}


#main div.visitorForm div.colRequired {
	background-color: 	#0cc;
	left: 				-62px;
}

#main div.visitorForm div.colDisplay {
	background-color: 	#ff0;
	left: 				-44px;
}

#main div.visitorForm div.colNone {
	background-color: 	#c33;
	left: 				-26px;
}

#main div.legendLabel {
	font-size: 			12px;
	line-height: 		18px;
	padding-left: 		4px;
}

#main div.inv {
	display: 			none;
}

#main div.article div.red {
/* 	Responsive	 */
	background-color: 	#b9191d;
	padding: 			8px 12px;
	color: 				white;
}

#main div.article div.red > span {
/* 	Responsive	 */
	padding-left: 		64px;
}

#main div.article div.red > div.colLeft,
#main div.article div.red > div.colRight {
/* 	Responsive	 */	
	width: 				50%;
	float: 				left;
	font-size: 			1.25em;
	margin-top: 		8px;
}

#main div.article span.price {
/* 	Responsive	 */
	font-size: 			2em;
	font-weight: 		700;
}

#main div.article span.addToCart {
/* 	Responsive	 */
	position: 			relative;
	padding-right: 		56px;
	line-height: 		3em;
	padding-top: 		21px;
}

#main div.article span.addToCart:hover {
	cursor: 			pointer;
	text-decoration: 	underline;
}

#main div.article span.addToCart > div {
	position: 				absolute;
	right: 					0;
	top: 					0;
	width: 					46px;
	height: 				44px;
	background: 			url(../if/customer/ifElements.png) no-repeat -64px -46px;
	background-size: 		158px 91px;
}

#main div.article select {
	width: 					80%;
	font-family: 			'Lato', sans-serif;
	font-weight: 			400;
	font-size: 				0.8em;
	line-height: 			2em;
	color: 					#444;
	background-color: 		white;
	padding: 				0 8px;
	margin-top: 			8px;
	-webkit-appearance: 	none;
	-moz-appearance:		none;
	outline: 				none;
	-webkit-box-sizing: 	border-box;
	-moz-box-sizing: 		border-box;
	box-sizing: 			border-box;
}

#main div.article div.cheese {
	display: 				inline-block;
	width: 					32px;
	height:					32px;
	margin: 				8px 4px 8px 0;
	background: 			url(../if/customer/ifElements.png) no-repeat -32px -46px;
	background-size: 		158px 91px;
}

#main div.article div.cheese.filled {
	background-position: 	0 -46px;
}














#main div.editPageArticles ul {
	list-style: 		none;
	margin: 			8px 0;
	border-left:		1px solid #9cf;
	border-right:		1px solid #9cf;
	border-top:			1px solid #9cf;
}

#main div.editPageArticles li {
	position: 			relative;
	padding-left: 		100px;
	line-height: 		24px;
	border-bottom: 		1px solid #9cf;
}

#main div.editPageArticles li:not(.tableHead):hover {
	cursor: 			pointer;
	background-color: 	#369;
	color: 				white;
}

#main div.editPageArticles li.tableHead {
	font-weight: 		700;
	background-color: 	#444;
	color: 				white;
}

#main div.editPageArticles li:nth-child(even) {
/* 	background-color: 	rgba(255,255,255,0.2); */
}

#main div.editPageArticles li > div {
	position: 			absolute;
	left: 				8px;
	top: 				0;
	width: 				84px;
}

#main div.editPageArticles li > span {
	display: 			none;
	color: 				#0f0;
	font-size: 			18px;
	padding-left: 		8px;
}

#main div.editPageArticles li.selected {
	background-color: 	#369;
	color: 				white;
	font-weight: 		700;
}

#main div.editPageArticles li.selected > span {
	display: 			inline;
}

fieldset.of_editPageForm label {
	float: 				left;
	width: 				30%;
}

fieldset.of_editPageForm input,
fieldset.of_editPageForm select {
	width: 				68%;
	margin-bottom: 		2px;
}

fieldset.of_editPageForm input.of_halfWidth,
fieldset.of_editPageForm select.of_halfWidth {
	width: 				32%;
}

fieldset.of_editPageForm textarea {
	width: 				100%;
	height: 			60px;
	resize: 			none;
}



#main h3 {
	font-size: 				1.25em;
	color: 					#333;
	line-height: 			1.4em;
}

#area1 {
/* 	Responsive	 */
	width: 					1200px;
}

#area1.narrow {
/* 	Responsive	 */
	float: 					left;
	width: 					852px;
	margin-right: 			48px;	
}

#area1 div.col1_4,
#area1 div.col2_4,
#area1 div.col3_4,
#area1 div.col4_4 {
/* 	Responsive	 */
	float: 					left;
	width: 					288px;
	margin-right: 			16px;
}

#area1.narrow div.col1_4,
#area1.narrow div.col2_4,
#area1.narrow div.col3_4,
#area1.narrow div.col4_4 {
/* 	Responsive	 */
	width: 					201px;
}

#area1 div.col4_4 {
	margin-right: 			0;
}


#area1 div.col1_2,
#area1 div.col2_2 {
/* 	Responsive	 */
	float: 					left;
	width: 					592px;
	margin-right: 			16px;
}

#area1.narrow div.col1_2,
#area1.narrow div.col2_2 {
/* 	Responsive	 */
	width: 					418px;
}

#area1 div.col2_2 {
	margin-right: 			0;
}


#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 {
/* 	Responsive	 */
	float: 					left;
	margin-right: 			50px;
}

#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 {
/* 	Responsive	 */
	float: 					left;
}

#area1 div.col_30_70 > ul.first,
#area1 div.col_70_30 > ul.second {
/* 	Responsive	 */
	width: 					345px;
}

#area1 div.col_40_60 > ul.first,
#area1 div.col_60_40 > ul.second {
/* 	Responsive	 */
	width: 					460px;
}

#area1 div.col_50_50 > ul.first,
#area1 div.col_50_50 > ul.second {
/* 	Responsive	 */
	width: 					575px;
}

#area1 div.col_60_40 > ul.first,
#area1 div.col_40_60 > ul.second {
/* 	Responsive	 */
	width: 					690px;
}

#area1 div.col_70_30 > ul.first,
#area1 div.col_30_70 > ul.second {
/* 	Responsive	 */
	width: 					805px;
}


#area1.narrow div.col_30_70 > ul.first,
#area1.narrow div.col_70_30 > ul.second {
/* 	Responsive	 */
	width: 					241px;
}

#area1.narrow div.col_40_60 > ul.first,
#area1.narrow div.col_60_40 > ul.second {
/* 	Responsive	 */
	width: 					321px;
}

#area1.narrow div.col_50_50 > ul.first,
#area1.narrow div.col_50_50 > ul.second {
/* 	Responsive	 */
	width: 					401px;
}

#area1.narrow div.col_60_40 > ul.first,
#area1.narrow div.col_40_60 > ul.second {
/* 	Responsive	 */
	width: 					481px;
}

#area1.narrow div.col_70_30 > ul.first,
#area1.narrow div.col_30_70 > ul.second {
/* 	Responsive	 */
	width: 					561px;
}

#area2 {
/* 	Responsive	 */
	float: 					left;
	width: 					300px;
}

#area2 input.title,
#area2 input.of_editTitle {
	font-size: 				1.25em;
	color: 					#53585f;
	font-weight: 			700;
}


#footer {
/* 	Responsive	 */
	position: 				fixed;
	left: 					0;
	bottom: 				0;
	width: 					100%;
	background-color: 		#b9191d;
	border-top:				1px solid white;
	color: 					white;
	font-size: 				0.88888em;
	line-height: 			1.5em;
	padding: 				16px 0;
}

#footer > div.area {
/* 	Responsive	 */
	width: 					1200px;
	margin: 				0 auto;
	display: 				flex;
	justify-content: 		space-between;
}

#footer div.contact {
	display: 				flex;
	justify-content: 		space-between;
	column-gap:				2em;
}

#footer address {
	font-style: 			normal;
}

#footer span {
	font-weight: 			700;
}


#footer div.openfileLogo {
/* 	Responsive	 */
	position: 				absolute;
	left: 					8px;
	top:					20px;
	width: 					15px;
	height: 				91px;
}

#footer div.openfileLogo > img {
	height: 				100%;
	display: 				block;
}

#footer a {
	color: 					white;
	text-decoration: 		none;
}

#footer a:hover {
	text-decoration: 		underline;
}

.clear {
	clear: 					both;
}

div.clear.spaceAfter {
/* 	Used in PageForm Container */
	height: 				16px;
}

#imageGalleryCover {
	position:			fixed;
	z-index:			998;
	display:			none;
	left:				0;
	top:				0;
	width:				100%;
	height:				100%;
	background-color: 	rgba(0,0,0,0.6);
}

#imageGallery {
	position:			absolute;
	z-index:			999;
	display:			none;
	left:				0;
	top:				0;
	width:				100%;
	overflow: 			hidden;
}

#imageGallery > div {
	position:			relative;
	left:				50%;
	float:				left;
}

#imageGallery > div > div {
	/* 	Responsive	 */
	position:			relative;
	left:				-50%;
	float:				left;
	padding-top: 		64px;
}

#galleryPreviousImage > div,
#galleryNextImage > div {
	width: 				64px;
	height: 			64px;
	background: 		url(../if/navElements.png);
	background-size: 	64px 192px;
	opacity: 			0.8;
}

#galleryPreviousImage > div {
	background-position: 0 0;
}

#galleryNextImage > div {
	background-position: 0 -64px;
}

#galleryPreviousImage,
#galleryNextImage {
	position: 			absolute;
	top:				50%;
	margin-top: 		-32px;
}

#galleryNextImage {
	left: 				auto;
	right: 				0;
}

#galleryPreviousImage div.disabled {
	opacity: 			0.2;
}

#galleryPreviousImage div.enabled:hover {
	background-position: -2px 0;
	opacity: 			1;
	cursor: 			pointer;
}

#galleryPreviousImage div.enabled:active {
	background-position: -4px 0;
}

#galleryNextImage div.disabled {
	opacity: 			0.2;
}

#galleryNextImage div.enabled:hover {
	background-position: 2px -64px;
	opacity: 			1;
	cursor: 			pointer;
}

#galleryNextImage div.enabled:active {
	background-position: 4px -64px;
}

#galleryImage {
	position: 			relative;
	background-color:	white;
	margin:				0 auto;
	padding:			1px;
}

#galleryImage > div.close {
/* 	Responsive	 */
	cursor:				pointer;
	position:			absolute;
	left:				-27px;
	top:				-27px;
	background: 		url(../if/navElements.png) 0 -128px;
	background-size: 	64px 192px;
	width: 				53px;
	height:				53px;
	opacity: 			0.8;
}

#galleryImage > div.close:hover {
	opacity: 			1;
}

#galleryImage > img {
	display: 			block;
	width: 				100%;
}