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

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

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

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

img {
    border:0;
}

#page {
	width: 960px;
	margin: 0 auto;
}

#header1 {
	height: 			100px;
}

div.map {
	width:				710px;
	height: 			417px;
	border-top:			1px solid #ccc;
	border-right:		1px solid #ccc;
	border-left:		1px solid #ccc;
}

div.wholeMap {
	background: 		url(images/map_small.gif) no-repeat;
}

div.map1 {
	background: 		url(images/map.gif) no-repeat;
}

div.map2 {
	background: 		url(images/map.gif) no-repeat -710px 0;
}

div.map3 {
	background: 		url(images/map.gif) no-repeat -1420px 0;
}

div.map4 {
	background: 		url(images/map.gif) no-repeat 0 -417px;
}

div.map5 {
	background: 		url(images/map.gif) no-repeat -710px -417px;
}

div.map6 {
	background: 		url(images/map.gif) no-repeat -1420px -417px;
}

div.map7 {
	background: 		url(images/map.gif) no-repeat 0 -834px;
}


div.mapRectDivisor {
	float:				left;
	width: 				235px;
	height: 			137px;
	border: 			1px solid transparent;
	cursor: 			pointer;
}

div.mapRectDivisor2 {
	width: 				234px;
}

div.mapRectDivisor:hover {
	border: 			1px solid red;
}

#redRect {
	display: 			none;
	position: 			absolute;
	border: 			1px solid red;
}

#miniRedRect {
	position: 			absolute;
	border: 			1px solid red;
	width:				31px;
	height: 			17px;
}

div.map_point_small {
	position: 			absolute;
	width:				2px;
	height:				2px;
}

div.map_point_red {
	background-color: 	red;
}

div.map_point_black {
	background-color: 	black;
}

div.map_point {
	position: 			absolute;
	width:				6px;
	height:				6px;
}

div.map_point:hover {
	border: 			2px solid gray;
	margin-left: 		-2px;
	margin-top: 		-2px;
}

div.miniMap {
	position: 			absolute;
	background: 		url(images/miniMap.png) no-repeat;
	width: 				101px;
	height: 			59px;
	padding: 			4px;
	margin: 			2px;
	cursor: 			pointer;
}

#customerLogo {
	background: 		url(if/customer/ifElementsEducationSuisse.png) no-repeat;
	width: 				260px;
	height: 			50px;
}

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

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

#galleryCloseBox {
	position:			relative;
	margin:				0 auto;
	z-index: 			1;
}

#galleryCloseBox img {
	cursor:				pointer;
	position:			absolute;
	left:				-14px;
	top:				29px;
}

#galleryHeader {
	position:			relative;
	background-color:	white;
	width:				768px;
	margin:				40px auto 0 auto;
	padding:			4px 17px 1px 17px;
}

#imageGalleryNavigation {
	text-align:			center;
	width:				100%;
}

#galleryPreviousImage, #galleryPreviousImageDisabled, #galleryNextImage, #galleryNextImageDisabled {
	padding: 			0 1px;
}

#galleryPreviousImage img, #galleryNextImage img {
	cursor:				pointer;
}

#galleryImage {
	background-color:	white;
	width:				800px;
	height:				600px;
	margin:				0 auto;
	padding:			1px;
}

#imageGalleryLogo {
	position: 			relative;
	background: 		url(if/customer/ifElementsEducationSuisse.png) no-repeat 0px -137px;
	width: 				116px;
	height: 			25px;
	top:				-4px;
	left: 				8px;
}

#galleryImageReflection {
	width:				802px;
	height:				150px;
	margin:				1px auto 0 auto;
}

#header1 div.pageTitle {
	margin-top:			16px;
	float: 				left;
	width: 				712px;
}

#header1 div.pageMenu1 {
	float: 				left;
	padding-top: 		15px;
	padding-right: 		15px;
	width: 				233px;
	text-align: 		right;
}

#header1 div.pageMenu1 span, #footerLeft span {
	padding:			0 8px;
}

#header1 div.pageMenu1 a {
	color: 			#555;	
}

#header1 div.pageMenu1 a.active {
	color: 			#c00;
}


#search {
	float: 			right;
	margin-top: 	9px;
	width: 			224px;
}

#search div.searchLeft {
	float: 			left;
	background: 	url(if/customer/ifElementsEducationSuisse.png) 0 -50px no-repeat;
	width: 			13px;
	height: 		26px;
}

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

#searchField {
	width:			198px;
	height:			24px;
	font-size: 		12px;
	color: 			#666;
	line-height:	24px;
	border:			none;
	padding:	 	0;
	margin: 		0;
	outline: 		none;
}

#search div.searchRight {
	float: 			left;
	background: 	url(if/customer/ifElementsEducationSuisse.png) -13px -50px no-repeat;
	width: 			13px;
	height: 		26px;
}


#main {
	width: 			960px;
}

#leftCol {
	float: 				left;
	width: 				224px;
	margin-right: 		12px;
	margin-bottom: 		280px;
}

#topCol {
	float: 				left;
	width:				724px;
}


#mainCol {
	float: 				left;
	width: 				488px;
}

#rightCol {
	float: 				left;
	width: 				236px;
	margin-bottom: 		120px;
}

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

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


#footerLeft {
	float: 				left;
	width: 				216px;
	margin-top: 		24px;
	margin-right: 		12px;
	padding:	 		8px 4px 4px 4px;
	border-top:			1px solid #ccc;
	color: 				#555;
}

#footerRight {
	position: 			relative;
	float: 				left;
	width: 				704px;
	margin-top: 		24px;
	margin-left: 		12px;
	padding:	 		8px 4px 4px 4px;
	border-top:			1px solid #ccc;
	color: 				#555;
}

#footerRight a.asoLogo {
	position: 			absolute;
	right: 				0px;
	bottom:				32px;
	width: 				224px;
	height: 			67px;
}

#footerRight a.asoLogo img {
	border: 			none;
	width: 				100%;
}

#footerLeft a.icon {
	margin-right: 		8px;
}

#footerLeft a.icon img {
	display: 			inline-block;
	border: 			none;
}

#footerLeft address {
	font-style: 	normal;
	color: 			#555;
	font-size: 		12px;
	line-height: 	17px;
}


#footerLeft a, #footerRight a {
	color: 				#555;
}

#footerLeft a.active {
	color: 				#c00;
}

#footerLeft a:hover, #footerRight a:hover {
	color: 				#c00;
}

#footerRight img {
	border: 	none;
}


#mainCol div.panel {
	background: 	url(if/customer/boxElementMiddle_mainPanel.png) repeat-y;
}

#mainCol div.panelTop {
	background: 	url(if/customer/boxElementEnds_mainPanel.png) no-repeat;
	height:			4px;
}

#mainCol div.panelBottom {
	background: 	url(if/customer/boxElementEnds_mainPanel.png) 0 -4px no-repeat;
	height:			4px;
}

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

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

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

#mainCol p.newsDate {
	font-size: 			10px;
	margin-bottom: 		4px;
	color: 				#666;
}


#leftMenu {
	border-bottom: 		1px solid #ccc;
}

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


#leftCol ul li {
	border-top: 	1px solid #ccc;
	font-size: 		14px;
	padding: 		9px 0 9px 4px;
	
}

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

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

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

#leftCol ul ul li {
	font-size: 		12px;
}

#mainCol div.bullet {
	font-size: 		12px;
	float:			left;
	color: 			#555;
}

#mainCol ul.bullet {
	list-style-type: 	none;
	margin: 			0;
	padding: 			0;
}

#mainCol ul.bullet li {
	margin: 			0;
	padding: 			2px 0;
	border-top: 		1px solid #ccc;
}

#mainCol h1, #mainCol textarea.title, #mainCol input.title, #rightCol h1, #rightCol textarea.title, #mainCol input.of_editTitle {
	font-size: 			24px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-weight: 		bold;
	color:				#666;
}

#mainCol h2, #mainCol textarea.promotionTitle {
	font-size: 			14px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-weight: 		bold;
	color: 				#666;
}

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

#mainCol p, #mainCol .normText {
	font-size: 			12px;
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#555;
	line-height: 		15px;
}

#mainCol p a, #rightCol p a {
	font-weight: 		bold;
}

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

#mainCol p.legend, #mainCol textarea.legend, #topCol p.legend, #topCol textarea.legend {
	font-size: 			11px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-style:			italic;
	color: 				#555;
	text-align: 		right;
}

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

textarea.normText, textarea.title, textarea.headLine, textarea.quotation, textarea.legend, textarea.promotionTitle, textarea.promotionText, textarea.of_editText {
	font-size: 12px;
	resize: none;
	height: 12px;
	overflow: hidden;
}

#mainCol p.headLine, #mainCol textarea.headLine {
	font-size: 			12px;
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#333;
	font-weight: 		bold;
}

#mainCol p.quotation, #mainCol textarea.quotation {
	font-size: 			12px;
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#555;
	font-style: 		italic;
}

#rightCol p, #rightCol textarea.normText {
	font-size: 			11px;
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#555;
}

#rightCol p.headLine, #rightCol textarea.headLine {
	font-size: 			11px;
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#555;
	font-weight: 		bold;
}

#rightCol p.quotation, #rightCol textarea.quotation {
	font-size: 			11px;
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#555;
	font-style: 		italic;
}

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

#rightCol a.oneLink, #rightCol input.link {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight: 		bold;
}

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

#mainCol td.pageTable, #mainCol input.pageTable, #rightCol td.pageTable, #rightCol input.pageTable {
	font-size: 			11px;
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#555;
	vertical-align: 	top;
}

#mainCol td.pageTableHead, #mainCol input.pageTableHead {
	color: 				white;
	background-color: 	#666;
}

#rightCol td.pageTable, #rightCol input.pageTable {
	font-size: 			10px;
}

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

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

#mainCol input.pageTable, #rightCol input.pageTable {
	border: none;
	padding: 4px 0;
}

#mainCol div.pageAddress {
	font-size: 			12px;
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#555;
}

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

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

#mainCol p.error, #rightCol p.error {
	font-size: 			12px;
	background-color: 	#c00;
	color: 				white;
	font-weight: 		normal;
	padding: 			4px 8px;
	margin-bottom: 		4px;
}

#mainCol p.success, #rightCol p.success {
	font-size: 			12px;
	background-color: 	#090;
	color: 				white;
	font-weight: 		normal;
	padding: 			4px 8px;
	margin-bottom: 		4px;
}

#mainCol p.note, #rightCol p.note {
	font-size: 			12px;
	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 #f30;
}

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

#mainCol div.visitorForm {

}

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

/* font-size in seperate file */
#mainCol label.formLabelTop {
	display: 		block;
	padding-top: 	4px;
}

#mainCol label.formLabel {
	font-size: 		12px;
	float: 			left;
	line-height: 	18px;
}

#mainCol label.clickLabel {
	font-size: 		12px;
	line-height: 	18px;
	padding-left: 	4px;
	cursor: 		pointer;
}



#mainCol div.visitorForm input[type=text], 
#mainCol div.visitorForm input[type=password], 
#mainCol 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 {
	border: 		1px solid #ccc;
	margin-bottom: 	1px;
	padding: 		2px 1px;
}

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


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

#mainMenu li {
	float: left;
}

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

.hidden {
	display: none;
}


div.loginBar {
	background-color: 		#666;
	color: 					white;
	padding:				4px 8px;
	margin-bottom: 			2px;
}


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

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

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

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

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

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

div.icon_doc_protected {
	background-position: -32px -96px;
}


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

div.icon_pdf_protected {
	background-position: -32px -128px;
}

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

span.miniIcon {
	background: 	url(if/customer/miniIcons.png) no-repeat;
	display:		inline-block;
	width: 			11px;
	height: 		10px;
	margin: 		2px 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;
}

#mainCol div.banner p {
	font-size: 			12px;
	line-height: 		14px;
	color: 				white;	
}

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

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


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

#calendar {
	border: 			1px solid #333;
	width: 				140px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			10px;
	line-height: 		18px;
	text-align:			center;
	color: 				#666;
}

#calendar div.calendarTitle {
	font-size: 		11px;
	font-weight: 	bold;
	color: 			white;
	background-color: 	#666;
}

#calendar div.calendarMonth, #calendar div.calendarDays {
	float:	 			left;
	font-size: 			11px;
	color: 				white;
	background-color: 	#666;
	width: 				20px;
	height: 			20px;
}

#calendar div.calendarMonth {
	border-top: 		1px solid white;
	border-bottom: 		1px solid white;
}

#calendar div.calendarDay {
	float: 				left;
	width: 				18px;
	height: 			18px;
	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 {
	display: 			block;
	text-decoration: 	none;
	color: 				#333;
}


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

#contactPanel {
	position: 			absolute;
	display: 			none;
	width:				292px;
	z-index: 			1;
	font-size: 			12px;
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#555;
}

#contactPanel div.contactPanelTop {
	background: 		url(if/contactPanelTopBottom.png) no-repeat;
	height: 			22px;
}

#contactPanel div.contactPanelBottom {
	background: 		url(if/contactPanelTopBottom.png) no-repeat 0 -23px;
	height: 			11px;
}

#contactPanel div.contactPanelContent {
	background: 		url(if/contactPanelMiddle.png) repeat-y;
	padding: 			0 16px;
}

#contactPanel div.messages {
	background: 		url(if/contactPanelMiddle.png) repeat-y;
	padding: 			0 7px;
}

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

#contactPanel input[type=text], #contactPanel textarea {
	width:				256px;
	font-size: 			12px;
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#333;
}

#contactPanel textarea {
	height: 			80px;
}

/* Cantons
---------------------------------------------------*/

div.canton {
	background: 		url(if/customer/cantons.gif) no-repeat;
	width: 				36px;
	height: 			46px;
	margin-top: 		2px;
}

div.canton_ag {
	background-position: 0 0;
}

div.canton_ur {
	background-position: 0 -46px;
}

div.canton_ai {
	background-position: 0 -92px;
}

div.canton_bs {
	background-position: 0 -138px;
}

div.canton_ti {
	background-position: 0 -184px;
}

div.canton_be {
	background-position: 0 -230px;
}

div.canton_gr {
	background-position: 0 -276px;
}

div.canton_ju {
	background-position: 0 -322px;
}

div.canton_tg {
	background-position: 0 -368px;
}

div.canton_fr {
	background-position: 0 -414px;
}

div.canton_ge {
	background-position: 0 -460px;
}

div.canton_gl {
	background-position: 0 -506px;
}

div.canton_ar {
	background-position: 0 -552px;
}

div.canton_vd {
	background-position: 0 -598px;
}

div.canton_bl {
	background-position: 0 -644px;
}

div.canton_lu {
	background-position: 0 -690px;
}

div.canton_ne {
	background-position: 0 -736px;
}

div.canton_ow {
	background-position: 0 -782px;
}

div.canton_sh {
	background-position: 0 -828px;
}

div.canton_sz {
	background-position: 0 -874px;
}

div.canton_vs {
	background-position: 0 -920px;
}

div.canton_so {
	background-position: 0 -966px;
}

div.canton_sg {
	background-position: 0 -1012px;
}

div.canton_nw {
	background-position: 0 -1058px;
}

div.canton_zg {
	background-position: 0 -1104px;
}

div.canton_zh {
	background-position: 0 -1150px;
}

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