/* CSS Document */

* {margin:0; padding:0;}

/*------ Fixes, Workarounds etc. ----- */
.clearfix:after {	/*--- Clearfix für das Float-clearing ---*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* ---------- Basic --------- */

html { 
	font-size: 100.1%; 
	font-family: Arial, Helvetica, sans-serif; 
	scrollbar-base-color: #FFFFFF;
	scrollbar-track-color: #F5F5F5;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #999999;
	scrollbar-darkshadow-color: #999999;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-arrow-color: #999999;  }
	
body { 
	behavior: url("/styles/iehover.htc");
	margin:0; padding:0; 
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif;
	
	  }
	
ul, li { list-style-type: none; }

img {border:0; }

a:link { color:#336600; text-decoration: none; }
a:visited { color:#336600; text-decoration: none; }
a:hover { color:#336600; text-decoration: underline; }
a:focus { color:#336600; text-decoration: underline; }
a:active { color:#336600; text-decoration: underline; }


/* ------------ Accessibility ------------- */

#accesskeys {
	left: 0pt;
	position: absolute;
	top: -1000px; }
	
.hidden {
	display: inline;
	left: -1000px;
	overflow: hidden;
	width: 0px;
	position: absolute;
	top: -1000px;
	height: 0px }

/* ------------ Layout ------------- */

#main {
	width: 978px; 
	min-height:400px;
	margin: auto;
	text-align: left; }
	
#main.stgallen {
	background-image:url(../images/design/stgallen/bg-head.gif); background-repeat: no-repeat;  }

#header { width: 978px; height: 211px; position: relative; font-size: 0.69em;     }
#headerprint { display: none; width: 100%; }

	#emotion {	
		position: absolute;
		top: 35px; left: 6px;
		height: 117px; width:753px;   }
		
	#emotion img { vertical-align: bottom;  }
		
	#generic {
		position: absolute; 
		top: 16px; left: 0;
		z-index: 5000;
		width: 800px;    }
		
	#suche {
		position: absolute;
		top: 183px; left: 763px;
		padding: 0 0 0 4px;  }
		
	#breadcrumb {
		position: relative;
		top: 170px; left: 217px;
		width: 530px; height: 30px;    }
			
	ul.generic {
		position: absolute;
		top: 137px; 
		left: 8px; 	}
	
#maincontent {
		width: 978px;	
		background-image:url(../images/design/stgallen/bg-main.gif); background-repeat: repeat-y; background-position: left top; 		}
	
	#navigation {
		float: left;
		width: 196px;
		margin: 0 3px 0 6px;
		font-size: 0.69em;    }	
		
	#inhalt {
		float: left;
		width: 516px;
		margin: 0 26px 0 12px;
		font-size: 0.69em;
		padding-bottom: 30px; }
		
	#service {
		float: left;
		width: 211px;
		margin: 0 0 0 2px;
		font-size: 0.69em; 	}
		
#footer {
		background-image: url(../images/design/stgallen/bg-footer.gif);
		background-repeat: no-repeat; background-position: 0 0; 
		height: 35px;
		font-size: 0.69em;
		padding: 4px 0 0 215px;}
		
#footer.last { background-image: url(../images/design/stgallen/bg-footer-last.gif); height: 22px; }	
#footer.wide { background-image: url(../images/design/stgallen/bg-footer-breit.gif);  }	
#footer.lastwide { background-image: url(../images/design/stgallen/bg-footer-last-breit.gif); height: 22px; }	
	
#footerprint { 
		position: relative;
		float: left; 
		margin: 1px 5px 0 0;    }

	#inhalt.width {		/* --- Klassen fürs Ausblenden der Service-Spalte --- */
		width: 735px;
		margin: 0 26px 0 12px; }
		
	#maincontent.width {
		background-image:url(../images/design/stgallen/bg-main-breit.gif); background-repeat: repeat-y; background-position: left top; 	}
		

/* ------------ Generic ------------- */

#emotion .home  {  /* Home-Link auf Logo */
	display: block; 
	position: absolute; top: -50px; right: -170px; 
	width: 250px; height: 40px;
	cursor: pointer;  }


ul.portalnav {
	position: relative; 
	left: 215px;   }
	
ul.portalnav li { 
	color:#666666;
	display: inline;
	background-image:url(../images/design/stgallen/bg-generic.gif); background-position:right top; background-repeat: no-repeat;
	padding: 0 6px 0 0;  }
	
ul.portalnav li a:link, 
ul.portalnav li a:visited, 
ul.portalnav li a:hover, 
ul.portalnav li a:active {
	font-weight: bold;  
	color:#666666;
	text-decoration: none; }
	
ul.portalnav li a:hover  { 
	color:#336600; }


.containerinfo {
	height: 0%;
	font-size: 0%;
	line-height: 0%;    }
	
	
/* ------------ Suche ------------- */

#suche input {
	width: 173px;
	height: 14px;
	padding: 1px;
	border-top: solid 1px #a0a0a0;
	border-left: solid 1px #a0a0a0;
	border-right: solid 1px #d7d7d7;
	border-bottom: solid 1px #d7d7d7;
	vertical-align: middle;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif; }
	
#suche input.go {
	height: 18px; width: 17px;
	margin-left: 4px;
	vertical-align: middle;
	border: none; }
	
/* ------------ Breadcrumb ------------- */

ul.breadcrumb {
	position: absolute; 
	bottom: 0px; 
	line-height: 1.15em;	    }
		
ul.breadcrumb li { display: inline;    }	
ul.breadcrumb li a:link, 
ul.breadcrumb li a:visited, 
ul.breadcrumb li a:active {
	color:#000;
	text-decoration: none; }
	
ul.breadcrumb li a:hover {color:#336600; }
	
ul.breadcrumb li.aktiv {
	font-weight: bold;
	text-decoration: none; }

/* ------------ Schnellzugriff ------------- */

ul.generic li {
	float: left;
	display: inline; 
	text-align: left;
	vertical-align: middle;
	line-height: 18px;
	padding: 0 8px 0 8px;
	border-right: solid 1px #fff;  }
	
ul.generic li.more { 	
	width: 85px;
	background-image: url(../images/design/stgallen/nav-more.gif);
	background-repeat: no-repeat; 
	background-position: 95% 8px;
	padding: 0 33px 0 6px;  }
	
ul.generic li a:hover, 
ul.generic li a:link, 
ul.generic li a:visited, 
ul.generic li a:active {
	text-decoration: none; 
	color:#fff; }
	
.generic ul { 
	position: absolute; 
	left: -999em; 	 }
	
ul.generic li:hover ul {
	position: relative;
	top:1px; left:-8px; 
	background-color: #3C3C3C;
	border: solid 1px #fff;
	padding: 5px 0 5px 0;
	text-align: left;
	z-index: 200; 
	width: 200px;     }
	
ul.generic ul li  {	
	line-height: 17px; 
	border-right: none;
	display: block;
	float: none;
	clear: left;z   }
	
ul.generic ul li a,
ul.generic ul li a:link,
ul.generic ul li a:visited {
	padding: 0 0 0 14px;
	display: block;	 }
	
ul.generic ul li a:hover {
	background-image: url(../images/design/stgallen/nav1a.gif); background-position: 2px 7px; background-repeat: no-repeat;
	font-weight: bold;   }

	
/* ------------ Navigation ------------- */

#navigation h2 {
	font-size:1.12em; 
	color: #fff;
	font-weight: bold;
	margin-bottom: 1px; 
	background-color: #d00623;
	margin: 0;   }
	
#navigation h2.unlinked {
	padding: 15px 0 5px 15px; }

#navigation h2 a,
#navigation h2 a:link,
#navigation h2 a:visited {
	color: #fff;
	display: block;  
	padding: 15px 0 5px 15px;}

#navigation h2 a:hover {
	color: #fff;
	text-decoration: none; 
	background-image: url(../images/design/stgallen/nav1a.gif); background-position: 1px 18px; background-repeat: no-repeat;   }

/* ------------------------- */	
/* Ebene 1 */

#navigation ul {
	padding: 8px 0 0 0;  }

#navigation ul li {
	line-height: 17px;
	border-top: solid #ececec 1px; }
	
#navigation ul li a:link, 
#navigation ul li a:visited, 
#navigation ul li a:active {
	display: block; 
	color: #000;
	text-decoration: none;
	padding-left: 15px;
	overflow: hidden; }
	
#navigation ul li a:hover {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 1px 6px; background-repeat: no-repeat;
	font-weight: bold;  }
	
#navigation ul li a.aktiv,
#navigation ul li a.aktiv:link,
#navigation ul li a.aktiv:visited,
#navigation ul li a.aktiv:hover,
#navigation ul li a.aktiv:active  {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 1px 6px; background-repeat: no-repeat;
	font-weight: bold;
	padding-bottom: 3px;   }
	
#navigation ul li a.aktivnow,
#navigation ul li a.aktivnow:link,
#navigation ul li a.aktivnow:visited,
#navigation ul li a.aktivnow:hover,
#navigation ul li a.aktivnow:active  {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 1px 6px; background-repeat: no-repeat;
	background-color: #ccc; 
	font-weight: bold;  }


/* ------------------------- */	
/* Ebene 2 */

#navigation ul ul { 
	padding: 0;   }

#navigation ul ul li { }

#navigation ul ul li a:link, 
#navigation ul ul li a:visited, 
#navigation ul ul li a:active {
	padding-left: 29px; }
	
#navigation ul ul li a:hover {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 15px 6px; background-repeat: no-repeat;  }
	 
#navigation ul ul li a.aktiv,
#navigation ul ul li a.aktiv:link,
#navigation ul ul li a.aktiv:visited,
#navigation ul ul li a.aktiv:hover,
#navigation ul ul li a.aktiv:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 15px 6px; background-repeat: no-repeat; }
	
#navigation ul ul li a.aktivnow,
#navigation ul ul li a.aktivnow:link,
#navigation ul ul li a.aktivnow:visited,
#navigation ul ul li a.aktivnow:hover,
#navigation ul ul li a.aktivnow:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 15px 6px; background-repeat: no-repeat; }

/* ------------------------- */	
/* Ebene 3 */

#navigation ul ul ul { }

#navigation ul ul ul li { }
	
#navigation ul ul ul li a:link, 
#navigation ul ul ul li a:visited, 
#navigation ul ul ul li a:active {
	padding-left: 43px;  }
	
#navigation ul ul ul li a:hover {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 29px 6px; background-repeat: no-repeat; }
	 
#navigation ul ul ul li a.aktiv,
#navigation ul ul ul li a.aktiv:link,
#navigation ul ul ul li a.aktiv:visited,
#navigation ul ul ul li a.aktiv:hover,
#navigation ul ul ul li a.aktiv:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 29px 6px; background-repeat: no-repeat;  }
	
#navigation ul ul ul li a.aktivnow,
#navigation ul ul ul li a.aktivnow:link,
#navigation ul ul ul li a.aktivnow:visited,
#navigation ul ul ul li a.aktivnow:hover,
#navigation ul ul ul li a.aktivnow:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 29px 6px; background-repeat: no-repeat; }

/* ------------------------- */	
/* Ebene 4 */

#navigation ul ul ul ul { }

#navigation ul ul ul ul li { }
	
#navigation ul ul ul ul li a:link, 
#navigation ul ul ul ul li a:visited, 
#navigation ul ul ul ul li a:active {
	padding-left: 57px;  }
	
#navigation ul ul ul ul li a:hover {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 43px 6px; background-repeat: no-repeat; }
	 
#navigation ul ul ul ul li a.aktiv,
#navigation ul ul ul ul li a.aktiv:link,
#navigation ul ul ul ul li a.aktiv:visited,
#navigation ul ul ul ul li a.aktiv:hover,
#navigation ul ul ul ul li a.aktiv:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 43px 6px; background-repeat: no-repeat;  }
	
#navigation ul ul ul ul li a.aktivnow,
#navigation ul ul ul ul li a.aktivnow:link,
#navigation ul ul ul ul li a.aktivnow:visited,
#navigation ul ul ul ul li a.aktivnow:hover,
#navigation ul ul ul ul li a.aktivnow:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 43px 6px; background-repeat: no-repeat; }
	

/* ------------------------- */	
/* Ebene 5 */

#navigation ul ul ul ul ul { }

#navigation ul ul ul ul ul li { }
	
#navigation ul ul ul ul ul li a:link, 
#navigation ul ul ul ul ul li a:visited, 
#navigation ul ul ul ul ul li a:active {
	padding-left: 71px;  }
	
#navigation ul ul ul ul ul li a:hover {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 57px 6px; background-repeat: no-repeat; }
	 
#navigation ul ul ul ul ul li a.aktiv,
#navigation ul ul ul ul ul li a.aktiv:link,
#navigation ul ul ul ul ul li a.aktiv:visited,
#navigation ul ul ul ul ul li a.aktiv:hover,
#navigation ul ul ul ul ul li a.aktiv:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 57px 6px; background-repeat: no-repeat;  }
	
#navigation ul ul ul ul ul li a.aktivnow,
#navigation ul ul ul ul ul li a.aktivnow:link,
#navigation ul ul ul ul ul li a.aktivnow:visited,
#navigation ul ul ul ul ul li a.aktivnow:hover,
#navigation ul ul ul ul ul li a.aktivnow:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 57px 6px; background-repeat: no-repeat; }

	
/* ------------------------- */	
/* Ebene 6 */

#navigation ul ul ul ul ul ul { }

#navigation ul ul ul ul ul ul li { }
	
#navigation ul ul ul ul ul ul li a:link, 
#navigation ul ul ul ul ul ul li a:visited, 
#navigation ul ul ul ul ul ul li a:active {
	padding-left: 84px;  }
	
#navigation ul ul ul ul ul ul li a:hover {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 71px 6px; background-repeat: no-repeat; }
	 
#navigation ul ul ul ul ul ul li a.aktiv,
#navigation ul ul ul ul ul ul li a.aktiv:link,
#navigation ul ul ul ul ul ul li a.aktiv:visited,
#navigation ul ul ul ul ul ul li a.aktiv:hover,
#navigation ul ul ul ul ul ul li a.aktiv:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 71px 6px; background-repeat: no-repeat;  }
	
#navigation ul ul ul ul ul ul li a.aktivnow,
#navigation ul ul ul ul ul ul li a.aktivnow:link,
#navigation ul ul ul ul ul ul li a.aktivnow:visited,
#navigation ul ul ul ul ul ul li a.aktivnow:hover,
#navigation ul ul ul ul ul ul li a.aktivnow:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 71px 6px; background-repeat: no-repeat; }
	
/* ------------------------- */	
/* Navigation Microsite */
/* ------------------------- */	
/* Ebene 1 */

#navigation ul.microsite {
	background-color: #336600;
	padding: 8px 0 8px 0;
	margin-bottom: 20px;  }

#navigation ul.microsite li {
	line-height: 17px;
	border: none;  }
	
#navigation ul.microsite li a:link, 
#navigation ul.microsite li a:visited, 
#navigation ul.microsite li a:active {
	display: block; 
	color: #fff;
	text-decoration: none;
	padding-left: 15px;
	overflow: hidden; }
	
#navigation ul.microsite li a:hover {
	background-image: url(../images/design/stgallen/nav1a.gif); background-position: 1px 6px; background-repeat: no-repeat;
	font-weight: bold;  }
	
#navigation ul.microsite li a.aktiv,
#navigation ul.microsite li a.aktiv:link,
#navigation ul.microsite li a.aktiv:visited,
#navigation ul.microsite li a.aktiv:hover,
#navigation ul.microsite li a.aktiv:active  {
	background-image: url(../images/design/stgallen/nav1a.gif); background-position: 1px 6px; background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	padding-bottom: 3px;   }
	
#navigation ul.microsite li a.aktivnow,
#navigation ul.microsite li a.aktivnow:link,
#navigation ul.microsite li a.aktivnow:visited,
#navigation ul.microsite li a.aktivnow:hover,
#navigation ul.microsite li a.aktivnow:active  {
	background-image: url(../images/design/stgallen/nav1a.gif); background-position: 1px 6px; background-repeat: no-repeat;
	background-color: #336600; 
	color: #fff;
	font-weight: bold;  }

	
/* ------------------------- */	
/* Navigation Microsite */
/* ------------------------- */	
/* Ebene 2 */

#navigation ul.microsite ul { 
	padding: 0;   }

#navigation ul.microsite ul li {
	background: #fff;
	border-top: solid #ececec 1px;  }

#navigation ul.microsite ul li a:link, 
#navigation ul.microsite ul li a:visited, 
#navigation ul.microsite ul li a:active {
	color: #000;
	padding-left: 15px; }
	
#navigation ul.microsite ul li a:hover {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 1px 6px; background-repeat: no-repeat;  }
	 
#navigation ul.microsite ul li a.aktiv,
#navigation ul.microsite ul li a.aktiv:link,
#navigation ul.microsite ul li a.aktiv:visited,
#navigation ul.microsite ul li a.aktiv:hover,
#navigation ul.microsite ul li a.aktiv:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 1px 6px; background-repeat: no-repeat;
	color: #000;}
	
#navigation ul.microsite ul li a.aktivnow,
#navigation ul.microsite ul li a.aktivnow:link,
#navigation ul.microsite ul li a.aktivnow:visited,
#navigation ul.microsite ul li a.aktivnow:hover,
#navigation ul.microsite ul li a.aktivnow:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 1px 6px; background-repeat: no-repeat;
	color: #000;
	background-color: #ccc; }

	
/* ------------------------- */	
/* Navigation Microsite */
/* ------------------------- */	
/* Ebene 3 */

#navigation ul.microsite ul ul li a:link, 
#navigation ul.microsite ul ul li a:visited, 
#navigation ul.microsite ul ul li a:active {
	padding-left: 29px;  }
	
#navigation ul.microsite ul ul li a:hover {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 15px 6px; background-repeat: no-repeat; }
	 
#navigation ul.microsite ul ul li a.aktiv,
#navigation ul.microsite ul ul li a.aktiv:link,
#navigation ul.microsite ul ul li a.aktiv:visited,
#navigation ul.microsite ul ul li a.aktiv:hover,
#navigation ul.microsite ul ul li a.aktiv:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 15px 6px; background-repeat: no-repeat; }
	
#navigation ul.microsite ul ul li a.aktivnow,
#navigation ul.microsite ul ul li a.aktivnow:link,
#navigation ul.microsite ul ul li a.aktivnow:visited,
#navigation ul.microsite ul ul li a.aktivnow:hover,
#navigation ul.microsite ul ul li a.aktivnow:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 15px 6px; background-repeat: no-repeat;  }
	
	
/* ------------------------- */	
/* Navigation Microsite */
/* ------------------------- */		
/* Ebene 4 */

#navigation ul.microsite ul ul ul li a:link, 
#navigation ul.microsite ul ul ul li a:visited, 
#navigation ul.microsite ul ul ul li a:active {
	padding-left: 43px;  }
	
#navigation ul.microsite ul ul ul li a:hover {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 29px 6px; background-repeat: no-repeat; }
	 
#navigation ul.microsite ul ul ul li a.aktiv,
#navigation ul.microsite ul ul ul li a.aktiv:link,
#navigation ul.microsite ul ul ul li a.aktiv:visited,
#navigation ul.microsite ul ul ul li a.aktiv:hover,
#navigation ul.microsite ul ul ul li a.aktiv:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 29px 6px; background-repeat: no-repeat;  }
	
#navigation ul.microsite ul ul ul li a.aktivnow,
#navigation ul.microsite ul ul ul li a.aktivnow:link,
#navigation ul.microsite ul ul ul li a.aktivnow:visited,
#navigation ul.microsite ul ul ul li a.aktivnow:hover,
#navigation ul.microsite ul ul ul li a.aktivnow:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 29px 6px; background-repeat: no-repeat; }


/* ------------------------- */	
/* Navigation Microsite */
/* ------------------------- */	
/* Ebene 5 */

#navigation ul.microsite ul ul ul ul li a:link, 
#navigation ul.microsite ul ul ul ul li a:visited, 
#navigation ul.microsite ul ul ul ul li a:active {
	padding-left: 57px;  }
	
#navigation ul.microsite ul ul ul ul li a:hover {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 43px 6px; background-repeat: no-repeat; }
	 
#navigation ul.microsite ul ul ul ul li a.aktiv,
#navigation ul.microsite ul ul ul ul li a.aktiv:link,
#navigation ul.microsite ul ul ul ul li a.aktiv:visited,
#navigation ul.microsite ul ul ul ul li a.aktiv:hover,
#navigation ul.microsite ul ul ul ul li a.aktiv:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 43px 6px; background-repeat: no-repeat;  }
	
#navigation ul.microsite ul ul ul ul li a.aktivnow,
#navigation ul.microsite ul ul ul ul li a.aktivnow:link,
#navigation ul.microsite ul ul ul ul li a.aktivnow:visited,
#navigation ul.microsite ul ul ul ul li a.aktivnow:hover,
#navigation ul.microsite ul ul ul ul li a.aktivnow:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 43px 6px; background-repeat: no-repeat; }

/* ------------------------- */	
/* Navigation Microsite */
/* ------------------------- */	
/* Ebene 6 */

#navigation ul.microsite ul ul ul ul ul li a:link, 
#navigation ul.microsite ul ul ul ul ul li a:visited, 
#navigation ul.microsite ul ul ul ul ul li a:active {
	padding-left: 71px;  }
	
#navigation ul.microsite ul ul ul ul ul li a:hover {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 57px 6px; background-repeat: no-repeat; }
	 
#navigation ul.microsite ul ul ul ul ul li a.aktiv,
#navigation ul.microsite ul ul ul ul ul li a.aktiv:link,
#navigation ul.microsite ul ul ul ul ul li a.aktiv:visited,
#navigation ul.microsite ul ul ul ul ul li a.aktiv:hover,
#navigation ul.microsite ul ul ul ul ul li a.aktiv:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 57px 6px; background-repeat: no-repeat;  }
	
#navigation ul.microsite ul ul ul ul ul li a.aktivnow,
#navigation ul.microsite ul ul ul ul ul li a.aktivnow:link,
#navigation ul.microsite ul ul ul ul ul li a.aktivnow:visited,
#navigation ul.microsite ul ul ul ul ul li a.aktivnow:hover,
#navigation ul.microsite ul ul ul ul ul li a.aktivnow:active {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 57px 6px; background-repeat: no-repeat; }


/* ------------------------- */	
/* Themenbereiche */

#navigation h3 {
	font-size:1em; 
	color: #336600;
	font-weight: bold;
	padding: 1px 0 4px 15px;  }

#navigation div#themen ul  {
	background: #f5f5f5; 
	border-bottom: solid 1px #d7d7d7;
	padding: 0 0 5px 0;
	margin-bottom: 25px;     }

#navigation div#themen ul li a:link, 
#navigation div#themen ul li a:visited, 
#navigation div#themen ul li a:active {
	color: #000;
	padding-left: 15px; }
	
#navigation div#themen ul li a:hover {
	background-image: url(../images/design/stgallen/nav2a.gif); background-position: 1px 6px; background-repeat: no-repeat;
	font-weight: bold;   }



/* ------------ Footer ------------- */	

#footer ul.footer {  }
		
ul.footer li {
	float: left;
	border-right: solid #fff 1px;
	padding: 1px 8px 1px 20px;
	background-image: url(../images/design/stgallen/icon_link_intern.gif);
	background-repeat: no-repeat; background-position: top left;   }
	
ul.footer li.first { border-left: solid #fff 1px; }

ul.footer li.update {
	clear: left;
	background-image: none;
	padding: 0;
	width: 516px;
	border-right: none;
	margin: 0px 0 0 0;  }

ul.footer li a:link, 
ul.footer li a:visited, 
ul.footer li a:active {
	color:#000;
	text-decoration: none; }
	
ul.footer li a:hover {
	color:#336600; }