/* core styles | Basis-Stylesheets */


 /* @import url(../../yaml/core/base.css);
------------------------------------------------------------------------------------------------------*/


/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zur�cksetzen der Innen- und Aussenabstaende fuer alle HTML-Elemente */
  * { margin:0; padding: 0; }

  /* (en) Correction: margin/padding reset caused too small select boxes. */
  /* (de) Korrektur: Das Zuruecksetzen der Abstaende verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em; } /* LTR */
  select { padding: 1px; }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  
  
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100%; margin-bottom: 1px; }
  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgroessen in aelteren Opera Versionen */
    font-size: 100.01%;

    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    color: #000;
    background: #fff;
    text-align: left; /* LTR */
  }

  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen fuer <fieldset> und <img> Elemente loeschen */
  fieldset, img { border: 0 solid; }

  /* (en) new standard values for lists, blockquote and cite */
  /* (de) Neue Standardwerte fuer Listen & Zitate */
  ul, ol, dl { margin: 0 0 1em 1em } /* LTR */
  li {
    margin-left: 0.8em; /* LTR */
    line-height: 1.5em;
  }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; } /* LTR */

  blockquote { margin: 0 0 1em 0.8em; } /* LTR */

  blockquote:before, blockquote:after,
  q:before, q:after { content: ""; }

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

 /**
  * @section base layout | Basis Layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  /* #header { position:relative; } */

  /* (en) Text Alignment for #topnav content */
  /* (de) Textausrichtung fuer #topnav Inhalte */
  #topnav { text-align: right; }  /* LTR */

  /* (en) Absolute positioning only within #header */
  /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
   #header #topnav {
    position:absolute;
    top: 10px;
    right: 10px; /* LTR */
  }

  /* (en) Backup for correct positioning */
  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #main, #footer { clear:both; }

  /* (en/de) Standard: 200 Pixel */
  #col1 { float: left; width: 200px }
  /* (en/de) Standard: 200 Pixel */
  #col2 { float:right; width: 200px }
  /* (en) Standard: center column with flexible width */
  /* (de) Standard: Flexible mittlere Spalte */
  #col3 { width:auto; margin: 0 200px }

  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung fuer absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content { position:relative; }

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

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benoetigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benoetigt nur der Internet Explorer und ueber iehacks.css zugeschaltet */
  #ie_clearing { display: none; }

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

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstuetzung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 .5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; } 

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
  }

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

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen fuer unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print, dfn {
    position: absolute;
    left: -1000em; /* LTR */
    top: -1000em;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links fuer Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    left: 0;
    top:0;
  }




/* screen layout | Screen-Layout einbinden */


 /* @import url(screen/menu.css);
------------------------------------------------------------------------------------------------------*/


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


.topmenu1 {font-size: 96%; padding:0; margin:0; list-style:none; height:30px; z-index:500;}
.topmenu1 li.top {display:block; float:left; margin: 0 2px 0 0; padding: 0;}
.topmenu1 li a.top_link {display:block; float:left; height:30px; line-height:28px; color:#333; text-decoration:none; cursor:pointer; padding-right: 4px; background:url(/fileadmin/templates/img/topmenu-right.gif) no-repeat right top;}
.topmenu1 li a.top_link span {float:left; display:block; padding:0 4px 0 8px; height:30px; background:url(/fileadmin/templates/img/topmenu-left.gif) no-repeat left top;}
.topmenu1 li a.top_link:hover { background:url(/fileadmin/templates/img/topmenu-hover-right.gif) no-repeat right top; }
.topmenu1 li a.top_link:hover span {color: #000; background:url(/fileadmin/templates/img/topmenu-hover-left.gif) no-repeat left top;}

.topmenu1 li a.top_link_act { background:url(/fileadmin/templates/img/topmenu-act-right.gif) no-repeat right top; }
.topmenu1 li a.top_link_act span { background:url(/fileadmin/templates/img/topmenu-act-left.gif) no-repeat left top; color: #000; font-weight:bold;}

.topmenu1 li:hover > a.top_link { background:url(/fileadmin/templates/img/topmenu-hover-right.gif) no-repeat right top; color: #000;}
.topmenu1 li:hover > a.top_link span { background:url(/fileadmin/templates/img/topmenu-hover-left.gif) left top;}

.topmenu1 li:hover > a.top_link_act { background:url(/fileadmin/templates/img/topmenu-hover-right.gif) no-repeat right top; }
.topmenu1 li:hover > a.top_link_act span { background:url(/fileadmin/templates/img/topmenu-hover-left.gif) no-repeat left top;}
.topmenu1 li.top_sub_act:hover > a.top_link {background:url(/fileadmin/templates/img/topmenu-hover-right.gif) no-repeat right top;}
.topmenu1 li.top_sub_act:hover > a.top_link span {background:url(/fileadmin/templates/img/topmenu-hover-left.gif) no-repeat left top;}
.topmenu1 li.top_sub:hover > a.top_link {background:url(/fileadmin/templates/img/topmenu-hover-right.gif) no-repeat right top;}
.topmenu1 li.top_sub:hover > a.top_link span {background:url(/fileadmin/templates/img/topmenu-hover-left.gif) no-repeat left top;}

.topmenu1 table {border: 0 none; border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; z-index:500;}

/* Modifications for PSI business units orange/ blue/ green */

/* orange (energy) */
.topmenu1 li a.top_energy { background:url(/fileadmin/templates/img/topmenu-right-orange.gif) no-repeat right top;}
.topmenu1 li a.top_energy span { background:url(/fileadmin/templates/img/topmenu-left-orange.gif) no-repeat left top;}
.topmenu1 li a.top_energy:hover { background:url(/fileadmin/templates/img/topmenu-hover-right-orange.gif) no-repeat right top;}
.topmenu1 li:hover > a.top_energy span { background:url(/fileadmin/templates/img/topmenu-hover-left-orange.gif) no-repeat left top;}

.topmenu1 li.top_sub_act:hover > a.top_energy {background: none #FEDAC6;}
.topmenu1 li.top_sub_act:hover > a.top_energy span {background: none #FEDAC6;}
.topmenu1 li.top_sub:hover > a.top_energy {background:url(/fileadmin/templates/img/topmenu-hover-right-orange.gif) no-repeat right top;}
.topmenu1 li.top_sub:hover > a.top_energy span { background:url(/fileadmin/templates/img/topmenu-hover-left-orange.gif) no-repeat left top;}

.topmenu1 :hover ul.topmenu1_sub_energy { background: #FEDAC6;}
.topmenu1 :hover ul.topmenu1_sub_energy li a:hover { background:#FEB58C;}

/* blue (production) */
.topmenu1 li a.top_production { background:url(/fileadmin/templates/img/topmenu-right-blue.gif) no-repeat right top;}
.topmenu1 li a.top_production span { background:url(/fileadmin/templates/img/topmenu-left-blue.gif) no-repeat left top;}
.topmenu1 li a.top_production:hover { background:url(/fileadmin/templates/img/topmenu-hover-right-blue.gif) no-repeat right top; }
.topmenu1 li:hover > a.top_production span { background:url(/fileadmin/templates/img/topmenu-hover-left-blue.gif) no-repeat left top; }

.topmenu1 li.top_sub_act:hover > a.top_production {background: none #D8E6EA;}
.topmenu1 li.top_sub_act:hover > a.top_production span {background: none #D8E5F1;}
.topmenu1 li.top_sub:hover > a.top_production { background:url(/fileadmin/templates/img/topmenu-hover-right-blue.gif) no-repeat right top; }
.topmenu1 li.top_sub:hover > a.top_production span { background:url(/fileadmin/templates/img/topmenu-hover-left-blue.gif) no-repeat left top; }

.topmenu1 :hover ul.topmenu1_sub_production { background: #D8E5F1;}
.topmenu1 :hover ul.topmenu1_sub_production li a:hover { background:#B1CBE4;}

/* blue (production) second category psipolska */
.topmenu1 li a.top_production1 { background:url(/fileadmin/templates/img/topmenu-right-blue.gif) no-repeat right top;}
.topmenu1 li a.top_production1 span { background:url(/fileadmin/templates/img/topmenu-left-blue.gif) no-repeat left top;}
.topmenu1 li a.top_production1:hover { background:url(/fileadmin/templates/img/topmenu-hover-right-blue.gif) no-repeat right top; }
.topmenu1 li:hover > a.top_production1 span { background:url(/fileadmin/templates/img/topmenu-hover-left-blue.gif) no-repeat left top; }

.topmenu1 li.top_sub_act:hover > a.top_production1 {background: none #D8E5F1;}
.topmenu1 li.top_sub_act:hover > a.top_production1 span {background: none #D8E5F1;}
.topmenu1 li.top_sub:hover > a.top_production1 { background:url(/fileadmin/templates/img/topmenu-hover-right-blue.gif) no-repeat right top; }
.topmenu1 li.top_sub:hover > a.top_production1 span { background:url(/fileadmin/templates/img/topmenu-hover-left-blue.gif) no-repeat left top; }

.topmenu1 :hover ul.topmenu1_sub_production1 { background: #D8E5F1;}
.topmenu1 :hover ul.topmenu1_sub_production1 li a:hover { background:#B1CBE4;}

/* green (infrastructure) */
.topmenu1 li a.top_infrastructure { background:url(/fileadmin/templates/img/topmenu-right-green.gif) no-repeat right top;}
.topmenu1 li a.top_infrastructure span {background:url(/fileadmin/templates/img/topmenu-left-green.gif) no-repeat left top;}
.topmenu1 li a.top_infrastructure:hover {  background:url(/fileadmin/templates/img/topmenu-hover-right-green.gif) right top; }
.topmenu1 li:hover > a.top_infrastructure span {background:url(/fileadmin/templates/img/topmenu-hover-left-green.gif) left top;}

.topmenu1 li.top_sub_act:hover > a.top_infrastructure {background: none #E3EFDB;}
.topmenu1 li.top_sub_act:hover > a.top_infrastructure span {background: none #E3EFDB;}
.topmenu1 li.top_sub:hover > a.top_infrastructure {background:url(/fileadmin/templates/img/topmenu-hover-right-green.gif) no-repeat right top; }
.topmenu1 li.top_sub:hover > a.top_infrastructure span {background:url(/fileadmin/templates/img/topmenu-hover-left-green.gif) left top;}

.topmenu1 :hover ul.topmenu1_sub_infrastructure { background: #E3EFDB;}
.topmenu1 :hover ul.topmenu1_sub_infrastructure li a:hover { background:#C7DFB7;}


/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.topmenu1 a:hover {visibility:visible; position:relative; z-index:200;}
.topmenu1 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.topmenu1 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.topmenu1 ul.topmenu1_sub {
    width:160px; 
    font-size: 86%;
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 0 3px 3px 3px;
    -webkit-border-radius: 0 3px 3px 3px;
    border-radius: 0 3px 3px 3px;
}


.topmenu1 :hover ul { left:0; top:30px; background: #f1f1f1; padding:0; margin: 0; height:auto; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.topmenu1 :hover ul li {display:block; font-weight:normal; width:auto; margin: 0; padding: 0; background: none;}
.topmenu1 :hover ul li a {display:block; width:auto; padding:3px 10px; color: #000; text-decoration:none;}
.topmenu1 :hover ul li a:hover {background:#ddd; color: #000;}

/* extra underline */

.topmenu1 li a.top_link:hover, .topmenu1 :hover ul li a:hover { text-decoration: underline;}

/* submenu
 ----------------------------------------------- */

.submenu1 {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ddd;
}

.submenu1 li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #ddd;
}

.submenu1 li a {
	text-decoration: none;
	color: #000;
	padding: 2px 5px 2px 23px;
	background: url(/fileadmin/templates/img/submenu-list.gif) 12px 9px no-repeat;
	width: 177px;
	display: block;
}

.submenu1 li a:hover {
	background-color: #b2b2b2;
	color: #fff;
}

li.submenu1-cur a {
	font-weight: bold;
	background: url(/fileadmin/templates/img/submenu-list.gif) 12px 9px no-repeat #ddd;
	color: #000;
}

li.submenu1-cur a:hover, li.submenu1-cur-ifsub a:hover {
	background-color: #b2b2b2;
	color: #fff;
}

li.submenu1-cur-ifsub .submenu2 li a:hover, li.submenu2-cur-ifsub .submenu3 li a:hover {
	background-color: #b2b2b2;
	color: #fff;
}

li.submenu1-cur-ifsub a {
	font-weight: bold;
	background: url(/fileadmin/templates/img/submenu-list-ifsub.gif) 10px 10px no-repeat #ddd;
	color: #000;
}

li.submenu1-act a {
	font-weight: bold;
}

li.submenu1-act-ifsub a {
	font-weight: bold;
	background: url(/fileadmin/templates/img/submenu-list-ifsub.gif) 10px 10px no-repeat;
}


/* Submenu zweite Ebene */

.submenu2 {
	padding: 0;
	margin: 0;
	background-color: #f1f1f1;
	border-top: 1px solid #e2e2e2;
}

.submenu2 li {
	list-style: none;
	border-top: 0 none;
}

.submenu2 li a {
	padding: 2px 5px 2px 36px;
	width: 164px;
	display: block;
	font-weight: normal;
	background: url(/fileadmin/templates/img/submenu-list.gif) 25px 9px no-repeat #f1f1f1;
	color: #000;
}

li.submenu2-cur a {
	background: url(/fileadmin/templates/img/submenu-list.gif) 25px 9px no-repeat #ddd;
	color: #000;
}

li.submenu2-cur-ifsub a {
	background: url(/fileadmin/templates/img/submenu-list-ifsub.gif) 24px 9px no-repeat #ddd;
	color: #000;
}

li.submenu2-cur a:hover, li.submenu2-cur-ifsub a:hover {
	background-color: #b2b2b2;
	color: #fff;
}

li.submenu2-act-ifsub a {
	background: url(/fileadmin/templates/img/submenu-list-ifsub.gif) 24px 9px no-repeat;
}

li.submenu2-act-ifsub {
    background: 0 none;
}

/* Submenu dritte Ebene */

.submenu3 {
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: #f1f1f1;
}

.submenu3 li {
	background: none;
}

.submenu3 li a {
	padding: 2px 5px 2px 45px;
	width: 155px;
	display: block;
	background: 0 none;
}

.submenu3 li a, .submenu3 li a {
	color: #000;
}

li.submenu3-act a:hover {
	background-color: #b2b2b2;
	color: #fff;
}

li.submenu3-act a {
	background-color: #ddd;
	color: #000;
}



/* submenu w/tabs
 ----------------------------------------------- */

.col3TabMenu {
	margin: 0px;
	padding: 0px;
	position: relative;
	bottom: 0;
	left: 0px;
	z-index: 199;
}

.col3TabMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.col3TabMenu ul li {
	display: inline;
	padding: 0;
	margin: 0;
}

.col3TabMenu ul li a, .col3TabMenu ul li a:link {
	float: left;
	padding: 0 0 0 0;
	background: url(/fileadmin/templates/img/tabsubmenu/psigroup-tabnav-right-bg.gif) no-repeat right top;
	margin: 0 2px 0 0;  
	padding: 0 0 0 0;
	text-decoration: none;
}

.col3TabMenu ul li span {
	float: left;
	display: block;
	background: url(/fileadmin/templates/img/tabsubmenu/psigroup-tabnav-left-bg.gif) no-repeat left top;
	padding: 4px 8px 0px 8px;
	height: 21px;
	color: #000;
}

.col3TabMenu ul li.act a, .col3TabMenu ul li.act a:link {
	float: left;
	padding: 0 0px 0 0px;
	background: url(/fileadmin/templates/img/tabsubmenu/psigroup-tabnav-right-bg-act.gif) no-repeat right top;
	margin: 0 2px 0 0;  
	padding: 0 0 0 0;
	text-decoration: none;
    background-position: 100% -25px;
}

.col3TabMenu ul li.act span {
	float: left;
	display: block;
	background: url(/fileadmin/templates/img/tabsubmenu/psigroup-tabnav-left-bg-act.gif) no-repeat left top;
	padding: 4px 8px 0px 8px;
	height: 21px;
    background-position: 0 -25px;
}

.col3TabMenu ul li a:hover {
  background-position: 100% -25px;
}

.col3TabMenu ul li a:hover span {
  background-position: 0 -25px;
	cursor: pointer;  
}

.col3TabMenu {
	height: 25px;
	width: 100%;
	background: url(/fileadmin/templates/img/tabsubmenu/psigroup-tabnav.gif) repeat-x;
}

/* Tabmenu large ---------------------------------------------------------------*/


.col3TabMenuLarge ul li a, .col3TabMenuLarge ul li a:link {
	background: url(/fileadmin/templates/img/tabsubmenu/psigroup-tabnav-right-bg-large.gif) no-repeat right top;
}

.col3TabMenuLarge ul li span {
	background: url(/fileadmin/templates/img/tabsubmenu/psigroup-tabnav-left-bg-large.gif) no-repeat left top;
	height: 44px;
	padding: 6px 8px 0px 8px;
}

.col3TabMenuLarge ul li.act a, .col3TabMenuLarge ul li.act a:link {
	background: url(/fileadmin/templates/img/tabsubmenu/psigroup-tabnav-right-bg-act-large.gif) no-repeat right top;
    background-position: 100% -50px;
}

.col3TabMenuLarge ul li.act span {
	background: url(/fileadmin/templates/img/tabsubmenu/psigroup-tabnav-left-bg-act-large.gif) no-repeat left top;
	height: 44px;
	padding: 6px 8px 0px 8px;
    background-position: 0 -50px;
}

.col3TabMenuLarge ul li a:hover {
  background-position: 100% -50px;
}

.col3TabMenuLarge ul li a:hover span {
  background-position: 0 -50px;
	cursor: pointer;  
}

.col3TabMenuLarge {
	height: 50px;
	width: 100%;
	background: url(/fileadmin/templates/img/tabsubmenu/psigroup-tabnav-large.gif) repeat-x;
}


/* Tabmenu small ---------------------------------------------------------------*/

.col3TabMenuSmall {
    font-size: 80%;
}


 /* @import url(screen/basemod.css);
------------------------------------------------------------------------------------------------------*/


/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage f?r die Erstellung eines Screenlayouts
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */


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

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */
  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { 
	height: 100%; /* 100% */
	background-color: #ebebeb;
	text-align: center;
	font-family: Verdana,Arial,sans-serif;
  }

  html, body { min-height: 100.1%; }


  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
.page_margins { 
	margin: 0 auto;
	padding: 0;
	width: 1018px;
	background: url(/fileadmin/templates/img/body-bg.jpg) repeat-y;
	min-height: 100%;
	position: relative;
  }
  
.page { 
	margin: 0 14px;
	text-align: left;
	width: 990px;
	padding-bottom: 200px;
	background-color: #fff;
  }

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  
/* header
 ----------------------------------------------- */
#header { 
	height: 105px;
	position: relative;
	background-color: #fff;
	color: #7a7a7a;
  }
  
#header a {
  	text-decoration: none;
	color: #7a7a7a;
  }
  
#header a:hover {
  text-decoration: underline;
  }
  
#header #topnav { 
	position: absolute;
	top: 0;
	right: 30px;
  }
  
 /* metanav, groupnav, lang
 ----------------------------------------------- */ 
  
#groupnav, #metanav, #topsearch,  #lang, #breadcrumb, #footernav {
 	font-size: 80%;
 }
 
#metanav {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 4px;
  }
  
#metanav a {
	margin-right: 4px;
  }

#groupnav {
	float: left;
	padding-top: 2px;
	margin-right: 2px;
  }
  
#groupnav a {
	background:transparent url(/fileadmin/templates/img/groupnav-bg.gif) no-repeat scroll 1px 6px;
	display:block;
	float:left;
	font-weight:bold;
	margin: 0px 0 0 4px;
	padding: 3px 3px 3px 10px;
}


#lang a {
	float: right;
}

#lang a.active:hover {
text-decoration: none;
}

#lang div {
    position: relative; padding: 4px 6px;
}

#lang a.active div {
    background-color: #b2b2b2;
}

#lang a.active .lang-txt { color: #fff; }



#lang a.active .lang-rl {
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 1px; 
    width: 1px; 
    background-color: #fff; 
    font-size: 0;
}

#lang a.active .lang-rr {
    position: absolute; 
    top: 0; 
    right: 0; 
    height: 1px; 
    width: 1px; 
    background-color: #fff; 
    font-size: 0;
}
  


/* search
 ----------------------------------------------- */
 
#topsearch {
	float: left;
	margin-top: 2px;

}

#topsearch input {
	font-family: Verdana,Arial,sans-serif;
}
  
#topsearch  .sitesearch-input {

	border: 1px solid #B2B2B2;
	width: 140px;
	padding: 2px;
	color: #7A7A7A;
}
  
#topsearch .sitesearch-submit {
	background-color: #B2B2B2;	
	border: 1px solid #B2B2B2;
	color:#fff;
	font-size: 90%;
	padding: 2px;
	width: auto;
}


#contentnav {
	position: absolute;
	top: 85px;
	right: 30px;
}




 /* logo, claim
 ----------------------------------------------- */ 
  
#logo {
	position: absolute;
	top: 34px;
	left: 55px;
	background: url(/fileadmin/templates/img/psi-logo.jpg) no-repeat;
	width: 155px;
	height: 70px;
  }
  
#logo a {
	display: block;
	width: 155px;
	height: 80px;
  }
  
#logo a:hover {
	text-decoration: none;
  }

#claim {
	position: absolute;
	top: 54px;
	left: 235px;
  }

 /* nav
 ----------------------------------------------- */ 
  
#nav {
	position: relative;
	z-index: 500;
	width: 990px;
	height: 60px;
	background: url(/fileadmin/templates/img/nav-bg.jpg) no-repeat #b2b2b2 0 8px;
  }
  
#topmenu {
	position: absolute;
	bottom: 0;
	left: 235px;
  }

  
/* breadcrumb
 ----------------------------------------------- */
 
#breadcrumb {
	position: relative;
	width: 990px;
	background-color: #fff;
  }

#breadcrumb_content {
	color: #7a7a7a;
	padding: 10px 0 15px 235px;
}

#breadcrumb_content br {
    display: none;
}
  
#breadcrumb_content a {
	text-decoration: underline;
	color: #7a7a7a;
  }

 /* main
 ----------------------------------------------- */
  
 #main { 
	width: 990px;
	margin: 0;
	position: relative;
	z-index: 1;
   }
   
 .extraContent {
	margin: 25px 0 0 10px;
  }
  
  #google_translate_element {
	margin: 25px 0 0 10px;
}

#google_translate_element select {
	width: 195px;
	border: 1px solid #b2b2b2;
}

/* footer
 ----------------------------------------------- */
 
#footer {
	position: absolute;
	bottom: 0;
	width: 990px;
	height: 195px;
	background-color: #fff;
  }
  
#footernav {
	padding: 0 0 0 235px;
	color: #7a7a7a;
	height: 25px;
	margin-top: 20px;
  } 

#footernav a, #footernav a:hover {
	color: #7a7a7a;
	text-decoration: none;
  }
  
#footernav a:hover {
	text-decoration: underline;
}
  
#footernav a img {
	margin-right: 4px;
  }

#footernav a img {
	vertical-align: -16%;
  }
  
#footernav a:hover span {
	text-decoration: underline;
  }

/* grouplinks
 ----------------------------------------------- */
  
#grouplinks {
	font-size: 89%;
	background-color: #ddd;
	padding: 20px 0;
	height: 102px;
	width: 100%;
	border-bottom: 8px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
}

#grouplinks a {
  	text-decoration: none;
	color: #7a7a7a;
  }
  
#grouplinks a:hover {
	text-decoration: underline;
  }

#grouplinks h2 {
	padding: 0;
	margin: 0 0 .2em 0;
	float: left;
	width: 205px;
	margin-right: 30px;
	text-align: right;
        color: #555;
        font-size: 100.01%;
	line-height: 1.5em;
}

#grouplinks h3 {
	padding: 0;
	margin: 0 0 .2em 0;
	font-size: 100.01%;
        color: #555;
}

.grouplinks_content {
	float: left;
	margin: 0 40px 0 0;
	line-height: 1.5em;
	width: auto;
}
  
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */
  
#col1 { 
	width:205px;
	margin: 0;
	padding: 0;
  }
  
#col1_content { 
  }

#col3 { 
	margin: 0 30px 0 235px;
	padding: 0;
	position: relative;
	z-index: 1;

  }

#col3_content { 
	margin: 0;
	padding: 0;
  }


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

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */

/* Breiten fuer 66% Spalte anpassen */

/*
.c66l, .c66r {
	width:67.333%;
}
*/

/* ------------------------------------------------------------------------------------------------------ */
.c20l {
	float:left;
}

.c80r {
	float:right;
}

.c20l {
	width: 205px;
}

.c80r {
	width: 725px;
}

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

 /**
  * FCE 20-80 gleiche Hoehe
  */
  
  .equalize .c20l, .equalize .c80r {
  	display:table-cell;
  	float:none;
  	margin:0;
  	overflow:hidden;
  	vertical-align:top;
  }

 /* @import url(screen/content.css);
------------------------------------------------------------------------------------------------------*/

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen fuer die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 * @appdef yaml
 */

 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen fuer Zeichensatz und Schriftgroessen
  *
  * @section content-global-settings
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgroessen auf Standardgroesse (16 Pixel) zuruecksetzen */
  html * { font-size: 100.01%; }

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgroesse von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhaelt Standardschriftgroesse von 12 Pixeln */
  body {
    font-family:  Verdana, Arial, sans-serif;
    font-size: 75.01%;
    color: #000;
  }

  /*--- Headings | Ueberschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
    color:#222;
    margin: 0 0 0.4em 0;
  }

/*--- hyphenation test 

p, h2,h3,h4,h5,h6 {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

---*/

  h1 { font-size: 130%; font-weight: bold; line-height: 130%; margin-bottom: .5em; }    /* 16px */
  h2 { font-size: 104.01% }                     /* 14px */
  h3 { font-size: 110%; font-weight: bold; } /* 14px */
  h4 { font-size: 100.01%; }                    /* 14px */
  h5 { font-size: 100.01%; }                    /* 14px */
  h6 { font-size: 100.01%; }                    /* 14px */
  
  h2 {
	font-weight: bold;
	padding: 0;
	margin: -.5em 0 .8em 0;
	color: #666;
	line-height: 135%;
  }
  
  h4,h5,h6 {
  	font-weight: bold;
  	margin: 0 0 1em 0;
  	line-height: 140%;
  }

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */


  ul, ol, dl { line-height: 1.5em; margin: 0 0 1.8em .3em;}
  ul li { list-style-type: disc; }
  ul ul li {
    background: url(/fileadmin/templates/img/bulletpoint-2nd.gif) 0 9px no-repeat;
	list-style-type: none;
	margin:0;
    padding:0 0 0 1.4em;
  }

  ol li { list-style-type: decimal; }
  ol ol li { list-style-type: lower-latin; }

  li { 
    margin: 0.4em 0 0.2em 1em; 
    line-height: 1.5em; 
    padding-left: .3em; 
  }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }


  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { 
	line-height: 1.5em; 
	margin: 0 0 1em 0; 
}

  
  p.small { font-size: 89%; line-height: 1.4em;}

  blockquote, cite, q {
    font-style:italic;
  }
  blockquote { color: #666; }

  strong,b { font-weight: bold; }
  em,i { font-style: italic; }

  pre, code, kbd, tt, samp, var { font-size: 100%; }
  pre, code { color: #800; }
  pre { line-height: 1.5em; margin: 0 0 1em 0; }
  kbd, samp, var { color: #666; }
  var { font-style: italic; }

  acronym, abbr {
    border-bottom: 1px #777 dotted;
    cursor: help;
  }

  sub, sup { 
	font-size: 86.6667%;
	line-height: 40%;
  }

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }

  /*--- Links ----------------------------------------------------------------------------------------- */

a { 
	color: #990000; 
}
  a:visited  { color: #996666; }
  a:focus,
  a:hover,
  a:active { color:#660000; text-decoration:underline; }


  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border: 1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */

  .highlight { color: #f60; }
  .dimmed { color: #888; }

  .info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }

  .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
  .important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
  .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { display:block; text-align:center; margin: 0.5em auto; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen fuer die Tabellenbreite und Gestaltungsvorschriften fuer Tabellen
  *
  * @section content-tables
  */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 1px #888 solid; border-bottom: 1px #666 solid; }
/*  table caption { font-variant:small-caps; } */
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.5em; }
  thead th { color: #000; border-bottom: 2px #800 solid; }
  tbody th { background: #e0e0e0; color: #333; }
  tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

  tbody th { border-bottom: 1px solid #fff; text-align: left; }
  tbody td { border-bottom: 1px solid #eee; line-height: 180%;}

  .contenttable tbody tr:hover th[scope="row"], .contenttable tbody tr:hover tbody th.sub { background: #f0e8e8; }
  .contenttable tbody tr:hover td { background: #fff8f8; }
  
/* sge */


table caption {
    background-color: #eee;
    margin: 0 0 -5px;
    padding: 0.4em 0.3em;
    font-weight: bold;
}
  
.contenttable {
	width: 100%;
	margin: .5em 0 1.5em 0;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}

.contenttable td, .contenttable th {
	vertical-align: top;

}

thead th { 
	color: #000; 
	border-bottom: 1px #ccc solid;
	background-color: #f6f6f6;
}

.contenttable .tr-last td {
	border-bottom: 1px #ccc solid;
}

.contenttable tbody tr:hover td { background: #fbfbfb; }


/* different table layouts: width first column */

.contenttable-0 .td, .contenttable-4 .td {
	width: auto;
}

.contenttable-1 .td-0, .contenttable-5 .td-0 {
	width: 50%;
}

.contenttable-2 .td-0, .contenttable-6 .td-0 {
	width: 30%;
}

.contenttable-3 .td-0, .contenttable-7 .td-0 {
	width: 20%;
}

/* different table layouts: color even/odd */


.contenttable-4 .tr-even, .contenttable-5 .tr-even, .contenttable-6 .tr-even, .contenttable-7 .tr-even {
    background-color: #F6F6F6;
}

.contenttable-4 .tr-odd, .contenttable-5 .tr-odd, .contenttable-6 .tr-odd, .contenttable-7 .tr-odd {
    background-color: #fff;
}


/* different table layouts backend class */

.contenttable-small {
font-size: 89%;
}


 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  */

 /**
  * (de) Anpassungen Spaltenlayout (Groesse, Abstaende, ...)
  */

/*
.c25l, .c25r {
	font-size: 95%;
}

.c25l p, .c25r p {
	line-height: 1.3em;
}
*/

 /* Boxes
 ----------------------------------------------- */


/* box-twotone */

.box-twotone {
	margin: 0 0 1em 0;
}

.box-twotone-head {
	color: #444;
	background-color: #ddd;
}

.box-twotone-grey-head, .box-twotone-orange-head, .box-twotone-blue-head, .box-twotone-green-head, .box-twotone-red-head, .box-twotone-yellow-head {
	color: #444;
	font-weight: bold;
	padding: .6em 1em .5em 1em;
}

.box-twotone-grey-content, .box-twotone-orange-content, .box-twotone-blue-content, .box-twotone-green-content, .box-twotone-red-content, .box-twotone-yellow-content {
	padding: .6em 1em .1em 1em;
}


.equalize .box-twotone-grey-content, .equalize .box-twotone-orange-content, .equalize .box-twotone-blue-content, .equalize  .box-twotone-green-content, .equalize  .box-twotone-red-content, .equalize  .box-twotone-yellow-content, .equalize  .box-image-bg-blue, .equalize  .box-image-bg-green, .equalize  .box-image-bg-red, .equalize  .box-image-bg-yellow, .equalize  .box-image-bg-orange, .equalize  .box-image-bg-grey {
	padding-bottom: 100em;
	margin-bottom: -100em;
}


.box-twotone-grey-head {
	background-color: #ddd;
}

.box-twotone-grey-content {
	background-color: #f1f1f1;
	border-bottom: 1px solid #ddd;
}

.box-twotone-orange-head {
	background-color: #feb58c;
}

.box-twotone-orange-content {
	background-color: #fedac6;
	border-bottom: 1px solid #feb58c;
}

.box-twotone-blue-head {
	background-color: #B1CBE4;
}

.box-twotone-blue-content {
	background-color: #D8E5F1;
	border-bottom: 1px solid #B1CBE4;
}

.box-twotone-green-head {
	background-color: #c7dfb7;
}	

.box-twotone-green-content {
	background-color: #e3efdb;
	border-bottom: 1px solid #c7dfb7;
}

.box-twotone-red-head {
	background-color: #dfc0b9;
}	

.box-twotone-red-content {
	background-color: #efe0dd;
	border-bottom: 1px solid #dfc0b9;
}

.box-twotone-yellow-head {
	background-color: #fff78b;
}	

.box-twotone-yellow-content {
	background-color: #fffbc5;
	border-bottom: 1px solid #fff78b;
}

/* box-twotone references */

.box-ref .box-twotone-grey-content {
background: url(/fileadmin/templates/img/box-references-grey.jpg) bottom right no-repeat;
background-color: #f1f1f1;
}

.box-ref .box-twotone-orange-content {
background: url(/fileadmin/templates/img/box-references-orange.jpg) bottom right no-repeat;
background-color: #fedac6;
}

.box-ref .box-twotone-blue-content {
background: url(/fileadmin/templates/img/box-references-blue.jpg) bottom right no-repeat;
background-color: #D8E5F1;
}

.box-ref .box-twotone-green-content {
background: url(/fileadmin/templates/img/box-references-green.jpg) bottom right no-repeat;
background-color: #e3efdb;
}

/* colored-box */

.colored-box-grey, .colored-box-orange, .colored-box-blue, .colored-box-green, .colored-box-red, .colored-box-yellow {
	margin: 0 0 1em 0;
	padding: 1em 1em .1em 1em;
}

.equalize .subcl, .equalize .subcr, .equalize .subc {
	padding-bottom: 100em;
	margin-bottom: -100em;
}


.equalize .colored-box-grey, .equalize .colored-box-orange, .equalize .colored-box-blue, .equalize .colored-box-green, .equalize .colored-box-red, .equalize .colored-box-yellow {
	padding-bottom: 100em;
	margin-bottom: -100em;
}


.colored-box-grey {
	border-bottom: 1px solid #ddd;
	background-color: #f1f1f1;
}

.colored-box-orange{
	border-bottom: 1px solid #feb58c;
	background-color: #fedac6;
}

.colored-box-blue {
	border-bottom: 1px solid #B1CBE4;
	background-color: #D8E5F1;
}

.colored-box-green{
	border-bottom: 1px solid #c7dfb7;
	background-color: #e3efdb;
}

.colored-box-red {
	border-bottom: 1px solid #dfc0b9;
	background-color: #efe0dd;
}

.colored-box-yellow {
	border-bottom: 1px solid #fff78b;
	background-color: #fffdda;
}

/* box-image-bg */

.box-imagebg { background-repeat: no-repeat; }

.box-image-bg-grey, .box-image-bg-orange, .box-image-bg-blue, .box-image-bg-green, .box-image-bg-red, .box-image-bg-yellow {
	margin:0 0 1em;
}
.box-image-bg-grey .box-imagebg-text, .box-image-bg-orange .box-imagebg-text, .box-image-bg-blue .box-imagebg-text, .box-image-bg-green .box-imagebg-text, .box-image-bg-red .box-imagebg-text, .box-image-bg-yellow .box-imagebg-text {
	padding: .6em 1em .1em 1em;
}

.box-image-bg-grey {
	background-color: #f1f1f1;
	border-bottom: 1px solid #ddd;
}

.box-image-bg-orange {
	background-color: #fedac6;
	border-bottom: 1px solid #feb58c;
}

.box-image-bg-blue {
	background-color: #D8E5F1;
	border-bottom: 1px solid #B1CBE4;
}

.box-image-bg-green {
	background-color: #e3efdb;
	border-bottom: 1px solid #c7dfb7;
}

.box-image-bg-red {
	border-bottom: 1px solid #dfc0b9;
	background-color: #efe0dd;
}

.box-image-bg-yellow {
	background-color: #fffdda;
	border-bottom: 1px solid #fff78b;
}

/* box-image-outline */

.box-image-outline-grey, .box-image-outline-orange, .box-image-outline-blue, .box-image-outline-green, .box-image-outline-red, .box-image-outline-yellow {
	margin:0 0 1em;
}
.box-image-outline-grey .box-imagebg-text, .box-image-outline-orange .box-imagebg-text, .box-image-outline-blue .box-imagebg-text, .box-image-outline-green .box-imagebg-text, .box-image-outline-red .box-imagebg-text, .box-image-outline-yellow .box-imagebg-text {
	padding: .6em 1em .1em 1em;
}

.box-image-outline-grey {
	border: 1px solid #ddd;
}

.box-image-outline-orange {
	border: 1px solid #feb58c;
}

.box-image-outline-blue {
	border: 1px solid #B1CBE4;
}

.box-image-outline-green {
	border: 1px solid #c7dfb7;
}

.box-image-outline-red {
	border: 1px solid #dfc0b9;
}

.box-image-outline-yellow {
	border: 1px solid #fff78b;
}

/* box-colored-outline */

.colored-box-outline-grey, .colored-box-outline-orange, .colored-box-outline-blue, .colored-box-outline-green, .colored-box-outline-red, .colored-box-outline-yellow {
	margin: 0 0 1em 0;
	padding: 1em 1em .1em 1em;
	background-color: #fff;
}


.colored-box-outline-grey {
	border: 1px solid #ddd;
}

.colored-box-outline-orange {
	border: 1px solid #feb58c;
}


.colored-box-outline-blue {
	border: 1px solid #B1CBE4;
}


.colored-box-outline-green {
	border: 1px solid #c7dfb7;
}


.colored-box-outline-red {
	border: 1px solid #dfc0b9;
}


.colored-box-outline-yellow {
	border: 1px solid #fff78b;
}



 /* tt_address
 ----------------------------------------------- */
 

.address {
margin: .5em 0 1em 0;
height: 1%;
line-height:1.5em;
}

.address-image {
margin: .3em 1em .5em 0;
float: left;
}

.box-twotone .address-content {
    font-size: 89%;
}

.address-content {
float: left;
}

.address-minwidth {
width: 140px;
}

.address-content p {
margin: 0;
padding: 0;
}



 /* Rahmen fuer Content unter Tabmenue
 ----------------------------------------------- */

#col3TabContent {
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	padding: 8px;
}

 /* IRFAQ 
 ----------------------------------------------- */

.tx-irfaq-pi1 ul.tx-irfaq-questions-list { margin-bottom: 75px; }
.tx-irfaq-pi1 ul li a p.bodytext { margin: 0px; display: inline; font-weight: bold; }
.tx-irfaq-pi1 ul li a { color: #000; text-decoration: none; }
.tx-irfaq-pi1 ul li a:hover { color: #000; text-decoration: underline; }
.tx-irfaq-pi1 .tx-irfaq-answer { margin-bottom: 10px; }
.tx-irfaq-pi1 .tx-irfaq-answer h4 p.bodytext { margin: 0px; display: inline; font-weight: bold; }
.tx-irfaq-pi1 dt p { margin: 0px; display: inline; }
.tx-irfaq-pi1 dd { margin-left: 0px; }
.tx-irfaq-pi1 dd p { margin-top: 0px; }
.tx-irfaq-pi1 .additional-info { margin-bottom: 10px; }
.tx-irfaq-pi1 .irfaq-related-faq, .tx-irfaq-pi1 .irfaq-related-links { padding-top: 0px; padding-bottom: 0px; margin-top: 3px; margin-bottom: 15px; }
.tx-irfaq-pi1 .tx-irfaq-bar { width: 55px; background: url(typo3conf/ext/irfaq/res/grey_star.gif); float: left; margin: 4px 10px 0 0; }
.tx-irfaq-pi1 .tx-irfaq-rating-bar { background: url(../typo3conf/ext/irfaq/res/orange_star.gif); height:12px; }
.tx-irfaq-pi1 .tx-irfaq-cleaner { clear: both; font-size: 0; }
.tx-irfaq-pi1 .tx-irfaq-rating-prefix { float: left; margin: 3px 5px 0 0; }

/* .tx-irfaq-cleaner { clear: left; } */
.tx-irfaq-dynheader { cursor: pointer; margin: 6px 0; }
.tx-irfaq-dynans-hidden { display: none; }
.tx-irfaq-dynans-visible { display: block; background-color: #f1f1f1; }

.tx-irfaq-dynans-visible p.bodytext {
margin: 0 !important;
padding: 3px;
}

 /* perfectlightbox
 ----------------------------------------------- */

#sbOverlay {
	z-index:550 !important;
}

#sbCenter, #sbBottomContainer {
	z-index:600 !important;
}
 
 
 /* tt_news
 ----------------------------------------------- */

/* LIST */

.news-list-container {
margin-top: 1em;
}

.news-list {
	margin-bottom: 1em;
	border-bottom: 1px dotted #999;
	padding-bottom: 1em;
}

.news-list-date {
float: left;
width: auto;
padding-right: 1em;
}

.news-list-content {
float: left;
width: 80%;
}

.news-list h3, .news-list-analysts h3, .news-event-list h3 {
	font-size: 100.01%;
	line-height: 125%;
}


/* SINGLE | RELATED */

.news-single-data {
color: #666;
margin: 0 0 .2em 0;
}

.news-single-backlink {
	margin: 1.5em 0;
padding: 1em 0;
	border-top: 1px dotted #999;
}

.news-single-container dl, .news-single-container dt, .news-single-container dd {
margin: 0;
padding: 0;
}


.news-single-container dt {
margin: 1em 0 .5em;
font-weight: normal;
}

.news-single-container dd {
margin-bottom: .5em;
}

.news-single-container b, .news-single-container strong {
	color: #333;
}

.news-single-links p {
display: inline;
padding-left: 22px;
background: url(/fileadmin/templates/img/icons/external_link.gif) no-repeat;
}

dd.news-related-item {
	margin-bottom: .5em;
	border-bottom: 1px dotted #999;
	padding-bottom: .5em;
}

.news-related-date {
float: left;
width: 20%;
}

.news-related-content {
float: left;
width: 80%;
}


/* MEDIA */

.news-media-date {
float: left;
width: auto;
padding-right: 1em;
}

.news-media-content {
float: left;
width: 50%;
}

.news-media-image {
float: left;
width: auto;
padding-left: 1em;
}

/* EVENTS */

.news-event-list {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #999;
}


.news-event-date {
float: left;
width: auto;
padding-right: 1em;
}

.news-event-content h3 {
	font-weight: bold;
	font-size: 100.01%;
	line-height: 125%;
}


.news-event-content {
float: left;
width: 50%;
margin-bottom: .5em;
}

.news-event-image {
float: left;
width: auto;
padding-left: 1em;
}

.news-event-files dd {
margin: 0;
padding: 0;
}



/* EVENTS CAREER */

.career-event-image {
margin-top: .5em;
}

.career-event-content p {
padding: 0;
margin: 0;
}


/* ANALYSTS */

.news-list-analysts {
	margin-bottom: 1em;
	border-bottom: 1px dotted #999;
}

.news-analysts-date {
float: left;
width: auto;
padding-right: 1em;
}

.news-analysts-content {
float: left;
width: 35%;
font-size: 89%;
padding-left: 1em;
}

.news-analysts-title {
float: left;
width: 20%;
}

.news-analysts-image {
float: left;
width: auto;
padding-left: 1em;
}


/* TEASER */

.news-teaser-list-container {
margin-top: .5em;
}

.news-teaser-list {
margin: .5em 0 1em 0;
}

.news-teaser-list-date {
color: #666;
margin-bottom: .1em;
}

.news-teaser-list-content h3 {
font-size: 100.01%;
font-weight: normal;
line-height: 140%;
display: inline;
}

.news-teaser-list-morelink {
    white-space: nowrap;
}

/* BROWSEBOX */


.news-list-browse {
text-align:center;
margin-bottom: 1em;
}
.tx-ttnews-browsebox {
text-align:left;
}
.tx-ttnews-browsebox-strong {
font-weight:bold;
}
.tx-ttnews-browsebox a, .tx-ttnews-browsebox a:visited {
background-color:#eee;
color:#333;
font-size:89%;
font-weight:bold;
margin:0 2px 0 0;
padding: 3px 5px;
text-decoration:none;
height: auto;
display: block;
float: left;
}
.tx-ttnews-browsebox a:hover {
background-color:#666;
color:#FFFFFF;
text-decoration:none;
}
.tx-ttnews-browsebox-active {
background-color:#666;
color:#FFFFFF;
font-size:89%;
font-weight:bold;
margin:0 2px 0 0;
padding: 3px 5px;
text-decoration:none;
display: block;
float: left;
}
.tx-ttnews-browsebox-disable {
background-color:#eee;
color:#aaa;
font-size:89%;
font-weight:bold;
margin:0 2px 0 0;
padding: 3px 5px;
text-decoration:none;
display: block;
float: left;
}
.tx-ttnews-browsebox .showResultWrap {
margin-bottom:6px;
}

 /* sitemap
 ----------------------------------------------- */


.csc-sitemap .sitemap-header {
list-style-type: none;
margin: 0;
padding: 0;

}

.csc-sitemap ul {
margin: 0;
padding: 0;
}

.csc-sitemap ul ul {
margin: .4em 0 1em 0;
padding: 0;
}

.csc-sitemap ul ul li {
margin-left: 2em;
list-style-type: disc;
background: 0 none;
padding-left: .5em;
}

.csc-sitemap ul ul ul li {
    background: url(/fileadmin/templates/img/bulletpoint-2nd.gif) 0 9px no-repeat;
	list-style-type: none;
	margin:0;
    padding:0 0 0 1.4em;
}

.csc-sitemap .sitemap-header a.sitemap-link {
display: block;
padding: .3em .3em .4em .8em;
margin: 0 0 .5em 0;
background-color: #f1f1f1;
font-weight: bold;
}

  /* INDEXED_SEARCH
 ----------------------------------------------- */

form.tx-indexedsearch {
	margin: 0;
	padding: 0;
}

.tx-indexedsearch fieldset {
	border: 1px solid #ddd;
	padding: 1em 1em .8em 1em;
	margin: 0;
}

.tx-indexedsearch legend {
	padding: 0 6px;
	margin: 0 0 .2em -.5em;
	font-weight: bold;
	color: #000;
}

.tx-indexedsearch input, .tx-indexedsearch select {
    border:1px solid #AAAAAA;
    font-family:verdana,arial,sans-serif;
    padding:0.3em;
    width:20em;
}

.tx-indexedsearch-search-submit input {
    width: auto;
    margin-left:0.3em;
}

.tx-indexedsearch-searchbox-sword {
float: left;
width: auto;
padding-right: .6em;
}


.tx-indexedsearch-search-for br, .tx-indexedsearch-form br, .tx-indexedsearch-search-select-section br {
	clear: both;
}

.tx-indexedsearch-search-for, .tx-indexedsearch-form, .tx-indexedsearch-search-select-section  {
	margin-bottom: 4px;
	float: left;
}

.tx-indexedsearch-search-select-section select {
	width: 18em;
}

.tx-indexedsearch-whatis p {
	margin: 0;
	padding: 0;
}

.tx-indexedsearch-sw {
	font-weight: bold;
}

.tx-indexedsearch-noresults {
	font-weight: bold;
}



.tx-indexedsearch-browsebox {
	clear: both;
	height: 60px;
}

.tx-indexedsearch-browsebox ul {
margin: 0;
padding: 0;
}

.tx-indexedsearch-browsebox ul li {
	background: 0 none;
	padding: 0 1em 0 0;
	float: left;
	list-style: none;
	margin: 0;
}

.tx-indexedsearch-res h3 {
	margin: 0;
	padding: .4em;
	background-color: #f1f1f1;
margin-bottom: .8em;
}




.tx-indexedsearch .res-tmpl-css { clear:both; margin: 1.5em 0; }

.tx-indexedsearch .searchbox-tmpl-css label {
float:left;
margin-top:0.4em;
padding-right:1em;
width:auto;
}

.tx-indexedsearch .result-count-tmpl-css, 
.tx-indexedsearch .percent-tmpl-css { 
	font-weight: normal; 
	float: right;
	color: #333; 
	font-size: 86%; 
	position: relative;
}

.tx-indexedsearch-icon img {
	padding: 0;
	float: left;
	position: relative;

}

.tx-indexedsearch-redMarkup {
	color: #000;
	font-style: italic;
}

dl.tx-indexedsearch-info {
	font-size: 86%;
	margin: 0;
	padding: 0;
display: none;
}

.tx-indexedsearch-text-item-path a {
	color: #000;
	text-decoration: none;

}

.tx-indexedsearch-info dt {
display: inline;

}

.tx-indexedsearch-info dd {
display: inline;
margin: 0;
padding: 0;
}

  /* click-enlarge
 ----------------------------------------------- */

div.clickenlarge-container {
	position: relative;
}
 

span.clickenlarge-icon {
	position: absolute;
	 background: url(/fileadmin/templates/img/icons/click_enlarge.gif) no-repeat;
	 width: 15px;
	 height: 15px;
	 bottom: 0;
	 right: 0;
}


  /* pagenav
 ----------------------------------------------- */


.tx-gsipagenav-pi1 {
padding-bottom: 1em;
}


.pagenav-left {
float: left;
}

.pagenav-right {
float: right;
}

  /* mitdownload
 ----------------------------------------------- */

.tx-mitdownload-pi1 {
margin-bottom: 1em;
}

.tx-mitdownload-pi1 ul {
margin: .5em 0 0 0;
padding: 0;
}

.tx-mitdownload-pi1 ul li.file-list {
background: 0 none;
padding: .3em 0;
margin: 0;
list-style: none;
}

.tx-mitdownload-pi1 ul li.file-list-header {
font-weight: bold;
font-size: 110%;
line-height: 125%;
padding:0 0 0.5em;
}

/*
.tx-mitdownload-pi1 ul li.odd {
background-color: #fff;
}


.tx-mitdownload-pi1 ul li.even {
background-color: #eee;
}
*/

.file-list-filesize {
color: #666;
font-size: 89%;
}



  /* css_filelist
 ----------------------------------------------- */

.css-filelinks {
margin-bottom: 1em;
}

.css-filelinks ul {
margin: .5em 0 0 0;
padding: 0;
}

.css-filelinks ul li {
background: 0 none;
padding: .3em 0;
margin: 0;
list-style: none;
}

.css-filelinks .file-list-filesize {
color: #666;
font-size: 89%;
}



  /* references
 ----------------------------------------------- */

.references-list-item {
	margin-bottom: 1em;
	border-bottom: 1px dotted #999;
	padding-bottom: .5em;
}

.references-list-item h3 {
	font-size: 100.01%;
	line-height: 125%;
}

.references-list-item h3 a {
	text-decoration: none;
	color: #000;
}

.references-list-image {
	padding-bottom: 0.5em;	
	float: left;
	width: 120px;
}

.references-list-image img {
	display: block;
	margin-bottom: 1em;
}

.references-list-content {
    margin-left: 140px;
}

.references-single-image {
margin-bottom: 1em;
}

  /* rte links
 ----------------------------------------------- */

.download {
display: inline;
padding-left: 18px;
background: url(/fileadmin/templates/img/icons/download_link.gif) no-repeat;
}

.download-pdf-icon {
display: inline;
padding-left: 21px;
background: url(/fileadmin/templates/img/icons/pdf.gif) no-repeat;
}


.glossar-link-icon {
display: inline;
padding-left: 18px;
background: url(/fileadmin/templates/img/icons/glossar_link.gif) no-repeat;
}


.internal-link-new-window-icon {
display: inline;
padding-left: 20px;
background: url(/fileadmin/templates/img/icons/external_link.gif) no-repeat;
}

.external-link-new-window-icon {
display: inline;
padding-left: 20px;
background: url(/fileadmin/templates/img/icons/external_link.gif) no-repeat;
}

  /* link to top
 ----------------------------------------------- */

p.csc-linkToTop {
background: url(/fileadmin/templates/img/to-top.gif) no-repeat;
padding-left: 10px;
font-size: 89%;
}

  /* csc-frame
 ----------------------------------------------- */

.csc-frame-marginBefore {
	margin-top: 1em;
	padding-top: 1px;
}

.csc-frame-marginAfter {
	margin-bottom: 1em;
	padding-bottom: 1px;
}

.csc-frame-marginBeforeAfter {
    margin: 1em 0;
    padding: 1px 0;
}

.csc-frame-rulerBefore {
border-top:1px dotted #999;
margin-top:1em;
padding-top:1em;
}

.csc-frame-rulerAfter {
border-bottom:1px dotted #999;
margin-bottom:1em;
}

.csc-frame-rulerBeforeAfter {
border-bottom:1px dotted #999;
border-top:1px dotted #999;
margin: 1em 0;
padding: 1em 0;
}

  /* alignment (left, right, center)
 ----------------------------------------------- */

.align-left {
text-align: left;
}

.align-right {
text-align: right;
}

.align-center {
text-align: center;
}

  /* lumo_googlemaps
 ----------------------------------------------- */

.tx-lumogooglemaps-pi1 {
margin-bottom: 2em;
}

.tx_lumogooglemaps_pi1_sidebar select {
float: left;
margin: -2.5em 0 0 10em;
}

.tx_lumogooglemaps_pi1_infobox p {
display: inline;
}

  /* felogin
 ----------------------------------------------- */

.tx-felogin-pi1 form {
margin: 0 0 1em 0;
}

.tx-felogin-pi1 fieldset {
    border: 1px #ddd solid;
    background-color: #fafafa;
    margin: 0 0 1em 0;
    padding: .5em 1em;
}

.tx-felogin-pi1 legend {
    overflow:hidden;
    width:0;
    height:0;
    padding:0;
    font-size:0
}

.tx-felogin-pi1 form input {
    font-family:  verdana, sans-serif;
    border: 1px solid #ddd;
    padding: 0.3em 0.3em;
    margin: .5em .3em .5em 0;
    float: left;
    width: 20em; 
  }


.tx-felogin-pi1 form label {
    float: left;
    width: 12em;
    font-weight: bold;
    padding: .8em 0 0 0;
    color: #666;
    line-height: 130%;
  }

.tx-felogin-pi1 div.felogin-username {
    margin: .5em .3em .5em 0;
    padding: 0.3em 0;
    float: left;
    width: 20em; 
}

.tx-felogin-pi1 form div { 
clear: both;
}

.tx-felogin-pi1 form input.felogin-submit {
width: auto;
margin-left: 12em;
}

/* logout */

#col1Logout {
margin: 1em 0 0 10px;
}

#col1Logout .logoutname {
padding: 0 0 .3em 0;
}



  /* mooslide
 ----------------------------------------------- */

.mooslidepositionleft {
float: none !important;
margin-right: 0 !important;
}

/* teaser picture with intextbox - use position: center for this effect
*/

.mooslidepositioncenter .csc-textpic-text {
background-color: #fff;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
position: absolute;
bottom: 30px;
height: 120px !important;
width: 208px !important;
padding: 10px 10px 10px 12px !important;
}

.mooslidepositioncenter .mooslidebuttons {
    height: 0 !important;
    top: 220px;
}

.mooslidepositioncenter .mooslidenext {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 22px !important;
    height: 19px !important;
    float: none !important;
    position: absolute;
    bottom: 0;
    
}

.mooslidepositioncenter .mooslideprev {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    width: 22px !important;
    height: 19px !important;
    float: none !important;
    position: absolute;
    bottom: 0;
    right: 0;    
}

/* fixing intext with mooslide */

.mooslidepositionleft div.csc-textpic-intext-right div.csc-textpic-imagewrap
{ float: right !important; }

.mooslidepositionleft div.csc-textpic-intext-right .csc-textpic-text
{ float: none !important; }

.mooslidepositionleft div.csc-textpic-intext-left div.csc-textpic-imagewrap
{ float: left !important; }

.mooslidepositionleft div.csc-textpic-intext-left .csc-textpic-text
{ float: none !important; }


  /* tt_board (psipenta)
 ----------------------------------------------- */

  .ttboard-psipenta tbody tr:hover th[scope="row"],
  .ttboard-psipenta tbody tr:hover tbody th.sub { background-color: #f8fbfd; }
  .ttboard-psipenta tbody tr:hover td { background-color: #f8fbfd; }
  
    /* tt_board
 ----------------------------------------------- */
  
.ttboard-table { 
    width: 100%;
    border: 0;
}

.ttboard-table tbody td { border: 0; }


  /* vge_tagcloud
 ----------------------------------------------- */
 


.tx-vgetagcloud-pi1 {
			line-height: 200%;
			margin-bottom: 1em;
			font-size: 94%;
		}
		
.tx-vgetagcloud-pi1 ul {
			margin: 0;
			padding: 0;
			list-style: none;
			float: left;
		}

.tx-vgetagcloud-pi1 li {
			display: inline;
			float: left;
			margin: 0;
			padding: 0;
		}

.tx-vgetagcloud-pi1 li a {
    margin: 1px .5em 1px 1px;
    padding: 1px;
    text-decoration: none;
    color: #666;
		}
		
.tx-vgetagcloud-pi1 li a:hover {
    text-decoration: underline;
}


 /* @import url(screen/cssstyledcontent.css);
------------------------------------------------------------------------------------------------------*/

/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; font-size: 89%; line-height:130%; padding:0.6em 0 0;}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	/* DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; } */
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
    DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }

/* modificatitions sge */

DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
    margin-bottom: 1em;
}

.csc-textpic-above .csc-textpic-imagewrap {
margin-bottom: .5em;
}


 /* @import url(screen/form.css);
------------------------------------------------------------------------------------------------------*/


/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) CSS-component for creating vertical forms
 * (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen
 *
 * @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

  /**
   *  YAML Forms - visual styling
   *
   *  (en) visual form styling area
   *  (de) Festlegung des optischen Erscheinungsbildes
   */

  form.yform {
    margin: 0 0 1em 0;
  }

  form.yform fieldset {
    border: 1px #ddd solid;
    background: #fafafa;
    margin: 0 0 1em 0;
    padding: 0.5em 1em;
  }

  form.yform legend {
    font-size: 125%; 
    font-weight: normal; 
    color: #000;
    padding: .4em 0;
  }

  form.yform label {
    color: #666;
  }
  
  form.yform .type-text input,
  form.yform .type-text textarea,
  form.yform .type-select select {
    font-family:  Verdana, sans-serif; /* proportional fonts for all form elements */
    border: 1px solid #ddd;
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  form.yform div input:focus,
  form.yform div select:focus,
  form.yform div textarea:focus,
  form.yform div input:hover,
  form.yform div select:hover,
  form.yform div textarea:hover,
  form.yform div input:active,
  form.yform div select:active,
  form.yform div textarea:active {
    border: 1px #aaa solid;
    background: #fff;
  }

  /* Styling of buttons | Gestaltung von Buttons */
  form.yform .type-button input, form.yform input.csc-mailform-submit, input.tx-powermail-pi1_mandatory_submit {
    border: 1px #999 solid;
    color: #000;
    padding: .3em;
    width: auto !important;
    background-color: #eee;
    font-size: 107%;
    font-family:  Verdana, sans-serif; /* proportional fonts for all form elements */
  }

 input.tx-powermail-pi1_mandatory_submit {
	margin-bottom: 1em;
}

input.tx-powermail-pi1_mandatory_submit:focus,
input.tx-powermail-pi1_mandatory_submit:hover,
input.tx-powermail-pi1_mandatory_submit:active {
    border-top: 1px #aaa solid;
    border-left: 1px #aaa solid;
    border-right: 1px #aaa solid;
    border-bottom: 1px #aaa solid;
    color: #000;
    background: #fff; 
  }


/*
  form.yform .type-button input#reset { color: #300; background: #661717 url(images/button_red.png) top left repeat-x; }
  form.yform .type-button input#submit { color: #330; background: #5e5607 url(images/button_yellow.png) top left repeat-x; }
*/

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  form.yform div.type-button input:focus,
  form.yform div.type-button input:hover,
  form.yform div.type-button input:active {
    border-top: 1px #aaa solid;
    border-left: 1px #aaa solid;
    border-right: 1px #aaa solid;
    border-bottom: 1px #aaa solid;
    color: #000;
    background: #fff; 
  }

  form.yform div.type-button input#reset:focus,
  form.yform div.type-button input#reset:hover,
  form.yform div.type-button input#reset:active {
    background: #800; color: #fff;
  }

  form.yform div.type-button input#submit:focus,
  form.yform div.type-button input#submit:hover,
  form.yform div.type-button input#submit:active {
    background: #880; color: #fff;
  }

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

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display: block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display: block; gestaltet werden
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  form.yform { overflow: hidden; }
  form.yform fieldset { overflow: hidden; }
  form.yform legend { background: transparent; border: 0; }
  form.yform label { display:block; cursor: pointer; }
  form.yform .message { display: block; margin-bottom: 0.5em; color: #666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  form.yform input[type=hidden] { display: none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  form.yform sup { color: #800; font-weight: bold; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  form.yform div.type-text,
  form.yform div.type-select,
  form.yform div.type-check,
  form.yform div.type-button {
    margin: .7em 0 .5em 0;
    position: relative;
    overflow: hidden;
  }
  
  form.yform div.type-text select {
    width: 95%;
    border: 1px solid #ddd;
  }

  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  form.yform .type-text input,
  form.yform .type-text textarea {
    display: block;
    position: relative;
    padding: 0.3em 0.3em;
    width: 92%;
  }

  form.yform .type-select select {
    display: block;
    position: relative;
    padding: 0.3em 2px 0.3em 1px;
    width: 60%;
    cursor: pointer;
  }
  form.yform .type-select select optgroup {
    font-style: normal;
    font-weight: bold;
  }

  form.yform .type-check input { cursor: pointer; }
  form.yform .type-check label { display: inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  form.yform .type-button input {
    width: auto;
    cursor: pointer;
  }

  /* Styling of error-messages | Fehlermeldungen */
  form.yform div.error {
    border: 1px #a00 dashed;
    background: #faf4f4;
    padding: 0.5em;
  }

  form.yform div.error label { color: #000; font-weight:bold; }
  form.yform div.error .message { color: #800; }

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

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,
  .columnar .type-select label {
    float: left;
    width: 30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .columnar div.type-check { padding-left: 30%; }
  .columnar div.error .message { margin-left: 30%; }

  .columnar div.type-text input,
  .columnar div.type-text textarea { width: 67.8%; }
  .columnar div.type-select select { width: 69.4%; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { width: 67.2%; }
  * html .columnar div.type-select select { width: 68.8%; }
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid yes
  */
  
  /* IE5.x & IE6 */
  * html form.yform legend { position: absolute; top: -.5em; left: .5em; }
  * html form.yform fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; }

  /* IE7 */
  *+html form.yform legend { position: absolute; top: -.5em; left: .5em; }
  *+html form.yform fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; }
  
 /*------------------------------------------------------------------------------------------------------*/

/* modifications sge */

form.yform label { margin-bottom: .3em; }

form.yform legend { display: none; }

.csc-mailform-label {
        padding: .8em 0 0 0;
        color: #666;
        line-height: 130%;
}

span.csc-mailform-radio fieldset legend {
display: none !important;
margin: 0;
padding: 0;
font-size: 0;
height: 1%;
}

span.csc-mailform-radio {
width: 88%;
padding: 0;
margin: 0;
display: block;
}

fieldset#mailformversand {
margin: 0;
padding: 0;
}

span.csc-mailform-radio fieldset {
border: 0 none;
padding: 0;
margin: 0;
}

span.csc-mailform-radio input {
margin: .5em .3em .5em 0;
float: left;
}

span.csc-mailform-radio label {
margin: .5em 1em .5em 0;
float: left;
}

div.type-text input.csc-mailform-check {
width: auto;
margin: .5em .3em .5em 0;
}

/* srfeuserregister */

#tx-srfeuserregister-pi1-fe_users_form legend {
display: none;
}

#tx-srfeuserregister-pi1-fe_users_form label {
        font-weight: bold;
        padding: .8em 0 0 0;
        color: #666;
        line-height: 130%;
}

#tx-srfeuserregister-pi1-fe_users_form .type-radio input {
margin: .5em .5em .5em 0;
width: auto;
float: left;
clear: left;
}

#tx-srfeuserregister-pi1-fe_users_form .type-radio label {
margin: 0;
padding: 0.3em 0 0;
float: left;
}

#tx-srfeuserregister-pi1-fe_users_form div.type-text {
margin: 0;
}

#tx-srfeuserregister-pi1-fe_users_form div.type-text p {
padding: 0;
margin: 0;
}

#tx-srfeuserregister-pi1-fe_users_form .tx-srfeuserregister-pi1-error {
color: #d00000;
}

#tx-srfeuserregister-pi1-fe_users_form .tx-srfeuserregister-pi1-notice {
margin: 0 0 .5em 0;
padding: 0;
}

#tx-srfeuserregister-pi1-fe_users_form div.type-submit {
margin-top: 1em;
}

#tx-srfeuserregister-pi1-fe_users_form div.type-submit input {
display: inline;
}


/* SLIMBOX  PLUS by OrangeBread (http://www.lifewithpixel.com/ */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/fileadmin/templates/img/icons/sb_loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/fileadmin/templates/img/icons/sb_prevlabel.gif) no-repeat 0% 15%;
	border-bottom: 0;
	outline: none;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/fileadmin/templates/img/icons/sb_nextlabel.gif) no-repeat 100% 15%;
	border-bottom: 0;
	outline: none;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/fileadmin/templates/img/icons/sb_closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCloseLink:hover{ border-bottom: 0; outline: none; }

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

#lbPrintLink {
	display: block;
	float: right;
	width: 22px;
	height: 22px;
	background: transparent url(/fileadmin/templates/img/icons/sb_printicon.gif) no-repeat center;
	margin:3px 5px 0 0; 
	padding:1px;
}

#lbSaveLink {
	display: block;
	float: right;
	width: 22px;
	height: 22px;
	background: transparent url(/fileadmin/templates/img/icons/sb_saveicon.gif) no-repeat center;
	margin:0 5px 0 0; padding:1px;
}

#lbSaveLink:hover,
#lbPrintLink:hover {
	border: 1px solid #999;
	padding: 0px;
}

 /* form4_socialmedialinks
 ----------------------------------------------- */ 

#socialmedialinks {
    display: inline;
}

#socialmedialinks a, #socialmedialinks a:hover {
    text-decoration: none;
}

#socialmedialinks a img {
	border: 1px solid #ddd;
}


 /* archive
 ----------------------------------------------- */ 
 
 #amenu { margin-bottom: 1em; }
 
  /* powermail
 ----------------------------------------------- */ 
 
fieldset.tx-powermail-pi1_fieldset p {
    line-height: 120%;
    margin: 1em 0;
  }

.tx_powermail_pi1_fieldwrap_html_label {
	margin: 1em 0 .7em 0;
}

  /* psijoboffers
 ----------------------------------------------- */ 

table th.sortable { text-align: left; cursor: pointer; }
table th.sortable { min-width: 140px; }
table th.sortable span {float: left; margin-right: .2em;}
table th.sortable span.carat { width: 16px; }
  
  /* call to action-buttons
 ----------------------------------------------- */ 

.callto_button_a, .callto_button_a_100 {
 display:inline-block;
 border-width:1px 0;
 border-color:#a4a4a4;
 border-style:solid;
 vertical-align:middle;
 text-decoration:none;
 margin-left: 1px;
}

.callto_button_a_100 {
	width: 99.01%;
}

.callto_button_a_100 .callto_button_d {
	text-align: center;
}

.callto_button_icon .callto_button_d  {
	text-align: left;
	padding: .4em .8em;
}

.callto_button_a_100 .callto_button_b {
	width: 100%;
}

.callto_button_icon img {
	margin: 0 0.5em -0.2em 0;
}

a.callto_button_a_100,
a.callto_button_a_100:visited,
a.callto_button_a_100:focus,
a.callto_button_a_100:hover,
a.callto_button_a_100:active { text-decoration: none; }

.callto_button_d,
.callto_button_d a,
.callto_button_d a:visited,
.callto_button_d a:focus,
.callto_button_d a:hover,
.callto_button_d a:active { color:#fff; }

.callto_button_b {
 float:left;
 background-color:#b2b2b2;
 border: 1px solid #a4a4a4;
 border-width: 0 1px;
 margin:0 -1px;
 position:relative;
}

.callto_button_c {
 display:block;
 height: .3em;
 line-height:0.6em;
 background-color: #c1c1c1;
 border-bottom:2px solid #bdbdbd;
}

.callto_button_d {
 display:block;
 padding:0.5em 0.8em;
 margin-top:-0.6em;
 cursor:pointer;
 font-weight: bold;
 font-size: 112%;
 }
 
.callto_button_a:visited, .callto_button_a:focus, .callto_button_a:hover, .callto_button_a:active {border-color:#9c9c9c; text-decoration:none; color: #fff; }
.callto_button_a:hover .callto_button_b {border-color:#9c9c9c; text-decoration:none; color: #fff; background-color: #aaa;}
.callto_button_a:hover .callto_button_c { background-color: #b8b8b8; border-color: #b4b4b4; }

.callto_button_a_100:visited, .callto_button_a_100:focus, .callto_button_a_100:hover, .callto_button_a_100:active {border-color:#9c9c9c; text-decoration:none; color: #fff; }
.callto_button_a_100:hover .callto_button_b {border-color:#9c9c9c; text-decoration:none; color: #fff; background-color: #aaa;}
.callto_button_a_100:hover .callto_button_c { background-color: #b8b8b8; border-color: #b4b4b4; }

/* blue */
 
 .callto_button_blue {
 border-color: #78a1ca;
}

.callto_button_blue .callto_button_b {
	background-color: #7da8d2; /* unten */
	border: 1px solid #78a1ca;
	border-width: 0 1px;
}

.callto_button_blue .callto_button_c {
 background-color: #a1c0df; /* oben */
 border-bottom: 2px solid #97b9db; /* mitte */
}

.callto_button_blue:hover {border-color:#6f94ba; }
.callto_button_blue:hover .callto_button_b {border-color:#6f94ba; background-color: #739bc2;}
.callto_button_blue:hover .callto_button_c { background-color: #94b1ce; border-color: #8baaca; }
 
/* orange */

 .callto_button_orange {
 border-color: #e18c5a;
}

.callto_button_orange .callto_button_b {
	background-color: #f09058; /* unten */
	border: 1px solid #e18c5a;
	border-width: 0 1px;
}

.callto_button_orange .callto_button_c {
 background-color: #f4ab80; /* oben */
 border-bottom: 2px solid #f29f6f; /* mitte */
}

.callto_button_orange:hover {border-color:#cf8153; }
.callto_button_orange:hover .callto_button_b {border-color:#cf8153; background-color: #dd8551;}
.callto_button_orange:hover .callto_button_c { background-color: #e19e76; border-color: #df9366; }


/* green */

 .callto_button_green {
 border-color: #a0b683;
}

.callto_button_green .callto_button_b {
	background-color: #a7c381; /* unten */
	border: 1px solid #a0b683;
	border-width: 0 1px;
}

.callto_button_green .callto_button_c {
 background-color: #bbd19e; /* oben */
 border-bottom: 2px solid #b4cc94; /* mitte */
}

.callto_button_green:hover {border-color:#97ab7b; }
.callto_button_green:hover .callto_button_b {border-color:#97ab7b; background-color: #9db879;}
.callto_button_green:hover .callto_button_c { background-color: #b0c595; border-color: #a9c08b; }

 
  /* twitter widget
 ----------------------------------------------- */ 

.twtr-doc{ font-family: Verdana,Arial,sans-serif !important; }

.twtr-doc, .twtr-timeline { border-radius: 0 0 0 0 !important;}

.twtr-doc .twtr-timeline p { line-height: 125% !important;}

.twtr-widget .twtr-tweet { border-bottom: 1px dotted #ccc !important; }

.twtr-ft { font-size: 11px; }

.twtr-tweet-text p em { display: none; }

#psi_ir .twtr-doc .twtr-timeline p { line-height: 135% !important; font-size: 89%;}


  /* powermail form 2-col
 ----------------------------------------------- */ 

.powermail2col-left, .powermail2col-right { width: 45%; }

.powermail2col-left { float: left; }

.powermail2col-right { float: right; clear: right; }

.powermail2col-submit { clear: both; }