/**
 * Style definitions to the RTE htmlarea, used in the backend
 */


/* CSS Definitions:  for direction definitions to various elements */
p.align-left,p.text-left,h1.align-left,h2.align-left,h3.align-left,h4.align-left,
h5.align-left,h6.align-left,td.align-left,th.align-left
{
    text-align: left;
}

p.align-center,p.text-center,h1.align-center,h2.align-center,h3.align-center,h4.align-center,
h5.align-center,h6.align-center,td.align-center,th.align-center
{
    text-align: center;
}

p.align-right,p.text-right,h1.align-right,h2.align-right,h3.align-right,h4.align-right,
h5.align-right,h6.align-right,td.align-right,th.align-right
{
    text-align: right;
}

p.align-justify,p.text-justify,h1.align-justify,h2.align-justify,h3.align-justify,h4.align-justify,
h5.align-justify,h6.align-justify,td.align-justify,th.align-justify
{
    text-align: justify;
}

td.valign-top,th.valign-top {
    vertical-align: top;
}

td.valign-middle,th.valign-middle {
    vertical-align: middle;
}

td.valign-bottom,th.valign-bottom {
    vertical-align: bottom;
}



/* HEADERs */
h1, h2, h3, h4, h5{
    line-height:140%;
}

h1{
    font-size:216.67%;
    margin: 18px 0 20px 0;
}
h2{
    font-size:166.67%;
    margin: 0 0 10px 0;
}
h3{
    color: #003399;
    font-size:125%;
    font-weight:bold;
    margin: 0 0 10px 0;
}
h4{
    color: #202020;
    font-size:125%;
    font-weight:bold;
    margin: 0 0 10px 0;
}
h5{
    margin: 0 0 15px 0;
    font-size:150%;
    color:#8B8885;
}
/* link to headers */
h1 a, h2 a, h4 a, h5 a{
    color:#000;
    text-decoration:none;
}
h1 a:hover, h2 a:hover, h4 a:hover, h5 a:hover{
    text-decoration:underline;
}




/* PARAGRAPHs */
p{
    line-height:130%;
    margin-bottom:10px;
}
p.teaser{
    font-size:108.33%;
    font-weight:bold;
}
p.fineprint{
    color:#666;
    font-size:83.33%;
    line-height:120%;
}
p.footnote{
    color:#666;
    font-style:italic;
}

p.box_lined_top{
    padding:7px 0 8px 0;
    border-top:1px solid #8c8885;
    border-bottom:1px solid transparent;
}
p.box_lined{
    padding:7px 0 8px 0;
    border:0px solid #8c8885;
    border-width: 1px 0;
}
p.box_lined_bottom{
    padding:7px 0 8px 0;
    border-top:1px solid transparent;
    border-bottom:1px solid #8c8885;
}
p.box_bg{
    padding:10px 18px 15px;
    background-color:#e8e3dd;
}
p.cite{
    font-family: times new roman, times, serif;
    font-size: 116.67%;
    font-weight:bold;
    font-style:italic;
    padding-left: 30px;
    padding-top:2px;
    background:url("../Images/icon_cite.gif") no-repeat;
}
p.hint{
    padding:7px 0 8px 40px;
    border:0px solid #8c8885;
    border-width: 1px 0;
    min-height:37px;
    background:url("../Images/icon_arrow_yellow_big.gif") no-repeat 0 10px;
}





/* Text */
span.thwblau{ color:#0039ac; }
span.bggelb{ background-color:#ffff00; }
span.nobreak {   white-space:nowrap; }


/* delete browser abbreviation */
abbr, acronym { border-bottom-width:0; }
/* Abbreviation / Acronym */
div.content acronym, div.contentCol acronym, div.marginalCol acronym, div.contentBelowMenue acronym,
div.content dfn, div.contentCol dfn, div.marginalCol dfn, div.contentBelowMenue dfn,
div.content abbr, div.contentCol abbr, div.marginalCol abbr, div.contentBelowMenue abbr,
div.content span.abbr, div.contentCol span.abbr, div.marginalCol span.abbr, div.contentBelowMenue span.abbr{
    border-bottom:1px dotted #202020;
    cursor:help;
}


/* Indenting: for indenting of elements */
div.indent {
    margin: 0 0 0 20px;
}



/* LISTs, ordered and unordered */
ul{
    margin:0;
    padding:0;
}
ul li{
    margin:0;
    padding:0;
}

.content ul,
.contentCol ul,
.contentColFlex ul,
.htmlarea-content-body ul{
    list-style-type: none;
}
.content ul li,
.contentCol ul li,
.contentColFlex ul li,
.htmlarea-content-body ul li{
    padding:2px 0 2px 15px;
    background:url("../Images/icon_li_1.gif") no-repeat 4px 6px;
}
.content ul li ul li,
.contentCol ul li ul li,
.contentColFlex ul li ul li,
.htmlarea-content-body ul li ul li{
    background:url("../Images/icon_li_2.gif") no-repeat 4px 6px;
}
.content ul li ul li ul li,
.contentCol ul li ul li ul li,
.contentColFlex ul li ul li ul li,
.htmlarea-content-body ul li ul li ul li{
    background:url("../Images/icon_li_3.gif") no-repeat 4px 7px;
}
.content ul li ul li ul li ul li,
.contentCol ul li ul li ul li ul li,
.contentColFlex ul li ul li ul li ul li,
.htmlarea-content-body ul li ul li ul li ul li{
    background:url("../Images/icon_li_4.gif") no-repeat 4px 9px;
}
.content ul.list_arrow li,
.contentCol ul.list_arrow li,
.contentColFlex ul.list_arrow li,
.htmlarea-content-body ul.list_arrow li{
    list-style-type: none;
    background:url("../Images/icon_li_arrow.gif") no-repeat 4px 6px;
}
.content ul.list_bollen li,
.contentCol ul.list_bollen li,
.contentColFlex ul.list_bollen li,
.htmlarea-content-body ul.list_bollen li{
    list-style-type: none;
    background:url("../Images/icon_li_bollen.gif") no-repeat 1px 4px;
}

.content ol,
.contentCol ol,
.contentColFlex ol,
.htmlarea-content-body  ol{
    margin:0;
    list-style-type: decimal;
    padding:0 0 0 20px;
}
.content ol.list_alpha,
.contentCol ol.list_alpha,
.contentColFlex ol.list_alpha,
.htmlarea-content-body  ol.list_alpha{
    list-style-type: lower-alpha;
}
.content ol.list_roman,
.contentCol ol.list_roman,
.contentColFlex ol.list_roman,
.htmlarea-content-body  ol.list_roman{
    list-style-type: lower-roman;
}
.content ol li,
.contentCol ol li,
.contentColFlex ol li,
.htmlarea-content-body  ol li{
    padding-top:2px;
    padding-bottom:2px;
}



/* various else */
sup {
    font-size: 75%;
    line-height: 75%;
}
sub {
    font-size: 75%;
    line-height: 75%;
}





/* LINKs */
a{
    color:#003399;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}

a.internal-link,
a.internal-link-new-window{
    padding-left: 12px;
    background:url("../Images/icons.gif") no-repeat 4px -118px;
}

a.external-link,
a.external-link-new-window{
    padding-left: 15px;
    background:url("../Images/icons.gif") no-repeat 4px -854px;
}

a.download{
    padding-left: 15px;
    background:url("../Images/icons.gif") no-repeat 4px -709px;
}

a.mail{
    padding-left: 15px;
    background:url(/typo3conf/ext/ovcms_sitepackage/Resources/Public/Images/icons.gif) no-repeat 1px 2px;
}




/* TABLEs */
/* Standardabelle */
.htmlarea-content-body table,
.htmlarea-content-body table tr th,
.htmlarea-content-body table tr td{
    font-size:12px;
}
.htmlarea-content-body table,
table.contenttable,
table.contenttable100{
    border-collapse:collapse;
    empty-cells:show;
}
table.contenttable100{
    table-layout:auto;
    width:100%;
}
.htmlarea-content-body table p,
table.contenttable p,
table.contenttable100 p{
    margin:0;
}
.htmlarea-content-body caption,
table.contenttable caption,
table.contenttable100 caption{
    font-size:125%;
    font-weight:bold;
    background-color:#f1e289;
    padding:10px 10px;
    text-align:left;
    border-bottom:1px solid #F7F0EA;
}
table.contenttable tr,
table.contenttable100 tr{}
.htmlarea-content-body table tr th,
table.contenttable tr th,
table.contenttable tr td,
table.contenttable100 tr th,
table.contenttable100 tr td{
    padding:5px 5px 5px 10px;
}
.htmlarea-content-body table tr th,
table.contenttable tr th,
table.contenttable100 tr th{
    font-size:108.33%;
    font-weight:bold;
    background-color:#E8E3DD;
    border-bottom:1px solid #F7F0EA;
}
.htmlarea-content-body table tr td,
table.contenttable tr td,
table.contenttable100 tr td{
    background-color:#F1EAE4;
    border-bottom:1px solid #F7F0EA;
}
/* END Standardabelle */


/* Blinde Tabelle */
table.blind{
    border-collapse:collapse;
    empty-cells:show;
}
table.blind caption{}
table.blind p{
    margin:0;
}
table.blind tr{}
table.blind tr th,
table.blind tr td{
    padding:0;
    margin:0;
}
table.blind tr th{}
table.blind tr td{}
/* END Blinde Tabelle */

/* Zebra Tabelle, wechselnde Hintergründe je Zeile */
table.zebra {
    border-collapse:collapse;
    empty-cells:show;
}
table.zebra100{
    table-layout:auto;
    width:100%;
    border-collapse:collapse;
    empty-cells:show;
}
table.zebra caption,
table.zebra100 caption{
    font-size:125%;
    font-weight:bold;
    background-color:#f1e289;
    padding:10px 10px;
    text-align:left;
    border-bottom:1px solid #F7F0EA;
}

table.zebra p,
table.zebra100 p{
    margin:0;
}

table.zebra tr.tr-odd,
table.zebra100 tr.tr-odd{}
table.zebra tr.tr-even,
table.zebra100 tr.tr-even{}
table.zebra tr.header-odd,
table.zebra100 tr.header-odd{}
table.zebra tr.header-even,
table.zebra100 tr.header-even{}

table.zebra tr th,
table.zebra tr td,
table.zebra100 tr th,
table.zebra100 tr td{
    padding:5px 5px 5px 10px;
}

/*Start neues Rendering */
table.zebra tr:nth-child(even) th,
table.zebra100 tr:nth-child(even) th{
    background-color:#E8E3DD;
    font-weight:bold;
    font-size:108.33%;
}

table.zebra tr:nth-child(odd) th,
table.zebra100 tr:nth-child(odd) th{
    background-color:#E8E3DD;
    font-weight:bold;
    font-size:108.33%;
}
table.zebra tbody tr:nth-child(odd) td,
table.zebra100 tbody tr:nth-child(odd) td{
    background-color:#F1EAE4;
}
table.zebra tbody tr:nth-child(even) td,
table.zebra100 tbody tr:nth-child(even) td{
    background-color:#E8E3DD;
}

/* Start altes Rendering*/
table.zebra tr th,
table.zebra100 tr th,
table.zebra tr.tr-even th,
table.zebra100 tr.tr-even th{
    background-color:#E8E3DD;
    font-weight:bold;
    font-size:108.33%;
}
table.zebra tr.tr-odd th,
table.zebra100 tr.tr-odd th{
    background-color:#E8E3DD;
    font-weight:bold;
    font-size:108.33%;
}
table.zebra tr.tr-even td,
table.zebra100 tr.tr-even td{
    background-color:#F1EAE4;
}
table.zebra tr.tr-odd td,
table.zebra100 tr.tr-odd td{
    background-color:#E8E3DD;
}
/* END Zebra Tabelle, wechselnde Hintergründe je Zeile */