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

body {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

a, input.link, span.link {
    text-decoration:	none;
    color: 				#369;
}

a:hover, input.link:hover, span.link:hover {
    text-decoration: 	underline;
    cursor: 			pointer;
}

img {
    border:					0;
}

#addFileArea {
	margin-bottom: 			16px;	
}

#hidden_upload {
	display: 				none;
}

#contactPanelForm {
	margin-bottom: 			8px;	
}

#sendFiles {
	list-style: 			none;	
}

#sendFiles div.delete {
	display: 				inline-block;
	width: 					16px;
	height: 				16px;
	color: 					white;
	text-align: 			center;
	font-size: 				12px;
	font-weight: 			400;
	line-height: 			16px;
	background-color: 		#c00;
	border-radius: 			8px;
	margin-left: 			4px;
	cursor: 				pointer;
}

#sendFiles div.reallyDelete {
	width: 					auto;
	padding: 				0 8px;
}

#sendFiles a {
	display: 				inline-block;
	max-width: 				180px;
	overflow: 				hidden;
	text-overflow: 			ellipsis;
}


#photoUploadProgress,
#deletePhoto {
	display: 				none;
}

#photoUploadProgress > img {
	display: 				inline;
	vertical-align: 		middle;
}

#printPage {
	display: 				inline-block;
	width: 					28px;
	height: 				19px;
	background: 			url(if/customer/ifElementsArbon.png) no-repeat 0 -246px;
	background-size: 		103px 265px;
	cursor: 				pointer;
	vertical-align: 		middle;
	margin-right: 			8px;
}

span.none {
	font-style: 			italic;
	color: 					#666;
}

input.send {
	float: 					right !important;	
}
	

#page {
	width: 994px;
	margin: 8px auto 0 auto;
}

#bannerPage {
	width: 1128px;
	margin: 8px auto 0 auto;
}

#bannerPagePage {
	float: left;
	width: 994px;
	margin-right: 14px;
}

#bannerPageBanner {
	float: left;
	width: 120px;
}

#header1 {
	margin: 			0 2px;
	height: 			96px;
}

#headerMobile {
	display: 			none;
}

#header1 a.smallA {
	font-size: 			12px;
	font-weight: 		bold;
	margin-left: 		8px;
	margin-right: 		2px;
}

#header1 a.middleA {
	font-size: 			14px;
	font-weight: 		bold;
	margin-right: 		2px;
}

#header1 a.largeA {
	font-size: 			16px;
	font-weight: 		bold;
	margin-right: 		2px;
}

#header1 a.fontSizeSelected {
	color: 				black !important;
}

#customerLogo {
	position: 		absolute;
	background: 	url(if/customer/ifElementsArbon.png) no-repeat;
	width: 			196px;
	height: 		84px;
	left: 			-64px;
}

#header1 div.headerMenu {
	color:			#666;
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		11px;
}

#header1 div.headerMenu a {
	color: 			#666;	
}

#search {
	margin-top: 	39px;
	float: 			right;
	width: 			240px;
}

#search div.searchSuggestionsOuter {
	position: 			relative;
	width: 				1;
	height: 			1;
	z-index: 			100;
}

#search div.searchSuggestions {
	display: 			none;
	position: 			absolute;
	z-index: 			100;
	top:				23px;
	left: 				8px;
	width: 				222px;
	text-align: 		left;
	background-color:	white;
	color:				#666;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	border: 			1px solid #999;
	border-top: 		none;
}

#search div.searchSuggestions ul {
	list-style-type: 	none;
	margin: 			0;
	padding: 			0;
}

#search div.searchSuggestions ul li {
	padding: 			2px 4px;
	white-space: 		nowrap;
	overflow: 			hidden;
	text-overflow: 		ellipsis;
}

#search div.searchSuggestions ul li.selected, #search div.searchSuggestions ul li:hover {
	background-color: 	#9cf;
	color: 				#333;
	cursor: 			pointer;
}

#search div.searchLeft {
	float: 			left;
	background: 	url(if/customer/ifElementsArbon.png) 0 -84px no-repeat;
	width: 			11px;
	height: 		23px;
}

#search div.searchMiddle {
	float: 			left;
	width: 			208px;
	height: 		21px;
	border-top:		1px solid #ccc;
	border-bottom:	1px solid #ccc;
}

#searchField {
	width:			208px;
	height:			15px;
	line-height: 	15px;
	font-size: 		12px;
	color: 			#999;
	border:			none;
	padding:	 	0;
	margin: 		2px 0 0 0;
	outline: 		none;
}

#search div.searchRight {
	float: 			left;
	background: 	url(if/customer/ifElementsArbon.png) -12px -84px no-repeat;
	width: 			21px;
	height: 		23px;
}


#header2 {
	margin: 		0 2px 1px 2px;
}

#pageDiashow {
	position:		relative;
	z-index:		1;
	overflow:		hidden;
}

#pageDiashow img {
	display: 		block;
}

#header_img_cover {
	position:		absolute;
	z-index:		2;
	display:		none;
}

#topBar {
	margin: 		0 2px;
	background: 	url(if/customer/ifElementsArbon.png) 0 -111px repeat-x;
	height: 		27px;
}


#main {
	width: 			994px;
}

#mainCol {
	float: 			left;
	padding-top: 	26px;
	width: 			488px;
}

img.border, div.border {
	border: 1px solid #797979;
}

img.transparentBorder, div.transparentBorder {
	border: 1px solid transparent;
}


#footer {
	margin-top: 	16px;
	margin-bottom: 	4px;
	text-align: 	center;
}

#footer img {
	padding: 	0 8px;
	border: 	none;
}

#breadcrumb {
	margin:				8px 0;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	padding: 			0 12px;
	color: 				#666;
}

#breadcrumb div.left {
	float:				left;
	width:				806px;	
}

#breadcrumb div.right {
	float:				left;
	width:				160px;	
}


#contact {
	display: 			none;
}

#leftCol, #rightCol {
	float: left;
	width: 253px;
	margin-top: 26px;
}

#leftCol div.container,
#leftCol h1.container,
#leftCol ul.container {
	padding-left: 		2px;
	padding-right: 		11px;
}

#mainCol div.container,
#mainCol h1.container,
#mainCol ul.container,
#mainCol div.visitorForm {
	padding-left: 		12px;
	padding-right: 		12px;
}

#mainCol div.panel div.container,
#mainCol div.panel h1.container,
#mainCol div.panel ul.container,
#mainCol div.panel div.visitorForm {
	padding-left: 		8px;
	padding-right: 		8px;
}

#rightCol div.container,
#rightCol h1.container,
#rightCol ul.container {
	margin-left: 		11px;
	margin-right: 		2px;
}

#rightCol div.panel div.container,
#rightCol div.panel h1.container,
#rightCol div.panel ul.container {
	margin-left: 		8px;
	margin-right: 		8px;
}

#rightCol div.contactTitle {
	display: 			none;
}

#mainCol div.col1_2 {
	float: 				left;
	width: 				224px;
}

#mainCol div.col2_2 {
	float: 				right;
	width: 				224px;
}

#mainCol div.panel div.col1_2,
#mainCol div.panel div.col2_2 {
	width: 				215px;	
}

#mainCol div.col1_3,
#mainCol div.col2_3,
#mainCol div.col3_3 {
	float: 				left;
	width: 				144px;
	margin-right: 		16px;
}

#mainCol div.panel div.col1_3,
#mainCol div.panel div.col2_3,
#mainCol div.panel div.col3_3 {
	width: 				142px;
	margin-right: 		10px;
}

#mainCol div.col3_3,
#mainCol div.panel div.col3_3 {
	margin-right: 		0;
}

#mainCol div.col1_4,
#mainCol div.col2_4,
#mainCol div.col3_4,
#mainCol div.col4_4 {
	float: 				left;
	width: 				104px;
	margin-right: 		16px;
}

#mainCol div.panel div.col1_4,
#mainCol div.panel div.col2_4,
#mainCol div.panel div.col3_4,
#mainCol div.panel div.col4_4 {
	margin-right: 		10px;
}

#mainCol div.col4_4,
#mainCol div.panel div.col4_4 {
	margin-right: 		0;
}

#mainCol div.col1_5,
#mainCol div.col2_5,
#mainCol div.col3_5,
#mainCol div.col4_5,
#mainCol div.col5_5 {
	float: 				left;
	width: 				80px;
	margin-right: 		16px;
}

#mainCol div.panel div.col1_5,
#mainCol div.panel div.col2_5,
#mainCol div.panel div.col3_5,
#mainCol div.panel div.col4_5,
#mainCol div.panel div.col5_5 {
	width: 				80px;
	margin-right: 		11px;
}

#mainCol div.col5_5,
#mainCol div.panel div.col5_5 {
	margin-right: 		0;
}


#mainCol div.searchLeft,
#mainCol div.searchRight {
	float: 				left;
	width: 				50%;	
}

#mainCol div.searchRight {
	text-align: 		right;	
}

img.customerImage {
	width: 				100%;
	display: 			block;
}


#mainCol div.pageAddress > img {
	width: 				auto;
	margin-bottom:		8px;
}

#main ul.container,
#main ul.addressIcons {
	list-style: 		none;
}

#main ul.container > li,
#main ul.addressIcons > li {
	padding-left: 		15px;
	position: 			relative;
}

#main ul.container > li > div.miniIcon,
#main ul.addressIcons > li > div.miniIcon {
	float: 				none;
	position: 			absolute;
	left: 				0;
	top:				1px;
}

#main div.container textarea.title,
#main div.container textarea.legend,
#main div.container input.link,
#main div.container textarea.editNormText,
#main ul.container textarea.editNormText {
	padding: 			2px;
	width: 				100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
	resize: 			none;
}

#main div.container textarea.editNormText {
	margin: 			4px 0;
}

#main div.container textarea.legend {
	margin-top: 		4px;
}

#main div.container textarea.title {
	height: 			18px;
}

#main div.container input.link {
	margin: 			4px 0;
}

#main div.tageskarte {
	display: 			none;
	position: 			fixed;
	left: 				0;
	top: 				0;
	width: 				100%;
	height: 			100%;
	background-color: 	rgba(0,0,0,0.7);
	z-index: 			15;
}

#main div.tageskarte > div {
	width: 				580px;
	margin: 			32px auto;
	background-color: 	white;
	position: 			relative;
}

#main div.tageskarte > div > div {
	cursor: 			pointer;
	position:			absolute;
	left: 				-14px;
	top: 				-14px;
	background: 		url(if/pictWindowIfElements.png) no-repeat -66px 0px;
	width: 				26px;
	height: 			26px;
}

#main .equalOrLessThenPhone {
	display: 		none;
}

#mainCol div.jobsWindow {
	position: 			fixed;
	width: 				100%;
	height: 			100%;
	left: 				0;
	top:				0;
	z-index: 			100;
	background: 		url(if/hideBackground.png) repeat;
	display: 			none;
}

#mainCol div.jobsWindow > div {
	width: 				800px;
	height: 			90%;
	margin: 			32px auto 8px auto;
	padding: 			8px 0 8px 8px;
	background-color: 	white;
}

#mainCol div.jobsWindow div.closeBox {
	position:			relative;
	margin: 			0 auto 0 auto;
}

#mainCol div.jobsWindow div.closeBox > img {
	cursor:				pointer;
	position: 			absolute;
	left: 				-20px;
	top: 				-20px;
}


#mainCol div.linkSymbol {
	background: 	url(if/customer/ifElements.png) 0 -302px repeat-x;
	width: 			12px;
	height: 		13px;
	margin-right: 	6px;
	float: 			left;
}


#main div.panel {
	margin-left: 	12px;
	margin-right: 	12px;
	border-left: 	1px solid #aaa;
	border-right: 	1px solid #aaa;
	background: #e7e7e7;
	background: -moz-linear-gradient(left,  #e7e7e7 0%, #f7f7f7 100%);
	background: -webkit-linear-gradient(left,  #e7e7e7 0%,#f7f7f7 100%);
	background: linear-gradient(to right,  #e7e7e7 0%,#f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f7f7f7',GradientType=1 );
}

#main div.panelTop {
	height:			8px;
	margin-left: 	12px;
	margin-right: 	12px;
	border-top: 	1px solid #aaa;
	border-left: 	1px solid #aaa;
	border-right: 	1px solid #aaa;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background: #e7e7e7;
	background: -moz-linear-gradient(left,  #e7e7e7 0%, #f7f7f7 100%);
	background: -webkit-linear-gradient(left,  #e7e7e7 0%,#f7f7f7 100%);
	background: linear-gradient(to right,  #e7e7e7 0%,#f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f7f7f7',GradientType=1 );
}

#main div.panelBottom {
	height:			8px;
	margin-left: 	12px;
	margin-right: 	12px;
	border-left: 	1px solid #aaa;
	border-right: 	1px solid #aaa;
	border-bottom: 	1px solid #aaa;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background: #e7e7e7;
	background: -moz-linear-gradient(left,  #e7e7e7 0%, #f7f7f7 100%);
	background: -webkit-linear-gradient(left,  #e7e7e7 0%,#f7f7f7 100%);
	background: linear-gradient(to right,  #e7e7e7 0%,#f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f7f7f7',GradientType=1 );
}

#mainCol div.news a:hover {
	text-decoration: none;
}

#mainCol div.news a:hover > div {
	background-color: 	#efefef;
}

#mainCol div.news h1 {
	color: #369;
}


#mainCol div.newsText {
	float: 			left;
	width: 			328px;
}

#mainCol div.newsImage {
	float:			right;
	width:			120px;
}

}

#mainCol input.of_editTitle, #mainCol textarea.of_editText {
	border: 1px dashed #ccc;
}



/* ----------------------------------------------- */
/* OnlineSwitch CSS ------------------------------ */
/* ----------------------------------------------- */


#main input.os_category, #main div.os_category {
	background: 		url(if/customer/ifElementsArbon.png) 0 -454px repeat-x;
	font-family: 		arial, helvetica;
	font-size: 			12px;
	font-weight: 		bold;
	color: 				#333;
	padding: 			3px 4px;
	border: 			1px solid #333;
}

#main div.os_search {
	background: 		#bcbcbb url(if/customer/ifElementsArbon.png) 0 -401px repeat-x;
	font-family: 		arial, helvetica;
	padding: 			3px 4px 2px 4px;
	border: 			1px solid #333;
}

#main div.os_search h1 {
	display: 			block;
	float: 				left;
	width: 				50%;
	font-size: 			16px;
	line-height: 		24px;
	color: 				#555;
}

#main div.os_search div.os_searchField {
	float: 				right;
	width: 				45%;
	border-radius: 		12px;
	height: 			24px;
	border: 			1px solid #999;
	background-color:	white;
}

#main div.os_search div.os_searchField > input {
	width:				100%;
	background: 		transparent;
	font-size: 			12px;
	line-height: 		24px;
	color: 				#666;
	border:				none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
	padding:	 		0 12px;
	margin: 			1px 0;
	outline: 			none;
}

#main div.os_search p {
	padding-top: 		7px;
	font-size: 			11px;
}

#mainCol div.os_search div.os_rowFormIconOnly {
	float:				left;
	width: 				16px;
	height: 			18px;
	background: 		url(if/customer/ifElementsArbon.png) -167px -84px no-repeat;
	margin-right: 		4px;
}

#main div.os_category {
	border-top: 		none;
}

#mainCol input.os_rowText {
	float:				left;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	color: 				#333;
/* 	padding: 			4px 4px 3px 4px; */
	padding-left: 		4px;
	padding-right: 		4px;
	padding-top: 		4px;
	height: 			18px;
	border: 			1px solid #333;
	border-right:		none;
}

#mainCol ul.os_row {
	list-style-type: 	none;
	border: 			1px solid #333;
	border-top:			none;
}

#mainCol ul.os_row li {
	margin: 			0;
	line-height: 		18px;
}

#mainCol ul.os_row li.col1 {
	float:				left;
	width: 				327px;
	padding: 			2px 4px;
}

#mainCol ul.os_row li.colPrice {
	float:				left;
	width: 				76px;
	padding: 			2px 4px;
}

#mainCol ul.os_row li.col1 > input,
#mainCol ul.os_row li.colPrice > input {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	color: 				#333;
	padding: 			0;
	line-height: 		18px;
	border: 			none;
	width: 				100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
	outline: 			none;
}


#mainCol ul.os_row li.os_rowIcons {
	float:				right;
	text-align: 		right;
	padding: 			2px;
	width: 				36px;
}

#mainCol ul.os_row li.os_rowIcons > div,
#mainCol ul.os_row li.os_rowIcons > a > div {
	display: 			inline-block;
}

#mainCol ul.os_row div.os_rowFormIcon {
	width: 				16px;
	height: 			18px;
	background: 		url(if/customer/ifElementsArbon.png) -167px -84px no-repeat;
}


#mainCol ul.os_row li.os_rowKeywords {
	float:				left;
	display: 			none;
}

#mainCol li.os_clearLeft {
	clear: 				both;
}


#mainCol div.os_rowFileIcon {
	float:				left;
	text-align:			center;
	line-height:		22px;
	border:				1px solid #333;
	padding: 			2px;
	width: 				16px;
	height: 			18px;
}



#of_onlineSwitchElements, #of_onlineSwitchElementsSource {
	list-style-type: none;
}

#of_onlineSwitchElements li {
	padding: 			0;
	margin: 			0;
/* 	border-top: 		1px solid white; */
/* 	border-bottom: 		1px solid white; */
}

li.of_os_container {
	color: 				#333;
	font-family: 		arial, helvetica;
	font-size: 			12px;
	cursor: 			move;
}

li.of_os_container div {
	border:				1px solid #369;
	padding:4px 2px;
}

li.of_os_c_category {
	background-color: 	#ccc;
	font-weight: 		bold;
}

li.of_os_c_osRow {
	background-color: 	white;
}





/* font-size in seperate file */
#mainCol p.newsDate {
	margin-bottom: 	4px;
}

#leftCol div.panelTop,
#leftCol div.panel,
#leftCol div.panelBottom {
	margin-left: 	0;
}

#rightCol div.panelTop,
#leftCol div.panelTop {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 		6px;
}

#rightCol div.panelBottom,
#leftCol div.panelBottom {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	height: 		6px;
}


#rightCol div.panel,
#rightCol div.panelTop,
#rightCol div.panelBottom {
	margin-right: 	0;
}

#rightCol div.azChar {
	float: 			left;
	background: 	url(if/customer/ifElementsArbon.png) no-repeat -115px -84px;
	width: 			25px;
	height: 		25px;
	border-right: 	1px solid white;
	border-bottom: 	1px solid white;
	font-size: 		14px;
	text-align: 	center;
	line-height: 	25px;
}

#rightCol div.aUntilZ {
	-moz-box-shadow: 	1px 1px 4px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.4);
	box-shadow: 		1px 1px 4px 1px rgba(0,0,0,0.4);
	padding: 			1px 0 0 1px;
	margin-bottom: 		4px;
	margin-right: 		7px;
}

#rightCol div.azCharEnabled {
	cursor: 		pointer;
	color: 			white;
}

#rightCol div.aUntilZ a:hover {
	text-decoration: none;
}

#rightCol div.azCharEnabled:hover,
#rightCol div.azCharActive {
	background-position: -141px -84px;
}

#rightCol div.azCharDisabled {
	color: 			#ccc;
}

#leftMenu {
	margin: 		23px 11px 20px 2px;
	border-bottom: 	1px solid #ccc;
}

#leftCol ul.menu {
	list-style-type: 	none;
}


#leftCol ul.menu li {
	border-top: 	1px solid #ccc;
	font-size: 		11px;
	line-height: 	23px;
	padding-left: 	12px;
}

#leftCol ul.menu li.parent {
	background: 	url(if/customer/menuTriangle.png) right top no-repeat;
}

#leftCol ul li a {
	color: 			#333;
}

#leftCol a.active, #leftCol a:hover {
	color: 			#369;
}

#leftCol ul ul {
	margin-left: 	12px;
}

#leftCol div.linkSymbol {
	background: 	url(if/customer/ifElements.png) 0px -315px repeat-x;
	width: 			10px;
	height: 		10px;
	margin-right: 	4px;
	margin-top: 	1px;
	float: 			left;
}

#mainCol div.bulletSymbol {
	background: 	url(if/customer/ifElements.png) -13px -302px repeat-x;
	width: 			12px;
	height: 		13px;
	margin-right: 	6px;
	float: 			left;
}

/* font-size in seperate file */
#mainCol div.bullet {
	float:			left;
}


/* font-size in seperate file */
#mainCol h1, #mainCol textarea.title, #mainCol input.title, #leftCol h1, #leftCol textarea.title, #rightCol h1, #rightCol textarea.title, #mainCol input.of_editTitle {
	font-family: 		Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	color:				#666;
}

/* font-size in seperate file */
#mainCol h2, #mainCol textarea.promotionTitle, #leftCol h2, #leftCol textarea.promotionTitle {
	font-family: 		Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	color: 				#666;
}

#mainCol div.panel h2 {
	color: #333;
}

/* font-size in seperate file */
#mainCol p, #mainCol .normText {
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#333;
}

#mainCol p.legend {
	font-style: 		italic;
	padding-top: 		4px;
}

/* font-size in seperate file */
#mainCol p.legend, #mainCol textarea.legend {
	font-family: 		Arial, Helvetica, sans-serif;
	font-style:			italic;
	color: 				#333;
}

textarea.normText, input.normText, textarea.title, input.title, textarea.headLine, input.link, textarea.quotation, textarea.legend, input.tickerEntries, textarea.promotionTitle, textarea.promotionText {
	border: 			1px dashed #e0e0e0;
	background-color: 	transparent;
}

textarea.normText, textarea.title, textarea.headLine, textarea.quotation, textarea.legend, textarea.promotionTitle, textarea.promotionText, textarea.of_editText {
	resize: 			none;
}

/* font-size in seperate file */
#mainCol p.headLine, #mainCol textarea.headLine {
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#333;
	font-weight: 		bold;
}

/* font-size in seperate file */
#mainCol p.quotation, #mainCol textarea.quotation {
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#333;
	font-style: 		italic;
}

/* font-size in seperate file */
#leftCol p, #leftCol textarea.normText, #rightCol p, #rightCol textarea.normText {
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#333;
}

/* font-size in seperate file */
#leftCol p.headLine, #leftCol textarea.headLine, #rightCol p.headLine, #rightCol textarea.headLine {
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#333;
	font-weight: 		bold;
}

/* font-size in seperate file */
#leftCol p.quotation, #leftCol textarea.quotation, #rightCol p.quotation, #rightCol textarea.quotation {
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#333;
	font-style: 		italic;
}

/* ??? */
#mainCol input.link {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			12px;
}

/* font-size in seperate file */
#leftCol a.oneLink, #leftCol input.link, #rightCol a.oneLink, #rightCol input.link {
	font-weight: 		bold;
}

#mainCol li {
	padding-left: 0px;
	margin-bottom: 2px;
}

/* font-size in seperate file */
#mainCol td.pageTable, #mainCol input.pageTable, #rightCol td.pageTable, #rightCol input.pageTable, #leftCol td.pageTable, #leftCol input.pageTable {
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#333;
}

#mainCol table.pageTable, #rightCol table.pageTable {
	border-spacing: 0;
	border-collapse: collapse;
}

#mainCol td.pageTable, #rightCol td.pageTable {
	padding: 0 2px;
}

#mainCol input.pageTable, #rightCol input.pageTable {
	border: none;
}

/* font-size in seperate file */
#mainCol div.pageAddress {
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#333;
}

#mainCol div.a_until_z_mobile {
	display: 			none;
}

#mainCol ul.aUntilZ {
	list-style: 		none;
}

#mainCol ul.aUntilZ li {
	padding: 			2px 0;
	border-bottom: 		1px solid #ccc;
}

#mainCol ul.aUntilZ div.word {
	float:			left;
	width:			200px;
	overflow:		hidden;
	text-overflow:	ellipsis;
}

#mainCol ul.aUntilZ div.link {
	float:			left;
	width:			264px;
	overflow:		hidden;
	text-overflow:	ellipsis;
}

#mainCol ul.addressAdditions {
	list-style: 	none;	
}

#mainCol ul.addressAdditions li {
	margin-bottom: 	0;
}

#mainCol ul.addressAdditions li.name {
	float: 				left;
	width: 				227px;
	padding-right:		10px;
	overflow:			hidden;
	text-overflow:		ellipsis;
	font-style: 		italic;
}

#mainCol ul.addressAdditions li.value {
	float: 				left;
	width: 				227px;
	overflow:			hidden;
	text-overflow:		ellipsis;
}

#mainCol ul.addressAdditions li.clear {
	clear: 				left;
	width: 				0;
}

#mainCol div.halfWidthLeft {
	float:				left;
	width: 				227px;
	padding-right:		10px;
	overflow:			hidden;
	text-overflow:		ellipsis;
}

#mainCol div.halfWidthRight {
	float:				left;
	width: 				227px;
	overflow:			hidden;
	text-overflow:		ellipsis;
}

/* font-size in seperate file */
#mainCol p.error, #leftCol p.error, #rightCol p.error {
	background-color: 	#c00;
	color: 				white;
	font-weight: 		normal;
	padding: 			4px 8px;
	margin-bottom: 		4px;
}

/* font-size in seperate file */
#mainCol p.success, #leftCol p.success, #rightCol p.success {
	background-color: 	#090;
	color: 				white;
	font-weight: 		normal;
	padding: 			4px 8px;
	margin-bottom: 		4px;
}

/* font-size in seperate file */
#mainCol p.note, #leftCol p.note, #rightCol p.note {
	background-color: 	#cc0;
	color: 				black;
	font-weight: 		normal;
	padding: 			4px 8px;
	margin-bottom: 		4px;
}


#progressIndicator {
	display: none;
}

div.progressIndicator {
	text-align: center;
	padding: 32px 0;
}


span.foundWord {
	background-color: yellow;
}

div.deleteButtons {
	background-color: #ccc;
	padding: 4px 8px;
	margin-bottom: 16px;
	text-align: right;
}


.dividerLine {
	border-top: 	1px solid #ccc;
}

#mainCol div.pageAddress > div.dividerLine,
#mainCol div.news > div.dividerLine {
	padding-bottom:		10px;
	margin-top:			10px;
}

#mainCol label.radioLabel {
	margin-left:	4px;
	float: 			none;
	cursor: 		pointer;
}

/* font-size in seperate file */

div.formLabelTopImportant {
	display: 		none;
}

#mainCol label.formLabelTop {
	display: 		block;
	padding-top: 	4px;
	padding-bottom: 2px;
}

/* font-size in seperate file */
#mainCol label.formLabel {
	float: left;
	line-height: 18px;
}

/* font-size in seperate file */
#mainCol label.clickLabel {
	line-height: 	18px;
	padding-left: 	4px;
	cursor: 		pointer;
}


#mainCol label.labelWidth_above {
	width: 				100%;
}

#mainCol label.labelWidth_small {
	width: 				20%;
}

#mainCol label.labelWidth_normal {
	width: 				34%;
}

#mainCol label.labelWidth_wide {
	width: 				41%;
}

#mainCol .fieldWidth_above {
	width: 				100%;
}

#mainCol .fieldWidth_wide {
	width: 				80%;
}

#mainCol .fieldWidth_normal {
	width: 				66%;
}

#mainCol .fieldWidth_small {
	width: 				59%;
}



#mainCol div.visitorForm input[type=text], 
#mainCol div.visitorForm input[type=password], 
#mainCol div.visitorForm textarea, 
#leftCol div.visitorForm input[type=text], 
#leftCol div.visitorForm input[type=password], 
#leftCol div.visitorForm textarea, 
#rightCol div.visitorForm input[type=text], 
#rightCol div.visitorForm input[type=password], 
#rightCol div.visitorForm textarea,
#contactPanel input[type=text],
#contactPanel textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
	border: 			1px solid #369;
	margin-bottom: 		1px;
	padding: 			2px 1px;
}

#mainCol div.visitorForm textarea {
	resize: 			vertical;
}


#mainCol div.visitorForm input[type=submit],
#mainCol div.visitorForm input.of_pf_button {
	float: 				right;
}

#mainCol div.visitorForm input.of_pf_button {
	text-align: 		center;
	border-radius: 		5px;
}


#mainCol div.visitorForm div.fieldContainer {
	float: left;
}


#mainMenu {
	list-style-type:	none;
	width: 				978px;
}

#mainMenu li {
	float: left;
}

#pageBottomMenu {
	margin: 			16px 2px 12px 2px;
	padding: 			8px 0 8px 20px;
	background: 		url(if/customer/ifElementsArbon.png) 0 -167px repeat-x;
	min-height: 		100px;
	-moz-box-shadow: 	1px 1px 1px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 		1px 1px 1px 1px rgba(0,0,0,0.4);
}

#pageBottomMenu ul {
	float: 				left;
	width: 				188px;
	list-style-type: 	none;
	margin-right: 		6px;
}

#pageBottomMenu li {
	color:				#333;
	font-size: 			10px;
	white-space: 		nowrap;
	overflow: 			hidden;
	text-overflow: 		ellipsis;
}

#pageBottomMenu li.firstMenu {
	font-size: 			12px;
	padding-bottom:		10px;
	
}

#pageBottomMenu a {
	color:				#333;
	font-weight: 		normal;
}

#pageBottomMenu a:hover {
	color: 				#369;
	text-decoration: 	underline;
}

#pageBottomMenu a.active {
	font-weight: 		bold;
}

.clear {
	height: 0px;
	clear: both;
}

.hidden {
	display: none;
}

div.container > div.file {
	position: 			relative;
	padding-left: 		28px;
	min-height: 		12px;
	padding-top: 		12px;
	overflow:			hidden;
	text-overflow:		ellipsis;
}

div.container > div.file > span {
	padding-left: 		4px;
}

/* File Icons
---------------------------------------------------*/
div.fileIcon {
	position: 		absolute;
	left: 			0;
	top:			0;
	background: 	url(if/pageIcons.png) no-repeat;
	width: 			24px;
	height: 		24px;
/*
	margin-right: 	4px;
	float: 			left;
*/
}

div.icon_doc {
	background-position: 0 -72px;
}

div.icon_doc_protected {
	background-position: -24px -72px;
}

div.icon_xls {
	background-position: 0 -24px;
}

div.icon_xls_protected {
	background-position: -24px -24px;
}

div.icon_ppt {
	background-position: 0 -48px;
}

div.icon_ppt_protected {
	background-position: -24px -48px;
}

div.icon_pdf {
	background-position: 0 -96px;
}

div.icon_pdf_protected {
	background-position: -24px -96px;
}

div.icon_unknown {
	background-position: 0 -120px;
}

div.icon_unknown_protected {
	background-position: -24px -120px;
}










div.miniFileIcon {
	background: 	url(if/pageIcons.png) no-repeat;
	width: 			16px;
	height: 		16px;
}

div.miniIcon_doc {
	background-position: -48px -48px;
}

div.miniIcon_doc_protected {
	background-position: -64px -48px;
}

div.miniIcon_xls {
	background-position: -48px -16px;
}

div.miniIcon_xls_protected {
	background-position: -64px -16px;
}

div.miniIcon_ppt {
	background-position: -48px -32px;
}

div.miniIcon_ppt_protected {
	background-position: -64px -32px;
}

div.miniIcon_pdf {
	background-position: -48px -64px;
}

div.miniIcon_pdf_protected {
	background-position: -64px -64px;
}

div.miniIcon_unknown {
	background-position: -48px -80px;
}

div.miniIcon_unknown_protected {
	background-position: -64px -80px;
}

/* miniIcons
---------------------------------------------------*/
div.miniIcon {
	background: 	url(if/customer/miniIcons.png) no-repeat;
	float: 			left;
	width: 			11px;
	height: 		10px;
	margin: 		1px 4px 0 0;
}

span.miniIcon {
	background: 	url(if/customer/miniIcons.png) no-repeat;
	display:		inline-block;
	width: 			11px;
	height: 		10px;
	margin: 		1px 4px 0 0;
}

div.phone, span.phone {
	background-position: 0 0;
}

div.fax, span.fax {
	background-position: 0 -10px;
}

div.mobile, span.mobile {
	background-position: 0 -20px;
}

div.mail, span.mail {
	background-position: 0 -30px;
}

div.externalLink, span.externalLink {
	background-position: 0 -40px;
}

div.internalLink, span.internalLink {
	background-position: 0 -50px;
}

div.warning, span.warning {
	background-position: 0 -80px;
	margin: 		2px 0 0 2px;
}

div.jumpToTop {
	background: 	url(if/customer/miniIcons.png) no-repeat 0 -60px;
	float: 			right;
	width: 			11px;
	height: 		10px;
}

div.bulletIcon, span.bulletIcon {
	margin: 				1px 4px 0 0;
	background-position: 	0 -70px;
}

/* Banner
---------------------------------------------------*/
#mainCol div.banner {
	float:				left;
	text-decoration:	none;
	font-family: 		Arial, Helvetica, sans-serif;
}

#leftCol div.banner {
	text-decoration:	none;
	font-family: 		Arial, Helvetica, sans-serif;
}

/* font-size in seperate file */
#mainCol div.banner p, #leftCol div.banner p {
	line-height: 		14px;
	color: 				white;	
}

#mainCol div.banner:hover {
	background: 		url(if/customer/promotionPanel.png) 0 -104px no-repeat;
}

#leftCol div.banner:hover {
	background: 		url(if/customer/promotionPanel2.png) 0 -104px no-repeat;
}

#mainCol div.banner img, #leftCol div.banner img {
	border:				0;
}

/* Events
---------------------------------------------------*/

/* font-size in seperate file */
div.miniEvents {
}

div.miniEventEntry {
	padding:		4px 0;
}

div.miniEventEntry:hover {
	background: 	url(if/customer/10_percent_black.png);
}

div.miniEventEntry a {
	text-decoration: 	none;
	color: 				#333;
}

div.miniEventEntry a:hover {
	color: 				#333 !important;
}

/* font-size in seperate file */
div.miniEventEntry h2 {
	padding: 			4px 0;
	color:				#369 !important;
}

div.eventDateIcon {
	background: 	url(if/customer/eventElements.png) 0px 0px no-repeat;
	width: 			23px;
	height: 		24px;
	float:			left;
	margin-right: 	4px;
}

/* font-size in seperate file */
div.events_message {
	padding:		8px 0;
	color: 			#333;
	font-weight: 	bold;
}

/* font-size in seperate file */
div.eventRubrik {
	background: 	url(if/customer/ifElementsArbon.png) 0 -111px repeat-x;
	color: 			white;
	line-height: 	26px;
	padding:		0 4px;
}

div.eventDateRangeRow1 {
	float: 			left;
}

div.eventDateRangeCol1 {
	margin-left:	109px;
	width: 			180px;
	float: 			left;
}

div.eventDateRangeCol2 {
	width: 			180px;
	float: 			left;
}

div.eventDateRangeCol3 {
	float: 			left;
}

div.eventDetailsLink {
	text-align: 	right;
}

div.eventDetailsLink span {
	color: 			#369;
	cursor: 		pointer;
}

#main div.eventRow {
	padding:		4px 0px;
	border-top:		1px solid #ccc;
}

#main div.eventDetails > div.left,
#main div.eventRow > div.left {
/* 	responsive */
	float: 			left;
	width: 			134px;	
}

#main div.eventDetails > div.right,
#main div.eventRow > div.right {
/* 	responsive */
	float: 			left;
	width: 			330px;	
}

div.eventDetails {
	font-style: 	italic;
}

div.i {
	background: 	url(if/customer/eventElements.png) -56px -84px no-repeat;
 	width: 			30px;
 	height:			28px;
 	border: 		0;
 	margin-top: 	8px;
 	cursor: 		pointer;
 }
 
#main div.event div.colDescription {
	float: 			left;
	width: 			90px;
}

#main div.event div.colContent {
	float: 			left;
	width: 			374px;
}

#main div.event div.colContent > label {
	display: 		block;
	padding: 		2px 0;
}

#main div.event div.colContent > label.half {
	float: 			left;
	width: 			50%;
}

#main div.event div.colContent > label:hover {
	text-decoration: underline;	
}

#main div.event div.colContent > label > input {
	margin-right: 	4px;
}
	
	
#main div.event span.nowrap {
	white-space: 	nowrap;	
}

#event div.fromDate {
	float:			left;
	width:			25%;
	font-weight: 	bold;
}

#event div.untilDate {
	float:			left;
	width:			25%;
	font-weight: 	bold;
	color: 			#666;
}

#event div.dateInfo {
	float:			left;
	width:			50%;
	font-style: 	italic;
}

#event div.startTime, #event div.startLoc, #event div.endTime, #event div.endLoc {
	float:			left;
	width:			25%;
}

#event div.addition {
	padding: 4px 0;
	border-top: 	1px solid #ccc;
	font-style: 	italic;
}

#event input, #event textarea {
	border: 		2px solid #ccc;
	margin-bottom: 	4px;
	padding: 		2px 1px;
}

#event input.number {
	text-align: 	right;
}

#event div.costRow {
	float:			left;
	line-height: 	22px;
}

div.italic {
	font-style: 	italic;
}

#event div.grey {
	color: 			#999;
}

#event label.orderForm {
	color: 			#333;
	float: 			left;
	line-height: 	24px;
}



/* Calendar
---------------------------------------------------*/

#calendar {
	border: 			1px solid #333;
	width: 				280px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			14px;
	text-align:			center;
	color: 				#666;
}

#calendar a {
	display: 			block;
	text-decoration: 	none;
	color: 				white;
}

#calendar div.calendarTitle {
	font-size: 			14px;
	font-weight: 		bold;
	line-height: 		24px;
	color: 				white;
	background-color: 	#666;
}

#calendar div.calendarMonth,
#calendar div.calendarMonthName,
#calendar div.calendarDays {
	float:	 			left;
	font-size: 			14px;
	color: 				white;
	background-color: 	#666;
	width: 				40px;
	line-height: 		24px;
}

#calendar div.calendarMonthName {
	width: 				200px;	
}

#calendar div.calendarMonthName,
#calendar div.calendarMonth {
	border-top: 		1px solid white;
	border-bottom: 		1px solid white;
	height: 			28px;
	line-height: 		28px;
	font-size: 			16px;
}

#calendar div.calendarDay {
	float: 				left;
	width: 				38px;
	height: 			38px;
	line-height: 		38px;
	border: 			1px solid #ccc;
	background-color: 	#ccc;
}

#calendar div.calendarLink:hover {
	border: 			1px solid #69c;
}

#calendar div.thisMonth {
	border: 			1px solid #e0e0e0;
	background-color: 	#e0e0e0;
}

#calendar div.daySelected {
	background-color: 	#69c;
}

#calendar div.today {
	border: 			1px dashed white;
}

#calendar div.calendarDay a {
	color: 				#333;
}

/* Contact-Panel
---------------------------------------------------*/

#contactPanel {
	position: 			absolute;
	z-index: 			5;
	display: 			none;
	width:				260px;
	padding: 			8px 16px;
	background-color: 	white;
	border: 			1px solid #666;
	border-radius: 		8px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

#contactPanel div.arrow {
	position: 			absolute;
	top:				-12px;
	left: 				8px;
	width: 				13px;
	height: 			12px;
	background: 		url(if/customer/ifElementsArbon.png) 0 -478px no-repeat;
}

#contactPanel div.messages {

}

#contactPanel input[type=text],
#contactPanel textarea {
	width: 				100%;
	margin-bottom: 		4px;
}

#contactPanel input[type=button] {
	width: 				100px;
	float: 				left;	
}

#contactPanel input[type=submit] {
	width: 				100px;
	float: 				right;	
}

#contactPanel textarea {
	height: 			80px;
	resize: 			vertical;	
}

#contactPanel div.addressError {
	display: 			none;
	background-color: 	#c00;
	color: 				white;
	padding:			4px 10px;
}

#contactPanel div.addressSuccess {
	display: 			none;
	background-color: 	#090;
	color: 				white;
	padding:			4px 10px;
}

/* Huge-Image
---------------------------------------------------*/

#imageGalleryCover {
	position:			fixed;
	z-index:			998;
	display:			none;
	left:				0;
	top:				0;
	width:				100%;
	height:				100%;
	background-image:	url(if/hideBackground.png);
}

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

#imageGallery > div {
	position: 			relative;
	background-color:	white;
	width:				800px;
	margin:				0 auto;
	padding:			1px;
}

#galleryImage > img {
	display: 			block;
}

#galleryCloseBox {
	cursor:				pointer;
	position:			absolute;
	left:				-14px;
	top:				-14px;
	background: 		url(if/pictWindowIfElements.png) no-repeat -66px 0px;
	width: 				26px;
	height:				26px;
}

#galleryHeader {
	padding:			4px 0;
}

#imageGalleryNavigation {
	width:				68px;
	margin: 			1px auto;
}

#galleryPreviousImage, #galleryNextImage {
	float: 				left;
	width:				32px;
	height: 			32px;
}

#galleryPreviousImage {
	margin-right: 		4px;
}

#galleryPreviousImage div, #galleryNextImage div {
	width:				32px;
	height: 			32px;
}

#galleryPreviousImage div.enabled {
	background: 		url(if/pictWindowIfElements.png) no-repeat 0px -33px;
}

#galleryPreviousImage div.disabled {
	background: 		url(if/pictWindowIfElements.png) no-repeat 0px 0px;
}

#galleryPreviousImage div.enabled:hover {
	background: 		url(if/pictWindowIfElements.png) no-repeat 0px -66px;
	cursor: 			pointer;
}

#galleryNextImage div.enabled {
	background: 		url(if/pictWindowIfElements.png) no-repeat -33px -33px;
}

#galleryNextImage div.disabled {
	background: 		url(if/pictWindowIfElements.png) no-repeat -33px 0px;
}

#galleryNextImage div.enabled:hover {
	background: 		url(if/pictWindowIfElements.png) no-repeat -33px -66px;
	cursor: 			pointer;
}

#userCookieMessage {
	position: 			fixed;
	left: 				0;
	right: 				0;
	bottom: 			0;
	background-color: 	rgba(0,0,0,0.75);
	color: 				white;
	padding: 			8px 12px;
	text-align: 		center;
}

#userCookieMessage a,
#userCookieMessage span {
	color: 				white;
	text-decoration: 	underline;	
}

#userCookieMessage span:hover {
	cursor: 			pointer;
}