@charset "UTF-8";

/*
Projektname:   Currenta Leistungskatalog
Erstellt am:   16.11.2007 von KDr
Bearbeitet am: 16.04.2008 von KDre
validiert am:  18.01.2008 von MKue
QS am:         18.01.2008 von MKue
Freigabe am:   18.01.2008 von MKue
/*

/* ################################## */
/* ### Inhaltsverzeichnis ### */
/* ### Elemente ### */
/* ### 1. Formatierung des body ### */
/* ### 2. Links: <a> ### */
/* ### 3. Typo ### */
/* ### 4. Formulare ### */
/* ### 5. Tabellen ### */
/* ### 6. sonstige Elemente ### */

/* ### weitere Regeln ### */
/* ### Sonderfaelle ### */
/* ################################## */


/* ### Elemente ### */
/* ### Formatierung des body ### */


body {
font: normal 62.5% Arial, Helvetica, Verdana, sans-serif;
color: #343434;
background: #FFFFFF;
}

/* scharzer Rahmen "links" */
body {
background: url(../../images/currenta/bg_body.gif) no-repeat 4.2em 12.4em;
}
/* nur IE6 - IE5.5 braucht "normalen" wert */
* html body {
background-position: 2.6em 7.75em;
}
/* IE7 */
* + html body {
background-position: 2.6em 7.75em;
}

p, th, td, code, pre, strong, span, b, i, em {
margin: 0;
padding: 0;
font-size: 1.0em;
}

/* ### Links: <a> ### */
/* a href="" und a name="" fuer IE */
a { 
margin: 0;
padding: 0;
color: #343434; 
text-decoration: none; 
border: 0; 
}

/* a href="" sonstige Ausgabegeraete */
a:link { 
color: #343434; 
text-decoration: none; 
border: 0; 
}
/* besuchter Link */
a:visited { 
color: #343434; 
text-decoration: none; 
border: 0; 
}
/* maus ueber link */
a:hover { 
color: #343434; 
text-decoration: none; 
border: 0; 
} 
/* tastaturnavigation */
a:focus { 
color: #343434; 
text-decoration: none; 
border: 0; 
} 
/* maus down = klick und im IE auch wiederbesuch der Seite ueber backspace */
a:active { 
color: #343434; 
text-decoration: none; 
border: 0; 
}

acronym {
text-decoration: none;
border: none;
}

/* Ueberschriften */
h1 {
font-size: 2.2em;
line-height: 1;
min-height: 1.9090em;
margin: 0 1px 0 0;
padding: 1.1818em 0 0.04em 1.8181em;
color: #FFF;
background: #E76F00;
}
/*  h1 hoehe anpassen fuer IE5.5 */ 
/* IE6 */
* html h1 {
height: 1.9090em;
}

h2 {
font-size: 1.6em;
line-height: 1.25em;
color: #E76F00;
margin-bottom: 0.3em;
}

h3 {
font-size: 1.2em;
}

/* Tabellen */

table {
border-collapse: collapse;
margin-bottom: 2em;
font-size: 1em; /* fuer IE5.5 */
}

table thead {
background: #999692;
}

table thead th {
text-align: left;
font-size: 1.2em;
color: #FFF;
padding: 0.3em 0.3em 0.2em 0.5em;
}

/* IE6 */
* html table thead th {
padding-bottom: 0.3em;
}

/* IE7 */
* + html #wrapper[id] table thead th {
padding-bottom: 0.3em;
}

table tr td {
padding: 0.5em 0.4em 0.3em 0.2em;
border-bottom: 1px solid #DBD7CC;
text-align: left;
font-size: 1.2em;
}

/* IDs */	
#oben #wrapper {
/* scharzer Rahmen "rechts" von Content */
background: url(../../images/currenta/bg_body.gif) repeat-y 73.9em 0;
width: 95.3em;
margin: 0 0 0 4.3em;
overflow: hidden !important;
}

/* IE6 */
* html #oben #wrapper {
width: 95.9em;
background-position: 74.4em 0;
}

/* IE7 */
* + html #oben #wrapper[id] {
width: 95.9em;
background-position: 74.4em 0;
}

/* Styling Header-Elemente */
#wrapper #header {
background: url(../../images/currenta/bg_header.gif) repeat 0 0 #E76F00;
border-bottom: 1px solid #000;
}

#meta {
float: left;
display: inline;
margin: 0 0 0 1.9em;
padding-top: 0.4em;
width: 50em;
}

/* IE6 */
* html #meta {
padding-top: 0.4em;
}

#meta li {
display: inline;
float: left;
margin: 0 1.0em 0 0;
color: #FFF;
}

#meta li a {
color: #FFF;
}

#meta li a:hover {
text-decoration: underline;
}
#meta li a:focus {
text-decoration: underline;
}

#currenta-logo {
float: right;
margin: 1.8em 11.7em 0 0;
width: 19.8em;
height: 6.3em;
}

/* IE6 */
* html #currenta-logo {
margin: 1.8em 11.8em 0 0;
}

/* IE7 */
* + html #currenta-logo[id] {
margin: 1.8em 11.9em 0 0;
}

/* Hauptnavigation horizontal */
#horizontalnavigation {
clear: both;
margin-left: 1.9em;
padding-top: 2.4em;
}

/* IE7 */
* + html #horizontalnavigation[id] {
height: 1.9em;
margin: 0 0 0em 1.9em;
}

#horizontalnavigation li {
position: relative;
float: left;
margin: 0 1.5833em 0 0;
list-style: none;
font-size: 1.2em;
font-weight: bold;
}

#horizontalnavigation li.active {
color: #FFF;
border-bottom: 0.3333em solid #FFF;
}

#horizontalnavigation li a {
display: block; /* sehr wichtig fuer beide IEs */
color: #000;
padding-bottom: 0.3333em;
}
#horizontalnavigation li a:link {
color: #000;
}
#horizontalnavigation li a:visited {
color: #000;
}
#horizontalnavigation li a:hover {
color: #FFF;
background: url(../../images/currenta/bg_hornavi_hover.gif) repeat-x 0 bottom;
}
#horizontalnavigation li a:focus {
color: #FFF;
background: url(../../images/currenta/bg_hornavi_hover.gif) repeat-x 0 bottom;
}

#horizontalnavigation li ul {
/* display: none; */
position: absolute;
top: 1.6em;
left: -1px;
left: -999em;
width: 12em;
padding: 0;
overflow: hidden;
background: #E4E3E0;
border-top: 1px solid #000;
border-right: 1px solid #E76F00;
border-bottom: 1px solid #E76F00;
border-left: 1px solid #E76F00;
}

ul#horizontalnavigation li:hover ul.level2,
ul#horizontalnavigation li.hover ul.level2 {
/* display: block; */
left: auto;
}

#horizontalnavigation ul li {
float: none;
display: block;
margin: 0 0 0.33em 0;
}

#horizontalnavigation ul li.last {
margin-bottom: 0.1em;
}

#horizontalnavigation ul li a {
display: block;
width: 100%; /* fuer IE7 */
margin: 0;
padding: 0 0.5em 0 0.5em;
font-weight: normal;
font-size: 0.9em;
}

/* IE6 */
* html #horizontalnavigation ul li a {
height: 1%;
}

#horizontalnavigation ul li a:hover {
border: none;
background: #BFBDB7;
}

/* Styling Elemente der vertikalen Navigation */
#vertikalnavigation {
float: left;
width: 19em;
padding: 0;
background: url(../../images/currenta/bg_vertnavi.gif) repeat-y 0 0;
overflow: hidden !important;
}

/* IE6 */
* html #vertikalnavigation {
width: 19.0999em;
}

/* IE7 */
* + html #vertikalnavigation[id] {
width: 19.0999em;
}

#vertikalnavigation ul {
width: 18.1666em;
overflow: hidden;
margin: 6.9em 0 0 0;
padding: 1.6em 0 0 1em;
background: #FFF;
}

#vertikalnavigation ul ul {
width: 15.0833em;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#vertikalnavigation ul ul ul {
width: 14.9166em;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#vertikalnavigation ul li {
display: block;
margin: 0;
padding: 0 0 0 0;
font-size: 1.2em;
}

#vertikalnavigation ul li a,
#vertikalnavigation ul li strong {
display: block;
padding: 0.1667em 0 0.1667em 0.4167em;
border-bottom: 0.0833em solid #E76F00;
font-weight: normal;
}

/* IE6 */
* html #wrapper #vertikalnavigation ul li a {
height: 1%;
}

/* IE7 */
* + html #wrapper[id] #vertikalnavigation ul li a {
height: 1%;
}

#vertikalnavigation .active a {
font-weight: bold;
}

#vertikalnavigation ul li.active strong {
font-weight: bold;
}

#wrapper #vertikalnavigation ul li a:hover {
background: #DBD7CC;
}

#wrapper #vertikalnavigation ul li a:focus {
background: #DBD7CC;
}

#vertikalnavigation ul ul li {
line-height: 1.1818em;
font-size: 1.0em;
font-weight: normal;
color: #343434;
}

#wrapper #vertikalnavigation ul ul li a {
display: block;
padding: 0.1667em 0 0.25em 1em;
background: url(../../images/currenta/pfeile_1_orange.gif) no-repeat 0.4167em 0.5em;
line-height: 1.1667em;
color: #343434;
font-weight: normal;
border: none;
}

/* IE6 */
* html #wrapper #vertikalnavigation ul ul li a {
height: 1%;
padding: 0.25em 0 0.1667em 1em;
background-position: 0.4166em 0.5em;
}

/* IE7 */
* + html #wrapper[id] #vertikalnavigation ul ul li a {
height: 1%;
padding: 0.25em 0 0.1667em 1em;
background-position: 0.4166em 0.5em;
}

#wrapper #vertikalnavigation ul ul li a:hover {
background: url(../../images/currenta/pfeile_1_orange.gif) no-repeat 0.4167em 0.5em #DBD7CC;
}

#wrapper #vertikalnavigation ul ul li.active strong {
display: block;
padding: 0.2em 0 0 1.4em !important;
background: url(../../images/currenta/pfeile_1_orange.gif) no-repeat 0.5em 0.5em;
color: #343434;
border: none;
}

/* IE 6 */
* html #wrapper #vertikalnavigation ul ul li.active strong {
height: 1%;
}

/* Vertikalnavigation 3. Ebene */
#vertikalnavigation ul ul ul {
font-size: 1em; 
margin-left: 0;
}

#wrapper #vertikalnavigation ul ul ul li a {
margin-left: 0;
padding-left: 1.5em;
background-position: 0.9167em 0.5em;
line-height: 1.1667em;
}

/* IE 6 */
* html #wrapper #vertikalnavigation ul ul ul li a {
height: 1%;
}

/* IE 7 */
* + html #wrapper[id] #vertikalnavigation ul ul ul li a {
height: 1%;
padding-left: 1.5em !important;
}

#wrapper #vertikalnavigation ul ul ul li a:hover {
background-position: 0.9167em 0.5em;
}
/* ENDE Vertikalnavigation 3. Ebene */

/* Vertikalnavigation 4. Ebene */
#vertikalnavigation ul ul ul ul {
font-size: 1em; 
margin-left: 0;
}

#wrapper #vertikalnavigation ul ul ul ul li a {
margin-left: 0;
padding-left: 2em;
background-position: 1.4167em 0.5em;
line-height: 1.1667em;
}

/* IE 6 */
* html #wrapper #vertikalnavigation ul ul ul ul li a {
height: 1%;
}

/* IE 7 */
* + html #wrapper[id] #vertikalnavigation ul ul ul ul li a {
height: 1%;
padding-left: 2em !important;
}

#wrapper #vertikalnavigation ul ul ul ul li a:hover {
background-position: 1.4167em 0.5em;
}
/* ENDE Vertikalnavigation 4. Ebene */

/* Vertikalnavigation aktiv-Zustaende */
#wrapper #vertikalnavigation ul li.active a {
font-weight: bold;
}

#wrapper #vertikalnavigation ul li.active ul li a {
display: block;
font-weight: normal;
}

#wrapper #vertikalnavigation ul li.active ul li.active a {
font-weight: bold;
}

#wrapper #vertikalnavigation ul li.active ul li.active ul li a {
font-weight: normal;
}

#wrapper #vertikalnavigation ul li.active ul li.active ul li.active a {
font-weight: bold;
}

#wrapper #vertikalnavigation ul li.active ul li.active ul li.active ul li a {
font-weight: normal;
}

#wrapper #vertikalnavigation ul li.active ul li.active ul li.active ul li.active a {
font-weight: bold;
}

#wrapper #vertikalnavigation ul li.active ul li.active ul li.active ul li.active ul li a {
font-weight: normal;
}

/* Externe Links innerhalb der Vertikalnaviation */
#externe-links {
padding: 2.6em 0 0 1em;
margin: 0;
background: #FFF;
}

.trennlinie {
border-top: 0.1em solid #E76F00;
margin-bottom: 0.4em;
}

.trennlinie hr {
display: none;
}

#externe-links fieldset {
border: none;
}

#externe-links legend {
margin: 0 0 0 0;
padding: 0 0 0 0.2857em;
font-weight: bold;
font-size: 1.4em;
color: #333;
}

/* IE 6 */
* html #externe-links legend {
margin-left: -0.7143em;
}

/* IE 7 */
* + html #externe-links[id] legend {
margin-left: -0.7143em;
}

#externe-links select {
font-size: 1.3538em !important;
width: 13.3em;
margin-top: 0.5em;
border: 0;
background: #FFFFFF;
color: #000000;
}

/* IE 6 */
* html #externe-links select {
margin-top: 0.6em;
}

/* IE 7 */
* + html #externe-links[id] select {
margin-top: 0.6em;
}


/* Ende Vertikalnavigation */

/* Styling Contentelemente */
#content {
float: left;
width: 55.0em;
height: auto;
overflow: hidden;
padding: 0;
}

/* IE6 */
* html #content {
width: 55.4em;
}

/* IE7 */
* + html #content[id] {
width: 55.4em;
}

#content-inhalt {
display: block;
padding: 0 0 1em 4.1em;
margin: 0 1em 0 0;
background: #FFF;
}

/* IE6 */
* html #content-inhalt {
height: 1%;
}

/* IE7 */
* + html #content-inhalt[id] {
height: 1%;
}

#breadcrumb {
margin: 0 0 3.2em 0;
padding-top: 0.2em;
}

#content #breadcrumb li {
display: inline;
}

#breadcrumb li a {
padding-right: 0.3333em;
margin-right: 0.1111em;
font-size: 1em;
color: #787670;
}

.mcomtrenner {
color: #E76F00;
margin-right: 0.1111em;
}

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

#wrapper #breadcrumb li.active strong {
color: #E76F00;
background: none;
}

#content p,
#content dt,
#content dd,
#content a,
#context a {
font-family: Arial,sans-serif;
font-size: 1.2em;
line-height: 1.3333em;
}

/* Styling Pop-up Elemente */



/* Styling Contextelemente */
#context {
float: left;
width: 21.2999em;
min-height: 400px;
overflow: hidden;
}

/* IE6 */
* html #context {
width: 21.4em; 
}

/* IE7 */
* + html #context[id] {
width: 21.4em;
}

/* Styling Footerelemente */
#footer {
clear: both;
width: 100%;
padding: 4em 0 1em 0;
}

#footer ul {
margin-left: 15.4em;
}

#footer ul li {
display: inline;
margin-left: 1.5em;
font-size: 1.2em;
color: #787670;
}

#footer ul li.first {
margin: 0 0.3333em 0 1.0833em;
}

#footer ul li a {
color: #333333;
text-decoration: underline;
}

#footer ul li a:hover {
color: #E76F00;
}

#footer ul li a:focus {
color: #E76F00;
}

#footer ul.left {
float: left;
margin-top: 2.3em;
margin-left: -0.5em;
font-size: 1em;
color: #787670;
}



/* ##### Sonderformate fuer Popups ##### */
/* Body fuer Popup */
body#popup {
background: none;
}

/* kopfbereich (orange) */
#popup-header {
height: 6.2em;
width: 100%;
margin-bottom: 1.1em;
background: #E76F00;
}

/* Logo */
#popup-header img {
float: right;
margin: 0.9em 2.2em 0 0;
}

/* Navigation Popup */
#popup-header #popup-navi {
float: left;
margin: 4.4em 0 0 0;
padding: 0;
}

/* IE 6 */
* html #popup-header #popup-navi {
margin-left:-20px;
}

#popup-header #popup-navi li {
float: left;
margin-left: 2em;
}

#popup-header #popup-navi li a {
font-size: 1.2em;
font-weight: bold;
color: #000;
display: block; /* sehr wichtig fuer beide IEs */
}

#popup-header #popup-navi li a:hover {
border-bottom: 0.3333em solid #FFF !important;
color: #FFF;
}

#popup-header #popup-navi li a:focus {
border-bottom: 0.4em solid #FFF !important;
color: #FFF;
}

#popup-header #popup-navi li.active {
border-bottom: 0.4em solid #FFF;
}

#popup-header #popup-navi li.active a {
color: #FFF;
}

/* Inhalte des popup */
#content.popup-content {
clear: both;
float: none;
width: auto !important; /* important fuer IE7 */
padding-left: 1.6em;
}

/* Ueberschriften in popup */
#content.popup-content h1 {
font-size: 1.4em;
line-height: 1.3;
color: #E76F00;
background: #FFFFFF;
margin: 0 0 0.3em 0;
padding: 0;
}
#content.popup-content h2 {
font-size: 1.2em;
color:#343434;
}
#content.popup-content h3 {
font-size: 1.2em;
color: #9A9693;
}

/* footer "nur in popup" */
.popup-footer {
padding: 0 0 2em 1.6em;
}

/* link in Footer */
.popup-footer a {
text-decoration: underline !important;
font-size: 1.2em;
color: #737373;
}
.popup-footer a:hover {
color: #E76F00;
}
.popup-footer a:focus {
color: #E76F00;
}
/* ##### ENDE Sonderformate fuer Popups ##### */



/* ### Sonderfaelle ### */
/* Floats aufheben */
.clear {
clear: both;
margin: -1px 0 0 0; /* laesst 1px clear nach oben verschwinden */
height: 1px; /* laesst &nbsp; auf 1px schrumpfen fuer IE */
font-size: 1px;
line-height: 1px;
width: 100%;
}

.clearfix:after { /* Fuer Falle, wo kein <br class="clear" /> moeglich ist */
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clearfixleft:after { /* Fuer Faelle, wo kein <br class="clear" /> moeglich ist */
content: ".";
display: block; 
height: 0; 
clear: left; 
visibility: hidden;
}

.clearfixleft { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfixleft { height: 1%; }
.clearfixleft { display: block; }
/* End hide from IE-mac */

.ausgeblendet {
display: none !important;
}

.gbs {
text-transform: uppercase;
}

/* IE6 */
* html #header {
height: 1%;
}
/* IE7 */
* + html #header {
height: 1%;
}

/* gegen Farb-bug in IE */
#meta {
color: #FFFFFF;
background: #E76F00;
}
#meta li a, 
#meta li a:link,
#meta li a:visited,
#meta li a:hover,
#meta li a:active,
#meta li a:focus {
color: #FFFFFF;
background: #E76F00;
}


#horizontalnavigation li a.tnavsel{ color:#FFF; padding-bottom:0em; border-bottom:0.375em solid #FFFFFF; text-decoration:none; }
#horizontalnavigation li a.tnavsel:hover,
#horizontalnavigation li a.tnavsel:focus { background:none; }