#navt, #navt ul { /* all lists */
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
  font : 9pt Verdana, sans-serif;
  border-width:0;
}


span.cSwisslogContact { margin-left: 80px; }


#navt a {
  font:9pt normal Verdana, sans-serif;
  color:#E1001E;
  text-decoration: none;
  display: block;
  width: 100%;
  padding:0;
  margin : 0px 0px 0px 0px;
}

#navt li { /* all list items */
  float: left;
  width: 105px; /* width needed or else Opera goes nuts */
  height:25px;
  margin : 0px;
  padding : 0px 0px 0px 5px;
  border-left:1px solid #E1001E;
}

#navt li ul { /* second-level lists */
  position: absolute;
  width: 160px;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  border-bottom:1px solid #999999;
  margin-left: -6px;
}

#navt li li { /* second level list items */
  float: left;
  width: 160px; /* width needed or else Opera goes nuts */
  height:auto;
  background: #EFEFEF;
  margin : 0px 0px -1px 0px;
  padding : 2px 2px 2px 2px;
  border:1px solid #999999;
}

#navt li li:hover,#navt li li.sfhover { /* second level list items */
  /* do not put position:relative; in here */
  float: left;
  width: 160px; /* width needed or else Opera goes nuts */
  height:auto;
  margin : 0px 0px -1px 0px;
  padding : 2px 2px 2px 2px;
  background: #797979;
  border:1px solid #999999;
}

#navt li li a {
  color:#333333;
  display: block;
  width: auto;
  margin : 0px;
  padding : 2px 2px 2px 5px;
}

#navt li li a:hover {
  display: block;
  width: auto;
  margin : 0px;
  padding : 2px 2px 2px 5px;
  color:#FFFFFF;
  background: #797979;
}

#navt li ul ul { /* third-and-above-level lists */
   margin: -19px 0 0 140px;
}

#navt li:hover ul ul, #navt li.sfhover ul ul {
   left: -999em;
}

#navt li:hover ul, #navt li li:hover ul, #navt li.sfhover ul, #navt li li.sfhover ul { /* lists nested under hovered list items */
   left: auto;
}

#navt li:hover, #navt li.sfhover {
   position: static;
}

#navdivision, #navdivision ul { /* all lists */
  float: left;
  padding: 0;
  margin: 0 0 5px 0;
  list-style: none;
  line-height: 1;
  font :normal 9pt Verdana;
  border-width:0;
}

#navdivision a {
  display: block;
  width: 100%;
  font:normal 9pt Verdana, sans-serif;
  color:#333333;
  text-decoration: none;
  padding: 0 0 10px 0;
  margin:0;
}

#navdivision a:hover {
  display: block;
  width: 100%;
  font:normal 9pt Verdana, sans-serif;
  color:#E1001E;
  text-decoration: none;
  padding: 0 0 10px 0;
  margin:0;
}

#navdivision li { /* all list items */
  float: left;
  width: 180px; /* width needed or else Opera goes nuts */
  height:auto;
  margin : 0;
  padding : 0;
  border:0px solid #E1001E;
}

#navdivision li ul { /* second-level lists */
  position: absolute;
  background: #FFFFFF;
  width: 180px;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  margin-left:130px;
  margin-top:-30px;
  border-bottom:1px solid #999999;
  z-index:100;
}

#navdivision li li { /* second level list items */
  /* do not put position:relative; in here */
  float: left;
  width: 180px; /* width needed or else Opera goes nuts */
  height:auto;
  margin : 0px 0px -1px 0px;
  padding : 2px 2px 2px 2px;
  background: #EFEFEF;
  border:1px solid #999999;
  z-index:100;
}

#navdivision li li:hover,#navdivision li li.sfhoverdiv { /* second level list items */
  /* do not put position:relative; in here */
  float: left;
  width: 180px; /* width needed or else Opera goes nuts */
  height:auto;
  margin : 0px 0px -1px 0px;
  padding : 2px 2px 2px 2px;
  background: #797979;
  border:1px solid #999999;
}

#navdivision li li a {
   color:#333333;
   display: block;
   width: 160px;
   margin : 0px;
   padding : 2px 2px 2px 5px;
}

#navdivision li li a:hover {
   color:#FFFFFF;
   display: block;
   width: 160px;
   margin : 0px;
   padding : 2px 2px 2px 5px;
}

#navdivision li ul ul { /* third-and-above-level lists */
   margin: -19px 0 0 170px;
}

#navdivision li:hover ul ul, #navdivision li.sfhoverdiv ul ul {
   left: -999em;
}

#navdivision li:hover ul, #navdivision li li:hover ul, #navdivision li.sfhoverdiv ul, #navdivision li li.sfhoverdiv ul { /* lists nested under hovered list items */
   left: auto;
}

#navdivision li:hover, #navdivision li.sfhoverdiv {
   position: static;
}

#navcontext, #navcontext ul { /* all lists */
  padding: 0;
  margin: 0 0 0 0;
  list-style: none;
  line-height: 1;
  font :normal 12px Verdana;
  border-width:0;
  height: 100.01%;
}

#navcontext a {
  display:block;
  text-decoration: none; 
  background-image:url(../../images/pfeil_rot.gif); 
  background-position: 0px 6px ; 
  background-repeat:no-repeat; 
  padding:0px 0px 0px 20px;
  margin-bottom:5px;
  
}

#navcontext a:hover {
  display:block;
  text-decoration: none; 
  background-image:url(../../images/pfeil_grau.gif); 
  background-position: 0px 6px ; 
  background-repeat:no-repeat; 
  padding:0px 0px 0px 20px;
  margin-bottom:5px;
  
}

#navcontext li { /* all list items */
  width: 200px; /* width needed or else Opera goes nuts */
  margin : 0;
  padding : 10px 0 0 0;
}

#navcontext li li { /* all deeper list items */
  width: 190px; /* width needed or else Opera goes nuts */
  margin : 0;
  padding : 0px 0 0 0;
}

#navcontext li ul { /* second-level lists */
  background: #FFFFFF;
  width: 190px;
  margin: 0 0 0 10px;
  padding: 0;
}

#navcontext li ul ul { /* third-and-above-level lists */
   margin: 0px 0 10px 10px;
}


/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : layout_2col_left.css
**  Funktion    : Zentrales Stylesheet 2-Spalten-Layout (Randspalte rechts) 
**
*/
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : base.css
**  Funktion    : Basis-Stylesheet
**
**  Don't make any changes in this file! 
**  Any changes should be placed in basemod-files in css/modifications directory.
*/

@media all
{
/* ######################################################################################################
** ### Vorbereitende Massnahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabst�de und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding: 0; } 

	/* Das zurcksetzen der Innen- und Au�nabst�de verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die H�e des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgr�en im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Gr�e des Browser 
			Fensters ge�dert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #fff;
		text-align: left; 
	} 
	
	/* Standardrahmen zurcksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung fr Safari Browser. font-size:100% ist fr den Safari in Formularen zu gro�*/ 
	select, input, textarea { font-size: 99% }
	
/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/
	
	#header { position:relative; }

	#topnav {
		position:absolute;
		top: 10px;
		right: 10px;
		color: #fff;
		background: transparent;
		text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
	}
	
	#nav { clear:both; width: auto; }
	#main {	clear:both; width: auto; }
	
	
	#col1 {
		float: left;
		width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	#col2 {
		float:right; 
		width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	#col3
	{
		width:auto;
		margin-left: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
		margin-right: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	#footer { clear:both; }	/* Backup fr IE-Clearing */
	
	/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor 
	** dem Spaltenhintergrund erscheinen. */
	#col1 {z-index: 3;}
	#col2 {z-index: 5;}
	#col3 {z-index: 1;}
	#col1_content {z-index: 4;}
	#col2_content {z-index: 6;}
	#col3_content {z-index: 2;}
	
	#col1_content, #col2_content, #col3_content { position:relative; }

/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-L�ungen ###########################################################
** ######################################################################################################
*/

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display: block; } 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }
	
	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none }

/* ######################################################################################################
** ### IE-Clearing bis YAML V2.4 ########################################################################
** ######################################################################################################
**
** Die CSS-Definition des IE-Clearings, welches bis YAML 2.4 verwendet wurde, ist aus Grnden der 
** Abw�tskompatibilit� des Basis-Stylesheets weiterhin enthalten.
*/
	/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
	hr.clear_columns {	
		clear: both; 
		float: left; 
		content: "."; 
		display: block;  
		height: 0; 
		line-height: 0px; 
		visibility: hidden; 
		border: 0; 
		padding: 0;
		margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
	}

/* ######################################################################################################
** ### Standard-Formatierungen fr Listen & Zitate ######################################################
** ######################################################################################################
*/

	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em; }
	
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }
	
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

	.subcolumns { 
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
		
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	
	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }
}

/* ######################################################################################################
** ### Skiplink-Navigation ##############################################################################
** ######################################################################################################
*/
@media screen, print
{
.skip {
	position: absolute;
	left: -1000em; 
	width: 20em;
}

}

/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : basemod.css
**  Funktion    : Basis-Modifikation fr das Layout des YAML-Tutorials
**
*/

@media all
{

/* Formatierung der Seite */
html { overflow-x: hidden; }

body { background: #FFFFFF; padding:0px; margin:0; }

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page_margins {border: 0px #889 solid; padding-left:12px;}
.popup {width: 640px;}
#page{ border: 0px #667 solid; background: #fff; width: 988px;}

/* Formatierung der Kopfbereiches */
#header { height: 70px; color: #fff; background-color:#FFFFFF;z-index:100; }

/* Formatierung der Fusszeile */
#footer { 
  color:#333333; 
  background:#fff; 
  margin: 0; 
  padding:4px 0 0 0;
  background-image:url(dotted_line_hor.gif); 
  background-position:top;
  background-repeat:repeat-x; 
}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { 
  background: #fff ; 
  padding:0; 
  background-image:url(dotted_line_vert.gif); 
  background-position:right;
  background-repeat:repeat-y; 
} 

/* linke Spalte */
#col1 { width: 186px;}
#col1_content { margin: 0 10px 0 0; color: #333333; background:inherit; }

/* Rechte Spalte ausschalten*/
#col2, #col2_content { display:none; } 

/* Mittlere Spalte */
#col3
{
  	margin-left: 187px; 
   margin-right: 0; 
	border-left: 0px dotted #333333;
	border-right: 0px dotted #333333;
}

#col3_content { margin: 0; }


/* ######################################################################################################
** ### Changes and extensions to subcolumn definitions
** ######################################################################################################
*/

   .c77l, .c34l, .c51l, .c100l, .c100m {float: left; overflow: hidden; color:#333333;}
   .c23r, .c66r, .c32r, .c49r {float: right; overflow: hidden; color:#333333;}
   
   .c23r { width: 22.693%; }
   .c77l { width: 77.307%; }
   .c49r { width: 48.78%; }
   .c51l { width: 51.22%; }
   .c66r { width: 66.129%; }
   .c34l { width: 33.871%; }
   .c32r { width: 32.258%; }
   .c100l { width: 100%; }
   .c100m { width: 99%; }

/* ######################################################################################################
** ### PageFeatures
** ######################################################################################################
*/   
.swladdthis {
	position: absolute;
 	top: 45px;
 	right: 10px
}

a.rss {
	background-image: url(rss.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 16px;
}
   
} 

/*
@import url(print/print_003.css);
*/

table table {
	background-color:#ececec;
	position: absolute;
	z-index:100;
	/* Braucht es diesen margin top? Gibt Probleme im SM
	margin-top: -29px;
	*/
	width:1%;
	border: 2px solid #000;
}

table table td {
	padding:3px;
}

table table input {
	width:60px;
}

table {
	background-color:#fff;
	position: static;
}

table.standard {
	background-color:#fff;
	position: static;
	width:100%;
	border: none;
	margin-top: 0;
}
table.standard td {
	padding:0px;
}
/* ######################################################################################################
** ### Standard-Formatierungen für Formulare (Quickform) ################################################
** ######################################################################################################
*/
	
	/* Formular */
	form.quickform {
		background-color:white; 
		padding:5px 0 5px 0;
	}
	
	
	/* Überschrift (title) */
	h1.quickform {
	
	}
	
	/* Überschrift Radiobuttons(radio) */
	h2.quickform {

	}
	
	
	/* Dropdowns (select) */
	select.quickform {
		border: 1px solid black;
	}
	
	/* Eingabefelder (text)*/
	input.quickform {
		width: 200px;
		border: 1px solid black;
	}
	
	/* Eingabefelder (textarea)*/
	textarea.quickform {
		width: 200px;
		height: 100px;
		border: 1px solid black;
	}
	
	/* Abstand (spacer) */
	div.quickformspacer {
		padding-top: 5px;
	}
	
	/* Abstand zwischen den einzelnen Reihen */
	div.quickformrow {
		clear: both;
		padding-top: 3px;
	}
	
	/* Label Eingabefelder */
	div.quickformrow span.label {
		float: left;
		width: 180px;
		text-align: left;
	}
	
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow-y:auto;overflow-x:hidden;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(close.png);}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
#sb-nav-close{position:absolute;right:5px;top:5px;height:12px;width:12px;display:block;cursor:pointer;}
iframe * {overflow-x:hidden !important}