/* @override http://82.198.88.132/fileadmin/templates/css/default.css */
/* @override http://82.198.88.132/fileadmin/templates/css/default.css */
/* @override
http://82.198.88.132/fileadmin/templates/css/default.css
http://82.198.88.132/fileadmin/templates/css/default.css
http://82.198.88.132/fileadmin/templates/css/default.css
*/
/* ---------------------------------------------------------------
DEFAULT HOME PAGE
STYLESHEET CONTAINS THE WEBSITE'S FRAMEWORK:
POSITIONING RULES FOR NAVIGATION, CONTENT, CONTEXT
AND FOOTER DIVS
DEFINITIONS:
- Blue #039 (003399)
- Red #903 (990033)
- Yellow #F90 (FF9900)
- Green #096 (009966)
- dark grey #666 (666666)
- light grey (D2D2D2)
- drei Templates mit den drei Hauptfarben
- über Stylesheets und drei Vorlagen in TV
- Menus sollen aufklappbar sein
- Realisiert über DIV-Elemente
damit die Unterpunkte über Google gespidered werden können
- Themenabhängige Tabellen für rollierende Headlines
- Onclick-popups, die von Google gefunden werden
- Printfunktion für popups
- Zentrale suche direkt mit Texteingabe oben rechts
- 3 Kategorien für News
- Menueleiste farbig gemäß Codierung und wir
- Menusteuerung nach Branche/-Produkt
-------------------------------------------------------------- */
/* @group General */
body {
font-family: Arial;
text-align:center;
font-family: Arial;
font-size: 11px;
margin:0;
padding:0;
background-color:#ffffff;
}
br.clearer{
clear: both;
display:inline;
}
a, a:active {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
div#schatten_seite{
width: 846px;
}
* html {
}
div#allwrap{
position: relative;
margin-left: auto;
margin-right: auto;
width: 860px;
background: #fff url(bg.png) repeat-y 0px;
}
*+html div#allwrap{
background: #fff url(bg.png) repeat-y 8px;
}
* html div#allwrap{
background: #fff url(bg.png) repeat-y 4px;
}
#siteWrap {
margin: 0;
padding:0;
width: 800px;
height: 100%;
/* border: 1px solid #000;*/
padding:0;
margin-left: 20px;
margin-right: 25px;
text-align: left;
background-color:#ffffff;
background-image:url(../img/m_bg.gif);
border-left: 4px solid white;
border-right: 4px solid white;
}
/*ie hack
*+html #siteWrap{
margin-left: 0px;
}
*/
/* @end */
/* @group Navigation */
#navCol {
width: 220px;
/* border: 1px solid #000;*/
float: left;
background-color:#e4e4e4;
text-align: left;
}
#navCol a,
#navCol a:link,
#navCol a:visited,
#navCol a:hover,
#navCol a:active {
font-family: Arial;
font-size: 11px;
color: #4D555B;
}
/* @group Level 1 */
table.menulevel1{
}
#navCol #mainMenu{
margin-left: 10px;
}
#navCol td{
padding-bottom: 5px;
padding-left: 3px;
}
#navCol td img{
}
#navCol td.lvl2-mainitem{
padding-bottom: 0px;
font-weight:bold;
}
/* @end */
/* @group Level 2 */
/* @end */
/* @group Level 3 */
/* @end */
/* @group Level 4 */
/* @end */
/* @group Level 5 */
/* @end */
#mainMenuLvl1 img, #mainMenuLvl2 img, #mainMenuLvl3 img {
vertical-align:middle;
margin: 4px 0 4px 0;
}
/* @end */
/* @group
Box Left */
.sideContentBox{
background-color:#1b6da7;
color:#fff;
display: none;
margin: 20px 0 0 15px;
padding: 10px;
width:160px;
border: white solid 2px;
margin-bottom: 40px;;
}
#navCol .sideContentBox a{
color: #fff;
}
.sideContentBox h1{
font-family: Arial;
margin:0 0 10px 0;
font-size:36px;
border-bottom:1px white solid;
}
.sideContentBox h2{
margin:0;
font-family: Arial;
font-size:12px;
}
.sideContentBox ul.newsitems{
margin: 0 0 0 15px;
padding: 0;
font-family: Arial;
font-size:12px;
list-style-type:square;
/*list-style-type:none;*/
}
.sideContentBox .newsitem{
margin-top: 10px;
}
#navCol .newsitem a,
#navCol .newsitem a:link,
#navCol .newsitem a:visited,
#navCol .newsitem a:hover,
#navCol .newsitem a:active {
font-family: Arial;
font-size: 11px;
color: #ffffff;
}{
}
#topNavBox .tx-srlanguagemenu-pi1 img{
margin: 0;
margin-right: 5px;
}
#topNavBox{
text-align:right;
width:100%;
}
#topNavBoxTable{
width: 100%;
padding-right: 15px;
margin-top: 16px;
}
#topNavBoxTable td{
text-align: right;
margin: 0;
padding: 0;
}
#topNavBox #topNavList{
margin: 0;
padding: 0px;
padding-top: 5px;
float:right;
}
#topNavBox ul{
list-style-type:none;
}
#topNavBox li {
margin: 0;
font-family: Arial;
font-size: 11px;
padding: 0px;
display:inline;
}
#topNavBox li a{
padding-right: 20px;
padding-left: 5px;
}
#topNavBox #languagemenu{
float: left;
}
#topNavBox #topSearchBox{
float:right;
}
*+html #topNavBox #topSearchBox{
padding-right: 17px;
}
* html #topNavBox #topSearchBox{
padding-right: 17px;
}
#over {
color: #000;
}
#topNavBox a {
color: #666;
}
.searchFieldTop {
font-family: Arial;
font-size: 11px;
width: 100px;
height: 13px;
margin-right: 10px;
border: 2px solid #AAA;
}
/* @end */
/* @group Maincontent Area */
#maincontent{
padding: 10px;
margin-top: -15px;
z-index:2;
float:left;
}
#maincontent table.contenttable p{
margin: 2px;
}
#maincontent a,
#maincontent a:link,
#maincontent a:visited,
#maincontent a:hover,
#maincontent a:active {
font-family: Arial;
font-size: 11px;
color: #4D555B;
}
/*only ie 7*/
*+html #maincontent{
margin-top: -25px;
}
* html #maincontent {
margin-top: -25px;
}
*+html #maincontent h1.csc-firstHeader{
margin-bottom: -8px;
}
* html #maincontent h1.csc-firstHeader{
margin-bottom: -8px;
}
#maincontent h1{
font: italic 30px Arial;
padding: 0;
margin:0;
padding-top: 5px;
}
/* @group colorboxes */
#colorBoxes {
width: 100%;
text-align: left;
clear: both;
}
#colorBoxes a, #colorBoxes a:link, #colorBoxes a:active,#colorBoxes a:visited{
color: white;
/*text-decoration:underline;*/
}
#colorBoxes h1{
font-weight: bold;
font-family: Arial;
font-size: 12px;
border-bottom: 1px solid white;
margin: 0;
padding-bottom: 6px;
}
.colorBox p{
margin: 0;
margin-top: 6px;
}
.colorBox{
width: 163px;
padding: 10px;
font-family: Arial;
font-size: 12px;
float: left;
margin: 1px;
color: #FFF;
height: 130px;
}
#colorBoxGreen{background-color: #02866F;}
#colorBoxGreen1{background-color: #02866F;}
#colorBoxGreen2{background-color: #2E9E8B;}
#colorBoxGreen3{background-color: #66B7A8;}
#colorBoxRed{background-color: #A61130;}
#colorBoxRed a: {
background-color: #02866F;
color:black;
}
#colorBoxRed1{background-color: #A61130;}
#colorBoxRed2{background-color: #B74459;}
#colorBoxRed3{background-color: #CA7384;}
#colorBoxOrange{background-color: #F18D14;}
#colorBoxOrange1{background-color: #F18D14;}
#colorBoxOrange2{background-color: #F4A530;}
#colorBoxOrange3{background-color: #F6BA66;}
/* @end */
/* @group diverses */
#mainCol {
width: 570px;
/* border: 1px solid #000;*/
float: left;
background-color: #fff;
padding-bottom: 10px;
}
/* @end */
#orangeBox {
background-color: #f7931d;
width: 4px;
height: 5px;
}
/* @group Teaser */
.teaserTextBox{
padding: 0px;
margin: 0px;
text-align: left;
clear: both;
z-index:1;
}
#mainCol .teaserTextBox .csc-textpic-imagewrap,
#mainCol .teaserTextBox .csc-textpic-image.csc-textpic-lastcol,
#mainCol .teaserTextBox .csc-textpic-lastcol,
#mainCol .teaserTextBox .csc-textpic-caption,
#mainCol .teaserTextBox dl,
#mainCol .teaserTextBox dt,
#mainCol .teaserTextBox dd
{
margin: 0;
padding: 0;
}
.teaserTextBox img{
text-align: left;
padding-bottom: 20px;
background: #fff url(../img/schatten_banner.jpg) repeat-x;
}
/**/
div#contentIntroText{
padding: 0 10px 0 10px;
text-align:left;
font-family: Arial;
font-size:11px;
margin-bottom:10px;
}
div#contentIntroText h1{
font: italic 30px Arial;
padding: 0;
margin:0;
padding-top: 0px;
margin-top: -10px;
}
/* @end */
/* @group Contentboxes */
/* @group Allgemeines */
#contentBoxes {
clear: both;;
width: 100%;
text-align: left;
padding-top: 5px;
}
#contentBoxes a, #contentBoxes a:link, #contentBoxes a:active,#contentBoxes a:visited{
color: #444;
text-decoration:underline;
}
#contentBoxes h1 {
font-family: Arial;
font-size: 14px;
border-width: 0 0 1px 0;
border-color: #eee;
border-style: solid;
margin: 0;
font-weight: bold;
font-style: italic;
}
#contentColumnLeft {
width: 163px;
padding: 10px;
font-family: Arial;
font-size: 11px;
float: left;
margin: 1px;
background-color: #fff;
color: #444;
padding-top: 0;
}
#contentColumnRight {
width: 163px;
padding: 10px;
font-family: Arial;
font-size: 11px;
float: left;
margin: 1px;
background-color: #fff;
color: #444;
padding-top: 0;
}
#contentColumnMiddle {
width: 163px;
padding: 10px;
font-family: Arial;
font-size: 11px;
float: left;
margin: 1px;
background-color: #fff;
color: #444;
padding-top: 0;
}
.contentColumn h1 {
font-family: Arial;
font-size: 15px;
font-style: italic;
}
#contentColumn span {
/*color: #f18d14*/;
}
.contentColumn{
margin-top: 20px;;
}
#contentColumnRelated {
width: 163px;
padding: 10px;
font-family: Arial;
font-size: 11px;
float: left;
margin: 1px;
background-color: #fff;
color: #444;
}
/* @end */
/* @group Grün */
.contentBoxGreen span{
color:#02866F;
}
div#contentBoxes.contentBoxGreen a{
color: #02866F;
font-weight: bold;
}
#contentBoxes.contentBoxGreen a, #contentBoxes.contentBoxGreen a:link, #contentBoxes.contentBoxGreen a:active,#contentBoxes.contentBoxGreen a:visited{
color: #02866F;
text-decoration:underline;
font-weight: bold;
}
#contentBoxes .contentBoxGreen a, #contentBoxes .contentBoxGreen a:link, #contentBoxes .contentBoxGreen a:active,#contentBoxes .contentBoxGreen a:visited{
color: #02866F;
text-decoration:underline;
font-weight: bold;
}
/* @end */
/* @group Orange */
.contentBoxOrange span {
color: #F18D14;
}
div#contentBoxes.contentBoxOrange a{
color: #F18D14;
font-weight: bold;
}
#contentBoxes.contentBoxOrange a, #contentBoxes.contentBoxOrange a:link, #contentBoxes.contentBoxOrange a:active,#contentBoxes.contentBoxOrange a:visited{
color: #F18D14;
text-decoration:underline;
font-weight: bold;
}
#contentBoxes .contentBoxOrange a, #contentBoxes .contentBoxOrange a:link, #contentBoxes .contentBoxOrange a:active,#contentBoxes .contentBoxOrange a:visited{
color: #F18D14;
text-decoration:underline;
font-weight: bold;
}
/* @end */
/* @group Rot */
.contentBoxRed span{
color: #A61130;
}
#contentBoxes.contentBoxRed a, #contentBoxes.contentBoxRed a:link, #contentBoxes.contentBoxRed a:active,#contentBoxes.contentBoxRed a:visited{
color: #A61130;
text-decoration:underline;
font-weight: bold;
}
#contentBoxes .contentBoxRed a, #contentBoxes .contentBoxRed a:link, #contentBoxes .contentBoxRed a:active,#contentBoxes .contentBoxRed a:visited{
color: #A61130;
text-decoration:underline;
font-weight: bold;
}
/* @end */
#extended-table{
clear: both;
}
#extended-table a, #extended-table a:link, #extended-table a:active,#extended-table a:visited{
color: #444;
text-decoration:underline;
font-weight: bold;
}
#lowercontent h1{
font-style: italic;
}
#extended-table .csc-header,
#extended-table .csc-firstHeader,
#extended-table h1{
font-style: italic;
font-weight: normal;
}
#extended-table #extended-left{
padding: 10px;
}
#extended-table #extended-right{
padding: 10px;
padding-left: 0px;
}
#extended-table.containerGreen span{
color: #02866F;
}
#extended-table.containerGreen a, #extended-table.containerGreen a:link, #extended-table.containerGreen a:active,#extended-table.containerGreen a:visited{
color: #02866F;
text-decoration:underline;
font-weight: bold;
}
#extended-table.containerRed span{
color: #A61130;
}
#extended-table.containerRed a, #extended-table.containerRed a:link, #extended-table.containerRed a:active,#extended-table.containerRed a:visited{
color: #A61130;
text-decoration:underline;
font-weight: bold;
}
#extended-table.containerOrange span{
color: #F18D14;
}
#extended-table.containerOrange a, #extended-table.containerOrange a:link, #extended-table.containerOrange a:active,#extended-table.containerOrange a:visited{
color: #F18D14;
text-decoration:underline;
font-weight: bold;
}
#extended-table .serviceMenuExtended a, #extended-table .serviceMenuExtended a:link, #extended-table .serviceMenuExtended a:active,#extended-table .serviceMenuExtended a:visited{
text-decoration:underline;
font-weight:normal;
font-family: Arial;
font-size: 11px;
color: #696E73;
}
#extended-table{
width: 100%;
float: left;
vertical-align: top;
}
#extended-table #extended-right{
width: 183px;
vertical-align: top;
}
#extended-table #extended-left{
vertical-align: top;
}
/* @end */
/* @end */
/* @group Bottom Area */
.serviceMenuExtended td{
vertical-align: middle;
}
.serviceMenuExtended td a{
padding-right:40px;
}
.serviceMenuExtended td{
padding-right:0px;
}
.serviceMenuExtended{
padding-top:10px;
}
/* FOOTER NAVIGATION */
#FooterNavigation {
margin:0;
background-color:#535353;
/* border: 1px solid #000;*/
padding: 5px 0;
padding-left: 220px;
clear: both;
vertical-align:middle;
text-align: center;
margin-left:auto;
}
#FooterNavigation li {
margin: 0;
padding: 0;
display: inline;
list-style-type:squares;
}
#FooterNavigation a {
color: #FFF;
padding: 0 5px;
font-family: Arial;
font-size: 12px;
padding-right: 40px;
}
.searchBtnTop{
cursor:pointer;
background-color:e4e4e4;
width: 50px;
font-family: Arial;
font-size: 11px;
}
#tagcloud p{
margin:0;
text-align:center;
}
#tagcloud p strong{
display:block;
text-align:center;
margin:0;
padding:0;
}
#tagcloud{
width:93%;
margin:0;
padding:0;
background-color:#ffffff;
font-size: 10px;
font-weight:normal;
position:absolute;
}
#tagcloud a,#tagcloud a:link,#tagcloud a:hover,#tagcloud a:focus,#tagcloud a:active{
text-decoration: none;
color: #aaaaaa;
}
/* @end */
