/* STYLES.CSS - XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* LEGEND START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*
STYLES.CSS includes all independant sets of classes, which may be used in various combinations on nearly any kind of container
AUTHOR/E-MAIL: stephan s. kurz [stephan.kurz@weka.de], 2009-03-09
LAST CHANGE AUTHOR: stephan s. kurz [stephan.kurz@weka.de], 2009-03-09
LAST CHANGE ITEM: line nr. 6, line nr. 7
elements, classes and id's are tested on all relevant browsers and provide validated code only - browser-specific code is not allowed !
names of classes and id's only contain lowercase letters and '-' [hyphen] as seperator. '_' [underline] is not allowed !
conditional [browserspecific] css or css-hacks are not allowed !
- set of fixed horizontal distances for elements, sorted by '.horizontal-number'
- set of fixed vertical distances for elements, sorted by '.vertical-number'
- inside-another-container-sets for elements, with fixed distances, sorted by '.internal-container-number'
- bordersets for elements, sorted by '.cage-name'
- background-colorsets for elements [don't hover], sorted by '.layer-name'
- colorsets for elements [don't hover], sorted by '.name' - colorsets for left [with an assigned hover], sorted by '.link-name' x
when all development works are finished, optimize the codes style of writing [summarize, remove comments] and adapt it to your style !
*/
/* LEGEND END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* DESIGN OF INDEPENDANT CLASSES, ALLOWING MULTIPLE COMBINATIONS - IN ALPHABETIIC ORDER START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.black,.black:hover,.vignette-black,.vignette-black:hover
{
color:#000000;
text-decoration:none;
}
.black-justified,
.black-justified:hover
{
color:#000000;
text-align:justify;
text-decoration:none;
}
.black-fat,
.black-fat:hover
{
font-weight:bold;
color:#000000;
text-decoration:none;
}
.black-italic,
.black-italic:hover
{
font-style:italic;
color:#000000;
text-decoration:none;
}
.black-right,
.black-right:hover
{
color:#000000;
text-align:right;
text-decoration:none;
}
.black-centred,
.black-centred:hover
{
color:#000000;
text-align:center;
text-decoration:none;
}
.black-to-red
{
color:#000000;
text-decoration:none;
}
.black-to-red:hover
{
color:#ff0000;
text-decoration:none;
}
.blue,.blue:hover
{
color:#0054a6;
text-decoration:none;
}
.blue-justified,
.blue-justified:hover
{
color:#0054a6;
text-align:justify;
text-decoration:none;
}
.blue-fat,
.blue-fat:hover
{
font-weight:bold;
color:#0054a6;
text-decoration:none;
}
.blue-italic,
.blue-italic:hover
{
font-style:italic;
color:#0054a6;
text-decoration:none;
}
.blue-right,
.blue-right:hover
{
color:#0054a6;
text-align:right;
text-decoration:none;
}
.blue-centred,
.blue-centred:hover
{
color:#0054a6;
text-align:center;
text-decoration:none;
}
.button-50-01
{
background-image:url(../elements/button_50_01.png);
}
.button-60-01
{
background-image:url(../elements/button_60_01.png);
}
.button-70-01
{
background-image:url(../elements/button_70_01.png);
}
.button-80-01
{
background-image:url(../elements/button_80_01.png);
}
.button-90-01
{
background-image:url(../elements/button_90_01.png);
}
.button-100-01
{
background-image:url(../elements/button_100_01.png);
}
.button-110-01
{
background-image:url(../elements/button_110_01.png);
}
.button-120-01
{
background-image:url(../elements/button_120_01.png);
}
.button-130-01
{
background-image:url(../elements/button_130_01.png);
}
.button-140-01
{
background-image:url(../elements/button_140_01.png);
}
.button-150-01
{
background-image:url(../elements/button_150_01.png);
}
.button-160-01
{
background-image:url(../elements/button_160_01.png);
}
.button-170-01
{
background-image:url(../elements/button_170_01.png);
}
.button-180-01
{
background-image:url(../elements/button_180_01.png);
}
.button-190-01
{
background-image:url(../elements/button_190_01.png);
}
.button-200-01
{
background-image:url(../elements/button_200_01.png);
}
.button-210-01
{
background-image:url(../elements/button_210_01.png);
}
.button-220-01
{
background-image:url(../elements/button_220_01.png);
}
.button-230-01
{
background-image:url(../elements/button_230_01.png);
}
.button-240-01
{
background-image:url(../elements/button_240_01.png);
}
.button-250-01
{
background-image:url(../elements/button_250_01.png);
}
.button-260-01
{
background-image:url(../elements/button_260_01.png);
}
.button-270-01
{
background-image:url(../elements/button_270_01.png);
}
.button-280-01
{
background-image:url(../elements/button_280_01.png);
}
.button-290-01
{
background-image:url(../elements/button_290_01.png);
}
.button-300-01
{
background-image:url(../elements/button_300_01.png);
}
.button-310-01
{
background-image:url(../elements/button_310_01.png);
}
.button-320-01
{
background-image:url(../elements/button_320_01.png);
}
.button-330-01
{
background-image:url(../elements/button_330_01.png);
}
.button-340-01
{
background-image:url(../elements/button_340_01.png);
}
.button-350-01
{
background-image:url(../elements/button_350_01.png);
}
.button-50-01,
.button-60-01,
.button-70-01,
.button-80-01,
.button-90-01,
.button-100-01,
.button-110-01,
.button-120-01,
.button-130-01,
.button-140-01,
.button-150-01,
.button-160-01,
.button-170-01,
.button-180-01,
.button-190-01,
.button-200-01,
.button-210-01,
.button-220-01,
.button-230-01,
.button-240-01,
.button-250-01,
.button-260-01,
.button-270-01,
.button-280-01,
.button-290-01,
.button-300-01,
.button-310-01,
.button-320-01,
.button-330-01,
.button-340-01,
.button-350-01
{
padding-left:10px;
display:block;
background-position:0px 0px;
background-repeat:no-repeat;
font-family:arial,helvetica,sans-serif;
font-size:13px;
color:#444444;
line-height:27px;
}
.button-50-01:hover
{
background-image:url(../elements/button_50_02.png);
}
.button-60-01:hover
{
background-image:url(../elements/button_60_02.png);
}
.button-70-01:hover
{
background-image:url(../elements/button_70_02.png);
}
.button-80-01:hover
{
background-image:url(../elements/button_80_02.png);
}
.button-90-01:hover
{
background-image:url(../elements/button_90_02.png);
}
.button-100-01:hover
{
background-image:url(../elements/button_100_02.png);
}
.button-110-01:hover
{
background-image:url(../elements/button_110_02.png);
}
.button-120-01:hover
{
background-image:url(../elements/button_120_02.png);
}
.button-130-01:hover
{
background-image:url(../elements/button_130_02.png);
}
.button-140-01:hover
{
background-image:url(../elements/button_140_02.png);
}
.button-150-01:hover
{
background-image:url(../elements/button_150_02.png);
}
.button-160-01:hover
{
background-image:url(../elements/button_160_02.png);
}
.button-170-01:hover
{
background-image:url(../elements/button_170_02.png);
}
.button-180-01:hover
{
background-image:url(../elements/button_180_02.png);
}
.button-190-01:hover
{
background-image:url(../elements/button_190_02.png);
}
.button-200-01:hover
{
background-image:url(../elements/button_200_02.png);
}
.button-210-01:hover
{
background-image:url(../elements/button_210_02.png);
}
.button-220-01:hover
{
background-image:url(../elements/button_220_02.png);
}
.button-230-01:hover
{
background-image:url(../elements/button_230_02.png);
}
.button-240-01:hover
{
background-image:url(../elements/button_240_02.png);
}
.button-250-01:hover
{
background-image:url(../elements/button_250_02.png);
}
.button-260-01:hover
{
background-image:url(../elements/button_260_02.png);
}
.button-270-01:hover
{
background-image:url(../elements/button_270_02.png);
}
.button-280-01:hover
{
background-image:url(../elements/button_280_02.png);
}
.button-290-01:hover
{
background-image:url(../elements/button_290_02.png);
}
.button-300-01:hover
{
background-image:url(../elements/button_300_02.png);
}
.button-310-01:hover
{
background-image:url(../elements/button_310_02.png);
}
.button-320-01:hover
{
background-image:url(../elements/button_320_02.png);
}
.button-330-01:hover
{
background-image:url(../elements/button_330_02.png);
}
.button-340-01:hover
{
background-image:url(../elements/button_340_02.png);
}
.button-350-01:hover
{
background-image:url(../elements/button_350_02.png);
}
.button-50-01:hover,
.button-60-01:hover,
.button-70-01:hover,
.button-80-01:hover,
.button-90-01:hover,
.button-100-01:hover,
.button-110-01:hover,
.button-120-01:hover,
.button-130-01:hover,
.button-140-01:hover,
.button-150-01:hover,
.button-160-01:hover,
.button-170-01:hover,
.button-180-01:hover,
.button-190-01:hover,
.button-200-01:hover,
.button-210-01:hover,
.button-220-01:hover,
.button-230-01:hover,
.button-240-01:hover,
.button-250-01:hover,
.button-260-01:hover,
.button-270-01:hover,
.button-280-01:hover,
.button-290-01:hover,
.button-300-01:hover,
.button-310-01:hover,
.button-320-01:hover,
.button-330-01:hover,
.button-340-01:hover,
.button-350-01:hover
{
padding-left:10px;
display:block;
background-position:0px 0px;
background-repeat:no-repeat;
font-family:arial,helvetica,sans-serif;
font-size:13px;
color:#ffffff;
line-height:27px;
}
.cage-black
{
border-style:solid;
border-width:1px;
border-color:#000000;
}
.cage-blue
{
border-style:solid;
border-width:1px;
border-color:#3366cc;
}
.cage-grey
{
border-style:solid;
border-width:1px;
border-color:#888888;
}
.cage-red
{
border-style:solid;
border-width:1px;
border-color:#af0623;
}
.cage-white
{
border-style:solid;
border-width:1px;
border-color:#ffffff;
}
.centred,
.teaser-centred,
.vignette-centred
{
text-align:center;
}
.crimson,
.crimson:hover
{
color:#af0623;
text-decoration:none;
}
.crimson-justified,
.crimson-justified:hover
{
color:#af0623;
text-align:justify;
text-decoration:none;
}
.crimson-fat,
.crimson-fat:hover
{
font-weight:bold;
color:#af0623;
text-decoration:none;
}
.crimson-italic,
.crimson-italic:hover
{
font-style:italic;
color:#af0623;
text-decoration:none;
}
.crimson-right,
.crimson-right:hover
{
color:#af0623;
text-align:right;
text-decoration:none;
}
.crimson-centred,
.crimson-centred:hover
{
color:#af0623;
text-align:center;
text-decoration:none;
}
.darkgrey,
.darkgrey:hover
{
color:#4d4d4d;
text-decoration:none;
}
.darkgrey-justified,
.darkgrey-justified:hover
{
color:#4d4d4d;
text-align:justify;
text-decoration:none;
}
.darkgrey-fat,
.darkgrey-fat:hover
{
font-weight:bold;
color:#4d4d4d;
text-decoration:none;
}
.darkgrey-italic,
.darkgrey-italic:hover
{
font-style:italic;
color:#4d4d4d;
text-decoration:none;
}
.darkgrey-right,
.darkgrey-right:hover
{
color:#4d4d4d;
text-align:right;
text-decoration:none;
}
.darkgrey-centred,
.darkgrey-centred:hover
{
color:#4d4d4d;
text-align:center;
text-decoration:none;
}
.element-left
{
float:left;
margin-right:10px;
margin-bottom:4px;
}
.element-right
{
float:right;
margin-left:10px;
margin-bottom:4px;
}
.fat,.fat:hover
{
font-weight:bold;
text-decoration:none;
}
.fat-italic,
.fat-italic:hover
{
font-style:italic;
font-weight:bold;
text-decoration:none;
}
.fat-italic-right,
.fat-italic-right:hover
{
font-weight:bold;
font-style:italic;
text-align:right;
}
.fat-italic-centred,
.fat-italic-centred:hover
{
font-weight:bold;
font-style:italic;
text-align:center;
}
.fat-right,
.fat-right:hover
{
font-weight:bold;
text-decoration:none;
text-align:right;
}
.fat-centred,
.fat-centred:hover
{
font-weight:bold;
text-decoration:none;
text-align:center;
}
.fat-left
{
margin-right:30px;
float:left;
font-weight:bold;
}
.fat-right
{
margin-left:30px;
float:right;
font-weight:bold;
}
.follow
{
width:19px;
height:17px;
background-image:url(../icons/arrow_07.png);
background-position:0px 0px;
background-repeat:no-repeat;
display:block;
overflow:visible;
}
.follow:hover
{
width:19px;
height:17px;
background-image:url(../icons/arrow_08.png);
background-position:0px 0px;
background-repeat:no-repeat;
display:block;
overflow:visible;
}
.grey,.grey:hover
{
color:#585858;
text-decoration:none;
}
.grey-justified,
.grey-justified:hover
{
color:#585858;
text-align:justify;
text-decoration:none;
}
.grey-fat,
.grey-fat:hover
{
font-weight:bold;
color:#585858;
text-decoration:none;
}
.grey-italic,
.grey-italic:hover
{
font-style:italic;
color:#585858;
text-decoration:none;
}
.grey-right,
.grey-right:hover
{
color:#585858;
text-align:right;
text-decoration:none;
}
.grey-centred,
.grey-centred:hover
{
color:#585858;
text-align:center;
text-decoration:none;
}
.horizontal-05
{
margin-left:5px;
}
.horizontal-10
{
margin-left:10px;
}
.horizontal-12
{
margin-left:12px;
}
.horizontal-15
{
margin-left:15px;
}
.horizontal-18
{
margin-left:18px;
}
.horizontal-20
{
margin-left:22px;
}
.internal-container-01
{
padding-top:1px;
padding-right:1px;
padding-bottom:1px;
padding-left:1px;
}
.internal-container-05
{
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
}
.internal-container-10
{
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
}
.internal-container-20
{
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
}
.internal-container-30
{
padding-top:30px;
padding-right:30px;
padding-bottom:30px;
padding-left:30px;
}
.italic
{
font-style:italic;
}
.justified
{
text-align:justify;
}
.layer-blue,
.layer-blue-right,
.layer-blue-centred
{
background:#acd0f3;
color:#000000;
}
.layer-darkblue,
.layer-darkblue-right,
.layer-darkblue-centred
{
background:#00499d;
color:#ffffff;
}
.layer-grey,
.layer-grey-right,
.layer-grey-centred
{
background:#e4e4e4;
color:#000000;
}
.layer-grey-error
{
background:#af0623;
color:#ffffff;
}
.layer-lightblue,
.layer-lightblue-right,
.layer-lightblue-centred,
.teaser-layer-lightblue,
.teaser-layer-lightblue-right,
.teaser-layer-lightblue-centred
{
background:#e2ecf5;
color:#000000;
}
.layer-lightgrey,
.layer-lightgrey-right,
.layer-lightgrey-centred
{
background:#fafafa;
color:#000000;
}
.layer-black,
.layer-black-right,
.layer-black-centred
{
background:#000000;
color:#ffffff;
}
.layer-white,
.layer-white-right,
.layer-white-centred
{
background:#ffffff;
color:#000000;
}
.layer-blue-right,
.layer-darkblue-right,
.layer-grey-right,
.layer-lightblue-right,
.layer-lightgrey-right,
.layer-black-right,
.layer-white-right,
.schaltlayer-lightgrey-right
{
text-align:right;
}
.layer-blue-centred,
.layer-darkblue-centred,
.layer-grey-centred,
.layer-lightblue-centred,
.layer-lightgrey-centred,
.layer-black-centred,
.layer-white-centred,
.schaltlayer-lightgrey-centred
{
text-align:center;
}
.left
{
float:left;
}
.left-text
{
text-align:left;
}
.lines-narrow
{
line-height:12px;
}
.lines-wide
{
line-height:21px;
}
.link-black
{
color:#000000;
}
.link-black:hover
{
color:#000000;
}
.link-black-fat
{
font-weight:bold;
color:#000000;
}
.link-black-fat:hover
{
font-weight:bold;
color:#000000;
}
.link-blue
{
color:#0054a6;
}
.link-blue:hover
{
color:#0054a6;
}
.link-blue-fat
{
font-weight:bold;
color:#0054a6;
}
.link-blue-fat:hover
{
font-weight:bold;
color:#0054a6;
}
.link-darkblue
{
color:#00499d;
}
.link-darkblue:hover
{
color:#00499d;
}
.link-darkblue-fat
{
font-weight:bold;
color:#00499d;
}
.link-darkblue-fat:hover
{
font-weight:bold;
color:#00499d;
}
.link-darkgrey
{
color:#4d4d4d;
}
.link-darkgrey:hover
{
color:#4d4d4d;
}
.link-darkgrey-fat
{
font-weight:bold;
color:#4d4d4d;
}
.link-darkgrey-fat:hover
{
font-weight:bold;
color:#4d4d4d;
}
.link-grey
{
color:#444444;
}
.link-grey:hover
{
color:#444444;
}
.link-grey-fat
{
font-weight:bold;
color:#444444;
}
.link-grey-fat:hover
{
font-weight:bold;
color:#444444;
}
.link-lightblue
{
color:#b3cce7;
}
.link-lightblue:hover
{
color:#ffffff;
}
.link-lightblue-fat
{
font-weight:bold;
color:#b3cce7;
}
.link-lightblue-fat:hover
{
font-weight:bold;
color:#ffffff;
}
.link-red
{
color:#ff0000;
}
.link-red:hover
{
color:#ff0000;
}
.link-red-fat
{
font-weight:bold;
color:#ff0000;
}
.link-red-fat:hover
{
font-weight:bold;
color:#ff0000;
}
.link-white
{
color:#ffffff;
}
.link-white:hover
{
color:#ffffff;
}
.link-white-fat
{
font-weight:bold;
color:#ffffff;
}
.link-white-fat:hover
{
font-weight:bold;
color:#ffffff;
}
.link-black,
.link-black-fat,
.link-blue,
.link-blue-fat,
.link-darkblue,
.link-darkblue-fat,
.link-darkgrey,
.link-darkgrey-fat,
.link-grey,
.link-grey-fat,
.link-lightblue,
.link-lightblue-fat,
.link-lightblue:hover,
.link-lightblue-fat:hover,
.link-red,
.link-red-fat,
.link-white,
.link-white-fat,
.link-portalcolor,
.link-portalcolor-fat
{
text-decoration:none;
}
.link-black:hover,
.link-black-fat:hover,
.link-blue:hover,
.link-blue-fat:hover,
.link-darkblue:hover,
.link-darkblue-fat:hover,
.link-darkgrey:hover,
.link-darkgrey-fat:hover,
.link-grey:hover,
.link-grey-fat:hover,
.link-red:hover,
.link-red-fat:hover,
.link-white:hover,
.link-white-fat:hover,
.link-portalcolor:hover,
.link-portalcolor-fat:hover
{
text-decoration:underline;
}
.middle
{
vertical-align:middle;
}
.normal
{
font-weight:normal;
}
.normal-left
{
margin-right:30px;
float:left;
font-weight:normal;
}
.normal-right
{
margin-left:30px;
float:right;
font-weight:normal;
}
.portalcolor,.portalcolor:hover,h1.portalcolor a:visited
{
color:#1b4792;
text-decoration:none;
}
.portalcolor-fat,.portalcolor-fat:hover
{
font-weight:bold;
color:#1b4792;
text-decoration:none;
}
.link-portalcolor
{
color:#1b4792;
}
.link-portalcolor:hover
{
color:#1b4792;
}
.link-portalcolor-fat
{
font-weight:bold;
color:#1b4792;
}
.link-portalcolor-fat:hover
{
font-weight:bold;
color:#1b4792;
}
.red,.red:hover,h1.red a,h1.red a:visited
{
color:#ff0000;
text-decoration:none;
}
.red-justified,.red-justified:hover
{
color:#ff0000;
text-align:justify;
text-decoration:none;
}
.red-fat,.red-fat:hover
{
font-weight:bold;
color:#ff0000;
text-decoration:none;
text-transform:uppercase;
}
.red-italic,.red-italic:hover
{
font-style:italic;
color:#ff0000;
text-decoration:none;
}
.red-right,.red-right:hover
{
color:#ff0000;
text-align:right;
text-decoration:none;
}
.red-centred,.red-centred:hover
{
color:#ff0000;
text-align:center;
text-decoration:none;
}
.right,
.vignette-right,
img.right
{
float:right;
}
.right-text,
.teaser-right-text,
.vignette-right-text
{
text-align:right;
}
.roof-grey-01
{
margin-top:0px;
border-top-style:solid;
border-top-width:1px;
border-top-color:#cccccc;
}
.roof-grey-02
{
margin-top:0px;
border-top-style:solid;
border-top-width:2px;
border-top-color:#cccccc;
}
.tagcloud-01
{
font-size:11px;
}
.tagcloud-02
{
font-size:13px;
}
.tagcloud-03
{
font-size:16px;
}
.tagcloud-04
{
font-size:18px;
}
.tagcloud-05
{
font-size:21px;
}
.tagcloud-01,
.tagcloud-02,
.tagcloud-03,
.tagcloud-04,
.tagcloud-05
{
font-family:arial,helvetica,sans-serif;
line-height:120%;
}
.underline
{
margin-top:27px;
padding-bottom:4px;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#bebfc4;
}
.vertical-01
{
margin-top:0px;
}
.vertical-05
{
margin-top:5px;
}
.vertical-10
{
margin-top:10px;
}
.vertical-20
{
margin-top:20px;
}
.vertical-30
{
margin-top:30px;
}
.vertical-40
{
margin-top:40px;
}
.vertical-minus-10
{
margin-top:-10px;
}
.vertical-minus-20
{
margin-top:-20px;
}
.vertical-minus-30
{
margin-top:-30px;
}
.vertical-minus-40
{
margin-top:-40px;
}
.vignette,
.vignette-right,
.vignette-black,
.vignette-black:hover
{
font-size:10px;
}
.drilldown-content .vignette
{
font-size:10pt;
}
.vignette-centred
{
font-size:10px;
text-align:center;
}
.vignette-italic
{
font-size:11px;
font-style:italic;
}
white
{
color:#ffffff;
text-decoration:none;
}
.white-justified
{
color:#ffffff;
text-align:justify;
text-decoration:none;
}
.white-fat
{
font-weight:bold;
color:#ffffff;
text-decoration:none;
}
.white-italic
{
font-style:italic;
color:#ffffff;
text-decoration:none;
}
.white-right
{
color:#ffffff;
text-align:right;
text-decoration:none;
}
.white-centred
{
color:#ffffff;
text-align:center;
text-decoration:none;
}
/* DESIGN OF INDEPENDANT CLASSES, ALLOWING MULTIPLE COMBINATIONS - IN ALPHABETIIC ORDER END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.upper
{
text-transform:uppercase;
}
.leadcapture
{
font-size:13px;
margin-left:12px;
}
/* STYLES.CSS - XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.scrollable
{
min-height:275px;
border-top-style:solid;
border-top-width:1px;
border-top-color:#bebfc4;
border-right-style:solid;
border-right-width:2px;
border-right-color:#9a9a9a;
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:#9a9a9a;
border-left-style:solid;
border-left-width:1px;
border-left-color:#bebfc4;
background:#ffffff;
background-image:url(../slices/toc_area_01.png);
background-repeat:repeat-y;
background-position:0px 0px;
font-family:arial,verdana,geneva,lucida,arial,helvetica,sans-serif;
font-size:10pt;
}
.plus
{
background-image:url(../icons/plus_02.gif);
background-position: center left;
background-repeat:no-repeat;
padding-left:20px;
}
.minus
{
background-image:url(../icons/minus_02.gif);
background-position: center left;
background-repeat:no-repeat;
padding-left:20px;
}
.rahmen-grau,.rahmen-grau-abstand
{
border-style:solid;
border-width:1px;
border-color:#bebfc4;
}