/* CSS Document */
*, HTML, BODY{
margin: 0;
padding: 0;
}
BODY {
font-size: 0.9em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
min-width: 676px;
background: #FFFFFF url(background.gif) no-repeat scroll;
padding-top: 0px;
line-height: 1.2em;
}
/***************************/
/* General element styles: */
/***************************/
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT, FORM {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
PRE { font-family: monospace; }
a:link { color:#064D87; text-decoration:none; font-weight:bold; }
a:visited { color:#064D87; text-decoration:none; font-weight:bold; }
a:hover { color:#064D87; text-decoration:underline; font-weight:bold; }
a:active { color:#064D87; font-weight:bold; }
a:focus { color:#064D87; font-weight:bold; }
FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 0px; }
UL, OL { font-size: 0.8em; margin-left: 1.3em;}
IMG.w3c {border: none;}
INPUT, TEXTAREA, SELECT { font-size: 1.0em; }
/********************************/
/* Team pages specific */
/********************************/
#team > DIV {
text-decoration:underline;
color:#064D87;
cursor: pointer;
font-weight: bold;
}
/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: bold; }
/******************/
/* Headers, plain */
/******************/
H1 { font-size: 0.8em; color: #94ABCF; text-transform: uppercase;}
H2 { font-size: 0.8em; color: #94ABCF; font-weight: bold; color:#00599B;}
H3 { font-size: 0.7em; color: #94ABCF; font-weight: bold; color:#00599B;}
H4 { font-size: 0.6em; color: #94ABCF; font-weight: bold; color:#00599B;}
H1, H2, H3, H4, H5, H6 {
margin: 0 0 12px 0;
padding: 16px 0 0 0;
}
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }
/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { color: #000000; text-decoration: none; }
H2 A { color: #186900; }
H3 A { color: #10007B; }
H4 A { color: #8A0020; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration: underline; }
/* Header date */
P.csc-header-date { font-size: 0.7em; color: #186900; }
/* Subheader, general */
P.csc-subheader { font-style: italic; background-color: #EDEBF1; }
/* Subheader, specific */
P.csc-subheader-0 { font-style: normal; }
P.csc-subheader-1 { color: #186900; }
P.csc-subheader-2 { color: #10007B; }
P.csc-subheader-3 { color: #8A0020; }
/*******************/
/* RTE / Bodytext: */
/*******************/
P.bodytext { font-size: 0.8em; color: #000000; }
P.bodytext A { font-weight: bold; }
/* RTE / Bulletlists */
UL { margin-top: 0px; }
OL { margin-top: 0px; }
LI { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; }
* HTML UL LI {margin-left: 5px;}
/* RTE Table styling */
TABLE.contenttable { margin: 10px 0px 10px 0px; width: 100%; }
TABLE.contenttable TR TD { padding: 0 3px 0 0;; }
TABLE.contenttable TR TD P.bodytext { font-size: 0.8em; }
TABLE.contenttable TR { }
/****************************/
/* Text / Text with images: */
/****************************/
DIV.csc-textpic {display: table; height: 100%;}
/* Captions */
.csc-textpic-caption {font-size: 0.6em; color: #8F8F8F; text-align:center;}
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 { }
/* 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; border: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; margin-top: 19px;}
DIV.csc-textpic-intext-right-nowrap {}
/* 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 */
/*****************/
/* Various Forms */
/*****************/
/* Email, Login and Search forms generally: */
FIELDSET.csc-mailform {
border: none;
font-size: 0.8em;
margin-top: 10px;
}
SPAN.csc-mailform-radio FIELDSET {
border: 1px solid #FFF;
}
DIV.csc-mailform-field {
margin-bottom: 2px;
}
DIV.csc-mailform-field LABEL{
clear: left;
float: left;
width: 150px;
}
DIV.csc-mailform-field INPUT{
width: 150px;
border: 1px #AFC0DB solid;
}
DIV.csc-mailform-field TEXTAREA{
width: 150px;
border: 1px #AFC0DB solid;
}
DIV.csc-mailform-field INPUT.csc-mailform-submit {
margin-left: 222px;
margin-bottom: 20px;
width: 80px;
background-color: #005696;
color: #FFF;
}
.csc-mailform INPUT, TEXTAREA, SELECT {
width: 200px;
}
#mailformAnfrage_an {
display: block;
width: 300px;
margin: 0 0 0 145px;
border: none;
}
#mailformAnfrage_an LEGEND {
display: none;
}
#mailformAnfrage_an LABEL {
clear:both;
}
#mailformAnfrage_an INPUT.csc-mailform-radio {
border: none;
float:none;
width: 20px;
line-height: 10px;
}
#mailformAnfrage_an LABEL {
width: 50px;
float:none;
line-height: 20px;
}
/*
SPAN.csc-mailform-radio FIELDSET {
width: 120px;
}
SPAN.csc-mailform-radio INPUT {
float: right;
width: 10%;
}
SPAN.csc-mailform-radio LABEL {
float: left;
width: 90%;
}
SPAN.csc-mailform-radio LEGEND {
color: #FFF;
}
*/
/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
DIV.csc-menu { margin-left: 10px; }
DIV.csc-menu P { font-size: 11px; font-weight: bold; margin: 1px 0px 0px 0px; padding: 2px 2px 2px 10px; background-color: #EDEBF1; }
DIV.csc-menu P A { color: #000000; text-decoration: none; }
DIV.csc-menu P A:hover { color: #660000; text-decoration: underline; }
DIV.csc-menu P.csc-section { font-weight: normal; margin-left: 20px; font-style: italic; }
/* Menu / Sitemap, "Menu of these pages" */
DIV.csc-menu-def P { }
/* Menu / Sitemap, "Menu of subpages to these pages" */
DIV.csc-menu-1 { }
/* Menu / Sitemap, "Sitemap" */
DIV.csc-menu-2 { }
DIV.csc-menu-2 P.csc-sitemap { }
DIV.csc-menu-2 P.csc-sitemap-level1 { margin-left: 20px; }
DIV.csc-menu-2 P.csc-sitemap-level2 { margin-left: 40px; }
DIV.csc-menu-2 P.csc-sitemap-level3 { margin-left: 60px; }
DIV.csc-menu-2 P.csc-sitemap-level4 { margin-left: 80px; }
DIV.csc-menu-2 P.csc-sitemap-level1 A { color: #000000; }
DIV.csc-menu-2 P.csc-sitemap-level2 A { color: #186900; }
DIV.csc-menu-2 P.csc-sitemap-level3 A { color: #10007B; }
DIV.csc-menu-2 P.csc-sitemap-level4 A { color: #8A0020; }
/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */
DIV.csc-menu-3 { }
DIV.csc-menu-3 P.csc-section { margin-left: 0px; }
DIV.csc-menu-3 P.csc-section A { color: #186900; }
/* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */
DIV.csc-menu-4 { }
DIV.csc-menu-4 P { margin-top: 2px; }
DIV.csc-menu-4 P.csc-abstract { font-weight: normal; font-style: italic; margin-top: 0px; padding: 0px 2px 2px 20px; }
/* Menu / Sitemap, "Recently updated pages" */
DIV.csc-menu-5 { }
/* Menu / Sitemap, "Related pages (based on keywords)" */
DIV.csc-menu-6 { }
/* Menu / Sitemap, "Menu of subpages to these pages + sections" */
DIV.csc-menu-7 { }
DIV.csc-menu-7 P { font-weight: bold; }
DIV.csc-menu-7 P.csc-section A { color: #186900; }
/*****************************/
/* CSC Frame */
/*****************************/
DIV.csc-frame-rulerAfter {padding-top: 20px; border-bottom: 2px solid #015796; width: 720px; margin-left: -28px;}
/****************************************/
/* Frontend editing / TYPO3 Admin Panel */
/****************************************/
IMG.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; }
/* Default styles for the Admin Panel */
TABLE.typo3-adminPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color: #9BA1A8; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4; }
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px; }
TABLE.typo3-adminPanel TD FONT { font-family: Arial; font-size: 10px; color: black; }
TABLE.typo3-adminPanel TD A FONT { font-family: Arial; font-size: 10px; color: black; }
TABLE.typo3-editPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-editPanel TD { border: 0px; }