/*
Projektname:   PEO/REO/SLO
Funktion:      Globale Formate
Erstellt am:   18.08.2008 von HoS
Bearbeitet am: 08.01.2009 von DF
QS am:         --.--.---- von ---
*/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 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 {
line-height: 1;
color: black;
background: white;
position: relative;
}

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;
}

.clearright {
clear: right;
}

.hidden {
display: none;
visibility: hidden;
}

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

#wrapper {
position: relative;
width: 990px;
height: 100%;
margin: 0 auto;
text-align: left;
border-left: #e4e4e4 1px solid;
border-right: #e4e4e4 1px solid;
background: url(../images/header_bg.jpg) no-repeat;
}

a, p, ol {
font-size: 1.2em;
}

/* IhatE 6 double margin fix */
* html #navigation, * html #navigation dd ul li, * html #context, * html #footer dl {
display: inline;
}

/* >>>>-------------- Header */

#header {
position: relative;
width: 940px;
height: 132px;
margin: 0 25px 0 25px;
z-index: 999;
}

/* >>>>------Logos */

.logo a {
position: absolute;
left: 0;
top: 45px;
width: 321px;
height: 31px;
background: url(../images/logo_personalonline.gif) no-repeat;
}

.bwrlogo a {
position: absolute;
right: 0;
top: 58px;
width: 76px;
height: 13px;
background: url(../images/logo_bwrmedia.gif) no-repeat;
}

.bwrlogo a span, .logo a span {
display: none;
}

/*>>>>------ Suche */

.search {
position: absolute;
width: 337px;
height: 30px;
bottom: 4px;
right: 0;
}

/* IhatE 6 fix */
* html .search {
bottom: 11px;
}

.search a {
color: #fff;
float: left;
margin-right: 27px;
padding: 6px 0 0 8px;
background: url(../images/arrow_right_white.gif) 0 10px no-repeat;
}

/* IhatE 6 fix */
* html .search a {
padding: 7px 0 0 8px;
}

* + html .search a {
margin-right: 26px;
}

.search-input {
font-size: 1.2em;
float: left;
width: 178px;
height: 17px;
padding: 3px;
overflow: hidden;
background-image: url(../images/search_bg.gif);
background-position: top left;
border: 0;
}

/* IhatE 7 */
* + html .search-input {
width: 179px;
background-position: left top;
}

* html .search-input {
background-attachment: fixed;
background-position: 0 0;
}

.search-submit {
float: left;
width: 26px;
height: 23px;
background: url(../images/search_submit.gif) no-repeat;
border: 0;
}

#relevanz {
position: relative;
z-index: 0;
width: 186px;
}

/* IhatE 6 */
* html #relevanz {
width: 190px;
}

/* IhatE 7 */
* + html #relevanz {
width: 190px;
}

.datepickerControl {
top: 396px;
width: 220px;
z-index: 100;
}

#content .suchformular .other .datepicker {
margin: 0 0 0 0;
width: 77px;
border: 1px solid #0568ae;
}

.inputExtension {
top: 0;
left: 0;
margin: 2px 7px -2px 3px;
}

/* Meine Startseite */
#meine-startseite {
position: absolute;
top: 123px;
width: 458px;
padding-top: 10px;
background: url(../images/meine_startseite_arrow.gif) 115px 0 no-repeat;
}

#meine-startseite h2 {
color: #fff;
font-size: 1.6em;
font-weight: bold;
margin: 20px 0 20px 0;
}

#meine-startseite h3 {
color: #fff;
font-size: 1.5em;
font-weight: normal;
margin: 20px 0 10px 0;
}

#meine-startseite p {
color: #fff;
font-size: 1.2em;
line-height: 1.3em;
}

#meine-startseite fieldset {
padding: 0 15px 0 15px;
border-left: #fff 1px solid;
border-right: #fff 1px solid;
background-color: #0568ae;
}

/* Info Links */
#meine-startseite fieldset.info {
padding: 10px 15px 10px 15px;
border-top: #fff 1px solid;
border-bottom: #fff 1px solid;
background-color: #abcee4;
}

#meine-startseite fieldset.info a.margin-right {
margin-right: 75px;
}

#meine-startseite fieldset.info a {
color: #000;
padding-left: 10px;
background: url(../images/arrow_right_black.gif) no-repeat scroll 0 4px
}

/* Kategorie waehlen */
#meine-startseite .kategorien label {
color: #fff;
font-size: 1.2em;
font-weight: bold;
float: left;
width: 140px;
padding-top: 1px;
}

/* IhatE 6 */
* html #meine-startseite .kategorien label {
float: left;
padding-top: 6px;
margin: 0 0 4px 0;
}

/* IhatE 7 */
* + html #meine-startseite .kategorien label {
float: left;
padding-top: 6px;
margin: 0 0 4px 0;
}

#meine-startseite .kategorien label.rightlabel {
width: 200px;
}

#meine-startseite .kategorien input {
float: left;
margin: 0 5px 5px 0;
}

/* IhatE 6 */
* html #meine-startseite .kategorien input {
float: left;
margin: 0 5px 0 0;
}

/* IhatE 7 */
* + html #meine-startseite .kategorien input {
float: left;
margin: 0 5px 0 0;
}

/* Rubrik wahelen */
#meine-startseite .rubrik  {
float: left;
width: 210px;
}

#meine-startseite .rubriken label {
color: #fff;
font-size: 1.2em;
float: left;
width: 190px;
padding-top: 1px;
margin: 0 0 7px 0;
}

/* IhatE 6 */
* html #meine-startseite .rubriken label {
padding-top: 6px;
margin: 0 0 4px 0;
}

/* IhatE 7 */
* + html #meine-startseite .rubriken label {
padding-top: 6px;
margin: 0 0 4px 0;
}

#meine-startseite .rubriken  input {
float: left;
margin: 0 5px 5px 0;
}

/* IhatE 6 */
* html #meine-startseite .rubriken input {
margin: 0 0 0 0;
}

/* IE 7  */
* + html #meine-startseite .rubriken input {
margin: 0 0 0 0;
}

#meine-startseite .rubriken .margin-top, .margin-top {
margin-top: 10px;
}

#content .suchformular .other .padding-top {
padding-top: 11px;
}

/* Fehlermeldung */
#meine-startseite .fehler {
margin-top: -10px;
padding: 10px 0 0 0;
background: url(../images/meine_startseite_arrow_error.gif) 0 0 no-repeat;
}

#meine-startseite .fehler p {
color: #ef0c0c;
font-size: 1.4em;
font-weight: bold;
text-align: center;
display: block;
padding: 5px 0 5px 0;
background-color: #e5e5e5;
}

/* Floater */

#floater {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 132px;
background-color: #000;
z-index: 9999;
/* Tranzparenz */
filter:alpha(opacity=60);
-moz-opacity:0.60;
/* Tranzparenz */
}

#floater .floater-information  {
display: block;
width: 300px;
height: 150px;
margin: 0 auto;
/* Tranzparenz */
filter:alpha(opacity=150) !important;
-moz-opacity:1!important;
/* Tranzparenz */
background: #fff;
}

/* >>>>------ Registrieren MeinProfil Meine Startseite*/

#persbereich {
position: absolute;
left: 0;
bottom: 14px;
}

/* IhatE 6 */
* html #persbereich {
bottom: 13px;
}

#persbereich  a {
color: #000;
text-decoration: underline;
margin-right: 6px;
padding: 0 0 0 8px;
background: url(../images/arrow_right_grey.gif) 0 4px no-repeat;
}

#persbereich  a:hover {
text-decoration: none;
}

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

#navigation {
float: left;
margin: 28px 30px 0 25px;
width: 210px;
}

#navigation dl {
margin-bottom: 23px;
}

#navigation dt {
position: relative;
padding-bottom: 8px;
border-bottom: #ccc 1px solid;
width: 210px;
}

#navigation dt a {
color: #0568ae;
font-weight: bold;
font-size: 1.6em;
text-decoration: none;
}

#navigation dt img {
position: absolute;
right: 0px;
bottom: 8px;
}

#navigation dd {
border-bottom: #ccc 1px solid;
}

#navigation dd a {
color: #000;
line-height: 1.2em;
text-decoration: none;
display: block;
padding: 6px 0 4px 9px;
background: url(../images/arrow_right_black.gif) 0 9px no-repeat;
}

#navigation dd a:hover {
color: #fff;
font-weight: bold;
background: #0568ae url(../images/arrow_right_white.gif) 0 9px no-repeat;
}

#navigation dd .active {
font-weight: bold;
background: url(../images/arrow_down_black.gif) left 11px no-repeat;
}

#navigation dd .active:hover {
background: #0568AE url(../images/arrow_down_white.gif) left 11px no-repeat;
}

#navigation dd ul li a {
font-size: 1.1em;
line-height: 1.2em;
padding: 4px 0 4px 18px;
border: none;
background: url(../images/dot_blue.gif) 8px 10px no-repeat;
}

/* IhatE 6 */
* html #navigation dd ul li a {
width: 192px;
line-height: 1.2em;
padding: 4px 0 4px 18px;
}

/* IhatE 7 */
* + html #navigation dd ul li a {
line-height: 1.2em;
padding: 4px 0 4px 18px;
}

#navigation dd ul li a:hover,
#navigation dd ul li .unterpunkt-active {
background: #0568ae url(../images/dot_white.gif) 8px 10px no-repeat;
}

#navigation dd ul li .unterpunkt-active {
color: #fff;
font-weight: bold;
}

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

#content {
overflow: hidden;
float: left;
width: 460px;
margin: 0px 30px 0 0;
padding-top: 28px;
}

#content-weit {
float: left;
width: 700px;
margin: 28px 0 0 0;
}

/* >>>>-------------- Breadcrumb */

#content #breadcrumb,
#content-weit #breadcrumb {
margin-bottom: 12px;
}

#content #breadcrumb li.first,
#content-weit #breadcrumb li.first {
padding-left: 0;
}

#content #breadcrumb li,
#content-weit #breadcrumb li {
font-size: 1.1em;
background: none;
width: auto;
display: inline;
margin-right: 0px;
padding-left: 3px;
color: #666;
}

#content #breadcrumb li a,
#content-weit #breadcrumb li a {
text-decoration: underline;
color: #666;
font-size: 1em;
}

#content #breadcrumb li a:hover,
#content-weit #breadcrumb li a:hover {
text-decoration: none;
color: #000;
}

#content #breadcrumb li  img,
#content-weit #breadcrumb li  img {
margin: 0 0 0 10px;
}

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

#content h1,
#content-weit h1 {
color: #0568ae;
font-size: 2.2em;
line-height: 1.2em;
font-weight: bold;
margin-bottom: 15px;
}

#content h2 {
color: #0568ae;
font-size: 1.6em;
font-weight: bold;
margin: 0 0 5px 0;
}

/* IhatE 6 */
* html #content h2 {
padding-top: 2px;
}

/* IhatE 7 */
* + html #content h2 {
padding-top: 2px;
}

#content h3 {
color: #0568ae;
font-size: 1.4em;
font-weight: bold;
margin: 0 0 5px 0;
}

#content a.wordhide {
color: #0568ae;
font-size: 1.0em;
text-decoration: none;
padding: 0 0 0 13px;
background: url(../images/arrow_big_right_blue.gif) left 2px no-repeat;
}

#content a.active {
border-bottom: none;
background: url(../images/arrow_big_down_blue.gif) 0px 4px no-repeat;
}

#content .seiten a.active {
background: none;
}

#content h4 {
color: #0568ae;
font-size: 1.2em;
font-weight: bold;
margin: 0 0 5px 0;
}

#content p {
font-size: 1.2em;
line-height: 1.6em;
margin-bottom: 20px;
}

#content p strong, #content p b {
font-weight: bold;
}

#content i, #content em {
font-style: italic;
}

#content p a {
font-size: 1em;
color: #000000;
}

#content p a.button {
margin-right: 7px;
}

/* IhatE 6 */
* html #content p a.button {
margin-right: 6px;
}

/* IhatE 7 */
* + html #content p a.button {
margin-right: 11px;
}

#content li {
font-size: 1.2em;
line-height: 1.6em;
padding-left: 10px;
background: url(../images/dot_blue.gif) 0 8px no-repeat;
}

#content li a {
color: #000;
font-size: 1em;
}

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

#content div li {
font-size: 1em;
line-height: 1.2em;
padding-left: 0;
background: none;
}

#content ol {
margin-left: 30px;
margin-bottom: 20px;
}

/* IhatE 6 */
* html #content ol {
display: block;
margin-left: 30px;
}

/* IhatE 7 */
* + html  #content ol {
display: block;
margin-left: 30px;
}

#content-weit ol li,
#content ol li {
font-size: 1em;
line-height: 1.3em;
padding: 0;
margin-left: 0;
}

#content-weit ol {
list-style-position: inside;
}

#content-weit ol li a,
#content ol li a {
color: #000;
font-size: 1em;
}

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

#content-weit p {
line-height: 1.3em;
}

#content-weit p a {
font-size: 1.1em;
}

/* >>>>-------------- Icons */

.icon-news-teaser,
.icon-news-small {
padding-left: 25px;
background: url(../images/icon_news_small.gif) 2px 2px no-repeat;
}

.icon-news-teaser {
padding-bottom: 1px;
background: url(../images/icon_news_small.gif) 2px 0 no-repeat;
}

.icon-wissen-small {
padding-left: 20px;
background: url(../images/icon_wissen_small.gif) 0 1px no-repeat;
}

.icon-downloads-small {
padding-left: 25px;
background: url(../images/icon_downloads_small.gif) 0px 0px no-repeat;
}

.icon-tools-small {
padding-left: 25px;
background: url(../images/icon_tools_small.gif) 2px 2px no-repeat;
}

.icon-workflow-small {
padding-left: 25px;
background: url(../images/icon_workflow_small.gif) 0px 2px no-repeat;
}

.icon-expertenrat-small {
padding-left: 25px;
background: url(../images/icon_experten_small.gif) 0 1px no-repeat;
}

.icon-tools-little {
padding-left: 25px;
background: url(../images/icon_tools_little.gif) 5px 2px no-repeat;
}

.icon-downloads-little {
padding-left: 25px;
background: url(../images/icon_downloads_little.gif) 0 -1px no-repeat;
}

.icon-workflow-little {
padding-left: 25px;
background: url(../images/icon_workflow_little.gif) 0 -1px no-repeat;
}

.icon-experten-teaser {
padding-left: 20px;
background: url(../images/icon_experten_teaser.gif) 0 1px no-repeat;
}

.icon-downloads-teaser {
padding-left: 20px;
background: url(../images/icon_downloads_teaser.gif) -1px 2px no-repeat;
}

.icon-workflow-teaser {
padding-left: 20px;
background: url(../images/icon_workflow_teaser.gif) 1px 2px no-repeat;
}

.icon-ordner {
padding-left: 19px;
display: block;
background: url(../images/icon_content_ordner.gif) 0px 2px no-repeat;
}

.icon-drucken {
padding-left: 19px;
background: url(../images/icon_content_drucker.gif) left no-repeat;
}

.icon-senden {
padding-left: 19px;
background: url(../images/icon_content_umschlag.gif) left no-repeat;
}

.icon-kredit {
margin: 5px 0 20px 0;
}

.icon-rss {
position: absolute;
z-index: 2;
top: 10px;
right: 10px;
}

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

/* Kategorie Modul */
.kategorie-modul {
position: relative;
padding: 0 0 15px 0;
margin: 15px 0 0 0;
}

.kategorie-modul h3 {
padding-top: 3px;
padding-bottom: 10px;
border-bottom: #ccc 1px solid;
position: relative;
}

.kategorie-modul h3 .seiten {
color: #666;
font-size: 0.7em;
font-weight: normal;
margin-left: 15px;
}

#content .kategorie-modul h3  img.freemodul {
float: none;
margin: 0 9px -3px 7px;
}

.kategorie-modul h3 .freemodul span {
display: none;
}

.kategorie-modul h3 span a {
color: #666;
font-size: 1em;
font-weight: normal;
}

#content .teaser .kategorie-datum  .schlussel {
float: none;
margin: 0 0 0 7px;
}

.teaser .kategorie-datum {
display: block;
background: url(../images/arrow_right_hellgrey.gif) left 3px no-repeat;
}

/* IhatE 6 */
* + html .teaser .kategorie-datum {
background: url(../images/arrow_right_hellgrey.gif) 0 3px no-repeat;
}

/* IhatE 6 */
* html .teaser .kategorie-datum {
background: url(../images/arrow_right_hellgrey.gif) 0 2px no-repeat;
}

.teaser .kategorie-datum,
#content .notierte-news a {
color: #666;
font-size: 1.1em;
padding-left: 10px;
margin-top: 12px;
}

#content .notierte-news a {
background: url(../images/arrow_right_hellgrey.gif) 0 4px no-repeat;
}

#content .inhalt img {
float: left;
margin: 0 15px 10px 0;
}

#content .kategorie-modul img {
float: left;
margin: 0 10px 5px 0;
}

* html #content .kategorie-modul img {
margin: 0 10px 0 0;
}

#content .kategorie-modul p {
line-height: 1.2em;
padding-bottom: 0px;
}

* html #content .kategorie-modul .teaser a.morelink {
padding-top: 20px;
}

#content .kategorie-modul .rubrik-wissen a {
/* font-size: 1.2em; */
}

#content .kategorie-modul .rubrik-wissen ul {
margin-bottom: 20px;
}

#content .kategorie-modul .rubrik-wissen ul li {
display: block;
font-size: 1.2em;
width: auto;
}

/* Kategorie-Modul mit Bild rechts */
#content .teaser .bild-rechts {
float: right;
margin: 0 0 0 15px;
}

.morelink,
#content .schritt-eins-elf dl dd a,
#content .upgrades ul a {
color: #000;
font-size: 1em;
padding-left: 10px;
margin-right: 5px;
background: url(../images/arrow_right_black.gif) 0 4px no-repeat;
}

.teaser {
border-bottom: #ccc 1px solid;
padding-bottom: 10px;
}

#content .teaser h4 {
color: #000;
font-size: 1.6em;
line-height: 1.2em;
font-weight: bold;
margin: 3px 0 6px 0;
}

#content .teaser h4 a {
font-size: 1em;
text-decoration: none;
color: #000;
border-bottom: 0;
}

#content .teaser h4 span {
color: #666666;
font-size: 0.8em;
}

#content .teaser a {
display: inline-block;
font-size: 1.2em;
}

#content .teaser p a {
font-size: 1em;
padding-bottom: 0;
}

#content .teaser .left {
float: left;
}

#content .teaser .right {
display: inline;
float: right;
}

.kategorie-modul.last {
border-bottom: none;
}

#content .kategorie-modul .eintraege {
margin: 0 0 25px 0;
}

#content .kategorie-modul h3 .eintraganzahl,
#content .kategorie-modul h3 .eintraganzahlseite  {
position: absolute;
top: 8px;
right: 29px;
color: #666;
font-size: 0.7em;
float: right;
margin: 0;
}

/*IE 6 Hack */
* html #content .kategorie-modul h3 .eintraganzahl {
right: 34px;
padding-bottom: 5px;
}

/*IE 7 Hack */
* + html #content .kategorie-modul h3 .eintraganzahl {
padding-bottom: 5px;
}

#content .kategorie-modul h3 .eintraganzahlseite {
position: absolute;
right: 0px;
}

#content .kategorie-modul .eintraege a {
float: left;
color: #000;
text-decoration: none;
border-right: 1px solid #000;
padding: 0 7px 0 8px;
margin: 10px 7px 0 0;
background: url(../images/arrow_right_blue.gif) 0 3px no-repeat;
}

#content .kategorie-modul .eintraege .last {
border: none;
}

#content .kategorie-modul .eintraege a:hover {
text-decoration: underline;
}

/* Experten Teaser  */
.experten-teaser {
display: block;
width: 460px;
height: 90px;
border-bottom: #ccc 1px solid;
background-repeat: no-repeat;
background-color: #e5e5e5
}

.experten-teaser ul {
float: right;
width: 146px;
margin-top: 13px;
}

/* IhateE 6 */
* html .experten-teaser ul li {
display: inline;
}

.experten-teaser ul a {
color: #000;
text-decoration: none;
display: block;
padding-left: 10px;
margin-bottom: 6px;
background: url(../images/arrow_right_black.gif) 0 3px no-repeat;
}

#content .top-fragen {
width: 460px;
}

#content .top-fragen  li {
color: #0568AE;
font-size: 1.6em;
font-weight: bold;
margin: 0 0 5px 20px;
list-style: decimal;
}

/* IE 6 hack */
* html #content .top-fragen  li {
margin-left: 25px;
}

/* IE 7 hack */
* + html #content .top-fragen  li {
margin-left: 25px;;
}

#content .top-fragen  li .answer  {
display: none;
}


#content .top-fragen  li:hover .answer,
#content .top-fragen  li .active  {
display: block;
}

#content .top-fragen li ul.answer li {
color: #000;
font-size: 0.8em;
line-height: 1.5em;
font-weight: normal;
list-style: none;
margin: 0 0 0 0;
}

#content .meine-fragen {
padding: 14px 0 10px 10px;
margin-bottom: 10px;
background-color: #0568ae;
}

/* IhatE 6 */
* html #content .meine-fragen {
padding-bottom: 10px;
}

#content .meine-fragen  h3 {
color: #fff !important;
position: relative;
border: none;
}

/* IhatE 6 */
* html #content .meine-fragen ul li {
height: 1%;
}

#content .meine-fragen a {
display: block;
color: #fff;
padding-left: 10px;
margin-bottom: 6px;
background: url(../images/arrow_right_white.gif) 0 2px no-repeat;
}

/* IhatE 6 */
* html #content .meine-fragen a {
margin-bottom: 3px;
}

/* Willkommen Nachricht */
.welcome {
color: #0568ae;
font-size: 1.6em;
font-weight: bold;
text-align: center;
padding: 5px 0 5px 0;
margin-bottom: 10px;
background-color: #e6f0f7;
}

/* Error Nachricht */
.error {
color: black;
font-size: 1.6em;
font-weight: bold;
text-align: left;
padding: 5px 0 5px 0;
margin-bottom: 10px;

}

/* Warning Nachricht */
.warning {
color: black;
font-size: 1.6em;
font-weight: bold;
text-align: center;
padding: 5px 0 5px 0;
margin-bottom: 10px;
background-color: #FFF7D7;
position: relative;
}

/* Weitere Kategorien */
#content .weitere-kategorien {
position: relative;
padding: 35px 0 15px 15px;
margin-top: 15px;
background-color: #e6f0f7;
display: block;
width: 445px !important;
}

.weitere-kategorien dl {
float: left;
width: 122px;
margin: 0 15px 0 0;
padding-right: 15px;
border-right: #fff 1px solid;
overflow: hidden;
}

/* IhatE 6 */
* + html .weitere-kategorien dl {
width: 122px;
margin-bottom: 15px;
}

/* IhatE 6 */
* html .weitere-kategorien dl {
width: 122px;
margin-bottom: 15px;
}

#content .weitere-kategorien dl.last {
border-right: none;
margin: 0;
padding: 0;
}

.weitere-kategorien  dt {
color: #0568AE;
font-size: 1.6em;
font-weight: bold;
padding-bottom: 10px;
}

.weitere-kategorien  dd a {
color: #000;
display: block;
font-size: 1.2em;
line-height: 1.2em;
padding-left: 10px;
margin-bottom: 5px;
background: url(../images/arrow_right_black.gif) 0 3px no-repeat;
}

* html .weitere-kategorien .perstools {
right: -7px;
}

* html .weitere-kategorien .perstools li {
margin-right: 10px;
}

* html .weitere-kategorien .perstools li .close {
margin-right: 0;
}

/* Sonderzeichen FCK */

span.sonderzeichen-schwarz {
padding-left: 9px;
background: url(../images/arrow_right_black.gif) 0 4px no-repeat;
}

span.sonderzeichen-farbe {
padding-left: 9px;
background: url(../images/arrow_right_blue.gif) 0 4px no-repeat;
}

/* Kategorie-Filter-Navigation */
#content .kategorie-filter {
width: 460px;
padding-top: 8px;
margin: 15px 0 24px 0;
background-color: #e6f0f7;
}

* html #content .kategorie-filter {
padding-left:0;
padding-right: 0;
}

* + html #content .kategorie-filter {
padding-left:0;
padding-right: 0;
}

#content .kategorie-filter h4 {
float: left;
margin: 0 0 0 11px;
}

* html #content .kategorie-filter h4 {
padding-bottom: 1px;
}

* + html #content .kategorie-filter h4 {
padding-bottom: 1px;
}

#content .kategorie-filter a {
color: #fff;
font-size: 1.1em;
float: right;
padding-left: 7px;
margin: 0 11px 0 0;
background: url(../images/arrow_right_white.gif) left 4px no-repeat;
}

#content .kategorie-filter a:hover,
#content .suchergebnis-eingeschreankt a:hover {
text-decoration: none;
}

#content .kategorie-filter ul {
margin: 16px 0 0 0;
padding: 0;
}

/* IhatE 6 */
* html #content .kategorie-filter ul {
margin: 24px 0 0 0px;
padding: 0 0 0 0;
}

/* IhatE 7 */
* + html #content .kategorie-filter ul {
margin: 25px 0 0 0px;
padding: 0 0 0 0;
}

#content .kategorie-filter ul li {
float: left;
}

#content .kategorie-filter ul li a {
color: #0568ae;
font-size: 0.9em;
text-align: center;
text-decoration: none;
float: left;
height: 24px;
width: 75px;
padding: 40px 0 4px 0;
margin: 0;
background-image: url(../images/icon_kategoriefilter.gif);
background-repeat: no-repeat;
}

#content .kategorie-filter ul li a:hover,
#content .kategorie-filter ul li a.active {
background-image: url(../images/icon_kategoriefilter_hover.gif);
background-color: #fff;
height: 24px;
}

#content .kategorie-filter ul .news {
background-position: 0 0;
}

#content .kategorie-filter ul .tools {
background-position: -75px 0;
}

#content .kategorie-filter ul .downloads {
background-position: -148px 0;
}

#content .kategorie-filter ul .workflow {
width: 85px;
background-position: -225px 0;
}

#content .kategorie-filter ul .expertenrat {
background-position: -300px 0;
}

#content .kategorie-filter ul .wissen {
background-position: -370px 0;
}

#content .kategorie-filter ul li a span {
display: block;
}

/* Strich */

.strich-overlay {
font-size: 1.8em;
position: relative;
padding: 0 0 10px 0;
}

.strich-overlay span {
position: absolute;
top: 0px;
left: 0px;
width: 57px;
height: 19px;
background: url(../images/strich.png) no-repeat;
}

* html .strich-overlay span {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/strich.png', sizingMethod='scale');
}

/* >>>>-------------- Suchformular */

#content .suchformular fieldset {
float: left;
width: 440px;
padding: 10px 10px 10px 10px;
border-top: #fff 1px solid;
background-color: #e4e6e6;
}

#content .suchformular li input {
float: left;
margin-right: 6px;
}

#content .suchformular li {
padding-left: 0;
background: 0;
}

#content .suchformular li label {
font-size: 1em;
line-height: 1.2em;
display: block;
padding-top: 3px;
margin-bottom: 6px;
}

/* IhatE 6 */
* html #content .suchformular li label {
padding-top: 5px;
margin-bottom: 0;
}

/* eingeschraenkt */
#content .suchformular fieldset.limited {
border-top: none;
}

#content .suchformular .limited  p {
float: left;
display: block;
font-size: 1.1em;
width: 220px;
}

#content .suchformular .search-input,
#content .suchformular .search-submit {
float: right;
margin: 0 0 6px 0;
overflow: hidden;
}

#content .suchformular .limited a {
color: #000;
font-size: 1.1em;
float: right;
padding-left: 8px;
background: url(../images/arrow_right_black.gif) 0 3px no-repeat;
}

#content .suchformular a.first {
margin-right: 18px;
}

/* IhatE 6 */
* html #content .suchformular li {
background-color: #e4e6e6;
}

/* erweitert */
#content .suchformular h4 input {
margin: 0 6px 0 84px;
}

/* IhatE 6 */
* html #content .suchformular h4 input {
margin: 0 6px 0 81px;
}

#content .suchformular h4 label {
color: #6b6b6b;
font-size: 0.9em;
font-weight: bold;
}

#content .suchformular ul {
float: left;
width: 210px;
}

#content .suchformular li.first {
font-weight: bold;
margin-top: 12px;
}

#content .suchformular .other label {
font-size: 1.2em;
display: block;
float: left;
width: 214px;
padding-top: 4px;
margin-bottom: 10px;
}

/* IhatE 6 */
* html #content .suchformular .other label {
padding-top: 6px;
}

#content .suchformular .other input {
margin: 0 0 10px 0;
}

/* IhatE 6 */
* html #content .suchformular .other input {
margin-left: -3px;
}

#content .suchformular .other input.first {
float: left;
width: 84px;
}

/* IhatE 6 */
* html #content .suchformular .other input.first {
margin-left: 3px;
}

#content .suchformular .other span {
text-align: center;
float: left;
display: block;
width: 10px;
padding: 5px 0 0 0;
margin: 0;
}

#content .suchformular .submit {
float: right;
width: 72px;
height: 21px;
padding: 0;
border: 0;
background: url(../images/button_suchen.gif) no-repeat;
}

/* >>>>-------------- Formular Allgemein */

.formular {
display: block;
margin-bottom: 10px;
}

.formular fieldset {
padding-top: 10px;
}

.error label.errorfield span {
background:transparent url(../images/icon_require_error.gif) no-repeat scroll right top;
color:#EF0C0C;
}

#wrapper #content form h4.error {
color:#EF0C0C !important;
}

.formular h3 , .formular h4{
margin-bottom: 20px;
}

.formular label {
font-size: 1.2em;
font-weight: bold;
float: left;
display: block;
width: 200px;
padding: 5px 0 5px 0;
background: url(../images/label_dots.gif) bottom left repeat-x;
}

.formular label span {
padding-right: 5px;
background: url(../images/icon_require.gif) top right no-repeat;
}

.formular input,
.formular select {
width: 249px;
margin-bottom: 11px;
}

/* IE 6 Hack*/
* html .formular input {
width: 245px;
}

/* IE 6 Hack*/
* html .formular select {
width: 245px;
}

/* IE 7 Hack*/
* + html .formular input {
width: 243px;
}
/* IE 7 Hack*/
* + html .formular select {
width: 243px;
}

select {
width: 186px;
}

.formular .radio,
.formular .checkbox {
float: left;
width: 16px;
margin-left: 0;
}

/* IhatE 7 */
* + html .radio {
display: inline-block;
height: 20px;
}

.formular .checkbox {
margin: 5px 0 0 0;
}

/* IhatE 6 */
* html .formular .checkbox {
margin: 0;
}

/* IhatE 7 */
* + html .formular .checkbox {
margin: 0;
}

.formular .radioinfo {
float: left;
font-weight: normal;
width: auto;
margin-right: 11px;
background: none;
}

/* IhatE 6 */
* html .formular .radioinfo {
margin-right: 7px;
}

/* IhatE 7 */
* + html .formular .radioinfo {
margin-right: 7px;
}

.formular select.input-micro {
width: 97px;
margin-right: 8px;
}

.formular input.input-micro {
float: left;
width: 93px;
margin-right: 8px;
}

.formular .small {
float: left;
font-size: 1em;
width: 200px;
margin-top: 20px;
}

* html .formular .small {
clear: both;
}

.formular .submit {
float: right;
width: 107px;
height: 21px;
margin-top: 20px;
border: 0;
background: url(../images/button_abschicken.gif) top left no-repeat;
}

#content .formular .nrinfo {
float: left;
font-size: 1em;
line-height: 1.2em;
padding-left: 11px;
width: 120px;
}

.formular .input-small {
float: left;
width: 93px;
}

#empfenger, #absender, #betreff {
color: #666;
font-size: 1.2em;
padding: 3px 0 2px 0;
}

.fehler-uebersicht {
padding: 15px 10px 5px 10px;
margin: 15px 5px 15px 0;
background-color: #e5e5e5;
}

#content .no-margin {
margin: 0;
padding: 0;
}

.fehler-uebersicht dt {
font-size: 1.3em;
font-weight: bold;
margin-bottom: 10px;
line-height: 1.3em;
}

.fehler-uebersicht dd {
color: #ef0c0c;
font-size: 1.2em;
line-height: 1.3em;
padding-left: 8px;
margin-bottom: 5px;
background: url(../images/arrow_error.gif) 0 4px no-repeat;
}

label.error, #content fieldset h4.error {
color: #ef0c0c;
}

label.error span {
padding-right: 5px;
background: url(../images/icon_require_error.gif) top right no-repeat;
}

.formular .textfeld {
display: block;
width: 449px;
height: 200px;
margin-bottom: 10px;
}

/* IE 6 hack */
* html .formular .textfeld {
width: 447px;
}

/* IE 7 hack */
* + html .formular .textfeld {
width: 443px;
}

.versenden:hover {
text-decoration: none;
}

.versenden {
color: #0568AE;
margin: 0 0 0 5px;
}

.readonly {
background: #EDEDED none repeat scroll 0%;
color: #9C9C9C;
padding: 2px 1px 2px 1px;
border: 1px solid #7f9db9;
}

/* Buttons */

.button, .button-content,
.button-hell {
display: inline-block;
margin: 5px 0 10px 0;
border: 0;
padding: 0;
background: none;
width: auto;
overflow: visible;
white-space: nowrap;
cursor: pointer;
}

#content .button-content {
margin: 0 4px 10px 0;
}

* + html .button span span span {
height: 30px;
}

/* IE 6 hack */
* html #content .button-content {
margin: 0 3px 10px 0;
}

/* IE 7 hack */
* + html #content .button-content {
margin: 0 11px 10px 0;
}

.button span, .button span span,
.button-content span, .button-content span span,
.button-hell span, .button-hell span span {
display: block;
}

.button span, .button-content span {
background: transparent url(../images/button_teil_mitte.gif) 0 0 repeat-x;
}

.button span span {
background: transparent url(../images/button_teil_links.gif) 0 0 no-repeat;
}

.button span span span,
.button-content span span span {
color: #fff;
font-size: 12px;
line-height: 1em;
}

.button span span span {
padding: 3px 15px 7px 15px;
background: transparent url(../images/button_teil_rechts.gif) right 0px no-repeat;
}


/* IE 6 hack */
* html .button span span span {
padding: 5px 10px 6px 10px;
}

/* IE 7 hack */
* + html .button span span span {
font-size: 13px;
padding: 4px 15px 4px 15px;
}

/*-----Second Variante---*/
.teaserbox-second .button span {
background: transparent url(../images/button_teil_mitte_orange.gif) 0 0 repeat-x;
}

.teaserbox-second .button span span {
background: transparent url(../images/button_teil_links_orange.gif) 0 0 no-repeat;
}

.teaserbox-second .button span span span {
color: #000;
padding: 4px 15px 6px 15px;
background: transparent url(../images/button_teil_rechts_orange.gif) right 0px no-repeat;
}

/*-----Greeb Variante---*/
.teaserbox-green .button span {
background: transparent url(../images/button_teil_mitte_green.gif) 0 0 repeat-x;
}

.teaserbox-green .button span span {
background: transparent url(../images/button_teil_links_green.gif) 0 0 no-repeat;
}

.teaserbox-green .button span span span {
padding: 4px 15px 6px 15px;
background: transparent url(../images/button_teil_rechts_green.gif) right 0px no-repeat;
}

.button-content span span span {
font-size: 13px;
padding: 3px 15px 7px 15px;
}


/* IE 7 hack */
* + html .button-content span span span {
padding: 4px 15px 6px 15px;
}

/* IE 6 hack */
* html .button-content span span span {
padding: 5px 15px 6px 15px;
}

.button-content span span {
background: transparent url(../images/button_content_teil_links.gif) 0 0 no-repeat;
}

.button-content span span span {
background: transparent url(../images/button_content_teil_rechts.gif) right 0px no-repeat;
}

/* heller Button im Formular */
.button-hell {
float:right;
margin: 0 0 10px 0;
border: 0;
padding: 0;
background: none;
width: auto;
overflow: visible;
white-space: nowrap;
}

.button-hell span,
.button-hell span span {
padding:0;
}

.button-hell span {
background: transparent url(../images/button_hell_teil_mitte.gif) repeat-x;
}

.button-hell span span {
background: transparent url(../images/button_hell_teil_links.gif) 0px 0px no-repeat;
}

.button-hell span span span {
padding: 1px 5px 4px 10px;
background: transparent url(../images/button_hell_teil_rechts.gif) right 0px no-repeat;
}

/* IE 6 hack */
* html .button-hell span span span {
padding: 2px 0px 3px 10px;
}

/* IE 7 hack */
* + html .button-hell span span span {
padding: 2px 0px 3px 10px;
}

.button-hell span span span span {
font-size: 1.08em;
padding-left: 8px;
background: url(../images/arrow_right_black.gif) left 6px no-repeat;
}

/* IE 6 hack */
* html .button-hell span span span span {
padding: 1px 8px 3px 8px;
background: url(../images/arrow_right_black.gif) left 5px no-repeat;
}

/* IE 7 hack */
*+ html .button-hell span span span span {
padding: 1px 8px 3px 8px;
background: url(../images/arrow_right_black.gif) left 5px no-repeat;
}

/* aus dem tag button wird das tag a, aber die classe bleibt */
a.button, a.button-content {
text-decoration: none;
text-align: center;
}

a.button span span span, a.button-content span span span {
padding: 5px 15px 6px 15px;
font-size: 1em;
}

/*---> diese formatierung wird beboetigt um im ff 2  die buttons richtig darzustellen */
a.button span, a.button-content span, a.button-hell span {
display:-moz-inline-box;
}

a.button span span, a.button-content span span, a.button-hell span span {
display: block;
}

#content .fristenrechner {
float: left;
margin-top: -2px;
padding: 0 5px 7px 5px;
}

#content .fristenrechner span span span {
font-size: 11px;
padding-top: 5px;
}

* + html #content .fristenrechner {
margin-top: 0px;
}

* + html #content .fristenrechner span span span{
padding-bottom: 6px;
}



/*<--- diese formatierung wird beboetigt um im ff 2  die buttons richtig darzustellen */

/* IE 6 hack */
* html a.button span {
display: inline-block;
}

/* IE 7 hack */
* + html a.button span {
display: inline-block;
}

/* IE 6 hack */
* html a.button-content span {
display: inline-block;
}

/* IE 7 hack */
* + html a.button-content span {
display: inline-block;
}

/* IE 6 hack */
* html a.button-hell span {
display: inline-block;
}

/* IE 7 hack */
* + html a.button-hell span {
display: inline-block;
}

/* IE 6 hack */
* html a.button span span span {
font-size: 1em;
height: 12px;
padding: 5px 10px 6px 10px;
}

/* IE 7 hack */
* + html a.button span span span {
font-size: 1em;
height: 12px;
padding: 5px 12px 6px 12px;
}

/*----- Floats mit verschiedenen Abstenden */
.float-right {
float: right;
margin-bottom:0;
}

.float-left {
float: left;
margin: 0;
}

.content-float-right {
float: right;
margin-top: 20px;
}

/* Infofloater */

#overlay {
display: block;
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 1000;
padding-top: 100px;
height: 100%;
background: #000;
/* Tranzparenz */
filter:alpha(opacity=83);
-moz-opacity:0.83;
/* Tranzparenz */
opacity:0.83;
}

* + html #overlay {
background: transparent url(../images/overlay.png);
}

#infofloater {
position: absolute;
top: 228px;
z-index: 1001;
width: 100%;
}

* html #infofloater {
width: 986px;
}

* + html #infofloater {
width: 986px;
}

#infofloater div {
position: relative;
width: 585px;
padding: 9px 0 20px 0;
margin: 0 auto;
background: #0568AE;
}

* html #infofloater div {
background-attachment: fixed;
background-position: top right;
}

#infofloater div p {
margin: 0 0 10px 0;
}

#infofloater div .button {
float: left;
margin: 0 0 0 13px;
}

#infofloater div .button span {
background: url(../images/button_hell_teil_mitte.gif) 0 0 repeat-x ;
}

#infofloater div .button span span {
background: url(../images/button_hell_teil_links.gif) 0 0 no-repeat;
}

#infofloater div .button span span span {
color: #000;
background: url(../images/button_hell_teil_rechts.gif) right 0 no-repeat;
}

#infofloater  img {
z-index: 111;
right: 8px;
top: 8px;
position: absolute;
}

#infofloater h5 , #infofloater p {
padding: 17px 0 0 15px;
text-align: left;
font-size: 2.4em;
font-weight: 500;
color: #fff;
}

#infofloater p {
font-size: 1.2em;
line-height: 1.6em;
padding: 10px 15px 0 15px;
}

#infofloater p a {
font-size: 1em;
color: #fff;
text-decoration: underline;
}

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

#infofloater form {
margin: 3px 15px 0 20px;
}

#infofloater form label {
color: #fff;
font-size: 1.2em;
float: left;
padding: 3px
}

* html #infofloater form label {
padding: 5px
}

* + html #infofloater form label {
padding: 5px
}

#infofloater form input {
float: left;
}

/* >>>>-------------- Registrierung */

.datepickerControl table {
	margin: 0;
}

.registrierung a {
font-size: 1.1em;
color: #4890c4;
}

.registrierung a.vergleich {
display: block;
font-size: 1.1em;
font-weight: bold;
font-weight: bold;
margin: 5px 0 10px 200px;
}

.registrierung .preis-index {
clear: left;
font-size: 1.4em;
float: right;
display: block;
background: #ecebeb;
position: relative;
padding: 13px 24px;
margin: 20px 0 20px 0px;
}


.registrierung .preis-index span.strich {
position: absolute;
top: 11px;
left: 20px;
width: 57px;
height: 19px;
background: url(../images/strich.png) no-repeat;
}

* html .registrierung .preis-index span.strich {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/strich.png', sizingMethod='scale');
}

.registrierung .preis-index span.nulleuro {
padding: 2px 15px 0 15px;
text-indent: 1em;
background: url(../images/nulleuropreis.png) 5px 0 no-repeat;
}

* html .registrierung .preis-index .nulleuro {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nulleuropreis.png', sizingMethod='scale');
}


/* IhatE 6 */
* html .registrierung .preis-index {
display: inline;
}

/* IhatE 7 */
* + html .registrierung .preis-index {
display: inline;
}

.registrierung .firma {
width: 187px;
}

/* IhatE 6 */
* html .registrierung .firma {
width: 189px;
margin-right: 0;
margin-left: 0;
}

#content .registrierung .input-small {
float: left;
width: 73px;
}

/* IhatE 6 */
* html #content .registrierung .input-small {
width: 71px;
margin-left: 3px;
}

.registrierung .input-middle {
float: left;
width: 162px;
}

/* IhatE 6 */
* html .registrierung .input-middle {
width: 155px;
margin-left: 3px;
}

/* IhatE 7 */
* + html .registrierung .input-middle {
width: 154px;
}

.registrierung .spacing-right {
margin-right: 10px;
}

.registrierung .agb {
padding: 2px 0 0 21px;
}

#content .registrierung  p {
line-height: 1.2em;
}

.registrierung  p a {
padding: 0;
margin: 0;
}

.registrierung .registration-newsletter label {
float: none;
display: inline;
position: relative;
top: 5px;
left: 5px;
}

/* >>>>-------------- Tabellen */

/* Allgemein */
table {
width: 100%;
margin-bottom: 25px;
margin-top: 10px;
}

table th {
color: #0568ae;
font-weight: bold;
background: #d7d7d7;
}

table td,
table th {
font-size: 1.2em;
line-height: 1.3em;
padding: 3px;
border-bottom: #fff 1px solid;
border-right: #fff 1px solid;
}

table td span,
table th span {
font-size: 8pt !important;
}

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

/* Tabelle Content */
#content table td {
background: #ecebeb;
}

#content table td ul {
margin-bottom: 0 !important;
}

#content table td a {
color: #0568ae;
text-decoration: none;
font-size: 1em;
}

/* Tabelle Vergleichstabelle */
#content-weit table {
margin: 0;
}

#content-weit table td {
background: #eff1f3;
text-align: left;
vertical-align: middle;
}

#content-weit table td a {
font-size: 1em;
}

#content-weit p a {
font-size: 1em;
}

#content-weit table .tdbetween {
color: #0568ae;
font-weight: bold;
}

/* Personalisierungstools */
.perstools {
position: absolute;
top: 5px;
right: 5px;
width: 90px;
height: 15px;
}

.perstools li {
float: right;
width: 15px;
margin-left: 5px;
}

/* IhatE 6 */
* html .perstools li {
margin-left: -5px;
}

/* IhatE 6 */
* html .perstools li img {
margin-right: 0;
}

.close-open {
position: absolute;
top: 0;
right: 10px;
}

.warning .close {
position: absolute;
right: 5px;
top: 5px;
}

/* IhatE 6 */
* html .perstools li .close {
margin-right: -5px;
}
/* >>>>-------------- Artikel */

/*  Inhaltsliste */
#content .inhaltsliste {
float: left;
width: 458px;
margin: 0 1px 20px 0;
background: #e5e5e5 url(../images/white_line.gif) 228px 0 repeat-y;
}

/* IhatE 6 */
* html #content .inhaltsliste  {
height: 10px;
}

#content .inhaltsliste li,
#content .artikel .inhaltsliste li {
float: left;
font-size: 1em;
padding: 0;
background: none;
}

/* IhatE 6 */
* html #content .artikel .inhaltsliste li {
height: 1%;
}

#content .inhaltsliste li.cleaner,
#content .artikel .inhaltsliste li.cleaner {
visibility: hidden;
display: inline;
width: 458px;
height: 0;
padding: 0;
margin: 0;
background: none;
}

#content .inhaltsliste li a {
overflow: hidden;
text-decoration: none;
width: 211px;
font-size: 1.2em;
line-height: 1.3em;
display: block;
color: #000;
padding: 7px 0 7px 17px;
margin-right: 1px;
background: url(../images/arrow_right_blue.gif) 7px 12px no-repeat;
}

#content .inhaltsliste li a:hover {
background: #0568AE url(../images/arrow_right_white.gif) 7px 10px no-repeat;
color: #fff;
}

/*  Inhaltsverzeichnis */
#content .inhaltsverzeichnis {
float: left;
width: 458px;
padding: 10px 0 10px 0;
margin: 0 1px 20px 0;
border-top: #8f8f8f 1px solid;
border-bottom: #8f8f8f 1px solid;
}

/* IhatE 6 */
* html #content .inhaltsverzeichnis  {
height: 10px;
}

#content .inhaltsverzeichnis li,
#content .artikel .inhaltsverzeichnis li {
display: block;
padding: 0;
background: none;
}

/* IhatE 6 */
* html #content .inhaltsverzeichnis li {
height: 1%;
}

#content .inhaltsverzeichnis li a {
overflow: hidden;
text-decoration: none;
font-size: 1em;
font-weight: bold;
line-height: 1.3em;
display: block;
color: #000;
padding: 3px 0 3px 10px;
margin-right: 1px;
background: url(../images/arrow_verzeichnis.gif) 0 6px no-repeat;
}

#content .inhaltsverzeichnis li a:hover {
background: #0568AE url(../images/arrow_verzeichnis_on.gif) 0 6px no-repeat;
color: #fff;
}

/* Seitenwahl */
#content .seitenwahl {
margin: 10px 0 10px 0;
}

#content .seitenwahl li {
font-size: 1.1em;
color: #666666;
float: left;
margin-right: 4px;
background: none;
padding-left: 0;
}

#content .seitenwahl li a,
#content .seitenwahl li span  {
color: #666666;
font-size: 1em;
padding-right: 4px;
border-right: #666 1px solid;
background-image: none;
}

.seitenwahl li a:hover {
text-decoration: none;
}

#content .seitenwahl li.last a {
border: none;
}

/* Glossarseitenwahl */
#content .glossar-seitenwahl {
float: left;
width: 460px;
padding: 8px 0 8px 0;
margin-bottom: 25px;
border-bottom: 1px solid #ccc;
}

#content .glossar-seitenwahl h4 {
font-size: 1.5em;
float: left;
margin: 0 5px 0 0;
}

#content .glossar-seitenwahl .seitenwahl {
float: left;
margin-top: 2px;
}

#content .glossar-seitenwahl .seitenwahl li a {
text-decoration: underline;
}

#content .glossar-seitenwahl .seitenwahl li a:hover,
#content .glossar-seitenwahl .seitenwahl li a.active {
text-decoration: none;
background: none;
}

#content .glossar-seitenwahl span {
float: right;
color: #666;
margin-top: 3px;
}

#content .glossar-seitenwahl.bottom {
border-bottom: none;
border-top: 1px solid #ccc;
}

/* >>>>--------------  Artikel Allgemein */

#content .artikel {
width: 461px;
margin: 15px 0 0 0;
}

#content .weitere-artikel h4 {
margin-bottom: 10px;
}

#content .artikel h4 {
color: #0568ae;
font-size: 1.2em;
font-weight: bold;
}

#content .artikel p strong,
#content .artikel p a {
color: #0568AE;
}

#content .artikel img {
float: left;
margin: 0 15px 12px 0;
}

#content-weit ul,
#content .artikel ul {
font-size: 1.0em;
line-height: 1.3em;
margin: 0 0 20px 0;
}

#content-weit ul li,
#content .artikel ul li {
font-size: 1.2em;
line-height: 1.3em;
display: block;
padding: 0 0 0 15px;
background: url(../images/content_list_point.gif) 5px 0.6em no-repeat;
}

#content-weit ul li a,
#content .artikel ul li a {
color: #0568AE;
font-size: 1em;
}

#content .artikel ul li a:hover,
#content .artikel p a:hover {
text-decoration: none;
}

#content .artikel ul li ul {
margin: 5px 0 5px 0;
}

#content .artikel ul li ul li {
font-size: 1em;
}

#content .artikel td ul li {
font-size: 1em;
}

#content .artikel p {
line-height: 1.3em;
margin: 0 0 20px 0;
}

#content .infobox {
display: block;
width: 440px;
padding: 15px 10px;
margin: 0 0 15px 0px;
background-color: #e5e5e5;
}

#content .infobox p {
margin: 0 0 0 0;
}

/* Sprungmarke */
.sprungmarke,
.sprungmarke-down {
float: right;
color: #0568ae;
padding: 0 0 0 10px;
margin: 0 0 18px 0;
background: url(../images/arrow_top_blue.gif) left 5px no-repeat;
}

.sprungmarke-down {
background: transparent url(../images/arrow_down_blue.gif) no-repeat scroll left 5px;
display:block;
}

/* Flash Player */
#content .artikel .player {
float: left;
margin: 0 0 20px 0;
}

#content .artikel .player img {
margin: 0;
}

/* Nachfragebalken */
.question {
width: 450px;
margin-bottom: 20px;
padding: 10px 0 10px 9px;
padding-bottom: 10px;
background-color: #efefef;
}

.question strong {
font-size: 1.2em;
float: left;
width: 300px;
}

.question a {
color: #000000;
text-decoration: none;
float: left;
padding-left: 8px;
margin: 0 0 0 28px;
background: url(../images/arrow_right_black.gif) left no-repeat;
}

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

/* Weitere Artikel */
#content #weitere {
width: 460px;
margin-bottom: 35px !important;
}

#content #weitere li {
padding: 0 ;
background: none;
}

/* IhatE 6 */
* html #content #weitere li {
height: 1%;
}

#content #weitere a {
font-size: 1.2em ;
color: #000;
line-height: 1.4em;
display: block;
margin: 0 0 10px 0;
text-decoration: none;
}

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

/* Icons */
#content #weitere .icon-news {
background: url(../images/icon_news_little.gif) 0 0 no-repeat;
}

#content #weitere .icon-tools {
background: url(../images/icon_tools_little.gif) 0 0 no-repeat;
}

#content #weitere .icon-downloads {
background: url(../images/icon_downloads_little.gif) 0 0 no-repeat;
}

#content #weitere .icon-workflow {
background: url(../images/icon_workflow_little.gif) 0 0 no-repeat;
}

#content #weitere .icon-expertenrat {
background: url(../images/icon_experten_little.gif) 0 0 no-repeat;
}

#content #weitere .icon-wissen {
background: url(../images/icon_wissen_little.gif) 0 0 no-repeat;
}

#weitere .icon-workflow, #weitere .icon-downloads, #weitere .icon-tools,
#weitere .icon-news, #weitere .icon-wissen, #weitere .icon-expertenrat  {
padding-left: 31px;
}

/* Jumper Ariktel vor zurueck*/
#jumper {
float:left;
width: 460px;
border-top: 1px solid #ccc;
padding-top: 8px;
}

#jumper a {
font-size: 1.2em;
padding-left: 8px;
text-decoration: none;
color: #000;
}

#jumper li {
font-size: 1em;
float: left;
padding-top: 2px;
padding-left: 0;
background: none;
}

#jumper .first {
width: 190px;
}

#jumper .middle {
width: 108px;
}

#jumper .last {
width: 160px;
}

#jumper .first a {
background: url(../images/arrow_left_blue.gif) left 4px no-repeat;
}

#jumper .middle a {
background: url(../images/arrow_right_blue.gif) left 4px no-repeat;
}

#jumper .last a {
background: url(../images/arrow_right_blue.gif) right 4px no-repeat;
float: right;
padding-right: 8px;
}

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

/* Artikel Liste */
#content .inhalt .inhalt-liste {
font-size: 1.2em;
line-height: 1.3em;
margin:  0 0 20px 0;
}

#content .inhalt .inhalt-liste li {
background: url(../images/content_list_point.gif) 5px 0.6em no-repeat;
padding:0 0 0 15px;
}

/* Userbox */
#content .artikel .userbox {
float: right;
padding: 10px 5px 10px 5px;
margin: 0 0 3px 5px;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
background-color: #e5e5e5;
}

/* IhatE 6 */
* html #content .artikel .userbox {
width: 120px;
padding: 10px 5px 10px 5px;
}

* + html #content .artikel .userbox {
width: 120px;
padding: 10px 5px 10px 5px;
}

#content .artikel .userbox li {
background-image: none;
display: block;
padding: 0;
line-height: 1.6em;
}

/* IhatE 6 */
* html #content .artikel .userbox li {
height: 1%;
}

/* IhatE 7 */
* + html #content .artikel .userbox li {
height: 1%;
}

#content .artikel .userbox a {
font-size: 1em;
color: #000;
}

#content .artikel .userbox a:hover {
text-decoration: none;
}

#content .userbox .icon-ordner {
width: 100px;
}

/* >>>>-------------- Download Seite  */

#content ul.download-liste {
margin-left: 0;
}

#content ul.download-liste li {
margin: 0 0 8px 0;
padding: 0;
background: none;
}

#content ul.download-liste li a {
font-size: 1em;
padding-left: 8px;
background: url(../images/arrow_right_black.gif) left 5px no-repeat;
}

#content ul.download-liste li a:hover {
text-decoration: none;
}

#content .download {
display: block;
margin-bottom: 20px;
background-color: #E6F0F7;
padding: 10px 5px 20px 5px;
}

#content .download h4 {
display: block;
}

#content .download span {
color: #000;
font-size: 0.83em;
font-weight: normal;
float:right;
padding:5px;
}

#content .download a {
color: #0568AE;
font-size: 1em;
text-decoration: none;
}

/* >>>>-------------- Upgrade Seite  */

#content .upgrades {
margin: 25px 0 20px 0;
}

#content .upgrades img {
float :left;
}

#content .upgrades ul {
float: left;
}

#content .upgrades ul a {
display:block;
margin: 0 0 15px 19px;
font-size: 1.2em;
}

/* >>>>-------------- Meinem Ordner */

/* Linkliste */
#content .linkliste p {
font-size: 1.4em;
}

#content .linkliste .notierte-news {
margin-top: 6px;
padding-bottom: 6px;
}

#content .notierte-news {
width: 460px;
margin: 11px 0 0 0;
border-bottom: 1px solid #ccc;
padding-bottom: 12px;
}

#content .notierte-news p {
display: block;
width: 460px;
font-size: 1.2em;
padding: 0;
margin-bottom: 0;
}

#content .linkliste .notierte-news p {
margin-bottom: 5px;
}

#content .notierte-news p.bold {
font-weight: bold;
}

#content .notierte-news a {
text-decoration: none;
color: #666;
margin: 0;
}

#content .notierte-news .rss {
background: url(../images/icon_rss_feed.gif) no-repeat 0 0px;
padding: 0px 0 3px 18px;
}

#content .notierte-news a:hover {
text-decoration:underline;
}

#content .notierte-news .change {
display: block;
color: #ef0c0c;
font-size: 1.2em;
text-align: center;
width: 445px;
padding: 6px 5px 6px 10px;
margin: 12px 0 -8px 0;
background: #e5e5e5 url(../images/arrow_right_red.gif) 7px 9px no-repeat;
}

/* IhatE 6 */
* html #content .notierte-news .change {
background: #e5e5e5 url(../images/arrow_right_red.gif) 7px 8px no-repeat;
}

/* IhatE 7 */
* + html #content .notierte-news .change {
background: #e5e5e5 url(../images/arrow_right_red.gif) 7px 8px no-repeat;
}

/* >>>>-------------- Glossar */

#content .glossar dt {
font-size: 1.3em;
font-weight: bold;
}

#content .glossar dd {
font-size: 1.2em;
line-height: 1.4em;
margin-bottom: 34px;
}

#content .glossar dd ul {
margin-top:10px;
}

#content .glossar dd ul li{
font-size: 1em;
}
#content .glossar dd a {
color: #267cb9;
font-size: 1em;
}

#content .glossar ol {
font-size: 1em;
}

#content .glossar table td,
#content .glossar table th {
font-size: 1em !important;
}

/* Glossar-navi */
#content .glossar-navi {
float: left;
width: 453px;
height: 12px;
padding: 6px 0 5px 7px;
margin: 0 0 20px 0;
background-color: #e4e6e6;
}

#content .glossar-navi li {
text-align: center;
float: left;
width: 16px;
padding: 0 0 2px 0;
line-height: 1em;
border-right: 1px solid #000;
background: 0;
}

#content .glossar-navi li.last {
border: none;
}

#content .glossar-navi a {
clear: left;
text-decoration: none;
font-size: 1em;
padding: 4px;
color: #000000;
}

/* IhatE 6 */
* html #content .glossar-navi a {
padding:0;
}

#content .glossar-navi a:hover,
#content .glossar-navi a.active {
color: #0568ae;
font-weight: bold;
background: none;
}

/* >>>>-------------- Experten */

#content .experten-fragen {
font-size: 1.2em;
font-weight: bold;
float: left;
width: 447px;
padding: 10px 0 12px 15px;
margin: 10px 0 20px 0;
background-color: #e6f0f7;
}

#content .experten-fragen .left {
margin: 0 5px 0 0;
float: left;
}

#content .experten-fragen .right {
margin: 0 0 0 5px;
float: right;
}

#content .experten-fragen a,
#content .experte a {
font-size: 1.1em;
color: #0568ae;
margin-left: 7px;
}

#content .experte a {
font-size: 1em;
margin: 0;
}

#content .experten-fragen a:hover,
#content .experte a:hover {
text-decoration: none;
}

#content .expertefirst {
background-color: #f1f0f0;
}

#content .experte {
width: 450px;
float: left;
padding: 0 5px 17px 7px;
margin: 0 0 11px 0;
border-bottom: 1px solid #ccc;
}

#content .experte h4 {
display: block;
font-size: 1.5em;
margin: 8px 0 0 0;
}

#content .experte img {
float: left;
margin: 6px 12px 5px 0;
border: 1px solid #c2d5e3;
}

#content .experte p {
margin: 0;
font-size: 1.2em;
line-height: 1.4em;
}

/* >>>>-------------- Workflow */

#content .workflow-liste {
width: 460px;
margin-bottom: 20px;
}

#content .workflow-liste dl dt {
margin-top: 9px;
}

#content .workflow-liste dl dt,
#content .workflow-liste dl dd.last {
border-bottom: 1px solid #ccc;
padding: 0 0 11px 0;
}

#content .workflow-liste dt a {
color: #000;
background-color: #000099;
text-decoration: none;
font-size: 1.6em;
font-weight: bold;
padding: 0 0px 0 13px;
background: url(../images/arrow_big_right_blue.gif) left 5px no-repeat;
}

#content .workflow-liste dt.active {
border-bottom: none;
padding-bottom: 21px;
}

#content .workflow-liste a.active {
border-bottom: none;
background: url(../images/arrow_big_down_blue.gif) 0px 7px no-repeat;
}

#content .workflow-liste dt span {
color: #0568ae;
}

#content .workflow-liste dl dd {
margin: 0px 0 9px 0;
}

#content .workflow-liste dl dt a:hover {
color: #0568ae;
}

/* >>>>-------------- Landingpage */

#content h1 .date {
font-size: 0.6em;
color: #666666;
display: block;
margin: 0 0 20px 0;
}

#content h3.with-margin {
margin-bottom: 20px;
line-height: 1.3125em;
width: 460px;
}

#content .wichtige-fragen {
margin: 20px 0 20px 0;
}

#content .wichtige-fragen .person {
float: left;
margin: 0 10px 0 0;
}

#content .wichtige-fragen .person span {
display: block;
padding: 2px 2px 2px 5px ;
font-size: 1.1em;
line-height: 1.5em;
background-color: #dfdfdf;
}

#content .wichtige-fragen .person span img {
margin: 0 0 2px -3px;
}

#content .sonder-report {
width: 440px;
padding: 15px 10px;
margin: 0 0 15px 0;
background: #E6F0F7;
}

#content .sonder-report p {
margin: 0 0 0 0;
}

#content .sonder-report p small {
font-size: 0.94em;
}

#content .sonder-report p a {
color: #000;
font-size: 1.1em;
}

#content .sonder-report img {
float: right;
margin: 0 0 5px 1px;
}

#content .buttom-middle {
display: block;
margin: 0 auto;
width: 165px;
}

#content .button-zum-formular {
float: left;
margin: 15px 0 80px 0;
}

#content .buttom-middle-margin {
display: block;
margin: 0 auto;
width: 165px;
}

#content .buttom-middle {
margin: 20px auto 60px auto;
}

#content .heiklen-fragen {
margin: 0 0 30px 0
}

#content .heiklen-fragen li {
font-size: 1.2em;
line-height: 1.6em;
margin: 0 0 10px 0;
padding-left: 10px;
background: url(../images/content_list_point.gif)  left 7px no-repeat;
}

#content .comment {
font-size: 1em;
line-height: 1.6em;
display: block;
width: 440px;
padding: 15px 10px;
margin: 0 0 15px 0;
background: #e5e5e5;
}

#content .comment p {
margin: 0 0 0 0;
}

#content .comment.last {
margin-bottom: 60px;
}

#content .comment i {
display: block;
margin-top: 20px;
}

/* >>>>-------------- Sitemap */

#sitemap {
width: 940px;
padding: 28px 25px 0 25px;
}

#sitemap h1 {
color: #0568ae;
font-size: 2.4em;
font-weight: bold;
margin-bottom: 15px;
}

#sitemap dl {
float: left;
width: 230px;
padding: 0 5px 0 0;
}

#sitemap dt {
display: block;
width: 230px;
height: 32px;
padding: 30px 0 5px 0;
border-bottom: #e5e5e5 1px solid;
}

#sitemap dt a {
color: #0568ae;
font-weight: bold;
font-size: 1.6em;
text-decoration: none;
}

#sitemap dt.followdt {
display: block;
width: 230px;
height: 15px;
padding: 30px 0 8px 0;
border-bottom: #e5e5e5 1px solid;
}

#sitemap dd li {
display: inline;
}

#sitemap dd a {
color: #000;
font-size: 1.3em;
font-weight: bold;
line-height: 1em;
text-decoration: none;
display: block;
width: 201px;
padding: 8px 0 7px 29px;
border-bottom: #e5e5e5 1px solid;
background: url(../images/arrow_right_black.gif) 20px 12px no-repeat;
}

#sitemap dd a:hover {
background-color: #f2f2f2;
}

#sitemap dd li a {
width: 191px;
font-weight: normal;
font-size: 1.1em;
padding-left: 39px;
background: url(../images/dot_blue.gif) 30px 10px no-repeat;
}

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

#context {
float: left;
width: 210px;
}

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

#context .teaserbox-green,
#context .teaserbox-second,
#context .teaserbox {
position: relative;
margin-bottom: 30px;
background: #e6f0f7;
}

#context .teaserbox  h4 {
color: #0568ae;
}

* html #context .teaserbox  h4 {
margin-bottom: 10px;
}

* + html #context .teaserbox  h4 {
margin-bottom: 10px;
}

#context .teaserbox-green a.more,
#context .teaserbox-second a.more,
#context .teaserbox  a.more {
font-size: 1.1em;
}

#context .teaserbox-green  a.arrow,
#context .teaserbox-second  a.arrow,
#context .teaserbox  a.arrow {
float: left;
color: #000;
text-decoration: underline;
padding-left: 10px;
margin-right: 6px;
background: url(../images/arrow_right_black.gif) 0 4px no-repeat;
}

#context .teaserbox-green p a,
#context .teaserbox-second p a,
#context .teaserbox p a {
color: #000;
font-size: 1em;
padding-left: 10px;
text-decoration: underline;
background: url(../images/arrow_right_black.gif) 0 4px no-repeat;
}

/*-----------andere Version mit orangener Schrift----*/

#context .teaserbox-second {
background-color: #e6f0f7 !important;
}

#context .teaserbox-second  h4 {
color: #F59232;
}

/*-----------andere Version-Gr�en ----*/
#context .teaserbox-green {
background-color: #eaf7d8 !important;
}

#context .teaserbox-green  h4 {
color: #7BC42D;
}

/*-----------/andere Version----*/

#context .teaserbildteaserbild {
padding: 95px 10px 15px 10px;
background-position: top left;
background-repeat: no-repeat;
}

#context .teaserstyle {
padding: 15px 10px 15px 10px;
}

/* IE6 */
* html #context .teaserstyle {
padding: 16px 10px 10px 10px;
}

/* IE7 */
* + html #context .teaserstyle {
padding: 16px 10px 10px 10px;
}

#context .first {
margin-top: 28px;
}

#context .arrow {
float: left;
color: #000;
text-decoration: underline;
padding-left: 10px;
margin-right: 6px;
background: url(../images/arrow_right_black.gif) 0 2px no-repeat;
}

#context .free {
display: block;
width: 126px;
height: 17px;
margin: 0 0 0 10px;
background: url(../images/icon_kostenlos.gif) no-repeat;
}

#context .free span {
display: none;
}

#context .free-schluessel {
display: block;
width: 132px;
height: 17px;
margin: 0 0 0 10px;
background: url(../images/icon_kostenlos_schluessel.gif) no-repeat;
}

#context .free-schluessel span {
display: none;
}

#context h4 {
position: relative;
font-weight: bold;
font-size: 1.6em;
margin: 0 0 12px 0;
}

#context h5 {
font-size: 1.3em;
font-weight: bold;
margin-bottom: 10px;
}

#context p {
line-height: 1.2em;
padding-bottom: 10px;
}

#context ol {
margin-left: 20px;
font-weight: bold;
}

#context ul {
margin-right: 0;
padding-left: 0;
background: none;
margin-bottom: 10px;
}

#context ul li {
font-size: 1.2em;
text-decoration: underline;
padding-left: 10px;
background: url(../images/arrow_right_black.gif) 0 3px no-repeat;
margin-bottom: 5px;
}

* html #context ul li {
height: 1%;
}

#context ul li a {
color: #000;
font-weight: normal;
line-height: 1.2em;
font-size: 1em;
}

/* IhatE 6 */
* html #context ul li a {
padding-right: 0;
margin-right: 0;
width: 170px;
}

/* IE 6 */
* html #context ol {
margin-left: 25px;
}

/* IhatE 7 */
* + html #context ol {
margin-left: 25px;
}

#context ol li {
margin-bottom: 4px;
}

#context ol li a {
display: block;
color: #000;
font-size: 1em;
font-weight: normal;
line-height: 1.2em;
padding-right: 2px;
}

/* IhatE 6 */
* html #context ol li a {
height: 1%;
}

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

#context ol li span {
font-size: 0.9em;
font-weight: normal;
text-decoration: none !important;
}

/* Teaser Mehr Interesse */
#context .mehr-interesse {
float: right;
margin: 0 0 15px 90px;
}

#context .mehr-interesse-zu {
float: right;
margin: 0 0 0 90px;
}

/* Teaser Mein Ordner */
#context .meinordner {
padding-left: 18px;
background: url(../images/icon_mein_ordner.gif) 0 0 no-repeat;
}

/* Teaser Login */
#context .login input {
font-size: 1.2em;
width: 172px;
height: 19px;
margin: 0 0 5px 0;
padding: 4px 8px 0 8px;
border: 0;
background: url(../images/login_input_bg.gif) no-repeat;
}

/* IE6 */
* html #context .login input {
margin-bottom: 3px;
}

/* IE7*/
* + html #context .login input {
margin-bottom: 3px;
}

#context .login input.checkbox {
float: left;
width: 15px;
margin-right: 5px;
margin-bottom: 0;
background: none;
}

* + html #context .login .button {
height: 18px;
}

* html #context .login .button {
height: 18px;
}

#context .login label {
display: block;
font-size: 1.2em;
margin: 4px 0 5px 5px;
}

#context .login a {
margin-bottom: 3px;
}

/* Teaser Meine Suche */
#context #meinesuche,
#context #meinesuche-hell,
#context #meinesuche-green,
#context #meinesuche-blue,
#context #meinesuche-change  {
width: 190px;
margin: 0 0 30px 0;
padding: 16px 10px 5px 10px;
background-color: #0568ae;
}

#context #meinesuche h4,
#context #meinesuche-hell h4,
#context #meinesuche-green h4,
#context #meinesuche-blue h4,
#context #meinesuche-change h4 {
color: #fff !important;
margin: 0 0 6px 0;
}

#context #meinesuche h4 img,
#context #meinesuche-hell h4 img,
#context #meinesuche-green h4 img,
#context #meinesuche-blue h4 img,
#context #meinesuche-change h4 img {
position: absolute;
top: -5px;
right: 0;
}

#context #meinesuche li,
#context #meinesuche-hell li,
#context #meinesuche-green li,
#context #meinesuche-blue li,
#context #meinesuche-change li  {
padding-left: 10px;
background: url(../images/arrow_right_white.gif) 0 3px no-repeat;
margin-bottom: 4px;
}

#context #meinesuche li a,
#context #meinesuche-hell li a,
#context #meinesuche-green li a,
#context #meinesuche-blue li a,
#context #meinesuche-change li a {
color: #fff;
line-height: 1.2em;
}

/* IhatE 6 Fix */
* html #context #meinesuche h4 img {
right: 10px;
top: 2px;
}

/*---Meine Suche in hell Blau */
#context #meinesuche-hell {
background-color: #E6F0F7;
}

#context #meinesuche-hell h4 {
color: #f59232;
}

#context #meinesuche-hell li {
background: url(../images/arrow_right_black.gif) 0 3px no-repeat;
}

#context #meinesuche-hell li a {
color: #000;
}

/* IhatE 6 Fix */
* html #context #meinesuche-hell h4 img {
right: 10px;
top: 2px;
}

/*---Meine Suche in Gruen---*/
#context #meinesuche-green {
background-color: #7bc42d;
}

#context #meinesuche-green h4 {
color: #fff;
}

/* IhatE 6 Fix */
* html #context #meinesuche-green h4 img {
right: 10px;
top: 2px;
}


#context .teaserbild {
background-position:left top;
background-repeat:no-repeat;
padding:95px 10px 15px;
}


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

#footer {
width: 956px;
height: 234px;
background: url(../images/footer_bg.jpg) -34px 0 no-repeat;
margin: 30px 0 -20px 0;
padding: 30px 0 0 34px;
}

/* IhatE 6 Fix */
* html #footer {
margin-bottom: 0;
}

#footer dl {
float: left;
margin-right: 30px;
}

#footer dt {
color: #0568ae;
font-weight: bold;
font-size: 1.6em;
padding: 5px 0 10px 0;
border-bottom: #ccc 1px solid;
}

#footer dd {
border-bottom: #ccc 1px solid;
}

#footer dd a {
display: block;
color: #000;
width: 151px;
line-height: 1em;
text-decoration: none;
padding: 8px 0 7px 9px;
background: url(../images/arrow_right_black.gif) 0 11px no-repeat;
}

#footer dd a:hover {
color: #fff;
font-weight: bold;
background: #0568ae url(../images/arrow_right_white.gif) 0 11px no-repeat;
}

#footer dd.last {
border: none;
}

/* Zeugnisgenerator */

#zeugnisgenerator {
width: 460px;
}

* html #zeugnisgenerator {
overflow: hidden !important;
}


#zeugnisgenerator ul.zeugnisdaten {
margin-bottom: 10px;
}

#zeugnisgenerator ul li {
background: #E6F0F7 !important;
color: #FFFFFF;
font-size: 14px !important;
margin: 0 0 1px;
padding: 0 !important;
position: relative;
}

* html #zeugnisgenerator ul li {
height: 1px;
display: block;
margin-bottom: -2px;
}

#zeugnisgenerator ul li.active {
background: #0568AE;
padding: 3px 5px !important;
}

#zeugnisgenerator ul li.active a {
display: inline;
padding: 0;
}

#zeugnisgenerator ul li a {
color: #0568AE !important;
text-decoration: none;
display: block;
padding: 3px 5px;
line-height: 16px;
font-size: 0.9em;
}

#zeugnisgenerator ul li.active a {
color: #0568AE;
}

#zeugnisgenerator ul li.active a:hover {
background: none;
color: #0568AE;
}

#zeugnisgenerator ul li.active, 
#zeugnisgenerator ul li a:hover, 
#zeugnisgenerator .check h3 a:hover {
background-color: #0568AE !important;
color: #fff !important;
}

#zeugnisgenerator ul li a.zeugnisgenerator-head span.number, 
#zeugnisgenerator ul li span.number {
color: #0185B5;
display: inline-block;
font-size: 11px;
margin-right: 5px;
padding:2px 0;
text-align: center;
width: 20px;
background: url(../images/zeugnisgenerator/bg_number.png) no-repeat scroll 0 0;
}

* html #zeugnisgenerator ul li a.zeugnisgenerator-head span.number, 
* html #zeugnisgenerator ul li span.number {
background: url(../images/zeugnisgenerator/bg_number.gif) no-repeat scroll 0 0;
}

#zeugnisgenerator ul li a:hover span.number,
#zeugnisgenerator ul li.active span.number {
color: #0185B5;
}

#zeugnisgenerator ul li h3 a, 
#zeugnisgenerator ul li h3 a:hover, 
#zeugnisgenerator .check h3 a,
#zeugnisgenerator .check h3 a:hover {
color: #000000 !important;
display: inline;
font-size: 11px !important;
padding: 0;
text-decoration: underline;
background-color: none !important;
}

#zeugnisgenerator .content {
background: #FAFAFA none repeat scroll 0 0;
color: #3C3C3C;
font-size: 11px;
font-weight: normal;
margin: 3px -4px -2px;
padding: 10px;
}

#zeugnisgenerator .content fieldset {
width: 100%;
}

#zeugnisgenerator legend {
display:none;
}

#zeugnisgenerator h3 {
border-bottom: 1px solid #0082BA;
color: #0185B5;
font-size: 14px;
padding-bottom: 5px;
}

#zeugnisgenerator fieldset div.clearfix {
margin-bottom: 20px;
}

#zeugnisgenerator label {
display: block;
float: left;
margin-right: 20px;
position: relative;
width: 140px;
}

* html #zeugnisgenerator label {
position: static;
}

#zeugnisgenerator .grundinformationen label.zeugnisart, 
#zeugnisgenerator .grundinformationen label.neue-position, 
#zeugnisgenerator .grundinformationen label select {
width: 140px;
}

#zeugnisgenerator .grundinformationen label.zeugnisart, 
#zeugnisgenerator .grundinformationen label.neue-position, 
#zeugnisgenerator .grundinformationen label select {
width: 250px;
}

#zeugnisgenerator input.text, 
#zeugnisgenerator select, 
#zeugnisgenerator textarea {
background: #FFFFFF none repeat 0 0;
border: 1px solid #0568AE;
width: 100%;
}


#zeugnisgenerator label strong {
display: block;
margin-bottom: 5px;
}

#zeugnisgenerator textarea {
-x-system-font:none;
font-family:Arial;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:5px;
width: 425px;
}

#zeugnisgenerator .grundinformationen label.unterzeichner, 
#zeugnisgenerator .grundinformationen label.neuer-bereich {
margin-right: 0;
width: 195px;
}

#zeugnisgenerator .grundinformationen label.ausstellungsdatum, 
#zeugnisgenerator .grundinformationen label.wechseldatum {
width: 120px;
}

#zeugnisgenerator .beschaeftigungsverhaeltnis label.stellentitel {
margin-right: 0;
width: 235px;
}

#zeugnisgenerator .person label.anrede, 
#zeugnisgenerator .person label.titel {
width: 50px;
}

#zeugnisgenerator .person label.vorname,
#zeugnisgenerator .person label.nachname {
width: 125px; 
}

#zeugnisgenerator fieldset.aufgabenbeschreibung div.clearfix {
margin-bottom: 10px;
}

#commerce_order .contentbox a.info, 
#zeugnisgenerator ul li h3 a.info, 
#zeugnisgenerator .check h3 a.info,
#zeugnisgenerator li.active h3 a.info:hover {
display: inline-block;
height: 20px;
margin-right: 5px;
overflow: hidden;
position: relative;
text-indent: -100px;
top: 5px;
width: 20px;
background: url(../images/zeugnisgenerator/ico_info.gif) 0 0 no-repeat;
}

#zeugnisgenerator li.active h3 a:hover,
#zeugnisgenerator fieldset.check h3 a:hover {
color: #fff !important;
padding: 0 3px;
}

#zeugnisgenerator .check h3 a.info:hover,
#zeugnisgenerator li.active h3 a.info:hover  {
padding: 0;
}

* html #zeugnisgenerator ul li h3 a.info {
margin-bottom: 5px;
}

* + html #zeugnisgenerator ul li h3 a.info {
margin-bottom: 5px;
}

#zeugnisgenerator ul.noten li {
background: none;
color: #3C3C3C;
float: left;
font-size: 11px;
line-height: 1.2em;
text-align: center;
width: 70px;
background: none !important;
}

#zeugnisgenerator ul.noten li label {
float: none;
margin-right: 0;
width: auto;
}

#zeugnisgenerator ul.noten li strong {
font-size: 10px;
margin: 0;
}

#zeugnisgenerator ul.noten li input {
border: none;
left: -1px;
margin: 0;
position: relative;
}

#zeugnisgenerator .textvarianten ul {
margin-bottom: 10px;
}

#zeugnisgenerator .textvarianten ul li {
background: none;
padding: 0;
position: static;
}

#zeugnisgenerator .textvarianten ul label {
display: block;
float: none;
font-size: 11px;
margin-right: 0;
position: relative;
width: auto;
}

* html #zeugnisgenerator .textvarianten ul li label {
padding-top: 1px;
}

* + html #zeugnisgenerator .textvarianten ul li label {
padding-top: 1px;
}

#zeugnisgenerator .textvarianten ul label strong {
background: #EDEDED;
border: 1px solid #EDEDED;
color: #646464;
cursor: pointer;
font-weight: normal;
padding: 10px 10px 10px 30px;
}

#zeugnisgenerator .textvarianten ul li input {
left: 5px;
position: absolute;
top: 11px;
}

#zeugnisgenerator ul li.finished a.zeugnisgenerator-head, 
#zeugnisgenerator ul li.finished {
color: #fff !important;
background: #0568AE url(../images/zeugnisgenerator/bg_finished.png) right top no-repeat;
}

* html #zeugnisgenerator ul li.finished a.zeugnisgenerator-head, 
* html #zeugnisgenerator ul li.finished {
background: #0185B5 url(../images/zeugnisgenerator/bg_finished.gif) right top no-repeat;
}

.tx-comments-required-error, .form-error {
color: red;
display: block;
padding: 5px 0;
}

#zeugnisgenerator .zeugnisvorschau {
margin-bottom: 10px;
}

#zeugnisgenerator .zeugnisvorschau p {
margin-bottom: 0;
}

#zeugnisgenerator .textvarianten h3, 
#zeugnisgenerator .textvarianten ul {
display: none;
}

#zeugnisgenerator .button-content {
float: right;
margin-right: 0;
}

#zeugnisgenerator .button-content span {
background: url(../images/button_teil_mitte_stoerer_zeugnis.gif) 0 0 repeat-x;
}

#zeugnisgenerator .button-content span span {
background: url(../images/button_teil_links_stoerer_zeugnis.gif) 0 0 no-repeat;
}

#zeugnisgenerator .button-content span span span {
background: url(../images/button_teil_rechts_stoerer_zeugnis.gif) right 0 no-repeat;
}

/* IE6 */

* html #zeugnisgenerator .textvarianten ul label strong {
height: 1px;
}

* html #zeugnisgenerator ul li.active {
width: 450px;
margin-top: -1px !important;
}

* html #zeugnisgenerator .content .austrittsgrund label {
margin: 0;
}



* html #zeugnisgenerator .textvarianten ul li {
background: none !important;
}

/* IE7 */
* + html #zeugnisgenerator .textvarianten ul li {
background: none !important;
}

#zeugnisgenerator .textvarianten ul .selected label strong,
#zeugnisgenerator .textvarianten ul label:hover strong,
#zeugnisgenerator .textvarianten ul .hover label strong {
border: 1px solid #78B2DA;
background: #fff;
color: #3c3c3c;
}