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

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

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


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

#topBar {
	/* 	Responsive	 */
	position: 				fixed;
	width: 					100%;
	height: 				78px;
	z-index: 				3;
/* 	background-color: 		#e4e4e3; */
	background-color: 		#ccc;
}

#topBar > div.line {
	/* 	Responsive	 */
	position: 				absolute;
	bottom: 				0;
	left: 					0;
	width: 					100%;
	height: 				2px;
	background-color: 		white;
}

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


#dorfkorporationBronschhofen {
/* 	Responsive	 */
	position: 				absolute;
	top: 					0;
	left: 					0;
	width: 					275px;
	height: 				150px;
}

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


#menuHandle {
/* 	Responsive	 */
	position: 				absolute;
	right: 					0;
	top: 					47px;
	cursor: 				pointer;
	z-index: 				3;
	width: 					60px;
}

#menuHandle > div {
/* 	Responsive	 */
	height: 				1px;
	background-color: 		#53585f;
	margin-bottom: 			8px;
}

#menuHandle > span {
/* 	Responsive	 */
	position: 				absolute;
	top: 					-2px;
	right: 					100%;
	padding-right: 			8px;
	font-size: 				1.5em;
	font-style: 			italic;
	line-height: 			21px;
	color: 					#53585f;
	font-weight: 			400;
}
	

#menu {
/* 	Responsive	 */
	position: 				fixed;
	top:					0;
	bottom: 				0;
	width: 					422px;
	right: 					-100%;
	z-index: 				4;
	font-size: 				1.4em;
	color: 					#53585f;
	background-color: 		white;
}

#menu div.menuBar {
/* 	Responsive	 */
	position: 				absolute;
	left: 					0;
	top: 					0;
	width: 					100%;
	height: 				76px;
	background-color: 		#ccc;
	z-index: 				1;
}

#menu div.dorfkorporationBronschhofen {
	/* 	Responsive	 */
	margin-left: 			16px;
	width: 					275px;
	height: 				150px;
}

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


#menu div.close {
	/* 	Responsive	 */
	position: 				absolute;
	right: 					32px;
	top: 					32px;
	width: 					60px;
	height: 				19px;
	background: 			url(../if/customer/ifElements.png) no-repeat 0 -42px;
	background-size: 		130px 61px;
	cursor: 				pointer;
	z-index: 				1;
}

#menu li a,
#menu li span {
	display: 				block;
	text-decoration: 		none;
	color: 					#53585f;
	font-style: 			italic;
}

#menu li span {
	cursor: 				default;
}

#menu ul {
	list-style: 			none;
}

#menu div.menu {
	padding: 				0;
	height: 				100%;
	overflow: 				scroll;
}

#menu ul.main {
	/* 	Responsive	 */
	margin-top: 			164px;
}

#menu ul.main ul {
	display: 				none;
}

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

#menu li.parent.open {
	background-color: 		#e4e4e3;
}

#menu ul.main > li {
	position: 				relative;
	padding-left: 			48px;
	border-top: 			1px solid #999;
}

#menu ul.menu li.parent > div {
	position: 				absolute;
	left: 					16px;
	top: 					0.7em;
	width: 					26px;
	height: 				24px;
	background: 			url(../if/customer/ifElements.png) no-repeat -29px 0;
	background-size: 		130px 61px;
}

#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.8em;
	font-size: 				0.9em;
	padding-left: 			16px;
}

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

#menu address {
	/* 	Responsive	 */
	padding: 				64px 16px 8px 48px;
	font-style: 			normal;
	font-size: 				0.75em;
	line-height: 			1.3em;
}

#dummy {
	/* 	Responsive	 */
	height: 				78px;
}

#headImage {
	position:				relative;
	font-size: 				1em;
	border-bottom: 			2px solid white;
}


#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 {
	font-family: 			'Roboto Condensed', sans-serif;
	color: 					white;
	margin: 				0;
	padding: 				0px 10px;
	font-weight: 			400;
	font-style: 			italic;
	line-height: 			normal;
	font-size: 				3em;
	border: 				1px solid white;
}

#headImage h1 {
	display: 				inline;
	white-space: 			nowrap;
}

#sloganWidth {
	position: 				absolute;
	top:					-1000px;
	font-family: 			'Roboto Condensed', sans-serif;
	font-weight: 			700;
	line-height: 			normal;
	font-size: 				3em;
}


#headImage form {
	display: 				none;	
}

#headImage form > input {
	background-color: 		transparent;
	margin: 				0;
}



#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 {
	position: 				relative;
	font-size: 				1em;
	font-weight: 			400;
	color: 					#384d5d;
}

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


#main a {
	color: 					#ec2325;
	text-decoration: 		none;
	font-weight: 			700;
	font-style: 			italic;
}

#main a:hover {
	color: 					#006ab3;
}


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

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

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

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

#main h1 {
	font-family: 			'Roboto Condensed', sans-serif;
	font-size: 				1.7em;
	color: 					#53585f;
	font-weight: 			400;
	font-style: 			italic;
	line-height: 			1.2em;
}

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

#main h2 {
	font-size: 				1.2em;
	color: 					#53585f;
	line-height: 			1.3em;
}

#main textarea.normText,
#main textarea.headLine,
#main textarea.of_editText {
	width: 					100%;
	height: 				24px;
	font-family: 			'Roboto Condensed', 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: 			'Roboto Condensed', sans-serif;
	font-size: 				1.5em;
	line-height: 			1.2em;
	font-weight: 			400;
    color: 					#53585f;
	-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: 			'Roboto Condensed', sans-serif;
	font-size: 				1.7em;
	font-weight: 			400;
	font-style: 			italic;
	line-height: 			1.2em;
	height: 				auto;
	margin-bottom: 			2px;
	background-color: 		transparent;
}

#area2 input.title,
#area2 input.of_editTitle {
	font-size: 				1.56em;
	font-weight: 			400;
}

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


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

#main div.promotionTitle,
#main textarea.promotionTitle {
	display: 				block;
	font-size: 				1.5em;
	line-height: 			1.8em;
	background-color: 		#006ab3;
	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: 			700;
}

#main a:hover div.promotionTitle,
#main textarea.promotionTitle:hover {
	background-color: 		#ec2325;
	text-decoration: 		none;
}

#main a.promotionLink:hover {
	text-decoration: 		none;
}


#main div.promotionImage {
	border-style: 			solid;
	border-color: 			#006ab3;
	border-width: 			2px 2px 0 2px;
}

#main a:hover div.promotionImage {
	border-color: 			#ec2325;
}


#main input.link,
#main input.normText,
#main input.topText,
#main input.bottomText {
	width: 					100%;
	font-family: 			'Roboto Condensed', 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 0 0;
	background-size: 		12px 22px;
	padding-left: 			18px;
	line-height: 			1.5em;
}

#main ul.bullet input.normText,
#main ul.bullet textarea.normText {
	margin-bottom: 			2px;
	background-color: 		transparent;
}

#main input.link,
#main ul.bullet input.normText.link {
	color: 					#ec2325;
	font-weight: 			700;
	font-style: 			italic;
	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 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: 		'Roboto Condensed', 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:	#006ab3;
	border: 			0;
	color: 				white;
	font-family: 		'Roboto Condensed', sans-serif;
	font-weight: 		700;
	font-style: 		italic;
	font-size: 			1em;
	padding: 			6px 0;
}

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

#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: 		'Roboto Condensed', 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;
}

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: 					#333;
	line-height: 			1.2em;
}

#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;
	font-size: 				0.88888em;
}

#area2 ul.bullet li {
	background-position: 	0 -2px;	
}

#footer {
/* 	Responsive	 */
	position: 				fixed;
	left: 					0;
	bottom: 				0;
	width: 					100%;
	background-color: 		#ccc;
	color: 					#53585f;
	font-size: 				0.8em;
	border-top: 			2px solid white;
}

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

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

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

#footer address,
#footer div.col {
/* 	Responsive	 */
	display: 				inline-block;
	width: 					20%;
	font-style: 			normal;
}


#footer div.openfileLogo {
/* 	Responsive	 */
	position: 				absolute;
	right: 					0;
	bottom:					8px;
	width: 					100px;
	height: 				17px;
	background: 			url(../if/customer/ifElements.png) no-repeat 0 -24px;
	background-size: 		130px 61px;
}


.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%;
}