/* --- CSS Level 2.1 --- */
/**
@file
----------------------------------------------------------------
Status: [ ] in Bearbeitung
[x] Release Candidate
----------------------------------------------------------------
Beschreibung: Auftrittsabhängige Config
----------------------------------------------------------------
Datum Wer Version Was
21.03.2012 pflug 1.0.0 Datei erstellt und Inhalt aus CWeblayout übernommen
19.04.2012 pflug 1.0.1 .BorderRndBlue, .BorderRndLightblue, .BorderRndGray,
.BorderRndLightgray hinzugefügt
20.04.2012 pflug 1.0.2 Bei abgerundeten Borderklassen "display: inline-block" entfernt
09.08.2012 spet 1.0.3 Bei borderRnd*-Klassen padding rundrum auf 0.3 gesetzt
Farb-Klassen green, blue, lightblue, gray und lightgray hinzugefügt
15.08.2012 pflug 1.0.4 Farb-Klasse white hinzugefügt
22.08.2012 spet RC (gesynct)
02.04.2013 pflug 1.0.5 RC: bugfix -> .shy-Klasse: Escaping nur noch mit einem Backslash
23.05.2013 spet 1.0.6 RC: Bugfix Klasse "blue" + !important zu Forecolor-Farbklassen
23.07.2013 riedel 1.0.7 RC: .left und .right auf 6.5em klassen erweitert
21.08.2013 riedel 1.0.8 RC: .blueGradient hinzugefügt
06.12.2013 riedel 1.0.9 RC: .shadow hinzugefügt
16.01.2014 riedel 1.1.0 RC: .noticeMsg hinzugefügt
----------------------------------------------------------------
*/
/* .Klassen */
/* Abstände */
.top01 { margin-top: 0.1em !important; }
.top02 { margin-top: 0.2em !important; }
.top03 { margin-top: 0.3em !important; }
.top04 { margin-top: 0.4em !important; }
.top05 { margin-top: 0.5em !important; }
.top1 { margin-top: 1em !important; }
.top15 { margin-top: 1.5em !important; }
.top2 { margin-top: 2em !important; }
.top25 { margin-top: 2.5em !important; }
.top3 { margin-top: 3em !important; }
.top35 { margin-top: 3.5em !important; }
.top4 { margin-top: 4em !important; }
.top45 { margin-top: 4.5em !important; }
.top5 { margin-top: 5em !important; }
.top55 { margin-top: 5.5em !important; }
.top6 { margin-top: 6em !important; }
.top65 { margin-top: 6.5em !important; }
.top7 { margin-top: 7em !important; }
.top75 { margin-top: 7.5em !important; }
.top8 { margin-top: 8em !important; }
.top85 { margin-top: 8.5em !important; }
.top9 { margin-top: 9em !important; }
.top95 { margin-top: 9.5em !important; }
.top10 { margin-top: 10em !important; }
.top11 { margin-top: 11em !important; }
.top12 { margin-top: 12em !important; }
.top13 { margin-top: 13em !important; }
.top14 { margin-top: 14em !important; }
.bottom05 { margin-bottom: 0.5em !important; }
.bottom1 { margin-bottom: 1em !important; }
.bottom15 { margin-bottom: 1.5em !important; }
.bottom2 { margin-bottom: 2em !important; }
.bottom25 { margin-bottom: 2.5em !important; }
.bottom3 { margin-bottom: 3em !important; }
.bottom35 { margin-bottom: 3.5em !important; }
.bottom4 { margin-bottom: 4em !important; }
.bottom45 { margin-bottom: 4.5em !important; }
.bottom5 { margin-bottom: 5em !important; }
.bottom55 { margin-bottom: 5.5em !important; }
.bottom6 { margin-bottom: 6em !important; }
.bottom65 { margin-bottom: 6.5em !important; }
.bottom7 { margin-bottom: 7em !important; }
.bottom75 { margin-bottom: 7.5em !important; }
.bottom8 { margin-bottom: 8em !important; }
.bottom85 { margin-bottom: 8.5em !important; }
.bottom9 { margin-bottom: 9em !important; }
.bottom95 { margin-bottom: 9.5em !important; }
.bottom10 { margin-bottom: 10em !important; }
.bottom11 { margin-bottom: 11em !important; }
.bottom12 { margin-bottom: 12em !important; }
.bottom13 { margin-bottom: 13em !important; }
.bottom14 { margin-bottom: 14em !important; }
.left05 { margin-left: 0.5em !important; }
.left1 { margin-left: 1em !important; }
.left15 { margin-left: 1.5em !important; }
.left2 { margin-left: 2em !important; }
.left25 { margin-left: 2.5em !important; }
.left3 { margin-left: 3em !important; }
.left35 { margin-left: 3.5em !important; }
.left4 { margin-left: 4em !important; }
.left45 { margin-left: 4.5em !important; }
.left5 { margin-left: 5em !important; }
.left55 { margin-left: 5.5em !important; }
.left6 { margin-left: 6em !important; }
.left65 { margin-left: 6.5em !important; }
.right05 { margin-right: 0.5em !important; }
.right1 { margin-right: 1em !important; }
.right15 { margin-right: 1.5em !important; }
.right2 { margin-right: 2em !important; }
.right25 { margin-right: 2.5em !important; }
.right3 { margin-right: 3em !important; }
.right35 { margin-right: 3.5em !important; }
.right4 { margin-right: 4em !important; }
.right45 { margin-right: 4.5em !important; }
.right5 { margin-right: 5em !important; }
.right55 { margin-right: 5.5em !important; }
.right6 { margin-right: 6em !important; }
.right65 { margin-right: 6.5em !important; }
.marginoff { margin: 0 !important; }
.paddingoff { padding: 0 !important; }
/* Abstände-Ende */
/* Höhen und Breiten */
.height05 { height: 0.5em !important; }
.height1 { height: 1em !important; }
.height15 { height: 1.5em !important; }
.height2 { height: 2em !important; }
.height25 { height: 2.5em !important; }
.height3 { height: 3em !important; }
.height35 { height: 3.5em !important; }
.height4 { height: 4em !important; }
.height45 { height: 4.5em !important; }
.height5 { height: 5em !important; }
.height55 { height: 5.5em !important; }
.height6 { height: 6em !important; }
.height65 { height: 6.5em !important; }
.height7 { height: 7em !important; }
.height75 { height: 7.5em !important; }
.height8 { height: 8em !important; }
.height85 { height: 8.5em !important; }
.height9 { height: 9em !important; }
.height95 { height: 9.5em !important; }
.height10 { height: 10em !important; }
.height11 { height: 11em !important; }
.height12 { height: 12em !important; }
.height13 { height: 13em !important; }
.height14 { height: 14em !important; }
.height30 { height: 30em !important; }
.height50 { height: 50em !important; }
.width05 { width: 0.5em !important; }
.width1 { width: 1em !important; }
.width15 { width: 1.5em !important; }
.width2 { width: 2em !important; }
.width25 { width: 2.5em !important; }
.width3 { width: 3em !important; }
.width35 { width: 3.5em !important; }
.width4 { width: 4em !important; }
.width45 { width: 4.5em !important; }
.width5 { width: 5em !important; }
.width55 { width: 5.5em !important; }
.width6 { width: 6em !important; }
.width65 { width: 6.5em !important; }
.width7 { width: 7em !important; }
.width75 { width: 7.5em !important; }
.width8 { width: 8em !important; }
.width85 { width: 8.5em !important; }
.width9 { width: 9em !important; }
.width95 { width: 9.5em !important; }
.width10 { width: 10em !important; }
.width5p { width: 5% !important; }
.width10p { width: 10% !important; }
.width15p { width: 15% !important; }
.width20p { width: 20% !important; }
.width25p { width: 25% !important; }
.width30p { width: 30% !important; }
.width33p { width: 33% !important; }
.width35p { width: 35% !important; }
.width40p { width: 40% !important; }
.width45p { width: 45% !important; }
.width50p { width: 50% !important; }
.width55p { width: 55% !important; }
.width60p { width: 60% !important; }
.width65p { width: 65% !important; }
.width70p { width: 70% !important; }
.width75p { width: 75% !important; }
.width80p { width: 80% !important; }
.width85p { width: 85% !important; }
.width90p { width: 90% !important; }
.width95p { width: 95% !important; }
.width100p { width: 100% !important; }
.width110p { width: 110% !important; }
.width120p { width: 120% !important; }
.width130p { width: 130% !important; }
.width140p { width: 140% !important; }
.width150p { width: 150% !important; }
.width160p { width: 160% !important; }
.width170p { width: 170% !important; }
.width180p { width: 180% !important; }
.width190p { width: 190% !important; }
.width200p { width: 200% !important; }
/* Höhen und Breiten-Ende */
/* Textstile */
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
/* Ende Textstile */
/* Ausrichten */
.left {
text-align: left !important;
left: 0 !important;
}
.right {
text-align: right !important;
right: 0 !important;
}
.center {
text-align: center !important;
}
.justify {
text-align: justify !important;
}
.top {
vertical-align: top !important;
top: 0 !important;
}
.middle {
vertical-align: middle !important;
}
.bottom {
vertical-align: bottom !important;
bottom: 0 !important;
}
.margincenter { margin-left: auto !important; margin-right: auto !important; }
.marginleft { margin-right: auto !important; }
.marginright { margin-left: auto !important; }
/* Ausrichten-Ende */
/* Darstellung */
.block { display: block; }
.inline { display: inline; }
.displaynone { display: none; }
/* Darstellung-Ende */
/* Positionierung */
.relative { position: relative; }
.absolute { position: absolute; }
/* Positionierung-Ende */
/* Farben */
.red {
color: red !important;
/*border-color: black !important;*/
}
.orange {
color: orange !important;
}
.green {
color: #0d4f0e !important;
}
.blue {
color: #005C9C !important;
}
.lightblue {
color: #cedef9 !important;
}
.gray {
color: #b1b7b9 !important;
}
.lightgray {
color: #DCDCDC !important;
}
.white {
color: #FFFFFF !important;
}
/* Farben-Ende */
/* Hintergründe */
.bglightblue,
.bgdarkblue,
.bglightgray,
.bgdarkgray,
.bghighlight,
.bgblack,
.bgwhite,
.bgyellow,
.bgred {
padding: 0.4em;
height: 1%; /* wichtig bei Floats in den IE's */
}
.bglightblue {
color: Black;
background-color: #cedef9;
}
.bgdarkblue, .bgdarkblue
a {
color: White !important;
background-color: #005C9C;
}
.bglightgray {
color: Black;
background-color: #DCDCDC;
}
.bgdarkgray {
color: Black;
background-color: #b1b7b9;
}
.bgblack {
color: White;
background-color: Black;
}
.bgwhite {
color: Black;
background-color: White;
}
.bgyellow {
color: Black;
background-color: Yellow;
}
.bgred {
color: Black;
background-color: Red;
}
.bgmaroon {
color: white;
background-color: maroon;
}
.bgorange {
color:maroon;
background-color: orange;
border: 1px solid maroon;
}
/* Hintergründe-Ende */
/* Hintergrund-Verlaeufe */
.blueGradient {
background-color: #00589C;
background-image: linear-gradient(right, rgb(0,88,156) 0%, rgb(24,130,212) 100%);
background-image: -o-linear-gradient(right, rgb(0,88,156) 0%, rgb(24,130,212) 100%);
background-image: -moz-linear-gradient(right, rgb(0,88,156) 0%, rgb(24,130,212) 100%);
background-image: -webkit-linear-gradient(right, rgb(0,88,156) 0%, rgb(24,130,212) 100%);
background-image: -ms-linear-gradient(right, rgb(0,88,156) 0%, rgb(24,130,212) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00589C", endColorstr="#1882d4",GradientType=1 );
}
/* Hintergrund-Verlaeufe-Ende */
/* Link-Buttons */
a.blueGradient {
border: none;
color: #FFF;
padding: 3px 5px;
}
a:hover.blueGradient {
text-decoration: underline;
}
/* Link-Buttons-Ende */
/* Rahmen */
.bordergray {
padding: 0.4em;
border: solid 1px;
border-color: #b0b0b0;
}
* h\tml .bordergray {
margin-left: 3px;
}
.borderoff {
border: 0 none !important;
}
/* Rahmen-Ende */
/* Textfluss */
.floatleft {
float: left;
}
.floatright {
float: right;
}
/* bedingter Trennstrich für IE & Opera
und Trennung im Firefox: */
body:-moz-last-node .shy:after {
content: "\200B"; /* Leerzeichen */
}
.nowrap {
white-space: nowrap;
}
/* Textfluss-Ende */
/* Bildlaufleisten */
.flowhorizontal {
overflow: auto;
}
.flowhorizontal table {
table-layout:fixed;
}
/* Hacks für IE6 und IE7 in die entsprechenden CSS-Dateien verschoben */
.flowvertical {
overflow: auto;
}
/* Bildlaufleisten-Ende */
/* Spalten */
.columnleft5 { float: left; width: 5%; position: relative; padding: 0 !important; }
.columnleft10 { float: left; width: 10%; position: relative; padding: 0 !important; }
.columnleft15 { float: left; width: 15%; position: relative; padding: 0 !important; }
.columnleft20 { float: left; width: 20%; position: relative; padding: 0 !important; }
.columnleft25 { float: left; width: 25%; position: relative; padding: 0 !important; }
.columnleft30 { float: left; width: 30%; position: relative; padding: 0 !important; }
.columnleft35 { float: left; width: 35%; position: relative; padding: 0 !important; }
.columnleft40 { float: left; width: 40%; position: relative; padding: 0 !important; }
.columnleft45 { float: left; width: 45%; position: relative; padding: 0 !important; }
.columnleft50 { float: left; width: 50%; position: relative; padding: 0 !important; }
.columnleft55 { float: left; width: 55%; position: relative; padding: 0 !important; }
.columnleft60 { float: left; width: 60%; position: relative; padding: 0 !important; }
.columnleft65 { float: left; width: 65%; position: relative; padding: 0 !important; }
.columnleft70 { float: left; width: 70%; position: relative; padding: 0 !important; }
.columnleft75 { float: left; width: 75%; position: relative; padding: 0 !important; }
.columnleft80 { float: left; width: 80%; position: relative; padding: 0 !important; }
.columnleft85 { float: left; width: 85%; position: relative; padding: 0 !important; }
.columnleft90 { float: left; width: 90%; position: relative; padding: 0 !important; }
.columnleft95 { float: left; width: 95%; position: relative; padding: 0 !important; }
.columnleft33 { float: left; width: 33.333%; position: relative; padding: 0 !important; }
*+html .columnleft33 { float: left; width: 33.3%; padding: 0 !important; }
.columnright5 { margin-left: 95%; padding: 0 !important; }
.columnright10 { margin-left: 90%; padding: 0 !important; }
.columnright15 { margin-left: 85%; padding: 0 !important; }
.columnright20 { margin-left: 80%; padding: 0 !important; }
.columnright25 { margin-left: 75%; padding: 0 !important; }
.columnright30 { margin-left: 70%; padding: 0 !important; }
.columnright35 { margin-left: 65%; padding: 0 !important; }
.columnright40 { margin-left: 60%; padding: 0 !important; }
.columnright45 { margin-left: 55%; padding: 0 !important; }
.columnright50 { margin-left: 50%; padding: 0 !important; }
.columnright55 { margin-left: 45%; padding: 0 !important; }
.columnright60 { margin-left: 40%; padding: 0 !important; }
.columnright65 { margin-left: 35%; padding: 0 !important; }
.columnright70 { margin-left: 30%; padding: 0 !important; }
.columnright75 { margin-left: 25%; padding: 0 !important; }
.columnright80 { margin-left: 20%; padding: 0 !important; }
.columnright85 { margin-left: 15%; padding: 0 !important; }
.columnright90 { margin-left: 10%; padding: 0 !important; }
.columnright95 { margin-left: 5%; padding: 0 !important; }
/* nach ie6.css verschoben
* h\tml .columnright5,
...
* h\tml .columnright95 {
display: inline-block;
}
*/
*+html .columnright5 { margin-left: 95%; width: 4.95%; padding: 0 !important; }
*+html .columnright10 { margin-left: 90%; width: 9.95%; padding: 0 !important; }
*+html .columnright15 { margin-left: 85%; width: 14.95%; padding: 0 !important; }
*+html .columnright20 { margin-left: 80%; width: 19.95%; padding: 0 !important; }
*+html .columnright25 { margin-left: 75%; width: 24.95%; padding: 0 !important; }
*+html .columnright30 { margin-left: 70%; width: 29.95%; padding: 0 !important; }
*+html .columnright35 { margin-left: 65%; width: 34.95%; padding: 0 !important; }
*+html .columnright40 { margin-left: 60%; width: 39.95%; padding: 0 !important; }
*+html .columnright45 { margin-left: 55%; width: 44.95%; padding: 0 !important; }
*+html .columnright50 { margin-left: 50%; width: 49.95%; padding: 0 !important; }
*+html .columnright55 { margin-left: 45%; width: 54.95%; padding: 0 !important; }
*+html .columnright60 { margin-left: 40%; width: 59.95%; padding: 0 !important; }
*+html .columnright65 { margin-left: 35%; width: 64.95%; padding: 0 !important; }
*+html .columnright70 { margin-left: 30%; width: 69.95%; padding: 0 !important; }
*+html .columnright75 { margin-left: 25%; width: 74.95%; padding: 0 !important; }
*+html .columnright80 { margin-left: 20%; width: 79.95%; padding: 0 !important; }
*+html .columnright85 { margin-left: 15%; width: 84.95%; padding: 0 !important; }
*+html .columnright90 { margin-left: 10%; width: 89.95%; padding: 0 !important; }
*+html .columnright95 { margin-left: 5%; width: 94.95%; padding: 0 !important; }
.columnright33 { margin-left: 66.677%; padding: 0 !important; }
*+html .columnright33 { margin-left: 66.5%; padding: 0 !important; }
.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }
.wrapper {
height: 100%;
}
.wrapper:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
/* Spalten-Ende */
/* Listen */
.listimageoff {
list-style-type: none;
}
/* Listen-Ende */
/* Bilder */
.scaleimg {
width: 100%;
display: block;
}
.icon {
display: inline;
width: 1.5em;
height: 1em;
padding-bottom: 0.08em;
vertical-align: text-bottom;
}
* h\tml .icon { /* IE6 */
vertical-align: middle;
}
html:first-child>b\ody .icon { /* fuer aus Opera http://www.lipfert-malik.de/webdesign/tutorial/css.html */
vertical-align: middle;
}
/* Bilder-Ende */
/* Tab-Register */
.tab, .activtab {
font-size: 1em;
font-weight: bold;
background-color: #005C9C;
background-image: url(/export/data/global/102_line.gif);
background-position: right;
background-repeat: repeat-y;
text-align: center;
height: 1.45em;
}
.tab a, .activtab a {
display: block;
border-left: 5px solid #00589c;
padding-top: 0.1em;
}
.tab a {
color: White;
}
.activtab a {
color: #aec116;
}
.tab a:hover {
color: #aec116;
background-color: #003E6E;
background-image: url(/export/data/global/102_line.gif);
background-position: right;
background-repeat: repeat-y;
border-color: #aec116;
height: 1.6em;
}
/* Tab-Register-Ende */
/* Tabellen */
.tableborder, .tableborder th, .tableborder td {
border: 1px solid #B6B6B6;
border-collapse: collapse;
border-spacing: 0;
}
.tableborderoff, .tableborderoff th, .tableborderoff td {
border: 0 none;
border-collapse: collapse;
border-spacing: 0;
}
/* Tabellen-Ende */
/*Medlungen*/
.errorMsg {
border: 1px solid #cd0a0a;
background-color: #f3c9b9;
color: #cd0a0a;
margin: 0.3em 0 0.3em 0;
padding: 0.3em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-weight: bold;
}
.successMsg {
border: 1px solid #0d4f0e;
background-color: #c2f0c1;
color: #0d4f0e;
margin: 0.3em 0 0.3em 0;
padding: 0.3em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-weight: bold;
}
.noticeMsg {
background-color: #FFEEBF;
border: 1px solid #B57B00;
border-radius: 5px;
color: #B57B00;
font-weight: bold;
margin: 0.3em 0;
padding: 0.3em;
}
.borderRndRed {
border: 1px solid #cd0a0a;
margin: 0;
padding: 0.3em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.borderRndBlue {
border: 1px solid #005C9C;
margin: 0;
padding: 0.3em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.borderRndLightblue {
border: 1px solid #cedef9;
margin: 0;
padding: 0.3em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.borderRndGray {
border: 1px solid #b1b7b9;
margin: 0;
padding: 0.3em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.borderRndLightgray {
border: 1px solid #DCDCDC;
margin: 0;
padding: 0.3em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.shadow {
-moz-box-shadow: 0px 0px 5px #666;
-webkit-box-shadow: 0px 0px 5px #666;
box-shadow: 0px 0px 5px #666;
}