﻿
/******************************************** CSS-Erklaerungen ************************************************/
/*  1. IE 6.0 und Mozilla setzen den margin/width bei der Liste richtig   				 					 */
/*     (IE 5.5 kann kein backslash interpretieren, somit beruecksichtigt er nur die obere Angabe) 			 */
/*																											 */
/*	2. Firefox Hack, da er die Rahmen nicht gleich wie der IE darstellt (Mozilla aussen, IE innerhalb)		 */
/*																											 */
/*	3. vertical-align in einem div funktioniert nicht -> somit mittels padding positionieren		    	 */
/*																											 */
/**************************************** Allgemeine Definitionen ********************************************/

html, body
{
	margin:0;
	padding:0;
	font-family: arial, helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	color:#000000;
	background-color:rgb(255,255,255);
	background-color:#FFFFFF;

}

td, th
{
	font-size: 1em;
	vertical-align : top;
}

th
{
	font-weight: bold;
	text-align : left;
	background-color: #F0F0F0;
}

 .tabLayout{
	width:62.25em;
}

a {text-decoration: none; font-size:100% }

a:link {color:#0065a2; }
a:visited {color:#F08400; }
a:hover, a:focus, a:active{	color:#9e1893;}





ul
{
	margin-top:0em;
	margin-bottom:1em;
}

li
{
	vertical-align:middle;
	margin:5px;
	line-height:1.3em;
}


/********************************************* Headerbereich **************************************************/
	
	#header { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	
	/********************************************* Servicenavigation **************************************************/
	
	#tab1, #tab2, #tab3, #tab4, #tab5, #tab6 { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	.tabtext { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	.tabaktiv { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	
	/****************************************** Zoomfunktions-Icons **********************************************/
	
	#Zoomfunktion { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	.Zoomicon { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	
	/********************************************** Kruemelpfad **************************************************/
	
	#breadcrumb { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }	
	#breadcrumb a:link, #breadcrumb a:visited { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	#breadcrumb a:hover, #breadcrumb a:active {	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	
	/********************************************** Suchformular **************************************************/
	
	#suchformular { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	.subweb_suchformular { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	#suchfeld { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	#suchbutton { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	
	/******************************************** Haupt-Navigation ************************************************/
	
	/* ganzer Haupt-Navigationsbereich */
	td.navi { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 	} 
	/* nur Subweb, weisser Hintergrund bei Navigation */
	#navi { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	
	/*********************************************** Home-Buttons ****************************************************/
	
	/*Homebuttons gemeinsame Definitionen fuer aktiv/inaktiv */
	.homebutton_aktiv, .homebutton_inaktiv { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	.homebutton_abstand { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	
	/***************************************** nur Portalnavigation **********************************************/
	
	/* Hover-Effekt (Mouseover) bei Links) */
	a:hover.navi, a:active.navi, a:focus.navi {	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden;  }
	
	/*********************************************** 1. Stufe ****************************************************/
	
	/* nur fuer Subweb-Navi */
	a:link.navi, a:visited.navi { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	.navifirst { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	.naviaktiv { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
		/* Subweb und Portalnavi (gemeinsame Definitionen) */
	a:link.navi, a:visited.navi, a:link.naviportal_aktiv, a:visited.naviportal_aktiv, a:link.naviportal_inaktiv, a:visited.naviportal_inaktiv { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 	}
	html > body .naviportal_aktiv, html > body .naviportal_inaktiv { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	
	/*********************************************** 2. Stufe ****************************************************/
	
	a:link.navisub, a:visited.navisub { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	.navisubfirst { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	html > body a.navisub  /* -> 2. */ { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	a:hover.navisub, a:active.navisub, a:focus.navisub { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	
	/*********************************************** 3. Stufe ****************************************************/
	
	a:link.navisubsub, a:visited.navisubsub { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 	}
	.navisubsubfirst { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	a:hover.navisubsub, a:active.navisubsub, a:focus.navisubsub { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 	}
	
	/************************************************ Locations ***************************************************/


#middlecontent
{
	margin-left:0.3em;
	width:31.55em;
}

#middlecontent_2_col_middle_right
{
	margin-left:0.21em;
	width:39.0em;
}

html > body #middlecontent_2_col_middle_right
{
	margin-left:0.45em;
	width:38.8em;
}

	#topcontent { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden;}	
	#leftcontent { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
	#rightcontent { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }
/****************************************** BRs in den Locations *********************************************/
p
{
	margin:0em;
	margin-top:0em;
	margin-bottom:1em;
}
/****************************************** Tabellen in den Locations *********************************************/

#leftcontent td
{
	font-size:0.625em;
}

/* wird zusammen mit Fliesstext falsch übernommen
#middlecontent td
{
	font-size:0.875em;
} */




/***************************************** Top Location (Banner) ********************************************/

.Topbanner
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

/*****************************************  -> Portal! Rechte Location (Boxen) ********************************************/

.box_title
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

.box_inhalt
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

.box_inhalt a {
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

.box_leer {
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

/*********************************** -> Portal! Rubrikliste (Aufzählungszeichen) ***************************************/

ul.Rubrikliste
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

html > body li.Rubrikliste
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

li.Rubrikliste
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

/***************************************** -> Contens-objekt! Rechte Location (Boxen)  ********************************************/

.rubrikbox_title
{
width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

html > body .rubrikbox_title
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

.rubrikbox_inhalt
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

html > body .rubrikbox_inhalt
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

.rubrikbox_inhalt a {
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

.rubrikbox_leer {
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

/***************************************** -> Contens-objekt! Rubrikbox Version 1.99.0  ********************************************/

div.rubrikbox {
  width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

div.rubrikbox h4 {
  width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

div.rubrikbox div.content {
  width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

div.rubrikbox div.content a {
  width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

div.rubrikbox div.content p {
  width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

div.rubrikbox div.content ul.links{
  width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

div.rubrikbox div.content ul.links li{
width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}


/*********************************** -> Contens-objekt! Rubrikliste (Aufzählungszeichen) ***************************************/

ul.Rubriklistenobjekt
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

li.Rubriklistenobjekt
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

.Rubriklistentext
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

html > body .Rubriklistentext
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

/******************************************** Footer-Bereich ************************************************/

#footer
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

#footer a:link, #footer a:visited
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

#footer a:hover, #footer a:active
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; ;
}


/* Fusszeile mit den Icons für Druck, Grösse ändern und Top (long für das Lageplan- und Portal-Contenttemplate) */
#footercontent, #footercontent_long
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

#footercontent 		{ width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden;  }
#footercontent_long { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden;  }


/* Impressum, rechtlicher Hinweis und Copyright */
#footertext
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

#footertext_rechts
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; 
}

/*************************************************************************************************************/
/*
/*	Klassen für die Outputtypes
/*
/************************************************** Links ****************************************************/

.Portalanker, .Portalanker2
{
	font-weight: bold;
	text-decoration : none;
}

.Portalanker  { font-size: 1.2em; }
.Portalanker2 { font-size: 0.9em; }

.Portalanker3
{
	text-decoration : none;
}

.richtungs_links
{
	font-size: 0.9em !important;
	font-weight: bold;
}

/********************************************** Ueberschriften ************************************************/

	H1, .h1, H2, .h2, H3, .h3, H4, .h4, H5, .h5, H6, .h6
	{
		font-weight: bold;
		text-align : left;
		vertical-align : top;
		text-decoration:none;
	}
	
H1, .h1 { font-size: 1.07em; }
H2, .h2 { font-size: 0.95em; }
H3, .h3 { font-size: 0.9em; }
H4, .h4 { font-size: 0.8em; }
H5, .h5 { font-size: 0.7em; }
H6, .h6 { font-size: 0.6em; }



/************************************************* Fliesstexte **************************************************/
	.fliesstext, .fliesstext_standard_grey, .fliesstext_mittel, .fliesstext_klein, .location_text
	{
		text-align : left;
		vertical-align : top;
	} 
	 
.fliesstext 			  { font-size:0.9em !important; }
.fliesstext_standard_grey { background-color: #F0F0F0; font-size:0.9em; } 
.fliesstext_mittel 		  { font-size: 0.75em; } 
.fliesstext_klein 		  { font-size: 0.7em; } 
	
	/* CONTINUOUS TEXT */
	.location_text 
{
		font-family: Verdana;
		font-size: 0.6em;
		font-weight: bold;
		color: rgb(60,118,53);
	}

/**************************************************  Teaser  **********************************************/

	.teaser, .teaser_klein
	{
		text-align : left;
		vertical-align : top;
		font-style : italic;
	}  
	 
.teaser 	  { font-size: 0.8em; }
.teaser_klein { font-size: 0.7em; } 

/************************************************* Zusatztexte *********************************************/

	.zusatztext, .zusatztext_klein, .bildlegende
	{
		text-align : left;
		vertical-align : top;
	}
	
.zusatztext 	  				{ font-size: 0.75em !important; } 
.zusatztext_klein, .bildlegende { font-size: 0.6em; } 
html>body .bildlegende 			{ margin-bottom:-0.8em;} 

/********************************************* Fehlermeldungen **********************************************/

.error, .errmsg
{
	background-color: #F0F0F0;
	color: red;
}

.error { font-weight: bold; }

/*************************************************** Adresse Intranet **************************************************/

	a.adresse, a.adresse:visited, adresse:focus, a.adresse:active, a.adresse:hover, .adresse
	{
		font-size: 1px;
		font-weight:bold;
		text-decoration:none;
		vertical-align:middle;
	}
	
	a.adresse, a.adresse:visited, adresse:focus, a.adresse:active, .adresse { color:#6e6e5e; } 

/************************************************** Listen **************************************************/

ul.listenelement
{
	margin-top:0em;
	margin-bottom:0em;
}

li.listenelement
{
	list-style-image:url(/shared/img/pfeil.gif);
	font-size:0.9em;
}

/************************************************ Top-Objekt ************************************************/

	.topobjekt { width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden;  }
	.topimage {	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden; }

/******************************************** Download-Objekt ********************************************/

.download_icon
{
	margin-right:0.4em;
}

/********************************************** Themenlinks **********************************************/

	.themenlinkliste_titel
	{
		width:100%;
		padding-left:0.5em;
		padding-top:0.2em;
		padding-bottom:0.2em;
		background-color: #e8edf0;
		font-size:0.8em;
		font-weight:bold;
		margin-bottom:0.2em;
	}
	
	.themenlinkliste_inhalt
	{
		margin-left:0em;
		padding-left:0.5em;
		font-size:0.9em;
		display:block;
	}
	
	.themenlinkliste_inhalt a:link, .themenlinkliste_inhalt a:visited    { color:#0065a2;text-decoration:none; }
	.themenlinkliste_inhalt a:hover, .TopicLevel2 a:active { color:#000000;text-decoration:none; }


/******************************************** Objekt Mitarbeiter *******************************************/

	th.mitarbeiter
	{
		font-size:0.9em;
	}
	th.mitarbeiter_sub
	{
		font-size:0.75em;
	}
	td.mitarbeiter
	{
		font-size:0.9em;
	}


/********************************************** Abstandhalter **********************************************/

	/* kommt vor in: Titel,FAQ */
	.abstandhalter_klein 
	{
		clear:both;
		height:0.9em;	
		width: 0.9em;
		font-size:0em;
	}
	
	/* kommt vor in: FAQ */
	.abstandhalter_gross 
	{
		clear:both;
		height:1.8em;	
		width: 0.9em;
		font-size:0em;
	}


/********************************************** Dummytext **********************************************/

.dummytext
{
	font-size:0.9em;
}

/************************************************ Formulare ************************************************/

form
{
	margin:0px;
}

fieldset
{
	margin:0px;
	padding:0px;
	padding-bottom:0.75em;
	background-color:#E9ECF1;
	background-image:url(../img/form_white.gif);
	background-repeat:repeat-x;
}

html > body fieldset
{
	background-image:none;
}

legend
{
	font-size:0.9em;
	margin-left:0.9em;
	font-weight:bold;
	color:#000000;
}

label
{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden;
	visibility:hidden;
}

.agKeys, .agSuche{
	width:0px; height:0px; background-color:#FFFFFF; color:#FFFFFF; visibility:hidden;
	visibility:hidden;
}


input.button_send
{
	margin-top:0.8em;
	margin-bottom:0.7em;
}


input.button_reset
{
	margin-top:0.8em;
	margin-bottom:0.7em;
}

.buttons{
	padding-left:10.3em;
	margin-top: 0.7em;
}

.felder{
	clear:both;
}

input.text
{
	margin-top:0.7em;
}

html > body fieldset input.text
{
	margin-right:2px;
}

textarea.text
{
	font-family: arial, helvetica, sans-serif;
}

div.Beschreibung_vorne, div.Beschreibung_vorne_kontakt, .Beschreibung_vorne, .Beschreibung_vorne_kontakt
{
	font-size:0.8em;
	line-height:1.2em;
	float:left;
	margin-left:0.75em;
	margin-top:0.95em;
	text-align:right;
	padding-right:0.6em;
	width:10em;
	display:block;
	visibility:visible;
}

div.Beschreibung_vorne_kontakt, .Beschreibung_vorne_kontakt
{
	font-size:0.9em;
}

.PosKontakt
{
	padding-top:2.0em;
	padding-bottom:2.0em;
}

.PosKontaktTel
{
	width:2.3em;
}



/********************************* Styles for css driven portal preview ***********************************/

.RightDetailView {
	width: 12.8em;
	float: left;
}

.MainDiv
{
	font-size:1em;
	overflow: hidden;
	width:38.8em;
	margin-left:0.22em !important;
	float:left;
	margin-top:1.35em;
}

html > body .MainDiv
{
	margin-left:0.45em !important;
	overflow:hidden;
}

.InlineMainDiv
{
	float:left;
	width:50.75em;
	margin-bottom:0.8em;
	position: relative;
}

/*
.InlineMainDiv a:link
{
	text-decoration:none !important;
	color: #0065a2;
}

.InlineMainDiv a:visited
{
	color:#717171;
	text-decoration:none;
}

.InlineMainDiv a:hover, .InlineMainDiv a:active
{
	color:#000000;
	text-decoration:none;
}
*/

.InlineDiv {
	float:left;
	width:19.15em;
	margin-right:0.45em;
	padding-bottom:1.15em;
	position: relative;
}

.InlineDivRight
{
	float:left;
	width:19.15em;
	padding-bottom:1.15em;
	position: relative;
}

.Title
{
	font-weight: bold;
	padding-left: 0.4em;
	padding-top:0.15em;
	padding-bottom:0.15em;
	font-size: 0.8em;
	background-color:#F2F2F2;
}

.TopicLevel2
{
	margin-top: 0.4em;
	position: relative;
	font-weight:normal;
	font-size:0.9em;
	padding-left:0.4em;
	color:#000000;
}

.TopicLevel2 a:link
{
	font-size:0.8em;
	text-decoration:none !important;
}

.TopicLevel2 a:visited
{
	font-size:0.8em;
	text-decoration:none
}

.TopicLevel2 a:hover, .TopicLevel2 a:active
{
	font-size:0.8em;
}

ul.Levelliste
{
	margin:0;
	padding:0;
}

li.Levelliste{
	padding-left:0.8em;
	background-image:url(../img/listenpunkt.gif);
	background-repeat:no-repeat;
	font-size:0.75em;
}




/* Access-Key ein und ausblenden */
#sprunglink_0 a, #sprunglink_1 a, #sprunglink_2 a, #sprunglink_3 a, #sprunglink_4 a, #sprunglink_5 a, #sprunglink_6 a, #sprunglink_7 a, #sprunglink_8 a, #sprunglink_9 a  {
	position:absolute;
	z-index:-1;
	overflow:hidden;
	top:-100px;
	left:-1000px;
		}

#sprunglink_0 a:focus, #sprunglink_1 a:focus, #sprunglink_2 a:focus, #sprunglink_3 a:focus, #sprunglink_4 a:focus, #sprunglink_5 a:focus, #sprunglink_6 a:focus, #sprunglink_7 a:focus, #sprunglink_8 a:focus, #sprunglink_9 a:focus  {
	z-index:2;
	top: 10em;
	left:0em;
	display:block;
	text-decoration: none;
	color:#000000;
	color:#FFFFFF;
	border:1px solid #000000 !important;
	width:11.25em;
	font-size:0.8em;
	padding-left:0.75em;
	padding-top:0.3em;
	padding-bottom:0.3em;
	text-align:left;
	background-color:#9e1893;
	}

#sprunglink_0 a:active, #sprunglink_1 a:active, #sprunglink_2 a:active, #sprunglink_3 a:active, #sprunglink_4 a:active, #sprunglink_5 a:active, #sprunglink_6 a:active, #sprunglink_7 a:active, #sprunglink_8 a:active, #sprunglink_9 a:active  {
	z-index:2;
	top: 10em;
	left:0em;
	display:block;
	text-decoration: none;
	color:#000000;
	color:#FFFFFF;
	border:1px solid #000000 !important;
	width:11.25em;
	font-size:0.8em;
	padding-left:0.75em;
	padding-top:0.3em;
	padding-bottom:0.3em;
	text-align:left;
	background-color:#9e1893;
	}

.agBildundText {
	 float:left;
     width:20em;
     font-size:0.9em !important;
     }
