CREATE OR REPLACE PACKAGE BODY caco_system IS

  /*
  * $Header: /Isle Of Grain/database/PLSQL/caco_system.pck 6     20/10/05 17:12 Gilberta $
  * $Revision: 6 $
  *
  */
  g_corporate_dark_colour  CONSTANT VARCHAR2(7) := '#003466';
  g_corporate_light_colour CONSTANT VARCHAR2(7) := '#A6BBD0';
  --
  c_hungarian CONSTANT VARCHAR2(255) := 'HU';
  c_english   CONSTANT VARCHAR2(255) := 'EN';
  --
  g_owner       VARCHAR2(80);
  g_name        VARCHAR2(80);
  g_lineno      NUMBER;
  g_caller_type VARCHAR2(80);
  --
  g_menu_level  NUMBER := 1;
  --
  PROCEDURE content_type IS
    --
    --
  BEGIN
    --
    htp.p('<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">');
    --
  END;
  --
  FUNCTION get_lang_meaning(p_lang_code IN VARCHAR2) RETURN VARCHAR2 IS
    --
    l_meaning VARCHAR2(255);
    c_lang_domain VARCHAR2(255) := 'LANGUAGE';
    --
  BEGIN
    --
    l_meaning := NULL;
    --
    l_meaning := caco_utilities.cgrefmeaning(p_domain => C_lang_domain,
                                             p_value => p_lang_code);
    --
    RETURN (l_meaning);
    --
  END ;
  --
  PROCEDURE switch_language IS
    --
    l_language  VARCHAR2(255);
    --
  BEGIN
    --
    l_language := caco_utilities.get_syus_lang(p_syus_id => caco_utilities.get_syus_id);
    --
    IF l_language = C_Hungarian THEN
      --
      UPDATE system_users
      SET    LANGUAGE = c_English
      WHERE  syus_id = caco_utilities.get_syus_id;
      --
    ELSE
      --
      UPDATE system_users
      SET    LANGUAGE = c_hungarian
      WHERE  syus_id = caco_utilities.get_syus_id;
      --
    END IF;
    --
    home;
    --
  END;
  --
  PROCEDURE set_language (p_language IN VARCHAR2) IS
    --
    l_old_language VARCHAR2(500);
    l_new_language VARCHAR2(500);
    --
  BEGIN
    --
    l_old_language := caco_utilities.get_syus_lang(p_syus_id => caco_utilities.get_syus_id);
    l_new_language := p_language;
    --
    IF l_old_language <> l_new_language THEN
      --
      UPDATE system_users s
      SET    s.language = p_language
      WHERE  s.syus_id  = caco_utilities.get_syus_id;
      --      
    END IF;
    --
  END;
  --
  FUNCTION dad_path RETURN VARCHAR2 IS
  BEGIN
    --
    RETURN(lower(owa_util.get_cgi_env('REQUEST_PROTOCOL') || '://' ||
                 owa_util.get_cgi_env('HTTP_HOST') ||
                 owa_util.get_cgi_env('SCRIPT_NAME') || '/'));
    --
  END dad_path;
  --
  FUNCTION home_path RETURN VARCHAR2 IS
  BEGIN
    --
    RETURN(dad_path || 'home');
    --
  END home_path;
  --
  FUNCTION images_path RETURN VARCHAR2 IS
    --
    --
  BEGIN
    --
    RETURN g_images_dir;
    --
  END images_path;
  --
  PROCEDURE css(p_type IN VARCHAR2 DEFAULT 'general') IS
    --
    --
  BEGIN
    --
    -- CSS mime header
    --
    owa_util.mime_header(ccontent_type => 'text/css');
    --
    -- Set common global styles
    --
    -- JP (new css with fixes for FF and IE6
    htp.p('form { padding: 0;
                  margin: 0;
                  border: 0;
                 }');
  --
  -- Check if we are an LOV
  --
  IF UPPER(p_type) = 'LOV' THEN
    --
    htp.p('body {
  font-size: 1em;
  line-height: 1.1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #000000;
  background-color: #ffffff;
               }
               ');
    --
  ELSE
    --
    -- Disable overflow
    --
    htp.p('html { overflow:hidden;
                }

          body {
  font-size: 1em;
  line-height: 1.1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #000000;
  background-color: #ffffff;
  overflow: hidden;
               }
               ');
    --
  END IF;
  --
  htp.p('
a {
  text-decoration: none;
  color: #F21C0A;
  }
a img {
	border: 0;
  }
div#banner {
	position:absolute;
	width:100%;
	height: 102px;
	background: #F21C0A url(docs/SeitenkopfAbschluss.gif) top right no-repeat;
  right: 5px;
  z-index:2;
  }

#logo {
  color:inherit;
  font-family:Arial,Helvetica,sans-serif;
  max-width:59.5em;
  min-width:46.2em;
  overflow:visible;
  padding:0.8em 0pt 0pt 2em;
  }

#logo img {
border:medium none;
margin:0.25em 0pt 0pt;
}

div#topRightNav {
	position: absolute;
	top:0;
	right: 10px;
  }

div#topRightNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 20px;
  float:right;
  }

div#topRightNav ul li {
	float: left;
  }

div#topRightNav a {
	float: left;
	display:block;
	height: 20px;
  padding-top:5px;
  padding-right: 5px;
  font-size: 0.79em;
  color: #ffffff;
  }

div#topRightNav a:hover {
  color: #000000;
  }

#userLang {
display:inline;
float:right;
xfont-size:0.85em;
xfont-weight:bold;
xline-height:2.5em;
margin: 2.3em 1em 0pt 0pt;
padding:0pt;
  }

div#topNav {
	clear: both;
	position: absolute;
	top: 102px;
	left: 101px;
  }

div#topNav ul {
  list-style-type: none;
	margin: 0;
	padding: 0;
	height: 22px;
  }

div#topNav ul li {
	float: left;
  }

div#topNav

ul li a {
	float: left;
	display: block;
	height: 22px;
  padding-right: 10px;
  font-size: 11px;
  font-weight: bold;
  color: #F21C0A;
  }

div#topNav ul li a:hover {
  color: #ffffff;
  }

div#topNav ul li.infoline {
  float: left;
  padding-left: 65px;
  font-size: 11px;
	font-weight: bold;
  color: #F21C0A;
  }

#right{
  position: absolute;
	margin-left:160px;
	max-width:100%;
  font: normal 12px verdana, arial, helvetica, sans-serif;
  }
/*need to set the max width in ie6 quirks (eg set the width)*/
* html #right { display: inline;
                margin-left: 0px;
                width: expression(document.body.clientWidth - 200 + "px")
              }

#left{
  background-color: #FFF;
  font: normal 12px verdana, arial, helvetica, sans-serif;
  padding:0px;
  border-top:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
  position:relative;
  top:55px;
  left:0px;
  width:149px;
  background-color:#FFFFFF;
  color: #000000;
	min-height:60%;
	float:left;
	}
/*we need to float this for ie6 quirks*/
* html #left { float: left;
  height:100%;
  }

#left ul { margin: 0px;
	padding: 0px;
	list-style: none;
	width: 149px;
	height:20px;
  border-bottom: 0px;
  }

* HTML #left ul li {
float: left;
display: inline;
padding-right: 10px;
}

#left ul li a {
  padding: 0;
  display: block;
  text-align: right;
  }

#left .menulvl1_inact, .menulvl1_act {
	font-weight: bold;
  color: #000000;
  height: 20px;
	width: 150px;
  display:block;
  text-decoration: none;
  list-style: none;
  }

#left .menulvl1_act {
	background-color:#CECECE;
  }

#left .menulvl2_inact, .menulvl2_act {
	font-size: 10px;
  height: 20px;
	width: 150px;
  color: #000000;
  background-color:#E6E6E6;
  display:block;
  text-decoration: none;
  list-style: none;
  }

#left .menulvl2_act{
  color:#F21C0A;
  }

#left .menulvl3_act, .menulvl3_inact {
	font-size: 10px;
  height: 20px;
	width: 150px;
  background-color:#F5F5F5;
  color: #000000;
  display:block;
  text-decoration: none;
  list-style: none;
  text-align: right;
  }

#left .menulvl3_act {
  color: #F21C0A;
  }

#left a.menulvl1_inact:hover {
  color: #F21C0A;
  }

#left a.menulvl2_inact:hover {
 color: #F21C0A;
 }

#left a.menulvl3_inact:hover {
  color: #F21C0A;
  }

ul.sitemaplevel1 li {
  float: left;
  width: 9.5em;
  list-style-image: none;
  margin: 0;
  padding: 0;
  }

ul.sitemaplevel1  a {
  display: block;
  margin: 0 0.5em 0 0;
  padding: 0.075em 0.5em 0.075em 0.5em;
  font-size: 0.75em;
  text-decoration: none;
  font-weight:bold;
  color: #ffffff;
  background-color: #F21C0A;
  }

ul.sitemaplevel1 li ul {
  margin: 0;
  padding: 0;
  position: relative;
  top: 0em;
  left: 0em;
  }

ul.sitemaplevel1 li ul li a {
  width: 11.2em;
  padding: 0.5em;
  color: #000000;
  background-color: #ffffff;
  }

ul.sitemaplevel1 li ul li ul li {
  margin-left: 0.5em;
  }

ul.sitemaplevel1 li ul li ul li a {
  width: 12.8em;
  font-size: 0.625em;
  font-weight: normal;
  zpadding: 0.3em 0.5em 0.3em 0.5em;
  color:inherit;
  background-color: #e6e6e6;
  display: block;
  }

#centrecontent{
  position: absolute;
  overflow:auto;
  bottom:2em;
  top:120px;
  width:100%;
  background-color:white;
  z-index: 1;
  }

/*we use the hack below to use border bottom and top to replace top and bottom ofsets used above */
* html #centrecontent {
  border-top:120px solid white;
  border-bottom:2em solid white;
  top:0px;
  height:100%;
  }

h1 {
  font-weight : bold;
	font-size: 17px;
  line-height: 1.2em;
	margin: 1em 0 0.5em 0;
	color: #F21C0A;
	background-color: inherit;
  }

h2 {
  font-weight : bold;
  font-size : 17px;
  font-family : verdana, arial, Helvetica, sans-serif;
  border-top 5px;
  color: #000000;
  }

h4 {
  font-weight : bold;
  font-size : 14px;
  font-family : verdana, arial, Helvetica, sans-serif;
  color:#000000;
  }

#centrecontent table {
	border-collapse: collapse;
 }

#centrecontent table th {
	font-size: 12px;
  font-weight: bold;
  }

#centrecontent table td {
	font-size: 12px;
  }
menu {
  display:none;
  }

div#hotlinks{
  border:1px solid #F21C0A;
  position:relative;
  margin-left:660px;
  width:170px;
  height:235px;
  font: normal 12px verdana, arial, helvetica, sans-serif;
  }
* html #hotlinks{
  margin-left:10px;
  margin-right:-170px;
  }

div#hotlinks h2 {
  height: 20px;
  padding-left: 20px;
  padding-top:5px;
  margin: 0;
  font-size: 11px;
  background: #F21C0A;
  color:#ffffff;
  text-transform: uppercase
  }

div#hotlinks ul{
  font-size:1em;
  margin:0;
  padding:0;
  text-decoration:none;
  list-style-type: none;
  }

div#hotlinks ul li {
  line-height: 1.25em;
  display: inline;
  margin-bottom: 2em;
  }

div#hotlinks ul li a:hover {
  text-decoration: underline;
  }

div#hotlinks ul li a {
  background:url(docs/list_pointer.gif) 5px 3px no-repeat;
  padding-left: 15px;
  text-transform: uppercase;
  color: #969696;
  display: block;
  margin-bottom: 0em;
  font-size: 11px;
  }

div#bulletin{
  margin-left:660px;
  margin-top: 10px;
  border:1px solid #F21C0A;
  width:170px;
  height:235px;
  font: normal 12px verdana, arial, helvetica, sans-serif;
  }
* html #bulletin{
  margin-left:10px;
  margin-right:-170px;
  margin-bottom:0px;
  }

div#bulletin h2 {
  height: 20px;
  padding-left: 20px;
  padding-top:5px;
  margin: 0;
  font-size: 11px;
  background: #F21C0A;
  color:#ffffff;
  text-transform: uppercase
  }

div#bulletin ul{
  font-size:1em;
  margin:0px;
  padding:0px;
  text-decoration:none;
  list-style-type:none;
  }

div#bulletin ul li {
  line-height: 1.25em;
  display: inline;
  margin-bottom: 2em;
  }

div#bulletin ul li a:hover {
  text-decoration: underline;
  }

div#bulletin ul li.Y a {
  background: url(docs/me_read.gif) 5px 3px no-repeat;
  padding-left: 22px;
  text-transform: uppercase;
  color: #969696;
  display: block;
  margin-bottom: 0.5em;
  font-size:11px;
  }

div#bulletin ul li.N a {
  background: url(docs/me_unread.gif) 5px 3px no-repeat;
  padding-left: 22px;
  text-transform: uppercase;
  color: #969696;
  display: block;
  margin-bottom: 0.5em;
  font-size: 11px;
  }

#piechart{
  position:absolute;
  top:353px;
  left:800px;
  width:200px;
  height:197px;
  display:none;
  }

#piechart h1{
  color:white;
  background-color:#003D62;
  text-align:center;
  }

#barchart{
  position:absolute;
  top:353px;
  left:150px;
  width:649px;
  height:197px;
  background-color:#ffffff;
  z-index:1;
  display:none;
  }

#barchart h1{
  color:white;
  background-color:#003D62;
  text-align:center;
  }

#middletable{
  font-size:.8em;
  position: absolute;
  top:70px;
  left:175px;
  width:107px;
  height:280px;
  background-color:#ffffff;
  border-top:1px solid #EEEEFF;
  display:none;
  }

#edit{
  position:absolute; top: 550px;
  left: 0px;
  text-align: right;
  z-index:3;
  display:inline;
  }

#edit a{
  color:black;
  display:inline;
  display:none;
  }

li {
  list-style:none inside;
  }

div#breadcrumb {
  height:20px;
  padding-top: 10px;
  padding-bottom: 10px;
  }

* html div#breadcrumb {
  display: inline;
  }

div#breadcrumb h1 {
  padding: 0;
  border: 0;
  margin: 0;
  }

div#breadcrumb h1 a {
  font-weight : bold;
  font-size: 1.1em;
  color: #FA3221;
  }

div#breadcrumb h1 a:hover {
  text-decoration: underline;
  }

#homecentrecontent{
  height: 100%;
  overflow:auto;
  background: #F21C0A url(docs/homeimage.png) top right no-repeat;
  z-index: 2;
  }

* html #homecentrecontent {
  position:absolute;
  z-index:2;
  width:100%;
  height:80%;
  height:500px;
  }

#homepageimage{
  float:left;
  margin-left:0px;
  margin-top:0px;
  }

div#footer {
  position: absolute;
  overflow: hidden;
  bottom:0;
  left:0;
  width: 100%;
  height:2em;
  z-index:2;
  color: #CECECE;
  font-size : 1em;
  font-family : verdana, arial, Helvetica, sans-serif;
  }

#ContainerFooter {
background-color:inherit;
color:#A5A5A5;
max-width:50.6em;
min-width:37.3em;
}

#ContainerFooter, #HomepageContainerFooter {
clear:both;
margin:1em 0pt 0pt 10.9em;
padding:0pt 0pt 2em;
}

p#FooterCopyright {
float:left;
margin:0pt;
}

#ContainerFooter p, #HomepageContainerFooter p, #ContainerFooter a, #HomepageContainerFooter a {
font-size:0.688em;
}

ul#FooterNavRechts {
float:right;
}

ul#FooterNavLinks, ul#FooterNavRechts {
margin:0pt;
padding:0pt;
}

#ContainerFooter ul, #HomepageContainerFooter {
font-size:1em;
}

#ContainerFooter a:hover, #ContainerFooter a:active, #ContainerFooter a:focus, #HomepageContainerFooter a:hover, #HomepageContainerFooter a:active, #HomepageContainerFooter a:focus {
text-decoration:underline;
}

#ContainerFooter a:link, #ContainerFooter a:visited {
background-color:inherit;
color:#A5A5A5;
}

#ContainerFooter a:link, #ContainerFooter a:visited, #HomepageContainerFooter a:link, #HomepageContainerFooter a:visited {
font-weight:normal;
margin:0pt;
text-decoration:none;
}

ul#FooterNavLinks li a, ul#FooterNavRechts li a {
display:block;
}

#ContainerFooterUnten {
border-top:1px solid #A5A5A5;
clear:both;
padding:0pt;
}

ul#FooterNavRechts li {
padding:0pt 0pt 0pt 1em;
}

ul#FooterNavRechts li {
display:inline;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
}

#advcopy {
  position: relative;
  top: 3px;
  float:left;
  }

#advanticalink {
  position: relative;
  top: 3px;
  right: 3px;
  float: right;
  color: #CECECE;
  }

* html #nepoListDiv{
	margin-right:-3px;
	}
* html #cnppvDiv{
	width:100%;
	margin-left: -2px;
  }
  ');
    --
    -- Any specific styles
    --
    IF p_type = 'content' THEN
      --
      NULL;
      --
    ELSIF p_type = 'query' THEN
      --
      htp.p('body {background-color : white }' || chr(10));
      --
    END IF;
    --
  END css;
  --
  PROCEDURE homecss IS
  BEGIN
    --
    owa_util.mime_header(ccontent_type => 'text/css');
    --
    htp.p('
    html {
      background-color: #F21C0A;
      font: normal 12px verdana, arial, helvetica, sans-serif;
      overflow:hidden;
    }

    body {
      margin: 0;
      overflow: hidden;
      background-color: #F21C0A;
    }

    a {
      text-decoration: none;
    }

    div#banner {
    position:absolute;
    width:100%;
    left: 0;
    }

  div#logo {
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    overflow: hidden;
    zwidth: 370px;
    zheight: 50px;
    margin: 0.25em 0 0 0;
    }

  div#topRightNav {
    position: absolute;
    top:0;
    right: 10px;
    }

  div#topRightNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 20px;
    float:right;
    }

  div#topRightNav ul li {
    float: left;
    }

  div#topRightNav a {
    float: left;
    display:block;
    height: 20px;
    padding-top:5px;
    padding-right: 5px;
    font-size: 0.79em;
    color: #ffffff;
    }

  div#topRightNav a:hover {
    color: #000000;
    }

  div#loginlink {
    position: absolute;
    top: 15%;
    left: 10px;
  }

  div#loginlink ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-bottom: 0px;
  }

  div#loginlink ul li a {
  padding-left: 12;
  display: block;
  text-align: left;
  background: url(docs/leftlink.gif) left no-repeat;
  background-position: 0px 0px;
  }

  div#loginlink .login {
	font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  display:block;
  text-decoration: none;
  list-style: none;
  }

  div#loginlink a.login:hover {
  color: #990000;
  }

  div#loginform {
    position: fixed;
    top: 140px;
    left: 170px;
  }
  * html div#loginform{
    position: absolute;
    }
  div#loginform h2 {
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none
  }

  div#loginform h4 {
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none
  }

  div#loginform td {
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none
 }
    #homecentrecontent{
      position:absolute;
      display: block;
  margin-left:500px;
  margin-top:250;
  width:400px;
  height:400px;
    background: url(docs/homeimage.png) no-repeat;
    }
    ');
    --
  END homecss;
  --
  FUNCTION statusbar RETURN VARCHAR2 IS
  BEGIN
    RETURN NULL;
  END statusbar;

  PROCEDURE clock_js IS
  BEGIN
    --
    -- Output the clock javascript if logged on
    --
    htp.p('<script type="text/javascript">
var hours;
var minutes;
var seconds;
var timer=null;
var i_clock=-1
var thistime= new Date()
var clockid=new Array()

             function addEvent(ev, evType, fn, useCapture) {
             // Allows events to be added to the main browsers.
             if (ev.addEventListener) {
               ev.addEventListener(evType, fn, useCapture);
               return true;
             } else if (ev.attachEvent) {
               var r = ev.attachEvent(''on'' + evType, fn);
               return r;
             } else {
               ev[''on'' + evType] = fn;
             }
             }

function sclock()
{
  hours='||TO_CHAR(SYSDATE,'HH24')||';
  minutes='||TO_CHAR(SYSDATE,'MI')||';
  seconds='||TO_CHAR(SYSDATE,'SS')||';
  clockon();
  if(timer){clearInterval(timer);timer=null;}
  timer=setInterval("clockon();",1000);
}

             function writeclock() {
             	i_clock++
             	if (document.all || document.getElementById || document.layers) {
             		clockid[i_clock]="clock"+i_clock
             		document.write("<span id=''"+clockid[i_clock]+"'' style=''position:relative;''></span>")
             	}
            }

function clockon()
{
  if (!document.layers && !document.all && !document.getElementById) return;
  var shours = hours;
  var sminutes = minutes;
  var sseconds = seconds;
  if (eval(shours) <10) {shours="0"+shours}
  if (eval(sminutes) < 10) {sminutes="0"+sminutes}
  if (sseconds < 10) {sseconds="0"+sseconds}
  thistime = ""+ shours + ":" + sminutes +":"+sseconds;

        	if (document.all) {
             		for (i=0;i<=clockid.length-1;i++) {
           	  		var thisclock=eval(clockid[i])
           		  	thisclock.innerHTML=thistime
             		}
             	}

             	if (document.getElementById) {
             		for (i=0;i<=clockid.length-1;i++) {
             			document.getElementById(clockid[i]).innerHTML=thistime
           	  	}
             	}


  if(++seconds>59)
  {
    seconds=0;
    if(++minutes>59)
    {
      minutes=0;
      if(++hours>23)
      {
        hours=0;
      }
    }
  }
}
             try {
                   addEvent(window,''load'',sclock,false);
                 }
             catch(e)
                 {
                 alert(e);
                  alert(''Error adding event sclock: '');
                 }
</script>');
    --
  END clock_js;
  --
  -- Eon Menu
  --
  FUNCTION menu(p_syop_id IN system_options.syop_id%TYPE DEFAULT NULL) RETURN VARCHAR2 IS
    --
    -- Private Variables
    --
    v_syop_id system_options.syop_id%TYPE;
    l_language              VARCHAR2(255);
    l_language_code         VARCHAR2(255);
    l_alternative_lang_code VARCHAR2(255);
    --
    -- Private routines
    --
    --
    -- Output menuitems
    --
    PROCEDURE menuitem(p_module IN VARCHAR2
                      ,p_text   IN VARCHAR2
                      ,p_level  IN VARCHAR2 DEFAULT '1'
                      ,p_active IN VARCHAR2 DEFAULT 'inact') IS
    BEGIN
      --
      htp.p('<li><a href="' || p_module || '" class="' || 'menulvl' ||
            p_level || '_' || p_active || '">' || p_text || '</a></li>');
      --
    END menuitem;
    --
    FUNCTION get_syus_name ( p_syus_id IN system_users.syus_id%TYPE DEFAULT caco_utilities.get_syus_id ) RETURN VARCHAR2 IS
      --
      l_return VARCHAR2(1000);
      --
    BEGIN
      --
      BEGIN
        --
        SELECT DECODE(syus.language, 'HU', syus.last_name||' '||syus.first_name, syus.first_name||' '||syus.last_name) AS name_string
        INTO   l_return
        FROM   system_users syus
        WHERE  syus.syus_id = p_syus_id;
        --
      EXCEPTION
        WHEN OTHERS THEN
          --
          l_return := 'No Name';
          --
      END;
      --
      RETURN l_return;
      --
    END;
    --
    PROCEDURE baritem(p_module IN VARCHAR2
                     ,p_text   IN VARCHAR2 ) IS
    BEGIN
      --
      htp.p('<li><a href="' || p_module || '">' || p_text || '</a></li>');
      --
    END baritem;
    --
    -- display the menu, calls itself recursively
    --
    PROCEDURE disp_menu(p_start IN system_options.syop_id%TYPE DEFAULT NULL
                       ,p_end   IN system_options.syop_id%TYPE DEFAULT NULL
                       ,p_level IN NUMBER DEFAULT 1) IS
      --
      l_drill_id      system_options.syop_id%TYPE;
      l_first_time    BOOLEAN := TRUE;
      --
    BEGIN
      --
      -- Get all the menu items for the current level
      --
      FOR i IN (SELECT so.syop_id_the_parent_of
                      ,so.syop_id
                      ,DECODE(so.module_name
                             ,NULL
                             ,'home?p_syop_id=' || so.syop_id
                             ,so.module_name) AS module_name
                      ,DECODE(so.mtxt_text_number, NULL, so.NAME, caco_utilities.get_module_text(so.mtxt_text_number)) AS name
                FROM   system_options  so
                      ,profile_options po
                      ,user_profiles   up
                WHERE  so.syop_id = po.syop_id
                AND    po.sypr_id = up.sypr_id
                AND    up.syus_id = caco_utilities.get_syus_id
                AND    (so.syop_id_the_parent_of = p_start
                OR     (p_start IS NULL AND
                        so.syop_id_the_parent_of IS NULL))
                GROUP BY so.syop_id_the_parent_of
                        ,so.syop_id
                        ,DECODE(so.module_name
                               ,NULL
                               ,'home?p_syop_id=' || so.syop_id
                               ,so.module_name)
                        ,DECODE(so.mtxt_text_number, NULL, so.NAME, caco_utilities.get_module_text(so.mtxt_text_number))
                        ,display_seq
                ORDER  BY display_seq
                         ,so.syop_id) LOOP
        --
        -- If we have an end point to get to, find the drill path
        --
        IF p_end IS NOT NULL THEN
          --
          -- Find the ID for the next level down only once
          --
          IF l_first_time THEN
            --
            -- As we're working pottom up, reverse the level
            --
            BEGIN
              SELECT a.syop_id
              INTO   l_drill_id
              FROM   (SELECT LEVEL AS a_level
                            ,syop_id_the_parent_of
                            ,syop_id
                      FROM   system_options so
                      CONNECT BY PRIOR so.syop_id_the_parent_of = so.syop_id
                      START  WITH so.syop_id = p_end
                      ORDER  BY LEVEL DESC) a
                    ,(SELECT MAX(LEVEL) m_level
                      FROM   system_options so
                      CONNECT BY PRIOR so.syop_id_the_parent_of = so.syop_id
                      START  WITH so.syop_id = p_end) b
              WHERE  b.m_level - a.a_level + 1 = p_level;
            EXCEPTION
              WHEN OTHERS THEN
                NULL;
            END;
            --
            l_first_time := FALSE;
            --
          END IF;
          --
          -- If the current item is on the drill path
          --
          IF l_drill_id = i.syop_id THEN
            --
            -- Ouput an active menu item
            --
            menuitem(p_module => i.module_name
                    ,p_text   => i.NAME
                    ,p_level  => p_level
                    ,p_active => 'act');
            --
            -- Output Children
            --
            disp_menu(p_start => i.syop_id
                     ,p_end   => p_end
                     ,p_level => p_level + 1);
            --
          ELSE
            --
            -- Output inactive menu item
            --
            menuitem(p_module => i.module_name
                    ,p_text   => i.NAME
                    ,p_level  => p_level
                    ,p_active => 'inact');
            --
          END IF;
          --
        ELSE
          --
          -- Top level menu, just output
          --
          menuitem(p_module => i.module_name
                  ,p_text   => i.NAME);
          --
        END IF;
        --
      END LOOP;
      --
    END disp_menu;
    --
  BEGIN
    --
    v_syop_id := p_syop_id;
    --
    -- Section added to display the alternative language choice on the banner bar.
    --
    l_language_code := caco_utilities.get_syus_lang(p_syus_id => caco_utilities.get_syus_id);
    --
    IF l_language_code = c_English THEN
      --
      l_alternative_lang_code := c_Hungarian;
      --
    ELSE
      --
      l_alternative_lang_code := c_English;
      --
    END IF;
    --
    l_language := get_lang_meaning(l_alternative_lang_code);
    --
    -- Output the clock javascript if logged on
    --
    clock_js;
    --
    -- Here we output the footer, this will absolutely
    -- positioned at the bottom of the screen and held
    -- in a fixed position relative to the bottom of the
    -- browser window by setting the overflows on the html and body
    -- to hidden and letting the content div overflow auto
    --
    IF caco_utilities.get_cust_id <> caco_utilities.get_system_customer THEN
      --
      htp.comment(ctext => 'Copyright 2007 Advantica');
      --
      htp.p('<div id="footer">
      <div id="ContainerFooter">
  <div id="ContainerFooterOben">
  </div>
  <div id="ContainerFooterUnten">
    <p id="FooterCopyright">E.ON Földgáz Trade Zrt.</p>
    <ul id="FooterNavRechts">
      <li><a href='''||caco_system.dad_path||'efno_disclaimer.display'' title="Disclaimer">Disclaimer</a></li>
      <li><a href="http://www.eon-foldgaz-trade.com/cps/rde/xchg/SID-3F57EEEE-1363C636/eon-foldgaz-trade/hs.xsl/2350.htm" title="Privacy policy">Privacy policy</a></li>
      <li><a href="http://www.eon-foldgaz-trade.com/cps/rde/xchg/SID-3F57EEEE-1363C636/eon-foldgaz-trade/hs.xsl/2348.htm" title="Imprint">Imprint</a></li>
    </ul>
  </div>
</div>
      </div>');
      --
    END IF;
    --
    -- Show the curved right hand banner
    --
    htp.p('	<div id="banner">'||CHR(10));
    --
		htp.p(' <div id="logo">
    <a href="http://www.eon-foldgaz-trade.com" title="E.ON F&ouml;ldg&aacute;z Trade Homepage">
    <img src="docs/logo_eft.gif" alt="E.ON Foldgaz Trade logo" /></a></div>'||CHR(10));
    htp.p('<div id="topRightNav">
				<ul>');
				htp.p('</ul>');
    --
    IF caco_utilities.GET_SYUS_ID() <> caco_utilities.GET_SYSTEM_USER() THEN
      --
      htp.p('<div id="userLang">
               <a href="'||g_package_name||'.switch_language">'|| l_language ||' </a>
             </div>'); --userLang
      --
    END IF;
    --
		htp.p('</div>'); --topRightNav
    --
    -- Find out who we were called by
    --
    caco_debug.who_called_me(p_owner       => g_owner
                            ,p_name        => g_name
                            ,p_lineno      => g_lineno
                            ,p_caller_type => g_caller_type);
    --
    -- Bottom of the banner bar
    --
    htp.p('<div id="topNav">'||chr(10));
    htp.p('<ul>'||chr(10));
    --
    IF upper(g_name) LIKE '%HELP%' THEN
      --
      -- Only require a close button on the help screen
      --
      baritem('javascript:window.close()'
             ,caco_utilities.get_module_text(p_text_number => 846));
      --
    ELSE
      --
      -- Find out where the menu should be...
      --
      IF upper(g_name) NOT LIKE 'HOME' THEN
        --
        -- Not called from home, must be a screen
        --
        FOR f IN (SELECT syop.syop_id --_the_parent_of AS syop_id
                    FROM system_options  syop
                        ,profile_options prop
                        ,user_profiles   uspr
                   WHERE syop.syop_id = prop.syop_id
                     AND prop.sypr_id = uspr.sypr_id
                     AND uspr.syus_id = caco_utilities.get_syus_id
                     AND upper(syop.module_name) LIKE
                         substr(g_name
                               ,1
                               ,decode(instr(g_name
                                            ,'$')
                                      ,0
                                      ,decode(instr(g_name
                                                   ,'.')
                                             ,0
                                             ,length(g_name)
                                             ,instr(g_name
                                                   ,'.'))
                                      ,instr(g_name
                                            ,'$'))) || '%') LOOP
          --
          v_syop_id := f.syop_id;
          --
          EXIT;
          --
        END LOOP;
        --
      END IF;
      --
    END IF;
    --
    -- If we are logged on, display the customer and clock
    --
    IF caco_utilities.get_cust_id <> caco_utilities.get_system_customer THEN
      --
      htp.p('<li class="infoline">' || get_syus_name || ' : ' || caco_utilities.get_cust_name ||
            ' | '||caco_utilities.get_module_text(1142)||' : ' ||
            TO_CHAR(cout_dates.convert_date_to_gas_day(p_date => SYSDATE)
                   ,NVL(cout_system_configuration.get_configuration_item('G_DATE_FORMAT'),'DD/MM/YYYY')) || ' '||caco_utilities.get_module_text(2000)||' : ' ||
            '<script>writeclock()</script>' || '</li>');
      --
    END IF;
    --
    htp.p('</ul>'||chr(10));
    htp.p('</div>'||chr(10)); -- topNav
    --
    -- Close header div
    --
    htp.p('</div>'); --banner/bannerfront
    --Centre Content
    --
    --This contains the the left and right divs that sit in the middle of the
    --screen.  We have adjusted this so that when the menu or the main application
    --screens gain a vertical height greater than the view port the user can scroll
    --just the centre content div to view the remaining parts of the screen
    --
    htp.p('<div id="centrecontent">');
    --
    -- Left bar
    --
    IF caco_utilities.get_cust_id <> caco_utilities.get_system_customer THEN
      --
      htp.p('<div id="left">');
      --
    ELSE
      --
      htp.p('<div id="leftfront">');
      --
    END IF;
    --
    -- Main nav menu
    --
    htp.p('<ul id="nav">');
    --
    --
    --
    IF caco_utilities.get_cust_id <> caco_utilities.get_system_customer
    AND upper(g_name) NOT LIKE '%HELP%'
    THEN
      --
      -- Only display home if we are logged on (and not on the help page)
      --
      menuitem(dad_path
              ,caco_utilities.get_module_text(p_text_number => 963));
      --
    END IF;
    --
    IF caco_utilities.get_syus_id = caco_utilities.get_system_user
    OR NOT saco_licensing.check_license THEN
      --
      IF NOT saco_licensing.check_license THEN
        --
        menuitem(dad_path || 'home?p_login_requested=Y', 'Enter License');
        --
      ELSIF NOT saco_licensing.check_users THEN
        --
        menuitem(dad_path || 'home', 'Refresh');
        --
      ELSE
        --
        -- Display Logon
        --
        NULL;
        --
      END IF;
      --
    END IF;
    --
    IF upper(g_name) NOT LIKE '%HELP%'
    AND caco_utilities.get_syus_id <> caco_utilities.get_system_user
    AND saco_licensing.check_license THEN
      --
      -- Display the menu if we're not the help popup, are logged on and haven't expired the license
      --
      --
      -- Help menu item
      --
      menuitem ( 'javascript:void window.open(''' || dad_path || 'saco_help.display?p_context=' || g_name || ''',''help'',''status=no,resizeable=yes,scrollbars=yes'')'
               , caco_utilities.get_module_text(p_text_number => 1020) );
      --
      disp_menu ( p_end => v_syop_id );
      --
      menuitem( dad_path || 'caco_security.logout'
              , caco_utilities.get_module_text(p_text_number => 979));
      --
    END IF;
    --
    -- Output the unordered list close tag
    --
    htp.p('</ul>' || chr(10));
    --
    -- Close the menu div
    --
    htp.p('</div>');
    --
    -- Open the right div, this will contain the business bits of the application
    --
    htp.p('<div id="right">');
    --
    -- As I'm a function, return NULL
    --
    RETURN NULL;
    --
  END menu;
  --
  -- EFT homepages elements
  --
  PROCEDURE sitemap IS
    --
    g_page_header VARCHAR2(100) := 'Sitemap';
    --
    PROCEDURE menuitem(p_module IN VARCHAR2
                      ,p_text   IN VARCHAR2
                      ,p_level  IN VARCHAR2 DEFAULT '1'
                      ,p_active IN VARCHAR2 DEFAULT 'inact') IS
    BEGIN
      --
      htp.p('<li><a href="' || p_module || '" class="' || 'sitemap' ||
            p_level || '">' || p_text || '</a>'); --</li>
      --
    END menuitem;
    --
    -- display the menu, calls itself recursively
    --
    PROCEDURE disp_menu(p_start IN system_options.syop_id%TYPE DEFAULT NULL
                       ,p_end   IN system_options.syop_id%TYPE DEFAULT NULL
                       ,p_level IN NUMBER DEFAULT 1) IS
      --
      l_drill_id   system_options.syop_id%TYPE;
      l_first_time BOOLEAN := TRUE;
      --
    BEGIN
      --
      -- Get all the menu items for the current level
      --
      FOR i IN (SELECT so.syop_id_the_parent_of
                      ,so.syop_id
                      ,DECODE(so.module_name
                             ,NULL
                             ,'home?p_syop_id=' || so.syop_id
                             ,so.module_name) AS module_name
                      ,DECODE(so.mtxt_text_number, NULL, so.NAME, mtxt.text) AS name
                FROM   system_options  so
                      ,profile_options po
                      ,user_profiles   up
                      ,module_text     mtxt
                WHERE  so.syop_id = po.syop_id
                AND    so.mtxt_text_number = mtxt.text_number (+)
                AND    mtxt.language (+) = caco_utilities.get_syus_lang
                AND    po.sypr_id = up.sypr_id
                AND    up.syus_id = caco_utilities.get_syus_id
                AND    (so.syop_id_the_parent_of = p_start
                OR     (p_start IS NULL AND
                        so.syop_id_the_parent_of IS NULL))
                GROUP BY so.syop_id_the_parent_of
                        ,so.syop_id
                        ,DECODE(so.module_name
                               ,NULL
                               ,'home?p_syop_id=' || so.syop_id
                               ,so.module_name)
                        ,DECODE(so.mtxt_text_number, NULL, so.NAME, mtxt.text)
                        ,display_seq
                ORDER  BY display_seq
                         ,so.syop_id) LOOP
        --
        IF p_level < g_menu_level THEN
          --
          htp.p('</ul>');
          --
        ELSIF p_level > g_menu_level THEN
          --
          htp.p('<ul>');
          --
        ELSE
          --
          htp.p('</li>');
          --
        END IF;
        --
        g_menu_level := p_level;
        --
        menuitem(p_module => i.module_name
                ,p_text   => i.NAME
                ,p_level  => p_level);
        --
        disp_menu(p_start => i.syop_id
                 ,p_end   => p_end
                 ,p_level => p_level + 1);
        --
      END LOOP;
      --
    END disp_menu;
    --
  BEGIN
    --
    htp.p('<html xmlns="http://www.w3.org/1999/xhtml" lang="en-gb">');
    wsgl.openpagehead(g_page_header);
    htp.p('<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">');
    htp.p('<LINK REL=stylesheet HREF="caco_system.css?p_type=general" >');
    --
    -- caco_system.clock_js;
    --
    htp.p('<title>'||g_page_header||'</title>');
    wsgl.closepagehead;
    wsgl.openpagebody(FALSE);
    --
    htp.p(caco_system.menu);
    --
    wsgl.defaultpagecaption(g_page_header
                           ,1);
    --
    htp.p('<ul class="sitemaplevel1">');
    --
    IF caco_utilities.GET_SYUS_ID() <> caco_utilities.GET_SYSTEM_USER() THEN
      --
      disp_menu(NULL, NULL);
      --
    ELSE
      --
      menuitem( dad_path || 'home?p_login_requested=Y'
               , 'Logon' );
      --
    END IF;
    --
    htp.p('</ul>');
    --
    wsgl.closepagebody;
    --
  END sitemap;
  --
  PROCEDURE contact IS
    --
    g_page_header VARCHAR2(100) := caco_utilities.get_module_text(2002);
    --
  BEGIN
    --
    htp.p('<html xmlns="http://www.w3.org/1999/xhtml" lang="en-gb">');
    wsgl.openpagehead(g_page_header);
    htp.p('<META http-equiv="Content-Type" content="text/html; charset=iso-8859-2">');
    htp.p('<LINK REL=stylesheet HREF="caco_system.css?p_type=general" >');
    --
    htp.p('<title>'||g_page_header||'</title>');
    wsgl.closepagehead;
    wsgl.openpagebody(FALSE);
    --
    htp.p(caco_system.menu);
    --
    wsgl.defaultpagecaption(g_page_header
                           ,1);
    --
    FOR i IN ( SELECT description FROM contact_details WHERE rownum < 2 ) LOOP
      --
      htp.p(i.description);
      --
    END LOOP;
    --
    wsgl.closepagebody;
    --
  END contact;
  --
  -- Generic procedure to close off DIVS openedby the menu
  --
  PROCEDURE footer (p_closebody IN BOOLEAN DEFAULT FALSE) IS
  BEGIN
    --
    -- Close the right <div>
    --
    htp.p('</div>');
    --
    -- Close the centrecontent <div>
    --
    htp.p('</div>');
    --
    IF p_closebody THEN
      --
      -- Close the body
      --
      htp.bodyclose;
      htp.htmlclose;
      --
    END IF;
    --
  END footer;

  FUNCTION footer (p_closebody IN BOOLEAN DEFAULT FALSE) RETURN VARCHAR2 IS
  BEGIN
    --
    footer(p_closebody => p_closebody);
    --
    -- Return NULL
    --
    RETURN NULL;
    --
  END footer;
  --
  PROCEDURE eon_css IS
  BEGIN
    --
    owa_util.mime_header(ccontent_type => 'text/css');

      htp.p('/* ******************************************************************************************************************* */
/* ** Versionsstand: 29.01.2007                                                                                     ** */
/* ******************************************************************************************************************* */

/* ******************************************************************************************************************* */
/* ** Basisformate                                                                                                  ** */
/* ******************************************************************************************************************* */
body {
  font-size: 1em;
  line-height: 1.1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #000000;
  background-color: #ffffff;
}

/* Fließtext */
p {
  margin-top: 0;
  margin-bottom: 1.15em;
}
/* Links im Fließtext */
p a:link, p a:visited,
td a:link, td a:visited {
  font-weight: normal;
  padding: 0;
  background-image: none;
  text-decoration: underline;
  color: #000000;
  background-color: inherit;
}
p a:hover, p a:focus, p a:active,
td a:hover, td a:focus, td a:active {
  color: #F21C0A;
  background-color: inherit;
}

/* Überschriften */
h1, h2, h3, h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
  line-height: 1.2em;
  margin: 0 0 1em 0;
  color: #F21C0A;
  background-color: inherit;
}
h2 {
  margin: 0 0 0.5em 0;
  color: #F21C0A;
  background-color: inherit;
}
h3 {
  margin: 0 0 0.5em 0;
}

hr {
  margin: 0.2em 0 0.2em 0;
  padding: 0;
  height: 1px;
  border: none;
  color: #969696;
  background-color: #969696;
}

/* Bilder */
img {
  margin: 0;
}
a img {
  border: none;
}

/* Tabellen */
table {
  border-collapse: collapse;
  width: 100%;
  margin: 0 0 1em 0;
}
caption, thead, tbody {
  line-height: 1.562em;
}
caption {
  font-weight: bold;
  line-height: 1.25em;
  text-align: left;
  padding: 0.2em 6.43em 0.2em 1em;
}
thead, tfoot, tbody {
  text-align: left;
}
tfoot {
  line-height: 1.437em;
}
tfoot th, tfoot td {
  padding: 0.5em 0.25em 0.5em 0.25em;
}
th, td {
  padding: 0.35em 0.25em 0.35em 0.25em;
  vertical-align: top;
}
th {
  white-space: nowrap;
}
td img {
  /*display: block;*/
}

/* Listen */
ul {
  padding: 0;
  margin: 0 0 0.5em 1.5em;
  list-style: none;
  list-style-image: url(/images/ico/w/w_ListBullet.gif);
}
ol {
  margin: 0 0 0.5em 3em;
  padding: 0;
}
li {
  margin: 0.35em 0 0 0;
}

/* Formulare */
fieldset, div.FieldsetErsatz {
  margin:  0 0 0.5em 0;
  padding:  0.625em 0.75em 0.625em 0.75em;
  border: none;
  color: inherit;
  background-color: #e6e6e6;
}
div.Formular {
  background-color: #e6e6e6;
}
fieldset fieldset {
  padding:  0.2em 0.2em 0.2em 0.2em;
  border: none;
  border-bottom:1px dotted #000000;
  margin-bottom:1em;
}
fieldset h2 {
  color: #000000;
  background-color: inherit;
}
fieldset br {
  clear: both;
}
input, textarea, select {
  vertical-align: middle;
  margin: 0 0 0 0;
}
input.AusrichtungRechts {
  text-align: right;
}
legend {
  font-weight: bold;
  margin: 0.5em 0 0.5em 0;
  padding: 0;
  color: #000000;
}
label {
  margin: 0 0.5em 0.5em 0;
}

/* Verschachtelte Elemente */
ul ul,
ol ol {
  margin-bottom: 0;
}
ul ul {
  list-style-image: url(/images/ico/wpale/wpale_ListBullet.gif);
}
td li {
  margin: 0;
}

/* ******************************************************************************************************************* */
/* ** Formate über benannnte Elemente                                                                               ** */
/* ******************************************************************************************************************* */

/* Top-Navigation */
ul#TopNavLevel1 {
  font-size: 1em;
  clear: both;
  margin: 0 0 0 9em;
  padding: 0.8em 0 0 0 ;
}
#ContainerSeitenkopfInhalt ul#TopNavLevel1, #ServiceContainerSeitenkopfInhalt ul#TopNavLevel1, #AnwendungContainerSeitenkopfInhalt ul#TopNavLevel1 {
  height: 1.5em;
}
#HomepageContainerSeitenkopfInhalt ul#TopNavLevel1 {
  height: 3.7em;
}
ul#TopNavLevel1 li {
  display: inline;
  list-style: none;
}
ul#TopNavLevel1 li.NurScreenReader {
  display: none;
  visibility: hidden;
}
ul#TopNavLevel1 li a {
  float: left;
  display: block;
  margin: 0 1.5em 0.5em 0;
  font-size: 0.8em;
}
ul#TopNavLevel1 a {
  text-decoration: none;
  font-weight: bold;
  color: #840201;
  background-color: inherit;
}
ul#TopNavLevel1 a:hover, ul#TopNavLevel1 a:focus, ul#TopNavLevel1 a:active, ul#TopNavLevel1 a.TopNavLevel1Selected {
  color: #ffffff;
  background-color: inherit;
}
/* Rollover-inaktive Variante auf Homepage und Homepage-BU/MU */
div#HomepageContainerSeitenkopfInhalt ul#TopNavLevel1 a, div#AnwendungContainerSeitenkopfInhalt ul#TopNavLevel1 a {
  color: #ffffff;
  background-color: inherit;
}
div#HomepageContainerSeitenkopfInhalt ul#TopNavLevel1 a:hover, div#HomepageContainerSeitenkopfInhalt ul#TopNavLevel1 a:focus, div#HomepageContainerSeitenkopfInhalt ul#TopNavLevel1 a:active, div#AnwendungContainerSeitenkopfInhalt ul#TopNavLevel1 a:hover, div#AnwendungContainerSeitenkopfInhalt ul#TopNavLevel1 a:focus, div#AnwendungContainerSeitenkopfInhalt ul#TopNavLevel1 a:active {
  color: #ffffff;
  background-color: inherit;
}


/* Top-Navigation Level 2 (gibbet derzeit nich) */
ul#TopNavLevel2 {
  margin-top: 10px;
}
ul#TopNavLevel2 a {
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
  background-color: inherit;
}
ul#TopNavLevel2 a.TopNavLevel2Selected {
  color: #ffffff;
  background-color: inherit;
}


/* Seitenkopf - Kurztitel */
#ContainerKurztitel {
  color: #ffffff;
  background-color: inherit;
}
#ContainerKurztitel h1 {
  font-size: 1.5em;
  margin: 1em 0 0.5em 0;
  color: #ffffff;
  background-color: inherit;
}
#ContainerKurztitel p {
  font-size: 1.1em;
  margin: 0 0 0 0;
}


/* Contentbereich */
/* Überschriften */
#HomepageCcContainerMainbereich h1, #HomepageCcContainerMainbereich h2 {
  color: #ffffff;
  background-color: inherit;
}
/* Listen */
#HomepageCcContainerMainbereich ul li span, #HomepageBuContainerMainbereich ul li span {
  font-size: 0.7em;
}
/* interne Links mit Grafik */
#HomepageCcContainerMainbereich a.LinkIntern, #HomepageCcContainerMainbereich a.LinkIntern:visited {
  color: #ffffff;
  background-color: inherit;
  background-image: url(/images/ico/uFo/uFo_2414_Link.gif);
}
#HomepageCcContainerMainbereich a.LinkIntern:hover, #HomepageCcContainerMainbereich a.LinkIntern:focus, #HomepageCcContainerMainbereich a.LinkIntern:active {
  text-decoration: underline;
  color: #ffffff;
  background-color: inherit;
}
/* Formulare */
#HomepageCcContainerMainbereich fieldset {
  color: inherit;
  background-color: #DA1703;
}


#ContainerContentMarginal div.Content2Sp ul.ButtonLinkListe a, div.Content2SpAbschluss ul.ButtonLinkListe a, div.Content2SpSpacer ul.ButtonLinkListe a {
  text-align: left;
}
#ContainerContentMarginal .ContentRow .Content2Sp .H1small, #ContainerContent .ContentRow .Content2Sp .H1small {
  font-size: 1.05em;
  margin-bottom: 0.2em;
}


/* Marginalspalten */
#ContainerMarginal img {
  margin: 0 0 1em 0;
}
#ContainerMarginal input.TextBox,
#ContainerMarginal select,
#ContainerMarginal textarea {
  margin: 0 0 0.5em 0;
  width: 96%; /* Eigentlich 100%, aber IE kann mal wieder nicht rechnen */
}

/* Footer */
#ContainerFooter ul, #HomepageContainerFooter ul {
  font-size: 1em;
}
#ContainerFooter p, #HomepageContainerFooter p,
#ContainerFooter a, #HomepageContainerFooter a {
  font-size: 0.688em;
}
#ContainerFooter a:link, #ContainerFooter a:visited, #HomepageContainerFooter a:link, #HomepageContainerFooter a:visited {
  font-weight: normal;
  margin: 0 0 0 0;
  text-decoration: none;
}
#ContainerFooter a:link, #ContainerFooter a:visited {
  color: #a5a5a5;
  background-color: inherit;
}
#HomepageContainerFooter a:link, #HomepageContainerFooter a:visited {
  color: #ffffff;
  background-color: inherit;
}
#ContainerFooter a:hover, #ContainerFooter a:active, #ContainerFooter a:focus, #HomepageContainerFooter a:hover, #HomepageContainerFooter a:active, #HomepageContainerFooter a:focus {
  text-decoration: underline;
}
a#FooterLinkDrucken, a#FooterLinkSeitenanfang {
  background-repeat: no-repeat;
  background-position: left;
  padding: 0 0 0 20px;
}
a#FooterLinkSeitenanfang {
  float: right;
}
a#FooterLinkDrucken {
  color: inherit;
  background-color: inherit;
  background-image: url(/images/ico/wpale/wpale_2414_print.gif);
}
a#FooterLinkSeitenanfang {
  color: inherit;
  background-color: inherit;
  background-image: url(/images/ico/wpale/wpale_2414_PageUp.gif);
}
p#FooterCopyright {
  float: left;
  margin: 0 0 0 0;
}
ul#FooterNavLinks, ul#FooterNavRechts {
  margin: 0;
  padding: 0;
}
ul#FooterNavLinks {
  float: left;
}
ul#FooterNavRechts {
  float: right;
}
ul#FooterNavLinks li, ul#FooterNavRechts li {
  float: left;
  display: inline;
  list-style: none;
  margin: 0;
}
ul#FooterNavLinks li {
  padding: 0 1em 0 0;
}
ul#FooterNavRechts li {
  padding: 0 0 0 1em;
}
ul#FooterNavLinks li a, ul#FooterNavRechts li a {
  display: block;
}


/* ******************************************************************************************************************* */
/* ** Formate über Klassen                                                                                          ** */
/* ******************************************************************************************************************* */
body.Homepage {
  background-color: #F21C0A;
  color: #ffffff;
}

/* Service-Navigation */
ul.ServiceNav {
  float: right;
  display: inline;
  font-size: 0.65em;
  line-height: 2.5em;
  margin: 0 1.5em 0 0;
  padding: 0;
  font-weight: bold;
}
ul.ServiceNav li {
  display: inline;
  list-style: none;
  margin: 0 0 0 1em;
}
ul.ServiceNav li.FontSizeSmall {
  font-size: 1em;
}
ul.ServiceNav li.FontSizeMiddle {
  font-size: 1.5em;
  margin: 0 0 0 0.2em;
}
ul.ServiceNav li.FontSizeLarge {
  font-size: 2em;
  margin: 0 0 0 0.2em;
}
ul.ServiceNav input {
  vertical-align: middle;
}
ul.ServiceNav input.Textbox {
  width: 9em;
  margin: 0 1em 0 1em;
  font-size: 1em;
  border: 0;
}
ul.ServiceNav select {
  margin: 0 1em 0 1em;
  font-size: 1em;
  border: 0;
}
ul.ServiceNav, ul.ServiceNav a {
  text-decoration: none;
  color: #ffffff;
  background-color: inherit;
}
ul.ServiceNav a:hover, ul.ServiceNav a:focus, ul.ServiceNav a:active {
  color: #ffffff;
  background-color: inherit;
}
/* Rollover-aktive Variante auf Seiten innerhalb der Service-Seiten */
div#ServiceContainerSeitenkopfInhalt ul.ServiceNav a {
  color: #840201;
  background-color: inherit;
}
div#ServiceContainerSeitenkopfInhalt ul.ServiceNav a:hover, div#ServiceContainerSeitenkopfInhalt ul.ServiceNav a:focus, div#ServiceContainerSeitenkopfInhalt ul.ServiceNav a:active, div#ServiceContainerSeitenkopfInhalt ul.ServiceNav a.ServiceNavSelected {
  color: #ffffff;
  background-color: inherit;
}


/* Sub-Navigation */
div.SubNavHead {
  text-align: right;
  padding: 0.5em 0.5em 0.5em 0.5em;
  font-size: 0.75em;
  font-weight: bold;
  color: #cecece;
  background-color: inherit;
}
div.SubNavText {
  padding: 0.6em 0 0.6em 0.6em;
}
ul.SubNavLevel1, ul.SubNavLevel1 ul, ul.SubNavLevel1 ul ul, ul.SubNavLevel1 ul ul ul, ul.LinkListe, ul.ButtonLinkListe, ul.ButtonLinkListeHervorgehoben {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0.8em;
}
ul.SubNavLevel1 ul ul {
  border-top: solid 2px #ffffff;
  border-bottom: solid 2px #ffffff;
}
ul.LinkListe, ul.ButtonLinkListe, ul.ButtonLinkListeHervorgehoben {
  line-height: 1.2em;
}

ul.SubNavLevel1 {
  padding-bottom: 1em;
}
div.MarginalBoxLinks ul.SubNavLevel1, div.MarginalBoxLinksXl ul.SubNavLevel1, div.InfoBoxLinks ul.SubNavLevel1 {
  padding-bottom: 0;
}
ul.SubNavLevel1 li, ul.LinkListe li, ul.ButtonLinkListe li, ul.ButtonLinkListeHervorgehoben li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
}
ul.SubNavLevel1 a,  ul.LinkListe a, ul.ButtonLinkListe a, ul.ButtonLinkListeHervorgehoben a {
  display: block;
  margin: 0;
  padding: 0.3em 0.5em 0.3em 0.5em;
  text-align: right;
  text-decoration: none;
}
/* Sub-Navigation Level 1 */
ul.SubNavLevel1 a {
  font-size: 0.688em;
  font-weight: bold;
  color: #000000;
  background-color: inherit;
}
ul.SubNavLevel1 a:hover, ul.SubNavLevel1 a:focus, ul.SubNavLevel1 a:active {
  color: #F21C0A;
  background-color: inherit;
}
ul a.Selected, ul a.Selected:hover, ul a.Selected:focus, ul a.Selected:active {
  color: #000000;
  background-color: #cecece;
}

/* Sub-Navigation Level 2-4 */
ul.SubNavLevel1 ul a, ul.SubNavLevel1 ul ul a, ul.SubNavLevel1 ul ul ul a {
  font-size: 0.625em;
  font-weight: normal;
  padding: 0.3em 0.5em 0.3em 0.5em;
}
/* Sub-Navigation Level 2 */
ul.SubNavLevel1 ul a {
  color: inherit;
  background-color: #e6e6e6;
}
ul.SubNavLevel1 ul a:hover, ul.SubNavLevel1 ul a:focus, ul.SubNavLevel1 ul a.Selected {
  color: #F21C0A;
  background-color: #e6e6e6;
}
/* Sub-Navigation Level 3 */
ul.SubNavLevel1 ul ul a {
  color: inherit;
  background-color: #f5f5f5;
}
ul.SubNavLevel1 ul ul a:hover, ul.SubNavLevel1 ul ul a:focus, ul.SubNavLevel1 ul ul a.Selected {
  color: #F21C0A;
  background-color: #f5f5f5;
}

/* Karteireiter-Navigationen */
div.KarteireiterLine, div.KarteireiterLineVertikal {
  background-color: #ffffff;
  color: inherit;
  margin: 0;
}
div.KarteireiterLine {
  border-bottom: 1px solid #f21c0a;
  padding-bottom: 0.25em;
}
div.KarteireiterLineVertikal {
  border-right: 1px solid #f21c0a;
}
ul.Karteireiter, ul.KarteireiterVertikal {
  margin: 0;
  font-weight: bold;
}
ul.Karteireiter {
  padding: 0.5em 0 0 0;
}');
htp.p('ul.KarteireiterVertikal {
}
ul.Karteireiter li, ul.KarteireiterVertikal li {
  list-style: none;
  display: inline;
}
ul.Karteireiter li {
  margin: 0 0 0 0.1em;
}
ul.KarteireiterVertikal li {
}
ul.Karteireiter li a, ul.KarteireiterVertikal li a {
  text-decoration: none;
  padding: 0.25em 0.25em 0.25em 0.25em;
  border: 1px solid #969696;
  color: #000000;
  background-color: inherit;
}
ul.Karteireiter li a {
  border-bottom: none;
}
ul.KarteireiterVertikal li a {
  border-right: none;
  display: block;
  margin: 0.2em -0.1em 0 0;
}
ul.Karteireiter li a:hover, ul.KarteireiterVertikal li a:hover {
  color: #F21C0A;
  background-color: inherit;
}
ul.Karteireiter li a.KarteireiterSelected, ul.KarteireiterVertikal li a.KarteireiterSelected {
  border: 1px solid #F21C0A;
  color: #F21C0A;
  background-color: #ffffff;
}
ul.Karteireiter li a.KarteireiterSelected {
  border-bottom: 2px solid #ffffff;
}
ul.KarteireiterVertikal li a.KarteireiterSelected {
  border-right: 2px solid #e6e6e6;
  background-color: #e6e6e6;
}

/* Navigationen in Infoboxen */
div.MarginalBoxLinks ul.SubNavLevel2 a, div.MarginalBoxLinksXl ul.SubNavLevel2 a {
  margin: 0 0 0 1em;
}
div.MarginalBoxLinks ul.SubNavLevel3 a, div.MarginalBoxLinksXl ul.SubNavLevel3 a {
  margin: 0 0 0 2em;
}
div.MarginalBoxLinks ul.SubNavLevel4 a, div.MarginalBoxLinksXl ul.SubNavLevel4 a {
  margin: 0 0 0 3em;
}
div.MarginalBoxLinks ul.SubNavLevel1 a, div.MarginalBoxLinks ul.SubNavLevel2 a, div.MarginalBoxLinks ul.ButtonLinkListe a, div.MarginalBoxLinks ul.ButtonLinkListeHervorgehoben a, ul.LinkListe a,
div.MarginalBoxLinksBlank ul.SubNavLevel1 a, div.MarginalBoxLinksBlank ul.SubNavLevel2 a, div.MarginalBoxLinksBlank ul.ButtonLinkListe a, div.MarginalBoxLinksBlank ul.ButtonLinkListeHervorgehoben a,
div.MarginalBoxLinksXl ul.SubNavLevel1 a, div.MarginalBoxLinksXl ul.SubNavLevel2 a, div.MarginalBoxLinksXl ul.ButtonLinkListe a, div.MarginalBoxLinksXl ul.ButtonLinkListeHervorgehoben a {
  text-align: left;
}
ul.ButtonLinkListe a, ul.ButtonLinkListeHervorgehoben a {
  margin: 0.6em 0.5em 0.6em 0.5em;
}
ul.LinkListe a {
  margin: 0.6em 0.5em 0.6em 0;
}

/* Link-Liste */
ul.ButtonLinkListe a, ul.ButtonLinkListeHervorgehoben a {
  font-weight: normal;
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0 0 0 20px;
  text-decoration: none;
  color: #000000;
  background-color: inherit;
}
ul.ButtonLinkListe a {
  background-image: url(/images/ico/wpale/wpale_2414_Link.gif);
}
ul.ButtonLinkListeHervorgehoben a {
  background-image: url(/images/ico/w/w_2414_Link.gif);
}
ul.LinkListe a {
  padding: 0;
  color: #000000;
  background-color: inherit;
  text-decoration: none;
}
ul.LinkListe a:hover, ul.LinkListe a:focus, ul.LinkListe a:active,
ul.ButtonLinkListe a:hover, ul.ButtonLinkListe a:focus, ul.ButtonLinkListe a:active,
ul.ButtonLinkListeHervorgehoben a:hover, ul.ButtonLinkListeHervorgehoben a:focus, ul.ButtonLinkListeHervorgehoben a:active  {
  color: #F21C0A;
  background-color: inherit;
  text-decoration: none;
}
/* Verschachtelte Link-Listen */
ul.LinkListe ul.LinkListe, ul.ButtonLinkListe ul.ButtonLinkListe, ul.ButtonLinkListeHervorgehoben ul.ButtonLinkListeHervorgehoben {
  width: 85%;
  padding-left: 2em;
}

/* Sitenmap */
/* Level 1 */
ul.SitemapLevel1 {
  font-size: 1em;
  margin: 0;
  padding: 0;
}
ul.SitemapLevel1 li {
  float: left;
  width: 9.5em;
  list-style-image: none;
  margin: 0;
}
ul.SitemapLevel1 a {
  display: block;
  margin: 0 0.5em 0 0;
  padding: 0.075em 0.5em 0.075em 0.5em;
  font-size: 0.75em;
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
  background-color: #F21C0A;
}
/* Level 2 */
ul.SitemapLevel1 li ul {
  margin: 0;
  padding: 0;
  position: relative;
  top: 0em;
  left: 0em;
}
ul.SitemapLevel1 li ul li {
  clear: left;
  float: none;
}
ul.SitemapLevel1 li ul li a {
  width: 11.2em;
  padding: 0.5em;
  color: #000000;
  background-color: #ffffff;
}
/* Level 3 */
ul.SitemapLevel1 li ul li ul {
}
ul.SitemapLevel1 li ul li ul li {
  margin-left: 0.5em;
}
ul.SitemapLevel1 li ul li ul li a {
  width: 12.8em;
  font-size: 0.625em;
  font-weight: normal;
  padding: 0.3em 0.5em 0.3em 0.5em;
  color: inherit;
  background-color: #e6e6e6;
}



/* Contentbereich */
div.ContentRowListeHervorgehoben {
  color: inherit;
  background-color: #ececec;
}
.ResetFloat {
  clear: both;
}

/* Formulare */
div.FieldsetErsatz {
}
fieldset.Links {
  float: left;
  width: 45%;
}
fieldset.Rechts {
  float: right;
  width: 45%;
}');
htp.p('/* Container für Positionierung */
div.FormularContainerWerteLinks {
  float: left;
}
div.FormularContainerWerteRechts {
  float: right;
}
div.FormularListe2SpContainerButtons {
  float: left;
  width: 73%; /* Eigentlich 75%, aber IE kann mal wieder nicht rechnen */
  margin: 0 0 0.5em 5em;
}
label.FormularListe2SpBeschriftung, span.FormularListe2SpBeschriftung {
  float: left;
  width: 25%;
  margin: 0 0 0.5em 0;
}
select.FormularListe1SpDropDownBox,
div.FormularListe1SpContainerWerte {
  margin: 0 0 0.5em 0;
  width: 100%;
}
.FormularListe2SpValidator {
  float: right;
  margin: 0;
}
.ButtonKalender {
  float: left;
}
input.ButtonRechts, input.ButtonRechtsHover,
input.ButtonLinks, input.ButtonLinksHover {
  border: none;
  font-weight: bold;
  margin: 0.5em 0 0 0;
  padding: 0 0 0 24px;
  background-repeat: no-repeat;
  background-position: left;
  height: 1.5em;
  cursor: pointer;
  color: #000000;
  background-color: Transparent;
}
input.ButtonSenden, input.ButtonSendenHover {
  background-image: url(docs/fFo_2516_Link.gif);
}
input.ButtonZurueck, input.ButtonZurueckHover {
  background-image: url(docs/fFo_2516_LinkBack.gif);
}
input.ButtonLoeschen, input.ButtonLoeschenHover,
input.ButtonReset, input.ButtonResetHover {
  background-image: url(docs/fFo_2516_close_eonFilled.gif);
}
input.ButtonBearbeiten, input.ButtonBearbeitenHover {
  background-image: url(docs/fFo_2516_edit.gif);
}
input.ButtonAbbrechen, input.ButtonAbbrechenHover {
  background-image: url(docs/fFo_2516_quitEditing.gif);
}
input.ButtonSpeichern, input.ButtonSpeichernHover {
  background-image: url(/images/ico/fFo/fFo_2516_savem.gif);
}
input.ButtonAudio, input.ButtonAudioHover {
  background-image: url(/images/ico/fFo/fFo_2516_audio.gif);
}
input.ButtonImage, input.ButtonImageHover {
  background-image: url(/images/ico/fFo/fFo_2516_image.gif);
}
input.ButtonVideo, input.ButtonVideoHover {
  background-image: url(/images/ico/fFo/fFo_2516_webTV.gif);
}
input.ButtonChart, input.ButtonChartHover {
  background-image: url(/images/ico/fFo/fFo_2516_chart.gif);
}
input.ButtonZoomIn, input.ButtonZoomInHover {
  background-image: url(/images/ico/fFo/fFo_2516_zoom.gif);
}
input.ButtonZoomOut, input.ButtonZoomOutHover {
  background-image: url(/images/ico/fFo/fFo_2516_zoomOut.gif);
}
input.ButtonDownload, input.ButtonDownloadHover {
  background-image: url(/images/ico/fFo/fFo_2516_download.gif);
}
input.ButtonSubmit, input.ButtonSubmitHover {
  background-image: url(/images/ico/fFo/fFo_2516_submit.gif);
}
input.ButtonPrint, input.ButtonPrintHover {
  background-image: url(/images/ico/fFo/fFo_2516_print.gif);
}
input.ButtonPlay {
  width: 20px;
  background-image: url(/images/ico/Wpale/Wpale_2516_play_eo.gif);
}
input.ButtonPlayHover, input.ButtonPlayActive {
  width: 20px;
  background-image: url(/images/ico/Wpale/Wpale_2516_play_R_eo.gif);
}
input.ButtonPause {
  width: 20px;
  background-image: url(/images/ico/Wpale/Wpale_2516_pause_eo.gif);
}
input.ButtonPauseHover, input.ButtonPauseActive {
  width: 20px;
  background-image: url(/images/ico/Wpale/Wpale_2516_pause_R_eo.gif);
}
input.ButtonStopp {
  width: 20px;
  background-image: url(/images/ico/Wpale/Wpale_2516_stop_eo.gif);
}
input.ButtonStoppHover, input.ButtonStoppActive {
  width: 20px;
  background-image: url(/images/ico/Wpale/Wpale_2516_stop_R_eo.gif);
}
input.ButtonSoundOn {
  width: 45px;
  background-image: url(/images/ico/Wpale/Wpale_2516_soundOn_eo.gif);
}
input.ButtonSoundOff {
  width: 45px;
  background-image: url(/images/ico/Wpale/Wpale_2516_soundOff_eo.gif);
}
input.ButtonRechts:hover, input.ButtonLinks:hover,
input.ButtonRechtsHover, input.ButtonLinksHover {
  color: #F21C0A;
  background-color: Transparent;
}
input.ButtonRechts, input.ButtonRechtsHover {
  float: right;
  margin-left: 1em;
}
input.ButtonLinks, input.ButtonLinksHover {
  float: left;
  margin-right: 1em;
}
input.ImageButtonRechts {
  float: right;
  margin: 0;
}


/* Schriftgröße in 1-spaltigen Containern */
div.Content1Sp *, div.Content1SpAbschluss *, div.Homepage1Sp *, div.Homepage1SpAbschluss *, div.Marginal *, #HomepageBuContainerMarginal *, #ContainerMarginal *, div.SubNavText * {
  font-size: 0.688em;
  line-height: 1.2em;
}

/* Schriftgröße in 2/3/4-spaltigen Containern */
div.Content2Sp *, div.Content2SpAbschluss *, div.Content2SpSpacer *, div.Content2Sp1Sp *, div.Content2Sp1SpAbschluss *,
div.Content3SpAbschluss *,
div.ContentFull *, div.Homepage4Sp *,
div.ContentIntranet1Sp *, div.ContentIntranet1SpAbschluss *,
#PopUpContainerContent * {
  font-size: 0.75em;
  line-height: 1.25em;
}

/* Keine Schriftgrößen-Vererbung für verschachtelte Elemente */
div.Content1Sp * *, div.Content1SpAbschluss * *, div.Homepage1Sp * *, div.Homepage1SpAbschluss * *, div.Marginal * *, #HomepageBuContainerMarginal * *, #ContainerMarginal * *, div.SubNavText * *,
div.Content2Sp * *, div.Content2SpAbschluss * *, div.Content2SpSpacer * *, div.Content2Sp1Sp * *, div.Content2Sp1SpAbschluss * *,
div.Content3SpAbschluss * *,
div.ContentFull * *, div.Homepage4Sp * *,
div.ContentIntranet1Sp * *, div.ContentIntranet1SpAbschluss * *,
#PopUpContainerContent * * {
  font-size: 1em;
}

/* Überschriften */
div.Content1Sp h1, div.Content1SpAbschluss h1, div.Homepage1Sp h1, div.Homepage1SpAbschluss h1, div.Marginal h1, #HomepageBuContainerMarginal h1, #ContainerMarginal h1, div.SubNavText h1,
div.Content2Sp h1, div.Content2SpAbschluss h1, div.Content2SpSpacer h1, div.Content2Sp1Sp h1, div.Content2Sp1SpAbschluss h1,
div.Content3SpAbschluss h1,
div.ContentFull h1, div.Homepage4Sp h1,
div.ContentIntranet1Sp h1, div.ContentIntranet1SpAbschluss h1,
#PopUpContainerContent h1 {
  font-size: 1.188em;
}
div.Content1Sp h2, div.Content1SpAbschluss h2, div.Homepage1Sp h2, div.Homepage1SpAbschluss h2, div.Marginal h2, #HomepageBuContainerMarginal h2, #ContainerMarginal h2, div.SubNavText h2,
div.Content2Sp h2, div.Content2SpAbschluss h2, div.Content2SpSpacer h2, div.Content2Sp1Sp h2, div.Content2Sp1SpAbschluss h2,
div.Content3SpAbschluss h2,
div.ContentFull h2, div.Homepage4Sp h2,
div.ContentIntranet1Sp h2, div.ContentIntranet1SpAbschluss h2,
#PopUpContainerContent h2 {
  font-size: 0.813em;
}
div.Content1Sp h3, div.Content1SpAbschluss h3, div.Homepage1Sp h3, div.Homepage1SpAbschluss h3, div.Marginal h3, #HomepageBuContainerMarginal h3, #ContainerMarginal h3, div.SubNavText h3,
div.Content2Sp h3, div.Content2SpAbschluss h3, div.Content2SpSpacer h3, div.Content2Sp1Sp h3, div.Content2Sp1SpAbschluss h3,
div.Content3SpAbschluss h3,
div.ContentFull h3, div.Homepage4Sp h3,
div.ContentIntranet1Sp h3, div.ContentIntranet1SpAbschluss h3,
#PopUpContainerContent h3 {
  font-size: 0.75em;
}
/* Überschriften in 1-spaltigen Containern mit definierten Schriftgrößen */
div.Content1Sp * h1, div.Content1SpAbschluss * h1, div.Homepage1Sp * h1, div.Homepage1SpAbschluss * h1, div.Marginal * h1, #HomepageBuContainerMarginal * h1, #ContainerMarginal * h1, div.SubNavText * h1 {
  font-size: 1.727em;
}
div.Content1Sp * h2, div.Content1SpAbschluss * h2, div.Homepage1Sp * h2, div.Homepage1SpAbschluss * h2, div.Marginal * h2, #HomepageBuContainerMarginal * h2, #ContainerMarginal * h2, div.SubNavText * h2 {
  font-size: 1.182em;
}
div.Content1Sp * h3, div.Content1SpAbschluss * h3, div.Homepage1Sp * h3, div.Homepage1SpAbschluss * h3, div.Marginal * h3, #HomepageBuContainerMarginal * h3, #ContainerMarginal * h3, div.SubNavText * h3 {
  font-size: 1.09em;
}
/* Überschriften in 2/3/4-spaltigen Containern mit definierten Schriftgrößen */
div.Content2Sp * h1, div.Content2SpAbschluss * h1, div.Content2SpSpacer * h1, div.Content2Sp1Sp * h1, div.Content2Sp1SpAbschluss * h1,
div.Content3SpAbschluss * h1,
div.ContentFull * h1, div.Homepage4Sp * h1,
#PopUpContainerContent * h1 {
  font-size: 1.584em;
}
div.Content2Sp * h2, div.Content2SpAbschluss * h2, div.Content2SpSpacer * h2, div.Content2Sp1Sp * h2, div.Content2Sp1SpAbschluss * h2,
div.Content3SpAbschluss * h2,
div.ContentFull * h2, div.Homepage4Sp * h2,
#PopUpContainerContent * h2 {
  font-size: 1.084em;
}
div.Content2Sp * h3, div.Content2SpAbschluss * h3, div.Content2SpSpacer * h3, div.Content2Sp1Sp * h3, div.Content2Sp1SpAbschluss * h3,
div.Content3SpAbschluss * h3,
div.ContentFull * h3, div.Homepage4Sp * h3,
#PopUpContainerContent * h3 {
  font-size: 1em;
}
/* Tabellen in 1/2/3/4-spaltigen Containern */
table.EonStandard caption, table.ErIntranet caption,
table.EonStandard thead,  table.ErIntranet thead,
table.EonStandard tbody, table.ErIntranet tbody {
  font-size: 0.917em;
}
table.EonStandard tfoot, table.ErIntranet tfoot {
  font-size: 0.833em;
}
/* tabellenähnliche Container in 1/2/3/4-spaltigen Containern */
div.ContainerUeberschrift,
div.ContainerHeader,
div.ContainerBody {
  font-size: 0.688em;
}
div.ContainerFooter,
div.ContainerZwischenFooter {
  font-size: 0.625em;
}

/* Formularelemente in 1-spaltigen Containern */
div.Content1Sp input.FormularListe1SpTextBox, div.Content1SpAbschluss input.FormularListe1SpTextBox, #ContainerMarginal input.FormularListe1SpTextBox,
div.Content1Sp textarea.FormularListe1SpTextBoxMultiline, div.Content1SpAbschluss textarea.FormularListe1SpTextBoxMultiline, #ContainerMarginal textarea.FormularListe1SpTextBoxMultiline {
  margin: 0 0 0.5em 0;
  width: 96%; /* Eigentlich 100%, aber IE kann mal wieder nicht rechnen (12.5em) */
}
/* schmalere Elemente für Verwendung in Kombination mit Button*/
div.Content1Sp input.FormularListe1SpTextBoxSmaller, div.Content1SpAbschluss input.FormularListe1SpTextBoxSmaller, #ContainerMarginal input.FormularListe1SpTextBoxSmaller,
div.Content1Sp textarea.FormularListe1SpTextBoxMultilineSmaller, div.Content1SpAbschluss textarea.FormularListe1SpTextBoxMultilineSmaller, #ContainerMarginal textarea.FormularListe1SpTextBoxMultilineSmaller,
div.Content1Sp select.FormularListe1SpDropDownBoxSmaller, div.Content1SpAbschluss select.FormularListe1SpDropDownBoxSmaller, #ContainerMarginal select.FormularListe1SpDropDownBoxSmaller {
  float: left;
  margin: 0 0 0.5em 0;
  width: 80%;
}
/* Formularelemente in 2-spaltigen Containern */
div.Content2Sp input.FormularListe1SpTextBox, div.Content2SpAbschluss input.FormularListe1SpTextBox, div.Content2SpSpacer input.FormularListe1SpTextBox,
div.Content2Sp textarea.FormularListe1SpTextBoxMultiline, div.Content2SpAbschluss textarea.FormularListe1SpTextBoxMultiline, div.Content2SpSpacer textarea.FormularListe1SpTextBoxMultiline {
  margin: 0 0 0.5em 0;
  width: 98%; /* Eigentlich 100%, aber IE kann mal wieder nicht rechnen (29em) */
}
div.Content2Sp textarea.FormularListe1SpTextBoxHtmlEdit, div.Content2SpAbschluss textarea.FormularListe1SpTextBoxHtmlEdit, div.Content2SpSpacer textarea.FormularListe1SpTextBoxHtmlEdit {
  margin: 0 0 0.5em 0;
  width: 96%; /* Eigentlich 100%, aber IE kann mal wieder nicht rechnen (29em) */
}
/* schmalere Elemente für Verwendung in Kombination mit Button*/
div.Content2Sp input.FormularListe1SpTextBoxSmaller, div.Content2SpAbschluss input.FormularListe1SpTextBoxSmaller, div.Content2SpSpacer input.FormularListe1SpTextBoxSmaller {
  float: left;
  margin: 0 0 0.5em 0;
  width: 90%;
}');
htp.p('/* schmalere Elemente für Verwendung in Kombination mit Fehlericon*/
div.Content2Sp input.FormularListe2SpTextBox, div.Content2SpAbschluss input.FormularListe2SpTextBox, div.Content2SpSpacer input.FormularListe2SpTextBox,
div.Content2Sp textarea.FormularListe2SpTextBoxMultiline, div.Content2SpAbschluss textarea.FormularListe2SpTextBoxMultiline, div.Content2SpSpacer textarea.FormularListe2SpTextBoxMultiline {
  float: left;
  margin: 0 0 0.5em 0;
  width: 68%;
}
div.Content2Sp select.FormularListe2SpDropDownBox, div.Content2SpAbschluss select.FormularListe2SpDropDownBox, div.Content2SpSpacer select.FormularListe2SpDropDownBox,
div.Content2Sp div.FormularListe2SpContainerWerte, div.Content2SpAbschluss div.FormularListe2SpContainerWerte, div.Content2SpSpacer div.FormularListe2SpContainerWerte {
  float: left;
  margin: 0 0 0.5em 0;
  width: 70%;
}
div.Content2Sp div.FormularListe1SpContainerWerte, div.Content2SpAbschluss div.FormularListe1SpContainerWerte, div.Content2SpSpacer div.FormularListe1SpContainerWerte {
  float: left;
  margin: 0 0 0.5em 0;
  width: 95%;
}
/* schmalere Elemente für Verwendung in Kombination mit Button und Fehlericon*/
div.Content2Sp input.FormularListe2SpTextBoxSmaller, div.Content2SpAbschluss input.FormularListe2SpTextBoxSmaller, div.Content2SpSpacer input.FormularListe2SpTextBoxSmaller {
  float: left;
  margin: 0 0 0.5em 0;
  width: 62%;
}

/* Formularelemente in 3-spaltigen Containern */
div.Content3SpAbschluss input.FormularListe1SpTextBox,
div.Content3SpAbschluss textarea.FormularListe1SpTextBoxMultiline {
  margin: 0 0 0.5em 0;
  width: 99%; /* Eigentlich 100%, aber IE kann mal wieder nicht rechnen */
}
div.Content3SpAbschluss textarea.FormularListe1SpTextBoxHtmlEdit {
  margin: 0 0 0.5em 0;
  width: 46.2em; /* Eigentlich 100%, aber da gibt Probleme mit Links in den Inhalten */
}
/* schmalere Elemente für Verwendung in Kombination mit Button*/
div.Content3SpAbschluss input.FormularListe1SpTextBoxSmaller {
  float: left;
  margin: 0 0 0.5em 0;
  width: 95%;
}
/* schmalere Elemente für Verwendung in Kombination mit Fehlericon*/
div.Content3SpAbschluss input.FormularListe2SpTextBox,
div.Content3SpAbschluss textarea.FormularListe2SpTextBoxMultiline {
  float: left;
  margin: 0 0 0.5em 0;
  width: 70%;
}
div.Content3SpAbschluss select.FormularListe2SpDropDownBox,
div.Content3SpAbschluss div.FormularListe2SpContainerWerte {
  float: left;
  margin: 0 0 0.5em 0;
  width: 71%;
}
/* schmalere Elemente für Verwendung in Kombination mit Button und Fehlericon*/
div.Content3SpAbschluss input.FormularListe2SpTextBoxSmaller {
  float: left;
  margin: 0 0 0.5em 0;
  width: 66%;
}

/* Fließtext */
div.ContentRowListeHervorgehoben div p {
  margin: 0 0 0.5em 0;
}
div.ContentRowListe, div.ContentRowAnleserListe, div.ContentRowTermineListe, div.ContentRowListeHervorgehoben {
  float: left;
  width: 100%;
  margin: 0 0 1em 0;
}
div.ContentRowListeHervorgehoben img.Links {
  float: left;
}
div.ContentRowListeHervorgehoben img.Rechts {
  float: right;
}
div.ContentRowListeHervorgehoben div.Links {
  margin: 0 9.33em 0 0;
  padding: 0.5em 2em 0em 2em;
}
div.ContentRowListeHervorgehoben div.Rechts {
  margin: 0 0 0 9.33em;
  padding: 0.5em 2em 0em 2em;
}
div.ContentRowAnleserListe h2 {
  color: #000000;
  background-color: inherit;
}


div.Einrueckung, p.LeadIn {
  margin-left: 6em;
}
div.BasisText {
  clear: left;
  width: 42.5em;
}
p.Zeitstempel {
  margin-bottom: 0;
  color: #969696;
  background-color: inherit;
}
p.Zeitstempel .exposed {
  color: #FF0000;
}
p.UeberschriftLevel1, p.UeberschriftLevel2 {
  font-weight: bold;
  margin-bottom: 0;
}
p.UeberschriftLevel1 {
  color: #F21C0A;
  background-color: inherit;
}
p.UeberschriftLevel2 {
  color: #000000;
  background-color: inherit;
}

/* Bilder in 1-spaltigen Containern */
div.Content1Sp img, div.Content1SpAbschluss img  {
  margin: 0 0 1em 0;
}
/* Bildcontainer */
div.ContainerBild {
  float: left;
  max-width: 22.5em;
  margin: 0 1em 1em 0;
  overflow: auto;
}
div.ContainerBildIjournal {
  float: left;
  width: 16.875em;
  margin: 0 0 1em 0;
}
p.Legende {
  float: none;
  margin: 0.5em 0 0 0;
  font-size: 0.917em;
  color: #969696;
  background-color: inherit;
}

div.Breite25 {
  float: left;
  width: 24%; /* 24, da IE nicht richtig rechen kann */
}

/* Tabellen */
/* Tabellen (EON-Standard) */
table.EonStandard {
  border: solid 1px #F21C0A;
}
table.EonStandard caption {
  background-image: url(/images/basic/bgTabelleCaption.gif);
  background-position: right;
  background-repeat: repeat-y;
  border: solid 1px #F21C0A;
  background-color: #F21C0A;
  color: #FFFFFF;
}
table.EonStandard thead th {
  border-bottom: solid 1px #F21C0A;
}
table.EonStandard thead th a:link, table.EonStandard thead th a:visited {
  color: #F21C0A;
  background-color: inherit;
}
table.EonStandard thead th a:hover, table.EonStandard thead th a:focus, table.EonStandard thead th a:active {
  color: #000000;
  background-color: inherit;
}
table.EonStandard thead th, table.EonStandard thead td {
  font-weight: normal;
  color: #F21C0A;
  background-color: #d9d9d9;
  border-bottom: solid 1px #F21C0A;
}
table.EonStandard tfoot td, table.EonStandard tfoot th {
  border-top: solid 1px #F21C0A;
  color: inherit;
  background-color: #d9d9d9;
}
table.EonStandard th.ErsteSpalte, table.EonStandard td.ErsteSpalte, table.EonStandard tbody th  {
  padding-left: 1em;
}
table.EonStandard th.LetzteSpalte, table.EonStandard td.LetzteSpalte {
  padding-right: 1em;
}
table.EonStandard th.EinzigeSpalte, table.EonStandard td.EinzigeSpalte {
  padding-left: 1em;
  padding-right: 1em;
}
table.EonStandard tbody.TabelleZeileHervorhebung {
  color: inherit;
  background-color: #d9d9d9;
}
table.EonStandard tbody.TabelleZeileRahmen td, table.EonStandard tbody.TabelleZeileHervorhebung td, table.EonStandard tbody.TabelleZeileHervorhebung th {
  border-top: solid 1px #F21C0A;
  border-bottom: solid 1px #F21C0A;
}
/* Tabellen auf Formular (EON-Standard) */
fieldset table.EonStandard {
  background-color: #ffffff;
  color: inherit;
}

/* Tabellen (EonRuhrgas Intranet) */
table.ErIntranet {
  border: none;
}
table.ErIntranet caption {
  padding: 0 0 1em 0;
}
table.ErIntranet thead th, table.ErIntranet thead td {
  padding: 0.35em 0.625em 0.35em 0.625em;
  font-weight: bold;
  color: inherit;
  background-color: #d9d9d9;
  border-bottom: solid 1px #F21C0A;
}
table.ErIntranet tfoot td, table.ErIntranet tfoot th {
  border-top: solid 1px #F21C0A;
  color: inherit;
  background-color: #d9d9d9;
  height: 1.5em;
}
table.ErIntranet td, table.ErIntranet tbody th {
  padding: 0.625em 0.625em 0.625em 0.625em;
}
table.ErIntranet thead th a:link, table.ErIntranet thead th a:visited {
  color: #000000;
  background-color: inherit;
}
table.ErIntranet thead th a:hover, table.ErIntranet thead th a:focus, table.ErIntranet thead th a:active {
  color: #F21C0A;
  background-color: inherit;
}
table.ErIntranet tbody th span {
  font-weight: normal;
}
table.ErIntranet td.ErsteSpalteBild  {
  padding-left: 0;
}
tr.TableRowAlternate {
  color: inherit;
  background-color: #ececec;
}
fieldset tr.TableRowAlternate {
  color: inherit;
  background-color: #e6e6e6;
}
tr.TableRowEdit {
  color: inherit;
  background-color: #e6e6e6;
}
tr.TableRowSelected {
  color: inherit;
  background-color: #FFD6CE;
}
tr.TableRowLinientrenner {
  border-bottom: solid 1px #000000;
}
/* Tabellen auf Formular (EON-Standard) */
fieldset table.ErIntranet {
  background-color: #ffffff;
  color: inherit;
}
/* Tabellen (Pager) */
tr.Pager table {
  width: auto;
  float: right;
}
tr.Pager table td {
  padding: 0.5em;
  border: none;
}

/* Tabellen übergreifend */
col.Rechts, col.TabelleSpalteHervorhebungRechts {
  text-align: right;
}
col.TabelleSpalteHervorhebung, col.TabelleSpalteHervorhebungRechts {
  color: inherit;
  background-color: #d9d9d9;
}
td.TabelleSpalteTextHervorhebung {
  font-weight: bold;
}
/* MarginalTabelle */
div.MarginalTabelle {
  padding: 0.5em 0 0.5em 0;
  color: inherit;
  background-color: #e6e6e6;
}
div.MarginalTabelle table {
  margin: 0;
  border: none;
}
div.MarginalTabelle thead, div.MarginalTabelle tbody {
  line-height: 0.8em;
}
div.MarginalTabelle caption {
  color: #F21C0A;
  background-color: inherit;
}

/* Kalender PopUp-Fenster */
table.Kalender {
  width: 100%;
  color: inherit;
  background-color: #F21C0A;
}
table.Kalender th, table.Kalender td {
  padding: 0.2em;
}
table.Kalender table {
  margin: 0;
}
table.Kalender a:link, table.Kalender a:visited {
  text-decoration: none;
  display: block;
}
table.Kalender a:hover, table.Kalender a:focus {
  text-decoration: underline;
}
table.KalenderTitle {
  color: #ffffff;
  background-color: #F21C0A;
}
th.KalenderHeader {
  color: #ffffff;
  background-color: #969696;
  font-weight: normal;
  border: solid 1px #ffffff;
}
td.KalenderNextPrev {
}
td.KalenderSelector {
}
td.KalenderDay, td.KalenderOtherMonthDay {
  color: inherit;
  background-color: #ffffff;
}
td.KalenderDay a, td.KalenderSelectedDay a {
  border: solid 1px #dddddd;
}
td.KalenderSelectedDay {
  border: solid 1px #000000;
}
td.KalenderTodayDay a:link, td.KalenderTodayDay a:visited {
  color: #ffffff;
  font-weight: bold;
}
td.KalenderWeekendDay {
  color: inherit;
  background-color: #ffdcd8;
}
td.KalenderWeekendDay a {
  color: inherit;
  background-color: #ffffff;
  border: solid 1px #ffffff;
}
td.KalenderOtherMonthDay a {
  color: inherit;
  background-color: #cccccc;
  border: solid 1px #cccccc;
}


/* Listen */
ul.Blank {
  margin: 0 0 0.5em 0;
  list-style: none;
  list-style-image: none;
}
ul.Download {
  margin: 0 0 0.5em 2em;
  list-style-image: url(/images/ico/w/w_2414_download.gif);
}
/* Verschachtelte Listen */
ul.Download ul.Download {
  list-style-image: url(/images/ico/wpale/wpale_2414_download.gif);
}

/* Links (Textlinks in Listen) */
a.LinkStandard {
  font-weight: normal;
  text-decoration: underline;
  color: #000000;
  background-color: inherit;
}
a.LinkStandard:hover, a.LinkStandard:focus, a.LinkStandard:active {
  color: #F21C0A;
  background-color: inherit;
}
/* interne Links mit Grafik */
a.LinkIntern:link, a.LinkIntern:visited,
a.LinkIntern:link, a.LinkIntern:visited,
a.LinkDownload:link, a.LinkDownload:visited,
a.LinkBlank:link, a.LinkBlank:visited {
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: left;
  color: #000000;
  background-color: inherit;
}
a.LinkIntern:link, a.LinkIntern:visited  {
  font-weight: bold;
  padding: 0 0 0 24px;
  background-image: url(/images/ico/w/w_2414_Link.gif);
}
a.LinkDownload:link, a.LinkDownload:visited  {
  padding: 0 0 0 24px;
  background-image: url(/images/ico/w/w_2414_download.gif);
}
a.LinkBlank:link, a.LinkBlank:visited  {
  font-weight: bold;
  padding: 0;
  background-image: none;
}
a.LinkIntern:hover, a.LinkIntern:focus, a.LinkIntern:active,
a.LinkDownload:hover, a.LinkDownload:focus, a.LinkDownload:active,
a.LinkBlank:hover, a.LinkBlank:focus, a.LinkBlank:active {
  color: #F21C0A;
  background-color: inherit;
}
a.LinkBack:link, a.LinkBack:visited  {
  padding: 0 0 0 24px;
  background-image: url(/images/ico/w/w_2414_LinkBack.gif);
}
a.LinkAudio:link, a.LinkAudio:visited  {
  padding: 0 0 0 24px;
  background-image: url(/images/ico/w/w_2414_audio.gif);
}
a.LinkImage:link, a.LinkImage:visited  {
  padding: 0 0 0 24px;
  background-image: url(/images/ico/w/w_2414_image.gif);
}
a.LinkVideo:link, a.LinkVideo:visited  {
  padding: 0 0 0 24px;
  background-image: url(/images/ico/w/w_2414_webTV.gif);
}
a.LinkZoomIn:link, a.LinkZoomIn:visited  {
  padding: 0 0 0 24px;
  background-image: url(/images/ico/w/w_2414_zoom.gif);
}
a.LinkZoomOut:link, a.LinkZoomOut:visited  {
  padding: 0 0 0 24px;
  background-image: url(/images/ico/w/w_2414_zoomOut.gif);
}
a.LinkChart:link, a.LinkChart:visited  {
  padding: 0 0 0 24px;
  background-image: url(/images/ico/w/w_2414_chart.gif);
}
a.LinkSubmit:link, a.LinkSubmit:visited  {
  padding: 0 0 0 24px;
  background-image: url(/images/ico/w/w_2414_submit.gif);
}
a.LinkPrint:link, a.LinkPrint:visited  {
  padding: 0 0 0 24px;
  background-image: url(/images/ico/w/w_2414_print_eon.gif);
}
a.LinkSchliessen:link, a.LinkSchliessen:visited  {
  font-weight: normal;
  background-image: url(/images/ico/uFo/uFo_2414_close.gif);
  color: #ffffff;
  background-color: inherit;
}
a.LinkSchliessen:hover, a.LinkSchliessen:focus, a.LinkSchliessen:active {
  color: #ffffff;
  background-color: inherit;
}

/* Links Seitenanfang */
div.link2top {
  clear: both;
  border-top: solid 1px #a5a5a5;
  margin: 0 0 2em 0;
}
div.link2top a, div.link2top a:link, div.link2top a:visited {
  font-weight: normal;
  margin: 0 0 0 0;
  text-decoration: none;
  color:#33FF00;
  background-image: url(/images/ico/wpale/wpale_2414_PageUp.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding: 5px 0 0 20px;
  float: right;
  text-align: right;
  color: #a5a5a5;
}

/* eingerückter Nachsatz für interne Links mit Grafik */
p.LinkNachsatz {
  margin-left: 24px;
}

/* tabellenähnliche Container */
div.ContainerUeberschrift, div.ContainerHeader, div.ContainerBody, div.ContainerBodyBild, div.ContainerFooter, div.ContainerZwischenFooter {
  float: none;
  text-align: left;
  padding: 0.262em 0.7em 0.262em 0.7em;
  border-bottom: solid 1px #F21C0A;
  border-left: solid 1px #F21C0A;
  border-right: solid 1px #F21C0A;
}
div.ContainerUeberschrift {
  padding: 0.1em 0.7em 0.1em 0.7em;
  font-weight: bold;
  border-top: solid 1px #F21C0A;
  color: #ffffff;
  background-color: #F21C0A;
  background-image: url(/images/basic/bgTabelleCaption.gif);
  background-position: right;
  background-repeat: repeat-y;
}
div.ContainerFooter, div.ContainerZwischenFooter {
  padding: 0.26em 0.8em 0.26em 0.8em;
}
div.ContainerHeader {
  font-weight: normal;
  font-weight: normal;
  color: #F21C0A;
  background-color: #e2e3e5;
}
div.ContainerBody, div.ContainerBodyBild {
  border-bottom: solid 1px #F21C0A;
}
div.ContainerBodyBild {
  text-align: center;
  margin: 0;
  padding: 0;
}
div.ContainerFooter, div.ContainerZwischenFooter {
  color: inherit;
  background-color: #e2e3e5;
}
div.ContainerFooter {
  margin: 0 0 1em 0;
}
div.ContainerZwischenFooter {
  margin: 0;
}
div.ContainerUeberschrift p, div.ContainerHeader p, div.ContainerBody p {
  line-height: 1.562em;
}
div.ContainerUeberschrift p {
  line-height: 1.25em;
}
div.ContainerFooter p, div.ContainerZwischenFooter p {
  line-height: 1.437em;
}
#ContainerMainbereich div.ContainerUeberschrift p, #ContainerMainbereich div.ContainerHeader p, #ContainerMainbereich div.ContainerBody p, #ContainerMainbereich div.ContainerFooter p, #ContainerMainbereich div.ContainerZwischenFooter p {
  text-align: left;
  margin: 0;
}
#ContainerMainbereich div.ContainerUeberschrift p {
  margin: 0 6.43em 0 0;
}
#ContainerMainbereich div.ContainerBodyBild img {
  float: none;
}
#ContainerMainbereich div.ContainerBodyBild table {
  margin: 0;
  border: none;
}

/* tabellenähnliche Container für Infoboxen */
div.InfoBox {
  padding: 0.2em 0.5em 0.2em 0.5em;
}
div.InfoBoxLinks, div.MarginalBoxLinks, div.MarginalBoxLinksBlank, div.MarginalBoxDownload,
div.InfoBoxLinksHervorgehoben, div.MarginalBoxLinksXl, div.MarginalBoxNewsListe, div.MarginalStandard, div.MarginalTeaser, div.MarginalNewsHome, div.TextTeaser, div.MarginalAnimTeaser, div.MarginalAnsprechpartnerAdresse,
div.MarginalBoxFehlermeldungen,
div.SubNavText {
  margin: 0 0 2em 0;
  line-height: 1.2em;
}
div.SubNavText {
  line-height: 0.8em;
}
div.InfoBox, div.MarginalBoxLinks, div.MarginalBoxDownload {
  border: solid 1px #969696;
}
div.InfoBoxLinks, div.InfoBoxLinksHervorgehoben {
  text-align: left;
}
div.MarginalBoxLinks, div.MarginalBoxLinksBlank, div.MarginalBoxDownload, div.MarginalBoxLinksXl, div.MarginalBoxNewsListe, div.MarginalBoxHervorgehoben {
  text-align: left;
}
div.InfoBoxLinksHervorgehoben, div.MarginalBoxLinksXl, div.MarginalBoxNewsListe, div.MarginalBoxHervorgehoben {
  border: solid 1px #F21C0A;
}
div.InfoBoxLinksHervorgehoben {
  border-left: none;
}
div.MarginalBoxHervorgehobenHead,
div.MarginalBoxLinksHead, div.MarginalBoxDownloadHead, div.MarginalBoxLinksXlHead, div.MarginalBoxNewsListeHead {
  font-weight: bold;
  padding: 0.2em 0.5em 0.2em 0.5em;
}
div.MarginalBoxLinksHead, div.MarginalBoxDownloadHead {
  background-color: #969696;
  color: #ffffff;
}
div.MarginalBoxHervorgehobenHead,
div.MarginalBoxLinksXlHead, div.MarginalBoxNewsListeHead {
  background-color: #F21C0A;
  color: #ffffff;
}
div.MarginalBoxNewsListeRow {
  padding: 0.6em;
}
div.MarginalBoxDownloadRow {
  padding: 0.6em 0.6em 0 0.6em;
}
div.MarginalStandard h2 {
  color: #969696;
  background-color: inherit;
}
div.MarginalBoxNewsListe h2 {
  color: #000000;
  background-color: inherit;
}
div.MarginalNewsHome ul li {
  margin-bottom: 1em;
}

div.InfoBoxLinks select {
  width: 100%;
  margin: 0 0 0.5em 0;
}
div.InfoBoxLinks p.Hervorgehoben {
  font-weight: bold;
  background-color: inherit;
  color: #F21C0A;
}
div.MarginalBoxFehlermeldungen ul {
  margin: 0 1em 0.5em 2.5em;
}
.BildInRahmenMitRand { /* Verwendung in zweckentfremdeter Marginal-Box-Download */
  margin:0.7em 0.7em 0 0.3em;
  float:left
}

/* Container in Auflistungen */
div.ContainerListeLinks {
  float: left;
  width: 180px;
  margin: 0 1em 1em 0;
}
div.ContainerListeRechts {
  float: left;
}


/* Universalformate */
.Hervorgehoben {
  color: #F21C0A;
  background-color: inherit;
}
.Abgesetzt {
  margin-top: 1em;
}
/* ScreenReader Direktlinks */
.NurScreenReader {
  display: none !important;
  visibility: hidden!important;
}


/* ******************************************************************************************************************* */
/* ** Container für die Seitenstruktur                                                                              ** */
/* ******************************************************************************************************************* */


/* Seitenkopf */
#ContainerSeitenkopf {
  overflow: auto;
  color: inherit;
  background-color: #F21C0A;
}
#ContainerSeitenkopfInhalt, #HomepageContainerSeitenkopfInhalt, #ServiceContainerSeitenkopfInhalt, #AnwendungContainerSeitenkopfInhalt {
  max-width: 59.5em;
  min-width: 46.2em;
  padding: 0.8em 0 0 2em;
  font-family: Arial, Helvetica, sans-serif;
  overflow: visible;
  color: inherit;
  background-color: #F21C0A;
}
#ContainerSeitenkopfInhalt, #ServiceContainerSeitenkopfInhalt, #AnwendungContainerSeitenkopfInhalt {
  background-image: url(docs/SeitenkopfAbschluss.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
}
#HomepageContainerSeitenkopfInhalt {
  height: 16.0em;
}
#ContainerSeitenkopfInhalt, #ServiceContainerSeitenkopfInhalt, #AnwendungContainerSeitenkopfInhalt {
  height: 5.5em;
}
#PopUpContainerSeitenkopfInhalt, #EmailContainerSeitenkopfInhalt {
  padding: 0.5em 0 0.2em 1em;
  font-family: Arial, Helvetica, sans-serif;
  height: 2.375em;
  color: #ffffff;
  background-color: #F21C0A;
}
#ContainerLogo, #PopUpContainerLogo, #EmailContainerLogo {
  float: left;
  overflow: hidden;
}
#ContainerLogo {
  width: 370px;
  height: 50px;
  margin: 0.25em 0 0 0;
}
#PopUpContainerLogo, #EmailContainerLogo {
  margin: 0 0 0.8em 0;
  height: 32px;
}
#imgLogo, img.imgLogo, #imgLogoPrint, img.imgLogoPrint {
  border: none;
  margin: 0.25em 0 0 0;
}
#imgLogoPrint, img.imgLogoPrint {
  display: none;
}
#imgLogoIntranet {
  float: right;
  margin-right: 1em;
}
#imgBannergrafik {
  float: right;
  margin: 0 0 0 1em;
}
#PopUpContainerUeberschrift, #EmailContainerUeberschrift {
  font-size: 0.75em;
  float: right;
  padding: 0.5em 1em 0 0;
}
#IntranetContainerTopnavigation {
  float: left;
  width: 45em;
}

/* Seitenkopf - Kurztitel */
#ContainerKurztitel {
  text-align: right;
}


/* Mainbereich (erforderlich für seitliche Begrenzung) */
#ContainerMainbereich, #HomepageCcContainerMainbereich, #HomepageBuContainerMainbereich {
  clear: both;
  float: left;
  max-width: 61.5em;
  min-width: 48.2em;
}
#ContainerMainbereich, #HomepageBuContainerMainbereich {
  margin: 2em 0 0 0;
}
#HomepageCcContainerMainbereich {
  margin: 6em 0 0 0;
}


/* Sub-Navigation */
#ContainerSubNav {
  width: 9.4em;
  float: left;
}


/* Contentbereich */
#ContainerContentMarginal, #HomepageCcContainerContentMarginal, #HomepageBuContainerContentMarginal {
  max-width: 50.6em;
  min-width: 37.3em;
  margin: 0 0 0 10.9em;
}
#ContainerContent {
  float: left;
  width: 37.1em;
  margin: 0 0 0 1.5em;
}
#HomepageBuContainerContent {
  float: left;
  width: 37.1em;
  margin: 0 0 0 1.5em;
}
#PopUpContainerContent, #EmailContainerContent {
  height: 100%;
  float: left;
  padding: 1em;
}
/* Contentbereich Zeile */
#ContainerMainbereich div.ContentRow {
  float: left;
  width: 100%;
  margin: 0 0 1em 0;
}
#ContainerMainbereich div.ContentRow .TopNews {
  border-bottom: solid 1px #969696;
  margin-bottom: 1.3em;
}

/* Contentbereich Homepage */
/* Container 1-spaltig für 5. Slot (6 verfügbare Slots) */
div.Homepage1Sp {
  float: left;
  width: 8.5em;
  margin: 0 1.7em 0 0;
}
/* Container 1-spaltig für 6. Slot */
div.Homepage1SpAbschluss {
  float: left;
  width: 8.5em;
  margin: 0 0 0 0;
}
/* Container 4-spaltig */
div.Homepage4Sp {
  float: left;
  width: 30.18em;
  margin: 0 1.7em 0 0;
}

/* Contentbereich Inhaltsseiten (3 verfügbare Slots) */
/* Container 1-spaltig für 1. und 2. Slot */
div.Content1Sp {
  float: left;
  width: 11.2em;
  margin: 0 1.7em 0 0;
}
/* Container 1-spaltig für 3. Slot */
div.Content1SpAbschluss {
  float: left;
  width: 11.2em;
  margin: 0 0 0 0;
}
/* Container 2-spaltig für Slot 1-2 */
div.Content2Sp {
  float: left;
  width: 24.2em;
  margin: 0 1.7em 0 0;
}
/* Container 2-spaltig für Slot 2-3 */
div.Content2SpAbschluss {
  float: left;
  width: 24.2em;
  margin: 0 0 0 0;
}
/* Container 2-spaltig für Slot 1-2 wenn Slot 3 frei bleiben soll */
div.Content2SpSpacer {
  float: left;
  width: 23.6em;
  margin: 0 13.5em 0 0;
}
/* Container 3-spaltig */
div.Content3SpAbschluss {
  float: left;
  width: 37.1em;
  margin: 0 0 0 0;
}

/* Sonderformate Internet Contentbereich Inhaltsseiten (2 verfügbare Slots über volle Breite [3 Slots + Marinalspalte]) */
/* Container 1-spaltig für Slot 1 */
div.Content2Sp1Sp {
  float: left;
  width: 24em;
  margin: 0 1.7em 0 0;
}
/* Container 1-spaltig für Slot 2 */
div.Content2Sp1SpAbschluss {
  float: left;
  width: 24em;
  margin: 0 0 0 0;
}
/* Sonderformate Intranet Contentbereich Inhaltsseiten (2 verfügbare Slots über die Breite der sonst üblichen 3 Slots) */
/* Container 1-spaltig für Slot 1 */
div.ContentIntranet1Sp {
  float: left;
  width: 17.5em;
  margin: 0 1.7em 0 0;
}
/* Container 1-spaltig für Slot 2 */
div.ContentIntranet1SpAbschluss {
  float: left;
  width: 17.5em;
  margin: 0 0 0 0;
}


/* Marginalspalte */
#ContainerMarginal, #HomepageBuContainerMarginal, div.Marginal {
  float: right;
  width: 11.25em;
  margin: 0 0 0 1.4em;
}


/* Footer */
#ContainerFooter, #HomepageContainerFooter {
  clear: both;
  padding: 0 0 2em 0;
  margin: 1em 0 0 10.9em;
}
#ContainerFooter {
  max-width: 50.6em;
  min-width: 37.3em;
  color: #a5a5a5;
  background-color: inherit;
}
#HomepageContainerFooter {
  width: 37.3em;
  color: #ffffff;
  background-color: inherit;
}
#ContainerFooterOben {
  clear: both;
  padding: 0 0 1em 0;
}
#ContainerFooterUnten {
  clear: both;
  padding: 0 0 0 0;
  border-top: solid 1px #a5a5a5;
}
#HomepageContainerFooter #ContainerFooterUnten {
  border-top: none;
}
#PopUpContainerFooter {
  font-size: 0.75em;
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  text-align: right;
	color: #ffffff;
	background-color: #F21C0A;
	padding: 0.2em 1em 0.2em 1em;
}

/* Extra CSS for registration */

#ContainerRegister {
clear:both;
margin:1em 0 0 10.9em;
padding:0 0 1em;
}
');
    --
  END eon_css;
  --
BEGIN
  -- Initialization
  g_images_dir := cout_system_configuration.get_configuration_item('IMAGE_DIRECTORY');
  --
END caco_system;
/