/*
** Author    : t3media AG
** YAML      : 3.0.6
** Version   : 0.1.5 / 09.07.08
** Datei     : basemod.css
** LayoutKey : t3media_def
** Desc      : Basisdatei fuer YAML Layout (static CSS) - Default Layout is 1-3-2
** Changes   : Adapted for Finetuning
** 15.08.08 - gp - Abstaende angepasst
*/


@media all
{
/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{
	width: 987px; /*##LAYOUT:BODY:PAGE;Breite Page##*/
	background-color: transparent; /*@@LAYOUT:BODY:PAGE:BACKGROUND;Hintergrundfarbe Page@@*/ /*##LAYOUT:BODY:PAGE;Hintergrundfarbe Page##*/
	margin: auto auto auto auto;  /*##LAYOUT:BODY:PAGE;Aussenabstand Page##*/
	padding: 0px 0px 0px 0px; /*##LAYOUT:BODY:PAGE;Innenabstand Page##*/
	border-width: 0px 0px 0px 0px;/*##LAYOUT:BODY:PAGE;Rahmenbreite Page##*/
	border-style: solid solid solid solid;/*##LAYOUT:BODY:PAGE;Rahmenstil Page##*/
	border-color: #565656 #565656 #565656 #565656; /*@@LAYOUT:BODY:PAGE:BORDER;Rahmenfarbe Page@@*/ /*##LAYOUT:BODY:PAGE;Rahmenfarbe Page##*/
}

#page_margins { 
	margin-left: auto;margin-right: auto;
	max-width:none;min-width:inherit; 
}
/*
# -------------------------------------------------------------------------
# Formatierung des Kopfbereiches 
# -------------------------------------------------------------------------
*/

#header {
	background-color: #dadada; /*@@LAYOUT:HEADER:BACKGROUND;Hintergrundfarbe Header@@*/ /*@@QUICKCOLOR:01_KOPFZEILE;Hintergrundfarbe der Kopfzeile@@*/ /*##LAYOUT:HEADER;Hintergrundfarbe Header##*/ 
	color: #000000; /*@@LAYOUT:HEADER:FONT:TEXT;Schriftfarbe Header@@*/
	padding:0px 0px 0px 0px; /*##LAYOUT:HEADER;Innenabstand Header##*/
	margin:0px 0px 0px 0px; /*##LAYOUT:HEADER;Aussenabstand Header##*/
	height:120px; /*##LAYOUT:HEADER;Höhe Header##*/
	border-width: 2px 2px 0px 2px;/*##LAYOUT:HEADER;Rahmenbreite Header##*/
	border-style: solid solid solid solid;/*##LAYOUT:HEADER;Rahmenstil Header##*/
	border-color: #565656 #565656 #565656 #565656; /*@@LAYOUT:HEADER:BORDER;Rahmenfarbe Header@@*/ /*##LAYOUT:HEADER;Rahmenfarbe Header##*/
}

/* Formatierung der Navigation oben */
#topnav_background {
	background-color: transparent;
	color: #000000; 
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	height:360px; 
	border-width: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: #BCB8B1 #BCB8B1 #BCB8B1 #BCB8B1; 
  background-image: url("/fileadmin/images_layouts/bg_topnav.png");
  background-repeat: no-repeat; 
  background-position: bottom;
}
#topnav {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	height:360px;
}

#topnav_r {
	padding:10px 25px 0px 0px; 
	margin:0px 0px 0px 0px;
	width:40%;
}
#header_utilities {}

/* Select Fontsize */
.selectFontSize{
  float:right;
	padding:1px 0px 0px 5px;
  background-color:transparent;
} 
.selectFontSize a,
.selectFontSize a:link,
.selectFontSize a:visited,
.selectFontSize a:hover,
.selectFontSize a:active { color:#ffffff;line-height:15px;}


#nav {
	background-color: transparent; /*@@LAYOUT:NAV:BACKGROUND;Hintergrundfarbe Header@@*/ /*##LAYOUT:NAV;Hintergrundfarbe Navigation##*/ 
	padding:0px 5px 0px 5px; /*##LAYOUT:NAV;Innenabstand Navigation##*/
	margin:0px 0px 0px 0px; /*##LAYOUT:NAV;Aussenabstand Navigation##*/
	border-color: #565656 #565656 #565656 #565656; /*##LAYOUT:NAV;Rahmenfarbe Navigation##*/ /*@@LAYOUT:NAV:BORDER;Rahmenfarbe Navigation@@*/
	border-style: solid solid solid solid;/*##LAYOUT:NAV;Rahmenstil Navigation##*/
	border-width: 0px 0px 0px 0px;/*##LAYOUT:NAV;Rahmenweite Navigation##*/
	float: none; /*##LAYOUT:NAV;Rahmenweite Navigation##*/    
	
	background-image:url(/fileadmin/images_layouts/bg_main.png);
	background-repeat: repeat-y;
	background-position: top left;
}

/* Anchor ausblenden - IE8 Fix */
a.anchor {
	display:  block;
}

/* Formatierung des Logos */
#logo {
	position:relative;
	left:5px;
	top:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
}
#logo img {
	width: 150px;
	height: 127px;
}

#secondarily_nav_1 {
	padding:10px 0px 0px 10px; /* Abstand Logo oben und links */ /*##LAYOUT:HEADER:LEFT_PART;Position Header-Bereich Links zb Logo##*/
}

#secondarily_nav_2 {
	padding:30px 10px 0px 0px; /* Abstand Suchfeld oben und rechts */ /*##LAYOUT:HEADER:RIGHT_PART;Position Header-Bereich Rechts zb Suchfeld und Utilities##*/
	width:45%;
	text-align:right;
	color: #000000;  /*@@LAYOUT:HEADER:FONT;Schriftfarbe Header-Bereich Rechts@@*/ /*##LAYOUT:HEADER:RIGHT_PART;Schriftfarbe Header-Bereich Rechts##*/
}

/*
# -------------------------------------------------------------------------
# Formatierung der Inhaltsspalten
# -------------------------------------------------------------------------
*/
#main {
	background-color:transparent; /*@@LAYOUT:MAIN:BACKGROUND;Hintergrundfarbe Main@@*/ /*@@QUICKCOLOR:02_MITTLERE_SPALTE;Hintergrundfarbe der mittleren Spalte@@*/ /*##LAYOUT:MAIN;Hintergrundfarbe Main##*/
	padding:0px 5px 0px 5px; /*##LAYOUT:MAIN;Innenabstand Main##*/
	margin:0px 0px 0px 0px; /*##LAYOUT:MAIN;Aussenabstand Main##*/
	border-width: 0px 0px 0px 0px;/*##LAYOUT:MAIN;Rahmenbreite Main##*/
	border-style: solid solid solid solid;/*##LAYOUT:MAIN;Rahmenstil Main##*/
	border-color: #565656 #565656 #565656 #565656; /*@@LAYOUT:MAIN:BORDER;Rahmenfarbe Main@@*/ /*##LAYOUT:MAIN;Rahmenfarbe Main##*/ 
	
	background-image:url(/fileadmin/images_layouts/bg_main.png);
	background-repeat: repeat-y;
	background-position: top left;
}

/* linke Spalte */
#col1 {width:246px; /*##LAYOUT:MAIN:COL1;Breite Spalte 1 - WERT WIE MARGIN-LEFT SPALTE 3 ANGEBEN##*/  
	background-image:url(/fileadmin/images_layouts/bg_col3.gif);
	background-repeat: repeat-x;
	background-position: top left;
}
#col1_content {
	margin-left:0px; margin-right:20px;/*##LAYOUT:MAIN:COL1;Aussenabstände Spalte 1##*/
	padding:2.3em 0 0 0;} /*##LAYOUT:MAIN:COL1;Innenabstände Spalte 1##*/

/* Rechte Spalte */
#col2 {width:231px;/*##LAYOUT:MAIN:COL2;Breite Spalte 2 - WERT WIE MARGIN-RIGHT SPALTE 3 ANGEBENN##*/       	
	background-image:url(/fileadmin/images_layouts/bg_col3.gif);
	background-repeat: repeat-x;
	background-position: top left;
}
#col2_content {
	margin-left:20px; margin-right:20px;/*##LAYOUT:MAIN:COL2;Aussenabstände Spalte 2##*/
	padding:2.5em 0 0 0;}/*##LAYOUT:MAIN:COL2;Innenabstände Spalte 2##*/

/* Mittlere Spalte */
#col3 {
	border-width: 0px 0px 0px 0px;/*##LAYOUT:MAIN:COL3;Rahmenbreite Col3##*/
	border-style: solid solid solid solid;/*##LAYOUT:MAIN:COL3;Rahmenstil Col3##*/
	border-left-color: #ffff00; /*@@LAYOUT:MAIN:COL3:BORDER;Rahmenfarbe Col3@@*/ /*@@QUICKCOLOR:03_LINKE_SPALTE;Hintergrundfarbe linke Spalte@@*/ /*##LAYOUT:MAIN:COL3;Rahmenfarbe Col3##*/ 
	border-right-color: #ffff00; /*@@LAYOUT:MAIN:COL3:BORDER;Rahmenfarbe Col3@@*/ /*@@QUICKCOLOR:04_RECHTE_SPALTE;Hintergrundfarbe rechte Spalte@@*/ /*##LAYOUT:MAIN:COL3;Rahmenfarbe Col3##*/
	background-color:transparent; /*@@LAYOUT:MAIN:COL3:BACKGROUND;Hintergrundfarbe Col3@@*/ /*##LAYOUT:MAIN:COL3;Hintergrundfarbe Col3##*/
	margin-left:246px; /*##LAYOUT:MAIN:COL3;Margin links - SELBER WERT WIE BREITE SPALTE 1 GEBEN##*/
	margin-right:231px;/*##LAYOUT:MAIN:COL3;Margin rechts - SELBER WERT WIE BREITE SPALTE 2 GEBEN##*/    
	
	background-image:url(/fileadmin/images_layouts/bg_col3.gif);
	background-repeat: repeat-x;
	background-position: top left;
}
#col3_content {margin-left:0px; margin-right:0px; padding-top:19px; padding-bottom:1em;}/*##LAYOUT:MAIN:COL3;Abstände Content##*/

/*
# -------------------------------------------------------------------------
# Formatierung der Fusszeile 
# -------------------------------------------------------------------------
*/

#footer {
	background-color: transparent; /*@@LAYOUT:FOOTER:BACKGROUND;Hintergrundfarbe Footer@@*/ /*@@QUICKCOLOR:05_FUSSZEILE;Hintergrundfarbe des Fusszeile@@*/ /*##LAYOUT:FOOTER;Hintergrundfarbe Footer##*/
	padding:20px 0px 20px 0px; /*##LAYOUT:FOOTER;Innenabstand Footer##*/
	margin:0px 0px 0px 0px; /*##LAYOUT:FOOTER;Aussenabstand Footer##*/
	color: #666666; /*@@LAYOUT:FOOTER:FONT:TEXT;Schriftfarbe Footer@@*/ /*##LAYOUT:FOOTER:FONT;Schriftfarbe Footer##*/
	border-width: 0px 0px 0px 0px;/*##LAYOUT:FOOTER;Rahmenbreite Footer##*/
	border-style: solid solid solid solid;/*##LAYOUT:FOOTER;Rahmenstil Footer##*/
	border-color: #565656 #565656 #565656 #565656; /*@@LAYOUT:FOOTER:BORDER;Rahmenfarbe Footer@@*/ /*##LAYOUT:FOOTER;Rahmenfarbe Footer##*/
	text-align:left; /*##LAYOUT:FOOTER:FONT;Ausrichtung Text##*/
	font-size:11px; /*##LAYOUT:FOOTER:FONT;Schriftgrösse##*/
	overflow: hidden; /* FF Hack */ 
	height:20px;
	
	background-image:url(/fileadmin/images_layouts/bg_footer.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#footer a {
	color: #038DC9; /*@@LAYOUT:FOOTER:FONT:LINK;Schriftfarbe Link in Footer@@*/ /*##LAYOUT:FOOTER:FONT;Schriftfarbe Link in Footer##*/
}

#footer #adresse {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 30px; /*##LAYOUT:FOOTER:ADDRESS;Aussenabstand Adressblock##*/  
	color: #666666;
}

#page_to_top {
	display:block;
	position:relative;
	top:-20px; /*##LAYOUT:FOOTER:TO_TOP;Nach-oben-Link Position oben alle Layouts##*/
	left:600px; /*##LAYOUT:FOOTER:TO_TOP;Nach-oben-Link Position links 3Spalten Layout##*/
	width:140px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	z-index:10;
	float:left;
	text-align:right;
}

#page_to_top a {
	color: #565656; /*@@LAYOUT:FOOTER:FONT:TO_TOP:LINK;Schriftfarbe Link Seitenanfang@@*/ /*##LAYOUT:FOOTER:TO_TOP:FONT;Schriftfarbe Link Seitenanfang in Footer##*/
}

#TYPO3_Agentur {
  position: absolute; 
  top: 430px;  
  left: 2px; 
}

div,img{
    behavior: url("/fileadmin/scripts/iepngfix.htc");
} 

/* -----------------------------------------------------------------------------
** ### Themen A bis Z
** -----------------------------------------------------------------------------
*/



/* global */
div.themenlettersbox {
  width:159px;
  padding:0px;
} 

/* A-Z col3 Startdarstellung  */
#col3_content .tx-swisstopickey-pi1 div.themenlettersbox {width:500px; height:50px;}

/* global in rechter Spalte */
#col2_content div.themenlettersbox {
  padding:10px 0px 0px 9px;  
  margin:0px 0px 8px 0px;
}
#col2_content div.themenlettersbox a,
#col2_content div.themenlettersbox a:link, 
#col2_content div.themenlettersbox a:visited, 
#col2_content div.themenlettersbox a:active,
#col2_content div.themenlettersbox a:hover {
  color:#ffffff;
}
#col2_content div.themenlettersbox span {
  font-weight:normal;
  color:#003C78;
}

/* titel */
div.themenlettersbox span {
  display:block;
  font-weight:normal;
}

/* links */
div.themenlettersbox a,
div.themenlettersbox a:link, 
div.themenlettersbox a:visited, 
div.themenlettersbox a:active,
div.themenlettersbox a:hover {
  font-weight:bold;
  font-size:10px;
  display:block;
  float:left;
  width:9px;  
  text-align:center;
  padding-left:2px;
  padding-right:2px;
  margin:2px;
  border:1px solid #038DC9;
  color:#FFFFFF;
  background-color:#038DC9;
  overflow:hidden;
}  


/* RESULT TEMPLATE */

#col3_content .tx-swisstopickey-pi1 div.themensuche {
  border: 1px solid #038DC9;
  border-color: #038DC9;

  padding: 10px;
  background-color: #038DC9;
  margin-top:20px;
  margin-bottom: 20px;
}
#page_content .tx-swisstopickey-pi1 div.themensuche ul.themenliste {margin-top:0px;}

#col3_content .tx-swisstopickey-pi1 div.themenletters {
  padding:0px 0px 10px 0px;
}

/* ------------------------------------------------------------------- */

} /* end @media */