/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* @copyright Copyright 2005-2007, Dirk Jesse
* @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
* YAML-C (http://www.yaml.de/en/license/license-conditions.html)
* @link http://www.yaml.de
* @package yaml
*
* $Id: $
*/
/**
* Fonts
* (en) font-family and font-size selection for headings and standard text elements
* (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
*
* @section content-fonts
*/
/* (en) reset font size for all elements to standard (16 Pixel) */
/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
html * {font-size:100.01%}
/* (en) base layout gets standard font size 12px */
/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
body {
font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
font-size:83%;
color:#444;
}
h1,h2,h3,h4,h5,h6 {
font-weight:bold;
color:#323232;
margin:0 0 0.25em 0;
}
h1
{
font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
font-size: 140%;
background-image: url('../../images/icons/array_right_pink.png');
background-repeat: no-repeat;
padding-left: 20px;
background-position: 0 3px;
}
h2 {font-size:135%; color:#852053}
h3 {font-size:130%}
h4 {font-size:120%}
h5 {font-size:130%; margin-bottom: 15px;}
h6 {font-size:116.67%; font-style:italic}
h1.G {
border: 0;
height: 30px;
text-indent: -999em;
}
h2.G {
border: 0;
height: 30px;
text-indent: -999em;
}
h3.G {
border: 0;
height: 30px;
text-indent: -999em;
}
h4.G {
border: 0;
height: 30px;
text-indent: -999em;
}
h5.G {
border: 0;
height: 30px;
text-indent: -999em;
}
p {
line-height: 1.5em;
margin: 0 0 1em 0;
}
/* ### Lists | Listen #### */
ul, ol, dl {
line-height: 1.5em;
margin: 0 0 1em 1em;
}
li {
margin-left: 1.5em;
line-height: 1.5em;
}
dt {
font-weight: bold}
dd {
margin: 0 0 1em 2em;
}
/* ### text formatting | Textauszeichnung ### */
cite, blockquote {
font-style: italic}
blockquote {
margin: 0 0 1em 1.5em;
}
strong,b {
font-weight: bold}
em,i {
font-style: italic}
pre, code {
font-family: monospace;
font-size: 1.1em;
}
acronym, abbr {
letter-spacing: .07em;
border-bottom: .1em dashed #c00;
cursor: help;
}
/**
* Generic Content Classes
* (en) standard classes for positioning and highlighting
* (de) Standardklassen zur Positionierung und Hervorhebung
*
* @section content-generic-classes
*/
.note {
background: #dfd;
padding: 1em;
border-bottom: 1px #bdb dotted;
border-bottom: 1px #dbb dotted;
}
.important {
background: #ffd;
padding: 1em;
border-bottom: 1px #ddb dotted;
border-bottom: 1px #dbb dotted;
}
.warning {
background: #fdd;
padding: 1em;
border-bottom: 1px #dbb dotted;
border-bottom: 1px #dbb dotted;
}
.float_left {
float: left;
display: inline;
margin-right: 1em;
margin-bottom: 0.15em;
}
.float_right {
float: right;
display: inline;
margin-left: 1em;
margin-bottom: 0.15em;
}
/**
* External Links
*
* (en) Formatting of hyperlinks
* (de) Gestaltung von Hyperlinks
*
*/
a {
color: #852053;
text-decoration: underline;
}
a:focus,
a:hover,
a:active {
color: #852053;
text-decoration: underline;
}
#topnav a {
color: #ccc;
font-weight: normal;
background: transparent;
text-decoration: none;
}
#topnav a:focus,
#topnav a:hover,
#topnav a:active {
color: #fff;
text-decoration: none;
background-color: transparent;
}
#footer a {
color: #852053;
text-decoration: none;
background: transparent;
font-weight: normal;
}
#footer a:focus,
#footer a:hover,
#footer a:active {
color: #852053;
background-color: transparent;
text-decoration: underline;
}
/**
* (en) Emphasizing external Hyperlinks via CSS
* (de) Hervorhebung externer Hyperlinks mit CSS
*
* @section content-external-links
* @app-yaml-default disabled
*/
/*
#main a[href^="http: //www.my-domain.com"],
#main a[href^="https: //www.my-domain.com"]
{{
padding-left: 12px;
background-image: url('http://www.securetude.com/fileadmin/stylesheets/screen/your_image.gif');
background-repeat: no-repeat;
background-position: 0 0.45em;
}
*/
/**
* Tables | Tabellen
* (en) Generic classes for table-width and design definition
* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
*
* @section content-tables
*/
table {
width: auto;
border-collapse: collapse;
margin-bottom: 0.5em;
}
table.full {
width: 100%;
}
table.fixed {
table-layout: fixed}
th,td {
padding: 0.5em;
}
thead th {
background: #444;
color: #fff}
tbody th {
background: #ccc;
color: #333}
tbody th.sub {
background: #ddd;
color: #333}
table.typo3-adminPanel {
text-align: left;
font-size: 120%;
margin: 1em 0 0 0;
}
table.typo3-adminPanel td {
padding: 0.1em 0.1em 0.1em 0;
}
table.typo3-adminPanel select {
font-size: 0.6em;
}
table.typo3-adminPanel input {
font-size: 0.6em;
}
/**
* Miscellaneous | Sonstiges
*
* @section content-misc
*/
hr {
color: #fff;
background: transparent;
margin: 0 0 0.5em 0;
padding: 0 0 0.5em 0;
border: 0;
border-bottom: 1px #eee solid;
}
/* #####################################################################
** ### TABLE FILTER #################
** #####################################################################
*/
form#eco-form-search div {
display: inline;
margin-right: 10px;
font-size: 11px;
}
form#eco-form-search input + label {
margin-left: 5px;
}
form#eco-form-search fieldset {
border: 1px dotted black;
padding: 10px;
}
/* #####################################################################
** ### Spezielle Formatanweisungen des TYPO3 Templates #################
** #####################################################################
*/
#col1_content form select {
margin-bottom: 1em;
width: 20em;
}
/* Content element "table" */
table.contenttable {
width: 100%;
margin: 0 0 1em 0;
border-collapse: collapse;
empty-cells: show;
}
table.contenttable caption {
text-align: left;
font-weight: bold;
color: #888;
margin-bottom: 0.2em;
}
table.contenttable th {
height: 2.0em;
background: #4E5155;
color: white;
padding: 2px 7px 2px 7px;
border-left: solid 2px #fff;
border-right: solid 2px #fff;
border-top: solid 2px #fff;
border-bottom: solid 2px #fff;
}
table.contenttable tr.tr-odd {
background: #eee;
}
table.contenttable tr.tr-even {
background: #e3e3e3;
}
table.contenttable td {
height: 3.0em;
padding: 2px 7px 2px 7px;
border-left: solid 2px #fff;
border-right: solid 2px #fff;
border-top: solid 2px #fff;
border-bottom: solid 2px #fff;
text-align: left;
font-weight: normal;
vertical-align: top;
}
.tx-newloginbox-pi1 thead th, .tx-newloginbox-pi1 th {
background: none;
padding: 0;
color: #222;
}
.tx-newloginbox-pi1 input {
margin: 0;
}
.csc-textpicHeader h3 {
margin: 0em 0 0.3em 0;
padding-top: 0;
}
input, textarea {
margin-left: 1em;
padding: 2px;
width: auto;
font: 1em Verdana, Arial, Helvetica, Sans-Serif;
border: 1px #ccc solid;
background: #fafafa;
color: #777;
}
input[type=radio] {
border-style: none;
}
input[type=text]:focus, textarea:focus {
background: #f0f0f0;
color: #333;
border-color: #666;
}
img {
border: 0;
}
p.csc-linkToTop {
text-align: right;
margin: 0;
}
p.csc-form-label-req {
font-weight: bold;
}
.csc-caption {
font-size: 0.9em;
background-color: #E0E7F5;
padding: 2px;
}
dd.csc-textpic-caption {
font-style: italic;
font-size: 0.9em;
background-color: #E0E7F5;
padding: 0;
}
/* #############################
** ### felogin #################
** #############################
*/
.tx-felogin-pi1 {
}
.tx-felogin-pi1 h3 {
display: none;
}
.tx-felogin-pi1 fieldset {
margin: 1em 0 0 0;
padding: 1em;
background: #eeeeee;
border: 1px solid #792B53;
}
.tx-felogin-pi1 fieldset legend {
display: none;
}
.tx-felogin-pi1 fieldset div {
clear: both;
margin: 0 0 0.5em 0;
}
.tx-felogin-pi1 fieldset div label {
display: block;
}
.tx-felogin-pi1 fieldset div input {
margin: 0;
}
/* #############################
** ### tt_news #################
** #############################
*/
.tx-ttnews-browsebox {
text-align: center;
padding: 0;
margin: 1.2em 0 1em 0;
padding: 1px;
border: 1px solid #ccd;
background: #f0f0f4;
}
.tx-ttnews-browsebox a, .tx-ttnews-browsebox strong {
padding: 0 0.4em 0.4em 0;
margin: 0;
background: transparent;
}
/* LATEST Ansicht */
.news-latest-item {
padding-bottom: 1em;
border-bottom: 1px solid #EEEEEE;
margin-left: 0;
}
.news-latest-item p {
margin: 0;
/* background: #f7f7ef url(../../images/dummy_icons/ausrufez-blau.gif) 10px 10px no-repeat; */
/* padding: 1.5em 1.5em 0 4em; */
text-align: justify;
}
.news-latest-item h3 {
padding-top: 0;
margin-top: 0;
font-size: 100%;
}
.news-latest-item h3 a {
text-decoration: underline;
}
.news-latest-item h3 a:hover {
background: transparent;
}
.news-latest-item img {
padding-right: 1em;
padding-top: 0.5em;
float: left;
}
.news-latest-timedata {
color: #aaa;
}
.news-latest-morelink {
padding: 1px;
background: #FFF;
text-align: left;
}
/* LIST Ansicht */
.news-list-item {
margin-bottom: 1em;
}
.news-list-item p
{
margin: 0;
background: #FFF;
padding: 0;
}
.news-list-item h3 {
padding-top: 0;
margin-top: 0;
}
.news-list-item h3 a {
text-decoration: underline;
}
.news-list-item h3 a:hover {
background: transparent;
}
.news-list-item h3 span.news-list-date {
color: #aaa;
font-weight: normal;
font-size: 0.6em;
}
.news-list-morelink {
padding: 1px;
background: #FFF;
text-align: right;
}
.news-list-category {
color: #aaa;
}
/* SINGLE Ansicht */
.news-single-item h3 {
margin-bottom: 1em;
margin-top: 1em;
color: #000;
padding: 0.5em;
background: #f0f0f4;
border-left: 8px #E0E7F5 solid;
}
.news-single-img {
padding-right: 15px;
float: left;
}
.news-single-img p {
padding: 0;
margin: 0;
}
.news-single-timedata {
color: #aaa;
margin-bottom: 1em;
}
.news-single-additional-info {
}
.news-single-additional-info dd {
margin-top: -1em;
}
.news-single-additional-info dt {
margin-bottom: 1.4em;
color: #aaa;
}
/* CATEGORY Menu */
.news-catmenu {
font-size: 0.8em;
margin-top: 2em;
padding: 1em;
background: #eee;
border: 1px dotted black;
}
.news-catmenu a {
display: inline;
padding-left: 2px;
}
.news-catmenu a:hover {
background: transparent;
font-style: italic;
font-weight: bold;
}
.news-catmenu .news-catmenu-NO {
height: 16px;
}
p.news-catmenu-header {
line-height: 1em;
margin: 0;
}
div.news-list-date {
color: #AAAAAA;
font-size: 0.9em;
font-weight: normal;
text-transform: none;
}
/* ##############################
** ### tx_indexedsearch #########
** ##############################
*/
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {
width: 100px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
width: 150px;
}
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw {
font-weight: bold;
font-style: italic;
}
.tx-indexedsearch .tx-indexedsearch-whatis {
margin-top: 10px;
margin-bottom: 5px;
}
.tx-indexedsearch P.tx-indexedsearch-noresults {
text-align: center;
font-weight: bold;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title {
background: #eeeeee;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P {
font-weight: bold;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent {
font-weight: normal;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P {
font-style: italic;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup {
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
background: #E0E7F5;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead {
margin-top: 20px;
margin-bottom: 5px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 {
color: #006699;
margin-top: 0px;
margin-bottom: 0px;
background: transparent;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE {
background: #cccccc;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD {
vertical-align: middle;
}
.tx-indexedsearch .tx-indexedsearch-res .noResume {
color : #666666;
}
.tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup {
background: #FEC216;
}
/* ########################################################
** ### tx_indexedsearch with tablee-free template #########
** ########################################################
*/
.tx-indexedsearch {
}
.tx-indexedsearch .searchbox-tmpl-css form fieldset legend {
display: none;
}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-form {
margin: 0 0 0.5em 0;
clear: both;
}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-form label {
display: block;
float: left;
width: 25%;
}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-form input {
margin: 0;
}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-for {
margin: 0 0 0.5em 0;
clear: both;
}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-for label {
display: block;
float: left;
width: 25%;
}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-for select {
margin: 0;
}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-select-section {
margin: 0 0 0.5em 0;
clear: both;
}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-select-section label {
display: block;
float: left;
width: 25%;
}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-select-section select {
margin: 0;
}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-select-results {
margin: 0 0 0.5em 0;
clear: both;
}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-select-results label {
display: block;
float: left;
width: 25%;
}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-select-results select {
margin: 0;
}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-submit {
clear: both;
}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-submit input {
margin: 0 0 0 25%;
}
.tx-indexedsearch .tx-indexedsearch-browsebox {
background: #eee;
}
.tx-indexedsearch .res-tmpl-css h3 {
font-size: 105%;
clear: both;
}
.tx-indexedsearch .res-tmpl-css .tx-indexedsearch-result-number {
display: none;
}
.tx-indexedsearch .res-tmpl-css.tx-indexedsearch-res .tx-indexedsearch-title {
background: transparent;
}
.tx-indexedsearch .res-tmpl-css.tx-indexedsearch-res .percent-tmpl-css {
color: #aaa;
}
.tx-indexedsearch .res-tmpl-css p.tx-indexedsearch-descr {
font-size: 0.8em;
background: #fff url(../../images/dummy_icons/sprechblase.gif) 10px 10px no-repeat;
color: #187ba2;
padding: 1.5em 1.5em 1.5em 5em;
border: 1px solid #187ba2;
font-style: italic;
}
.tx-indexedsearch .res-tmpl-css dl.info-tmpl-css {
font-size: 0.8em;
background: transparent;
font-weight: normal;
margin: 0 0 4em 0;
}
.tx-indexedsearch .res-tmpl-css dt {
float: left;
}
.tx-indexedsearch .res-tmpl-css dd {
float: left;
margin: 0;
}
.tx-indexedsearch .tx-indexedsearch-browsebox ul.browsebox {
list-style: none;
background: #fff;
margin: 0 0 3em 0;
}
.tx-indexedsearch .tx-indexedsearch-browsebox ul.browsebox li {
font-size: 0.8em;
float: left;
margin: 0 1em 0 0;
}
/* ##########################
** ### tx_dropdownsitemap ###
** ##########################
*/
.tx-dropdownsitemap-pi1 A {
font-weight: bold;
}
.tx-dropdownsitemap-pi1 ol {
list-style-type: none;
}
.tx-dropdownsitemap-pi1 li.open ol {
display: block;
}
.tx-dropdownsitemap-pi1 li.closed ol {
display: none;
}
.tx-dropdownsitemap-pi1 li.open ul {
display: block;
}
.tx-dropdownsitemap-pi1 li.closed ul {
display: none;
}
.tx-dropdownsitemap-pi1 div {
border: solid 1px #ccd;
background: #F0F0F4;
padding: 2px;
margin-bottom: 5px;
}
.tx-dropdownsitemap-pi1 div.level_2 {
background: #FFFFFF;
}
.tx-dropdownsitemap-pi1 div.level_2 a {
font-weight: normal;
}
.tx-dropdownsitemap-pi1 div.level_3 {
background: #F0F0F4;
}
.tx-dropdownsitemap-pi1 div.level_4 {
background: #FFFFFF;
}
.tx-dropdownsitemap-pi1 div.level_5 {
background: #F0F0F4;
}
.tx-dropdownsitemap-pi1 div.expAll {
text-align: center;
border: solid 1px #ccd;
background: #F0F0F4;
}
.tx-dropdownsitemap-pi1 img {
margin-right: 0.5em;
}
.tx-dropdownsitemap-pi1 a:hover {
background: transparent;
}
/* ##########################
** ### csc-sitemap ###
** ##########################
*/
.csc-sitemap {
}
.csc-sitemap ul {
list-style: none;
margin: 0;
}
.csc-sitemap li {
margin: 0;
background: transparent url(../../images/icons/sitemap-first-level.gif) no-repeat left top;
padding: 0 0 0 20px;
}
.csc-sitemap li ul li {
background: transparent url(../../images/icons/sitemap.gif) no-repeat left top;
}
.csc-sitemap li a {
border: 1px solid #4D87C7;
margin: 0 0 5px 0;
padding: 0 0 0 7px;
display: block;
background: #4D87C7;
text-decoration: none;
color: #222;
}
.csc-sitemap li ul li a {
border: none;
border-bottom: 1px solid #4D87C7;
margin: 0 0 5px 0;
padding: 0 0 0 7px;
display: block;
background: transparent;
text-decoration: none;
color: #222;
}
.csc-sitemap li a:hover {
background: #eee;
border: 1px solid #eee;
}
.csc-sitemap li ul li a:hover {
border: none;
border-bottom: 1px solid #eee;
}
/* #############################
** ### Mail-Formular ###########
** #############################
*/
form#mailform fieldset {
border: none;
padding: 1em;
background: transparent;
}
form#mailform fieldset span.csc-mailform-radio fieldset {
margin: 1em 2em 1em 1em;
}
form#mailform fieldset span.csc-mailform-radio fieldset input {
width: auto;
margin: 0 0.3em 0 0;
border: 0;
}
form#mailform fieldset span.csc-mailform-radio fieldset label {
float: none;
}
.csc-mailform-field {
clear: both;
margin-bottom: 0.8em;
}
fieldset.csc-mailform .csc-mailform-field label {
width: 35%;
float: left;
text-align: right;
background: #fafafa;
padding: 2px;
}
fieldset.csc-mailform label.after {
float: none;
text-align: left;
background: none;
}
fieldset.csc-mailform .spacer {
display: block;
width: 18%;
float: left;
}
fieldset.csc-mailform .csc-mailform-field input, fieldset.csc-mailform .csc-mailform-field select, fieldset.csc-mailform .csc-mailform-field textarea {
width: 17em;
}
fieldset.csc-mailform .csc-mailform-field span.csc-mailform-radio input {
width: 30px;
}
fieldset.csc-mailform .csc-mailform-field span.csc-mailform-radio label {
float: none;
}
fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check {
width: auto;
border: 0;
margin-top: 0.2em;
}
fieldset.csc-mailform .csc-mailform-field textarea {
font-size: 1em;
}
fieldset.csc-mailform label span {
color: red;
}
input#mailformformtype_mail {
width: 12em;
margin-left: 0em;
background: #fafafa;
cursor: pointer;
}
input#mailformformtype_print {
width: 12em;
margin-left: 0em;
background: #fafafa;
cursor: pointer;
float: right;
}
input#mailformformtype_mail:hover {
background: #f0f0f0;
}
input#mailformformtype_print:hover {
background: #f0f0f0;
}
.csc-mailform-field select {
margin-left: 1em;
border: 1px #ccc solid;
background: #fafafa;
color: #777;
}
/* #############################
** ### Datei-Links #############
** #############################
*/
table.csc-uploads {
}
table.csc-uploads td {
padding-right: 0.5em;
padding-top: 0.25em;
padding-bottom: 0.25em;
vertical-align: top;
border-bottom: 1px solid #ccc;
}
td.csc-uploads-fileSize {
width: 5em;
text-align: right;
padding: 0;
font-style: italic;
}
td.csc-uploads-icon {
}
td.csc-uploads-fileName p {
margin: 0;
}
td.csc-uploads-fileName p.csc-uploads-description {
margin: 0;
font-size: 90%;
background-color: #dfd;
padding: 0.3em;
font-style: italic;
}
/* ####################################
** ### FCE 3 Boxes with rounded edges #
** ####################################
*/
/* green */
* html .REboxGreenContent {
height: 1%;
}
.REboxGreenContent {
overflow: hidden}
.REboxGreen {
display: block;
background: transparent;
font-weight: normal;
margin-bottom: 1em;
}
.REboxGreen p {
margin: 0 2px;
padding: 2px 0;
line-height: 1.2em;
}
.REboxGreenContent {
display: block;
background: #dfd;
border-left: 1px solid #bdb;
border-right: 1px solid #bdb;
padding: 0.5em 1em 0.5em 1em;
}
.REboxGreenContent h1, .REboxGreenContent h2, .REboxGreenContent h3, .REboxGreenContent h4, .REboxGreenContent h5 {
margin-top: 0;
}
.rGline1, .rGline2, .rGline3, .rGline4 {
display: block;
overflow: hidden;
font-size: 1px;
}
.rGline1, .rGline2, .rGline3 {
height: 1px;
}
.rGline2, .rGline3, .rGline4 {
background: #dfd;
border-left: 1px solid #bdb;
border-right: 1px solid #bdb;
}
.rGline1 {
margin: 0 5px;
background: #bdb;
}
.rGline2 {
margin: 0 3px;
border-width: 0 2px 0 2px;
}
.rGline3 {
margin: 0 2px;
}
.rGline4 {
height: 2px;
margin: 0 1px 0 1px;
}
/* red */
* html .REboxRedContent {
height: 1%;
}
.REboxRedContent {
overflow: hidden}
.REboxRed {
display: block;
background: transparent;
font-weight: normal;
margin-bottom: 1em;
}
.REboxRed p {
margin: 0 2px;
padding: 2px 0;
line-height: 1.2em;
}
.REboxRedContent {
display: block;
background: #fdd;
border-left: 1px solid #dbb;
border-right: 1px solid #dbb;
padding: 0.5em 1em 0.5em 1em;
}
.REboxRedContent h1, .REboxRedContent h2, .REboxRedContent h3, .REboxRedContent h4, .REboxRedContent h5 {
margin-top: 0;
}
.rRline1, .rRline2, .rRline3, .rRline4 {
display: block;
overflow: hidden;
font-size: 1px;
}
.rRline1, .rRline2, .rRline3 {
height: 1px;
}
.rRline2, .rRline3, .rRline4 {
background: #fdd;
border-left: 1px solid #dbb;
border-right: 1px solid #dbb;
}
.rRline1 {
margin: 0 5px;
background: #dbb;
}
.rRline2 {
margin: 0 3px;
border-width: 0 2px 0 2px;
}
.rRline3 {
margin: 0 2px;
}
.rRline4 {
height: 2px;
margin: 0 1px 0 1px;
}
/* blue */
* html .REboxBlueContent {
height: 1%;
}
.REboxBlueContent {
overflow: hidden}
.REboxBlue {
display: block;
background: transparent;
font-weight: normal;
margin-bottom: 1em;
}
.REboxBlue p {
margin: 0 2px;
padding: 2px 0;
line-height: 1.2em;
}
.REboxBlueContent {
display: block;
background: #C8DDF3;
border-left: 1px solid #AABCCE;
border-right: 1px solid #AABCCE;
padding: 0.5em 1em 0.5em 1em;
height: 1%;
overflow: hidden;
}
.REboxBlueContent h1, .REboxBlueContent h2, .REboxBlueContent h3, .REboxBlueContent h4, .REboxBlueContent h5 {
margin-top: 0;
}
.rBline1, .rBline2, .rBline3, .rBline4 {
display: block;
overflow: hidden;
font-size: 1px;
}
.rBline1, .rBline2, .rBline3 {
height: 1px;
}
.rBline2, .rBline3, .rBline4 {
background: #C8DDF3;
border-left: 1px solid #AABCCE;
border-right: 1px solid #AABCCE;
}
.rBline1 {
margin: 0 5px;
background: #AABCCE;
}
.rBline2 {
margin: 0 3px;
border-width: 0 2px 0 2px;
}
.rBline3 {
margin: 0 2px;
}
.rBline4 {
height: 2px;
margin: 0 1px 0 1px;
}
/* FCE 3 Boxes with rounded edges End */
/* ################################
** ### FCE adjustable columns #
** ################################
*/
div.flexi {
overflow: hidden;
display: block;
clear: both;
width: 100%;
height: 1%;
}
/*div.flexi div {
display: block;
overflow: hidden;
float: left;
}*/
div.flexi div.left {
margin-right: 5px;
display: block;
overflow: hidden;
float: left;
}
div.flexi div.center {
margin-right: 5px;
margin-left: 5px;
display: block;
overflow: hidden;
float: left;
}
div.flexi div.right {
margin-left: 5px;
display: block;
overflow: hidden;
float: left;
}
/* FCE adjustable columns End */
/* Shared styles for lightbox & slimbox*/
#overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index: 90;
}
#prevLink, #nextLink {
display: block;
position: absolute;
top: 0;
width: 33%;
height: 100%;
background: transparent url("http://www.securetude.com/fileadmin/images/icons/blank.gif") no-repeat;
}
#prevLink {
left: 0;
float: left;
}
#nextLink {
right: 0;
float: right;
}
#prevLink:hover {
background: transparent url("http://www.securetude.com/fileadmin/images/icons/prev.gif") no-repeat 0% 15%;
}
#nextLink:hover {
background: transparent url("http://www.securetude.com/fileadmin/images/icons/next.gif") no-repeat 100% 15%;
}
#playLink,#pauseLink,#saveLink,#closeLink {
display: block;
float: right;
width: 26px;
height: 26px;
margin-left: 1.0em;
}
#playLink {
background: transparent url("http://www.securetude.com/fileadmin/images/icons/play.gif") no-repeat center;
}
#pauseLink {
background: transparent url("http://www.securetude.com/fileadmin/images/icons/pause.gif") no-repeat center;
}
#saveLink {
background: transparent url("http://www.securetude.com/fileadmin/images/icons/save.gif") no-repeat center;
}
#closeLink {
background: transparent url("http://www.securetude.com/fileadmin/images/icons/close.gif") no-repeat center;
}
#sbCenter, #sbBottomContainer {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #fff;
z-index: 100;
}
#sbCenter a, #sbBottomContainer a {
text-decoration: none;
border: none;
outline: none;
}
.sbLoading {
background: #fff url("../../images/icons/loading.gif") no-repeat center;
}
#sbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}
#sbBottom {
font-size: 11px;
color: #666;
line-height: 1.4em;
text-align: left;
padding: 0 10px 10px 10px;
}
#sbCaption {
width: 66%;
font-weight: bold;
margin-bottom: 0.1em;
}
#sbNumber {
width: 66%;
margin-bottom: 0.1em;
}
#sbPresent {
width: 66%;
margin-bottom: 0.1em;
}
#sbPresent a {
color: #666;
margin-right: 1.0em;
}
#sbPresent a.act {
font-weight: bold;
color: #fff;
background: #777;
border-right: 0.2em solid #777;
border-bottom: 0.1em solid #777;
border-left: 0.4em solid #777;
}
#lbLightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lbLightbox #closeLink {
margin-bottom: 10px;
}
#lbLightbox a {
text-decoration: none;
border: none;
outline: none;
}
#lbLightbox img {
border: none;
}
#lbOuterImageContainer {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto}
#lbImageContainer {
padding: 10px;
}
#lbLoading {
position: absolute;
z-index: 110;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
background: #fff url("../../images/icons/loading.gif") no-repeat center;
}
#lbHoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lbImageContainer>#lbHoverNav {
left: 0;
}
#lbImageDataContainer {
font-size: 11px;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
}
#lbImageData {
padding: 0 10px;
color: #666;
}
#lbImageDetails {
width: 66%;
float: left;
text-align: left;
padding-bottom: 10px;
}
#lbCaption {
display: block;
font-weight: bold;
margin-bottom: 0.1em;
}
#lbNumber {
display: block;
margin-bottom: 0.1em;
}
#lbPresent {
display: block;
margin-bottom: 0.1em;
}
#lbPresent a {
color: #666;
margin-right: 1.0em;
}
#lbPresent a.act {
font-weight: bold;
color: #fff;
background: #777;
border-right: 0.2em solid #777;
border-bottom: 0.1em solid #777;
border-left: 0.4em solid #777;
}
/***************************
* Default styles for the
* EXT rgtabs
* by Ringer Georg (just2b)
***************************/
.tx-rgtabs-pi1 {
background:transparent;
}
/* wraps the hole tab */
.rgtabs-wrapper {
padding:1em 1.5em;
border: 1px solid #ccc;
background:#fff url(../../images/sliding_door/round/topbg.gif) repeat-x;
overflow:hidden;
clear:both;
}
/* add a loading icon */
.rgtabs-wrapper .rgtabs-ajax-loading {
padding: 100px 0;
background: url(../../images/sliding_door/round/spinner2.gif) no-repeat center;
}
/* Tab-Menu ul */
.rgtabs-menu {
margin: 0;
padding: 0;
height: auto;
width: auto;
background: transparent;
list-style:none;
height:1%;
}
/* Tab-Menu li */
.rgtabs-menu li, #left .rgtabs-menu li {
list-style-type: none;
list-style:none;
background: url(../../images/sliding_door/round/rgtabs-left.gif) left 0px no-repeat;
float: left;
margin: 0 -1px 0 0;
padding: 0;
cursor: pointer;
}
.rgtabs-menu li:hover,
#left .rgtabs-menu li:hover {
background: url(../../images/sliding_door/round/rgtabs-left_on.gif) left 0 no-repeat;
}
/* Tab-Menu li.a */
.rgtabs-menu li a,
#left .rgtabs-menu li a {
background: url(../../images/sliding_door/round/rgtabs-right.gif) right 0px no-repeat;
display: block;
float: left;
height: auto;
line-height: 24px;
color: #545454;
padding: 2px 12px 0 14px;
text-decoration: none;
outline:0;
}
.rgtabs-menu li a:hover,
#left .rgtabs-menu li a:hover {
background: url(../../images/sliding_door/round/rgtabs-right_on.gif) right 0px no-repeat;
}
/* Selected Tab */
#left .rgtabs-menu li.rgtabs-selected,
.rgtabs-menu li.rgtabs-selected {
background: url(../../images/sliding_door/round/rgtabs-left_on.gif) top left no-repeat;
}
#left .rgtabs-menu li.rgtabs-selected a,
.rgtabs-menu li.rgtabs-selected a {
background: url(../../images/sliding_door/round/rgtabs-right_on.gif) top right no-repeat;
color: #333;
}
/* END Shared styles for lightbox & slimbox*/
/* ###########################
** ### cssstyledcontent ######
** ###########################
*/
/* deleted in setup and copied to here, to make it easier to edit */
/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption {
text-align:center;
}
DIV.csc-textpic-caption-r .csc-textpic-caption {
text-align:right;
}
DIV.csc-textpic-caption-l .csc-textpic-caption {
text-align:left;
}
/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn {
float:left;
display:inline;
}
/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
border:2px solid black;
padding:0px 0px;
}
DIV.csc-textpic-imagewrap {
padding:0;
}
DIV.csc-textpic IMG {
border:none;
}
/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image {
float:left;
}
/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL {
list-style:none;
margin:0;
padding:0;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {
float:left;
margin:0;
padding:0;
}
/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
float:left;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT {
float:none;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD {
float:none;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {
border:none;
}
/* FE-Editing Icons */
DL.csc-textpic-image {
margin:0;
}
DL.csc-textpic-image DT {
margin:0;
display:inline;
}
DL.csc-textpic-image DD {
margin: 0;
}
/* Clearer */
DIV.csc-textpic-clear {
clear:both;
}
/* Margins around images: */
/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
display:inline;
/* IE fix for double-margin bug */
margin-right:10px;
}
/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
display:inline;
/* IE fix for double-margin bug */
margin-left:10px;
}
/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
display:inline;
/* IE fix for double-margin bug */
margin-left:10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
margin:0;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
margin:0;
}
/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
margin-bottom:5px;
}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {
margin-bottom:5px;
display:block;
}
DIV.csc-textpic DIV.csc-textpic-imagerow {
clear: both;
}
/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {
margin-left:0px !important;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {
margin-right:0px !important;
}
/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
margin-right:10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
margin-left:10px !important;
}
/* Positioning of images: */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text {
clear:both;
}
/* Center (above or below) */
DIV.csc-textpic-center {
text-align:center;
/* IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap {
margin:0 auto;
}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
text-align:left;
/* Remove IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-text {
text-align:left;
/* Remove IE-hack */}
/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap {
float:right;
}
DIV.csc-textpic-right DIV.csc-textpic-text {
clear:right;
}
/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap {
float:left;
}
DIV.csc-textpic-left DIV.csc-textpic-text {
clear:left;
}
/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
float:left;
}
/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
float:right;
}
/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
float:right;
clear:both;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {
height:1%;
}
/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
float:left;
clear:both;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
height:1%;
}
/* End hide from IE5/mac */
.speciality-box-waiting {
background-image: url('../../images/icons/loading_big.gif');
background-repeat:no-repeat;
background-position: 35% center;
}
.speciality-form-waiting {
/* for IE */
filter:alpha(opacity=40);
/* CSS3 standard */
opacity:0.4;
}
/* formation */
.additional_description {
margin-bottom: 14px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
padding-top: 7px;
}
.contextual_information {
margin-top: 20px;
text-align: justify;
}
.speciality-hidden {
display: none;
}
/* list of documents */
.speciality-list-document{
list-style-type: none;
margin-left: -20px;
}
.speciality-box-latest {
margin: 0;
padding:0;
list-style: none;
margin-bottom: 20px;
}
.speciality-box-latest li {
margin-bottom: 10px;
}
h2 a.togglebox-link {
color: #852053;
}
/* class for links */
.external-link,
.external-link-new-window {
background: url('../../images/icons/externalLink.gif') no-repeat right top;
padding-right: 10px;
}
.download {
background: url('../../images/icons/download.gif') no-repeat right top;
padding-right: 10px;
}