@charset "UTF-8";

/*
Projektname:   mfkjks.nrw.de
Funktion:      zusaetzliche Stile fuer as mfkjks
Bearbeitet am: 12.06.2011 von KD
QS am:         08.06.2011 von MKue
/*

/* ############################### */

/* Designpart - ueberschreibt design.css */
body {
/* alter gruener Hintergrund
 * background: #e9e6da url(../images/kultur/bg_body.jpg) repeat-x 0 0;
 * */
background: #d0cfcd url(../images/kultur/bg_body_grau.jpg) repeat-x 0 0;
}

#wrapper[id] {
background-position: 13px 15px; 	
}

/* Schattenkante nuer fuer IE6 */
* html #wrapper {
background: url(../images/kultur/bg_seitenschatten_vertikal_grau-ie.jpg) 13px 25px no-repeat;
}

/* Header */
#header {
padding-top: 7px;
background: #fff url(../images/kultur/bg_header_grau.gif) repeat-x left bottom;
}

#wrapper strong#logo {
display: block;
font-size: 1.4em;
line-height: 1.0714em;
margin: 0;
padding: 0 20px 12px;
}

/* Logo */
#logo img {
width: 200px;
height: 42px;
margin-top: 18px;
}

#logo #logo-lebensbildung {
display: block;
width: 60px;
}

#logo-lebensbildung img {
float: none;
width: 60px;
height: 66px;
margin-top: 5px;
padding-top: 0;
}

/* Buttons */
.button-blau {
background: transparent url(../images/kultur/bt_standard_left_greygradient.gif) 0 0 no-repeat;
}

.button-blau:link,/* IE 7 */
.button-blau:visited,
.button-blau:hover,
.button-blau:focus,/* FF */
.button-blau:active {
background: transparent url(../images/kultur/bt_standard_left_greygradient.gif) 0 0 no-repeat;
}

.button-blau span {
background: transparent url(../images/kultur/bt_standard_right_greygradient.gif) right 0 no-repeat;
}

.button-blau span span {
line-height: 2em;
color: #003359;
background: transparent url(../images/kultur/icon_arrow_right_blueongreygradient.gif) right 8px no-repeat;
}

* + html .button-blau span span {
line-height: 1.9167em;
}

.button-blau-schatten:link,
.button-blau-schatten:visited,
.button-blau-schatten:hover,
.button-blau-schatten:focus,
.button-blau-schatten:active {
background: transparent url(../images/kultur/bt_standard_left_darkblue_dropshadow.png) no-repeat 0 0;
}

.button-blau-schatten span {
background: transparent url(../images/kultur/bt_standard_right_darkblue_dropshadow.png) no-repeat right 0;	
}

.button-blau-schatten span span {
color: #003359;
background: transparent url(../images/kultur/icon_arrow_right_blueongreygradient.gif) no-repeat scroll right 21px;	
}

.button-blau-grau:link,
.button-blau-grau:visited,
.button-blau-grau:hover,
.button-blau-grau:focus,
.button-blau-grau:active {
background: transparent url(../images/kultur/bt_standard_left_darkgrey.gif) no-repeat scroll 0 0;	
}

.button-blau-grau span {
background: transparent url(../images/kultur/bt_standard_right_darkgrey.gif) no-repeat scroll right 0;
}

.button-blau-rahmen span span {
color: #666;	
}

.button-blau-rahmen:link,
.button-blau-rahmen:visited,
.button-blau-rahmen:hover,
.button-blau-rahmen:focus,
.button-blau-rahmen:active {
background: transparent url(../images/kultur/bt_standard_left_greyframe.gif) no-repeat scroll 0 0;	
}

.button-blau-rahmen span {
background: transparent url(../images/kultur/bt_standard_right_greyframe.gif) no-repeat scroll right 0;
}

/* Headvisual */
#content #headvisual {
background: #e5e5e5 url(../images/kultur/bg_headvisual.jpg) repeat-x 0 0;
}

/* Breadcrumb */
#breadcrumb li {
background: #e2e2e2;	
}

#breadcrumb li a,
#breadcrumb li strong {
background: transparent url(../images/kultur/bg_breadcrumb_trenner.gif) no-repeat 0 0;
}

#wrapper #breadcrumb .last strong {
color: #333;
background: transparent url(../images/kultur/bg_breadcrumb_trenner_last.gif) no-repeat 0 0;
}

/* HR Linie */
.header-schmal hr,
.header-schmal .hr {
height: 25px;
border: 0;
background: none;
margin: 0;
padding: 0;
display: block;
}

.header-schmal .hr hr {
display: none;
}

/* Farben ueber Body-Klasse steuern */
.rot h1,
.rot h2,
#wrapper h1.rot,
#wrapper h2.rot {
color: #e75013;
}

.rot #breadcrumb li {
background-color: #e75013;
}

.rot #breadcrumb li a,
.rot #breadcrumb li strong,
.rot #breadcrumb li em {
color: #fff;	
}

.rot #wrapper #breadcrumb .last strong {
background: transparent url(../images/kultur/bg_breadcrumb_trenner_rot_last.gif) 0 0 no-repeat;	
}

.mittelblau h1,
.mittelblau h2,
#wrapper h1.mittelblau,
#wrapper h2.mittelblau {
color: #005ea8;
}

.mittelblau #breadcrumb li {
background-color: #005ea8;
}

.mittelblau #breadcrumb li a,
.mittelblau #breadcrumb li strong,
.mittelblau #breadcrumb li em {
color: #fff;	
}

.mittelblau #wrapper #breadcrumb .last strong {
background: transparent url(../images/kultur/bg_breadcrumb_trenner_mittelblau_last.gif) 0 0 no-repeat;	
}

.hellgruen h1,
.hellgruen h2,
#wrapper h1.hellgruen,
#wrapper h2.hellgruen {
color: #b1c900;
}

.hellgruen #breadcrumb li {
background-color: #b1c900;
}

.hellgruen #breadcrumb li a,
.hellgruen #breadcrumb li strong,
.hellgruen #breadcrumb li em {
color: #fff;	
}

.hellgruen #wrapper #breadcrumb .last strong {
background: transparent url(../images/kultur/bg_breadcrumb_trenner_hellgruen_last.gif) 0 0 no-repeat;	
}

.lila h1,
.lila h2,
#wrapper h1.lila,
#wrapper h2.lila {
color: #9d4d95;
}

.lila #breadcrumb li {
background-color: #9d4d95;
}

.lila #breadcrumb li a,
.lila #breadcrumb li strong,
.lila #breadcrumb li em {
color: #fff;	
}

.lila #wrapper #breadcrumb .last strong {
background: transparent url(../images/kultur/bg_breadcrumb_trenner_lila_last.gif) 0 0 no-repeat;	
}

.dunkelblau h1,
.dunkelblau h2,
#wrapper h1.dunkelblau,
#wrapper h2.dunkelblau {
color: #003064;
}

.dunkelblau #breadcrumb li {
background-color: #003064;
}

.dunkelblau #breadcrumb li a,
.dunkelblau #breadcrumb li strong,
.dunkelblau #breadcrumb li em {
color: #fff;	
}

.dunkelblau #wrapper #breadcrumb .last strong {
background: transparent url(../images/kultur/bg_breadcrumb_trenner_dunkelblau_last.gif) 0 0 no-repeat;	
}

#wrapper #breadcrumb .last {
background: transparent;
}

/* Einzelne Abstaende koennen ueber Dropdownfeld im Backend gesetzt werden */
#leftcontent .abstand-oben-klein {
height: 0;
padding-top: 15px;
}

#leftcontent .abstand-oben-gross {
height: 0;
padding-top: 35px;
}

/* Navigation */
#header div,
#footer div {
background: #6d6d6d url(../images/kultur/bg_meta-footer-navigation-grau.gif) repeat-x 0 center;
}

#metanavigation a,
#footer a {
color: #fff;
text-decoration: none;
}
#metanavigation a:visited,
#footer a:visited {
color: #fff;
text-decoration: none;
}
#metanavigation a:hover,
#footer a:hover {
color: #fff;
text-decoration: underline;
}
#metanavigation a:focus,
#footer a:focus {
color: #fff;
text-decoration: underline;
}
#metanavigation a:active,
#footer a:active {
color: #fff;
text-decoration: underline;
}

#header span.datum {
color: #fff;
}

#wrapper .navigation {
display: inline;
float: left;
padding: 0;
background: #e5e5e5 url(../images/kultur/bg_hauptnavigation_header_footer_grau.gif) repeat-x 0 center;
width: 845px;
}

#wrapper .navigation .first {
margin-left: 0; /* IE 6 */
}

#wrapper .navigation a:link,
#wrapper .navigation a:visited,
#wrapper .navigation a:active {
color: #373737;
}

#wrapper .navigation .aktiv, #wrapper .navigation strong {
color: #373737;
text-decoration: underline;
background: transparent url(../images/kultur/bg_navi_e1_aktiv_grau.gif) no-repeat scroll center bottom;	
}

#footer .navigation .aktiv, #footer .navigation strong {
background: transparent url(../images/kultur/bg_navi_e1_footer_aktiv_grau.gif) no-repeat scroll center top;	
}

#wrapper .navigation li:hover a,
#wrapper .navigation li a:focus,
#wrapper .navigation li.aktiv strong {
background: #fff url(../images/kultur/bg_navi_e1_hover.gif) no-repeat 0 0;
}

#wrapper #footer .navigation li:hover a,
#wrapper #footer .navigation li a:focus {
background: #fff url(../images/kultur/bg_navi_footer_e1_hover.gif) no-repeat 0 0;
}

/* erste Ebene bei "aktivierung" auch unterstreichen */
#wrapper .navigation a:hover,
#wrapper .navigation a:focus,
#wrapper .navigation a:active {
text-decoration: underline;
background: #fff;
color: #003359;
}

/* Ebene 2 */
#wrapper #innerwrapper .navigation li ul li a,
#wrapper #innerwrapper .navigation li:hover ul li a,
#wrapper #innerwrapper .navigation li ul li strong,
#wrapper #innerwrapper #footer .navigation li ul li strong {
border-top: 1px solid #e2e2e2;
/* color: #333; */
}

#wrapper .navigation li ul {
border-left: 1px solid #a8a8a8;
border-right: 1px solid #a8a8a8;
border-bottom: 1px solid #a8a8a8;
}

#wrapper #footer .navigation li ul {
border-right: 1px solid #a8a8a8;
border-top: 1px solid #a8a8a8;
}
/* Ende Navigation */

/* Context-Spalte */
/* Nur fuer #home padding nach oben schreiben, da Platzhalter fehlt */
#home #context {
padding-top: 40px;
}

#home #context .service-themen ul {
margin-left: 10px;
}

/* Boxenstile */
#home .box-halb {
background-color: #f2f2f2;
}

.box-halb .header,
.box-halb-rahmen .header {
background: #f2f2f2;
}

#home .box-halb .body-blau {
background: #f2f2f2 url(../images/kultur/bg_dropshadow_460x10_bg_lightgrey.gif) no-repeat 0 0;
}

.box-halb-rahmen .body {
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;	
}

.box-viertel .header,
.box-viertel-rahmen .header {
background: #f2f2f2;
}

.box-viertel-rahmen .body {
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}

.box-dreiviertel .header,
.box-dreiviertel-rahmen .header {
background: #f2f2f2;
}

.box-dreiviertel .body-blau {
background: #f2f2f2 url(../images/layout/bg_dropshadow_670x10_bg_grey.gif) 0 top no-repeat;
}

.box-dreiviertel-rahmen .body-blau {
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
background: #f2f2f2 url(../images/kultur/bg_dropshadow_670x10_bg_lightgrey.gif) 0 top no-repeat;
}

.box-halb-rahmen .body-blau {
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
background: #f2f2f2 url(../images/kultur/bg_dropshadow_438x10_bg_lightgrey.gif) 0 top no-repeat;
}

.pressemeldung-detail .presse-grafik dl {
background-color: #f2f2f2;	
}

.box-480 .body {
border: 1px solid #e2e2e2;	
}
/* Ende Boxenstile */


/* Abschnittepart - ueberschreibt abschnitte.css */
.teaserbox-einfach {
width: 458px;
margin: 0 0 10px 10px;
padding-bottom: 10px;
background: url(../images/bg_dropshadow_447x10.png) 0 bottom no-repeat;
}

/* float vor der Box aufheben */
.teaserbox-einfach:before {
content: ".";
visibility: hidden;
display: block;
clear: both;
height: 0;
}

.teaserbox-einfach a {
display: block;
width: 458px;
border: 1px solid #e2e2e2;
}

.teaserbox a {
width: 109px;
height: 11.7em;
border: 1px solid #e8e8e8;
}

.teaserbox a.more {
border: 1px solid #e8e8e8;
border-right: 0;
}

.teaserbox a.first {
border-left: 0;
}

/* Kalender */
#wrapper .terminkalender {
margin-top: 65px;
background-color: transparent;
}

.terminkalender h2 {
margin: 35px 0 16px 20px;
background-color: transparent;
}

.calendar th {
color: #666;
}

.calendar td {
background-color: #e2e2e2;
color: #666;
}

.calendar td.inactive-cell {
color: #fff;	
}

.calendar td strong {
background-color: #003359;	
}

.calendar td a {
color: #003359;	
}

/* Pressemeldung Detail - Fliesstext Detailseite */
.pressemeldung-detail .service-themen ul li {
background-color: #f2f2f2;
}

/* Hotline Teaser */
#context .teaser {
margin:35px 10px 0 20px;
}

#context .teaser img {
margin: -3px 20px 10px 0;
}

#context .teaser h2 {
line-height: 1.25em;
margin-bottom: 10px;
}

#wrapper #context .more-links {
margin-left: 20px;
}

#wrapper #context .more-links-trenner {
padding-bottom: 20px;
background: transparent url(../images/nrwdirekt/bg_dropshadow_460x10_bg_white.gif) repeat-x 0 bottom;
}

.hotline-teaser {
width: 210px;
float: left;
}

.hotline-teaser dt {
font-size: 1.3em;
font-weight: bold;
}

.hotline-teaser dl dt {
font-size: 1.0em;
font-weight: bold;
}

.hotline-teaser dl small {
font-size: 0.9230em;
line-height: 1.12em;
color: #666;
}

.hotline-teaser .phone {
margin-bottom: 4px;
padding-left: 18px;
background: url(../images/layout/icon_phone.gif) no-repeat left 1px;
font-size: 1.1538em;
font-weight: bold;
}

.hotline-teaser .mail {
padding-left: 21px;
background: url(../images/layout/icon_email.gif) no-repeat left top;
font-weight: bold;
}

/* Bilder in Suchergebnissen */
#wrapper .bild-suchergebnis dt.grafik {
border: 1px solid #e2e2e2;
}

/* Suggestion in Suchergebnissen */
#suchergebnis .header h1 {
background-color: #f2f2f2;
}

/* Bilder in Bildergalerien */
.weitere-galerien .thumbnail {
border: 1px solid #e2e2e2;
}

/* content-pagination.inc.php */
.pagination ul {
background-color: #f2f2f2;
}

/* Themennavigation */
.themennavi dd {
background-color: #f2f2f2;
}

/* Formularstile */ 
.fehlermeldung {
background-color: #f2f2f2;
}

.fehler label,
.formular .fehler .fakelabel-check {
background-color: #f2f2f2;
}

/* Such-Link im header und footer */
#header .direktsuche,
#footer .direktsuche {
float: right;
clear: none;
width: 95px;
min-height: 32px;
margin: 0;
padding: 18px 0 0 0;
background: #e5e5e5 url(../images/kultur/bg_hauptnavigation_header_footer_grau.gif) repeat-x 0 center;
text-align: center;
}
/* IE6 */
* html #header .direktsuche {
height: 32px;
}
* html #footer .direktsuche {
height: 32px;
}

#header .direktsuche a,
#footer .direktsuche a {
color: #373737;
padding-left: 20px;
background: url(../images/bg_ico_lupe.gif) no-repeat 0 0;
text-decoration: underline;
}
#footer .direktsuche a {
font-size: 1.2em;
}
#header .direktsuche a:hover,
#footer .direktsuche a:hover,
#header .direktsuche a:focus,
#footer .direktsuche a:focus,
#header .direktsuche a:active,
#footer .direktsuche a:active {
text-decoration: none;
}

/* Suche im Contentbereich */
.suche-information .suche-mfkjks {
padding-top: 10px;
position: relative;
}

/* Button an der flachen Suche richtig ausrichten */
.suche-mfkjks button {
margin: 0 0 0 5px;
width: auto;
overflow: visible;
position: absolute;
top: 9px;
}
    
/* Ueberschrift (h3) als Einleitung und Platzhalter */
.platzhalter {
margin: 40px 0 25px 10px;
}

.platzhalter-v2 {
margin: 40px 0 10px 10px;
}

/* Regeln fuer Pressearchiv */
#wrapper .headlinegross {
font-size: 2.5em;
margin: 0 0 20px 20px;
}

#wrapper .pressearchiv {
list-style: none;
font-size: 1em;
margin: 0;
padding-left: 20px;
margin-bottom: 20px;
}

.pressearchiv li {
font-weight: bold;
margin: 0 0 5px 0;
}

.pressearchiv ul li {
font-weight: normal;
margin: 0 0 5px 20px;
font-size: 1em;
}
/* ENDE Regeln fuer Pressearchiv */

/* "Schatten" an Visual (Grau-Beige statt Blau) */
#keyvisual {
background: url(../images/bg_headvisual_mfkjks_small.gif) repeat-x left bottom;
}

/* Footerstile */
#footer p {
color: #fff;
}

#wrapper .more-links ul li {
padding-bottom: 1px;
}