/***
 *
 * $Id: style_new.css,v 1.2 2005/10/25 15:05:22 abaethe Exp $
 *
 ***/

body, html {
	width: 100%;
	height: 100%;
}
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	padding: 0;
	margin: 0;
}


/***********************************************************************
*
* Links, Linkfarben
*
***********************************************************************/
a {
	color : #00505F;
}
/* Links im Contentbereich z.B. bei Teasertexten und Inhaltsuebersichten
 ohne Unterstreichung */
a.navContent {
	font-weight: bold;
	text-decoration: none;
}

a.navContent:hover {
 	text-decoration: underline;
}

/* Bilder in Links ohne Border */
a img {
	border: none;
}

ul.linkList {
    list-style: url(../img/pfeil_schwarz_kl.gif) inside;
    margin: 0;
    padding: 0;
}
ul.linkList li {
    padding: 3px 0 3px 0px;
}

/***********************************************************************
*
* Formulare
*
***********************************************************************/
form {
	margin: 0;
}

img.icon {
	vertical-align: middle;
}

.formInput {
	width: 300px;
	border: 1px solid #006F81;
}

.formInputMandatory {
	width: 300px;
	border: 3px solid #006F81;
}


/***********************************************************************
*
* obere Navigation
*
***********************************************************************/
.topborder {
	border: 1px solid #80AAB2;
	border-top: none;
	border-right: none;
}

.topborder2 {
	border : 1px solid #80AAB2;
	border-top-style : none;
	border-left-style : none;
	border-bottom-style : none;
}

.topborder3 {
	border : 1px solid #80AAB2;
	border-top-style : none;
	border-bottom-style : none;
}

.topwhite{
	color : #FFFFFF;
}

.topheadline{
	font-weight : bold;
	color : #FFCC00;
}


/***********************************************************************
*
* Styles fuer Suchformular auf der Startseite
*
***********************************************************************/
table#homeSucheingabe td {
	padding-right: 15px;
	font: 0.75em Arial, Helvetica, sans-serif
}
table#homeSucheingabe form {
	margin-bottom: 15px;
}
/* Default-Breite des Selectmenue "Medien" */
#homeSucheingabe #selectByTitle {
	width: 260px;
}
#homeSucheingabe #selectByTitle option {
    width: 280px;
}

/* Default-Breite des Selectmenue "Zielgruppen" */
#homeSucheingabe #select2 {
	width: 220px;
}
#homeSucheingabe #select2 option {
    width: 240px;
}

/* Default-Breite des Eingabefelds "Suchbegriff" */
#homeSucheingabe #suchbegriff {
	width: 160px;
}

optgroup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
    font-style: normal;
    font-weight: bold;
}

optgroup option {
	margin-left: 1em;
    padding: 0 0 0 1em;
    background : url(../img/pfeil_schwarz.gif) no-repeat #FFF;
}

/***********************************************************************
*
* linke Navigation
*
***********************************************************************/

/* Themennavigation linke Spalte */
td#themenNavigation {
	width: 222px;
	background: #E6E9EA;
	vertical-align: top;
}
#themenNavigation ul {
	line-height : 18px;
	margin : 0px;
	padding : 0 0 0 25px;
}
#themenNavigation p {
	font-weight : bold;
	letter-spacing : 1px;
	margin : 12px 2px 2px 10px;
	text-transform: uppercase;
}
#themenNavigation a {
	text-decoration: none;
}
#themenNavigation a:hover {
	text-decoration: underline;
}
.headTechnik {
	color : #87AB32;
	font-size: 14px;
}
ul.Technik{
	list-style-image: url(../img/pfeil_gruen2.gif);
	color : #91AA00;
}
.headWirtschaft {
	color : #00A3E0;
}

ul.Wirtschaft {
	list-style-image: url(../img/pfeil_blau2.gif);
	color : #00A3E0;
}

.headWissenschaft {
	color : #EE7900;
}

ul.Wissenschaft {
	list-style-image: url(../img/pfeil_orange2.gif);
	color : #EE7900;
}

/***********************************************************************
*
* Farbschema für Themenbereiche
*
***********************************************************************/
#Bereichsnavigation {
  background: #D9E6E8;             /* heller HG fuer inaktive Reiter bei 'do=show_all' */
  margin-bottom: 15px;
}

#Bereichsnavigation.Technik {
  background: #91AA00;             /* dunkler HG fuer inaktive Reiter bei 'do=bytree' */
}
#Bereichsnavigation.Wirtschaft {
  background: #3A85B4;             /* dunkler HG fuer inaktive Reiter bei 'do=bytree' */
}
#Bereichsnavigation.Wissenschaft {
  background: #DA4900;             /* dunkler HG fuer inaktive Reiter bei 'do=bytree' */
}
/* Kennzeichnung Bereich */
#Bereichsnavigation .banner {
  height: 60px;
}
#Bereichsnavigation .banner h1 {
  font: 1.2em Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #FFF;
  margin: 0;
  padding: 10px 10px;
  text-transform: uppercase;
}
/* Hintergrundbilder */
#Bereichsnavigation div.banner {
	background: #7AB7A6 url(../img/bg_level1.jpg)        /* HG fuer Banner bei 'do=show_all' */
}
#Bereichsnavigation.Technik div.banner {
	background: #91AA00 url(../img/bg_technik.jpg)       /* HG fuer Banner bei 'do=bytree' */
}
#Bereichsnavigation.Wirtschaft div.banner {
	background: #3A85B4 url(../img/bg_wirtschaft.jpg)    /* HG fuer Banner bei 'do=bytree' */
}
#Bereichsnavigation.Wissenschaft div.banner {
	background: #EE7900 url(../img/bg_wissenschaft.jpg)  /* HG fuer Banner bei 'do=bytree' */
}

/***********************************************************************
*
* Unternavigation für Themenbereiche im Content-Feld
*
***********************************************************************/
ul.Bereichsnavigation {
	list-style: none;
    /* list-style: url(../img/pfeil_weiss.gif) inside;  -> funkt nicht in Kombi mit display:inline; */
	margin: 0;
	padding: 8px 0px;
}
ul.Bereichsnavigation li {
	display: inline;
	margin: 0;
	padding: 8px;
}
ul.Bereichsnavigation li.active {
	padding: 8px 15px 8px 15px;
}
ul.Bereichsnavigation li img {
	margin-right: 0;
    padding: 0 5px 0 0;
}
ul.Bereichsnavigation a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
    /*padding: 0 0 0 15px; */
}
ul.Bereichsnavigation a:hover {
	text-decoration: underline;
}
/* Subnavigation Highlighting */
#Bereichsnavigation ul.Bereichsnavigation li.active {
  background: #82BBAC;             /* HG des aktiven Reiters fuer 'do=show_all' */
}
#Bereichsnavigation.Technik ul.Bereichsnavigation li.active {
  background: #BDCD66;             /* HG des aktiven Reiters fuer 'do=bytree' */
}
#Bereichsnavigation.Wirtschaft ul.Bereichsnavigation li.active {
  background: #89B6D2;             /* HG des aktiven Reiters fuer 'do=bytree' */
}
#Bereichsnavigation.Wissenschaft ul.Bereichsnavigation li.active {
  background: #E99266;             /* HG des aktiven Reiters fuer 'do=bytree' */
}

.Technik b {
/*  color: #BDCD66;             /* bold = HG */
  color: #91AA00;
}
.Wirtschaft b {
/*  color: #89B6D2;             /* bold = HG */
  color: #3A85B4;             
}
.Wissenschaft b {
/*  color: #E99266;             /* bold = HG */
  color: #DA4900;             

}

/***********************************************************************
*
* Infobox fuer Zielgruppenvervollstaendigung
*
***********************************************************************/
#targetgroups_unlimited {
  position: absolute;     /* no need to reserve place in HG */
}

#targetgroups_unlimited a:hover {
  position: static;      /* useless style needed for IE to working properly */
}

#targetgroups_unlimited a span {
  display: none;
  position: relative;
  top: 0;
}

#targetgroups_unlimited a:hover span {
  color: #000;
  background: #FFFFE0;
  font-weight: normal;
  text-decoration: none;
  border: 1px solid black;
  padding: 2px;
  display: block;
  position: relative;
  top: -1em;
}

/***********************************************************************
*
* Level1 Content-Tabellen (Service, Kontakt etc.)
*
***********************************************************************/
table.level1Content {
	width: 100%;
	height: 100%;
}
td.mainContent {
	background: #E6E9EA;
	padding: 0 0 15px 0;
	vertical-align: top;
}
td.teaserContent {
	background: #D9E6E8;
	width: 185px;
	padding: 15px 8px;
	vertical-align: top;
}
td.teaserContent p, td.teaserContent ul {
    line-height: 1.5em;
	/* font-size: 0.7em;*/
	margin: 0 0 0 0;
}
/* Texteinzug */
div.indent, div.indentLine {
	padding: 15px 15px 0 20%;
	margin: 0;
}
div.indentLine {
	border-bottom: 1px solid #FFF;
}
td.mainContent h2 {
	font-size: 0.8em;
	color: #00505F;
	margin: 0;
}
/***********************************************************************
*
* Listing-Tabellen
*
***********************************************************************/
.listing th {
	font-size: 0.75em;
	color : #00505F;
	background-color : #E6E9EA;
	font-weight : normal;
	text-align: left;
	padding: 2px 15px 2px 0px;
}
.listing td {
	padding: 5px 10px 3px 0;
	border-top: 1px solid #CCC;
	font-size: 0.75em;
}
.listing a {
	font-weight: bold;
}
.listing p {
    margin-top: 0;
	font-size: 1em;
}
.normal td {
	font-size: 12px;
    border: 0;
    padding: 0;
}
/***********************************************************************
*
* Content Tabellenfelder
*
***********************************************************************/
td.contentMain {
	padding: 0px;
	padding-right: 15px;
}
td.contentTeaser {
	width: 185px;
}
/* Text-Bild-Umfluss */
div.floatText {
    display: block;
    vertical-align: top;
    margin-bottom: 15px;
}
div.floatText h1 {
	margin: 0;
	padding: 0;
}
img.floatImage {
    display: inline;
    float: left;
    margin: 0 15px 9px 0; 
}
/* Tabellen auf Medienseiten */
div.Tabellencontainer {
    clear: both;
    border-top: 1px solid #CCC;
    /*border-bottom: 1px solid #CCC;*/
    padding: 5px 0;
}

img.contact {
    padding: 0 3px 3px 0;   /* avoid contact of image with surrounding text */
    margin: 0;
    border: none;
    float: left;
}

table.cms_content {
    border: none;
    border-spacing: 5px;
}

table.cms_content td, table.cms_content td p, table.cms_content td ul {
	font-size: 12px;
    color: #000;
    vertical-align: top;
}

/***********************************************************************
*
* Typographie at large ...
*
***********************************************************************/
h1, h2, h3, h4, h5, h6 {
  color: #00505F;
}

h1 {
  font-size: 1.2em;
  margin: 0 0 1em 0;
}

p, ul {
	font-size: 0.75em;
}

td.contentMain p {
	line-height: 1.2em;
}


/* Aufzählungen (Content-Navigation) mit Pfeilen */
ul.subNavigation {
	list-style-image : url(../img/pfeil_petroldunkel.gif);
	margin : 5px 1px 1px 15px;
	padding : 2px 2px 2px 12px;
}

ul.subNavigation li {
	margin: 3px 0px
}

ul.subNavigation a {
	text-decoration: none;
}

ul.subNavigation a:hover {
	text-decoration: underline;
}

/***********************************************************************
*
* Container Elemente (Startseite und Teaserelemente)
*
***********************************************************************/
div.spacer {
	clear: both;
    height: 20px;
	width: 350px;
}

div.container {
	clear: both;
	margin-bottom: 15px;
}
div.container a {
	font-weight: bold;
	text-decoration: none;
}
div.container a:hover {
	text-decoration: underline;
}
div.container h1 {
	border: 3px solid;
	padding: 2px 7px;
	margin: 0px 0px 8px 0px;
	background: #FFF;
  /* color: #00505F; */
	font-size: 0.75em;
	text-transform: uppercase;
	font-weight: normal;
}
div.container h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0;
}
div.container h3 {
	font-size: 0.75em;
	font-weight: bold;
	color: #00505F;
	margin: 0;
	padding: 0;
}
div.container p {
	margin: 0 0 1em 0;
}
div.container ul {
	margin : 0 0 0 0;
	padding : 0 0 0 15px;
}


/***********************************************************************
*
* Suchformulare
*
***********************************************************************/

a.button, a.button1 {
  padding: 0.25em 0.25em;
  background: #D9E6E8;
  text-decoration:none;
}

a.button:hover, a.button1:hover {
  text-decoration:underline;
}

a.button1 {
  background: #005564;
  color: #FFF;
}

/***********************************************************************
*
* Suchformulare
*
***********************************************************************/

div#Suche {
	padding-bottom: 15px;
	margin-bottom:  15px;
}
/* And finally ... */
p.copyright {
  font: 0.8em Arial, Helvetica, sans-serif;
  margin: 0;
}
/***********************************************************************
*
* Farbdefinitionen
*
***********************************************************************/
.blau1 * {
  color: #3A85B4;
  border-color: #3A85B4;
  list-style-image : url(../img/pfeil_blau1.gif);
}
.blau2 * { /* Bereichsfarbe Wirtschaft */
  color: #00A3E0;
  border-color: #00A3E0;
  list-style-image : url(../img/pfeil_blau2.gif);
}
.gelb * {
  color: #F2B200;
  border-color: #F2B200;
  list-style-image : url(../img/pfeil_gelb.gif);
}
.orange1 * {
  color: #F5A300;
  border-color: #F5A300;
  list-style-image : url(../img/pfeil_orange1.gif);
}
.orange2 * { /* Bereichsfarbe Wissenschaft */
  color: #EE7900;
  border-color: #EE7900;
  list-style-image : url(../img/pfeil_orange2.gif);
}
.rot * {
  color: #DA4900;
  border-color: #DA4900;
  list-style-image : url(../img/pfeil_rot.gif);
}
.gruen1 * {
  color: #BEC200;
  border-color: #BEC200;
  list-style-image : url(../img/pfeil_gruen1.gif);
}
.gruen2 * { /* Bereichsfarbe Technik */
  color: #91AA00;
  border-color: #91AA00;
  list-style-image : url(../img/pfeil_gruen2.gif);
}
.gruen3 * {
  color: #7BB477;
  border-color: #7BB477;
  list-style-image : url(../img/pfeil_gruen3.gif);
}
.gruen4 * {
  color: #42A595;
  border-color: #42A595;
  list-style-image : url(../img/pfeil_gruen4.gif);
}
.petrolhell * {
  color: #00A1B9;
  border-color: #00A1B9;
  list-style-image : url(../img/pfeil_petrolhell.gif);
}
.petrolmittel * {
  color: #006F81;
  border-color: #006F81;
  list-style-image : url(../img/pfeil_petrolmittel.gif);
}
.petroldunkel * {
  color: #00505F;
  border-color: #00505F;
  list-style-image : url(../img/pfeil_petroldunkel.gif);
}
/***********************************************************************
*
* kontextuelle Ausnahmeregelungen (Container-Elemente)
*
***********************************************************************/
.blau1 p, .blau1 li {
	color: #000;
} 
.blau2 p, .blau2 li {
	color: #000;
}
.gelb p, .gelb li {
	color: #000;
} 
.orange1 p, .orange1 li {
	color: #000;
} 
.orange2 p, .orange2 li {
	color: #000;
}
.rot p, .rot li {
  color: #000;
}
.gruen1 p, .gruen1 li {
  color: #000;
} 
.gruen2 p, .gruen2 li {
  color: #000;
}  
.gruen3 p, .gruen3 li {
  color: #000;
}  
.gruen4 p, .gruen4 li {
  color: #000;
}  
.petrolhell p, .petrolhell li {
  color: #000;
}  
.petrolmittel p, .petrolmittel li {
  color: #000;
}  
.petroldunkel p, .petroldunkel li  {
	color: #000;
}