/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  Dateiversion: 19.1.07
**  Datei       : typo3-RTE.css
**  Funktion    : Formatierung der Inhalte im RTE, wird in den layout*.css files importiert.
**  Checked with http://jigsaw.w3.org/css-validator/ 19.1.07 - DB
*/

/* #############################
** ### classesCharacter Textstil ########
** #############################
*/
/*span.mono {font-family:"Courier New", Courier, monospace; font-style:normal; padding:0 0.3em 0 0.3em; background:#f0f0f4; border:1px #ccd solid;}*/
span.file {font-family:"Courier New", Courier, monospace;    font-style:normal; padding:0 0 0 14px; color:#000088; background:transparent url('../../img/icons/file.gif') no-repeat left;}
span.directory {font-family:"Courier New", Courier, monospace; font-style:normal; padding:0 0 0 15px; color:#000088; background:transparent url('../../img/icons/dir.gif') no-repeat left;}
span.error {font-family:"Courier New", Courier, monospace; font-style:normal; background: #FF0000; color: #FFFFFF;}

/*
** ######################################################################
** ###  Eigene Styles fuer Typo3 der "htmlArea RTE" ##################
** ######################################################################
*/
/* TABELLE 1: Rahmendicke 3px & Textausrichtung horizontal=left,vertikal=top */
table.hn_tabelle1 {
font-family:arial;
     background-color:#FFFFFF;
     width:500px;
     border-color:#FFFFFF;
}
table.hn_tabelle1 tbody{
font-family:arial;
     font-size:100%;
     background-color:#FFFFFF;
     width:500px;
     border-color:#FFFFFF;
}
table.hn_tabelle1 tr {
     vertical-align:top;
     background-color:#FFFFFF;
}
table.hn_tabelle1 td {
     font-size:100%t;
     background-color:#FFFFFF;
     color:#000000;
     text-align:left;
}


/* TABELLE 2: Rahmendicke 3px & Textausrichtung horizontal=left,vertikal=middle */
table.hn_tabelle2 {
caption-side: top;
table-layout: auto;
border-collapse: collapse;
empty-cells: show;
border: 3px double gray;
}
table.hn_tabelle2 th {
text-align: left;
vertical-align: middle;
padding: 5px;
border: 1px solid gray;
border-bottom-width: 3px;
border-bottom-style: double;
background-color: silver;
}
table.hn_tabelle2 td {
text-align: left;
vertical-align: middle;
padding: 5px;
border: 1px solid gray;
}
/* TABELLE 3: Rahmendicke 0px & Textausrichtung horizontal=left,vertikal=top */
table.hn_tabelle3 {
caption-side: top;
table-layout: auto;
border-collapse: collapse;
}
table.hn_tabelle3 th {
text-align: left;
vertical-align: top;
padding: 5px;
}
table.hn_tabelle3 td {
text-align: left;
vertical-align: top;
padding: 5px;
}
/* THEAD, TBODY, TH, TD: Nur zum Zwecke der Demonstration. */
/* Auswahl im Backend wirkt sich nicht aus. Noch kl�ren warum! */
thead.hn_thead {
text-align: left;
vertical-align: top;
}
tbody.hn_tbody {
text-align: left;
vertical-align: top;
}
th.hn_th {
text-align: left;
vertical-align: middle;
}
td.hn_td {
vertical-align: top;
font-size:100%;
background-color:#FFFFFF;
color:#000000;
text-align:left;
}


/* #############################
** ### TagFreeClasses ##########
** #############################
*/
/*Benutzerdefinierte Elemente
/*runde Boxen dunkel_blau*/
.roundedbox_darkblue * {margin:0; padding: 0;}
.roundedbox_darkblue p { margin-bottom: 1em; }
.roundedbox_darkblue body { padding: 0px; color: #000; background: #fff; }
.roundedbox_darkblue { width: 100%; overflow: hidden; background: #194477; }
.topleft_darkblue { background: url(../../../../fileadmin/rte/round_boxes/topleft_darkblue.gif) no-repeat top left; }
.topright_darkblue { background: url(../../../../fileadmin/rte/round_boxes/topright_darkblue.gif) no-repeat top right; }
.bottomleft_darkblue { background: url(../../../../fileadmin/rte/round_boxes/bottomleft_darkblue.gif) no-repeat bottom left; }
.bottomright_darkblue { background: url(../../../../fileadmin/rte/round_boxes/bottomright_darkblue.gif) no-repeat bottom right; }
.rounded_content_darkblue { color: #fff; padding: 20px 40px 20px 30px; min-height: 34px; margin: }
.rounded_content_darkblue h1 {font-size:1.1em; color:#fff; background:inherit;  margin:0em 0 0.5em 0; border-bottom:1px #fff solid; padding-top:0em;}

/*runde Boxen rot*/
.roundedbox_red * {margin:0; padding: 0;}
.roundedbox_red p { margin-bottom: 1em; }
.roundedbox_red body { padding: 0px; color: #000; background: #fff; }
.roundedbox_red { width: 100%; overflow: hidden; background: #972e38; }
.topleft_red { background: url(../../../../fileadmin/rte/round_boxes/topleft_red.gif) no-repeat top left; }
.topright_red { background: url(../../../../fileadmin/rte/round_boxes/topright_red.gif) no-repeat top right; }
.bottomleft_red { background: url(../../../../fileadmin/rte/round_boxes/bottomleft_red.gif) no-repeat bottom left; }
.bottomright_red { background: url(../../../../fileadmin/rte/round_boxes/bottomright_red.gif) no-repeat bottom right; }
.rounded_content_red { color: #E7eaf1; padding: 20px 40px 20px 30px; min-height: 34px; margin: }
.rounded_content_red h1 {font-size:1.1em; color:#E7eaf1; background:inherit;  margin:0em 0 0.5em 0; border-bottom:1px #E7eaf1 solid; padding-top:0em;}

/*runde Boxen Hellgrau*/
.roundedbox_lightgray * {margin:0; padding: 0;}
.roundedbox_lightgray p { margin-bottom: 1em;}
.roundedbox_lightgray body { padding: 0px; color: #000; background: #fff; }
.roundedbox_lightgray { width: 100%; overflow: hidden; background: #f4f4f4; }
.topleft_lightgray { background: url(../../../../fileadmin/rte/round_boxes/topleft_lightgray.gif) no-repeat top left; }
.topright_lightgray { background: url(../../../../fileadmin/rte/round_boxes/topright_lightgray.gif) no-repeat top right; }
.bottomleft_lightgray { background: url(../../../../fileadmin/rte/round_boxes/bottomleft_lightgray.gif) no-repeat bottom left; }
.bottomright_lightgray { background: url(../../../../fileadmin/rte/round_boxes/bottomright_lightgray.gif) no-repeat bottom right; }
.rounded_content_lightgray { color: #666; padding: 20px 40px 20px 30px; min-height: 34px; margin: }
.rounded_content_lightgray h1 {font-size:1em; color:#194477; background:inherit;  margin:0em 0 0.5em 0; border-bottom:1px #194477 solid; padding-top:0em;}