/*******************************/
/* Settings for deactivated JS */
/*******************************/
div.noscript p {
    background-color: #f5e2df;
    border-top: 2px solid #b41e0a;
    border-right: none;
    border-bottom: 2px solid #b41e0a;
    border-left: none;
    color: #b41e0a;
    display: block;
    font-family: verdana;
    font-size: 11px;
    margin: 0px auto;
    padding: 10px;
    line-height: 15px;
    text-align: center;
    width: auto
}
div.noscript p strong { font-weight: bold; }

/*********************************************************/
/* http://www.positioniseverything.net/easyclearing.html */
/*********************************************************/
.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
.clear {
    clear: both;
    margin: 0;
    padding: 0;
    height: 1px;
}

/**************/
/* Alignments */
/**************/
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.clear-none  { clear: none; }
.clear-left  { clear: left; }
.clear-right { clear: right; }
.clear-both  { clear: both; }
.bold { font-weight: bold; }
.smaller { font-size: x-small; line-height: 120%}
.width-auto { width: auto; }
.nowrap {white-space: nowrap;}
.hide { display: none; }
.centered { text-align: center; width: 100%; margin: 0; }
.overlined { border-top: 1px solid #666666; }
.bordered { border: 1px solid red; }
.no-border { border: none; }
.pointer { cursor: pointer; }
.ta-c { text-align: center; }

/*****************/
/* Width & Sizes */
/*****************/
.b250 { width: 250px; }
.b300 { width: 300px; }
.b320 { width: 320px; }
.b350 { width: 350px; }
.b380 { width: 380px; }
.b500 { width: 500px; }
.b760 { width: 760px; }
.b940 { width: 940px; }
.small { font-size: small; }
.smaller { font-size: smaller; }
.large { font-size: large; }

/***************/
/* Decorations */
/***************/
a.hoverdeco { text-decoration: none; }
a.hoverdeco:hover { text-decoration: underline; }
a.pdfdoc {
    background: transparent url('../img/pdf-icon-16x16.jpg') 0px 0px no-repeat;
    padding: 1px 0px 1px 20px;
}
a.worddoc {
    background: transparent url('../img/word-icon-16x16.jpg') 0px 0px no-repeat;
    padding: 1px 0px 1px 20px;
}
a.arrowlink, input.arrowlink, span.arrowlink, input.arrowlink:hover {
    background: url('../img/icons.gif') left -996px no-repeat;
    color: #333;
    text-decoration: none;
    text-align: left;
    border: none;
}
span.duty {
    color: #900; 
    font-size: 12px; 
    font-weight: bold;
}
div.pdflink { background: url('../img/pdf-icon-16x16.jpg') left 3px no-repeat; }
div.pdflink a { display: block; padding-left: 20px; }
div.wordlink { background: url('../img/word-icon-16x16.jpg') left 3px no-repeat; }
div.wordlink a { display: block; padding-left: 20px; }
div.youtubelink { background: url('../includes/youtube.jpg') 5px center no-repeat; }
div.youtubelink a { display: block; padding-left: 58px; }

/***********************************/
/* Lupen-Erweiterung fuer Fancybox */
/***********************************/
.fancybox, .fancybox:hover {
    cursor: url('/img/zoomin.cur'), pointer;
    outline: 0 !important;
}
/*
body:nth-of-type(1) .fancybox, .fancybox:hover {
    cursor: url('/img/zoomin.cur'), pointer;
}
.fancybox, .fancybox:hover, x:-moz-any-link, x:default {
    cursor: url('/img/zoomin.cur'), pointer;
}
*/

/*************************/
/* Bild mit Beschriftung */
/*************************/
.breadcrumb a { font-weight: bold; }

/*************************/
/* Bild mit Beschriftung */
/*************************/
.captionimage {
    clear: none;
    margin-top: 3px;
}
.captionimage.left {
    float: left; 
    margin-right: 8px;
}
.captionimage.right { 
    float: right; 
    margin-left: 8px; 
}
.captionimage p {
    margin: 0;
    padding: 0;
    text-align: center;
    font-style: italic;
}


/*****************/
/* Hinweis-Texte */
/*****************/
.hint {
    margin: 0 0 0 0;
    padding: 10px 10px 5px 24px;
    background: url('../img/info_icon.gif') 4px 7px no-repeat #ffffff;
    border: 1px solid #ffffff;
    line-height: 1em;
}
.hint.active {
    border: 1px solid #aaaaaa;
    background-color: #fafafa;
}

.trOdd { background-color: #fafafa; }
.trEven { background-color: #f1f1f1; }
#previewButton { display: none; }
input.markedtextinput { background-color: #f99; }
img.infoicon {
    cursor: pointer;
    vertical-align: text-bottom;
}

/************/
/* Paddings */
/************/
.p-0 { padding: 0; }
.pt-5px { padding-top: 5px; }
.pt-10px { padding-top: 10px; }
.pt-15px { padding-top: 15px; }
.pt-20px { padding-top: 20px; }
.pt-25px { padding-top: 25px; }
.pb-5px  { padding-bottom: 5px; }
.pb-10px { padding-bottom: 10px; }
.pr-5px  { padding-right: 5px; }
.pr-10px { padding-right: 10px; }
.pl-5px  { padding-left: 5px; }
.pl-10px { padding-left: 10px; }

/***********/
/* Margins */
/***********/
.m-0 { margin: 0; }
.mt-5px  { margin-top: 5px; }
.mt-10px { margin-top: 10px; }
.mb-5px  { margin-bottom: 5px; }
.mb-10px { margin-bottom: 10px; }
.mr-10px { margin-right: 10px; }
.mr-5px  { margin-right: 5px; }

/*********************/
/* Produkt-Paginator */
/*********************/
.pagination { padding: 15px 0px; }
.pagination .counter { float: left; }
.pagination .controls { float: right; }
.pagination .controls a { text-decoration: none; }

/*********************/
/* Formular-Elemente */
/*********************/
form div {
    clear: both;
    /* border: 1px solid lime; */
}
input, textarea, select {
    margin: 6px 0;
}
label {
    float: left;
    margin-top: 8px;
}
input[type=text],
input[type=file],
input[type=password] {
    float: right;
    width: 290px;
    border: 1px solid #7B9EBA;
    padding: 2px 4px;
}
input[type=hidden] {
    padding: 0;
    margin: 0;
}
input.width-auto { 
    width: auto;
}
select {
    float: right;
    width: 300px;
    padding: 1px 0px;
    border: 1px solid #7B9EBA;
}
select optgroup {
    background-color: #0B5F7B;
    color: #fff;
    text-transform: uppercase;
}
select option {
    background-color: #fff;
    color: #000;
    text-transform: none;
}
textarea {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    display: block;
    width: 518px;
    border: 1px solid #7B9EBA;
    padding: 2px 4px;
}
textarea.float-right {
    float: right;
    width: 290px;
}
input[type=checkbox],
input[type=radio] {
    clear: left;
    float: left;
    margin: 0 0 0 0;
    padding-right: 8px;
    width: 15px; /* Important for correct padding-/margin-behaviour in IE */
    height: 15px; /* Important for correct padding-/margin-behaviour in IE */
}
input[type=radio] {
    margin-top: 3px;
}
div.submit,
div.button {
    clear: none;
    float: left;
}
div.checkbox label {
    margin-top: 0px;
    padding-left: 8px;
}
div.radio label {
    /* 
    margin: 3px 0;
    border: 1px solid lime;
    */
    margin-top: 3px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    padding-left: 8px;
}
input.form-error,
select.form-error,
textarea.form-error {
    /* background-color: #f99; */
    border: 1px solid #af140f;
}
div.error-message {
    clear: both;
    padding: 0 0 0 230px;
    color: #900;
}
div.textarea div.error-message {
    padding-left: 2px;
}
div.checkbox div.error-message {
    padding: 2px 0 0 23px;
}
div.file div.error-message {
    padding-left: 235px;
}

/*********************/
/* Bestelluebersicht */
/*********************/
#bestelluebersicht th,
.tableview th {
    vertical-align: bottom;
    color: #fff;
    background-color: #135F7F;
}
#bestelluebersicht tr.trEven:hover,
#bestelluebersicht tr.trOdd:hover td,
.tableview tr.trEven:hover,
.tableview tr.trOdd:hover td {
    background-color: #e3e3e3; 
}

/********************/
/* Fehleruebersicht */
/********************/
#fehleruebersicht {
    padding-top: 1.5em;
}
#fehleruebersicht b,
#fehleruebersicht ul li {
    color: #af140f;
    /* font-weight: bold; */
}

/*********************************/
/* Login-Kennung in der Top-Navi */
/*********************************/
#loginAccount {
    position: absolute;
    text-align: right;
    right: 0px;
    top: 8px;
}

/********************************/
/* Homepage-Link im Dortex-Logo */
/********************************/
#logoLink {
    position: absolute;
    left: 30px;
    top: 24px;
}
#logoLink img {
    /* border: 1px solid red; */
}

/*****************************/
/* Freecall-Banner im Header */
/*****************************/
#freecallBanner {
    position: absolute;
    left: 585px;
    top: 128px;
}

/*****************************/
/* Made-in-Germany im Header */
/*****************************/
#madeingermany {
    position: absolute;
    left: 210px;
    top: 55px;
}

/*************************/
/* Warenkorb-Kurzansicht */
/*************************/
#basketShort {
    position: absolute;
    left: 767px;
    top: 131px;
    width: 163px;
    background: transparent url('../img/bg_sidebar_header_white.gif') no-repeat top center;
}
#basketShort .content {
    margin-top: 9px;
    padding: 0px 9px;
    color: #666;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
}
#basketShort img.icon {
    position: absolute;
    top: -24px;
    left: 4px;
}
#basketShort a {
    text-decoration: none;
    font-weight: bold;
    color: #666;
}
#basketShort a:hover {
    color: #0F506C;
}
#basketShort .items {
    padding-top: 6px;
}
#basketShort .footer {
    height: 9px;
    background: transparent url('../img/bg_sidebar_footer_white.png') no-repeat top center;
}

/******************/
/* Ajax-Indicator */
/******************/
/* Standard */
#overlayIndicator {
    display: none; 
    position: absolute;
    background-color: white;
    z-index: 100;
    opacity: .8;
    border: 1px solid #999;
}

/************************/
/* Button: Blau (gross) */
/************************/
/*
http://www.xxxlmannmobilia.de/fileadmin/templates/css/img/buttons/round_buttons_simple/button_01_right.gif
*/
a.buttonh24 {
    background: transparent url('../img/button_blue_210x24.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 24px;
    /* margin-right: 10px; */
    padding-right: 10px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
}
a.buttonh24 span {
    background: transparent url('../img/button_blue_210x24.png') no-repeat;
    display: block;
    line-height: 24px;
    padding: 0 0 0px 10px;
    font-size: 12px;
    color: #fff;
} 
a.buttonh24:hover span{
    /* color: #333; */
}
.bbh24 {
    height: 24px;
    width: 210px;
    margin: 0px;
    padding: 0 0 2px 0;
    background: transparent url('../img/button_blue_210x24.png') no-repeat center;
    border: none;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-align: center;

}

/*****************************/
/* Button (klein): blau/grau */
/*****************************/
a.buttonh17 {
    background: transparent url('../img/button_blue_176x17.png') no-repeat scroll top right;
    /* display: block; */
    /* float: left; */
    display: inline-block;
    height: 17px;
    /* margin-right: 10px; */
    padding-right: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}
a.buttonh17.grey {
    background: transparent url('../img/button_grey_176x17.png') no-repeat scroll top right;
    color: #146A90;
}
a.buttonh17.grey.disabled {
    color: #bbb;
    cursor: default;
}
a.buttonh17 span {
    background: transparent url('../img/button_blue_176x17.png') no-repeat;
    display: block;
    line-height: 17px;
    padding: 0 0 0 10px;
} 
a.buttonh17.grey span {
    background: transparent url('../img/button_grey_176x17.png') no-repeat;
} 
a.buttonh17:hover span{
    /* color: #333; */
}

.bbh17 {
    height: 17px;
    width: 88px;
    margin: 0;
    padding: 0 0 2px 0;
    background: transparent url('../img/button_blue_88x17.png') no-repeat center;
    border: none;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}
.bbh17.w140 {
    width: 140px;
    background: transparent url('../img/button_blue_140x17.png') no-repeat center;
}
.bbh17.wide {
    width: 176px;
    background: transparent url('../img/button_blue_176x17.png') no-repeat center;
}
.bbh17.wider {
    width: 220px;
    background: transparent url('../img/button_blue_220x17.png') no-repeat center;
}
a.bbh17{
    display: block;
    width: 88px; 
    height: 17px; 
    line-height: 15px; 
    text-align: center;
    vertical-align: top;
    color: #fff;
    text-decoration: none;
}
/************************/
/* Button: Grau (klein) */
/************************/
.bgh17 {
    height: 17px;
    width: 88px;
    margin: 0px;
    line-height: 17px;
    padding: 0px 2px 2px 2px;
    background: transparent url('../img/button_grey_88x17.png') no-repeat center;
    border: none;
    cursor: pointer;
    color: #146A90;
    font-weight: bold;
    font-size: 12px;
    text-align: center;

}
.bgh17.wide {
    width: 176px;
    background: transparent url('../img/button_grey_176x17.png') no-repeat center;
}


/***************************************/
/* Namensbandassistent: Produktauswahl */
/***************************************/
/* Allgemeines */
table.layout1 {
    width: 100%;
}
table.layout1 th {
    padding: 0px 10px;
    color: #fff;
    height: 24px;
}
table.layout1 td div,
table.layout1 td input {
    margin: 0;
    padding: 0;
}
/* Header oben links */
table.layout1 th.tl {
    background: transparent url('../img/bg_blue_697px.png') no-repeat top left;
    text-align: left;
}
/* Header oben rechts */
table.layout1 th.tr {
    width: 180px;
    background: transparent url('../img/bg_blue_697px.png') no-repeat top right;
    text-align: center;
}
/* Content mitte links */
table.layout1 td.ml {
    line-height: 1.5em;
    padding: 10px 10px 10px 9px;
    color: #000;
    vertical-align: top;
    border-left: 1px solid #E1E1E1;
}
/* Content mitte rechts */
table.layout1 td.mr {
    padding: 8px 0;
    text-align: center;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
}
/* Footer unten links */
table.layout1 td.bl {
    margin: 0;
    padding: 0px 10px;
    color: #146A90;
    background: transparent url('../img/bg_white_697px.png') no-repeat bottom left;
}
table.layout1 td.bl label {
    margin-top: 3px;
}
table.layout1 td.bl select {
    margin: 0px;
    width: auto;
}
/* Footer unten rechts */
table.layout1 td.br {
    border-left: 1px solid #E1E1E1;
    height: 26px;
    background: transparent url('../img/bg_grey_697px.png') no-repeat bottom right;
    text-align: center;
}
table.layout1 td.br input[type=submit] {
    margin-bottom: 2px;
    padding: 2px;
    background: transparent none;
    border: none;
    cursor: pointer;
    color: #146A90;
    font-weight: bold;
}

/***************************************/
/* Namensbandassistent: Produktauswahl */
/***************************************/
/* Mit Radio-Button statt eines Dropdown-Menues fuer die Stueckzahlen/Preise */
table.layout4 {
    width: 100%;
}
table.layout4 td p {
    color: #000;
}
table.layout4 th {
    padding: 0px 10px;
    color: #fff;
    height: 24px;
}
/* Header oben links */
table.layout4 th.tl {
    background: transparent url('../img/bg_blue_697px.png') no-repeat top left;
    text-align: left;
}
/* Header oben rechts */
table.layout4 th.tr {
    width: 180px;
    background: transparent url('../img/bg_blue_697px.png') no-repeat top right;
    text-align: center;
}
/* Content mitte links */
table.layout4 td.ml {
    line-height: 1.5em;
    padding: 10px 10px 10px 9px;
    color: #000;
    vertical-align: top;
    border-left: 1px solid #E1E1E1;
}
/* Content mitte rechts */
table.layout4 td.mr {
    padding: 8px 0;
    text-align: center;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
}
/* Content mitte rechts (Satinband) */
table.layout4 td.mr_satinband {
    line-height: 1.5em;
    padding: 10px 10px 10px 9px;
    color: #000;
    vertical-align: top;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
}
/* Footer unten links */
table.layout4 td.bl {
    margin: 0;
    padding: 0px 10px;
    color: #146A90;
    background: transparent url('../img/bg_white_697px.png') no-repeat bottom left;
}
table.layout4 td.bl label {
    margin-top: 3px;
}
table.layout4 td.mr_satinband label {
    margin-top: 1px;
}
table.layout4 td.bl select,
table.layout4 td.mr_satinband select {
    margin: 0px;
    width: auto;
}
/* Footer unten rechts */
table.layout4 td.br {
    border-left: 1px solid #E1E1E1;
    height: 5px;
    background: transparent url('../img/bg_white_697px.png') no-repeat bottom right;
    /* background: transparent url('../img/bg_grey_697px.png') no-repeat bottom right; */
    text-align: center;
    vertical-align: bottom;
}
table.layout4 td.br span.submit {
    display: block;
    width: 100%;
    height: 26px;
    background: url('../img/bg_grey_697px.png') no-repeat bottom right;
}
table.layout4 td.br input[type=submit] {
    margin: 0;
    padding: 0;
    margin-top: 4px;
    background: none;
    border: none;
    cursor: pointer;
    color: #146A90;
    font-weight: bold;
}

/*************************************/
/* Namensbandassistent: Stilvorlagen */
/*************************************/
.stilvorlage .links, .stilvorlage .mittig, .stilvorlage .rechts{ float: left; overflow: hidden; }
.stilvorlage .mittig, .stilvorlage .rechts{ padding-left: 10px; }
.stilvorlage .links { text-align: left; }
.stilvorlage .mittig{ text-align: center; }
.stilvorlage .rechts{ text-align: right; }
.stilvorlage .links_innen { text-align: center; }
.stilvorlage .mittig_innen{ text-align: center; }
.stilvorlage .rechts_innen{ text-align: center; }

/*************************************/
/* Namensbandassistent: Beschriftung */
/*************************************/
.layout2 {
    width: 697px;
    display: block;
    padding-top: 0px; 
    padding-bottom: 20px;
}
.layout2.small {
    width: 532px;
} 
.layout2 .header {
    height: 24px;
    line-height: 24px;
    padding: 0px 10px;
    background: transparent url('../img/bg_grey_697px.png') no-repeat top left;
    color: #175F78;
    font-weight: bold;
} 
.layout2.small .header {
    background: transparent url('../img/bg_grey_532px.png') no-repeat top left;
}
.layout2 .header a {
    text-decoration: none;
    color: #175F78;
}
.layout2 .content {
    width: 677px;
    padding: 10px 9px 0 9px;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-bottom: none;
    line-height: 1.5em;
}
.layout2 .content li {
    line-height: 1.5em;
    background-position: 0px 2px;
}
/* .layout2 .content li:last-child {
    padding-bottom: 0px;
} */
.layout2.small .content {
    width: 512px;
}
.layout2 .content label {
    line-height: 15px;
}
.layout2 .content input[type=text],
.layout2 .content input[type=password] {
    margin: 0; 
}
.layout2 .footer {
    margin: 0;
    padding: 0 10px;
    height: 10px;
    background: transparent url('../img/bg_white_697px.png') no-repeat bottom left;
} 
.layout2.small .footer {
    background: transparent url('../img/bg_white_532px.png') no-repeat bottom left;
}
.layout2 .footer a {
    text-decoration: none;
}

/****************************************/
/* Namensbandassistent: Produktvorschau */
/****************************************/
/* Allgemeines */
table.layout3 {
    width: 697px;
}
table.layout3 td p {
    color: #000;
}
table.layout3 th {
    padding: 0px 10px;
    color: #fff;
    height: 24px;
}
table.layout3 td {
    padding: 0px 10px;
    color: #fff;
}
table.layout3 td div,
table.layout3 td input {
    margin: 0;
    padding: 0;
}
/* Header oben links */
table.layout3 th.tl {
    background: transparent url('../img/bg_blue_697px.png') no-repeat top left;
    text-align: left;
}
/* Header oben rechts */
table.layout3 th.tr {
    background: transparent url('../img/bg_blue_697px.png') no-repeat top right;
    text-align: center;
}
/* Content mitte links */
table.layout3 td.ml {
    color: #000;
    text-align: center;
    padding: 8px 0 5px 0;
    width: 544px;
    border-left: 1px solid #E1E1E1;
    /* background: transparent url('../img/bg_white_697px.png') no-repeat bottom left; */
}
table.layout3 td.ml div {
    margin: 0 auto;
    width: 530px;
    overflow: hidden;
}
/* Content mitte rechts */
table.layout3 td.mr {
    width: 140px;
    line-height: 1.5em;
    padding: 10px 9px 10px 9px;
    color: #135F7F;
    vertical-align: top;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    background-color: #F1F1F1;
}
/* Footer unten links */
table.layout3 td.bl {
    color: #135F7F;
    background: transparent url('../img/bg_white_697px.png') no-repeat bottom left;
    text-align: center;
}
/* Footer unten rechts */
table.layout3 td.br {
    border-left: 1px solid #E1E1E1;
    height: 24px;
    background: transparent url('../img/bg_blue_697px.png') no-repeat bottom right;
    color: #fff;
    font-weight: bold;
    text-align: left;
}

/************************************/
/* Namensbandassistent: Farbauswahl */
/************************************/
.farbwahl {
    float: left;
    clear: none;
    height: 45px; 
    padding: 0px;
    margin: 5px 10px 5px 0px;
}
.farbwahl div.farbflaeche {
    padding: 0px;
    margin: 0px;
    height: 24px;
    width: 24px;
    border: 1px solid #222218;
}
.farbwahl input.radio {
    margin: 3px 0px 0px 6px;
    /*
    margin: 3px 0px 0px 7px;
    padding: 0px 0px 0px 0px;
    border: 0px solid lime; 
    width: 12px;
    display: inline;
    */
}
div.farbwahl label{
    margin: 0;
    padding: 0;
    float: none; 
    clear: both;
}
div.farbwahl p{
    font-weight: bold;
    color: #196380;
    white-space: nowrap;
    line-height: 1em;
}
div.farbflaeche.active {
    margin-top: 5px;
    border: 1px solid #196380;
}
div.farbflaeche label.pointer {
    cursor: pointer;
}

/*************************************/
/* Namensbandassistent: Pflegesymbol */
/*************************************/
.symbolwahl {
    float: left;
    clear: none;
    height: 55px; 
    padding: 0px;
    margin: 0px 10px 10px 0px;
    text-align: center;
    position: relative;
}
.symbolwahl label{
    display: block;
    float: none; 
    clear: both;
    margin: 0;
    height: 55px;
    cursor: pointer;
}
.symbolwahl input.checkbox {
    left: -1px;
    top: -1px;
    position: absolute;
}
.symbolwahl img.tick{
    left: -2px;
    top: -2px;
    position: absolute;
}

/*************************************/
/* Namensbandassistent: Motivauswahl */
/*************************************/
div.motivwahl {
    float: left; 
    display: block;
    margin: 0px 4px 4px 0px; 
    border: 1px solid #999;
}
div.motivwahl img {
    padding: 5px 4px 4px 5px;
}
div.motivwahl.active,
div.motivwahl:hover {
    /* border: 1px solid #0C455F; */
    border: 1px solid #000000;
    /* background-color: #EFEFEF; */
}

/************************/
/* Tabellen-Definition: */
/************************/
table.fieldspace td {
    line-height: 1.5em; 
    padding: 0 10px 10px 0;
}

/*****************************/
/* Navigationsgruppen links: */
/*****************************/
.navigroup {
    display: block;
    padding: 0 0 20px 0;
}
.navigroup .header {
    line-height: 24px;
    padding: 0px 2px 0px 8px;
    font-size: 110%;
    font-weight: bold;
    color: #125d7c;
    letter-spacing: -1px;
    white-space: nowrap;
}
.navigroup .header a {
    text-decoration: none;
    color: #125d7c;
}
.navigroup .content {
    padding: 4px 0px;
    padding-bottom: 0px;
    line-height: 1em;
    font-size: 1.1em;
    color: #222;
}
.navigroup .content ul {
    padding: 0;
    margin: 0;
    margin-left: 10px;
    list-style-type: square;
    line-height: 1.3em;
}
.navigroup .content ul li {
    color: #747474;
}
.navigroup .content ul li a {
    text-decoration: none;
    color: #747474;
}
.navigroup .content ul li a:hover {
    color: #959595;
}
.navigroup .footer {
    display: none;
}

/***************/
/* Sidebarbox: */
/***************/
.sidebarbox {
    display: block;
    margin: 0px 0px 20px 8px;
}
.joodo-sidebar1 .sidebarbox {
    margin: 0px 0px 20px 0px;
    width: 188px;
}
.sidebarbox .center {
    text-align: center;
}
.sidebarbox .header {
    line-height: 28px;
    padding: 0px 10px;
    font-size: 110%;
    font-weight: bold;
    /* text-transform: uppercase; */
}
.sidebarbox .header.grey, .sidebarbox .header.blue {
    background-color: #f1f1f1;
    color: #175F78;
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}
.sidebarbox .content {
    padding: 9px 9px;
    padding-bottom: 0px;
    line-height: 1.4em;
    font-size: 1.0em;
}
.sidebarbox .content a {
    text-decoration: none;
}
.sidebarbox .content a:hover {
    text-decoration: underline;
}
.sidebarbox .content.grey a {
    color: #175F78;
}
.sidebarbox .content.white a {
    color: #222;
}
.sidebarbox .content.white {
    color: #222;
    background-color: #ffffff;
}
.sidebarbox .content.grey {
    color: #175F78;
    background-color: #F1F1F1;
}
.sidebarbox .footer_white {
    height: 9px;
}
.sidebarbox .footer_grey {
    height: 9px;
}

/*********************************************/
/* Tabelle mit "Was sind Namensbänder"-Icons */
/*********************************************/
table.wsn_vorteile {
    vertical-align: middle;
    height: auto;
    width: 100%;
}
table.wsn_vorteile td {
    padding: 0 0 6px 0;
}
table.wsn_vorteile tr {
    height: 57px;
    margin-bottom: 5px; 
}
table.wsn_vorteile td.icon {
    width: 61px;
    margin-right: 15px;
}

table.wsn_beispiele {
    vertical-align: middle;
    text-align: justify;
    width: 100%;
}

/*****************************************/
/* Tabelle mit Bildbearbeitungssteuerung */
/*****************************************/
table.imageprocessingcontrol {
    width: 100%;
}
table.imageprocessingcontrol tr {
    height: 25px;
}
table.imageprocessingcontrol td {
    text-align: center;
}
table.imageprocessingcontrol td.label {
    width: 160px;
    font-weight: bold;
    text-align: left;
}
table.imageprocessingcontrol td.input {
    width: 60px;
    margin-top: 0;
    vertical-align: middle;
}
table.imageprocessingcontrol td.input input {
    float: none;
    width: 40px;
    font-weight: bold;
    text-align: center;
    margin: 0; 
}
table.imageprocessingcontrol td.input.readonly input {
    color: #BFBFBF;
}
table.imageprocessingcontrol td.min {
    width: 40px;
}
table.imageprocessingcontrol td.slider {
}
table.imageprocessingcontrol td.max {
    width: 40px;
}
table.imageprocessingcontrol td.bl {
    text-align: left;
    padding-top: 10px;
}
table.imageprocessingcontrol td.br {
    padding-top: 10px;
}

/************************/
/* Startseiten-Struktur */
/************************/
#startscreen { width: 532px; margin: 0 auto; display: block; }
#startscreen .top1 { width: 532px; position: relative; }
#startscreen .top2 { width: 261px; float: left; margin-right: 9px; position: relative; }
#startscreen .top3 { width: 262px; position: relative; }
#startscreen .top4 { width: 127px; float: left; position: relative; }
#startscreen a { text-decoration: none; color: #146A90; display: block; } 
#startscreen .caption {
    position: absolute;
    float: left;
    color: #146A90;
    font-size: 16px;
    font-weight: bold;
}
#startscreen .caption .small {
    color: #747474;
    font-size: 13px;
    font-weight: normal;
}
#startscreen .moreinfo { 
    position: absolute; 
    text-align: center; 
    text-transform: uppercase;
    color: #146A90;
    line-height: 10px;
    font-size: 9px;
}

/*****************/
/* Sprachauswahl */
/*****************/
#languageselector {
    position: absolute;
    left: 941px;
    top: 22px;
}
#languageselector .flag {    
    width: 43px;
    height: 35px;
    background: transparent url('../img/flags_bg.gif') bottom no-repeat;
    margin-bottom: 8px;
}
#languageselector .flag.active {    
    width: 43px;
    height: 35px;
    background: transparent url('../img/flags_bg.gif') top no-repeat;
}
#languageselector .flag img {
    padding: 10px 9px;
}

/***************************/
/* Item-Ausgabe (z.B. FAQ) */
/***************************/
.item_category .contentbox {
    font-size: 1.2em;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #146A90;    
    padding: 0px 5px 8px 5px;
}
.item_header .contentbox {
    padding: 5px 35px 5px 13px;
    margin: 0 1px 0 2px;
    color: #767676;
    font-weight: bold;
    border-right: 1px solid #E1E1E1;
    border-left: 1px solid #F1F1F1;
    background: url('../images/carrow_east.png') 495px center no-repeat #F1F1F1;
}
.item_header .contentbox:hover {
    color: #175F78;
}
.item_header.active .contentbox {
    color: #175F78;
    background-image: url('../images/carrow_south.png');
}
.item_content .contentbox {
    padding: 8px 15px 15px 15px;
    color: #064C70;
    line-height: 1.5em;
}
.item_content .contentbox.last {
    padding-bottom: 4px;
}
.item_answer .contentbox li {
    color: #064C70;
}

/***************************/
/* Item-Tabelle */
/***************************/
.content-box table {
    margin-left: 2px;
    margin-right: 1px;
    border-right: 1px solid #E1E1E1;
}
.content-box table th {
    color: #146A90; 
    font-weight: bold;
    text-align: left;
    background-color: #f8f8f8;
}
.content-box table td {
    color: #767676;
}
.content-box table th,
.content-box table td {
    vertical-align: top;
    border-top: 1px solid #E1E1E1;
    border-left: 1px solid #F1F1F1;
    padding: 8px 6px 8px 6px;
}

/****************************************/
/* Joodo-Umdefinierungen/Erweiterungen: */
/****************************************/
div.joodo-Header-jpeg.deu  { background-image: url('../images/deu/Header-v20111101.jpg'); }
div.joodo-Header2-jpeg.deu { background-image: url('../images/deu/Header2-v20111101.jpg'); }
div.joodo-Header-jpeg.esp  { background-image: url('../images/esp/Header.jpg'); }
div.joodo-Header2-jpeg.esp { background-image: url('../images/esp/Header2.jpg'); }
div.joodo-Header-jpeg.ita  { background-image: url('../images/ita/Header.jpg'); }
div.joodo-Header2-jpeg.ita { background-image: url('../images/ita/Header2.jpg'); }
div.joodo-Header-jpeg.eng  { background-image: url('../images/eng/Header.jpg'); }
div.joodo-Header2-jpeg.eng { background-image: url('../images/eng/Header2.jpg'); }

.joodo-menu li a.active .t {
    color: #7DCCED;
}
span.joodo-menu {
    color: #fff; 
    padding: 7px 10px 0 0; 
    font-size: 11px;
}
h3 {
    line-height: 1.3em;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 5px;
    color: #157199;
}
h4 {
    margin-top: 15px;
    margin-bottom: 5px;
    color: #175F78;
}
h4:first-child{
    margin-top: 0px;
}
.joodo-Post-body {
    padding-right: 5px;
}
.joodo-PostContent {
    margin-left: 2px;
    margin-bottom: 25px;
}
.joodo-PostContent p {
    line-height: 1.5em;
}
blockquote,
.joodo-PostContent blockquote
{
    margin-left: 0px;
    margin-right: 0px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
}

/* Sub-Menu Navi links */
.joodo-BlockHeader .grey {
    color: #747474;
    white-space: normal;
}
.joodo-BlockHeader a.grey
{
    padding: 0px 0px;
    line-height: 20px;
    text-decoration: none;
    display: block;
}
.joodo-BlockHeader a.grey:hover, .joodo-BlockHeader a.grey:active
{
    color: #959595;
}

.joodo-BlockHeader .black {
    white-space: normal;
    line-height: 14px;
}
ul.joodo-menu2 {
    display: block;
    margin-bottom: 0;
}
ul.joodo-menu2 li {
    line-height: 15px;
}
ul.joodo-menu2 li:last-child {
    margin-bottom: 0;
}
ul.joodo-menu2.grey {
    list-style-type: none;
}
ul.joodo-menu2.grey li {
    padding-left: 8px;
    background: url('../images//BulletIconGrey.gif') no-repeat 1px 6px;
    color: #636363;
}
.joodo-Post li {
    color: #3D5866
}
.joodo-contentLayout .joodo-sidebar1 {
    overflow: visible;
}
.joodo-contentLayout .joodo-sidebar2 {
    padding-top: 20px;
}
.contentbox p {
    color: #064C70;
}
.contentbox p.grey {
    color: #747474;
}
.contentbox p.bluebold {
    font-size: 13px;
    color: #157199;
    font-weight: bold;
}
.content-box .hr {
    border-top: 1px solid #E1E1E1; 
    margin-left: 2px;
    margin-right: 1px;
}

/* Workaround gegen Umbruch bei laengerer Footer-Navigation */
.joodo-nav3 .joodo-menu
{
    padding: 0px 20px 0px 0px;
    float: right;
}