/*
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, #wrapper 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,
#wrapper table, #wrapper caption, #wrapper tbody, #wrapper tfoot,
#wrapper thead, #wrapper tr, #wrapper th, #wrapper td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

#wrapper {
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;
}

#wrapper a, #wrapper p, #wrapper 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,
#navigation .kategorie-filter dt {
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;
}

/* >>>>-------------- Filter in der Navigation */
#navigation .kategorie-filter {
background: #0568ae;
padding: 15px 0;
}

#navigation .kategorie-filter dl {
margin: 0;
}

#navigation .kategorie-filter dt {
color: #fff;
padding: 0 0 8px 10px;
}

#navigation .kategorie-filter dd,
#navigation .kategorie-filter dt {
border: none;
}

#navigation .kategorie-filter dd a {
padding: 0 10px;
background-image: none;
}

#navigation .kategorie-filter dd a span {
color: #fff;
display: block;
padding: 10px 10px 11px 30px;
border-bottom: 1px solid #fff;
background-image: none;
background: url(../images/icon_new_filter.gif) 0 0 no-repeat;
}

#navigation .kategorie-filter dd a:hover span,
#navigation .kategorie-filter dd a.active span {
color: #0568ae;
background: #e6f0f7;
font-weight: normal;
padding: 10px 19px 11px 39px;
background-image: url(../images/icon_new_filter_hover.gif);
background-repeat: no-repeat;
}


#navigation .kategorie-filter dd a.expertenrat span {
background: url(../images/icon_new_filter_experten.gif) 0 3px no-repeat;
}

#navigation .kategorie-filter dd a.tools span {
background: url(../images/icon_new_filter_tools.gif) 0 3px no-repeat;
}

#navigation .kategorie-filter dd a.downloads span {
background: url(../images/icon_new_filter_downloads.gif) 0 3px no-repeat;
}

#navigation .kategorie-filter dd a.wissen span {
background: url(../images/icon_new_filter_wissen.gif) 0 3px no-repeat;
}

#navigation .kategorie-filter dd a.news span {
background: url(../images/icon_new_filter_news.gif) 1px 3px no-repeat;
}

#navigation .kategorie-filter dd a.workflow span {
background: url(../images/icon_new_filter_workflow.gif) 1px 3px no-repeat;
}

#navigation .kategorie-filter dd a.last span {
border: none;
}

#navigation .kategorie-filter dd a span span {
padding: 0 0 0 0;
width: 100%;
border: none;
background: url(../images/arrow_new_filter.gif) right 3px no-repeat !important;
}

#navigation .kategorie-filter dd a:hover,
#navigation .kategorie-filter dd a.active {
background-image: none;
padding: 0 1px;
position: relative;
top: -1px;
}

#navigation .kategorie-filter dd a:hover span span,
#navigation .kategorie-filter dd a.active span span {
padding: 0 0 0 0;
background-position: right -17px !important;
}

#navigation .kategorie-filter dd a.expertenrat:hover span,
#navigation .kategorie-filter dd a.expertenrat.active span {
background: #e6f0f7 url(../images/icon_new_filter_experten.gif) 9px -39px no-repeat;
}

#navigation .kategorie-filter dd a.tools:hover span,
#navigation .kategorie-filter dd a.tools.active span {
background: #e6f0f7 url(../images/icon_new_filter_tools.gif) 9px -37px no-repeat;
}

#navigation .kategorie-filter dd a.downloads:hover span,
#navigation .kategorie-filter dd a.downloads.active span {
background: #e6f0f7 url(../images/icon_new_filter_downloads.gif) 9px -37px no-repeat;
}

#navigation .kategorie-filter dd a.wissen:hover span,
#navigation .kategorie-filter dd a.wissen.active span {
background: #e6f0f7 url(../images/icon_new_filter_wissen.gif) 9px -37px no-repeat;
}

#navigation .kategorie-filter dd a.news:hover span,
#navigation .kategorie-filter dd a.news.active span {
background: #e6f0f7 url(../images/icon_new_filter_news.gif) 10px -37px no-repeat;
}

#navigation .kategorie-filter dd a.workflow:hover span,
#navigation .kategorie-filter dd a.workflow.active span {
background: #e6f0f7 url(../images/icon_new_filter_workflow.gif) 10px -37px no-repeat;
}



/* >>>>-------------- 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, #content-weit 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, #content-weit p {
font-size: 1.2em;
line-height: 1.6em;
margin-bottom: 20px;
}

#content p.article-date {
color: #666666;
font-size: 11px;
margin: 0;
}


#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 .experten-teaser li a,
#content .meine-fragen li a {
font-size: 1.2em;
}

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

#wrapper select {
width: 186px;
}

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

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

.formular #wrapper .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;
position: fixed;
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 */
#wrapper table {
width: 100%;
margin-bottom: 25px;
margin-top: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

#wrapper #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,
#content .log-box ul {
font-size: 1.0em;
line-height: 1.3em;
margin: 0 0 20px 0;
}

#content-weit ul li,
#content .artikel ul li,
#content .log-box 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 .log-box ul li {
background: url(../images/content_list_point_white.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;
}

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

#content #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-gruen ----*/
#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 und Info-Leiste */

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

#info-leiste {
height: auto;
padding: 6px 0 5px 34px;
background: #0568AE;
background-image: url(../images/bg_strenner.gif);
background-position: center 0;
background-repeat: no-repeat;
}

#wrapper #info-leiste table {
width: 100%;
margin: 0 auto;
}

#wrapper #info-leiste td {
width: 50%;
text-align: center;
padding: 6px 0 5px;
border: 0;
}

#wrapper #info-leiste td a {
color: #fff;
width: auto;
margin: 0;
line-height: 1em;
text-decoration: none;
font-size: 1em;
padding: 8px 9px 7px;
background: url(../images/arrow_right_white.gif) 0 11px no-repeat;
}

#wrapper #info-leiste td a:hover {
font-weight: normal;
text-decoration: underline;
}

/* IhatE 6 Fix */
* html #footer,
* html #info-leiste {
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;
}

#contactfloater {
padding: 0;
margin: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
position: fixed;
top: 50px;
z-index: 1005;
width: 500px;
margin-left: -250px;
left: 50%;
}

* html #contactfloater {
width: 986px;
}

#contactfloater .header {
font-family:Arial, Helvetica, sans-serif;
color: #0568ae;
font-size: 18px;
font-weight: bold;
}

/* ---->>>>> Neuer Login */
#content .log-box {
padding: 10px;
border: 1px solid #9bc3df;
}

#content .log-box .stoerer {
margin-bottom: 10px;
}

#content .log-box .stoerer .inhalt-liste {
margin-bottom: 10px;
}

#content .log-box .stoerer p {
margin: 0;
}

#content .log-box h3 {
color: #fff !important;
}

#content .log-box .ext-button {
display: inline-block;
margin: 0;
}

#content .log-box form {
text-align:center;
}

#content .log-box form.formular {
text-align:left;
}

#content .log-box .ext-button span {
background: url(../images/button_teil_ext_mitte_stoerer.gif) 0 0 repeat-x ;
}

#content .log-box .ext-button span span {
background: url(../images/button_teil_ext_links_stoerer.gif) 0 0 no-repeat ;
}

#content .log-box .ext-button span span span {
font-size: 15px;
padding: 7px 30px 7px;
background: url(../images/button_teil_ext_rechts_stoerer.gif) right 0 no-repeat ;
}


#content .log-box .bg-hblau h3 {
color: #0568ae !important;
}

#content .log-box .bg-hblau {
margin-bottom: 0;
}

#content .bg-hblau {
background: #E6F0F7;
padding: 15px 10px;
}

#content .log-box p {
margin-bottom: 10px;
}

#content .bg-hblau fieldset {
padding-top: 0;
}

#content .log-box .bg-hblau label {
width: 160px;
}

* + html #content .log-box .bg-hblau label {
width: 167px;
}


#content .bg-hblau .button-content {
margin-right: 2px;
}

/*--- NEUE SUCHERGEBNISSE ---*/
#content .results {
padding: 20px 0 5px;
}

#content .results ol {
list-style: none;
padding: 0;
margin: 0;
}

#content .results li ul {
margin: 10px 0 0 25px;
}

#content .results .box {
margin: 0 0 24px 0;
line-height: 16px;
}


#content .results .box strong {
font-weight: normal;
margin: 0 0 2px 0;
}

#content .results .box strong a {
padding-left: 18px;
font-size: 14px;
background: url(../images/icon_search_hr.gif) 0 2px no-repeat;
}

#content .results .box a {
color: #000;
}

#content .results .box .link a {
text-decoration: none;
line-height: 16px;
}

#content .results .box .link a {
color: #666;
}

#content .results .box .link em {
font-style: normal;
color: #666;
padding: 0 0 0 14px;
background: url(../images/arrow_right_hellgrey.gif) 6px 3px no-repeat;
}

#content .results .box .link strong {
color: #0568ae;
}

/* UNTERSCHIEDLICHE ICONS */
#content .results .box .word,
#content .results .box .pdf,
#content .results .box .exel,
#content .results .box .powerpoint {
padding: 3px 0 2px 17px;
}

#content .results .box .word {
background: url(../images/icon_word.gif) 0px 3px no-repeat;
}

#content .results .box .pdf {
background: url(../images/icon_pdf.gif) 0px 3px no-repeat;
}

#content .results .box .exel {
background: url(../images/icon_exel.gif) 0px 3px no-repeat;
}

#content .results .box .powerpoint {
background: url(../images/icon_powerpoint.gif) 0px 3px no-repeat;
}

/* FARBEN */
#content .results .green .link strong {
color: #6B9535;
}

#content .results .green strong a {
background: url(../images/icon_search_lo.gif) 0 2px no-repeat;
}

#content .results .orange .link strong {
color: #CF7715;
}

#content .results .orange strong a {
background: url(../images/icon_search_fi.gif) 0 2px no-repeat;
}

/* SITES */
#content .sites {
margin: 0 0 40px 0;
}

#content .sites ul {
margin: 0 0 10px 0;
}

#content .sites li {
display: block;
float: left;
font-size: 11px;
color: #6f6f6f;
}

#content .sites li a {
color: #6f6f6f;
padding: 0 6px;
text-decoration: none;
background: url(../images/bg_sites_trenner.gif) right 1px no-repeat;
}

#content .sites li.last a {
background: none;
}

#content .sites li a em {
font-style: normal;
text-decoration: underline;
}

#content .sites .next,
#content .sites .prev {
float: left;
color: #000;
text-decoration: none;
font-size: 11px;
padding-left:8px;
background: url(../images/arrow_right_blue.gif) left 2px no-repeat;
}

#content .sites .next {
float: right;
}

#content .height50 {
height: 50px;
}

#content .vorschlage {
margin: 0 0 20px 0;
}

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