/*standard-css für Intranet Koeln, 01. Oktober 2005*/
/*Wichtige Farben

1. Palette (Primary Colors)
Bright Blue=#00A6D6
Deep Dark-Blue=#00454D
White=#FFFFFF

2. Palette (Secondary colors)
Light grey='#D0D6D1
Dark Grey=#81817F
Red  =#CF0545
Orange=#F76F00
Aqua=#00B199
Purple=#930FA5
Magenta=#E60094 (sparsam verwenden, nur für Highlights)
Acid Yellow=#DEDE0D (sparsam vewenden, nur für Highlights)

Farben fuer Hintergruende usw. nach Festlegung
Standard:
Schriftart=Arial, 10pt
Schriftfarbe=schwarz #000000
Hintergrund='weiss #FFFFFF
*/

html, body  {
 margin: 0;
 padding: 0;
 font-family: arial;
 font-size: 10pt;
 color: #000000;
 font-weight: normal;
 background-color: #ffffff;

  }

 tr   {
  font-family: arial;
  font-size: 9pt;
  color: #000000;
  font-weight: normal;
  }

td   {
  font-family: arial;
  font-size: 9pt;
  color: #000000;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  }
p  {
  font-family: arial;
  font-size: 10pt;
  color: #000000;
  font-weight: normal;
  }
b  {
  font-family: arial;
  font-size: 10pt;
  color: #000000;
  font-weight: bold;
  }

 /*Links Standard*/

 a:link {
 color: #F76F00;
 text-decoration: none;
}

a:visited {
 color: #00454D;
 text-decoration: none;
}

a:hover {
 color: #000000;
 text-decoration: underline;
}

a:active {
 color: #81817F;
 text-decoration: none;
}



/*Links Sonderklassen versteckter Link und breadcrumbs*/

/*weißer Link - versteckter Link für weiße Schrift*/

.whiteLink{
text-decoration: none;
color: #FFFFFF;
}

a.whiteLink {
text-decoration: none;
color: #FFFFFF;
}

a.whiteLink:visited {
text-decoration: none;
color: #D9D6D1;
}

a.whiteLink:hover
{
 color: #FFFFFF;
 text-decoration: underline;
 }

a.whiteLink:active
{
 color: #FFFFFF;
 text-decoration: none;
 }

 /*versteckter Link*/

.hideLink{
text-decoration: none;
color: #000000;
}

a.hideLink {
text-decoration: none;
color: #000000;
}

a.hideLink:visited {
text-decoration: none;
color: #00454D;
}

a.hideLink:hover
{
 color: #000000;
 text-decoration: underline;
 }

a.hideLink:active
{
 color: #000000;
 text-decoration: none;
 }

/*die Kruemelchen...*/

.breadcrumbLink{
text-decoration: none;
color: #81817F;
}

a.breadcrumbLink {
text-decoration: none;
color: #81817F;
}

a.breadcrumbLink:visited {
text-decoration: none;
color: #81817F;
}

a.breadcrumbLink:hover
{
 color: #81817F;
 text-decoration: underline;
 }

a.breadcrumbLink:active
{
 color: #81817F;
 text-decoration: none;
 font-weight: bold;
 }

/*Linkformatierung Navigation rechte Seite*/

.rechtenaviLink {
text-decoration: none;
color: #000000;
}

a.rechtenaviLink {
text-decoration: none;
color: #000000;
}

a.rechtenaviLink:visited {
text-decoration: none;
color: #00454D;
font-weight: normal;
}

a.rechtenaviLink:hover
{
 color: #000000;
 text-decoration: underline;
 }

a.rechtenaviLink:active
{
 color: #000000;
 text-decoration: none;
 }

 /*Links fuer die Fusszeile*/

 .footerLink {
  text-decoration: none;
 color: #81817F;
 }

 a.footerLink {
  text-decoration: none;
 color: #81817F;
 }

 a.footerLink:hover {
  color: #81817F;
 text-decoration: underline;
 }

 a.footerLink:visited
 {
  color: #81817F;
  text-decoration: none;
 }

 a.footerLink:active
 {
  color: #81817F;
 text-decoration: none;
 }

 /*Ueberschriften*/
h1
{
 font-size: 1.3em;
 color: #00454D;
 margin-top: 5px;
 margin-bottom: 10px;
}

h2
{
 font-size: 1.1em;
 color: #00454D;
 margin-top: 5px;
 margin-bottom: 10px;
}

h3
{
 font-size: 0.9em;
 color: #00454D;
 margin-top: 5px;
 margin-bottom: 10px;
}

/*Anfang Kaestchen*/


.oben, .oben div, .unten, .unten div {
	background-image: url(../images/box.gif);
	background-repeat: no-repeat;
	}

.links, .rechts {
	background-image: url(../images/rahmen.gif);
	background-repeat: repeat-y;
	}

/* Oben: Rahmen und rechte Ecke */
.oben {
	height: 15px;
	margin: 0 0 0 15px;
	background-position: 100% 0;
	}

/* Oben: linke Ecke */
.oben div {
	height: 15px;
	width: 15px;
	position: relative;
	left: -15px;
	background-position: 0 0;
	}

/* Unten: Rahmen und rechte Ecke */
.unten {
	height: 15px;
	margin: 0 0 0 15px;
	background-position: 100% 100%;
	}

/* Unten: linke Ecke */
.unten div {
	height: 15px;
	width: 15px;
	position: relative;
	left: -15px;
	background-position: 0 100%;
	}

/* Linker Rahmen */
.links {
	padding: 0 0 0 5px;
	background-position: 0 0;
	}

/* Rechter Rahmen */
.rechts {
	padding: 0 5px 0 0;
	background-position: 100% 0;
	}

.inhalt {
	background: #fff;
	padding: 0 10px;
	text-align: center;
	}

	
#foto {
	float: left;
	width: 140px;
	}

/* Ende Kaestchen */



 /*andere Formatierungen*/

.inhaltseite
{
 font: 10pt Arial;
 color: #000000;
 background-color: #ffffff;
  }

/*Aufzählung*/

ul {
        list-style-type: disc;
        color: #000000;
        font: 10pt Arial;

}
li {
        color: #000000;
        font: 10pt Arial;
        margin-left: -1.8em;
        margin-bottom: 5px;
        }

ol
{
 list-style-type: decimal;
 color: #000000;
 margin-left: 3.5em;
 font: 10pt Arial;
 }


/* SLT Archiv */

td.slt_archiv_year_head {
  color: #000000;
  padding-top: 5px;
  padding-bottom: 5px;
}

.slt_archiv_year_active {
  color: #000000;
  font-weight: bold;
}

a.slt_archiv_year_link:link {
  color: #000000;
  font-weight: normal;
}

a.slt_archiv_year_link:visited {
  color: #000000;
  font-weight: normal;
}

a.slt_archiv_year_link:hover {
  color: #000000;
  font-weight: normal;
}

a.slt_archiv_year_link:active {
  color: #000000;
  font-weight: normal;
}

td.slt_archiv_no_content_row {
  color: #000000;
  padding-top: 30px;
}

table.slt_archiv_month {
  width: 90%;
  border: 1px solid;
  border-color: #81817F;
  margin-top: 10px;
}

td.slt_archiv_month_row {
  color: #000000;
  font-weight: bold;
  background-color: #D9D6D1;
  padding-top: 2px;
  padding-bottom: 2px;
}

td.slt_archiv_row {
  padding: 2px;
}

/** SLT Volltext **/

img.slt_text_img {
  border: 0px none;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* Formatierungen für die Bereichsnavigation */
.bnavi
{
  text-decoration: none;
  color: #000000;
  font-family: Arial;
  font-size: 11px;
  font-stretch: semi-condensed;
}

a.bnavi
{
  text-decoration: none;
  color: #000000;
  font-family: Arial;
  font-size: 11px;
  font-stretch: semi-condensed;
}

a.bnavi:hover {
  color: #000000;
  text-decoration: underline;
  font-family: Arial;
  font-size: 11px;
  font-stretch: semi-condensed;
  cursor: pointer;
 }
 
 /*tabelle-css für Intranet Köln, Oktober 2005*/
/*allgemeine Tabellen*/
.tabbody {
        color: #000000;
        font-family: arial;
        font-size: 10pt;
        border-color: #00A6D6;
        border-width: thin;
        text-align: left;
        width: 85%;
}
.tabzeile {
        font-family: arial;
        font-size: 10pt;
        background-color: #E1E1E1;
        text-align: left;
        padding: 5px;
}
.tabzeile_ff{
        font-family: arial;
        font-size: 10pt;
        background-color: #C8DBD9;
        text-align: left;
        padding: 5px;
}
.tabspalte {
        font-family: arial;
        font-size: 10pt;
        background-color: #D9D6D1;
        text-align: left;
        padding: 5px;
}
.tabspalte_ff {
        font-family: arial;
        font-size: 10pt;
        background-color: #81817F;
        text-align: left;
        padding: 5px;
}
.tabkopf {
        font-family: arial;
        font-size: 10pt;
        color: #ffffff;
        font-weight: bold;
        padding: 5px;
        background-color: #00A6D6;
}
/*Telefonseite*/
.tel_tabbody {
        color: #000000;
        font-family: arial;
        font-size: 10pt;
        border-color: #00A6D6;
        border-width: thin;
        text-align: left;
}
.tel_tabzeile {
        font-family: arial;
        font-size: 10pt;
        text-align: left;
        padding: 5px;
}
.tel_tabzeile_ff{
        font-family: arial;
        font-size: 10pt;
        text-align: left;
        padding: 5px;
}
.tel_tabspalte {
        font-family: arial;
        font-size: 10pt;
        text-align: left;
        padding: 5px;
}
.tel_tabspalte_ff {
        font-family: arial;
        font-size: 10pt;
        text-align: left;
        padding: 5px;
}
.tel_tabkopf {
        font-family: arial;
        font-size: 10pt;
        color: #ffffff;
        font-weight: bold;
        padding: 5px;
        background-color: #00A6D6;
}
/*IMS-Startseite*/
.imstable{
        border-color: #81817F;
        border-width: 1px;
        border-style: ridge;
        table-layout: fixed;
}
.imstitel{
        background-color: #00454D;
        font-family: arial;
        font-size: 10pt;
        font-weight: bold;
        color: #FFFFFF;
        vertical-align: middle;
        padding: 5px;
        height: 50px;
        width: 100px;
}
.imszeile{
        background-color: #00A6D6;
        font-family: arial;
        font-size: 9pt;
        font-weight: bold;
        color: #FFFFFF;
        vertical-align: middle;
        padding: 3px;
        height: 50px;
        width: 100px;
        overflow: hidden;
}

/*Ueberschrift bzw. Trennung Fragen und Antworten*/

.frage
{
 font-size: 10pt;
 color: #000000;
 background-color: #F0F0F0;
 margin: 0px 0px 15px 5px;
 font-weight: bold;
}

/*Hover-Tabelle*/

.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 80%;
}
.datatable td {
	border: 1px solid #D6DDE6;	
	padding: 4px;
}
.datatable th {
	border: 1px solid #828282;
	background-color: #BCBCBC;
	font-weight: bold;
	text-align: left;
	padding-left: 4px;
}
.datatable caption {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}
.datatable tr:hover, .datatable tr.hilite {
	background-color: #DFE7F2;
	color: #000000;
}

/*Formulare*/

.arbeitskreis
{
	border: 1px dotted #D6D9D1;
	width: 40%;
	font-family: arial, sans-serif;
	font-size: 9px;
	text-align: left;
	vertical-align: top;	
	padding-left: 4px;
	}
	
	/*vorlage-css für Intranet Koeln, 01. Oktober 2005*/


/*Vorlagen*/

/*Kontaktvorlage OID 148*/

.kontaktname
{
 font-weight: bold;
}

/*Text mit kleinem horizontalem Bild links OID 1239*/

.bildklein
{
 width:180px;
 height:145px;
 margin: 0px 20px 20px 0px;
 float: left;

}
/*Text mit grossem horizontalem Bild links OID 2435*/

.bildgross
{
 width:375px;
 height:280px;
 margin: 0px 20px 20px 0px;

}
/*Text mit horizontalem XXL Bild links OID 2437*/

.bildxxl
{
 width:570px;
 height:360px;
 margin: 0px 20px 20px 0px;

}
/*Text mit vertikalem Bild links OID 2438*/

.bildvertikal
{
 width:145px;
 height:180px;
 margin: 0px 20px 20px 0px;


}
/*Text mit Portraitfoto links OID 3468*/

.profil
{
 width:80px;
 height:120px;
 margin: 0px 20px 20px 0px;


}


/********** Apps allgemein ************/

table.format_table {
  border: 0px none;
  width: 100%;
}

.apps_error {
  color: #CF0545;
  font-weight: normal;
  font-style: italic;
}

table#apps_rahmen {
  width: 800px;
  border-style: none;
  margin: 0px;
  padding: 0px;
}

/* Überschrift und Logo */
tr#apps_headrow {
  height: 55px;
  padding: 3px;
}

/* Inhalt inkl. Anmeldeleiste */
td.apps_content {
  padding: 3px;
}

.field_readOnly {
  background-color: #81817F;
}

/** Anmeldeleiste **/

div#apps_loggedin_leiste {
  background-color: #00A6D6;
  margin-bottom: 20px;
  padding: 4px;
  width: 100%;
  border-style: none;
}

.apps_loggedin_text {
  font: 12px Arial;
  font-weight: bold;
  color: #FFFFFF;
}

a.apps_logout:link {
  font: 12px Aria;
  font-weight: bold;
  color: #FFFFFF;
}

a.apps_logout:visited {
  font: 12px Arial;
  font-weight: bold;
  color: #FFFFFF;
}

a.apps_logout:hover {
  font: 12px Arial;
  font-weight: bold;
  color: #FFFFFF;
}

a.apps_logout:active {
  font: 12px Arial;
  font-weight: bold;
  color: #FFFFFF;
}

/********** Kennzahlen *************/

.kenn_content {
  font: 12pt Arial;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  /* nicht rechts, sonst kann übersicht nicht so breit wie anmeldeleiste werden */
}


/** Übersicht **/

td.kenn_tablehead {
  font: 12pt Arial;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #00A6D6;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 5px;
}

td.kenn_tablerow1 {
  font: 12pt Arial;
  color: #000000;
  padding-top: 2px;
  padding-bottom: 0px;
  padding-left: 30px;
  padding-right: 5px;
  background-color: #D9D6D1;
}

td.kenn_tablerow2 {
  font: 12pt Arial;
  color: #000000;
  padding-top: 2px;
  padding-bottom: 0px;
  padding-left: 30px;
  padding-right: 5px;
  background-color: #81817F;
}

/** Formular **/

table#kenn_formular {
  font: 12pt Arial;
  width: 450px;
  border: 0px none;
}

td.kenn_formular_top {
  font: 12pt Arial;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #00A6D6;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}

td.kenn_formular_content {
  color: #000000;
  background-color: #D9D6D1;
  padding: 10px;
}

tr.kenn_formular_zeile {
  padding: 3px;
}

/********** SLT-Meldungen *************/

.slt_content {
  font: 12pt Arial;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  /* nicht rechts, sonst kann übersicht nicht so breit wie anmeldeleiste werden */
}

/** Übersicht **/

td.slt_filter_cell {
  font-weight: bold;
  padding: 3px;
  text-align: center;
  background-color: #81817F;
}

td.slt_active_filter_cell {
  color: #000000;
  font-weight: bold;
  padding: 3px;
  text-align: center;
  background-color: #D9D6D1;
}

a.slt_filter_link:link {
  font-weight: bold;
  color: #000000;
}

a.slt_filter_link:visited {
  font-weight: bold;
  color: #000000;
}

a.slt_filter_link:hover {
  font-weight: bold;
  color: #000000;
}

a.slt_filter_link:active {
  font-weight: bold;
  color: #000000;
}

td.slt_year_head {
  font: 12pt Arial;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #00A6D6;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 5px;
}

a.slt_year_link:link {
  color: #FFFFFF;
  font-weight: normal;
}

a.slt_year_link:visited {
  color: #FFFFFF;
  font-weight: normal;
}

a.slt_year_link:hover {
  color: #FFFFFF;
  font-weight: normal;
}

a.slt_year_link:active {
  color: #FFFFFF;
  font-weight: normal;
}

td.slt_tablerow1 {
  color: #000000;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 5px;
  background-color: #D9D6D1;
  height: 70px;
}

td.slt_tablerow2 {
  color: #000000;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 5px;
  background-color: #81817F;
  height: 70px;
}

td.slt_no_content_row {
  color: #000000;
  padding: 10px;
  background-color: #D9D6D1;
}

div.slt_icon_cell {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/** Formular **/

table#slt_formular {
  width: 700px;
  border: 0px none;
}

td.slt_formular_top {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #00A6D6;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}

td.slt_formular_content {
  color: #000000;
  background-color: #D9D6D1;
  padding: 10px;
}

tr.slt_formular_zeile {
  padding: 3px;
}