/*
Projektname:   NRW International
Funktion:      globale Formate
Erstellt am:   21.08.2008 von HoS
Bearbeitet am: 10.09.2008 von HoS
QS am:         --.--.---- von ---
/*

/* === CSS Navigation === */
/* >>>>-----------------------Body */
/* >>>>-----------------------Wrapper */
/* >>>>----------------------- Head */
/* Logos */
/* >>>>----------------------- Service */
/* Suche */
/* Services */
/* Meta */
/* >>>>-----------------------Navigation */
/* Farbsettings der einzelnen Seiten und Links */
/* Praxisinfo */
/* Wege ins ausland */
/* Laender und Branchen */
/* Finanzierung */
/* Uber uns */
/* Service */
/* >>>>-----------------------Content */
/* Content Allgemein */
/* Breadcrumb */
/* Icons */
/* Uberschriften Varianten */
/* Formular */
/* Tabelle */
/* Allgemeiner Teaser */
/* News Teaser */
/* Uebersicht Linkliste */
/* Lebenslauf */
/* Presseinfo */
/* Pressearchiv */
/* Suchergebnisse */
/* Downloads und Links */
/* Kommentar info */
/* Sprungmarke */
/* >>>>----------------------- Context */
/* Teaser */
/* Tagcloud */
/* >>>>-----------------------Footer */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

body {
color: black;
background: white;
}

ol, ul {
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Reset > Custom*/

legend {
position: relative;
left: -5px;
}

strong, b { font-weight: bold; }
em, i { font-style: italic; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Helper */

/* >>> Clearfix */

.clearfix:after {
content: ".";
visibility: hidden;
display: block;
clear: both;
height: 0;
}

.clearfix {display: inline-block;}

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


/* >>> Clear */

.clear {
visibility: hidden;
clear: both;
height: 0;
line-height: 0;
}

.clearleft {
clear: left;
}

/* Float */

.left {
float: left;
}


/* >>>>-----------------------Body */

body {
font-family: Arial, sans-serif;
font-size: 62.5%;
text-align: center;
height: 100%;
}

/* >>>>-----------------------Wrapper */

#wrapper {
width: 927px;
margin: 0 auto;
text-align: left;
background: url(../images/bg_wrapper.gif) 0 0 repeat-y;
/* background-color: red; */
}

* html #wrapper {
overflow: visible;
}

#navigation, #content, #context {
display: block;
float: left;
overflow: hidden;
}


/* >>>>-----------------------Head */

#head {
position: relative;
height: 67px;
border-bottom: 3px solid #fff;
background: url(../images/header_verlauf.jpg) 0 0 repeat-y;
}

/* Logos */

.logo-nrw {
position: absolute;
top: 5px;
right: 3px;
}

.logo-wirtschaftsportal {
position: absolute;
top: 17px;
left: 217px;
width: 190px;
height: 31px;
background: url(../images/logo_wirtschaftsportal.jpg) no-repeat;
}

.logo-wirtschaftsportal span {
display: none;
}

.nrw-wappen {
position: absolute;
top: 6px;
left: 14px;
}

/* Service */

#service {
border-bottom: 3px solid #fff;
background: url(../images/service_navi_verlauf.jpg) 0 0 repeat-y;
}

#service form,
#service .services,
#service .meta {
float: left;
}

/* Suche */

#service form {
width: 161px;
padding: 5px 0 6px 15px;
}

#service input {
font-size: 1.1em;
float: left;
width: 72px;
height: 13px;
margin-top: 2px;
border: 0;
}

* html #service input {
width: 70px;
}

* + html #service input {
width: 70px;
}

#service input.submit {
color: #fff;
width: auto;
height: auto;
margin-top: 0;
padding: 1px 5px 3px 5px;
background-color: #2c526e;
}

* html #service input.submit {
padding: 1px 2px 1px 2px;
}

* + html #service input.submit {
padding: 1px 2px 0 2px;
}

#service .meta  li,
#service .services li {
float: left;
}

#service .services li a:hover,
#service .meta li a:hover {
text-decoration: underline;
}
/* Services */

#service .services li a {
display: block;
color: #fff;
font-size: 1.3em;
font-weight: bold;
text-decoration: none;
padding: 8px 0 9px 18px;
margin: 0 0 0 40px;
background: url(../images/services_dots.gif) 0 9px no-repeat;
}

/* Meta */

#service .meta {
float: right;
margin-right: 10px;
}

#service .meta li a,
#wrapper.extranet .meta li a {
display: block;
color: #fff;
font-size: 1.1em;
text-decoration: none;
padding: 2px 4px 2px 0;
margin: 8px 4px 7px 0;
border-right: #fff 1px solid;
}

#service .meta li a.last,
#wrapper.extranet .meta li a.last {
padding: 2px 0 2px 0;
margin-right: 0;
border: 0;
}

/* >>>>-----------------------Navigation */

#navigation {
float: left;
width: 202px;
margin-right: 15px;
}

#navigation dl {
border-bottom: #fff 1px solid;
}

#navigation a {
color: #fff;
text-decoration: none;
display: block;
}

#navigation a:hover {
font-weight: bold;
}

#navigation dt a {
font-size: 1.3em;
width: 180px;
padding: 7px 0 9px 7px;
margin: 0 0 0 15px;
}

#navigation dt a.active {
font-weight: bold;
margin-bottom: 2px;
border-bottom: #fff 1px solid;
}

#navigation dd a {
font-size: 1.1em;
line-height: 1.1em;
padding: 0 0 0 20px;
margin: 0 0 6px 15px;
}

#navigation dd a.active {
padding: 3px 0 3px 15px;
margin-top: -2px;
}

#navigation dd ul {
padding: 3px 0 3px 0;
}

#navigation dd li {
margin-left: 10px;
padding-right: 4px;
}

/* Farbsettings der einzelnen Seiten und Links */

#inhalt .praxisinfo h2, #inhalt .finanzierung h2, #inhalt .wege-ausland h2,
#inhalt .laender-branchen h2, #inhalt .uber-uns h2, #inhalt .nav-service h2 {
color: #fff;
font-size: 1.5em;
font-weight: bold;
padding: 5px;
margin: 0 0 12px 0;
}

/* Praxisinfo */
#navigation .praxisinfo {
background: url(../images/farbe_praxisinfo.jpg) 0 0 repeat-y;
}

#praxisinfo #inhalt p {
padding-left: 10px;
}

#praxisinfo #inhalt h2.farbe,
dl.praxisinfo dd a.active,
dl.praxisinfo dt a:hover,
dl.praxisinfo dt a.active {
background-color: #569ed4;
}

/* Wege ins ausland */
#navigation .wege-ausland {
background: url(../images/farbe_wege_ausland.jpg) 0 0 repeat-y;
}

#wege-ausland #inhalt p {
padding-left: 10px;
}

#wege-ausland #inhalt h2.farbe,
dl.wege-ausland dd a.active,
dl.wege-ausland dt a:hover,
dl.wege-ausland dt a.active {
background-color: #ff3d3d;
}

/* Laender und Branchen */
#navigation .laender-branchen {
background: url(../images/farbe_laender.jpg) 0 0 repeat-y;
}

#laender-branchen #inhalt p {
padding-left: 10px;
}

#laender-branchen #inhalt h2.farbe,
dl.laender-branchen dd a.active,
dl.laender-branchen dt a:hover,
dl.laender-branchen dt a.active {
background-color: #00c300;
}

/* Finanzierung */
#navigation .finanzierung {
background: url(../images/farbe_finanzierung.jpg) 0 0 repeat-y;
}

#finanzierung #inhalt p {
padding-left: 10px;
}

#finanzierung #inhalt h2.farbe,
dl.finanzierung dd a.active,
dl.finanzierung dt a:hover,
dl.finanzierung dt a.active {
background-color: #ffab32;
}

/* Uber uns */
dl.uber-uns {
background: url(../images/farbe_ueberuns.jpg) 0 0 repeat-y;
}

#uber-uns #inhalt p {
padding-left: 10px;
}

#uber-uns #inhalt h2.farbe,
dl.uber-uns dd a.active,
dl.uber-uns dt a:hover,
dl.uber-uns dt a.active {
background-color: #b366ff;
}

/* Service */
dl.nav-service {
background: url(../images/farbe_service.jpg) 0 0 repeat-y;
}

#nav-service #inhalt p {
padding-left: 10px;
}

#nav-service #inhalt h2.farbe,
dl.nav-service dd a.active,
dl.nav-service dt a:hover,
dl.nav-service dt a.active {
background-color: #b3b3b3;
}

#navigation dd li a:hover,
#navigation dd li a.active {
font-weight: bold;
background: none;
padding: 0 0 0 20px;
}

/* >>>>-----------------------Content */

#content {
float: left;
width: 480px;
margin-right: 25px;
}

/* Content Allgemein */

#content-weit {
float: left;
width: 707px;
background: #fff;
}

#content-weit #inhalt {
min-height: 300px;
}

* html #content-weit #inhalt {
height: 300px;
}

#inhalt h2 {
color:#000;
font-size: 1.6em;
font-weight: bold;
margin: 0 0 20px 0;
}

#inhalt .farbe {
font-size: 1.4em;
color: #FFF;
padding: 6px 0 6px 10px;
}

#inhalt h3 {
font-size: 1.6em;
font-weight: bold;
width: 480px;
margin: 0 0 20px 0;
}

#inhalt h4 {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 0 10px;
}

#inhalt a {
font-size: 1.2em;
color: #003e79;
text-decoration: none;
}

#inhalt a:hover {
text-decoration: underline;
}

#inhalt hr {
margin-bottom: 20px;
}

#inhalt p,
#content-weit p {
font-size: 1.2em;
line-height: 1.3em;
margin-bottom: 20px;
}

#inhalt p img {
float: left;
margin: 3px 10px 5px 0;
}

#wrapper #content #inhalt p a {
display: inline;
color: #003E79;
font-size: 1em;
font-weight: bold;
text-decoration: underline;
}

#inhalt p a:hover {
text-decoration: none;
}

#inhalt form {
background: #91BEE7;
padding: 10px;
margin-bottom: 20px;
}

#inhalt form.max-eintraege {
padding: 0 0 10px 1px;
margin-bottom: 0;
background-color: transparent;
}

#inhalt form.max-eintraege p {
float: left;
display: inline-block;
padding-top: 2px;
margin-right: 12px;
}

#inhalt form.max-eintraege select {
float: left;
margin-right: 8px;
}

#inhalt form.max-eintraege label {
padding: 2px 0 0 0;
}

#inhalt .veranstaltung label {
width: 130px;
}

#inhalt .veranstaltung select.gleich {
width: 200px;
}

#inhalt .veranstaltung input.gleich {
width: 194px;
}

#inhalt .veranstaltung .submit {
margin-right: 130px;
}

#inhalt ul.bold li a {
font-weight: bold;
}

#inhalt dl {
font-size: 1.2em;
}

#inhalt dl dt {
font-weight: bold;
margin-bottom: 3px;
}

#inhalt dl dd {
margin-bottom: 3px;
}

#inhalt dl dd a {
font-size: 1em;
}

#inhalt .teaser p.bold {
font-weight: bold;
}

#inhalt ul {
margin-bottom: 15px;
}

#inhalt ul li {
color:#000000;
font-size: 1.2em;
line-height: 1.3em;
padding-left:10px;
margin: 0 0 5px 10px;
background: url(../images/list_dot_blue.gif) no-repeat left 6px;
}

#inhalt ul li a {
font-size: 1em;
font-weight: bold;
}

#inhalt .margin-bottom {
margin-bottom: 20px;
}

#inhalt .bilder-teaser {
margin: 0 0 20px 0;
}

#inhalt .bilder-teaser span {
float:left;
width: 140px;
}

#inhalt .bilder-teaser dl {
margin: 0 20px 0 0 ;
float: right;
width: 290px;
}

#inhalt .bilder-teaser dd a {
font-size: 1.0em;
font-weight: bold;
}

.error {
color: #FF0000;
}

#inhalt .sub {
font-size: 1.2em;
font-weight: bold;
}

#inhalt .float_right {
float: right;
}

#inhalt .zwischenheadline {
display: block;
}

/* Breadcrumb */

#breadcrumb {
margin: 3px 0 20px 0;
}

#breadcrumb ul {
float: left;
width: 83%;
}

#breadcrumb li {
color: #000;
font-size: 1.1em;
line-height: 1.3em;
float: left;
}

#breadcrumb li a {
color: #003e79;
margin-right: 7px;
padding-right: 9px;
background: url(../images/arrow_breadcrumb.gif) right center no-repeat;
}

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

#breadcrumb .icon-print {
float: right;
color: #000;
font-size: 1.1em;
padding-bottom: 3px;
text-decoration: none;
}

#content-weit #breadcrumb .icon-print {
margin-right: 10px;
}

/* Icons */

#inhalt ul .icon-intern,
#inhalt ul .icon-download,
#inhalt ul .icon-extern {
background: none;
padding-left: 0;
margin-left: 0;
}

#inhalt p a.icon-download {
display: inline;
}

.icon-print,
#inhalt ul li.icon-print a,
#inhalt ul li a.icon-print {
display: inline;
padding-left: 16px;
background: url(../images/icon_print.gif) 0 1px no-repeat;
}

.icon-download,
#inhalt ul li.icon-download a,
#inhalt ul li a.icon-download {
display: inline;
padding-left: 16px;
background: url(../images/icon_download.gif) 0 2px no-repeat;
}

.icon-intern,
#inhalt ul li.icon-intern a,
#inhalt ul li a.icon-intern {
display: inline;
padding-left: 16px;
background: url(../images/arrow_context.gif) 2px 5px no-repeat;
}

.icon-extern,
#inhalt ul li.icon-extern a,
#inhalt ul li a.icon-extern {
display: inline;
padding-left: 16px;
background: url(../images/icon_extern.gif) 0 3px no-repeat;
}

#inhalt ul li.icon-print a,
#inhalt ul li a.icon-print,
#inhalt ul li.icon-intern a,
#inhalt ul li a.icon-intern ,
#inhalt ul li.icon-extern a,
#inhalt ul li a.icon-extern,
#inhalt ul li.icon-download a,
#inhalt ul li a.icon-download {
display: block;
}

/*-- wird benoetigt um im Typo3 den Abstand einzustellen */
#inhalt .newsv1 ul li {
font-size: 1.1em;
background: 0;
padding-left: 0;
margin-left: 0;
}

#inhalt .newsv1 ul li a{
font-size: 1.2em;
}

#inhalt .newsv2 ul li {
font-size: 1.1em;
background: 0;
padding-left: 0;
margin-left: 0;
}

#inhalt .newsv2 ul li a{
font-size: 1.2em;
}

.icon-presse {
padding-left: 16px;
background: url(../images/icon_pressemitteilung.gif) 0 5px no-repeat;
}

/* Uberschriften Varianten */
#inhalt h2.border {
width: 480px;
font-size:1.6em;
padding: 0 0 5px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #004f88;
}

#inhalt h3.border {
position: relative;
font-size: 1.2em;
font-weight: bold;
padding: 0 0 2px 5px;
margin: 0 0 15px 0;
border-left: 5px solid #005088;
border-bottom: 1px solid #005088;
}

#inhalt .teaser h3.border {
width: 200px;
font-size: 1.2em;
padding: 0 0 2px 0;
margin: 0 0 5px 0;
border-left: 0;
border-bottom: 1px solid #005088;
}

#inhalt h3.border a {
position: absolute;
right: 10px;
}

#inhalt h4.border {
text-decoration: underline;
margin: 0 0 10px 0;
}

/* Formular */

#inhalt label {
float: left;
height: 12px;
font-weight: bold;
font-size: 1.2em;
display: block;
width: 160px;
padding: 5px 0 5px 0;
}

* + html #inhalt label {
height: 14px;
}

#inhalt input, #inhalt textarea {
width: 237px;
margin-bottom: 5px;
}

#inhalt form .check {
width: auto;
}

#inhalt form .width65 {
float: left;
display: block;
width: 65px;
margin-right: 2px;
}

* html #inhalt form .width65 {
margin-right: 4px;
}

* + html #inhalt form .width65 {
margin-right: 3px;
}

#inhalt .radioinfo {
float: left;
font-weight: normal;
width: 30px;
margin-right: 5px;
background: none;
}

#inhalt .radio,
#inhalt .checkbox {
float: left;
width: 16px;
height: 16px;
}

#inhalt .submit {
float: right;
font-weight: bold;
width: auto;
padding: 0 10px;
margin-right: 80px;
margin: 20px 80px 0 0;
}

#inhalt .small {
float: left;
font-size: 1.1em;
margin-top: 22px;
}

/* Tabelle */

#inhalt table {
font-size: 1.2em;
margin: 0 0 25px 0;
}

#inhalt th {
font-weight: bold;
padding: 5px 0px 5px 4px;
width: 117px;
border-bottom: 1px solid #fff;
background-color: #e1e1e1;
}

#inhalt td {
line-height: 1.1em;
padding: 5px 0 5px 3px;
border-bottom: 1px solid #e1e1e1;
}

#inhalt td li {
font-size: 1em;
width: 360px;
padding: 0 0 0 0;
margin: 0 0 1px 0;
background: 0;
}

#inhalt td p {
font-size: 1em;
}

#inhalt td p a {
font-size: 1em;
}

#inhalt td a {
font-size: 1.1em;
text-decoration: underline;
}

#inhalt td a:hover {
text-decoration: none;
}

/* Allgemeiner teaser */

#inhalt .teaser {
margin-bottom: 20px;
}

#inhalt .teaser p, #ueber-uns #inhalt .teaser p {
padding: 0 !important;
margin-bottom: 5px;
}

#inhalt .teaser a {
font-size: 1.2em;
font-weight: bold;
}

#inhalt .teaser img {
margin-bottom: 0;
}

/* News Teaser */

#inhalt .newsv1 {
padding: 15px 20px;
margin-bottom: 30px;
border: #eaeaea 1px solid;
border-left: 0;
background: url(../images/presse_left_bg.gif) left 1px repeat-y;
}

#inhalt .newsv1 h2 {
color: #000;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 20px;
}

#inhalt .newsv1 p img {
float: right;
margin: 0 0 10px 10px;
}

#inhalt .newsv1 p {
font-size: 1.2em;
line-height: 1.3em;
margin-bottom: 10px;
padding: 0;
}

#inhalt .newsv1 ul li a,
#inhalt .newsv2 ul li a {
color: #003e79;
font-size: 1em;
text-decoration: none;
}

#inhalt .newsv1 ul li {
margin-bottom: 4px;
background: none;
padding-left: 0;
}

#inhalt .newsv2 {
margin-bottom: 20px;
background: none;
padding-left: 0;
}

#inhalt .newsv2 h2 {
font-size: 1.5em;
font-weight: bold;
line-height: 1.3em;
padding-bottom: 3px;
margin: 0 0 6px 0;
width: 480px;
border-bottom: 1px solid #003e79;
}

#inhalt .newsv2 p {
padding: 0;
margin-bottom: 10px;
}

/* Paginierung */

.pagination {
display: block;
text-align: right;
margin-bottom: 10px;
}

.pagination strong {
font-size: 1.2em;
}

/* Uebersicht Linkliste */

#inhalt .uebersicht {
margin: 0 0 15px 0;
}

#inhalt .uebersicht li {
font-size: 1.2em;
margin: 0 0 5px 0;
padding: 0;
background: 0;
}

#inhalt .uebersicht li a {
color: #000000;
font-size: 1em;
padding-left: 10px;
background: url(../images/list_dot_blue.gif) left 6px no-repeat;
}

#inhalt .uebersicht-bild {
float: right;
margin-left: 5px;
}

/* Lebenslauf */

.lebensinfo {
display: block;
font-size: 1.1em;
font-weight: bold;
padding-left: 8px;
margin-bottom: 30px;
border-left: 8px solid #005088;
}

.lebenslauf dt, .lebenslauf dd {
line-height: 1.3em;
}

.lebenslauf dt {
float: left;
}

.lebenslauf dd {
padding-left: 75px;
}

.passfoto {
display: block;
margin: -70px 0 0 15px;
float: right;
}

/* Presseinfo */

.presseinfo {
line-height: 1.3em;
}

.presseinfo span {
display: block;
font-size: 0.7em;
font-weight: normal;
margin: 0 0 5px 0;
border-bottom: 1px solid #004f88;
}

/* Pressekontakt */

.pressekontakt {
font-size: 1.2em;
display:block;
margin: 0 0 20px 0;
}

.pressekontakt dt {
float:left;
margin: 0 15px 10px 0;
}

.pressekontakt .abstand{
padding-bottom: 8px;
}

/* Pressearchiv */

#inhalt .pressearchiv {
margin-bottom: 20px;
}

#inhalt .pressearchiv dt {
margin: 10px 0 10px 0;
}

#inhalt .pressearchiv dd {
margin-bottom: 8px;
}

#inhalt .pressearchiv dd a {
font-size: 1em;
}

#inhalt .pressearchiv dl dd a:hover {
text-decoration: underline;
}

/* Branchenauswahl */
#inhalt .branchen-box {
background: #91bee7 url(../images/bg_strich.gif) repeat-y 240px 0;
}

#inhalt .branchenauswahl {
float: left;
overflow: hidden;
width: 238px;
padding: 15px 0 40px 0px;
margin-left: 2px;
background-color: #91bee7;
}
#inhalt .branchenauswahl li {
font-size: 1em;
padding-left: 0;
margin:0 0 8px 10px;
background: 0;
}

#inhalt .branchenauswahl li a {
color: #000;
font-size: 1.2em;
font-weight: bold;
text-decoration: underline;
}

#inhalt .branchenauswahl li a:hover {
text-decoration: none;
}

/* Sitemap */

.csc-sitemap ul li {

}

#inhalt .csc-sitemap ul ul li {
font-size: 1em;
}

/* Suchergebnisse */

.suchergebnisse {
position: relative;
padding: 2px 0 5px 0;
margin-left: 5px;
width: 680px;
}

#inhalt .suchergebnisse a {
font-size: 1em;
}

.suchergebnisse li {
font-size: 1.2em;
background: url(../images/border.gif) 0 17px repeat-x;
}

.suchergebnisse li .mainpoint {
font-size: 1.2em;
display: inline-block;
padding-bottom: 2px;
}

.suchergebnisse li .mainpoint a {
position: absolute;
font-size: 0.9em;
padding-bottom: 2px;
right: 0px;
color: #8ba7c1;
text-decoration: none;
}

.suchergebnisse li .mainpoint a:hover {
color:#003e79;
}

.suchergebnisse li ol {
margin: 20px 0 10px 20px;
list-style-position: inside;
}

/* IE 6 hack */
* html .suchergebnisse li ol {
margin-left: 0px;
}

/* IE 7 hack */
* + html .suchergebnisse li ol {
margin-left: 0px;
}

.suchergebnisse li ol li {
color: #003e79;
list-style: decimal;
background: none;
}

.suchergebnisse li ol li span {
text-decoration: underline;
font-weight: bold;
display: block;
margin-bottom: 5px;
}

.suchergebnisse li ol li ol {
margin: 0 0 0 10px;
}

/* IE 6 hack */
* html .suchergebnisse li ol li ol {
margin-left: 25px;
}
/* IE 7 hack */
* + html .suchergebnisse li ol li ol {
margin-left: 25px;
}

.suchergebnisse li ol li ol li {
color: #000000;
display: block;
font-size: 0.9em;
list-style: none;
line-height: 1.2em;
list-style-position: outside;
}

.suchergebnisse li ol li ol li a {
text-decoration: underline;
color: #003e79;
display: block;
margin-bottom:  20px;
}

/* IE 6 hack */
* html .suchergebnisse li ol li ol li a {
margin-bottom: 5px;
}

.suchergebnisse li ol li ol li a:hover {
color: #8ba7c1;
text-decoration: none;
}

/* Downloads und Links */

.downloads-links {
background: #91BEE7;
}

.downloads-links dl {
overflow: hidden;
font-size: 1.2em;
font-weight: bold;
float:left;
width: 470px;
margin: 15px 0 0 10px;
display: block;
padding-bottom: 30px;
}

#inhalt .downloads-links dl dt {
margin: 0 0 15px 0;
}

#inhalt .downloads-links dl dd {
margin: 0 0 8px 0;
}

#inhalt .downloads-links dl a {
display: block;
font-size: 1.0em;
text-decoration: underline;
color: #000;
}

#inhalt .downloads-links dl a:hover {
text-decoration: none;
}

#inhalt dl.dots,
#inhalt dl.address {
margin: 0 0 20px 0;
}

#inhalt dl.dots dd {
padding-left: 15px;
background: url(../images/list_dot_blue.gif) 5px 3px no-repeat;
}

#inhalt dl.dots dd a {
font-size: 1em;
text-decoration: underline;
}

#inhalt dl.address dd a {
color: #000;
}

#inhalt .bild-links {
margin: 2px 15px 10px 0;
}

#inhalt .logo {
margin: 0 0 20px 0;
}

/* Kommentar info */

.comments {
border-top: 1px solid #003e79;
padding-top: 15px;
}

.comments a {
font-weight: bold;
padding-right: 3px;
text-decoration: underline !important;
border-right: 1px solid #000;
}

.comments .last {
border: none;
}

/* Sprungmarke */

a.sprungmarke {
display: block;
padding-left: 15px;
margin: 40px 0 2px 0;
background: url(../images/icon_seitenanfang.gif) left no-repeat;
}

/* >>>>----------------------- Context */

#context {
width: 202px;
}

/* Teaser */

#context .teaser {
padding: 0 14px 10px 15px;
margin: 0 0 10px 0;
border-bottom: #fff 3px solid;
}

#context .blue {
padding-top: 10px;
background: url(../images/context_verlauf_blau.jpg) 0 0 repeat-y;
}

#context h4 {
color: #000;
font-size: 1.8em;
}

#context h3 {
color: #fff;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 13px;
}

#context h2 {
font-size: 1.3em;
font-weight: bold;
}

#context p {
font-size: 1.2em;
line-height: 1.2em;
}

#context .teaser a.more,
#context #newsTeaser .teaser a {
color: #005991;
font-size: 1.2em;
font-weight: bold;
text-decoration: underline;
padding-left: 10px;
background: url(../images/arrow_context.gif) 0 5px no-repeat;
}

#context #newsTeaser .teaser a {
display: block;
font-size: 1.1em;
}

#context a.white-arrow {
color: #fff;
font-size: 1.2em;
font-weight: bold;
float: right;
padding-right: 10px;
margin-top: 10px;
background: url(../images/arrow_context_white.gif) right center no-repeat;
}

/* Tagcloud */

.tagcloud {
overflow: hidden;
padding-top: 10px;
}

.tagcloud li {
float: left;
height: 23px;
}

.tagcloud li a {
display: block;
color: #2e6493;
font-size: 1.1em;
text-decoration: none;
padding: 1px 0 0 0;
margin: 0 6px 0 0;
}

.tagcloud li a:hover {
text-decoration: underline;
}

.tagcloud li a.highlight1 {
font-size: 1.4em;
font-weight: bold;
padding: 0;
}

.tagcloud li a.highlight2 {
font-size: 1.3em;
font-weight: bold;
padding: 0;

}

.tagcloud li a.highlight3 {
color: #8396a7;
font-size: 1.3em;
font-weight: bold;
padding: 0;
}

.tagcloud li a.highlight4 {
font-size: 1.3em;
padding: 0;
}

.tagcloud li a.highlight5 {
color: #8396a7;
font-weight: bold;
}

.tagcloud li a.highlight6 {
color: #8396a7;
padding: 2px 0 0 0;
}

/* >>>>-----------------------Footer */

#footer {
float: left;
width: 924px;
background-color: #fff;
}

* html #footer {
margin-bottom: -30px;
}

#footer p {
padding: 45px 0 45px 20px;
}

#footer p a {
color: #858585;
margin-left: 5px;
padding-left: 10px;
border-left: #858585 1px solid;
}

/* >>>>---------------------------CSS-Part fuer das Extranet */
/* >>>>-----------------------Wrapper */

#wrapper.extranet {
position: relative;
background: url(../images/bg_wrapper_extranet.gif) 0 0 repeat-y;
z-index: 1;
}
/* >>>>-----------------------Head */

#wrapper.extranet #head {
height: 100px;
}

/* Logos */

#wrapper.extranet .logo-nrw {
position: absolute;
top: 23px;
right: 3px;
}

#wrapper.extranet #head h3 {
position: absolute;
top: 23px;
left: 95px;
width: 190px;
color: #fff;
font-size: 17px;
font-weight: normal;
}

#wrapper.extranet .nrw-wappen {
top: 23px;
}

#wrapper.extranet .meta {
position: absolute;
bottom: 105px;
left: 25px;
z-index: 999;
}



#wrapper.extranet .meta li {
float: left;
}

#wrapper.extranet .meta a {
color: red;
}

#wrapper.extranet .meta a:hover {
text-decoration: underline;
font-weight: normal;
}


#wrapper.extranet #navigation dl a {
border-left: 1px solid #fff;
}

#wrapper.extranet #navigation dt a {
margin: 0 0 0 14px;
background: url(../images/bg_wrapper_extranet.gif) repeat-y scroll -15px 0;
}

#wrapper.extranet #navigation dt a:hover {
font-weight: normal;
}

/* Green */
#wrapper.extranet #navigation .green,
#wrapper.extranet #navigation .green a:hover,
#wrapper.extranet #navigation .green a.active  {
font-weight: normal;
background: #02C102;
}


/* Blue */
#wrapper.extranet #navigation .blue,
#wrapper.extranet #navigation .blue a:hover,
#wrapper.extranet #navigation .blue a.active  {
background: #579ED4;
}

#wrapper.extranet #navigation .blue {
background: url(../images/bg_nav_blue.gif) 0 0 repeat-y;
}

/* Red */
#wrapper.extranet #navigation .red,
#wrapper.extranet #navigation .red a:hover,
#wrapper.extranet #navigation .red a.active {
background: #FE3E3D;
}

#wrapper.extranet #navigation dt a.active-blue,
#wrapper.extranet #navigation dt a.active-red,
#wrapper.extranet #navigation dt a.active-green {
border-bottom: 1px solid #fff;
}

#wrapper.extranet #navigation dd {
padding: 0;
}

#wrapper.extranet #navigation dd a {
padding: 5px 0 5px 7px;
margin: 0 0 0 14px;
}

#wrapper.extranet #navigation dd a:hover {
font-weight: normal;
}


/* >>>>-----------------------Content */

#wrapper.extranet #content .border,
#wrapper.extranet #content-weit .border {
border: 1px solid #ebebeb;
padding: 15px 20px;
}

#wrapper.extranet #content .border p,
#wrapper.extranet #content-weit .border p {
margin-bottom: 10px;
}


#wrapper.extranet #content-weit table {
width: 100%;
}

#wrapper.extranet #content-weit table thead th {
color: #6a6868;
font-size: 10px;
padding: 0 0 2px 10px;
background: none;
border: none;
border-bottom: 1px solid #d2dbe6;
}

#wrapper.extranet #content-weit table thead .veranstalter {
width: 230px;
}

#wrapper.extranet #content-weit table td {
padding: 10px 0 10px 10px;
}

#wrapper.extranet #content-weit table tbody td a {
padding-left: 15px;
text-decoration: none;
background: url(../images/icon_pressemitteilung.gif) 0 5px no-repeat;
}

#wrapper.extranet #content-weit table tbody td a:hover {
background-position: 3px 5px;
}

#wrapper.extranet #content-weit table tbody .go {
color: #4fb20d;
}

#wrapper.extranet #content-weit table tbody .stop {
color: #b20d0d;
}

#wrapper.extranet #content-weit table tbody .last td {
border: none;
}

#wrapper.extranet #content-weit table .name {
width: 240px;
}

#wrapper.extranet form {
width: 480px;
}

#wrapper.extranet form,
#wrapper.extranet #content-weit form {
background: none;
padding: 0;
}

#wrapper.extranet form label {
width: 230px;
}

#wrapper.extranet form label span {
font-size: 10px;
color: #003466;
display: block;
font-weight: normal;
}

#wrapper.extranet .border form label {
width: 160px;
}

#wrapper.extranet form input,
#wrapper.extranet #content-weit form input,
#wrapper.extranet form textarea {
height: 17px;
margin-bottom: 10px;
padding: 3px 3px 0px;
border: 1px solid #003466;
}

#wrapper.extranet form .button,
#wrapper.extranet #content-weit form .button {
width: auto;
height: 25px;
display: block;
padding: 3px 10px 5px 15px;
border: none;
color: #fff;
font-size: 12px;
background: #2c526e url(../images/icon_pressemitteilung_white.gif) 5px 10px no-repeat;
}

#wrapper.extranet form select {
height: 22px;
width:  245px;
margin-bottom: 10px;
padding: 2px 2px 2px;
border: 1px solid #003466;
z-index: 0;
}

#wrapper.extranet form .height70 {
height: 70px;
}

/* IE 6 Hack */
* html #wrapper.extranet form select {
width: 247px;
}

#wrapper.extranet form textarea {
width:  237px;
height: 70px;
}

/* IE 6 Hack */
* html #wrapper.extranet form textarea {
width: 239px;
}

#wrapper.extranet form .delete {
position: relative;
float: left;
}

#wrapper.extranet form .delete input {
background: #e6e6e6;
width: 240px;
}

#wrapper.extranet form .delete .delete-input {
position: absolute;
top: 1px;
right: 1px;
}

/* IE 6 und 7 Hacks */

* html #wrapper.extranet form .delete .delete-input {
top: 3px;
right: 2px;
}

* + html #wrapper.extranet form .delete .delete-input {
top: 3px;
right: 2px;
}

* html #wrapper.extranet form .delete input {
width: 240px;
}

#wrapper.extranet form .short-95 {
width: 94px;
}

* html #wrapper.extranet form .short-95 {
width: 95px;
}

* + html #wrapper.extranet form .short-95 {
width: 95px;
}


#wrapper.extranet form .short-140 {
width: 140px;
margin: 0 3px 0 0 !important;
}

/* IE 6 Hack */
* html #wrapper.extranet form .short-140 {
width: 138px;
}


#wrapper.extranet form .short-115 {
width: 115px;
}

#wrapper.extranet form .height150 {
height: 150px;
}

#wrapper.extranet form .height70 {
height: 70px;
}

#wrapper.extranet form .kalender {
margin: 0 6px 0 0;
padding: 0px;
}

#wrapper.extranet form p.searchpic {
text-decoration: none;
padding-bottom: 10px;
}

#wrapper.extranet form .searchpic {
display: block;
text-decoration: underline;
font-size: 10px;
margin: 0 0 10px 0;
}

#wrapper.extranet form .small {
margin: 7px 0 0;
}

#wrapper.extranet form .submit {
margin: 0 0 0 0 !important;
float: none !important;
height: 22px !important;
padding: 0 10px 0 !important;
}

* html #wrapper.extranet form .submit,
* + html #wrapper.extranet form .submit {
padding: 0 10px 1px !important;
}

#wrapper.extranet form .short-95.submit {
width: 91px;
}

#wrapper.extranet form .short-95.datepicker {
margin-right: 8px;
}

* + html #wrapper.extranet form .short-95.datepicker {
margin-right: 7px;
}

#wrapper.extranet form textarea.error,
#wrapper.extranet form input.error,
#wrapper.extranet form select.error {
border: 1px solid #FF0000;
}

#wrapper.extranet p.error {
font-weight: bold;
}

#inhalt #tx_twtniedb_downloads,
#inhalt #tx_twtniedb_downloadfiles {
height: 25px !important;
padding: 0px !important;
width: 247px;
}

/* >>>>--------------------- Context */

/* Teaser im Context */
#wrapper.extranet #context .extranet-teaser {
padding-bottom: 20px;
}

#wrapper.extranet #context .extranet-teaser .teaser {
padding: 0;
border: none;
}

#wrapper.extranet #context .extranet-teaser h3 {
margin-top: 10px;
color: #000;
font-size: 15px;
font-weight: normal;
}

/* Suche im Context */
#wrapper.extranet #context #searchform {
width: 170px;
}

#wrapper.extranet #context #searchform input {
padding: 3px 0 0;
}

#wrapper.extranet #context #searchform .submit {
margin-bottom: 0;
}

#wrapper.extranet #context #searchform .searchbox-sword {
width: 117px;
border:0 none;
float:left;
font-size:1.1em;
height: 13px;
margin: 0;
margin-top:2px;
}

/* IE 6 und 7 Hack */
* html #wrapper.extranet #context #searchform .searchbox-sword {
width: 112px;
}

* + html #wrapper.extranet #context #searchform .searchbox-sword {
width: 112px;
}

#wrapper.extranet #context #searchform .submit {
background-color:#2C526E;
color:#FFFFFF;
height:auto;
margin: 0;
margin-top:0;
padding: 1px 5px 3px !important;
width:auto;
border: none;
height: 20px !important;
}

/* IE 6 und 7 Hack */
* html #wrapper.extranet #context #searchform .submit {
padding:  0 3px !important;
}

* + html #wrapper.extranet #context #searchform .submit {
padding:  0 3px !important;
}

/*Helper fuer Extranet*/
#wrapper.extranet .floatright {
float: right;
}

#wrapper.extranet .floatleft {
float: left;
}

#wrapper.extranet .margintop {
margin-top: 25px !important;
}

#wrapper.extranet #content .nomargin {
margin: 0;
}

#wrapper.extranet .max-eintraege {
display: block;
margin-bottom: 15px;
}

* html #wrapper.extranet .max-eintraege,
* + html #wrapper.extranet .max-eintraege {
margin-bottom: 25px;
}

#wrapper.extranet .max-eintraege select,
#wrapper.extranet .max-eintraege label {
width: auto;
}

/* Datepicer */
/**
 * Styles for DatePicker
 */
 
.datepickerControl {
border:	1px solid #999999;
background-color:	#EEEEEE;
padding: 5px;
z-index: 999;
width: 233px;
}

* html .datepickerControl {
top: 253px !important;
left: 203px !important;
width: 235px;
}

.datepickerControl td {
text-align:	center;
font-family: sans-serif;
font-size: 11px;
padding: 1px;
}

.datepickerControl tr.monthLabel td {
background-color: #FFFFFF;
border:	1px solid #999999;
font-weight: bold;
}

.datepickerControl tr.navigation td {
cursor:	pointer;
}

.datepickerControl tr.navigation td:hover {
text-decoration: underline;
}

.datepickerControl tr.dayLabel td {
border:	1px solid #003466;
background-color: #003466;
color: white;
font-weight: bold;
}

.datepickerControl td.day, .datepickerControl td.dayothermonth {
cursor: pointer;
background-color: #FFFFFF;
border: 1px solid #EEEEEE;
width: 2em;
}

.datepickerControl td.dayothermonth {
color: #999999;
font-style: italic;
}

#wrapper.extranet #content-weit .datepickerControl table {
margin: 0;
}

.datepickerControl td.day:hover {
background-color: #EBE4C0;
}

.datepickerControl td.weekend {
background-color: #CCCCCC;
font-style:	italic;
}

.datepickerControl td.today {
font-weight: bold;
}

.datepickerControl td.hour {
cursor: pointer;
background-color: #FFFFFF;
border: 1px solid #EEEEEE;
width: 2em;
}

.datepickerControl td.minute {
cursor:	pointer;
background-color: #FFFFFF;
border: 1px solid #EEEEEE;
width: 2em;
}

.datepickerControl td input,
.datepickerControl td button {
font-size: 11px;
padding: 0;
border:	1px solid #999999;
text-align: center;
}

.datepickerControl td.ampm {
cursor:	pointer;
background-color: #CCCCCC;
border: 1px solid #EEEEEE;
width: 2em;
}

.datepickerControl td.current {
font-weight: bold;
background-color: #EBC2C0;
}

.datepickerControl input.current {
background-color: #EBC2C0;
}

.datepickerControl td.current:hover {
background-color: #EBC2C0;
}

#wrapper.extranet #content-weit .datepickerControl table td {
padding: 5px;
}