.logout
{
  font-weight: bold;
}

div.header
{
  background:  #ecedee; 
  text-align:  center; 
  color:       #000; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:   11px;
  line-height: 1.36em;
  height:      130px;
}

.header img
{
  margin: 0;
  padding: 0;
  border: 0;
}

.appnavleftShadow
{
  background: url('../img/backgrounds/head_shadow_left.gif') no-repeat left top;
  width:      100%;
  height:     6px;
}

.appnavrightShadow
{
  background: url('../img/backgrounds/head_shadow_right.gif') no-repeat right top;
  width:      100%;
  height:     6px;
}


/* GLOBALE CONTAINER */
/* -------------------------------------------------------------------------------------------------------------------------- */

#container     { position: relative; margin: 0; padding: 0; width: auto; text-align: left; overflow: hidden; height: 100%;}

#siteNavi      { background-color:#ecedee; height:30px; left:240px; position:absolute; width:100%; top:0px; }
#siteNaviLeft  { position: absolute; top: 8px; left: 15px; height: 22px; width: 600px; z-index: 3;}
#siteNaviRight { position: absolute; top: 9px; right: 240px; width: 100px; z-index: 3;}

#serviceNavi   { position: absolute; top: 30px; left: 0; height: 20px; width: 100%; line-height: 20px; font-size: 91%; background: #4b575e; color: #a5aaae; overflow: hidden;}
#reiterNavi    { position: absolute; top: 0px; left: 20px; height: 30px; line-height: 30px; overflow: hidden; z-index: 2;}
#headRight     { position: absolute; top: 50px; right: 0; width: 275px; height: 120px; overflow: hidden; background-color: #fff; background-repeat: repeat-y; background-position: 0px 0px;}

/* LOGO */
/* -------------------------------------------------------------------------------------------------------------------------- */

#logo {position: absolute; top: 0; left: 0; width: 240px; height: 50px; z-index: 5; background: #4b575e}
#logo img {width: 155px; height: 50px;}

/* LOGO PARTNER*/
/* -------------------------------------------------------------------------------------------------------------------------- */

#logoPartner {position: absolute; top: 50px; left: 0; width: 240px; height: 50px; z-index: 5; background: #4b575e}
#logoPartner img {width: 240px; height: 50px;}


/* SITE NAVIGATION LINKS */
/* -------------------------------------------------------------------------------------------------------------------------- */

#siteNaviLeft ul {list-style: none; margin: 0; padding: 0; border: 0; float: left;}
#siteNaviLeft ul li {float: left; margin: 0; padding: 0; border: 0;}

#siteNaviLeft ul li a {margin: 0 12px 0 0; padding: 0 0 0 12px; text-decoration: none; display:inline-block; position: relative;} /* height: 22px; line-height: 22px; */
#siteNaviLeft ul li a:link, 
#siteNaviLeft ul li a:active, 
#siteNaviLeft ul li a:visited {color: #939a9e; background: url('../img/arrows/sitenavi/externallink/gray.gif')      no-repeat left 4px;}
#siteNaviLeft ul li a:hover   {color: #ff6600; background: url('../img/arrows/sitenavi/externallink/orange.gif') no-repeat left 4px;}

/* popup link */

#siteNaviLeft ul li a.popup {display: block;}
#siteNaviLeft ul li a.popup:link, 
#siteNaviLeft ul li a.popup:active, 
#siteNaviLeft ul li a.popup:visited {color: #4b575e; background: url('../img/arrows/sitenavi/popup/darkgray.gif') no-repeat left 6px;}
#siteNaviLeft ul li a.popup:hover   {color: #ff6600; background: url('../img/arrows/sitenavi/popup/orange.gif') no-repeat left 6px;}

/* popup menue level 1 */

#siteNaviLeft ul li ul {position: absolute; left: -999em; top: 22px; height: auto; font-size: 91%;}
#siteNaviLeft ul li ul li {background: #82898f; clear: both;}

#siteNaviLeft ul li ul li.first {padding-top: 9px;}
#siteNaviLeft ul li ul li.last {padding-bottom: 10px;}

#siteNaviLeft ul li ul li a {display: block; padding: 0 5px 2px 12px; margin: 0; width: 240px; line-height: 22px;}

#siteNaviLeft ul li ul li a:link, 
#siteNaviLeft ul li ul li a:active, 
#siteNaviLeft ul li ul li a:visited {color: #fff; background: #82898f}
#siteNaviLeft ul li ul li a:hover {color: #fff; background: #a5aaae}

#siteNaviLeft ul li ul li.submenu a {width: 240px;}
#siteNaviLeft ul li ul li.submenu a:link, 
#siteNaviLeft ul li ul li.submenu a:active, 
#siteNaviLeft ul li ul li.submenu a:visited {color: #fff; background: #82898f url('../img/arrows/sitenavi/submenue/1_darkgray.gif') no-repeat right 6px;}
#siteNaviLeft ul li ul li.submenu a:hover {color: #fff; background: #a5aaae url('../img/arrows/sitenavi/submenue/1_gray.gif') no-repeat right 6px;}

/* popup menue level 2 */

#siteNaviLeft ul li ul li.submenu ul {top: auto; margin-top: -24px; font-size: 100%;}
#siteNaviLeft ul li ul li.submenu ul li {background: #dbdddf; clear: both;}

#siteNaviLeft ul li ul li.submenu ul li.last {padding-bottom: 5px;}

#siteNaviLeft ul li ul li.submenu ul li a {display: block; padding: 0 5px 2px 22px; margin: 0; width: 240px; line-height: 22px;}

#siteNaviLeft ul li ul li.submenu ul li a:link, 
#siteNaviLeft ul li ul li.submenu ul li a:active, 
#siteNaviLeft ul li ul li.submenu ul li a:visited {color: #4b575e; background: #dbdddf url('../img/arrows/sitenavi/submenue/2_darkgray.gif') no-repeat 10px 8px;}
#siteNaviLeft ul li ul li.submenu ul li a:hover {color: #fff; background: #a5aaae  url('../img/arrows/sitenavi/submenue/2_gray.gif') no-repeat 10px 8px;}

/* mouse events */

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

#siteNaviLeft li:hover ul, #siteNaviLeft li.sfhover ul {left: auto;}
#siteNaviLeft li:hover ul li:hover ul, #siteNaviLeft li.sfhover ul li.sfhover ul {left: 257px;}


/* SITE NAVIGATION RECHTS */
/* -------------------------------------------------------------------------------------------------------------------------- */

#siteNaviRight ul {list-style: none; margin: 0; padding: 0; border: 0; float: right;}
#siteNaviRight ul li {float: left; margin: 0 0 0 5px; padding: 0; border: 0; color: #939a9e;}
#siteNaviRight ul li a {margin: 0; padding: 0; text-decoration: none; display: block;}
#siteNaviRight ul li a img {visibility: hidden;} 

#siteNaviRight ul li span.aSmall {text-transform: uppercase; font-size: 10px; line-height: 15px; margin: 0 2px 0 5px;}
#siteNaviRight ul li span.aBig {text-transform: uppercase; font-size: 13px; line-height: 15px;}

#siteNaviRight ul li a:link, 
#siteNaviRight ul li a:active, 
#siteNaviRight ul li a:visited {color: #939a9e;}
#siteNaviRight ul li a:hover {color: #ff6600;}

/* font minus */

#fontMinus {background: url('../img/buttons/minus/orange.gif') no-repeat;}
#fontMinus a {background: url('../img/buttons/minus/gray.gif') no-repeat;}
#fontMinus, #fontMinus a {width: 15px; height: 15px;}
#fontMinus a:hover {background: none;}

/* font plus */

#fontPlus {background: url('../img/buttons/plus/orange.gif') no-repeat;}
#fontPlus a {background: url('../img/buttons/plus/gray.gif') no-repeat;}
#fontPlus, #fontPlus a {width: 15px; height: 15px;}
#fontPlus a:hover {background: none;}


/* SERVICE NAVIGATION */
/* -------------------------------------------------------------------------------------------------------------------------- */

#serviceNavi ul {list-style: none; margin: 0 10px 0 0; padding: 0; border: 0; float: right;}
#serviceNavi ul li {float: left; margin: 0; padding: 0; border: 0; height: 20px;}

#serviceNavi ul li a {margin: 0 0 0 10px; padding: 0 0 0 10px; text-decoration: none; float: left;} 
#serviceNavi ul li a:link, 
#serviceNavi ul li a:active, 
#serviceNavi ul li a:visited {color: #a5aaae; background: url('../img/arrows/servicenavi/dark.gif') no-repeat left center;}
#serviceNavi ul li a:hover {color: #fff; background: url('../img/arrows/servicenavi/light.gif') no-repeat left center;}

#serviceNavi ul li a.on:link, 
#serviceNavi ul li a.on:active, 
#serviceNavi ul li a.on:visited,
#serviceNavi ul li a.on:hover {color: #fff; background: url('../img/arrows/servicenavi/light.gif') no-repeat left center;}


/* REITER NAVIGATION */
/* -------------------------------------------------------------------------------------------------------------------------- */

#reiterNavi ul {list-style: none; margin: 0; padding: 0; border: 0; float: left; border-left: 1px solid #fff; width: 680px;}
#reiterNavi ul li {float: left; margin: 0; padding: 0; border: 0; height: 30px; border-top: 1px solid #fff;}

#reiterNavi ul li span {margin: 0; padding: 0 10px 0 10px; text-decoration: none; display: inline-block; border-right: 1px solid #fff; text-transform: uppercase; height:30px; line-height:30px; vertical-align:top; } 


#reiterNavi #reiterset1 {width: 240px;}
#reiterNavi #reiterset2 {width: 440px;}

/* linkfarben werden in der portal-css-datei definiert */