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

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

body {
	font-family: 			'Merriweather', serif;
    font-size: 				18px;
    color: 					#333;
    background-color:	 	white;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}

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

#topBar {
	/* 	Responsive	 */
	position: 				fixed;
	width: 					100%;
	height: 				216px;
	z-index: 				3;
}

#topBar > div {
	/* 	Responsive	 */
	width: 					1150px;
	margin: 				16px auto 0 auto;
}

#piwi {
	/* 	Responsive	 */
	float: 					left;
	width: 					288px;
	height: 				200px;
	z-index: 				3;
}

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

#menuHandle {
	float: 					right;
	padding: 				2px 16px 0 16px;
	background-color: 		rgba(0,0,0,0.5);
	cursor: 				pointer;
	z-index: 				3;
}

#menuHandle > span {
	position: 				relative;
	padding-right: 			36px;
	color: 					white;
	font-size: 				1.5em;
	font-weight: 			400;
	line-height: 			42px;
	text-align: 			right;
}

#menuHandle > span > div {
	position: 				absolute;
	top:					4px;
	right: 					0;
	width: 					26px;
	height: 				24px;
	background: 			url(../if/customer/ifElementsPiwi.png) no-repeat 0 0;
	background-size: 		130px 165px;
}

#menu {
	display: 				none;
	position: 				absolute;
	width: 					400px;
	min-height:				100%;
	top:					0;
	right: 					-400px;
	z-index: 				4;
	background-color:		white;
}

#menu li a {
	display: 				block;
	color: 					#333;
	text-decoration: 		none;
	padding: 				4px 0;
}

#menu li a:hover,
#menu li.active > a,
#menu li.active > span {
	color: 					#450085;
}


#menu div.menu {
	font-size: 				1.2em;
	padding: 				23px 0 24px 24px;
	line-height: 			1.4em;
}

#menu div.piwi {
	float: 					left;
	width: 					214px;
	height: 				144px;
}

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

#menu div.close {
	float: 					right;
	width: 					40px;
	height: 				40px;
	margin-right: 			30px;
	background: 			url(../if/customer/ifElementsPiwi.png) no-repeat 0 -27px;
	background-size: 		130px 165px;
	font-family: 			Arial, Helvetica;
	font-size: 				34px;
	line-height: 			38px;
	text-align: 			center;
	color: 					white;
	cursor: 				pointer;
}

#menu ul {
	list-style: 			none;
}

#menu ul.menu {
	line-height: 			2em;
}

#menu ul.menu span {
	display: 				block;
	padding: 				4px 0;
}

#menu ul.menu span.parent:hover {
	color: 					#450085;
	cursor: 				pointer;
}

#menu ul.main {
	margin-top: 			24px;
	border-top: 			1px solid #450085
}

#menu ul.menu ul {
	display: 				none;
	margin-top: 			-4px;
	line-height: 			1.6em;
}

#menu ul.menu ul.active {
	display: 				block;
}

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

#menu ul.menu li.parent > div {
	position: 				absolute;
	left: 					0;
	top: 					0.6em;
	width: 					21px;
	height: 				21px;
	background: 			url(../if/customer/ifElementsPiwi.png) no-repeat 0 -68px;
	background-size: 		130px 165px;
	cursor: 				pointer;
}

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

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

#menu ul.menu > li {
	border-bottom: 			1px solid #450085;
}

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

#menu address {
	padding: 				64px 28px 0 28px;
	font-size: 				0.9em;
	line-height: 			1.3em;
	font-style: 			normal;
}

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

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


#placeHolder {
	width: 					100%;
	padding-bottom: 		22.5%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 			0px;
	height: 				0;
	overflow: 				hidden;
}

#headImage {
	position: 				fixed;
	width: 					100%;
	top:					0;
	left: 					0;
	z-index: 				2;
	overflow: 				hidden;
	font-size: 				1em;
}


#headImage > img {
	position: 				relative;
    width: 					100%;
    display: 				inline;
    min-height: 			116px;
}

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

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

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

#headImage h1,
#headImage input {
	font-family: 			'Merriweather', serif;
	color: 					white;
	margin: 				0;
	padding: 				10px 20px;
	font-weight: 			700;
	font-style: 			italic;
	line-height: 			normal;
	font-size: 				2.5em;
}

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

#sloganWidth {
	position: 				absolute;
	top:					-1000px;
	font-family: 			'Merriweather', serif;
	font-weight: 			700;
	font-style: 			italic;
	line-height: 			normal;
	font-size: 				2.5em;
}


#headImage form {
	display: 				none;	
}

#headImage form > input {
	background-color: 		transparent;
	border: 				1px dashed white;
	margin: 				0;
	padding: 				3px 20px;
}



#headImage form > div {
	position: 				absolute;
	top:					-60px;
	height: 				60px;
	width: 					200px;
	background-color:		#69c;
	border-radius: 			5px 5px 0px 0px;
}

#headImage form > div > div {
	padding: 				0 20px;
}


#headImage form > div > div > input,
#headImage form > div > div > label {
	font-family: 			Arial,Helvetica;
	font-size: 				12px;
	line-height: 			20px;
	color: 					#333;
	border: 				0;
	margin: 				2px 0 0 0;
	padding: 				0;
}

#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 {
	background-color:		white;
	font-size: 				1em;
	font-weight: 			300;
}

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


#main a {
	color: 					#b92cbb;
	text-decoration: 		none;
}

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


#main > div {
	width: 					1150px;
	margin: 				0 auto;
	padding-top: 			42px;
}

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

#main p.legend {
	margin-top: 			4px;
	font-size: 				0.8em;
}

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

#main div.jumpToTop {
	float: 					right;
	width: 					21px;
	height: 				21px;
	background: 			url(../if/customer/ifElementsPiwi.png) no-repeat 0 -110px;
	background-size: 		130px 165px;
}

#main h1 {
	font-size: 				1.7em;
	color: 					#450085;
	font-weight: 			700;
	font-style: 			italic;
	line-height: 			1.2em;
}

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

#main textarea.normText,
#main textarea.headLine,
#main textarea.of_editText {
	width: 					100%;
	height: 				24px;
	font-family: 			'Merriweather', serif;
	font-weight: 			300;
	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;
}

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

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

#main textarea.legend {
	font-weight: 			300;
	font-style: 			normal;
}

#main input.title,
#main input.of_editTitle {
	font-size: 				1.5em;
	height: 				auto;
	margin-bottom: 			2px;
}

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


#main textarea.legend {
	color: 					#333;
	font-size: 				0.8em;
	height: 				18px;
	margin-top: 			3px;
}

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

#main input.link {
	color: 					#333;
}

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

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

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

#main ul.bullet input.normText {
	margin-bottom: 			2px;
}

#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: 			43px;
	min-height: 			48px;
}

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

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

}

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

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

#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 p.error {
	color: 				white;
	background-color:	#900;
	padding: 			4px 8px;
	border-radius: 		8px 8px 0 0;
	margin-bottom: 		8px;
}

#main p.success {
	color: 				white;
	background-color: 	#090;
	padding: 			4px 8px;
	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: 			'Merriweather', serif;
	font-size: 			1em;
	color: 				#333;
	font-weight: 		300;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
	padding: 			6px 8px;
	border: 			1px solid #666;
}

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

#main div.visitorForm input[type=submit]:hover {
	cursor: 			pointer;
	background-color:	#b92cbb;
}

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

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

#main div.visitorForm input[type=text],
#main div.visitorForm textarea {
	float: 				left;
	width: 				70%;
	margin-bottom: 		4px;
}

#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;
}

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.5em;
	color: 					#450085;
	line-height: 			1.2em;
}

#area1 {
/* 	Responsive	 */
	float: 					left;
	width: 					750px;
	margin-right: 			50px;	
}

#area1 div.col1_3,
#area1 div.col2_3,
#area1 div.col3_3 {
/* 	Responsive	 */
	float: 					left;
	width: 					230px;
}

#area1 div.col1_3,
#area1 div.col2_3 {
/* 	Responsive	 */
	margin-right: 			30px;
}


#area1 div.col1_2,
#area1 div.col2_2 {
/* 	Responsive	 */
	float: 					left;
	width: 					350px;
}

#area1 div.col1_2 {
/* 	Responsive	 */
	margin-right: 			50px;
}

#area1 div.col_address_left {
/* 	Responsive	 */
	float: 					left;
	width: 					150px;
	margin-right: 			50px;
}

#area1 div.col_address_right {
/* 	Responsive	 */
	float: 					left;
	width: 					550px;	
}


#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: 					210px;
}

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

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

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

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

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

#footer {
	width: 					100%;
	height: 				60px;
	margin-top: 			60px;
	background-color:		#450085;
	color: 					white;
	line-height: 			64px;
	font-size: 				0.8em;
	font-weight: 			700;
}

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

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

#footer > div {
	width: 					1150px;
	margin: 				0 auto;
	position: 				relative;
}

#footer span {
	margin: 				0 8px;
}

#footer div.openfileLogo {
/* 	Responsive	 */
	position: 				absolute;
	right: 					0;
	top:					20px;
	width: 					130px;
	height: 				21px;
	background: 			url(../if/customer/ifElementsPiwi.png) no-repeat 0 -144px;
	background-size: 		130px 165px;
}


.clear {
	clear: 					both;
}

div.s400,
div.s768,
div.s1024 {
	display: 				none;
}

#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 {
	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 {
	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%;
}