/* * Global elements */ body, textarea { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 11px; color: #4e5253; } body { margin: 0px; padding: 0px; background-color: #9daaad; /* #f7fbfc; */ } p,h1,h2,h3,h4,h5 { margin: 0px; padding: 0px; } h1 { font-size: 12px; color: #5c6263; padding-bottom: 3px; } h2 { font-size: 11px; color: #444444; } h3 { font-size: 11px; font-weight: normal; color: #444a66; } h4 { font-size: 10px; font-weight: normal; color: #444a66; } ul { line-height: 16px; list-style: url(../img/bullet.gif); } p { line-height: 14px; } td { font-size: 11px; } q { font-size: 10px; font-style: italic; quotes: '\201E' '\201C' '\201A' '\201B'; } q:before { content: open-quote; padding-right: 2px;} q:after { content: close-quote; } a { text-decoration: none; color: #5f7e7b; } a:hover { color: #8799B3; } ul.csc-bulletlist-2 a { font-weight: bold; } /* * Admin panel */ .typo3-adminPanel { left: 822px; top: -100px; /*display: none;*/ } /* * Menus */ div#menuMain { width: 560px; height: 44px; margin-left: 185px; background-color: #eff4f8; } div#menuMain div.menuItem { float: left; padding: 10px 0px 0px 25px; } div#menuMain div.arrowTop { width: 5px; height: 5px; margin-bottom: 1px; } div.menuSubLayer { position: absolute; top: 30px; /*left: 524px;*/ width: 520px; height: 25px; background-color: #eff4f8; padding: 5px 10px 0px 30px; border-bottom: 1px solid #bac9ce; } * html div.menuSubLayer { width: 560px;} div.menuSubLayer div.menuItem { float: left; padding: 2px 0px 2px 0px; } div.menuSubLayer div.spacer { float: left; padding: 1px 7px 1px 6px; font-size: 8px; color: #7F859B; } div.menuSubLayer a { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 10px; color: #243F4A; } div.menuSubLayer a:hover { color: #2d488f; } /*div.menu-n0 div.menuSubLayer { left: 182px; } div.menu-n2 div.menuSubLayer { left: 385px; } div.menu-n3 div.menuSubLayer { left: 490px; }*/ div#menuSubTitle { float: left; width: 176px; height: auto; margin: 63px 0px 25px 0px; } div#menuSub, div#menuSub2 { float: left; width: 176px; height: auto; } div#menuSub { border-top: 1px solid #F1F3F4; } div#menuSub div.menuItem { float: left; width: 176px; padding: 1px 0px 1px 0px; border-bottom: 1px solid #F1F3F4; } div#menuSub div.menuItemActive { float: left; width: 176px; padding: 1px 0px 1px 0px; border-bottom: 1px solid #F1F3F4; } div#menuSub2 { border-bottom: 1px solid #F1F3F4; } div#menuSub2 div.menuItem { float: left; width: 176px; padding: 0px; border: none; } div#menuSub2 div.menuItemActive { float: left; width: 176px; padding: 0px; border: none; } div#menuFooter { height: 14px; padding: 30px 0px 0px 15px; } div#menuFooter div.menuItem { float: left; padding: 0px 15px 0px 0px; } div#menuFooter div.menuItem p { font-size: 9px; color: #7F7E83; padding: 0px; margin: 0px; } div#menuFooter div.menuItem a { font-size: 9px; color: #7F7E83; padding: 0px; } div#menuFooter div.menuItem a:hover { color: #8799B3; } /* * Global div elements */ div#logo { position: absolute; top: 0px; /*left: 0px;*/ width: 185px; height: 77px; background-image: url(../img/logo_bg.jpg); background-repeat: no-repeat; } div#logo img { margin: 10px 0px 0px 18px; } div#header { width: 100%; height: 44px; } div#contentArea { width: 100%; height: auto; background-color: #e8f2f4; background-image: url(../img/leftcol_bg.gif); background-repeat: repeat-y; border-top: 1px solid #bac9ce; border-bottom: 1px solid white; } div#leftCol { float: left; width: 178px; padding-left: 7px; } * html div#leftCol { width: 185px; } div#middleCol { float: left; width: 560px; height: auto; background-color: #c6dde3; } div#middleColContent { width: 560px; min-height: 450px; border-bottom: 1px solid #c6dde3; } * html div#middleColContent { height: 550px; } /* IE hack for min-height */ div#rightCol { float: left; width: 190px; height: auto; } div#footer { margin: 30px 0px 5px 0px; } div.clear { clear: both; } /* * Text with image */ div.csi-caption { display: none; } div.csi-text { width: auto; } div.csi-right {} div.csi-right div.csi-image { float: right; } div.csi-right div.csi-text { clear: both; } div.csi-left {} div.csi-left div.csi-image { float: left; padding: 0px 0px 3px 0px; } * html div.csi-left div.csi-image { padding: 0px 0px 1px 0px; } /* float bug in IE */ div.csi-left div.csi-text { clear: both; } div.csi-center div.csi-imagewrap { text-align: center; } div.csi-imagewrap div.csi-image {} div.csi-intext-right {} div.csi-intext-right div.csi-image { float: right; padding: 0px 0px 5px 15px; } div.csi-intext-right div.csi-text {} div.csi-intext-left {} div.csi-intext-left div.csi-image { float: left; padding: 0px 0px 5px 30px; } div.csi-intext-left div.csi-text { float: left; } div.csi-intext-right-nowrap div.csi-intext-right-nowrap div.csi-image { float: right; width: 117px; } div.csi-intext-right-nowrap .csi-text { float: left; width: 448px; } div.csi-intext-left-nowrap {} div.csi-intext-left-nowrap div.csi-image { float: left; width: 170px; clear: left; } div.csi-intext-left-nowrap .csi-text { float: right; width: 373px; } div.csi-image-only {} div.csi-image-only div.csi-image { padding: 0px 0px 1px 0px;} /* * Default typo */ div#middleCol h1 { padding: 15px 0px 2px 15px; margin: 5px 0px 2px 0px; clear: both; } div#middleCol h2 { padding: 0px 0px 5px 15px; } div#middleCol h3 { padding: 0px 0px 0px 15px; } div#middleCol p { padding: 2px 0px 0px 0px; margin: 0px 15px 0px 15px; } div#middleCol ul { padding-left: 16px; margin: 10px 30px 15px 15px; } div#middleCol ul h3 { padding: 0px; margin: 0px; } div#rightCol div.csc-header { margin: 22px 0px 7px 0px; } div#rightCol h1 { font-size: 12px; color: #e6000c; padding-left: 15px; } div#rightCol h2 { font-size: 11px; color: #5f7e7b; padding-left: 15px; } div#rightCol h3 { font-size: 11px; color: #5f7e7b; padding-left: 15px; } div#rightCol p { font-size: 10px; line-height: 14px; padding-left: 15px; } div#rightCol ul { font-size: 10px; line-height: 14px; margin: 10px 0px 10px 0px; padding-left: 16px; } /* * Layout Elements */ div.content-two-cols {} div.two-cols-left { float: left; width: 373px; } div.two-cols-right { float: right; width: 187px; } div.two-cols-left div.csi-left div.csi-image { padding: 0px 3px 15px 0px; } div#middleCol div.two-cols-left p { margin: 0px 0px 0px 15px; } div.content-three-cols { background-image: url(../img/loesungen/nutzen_bg.jpg); background-repeat: no-repeat; border-bottom: 1px solid #c6dde3; } div.three-cols-left { float: left; width: 186px; } div.three-cols-middle { float: left; width: 187px; } div.three-cols-right { float: right; width: 187px;} div.content-three-cols img { margin-bottom: 10px; } div#middleCol div.content-three-cols p { margin: 0px 10px 0px 10px; } /* Nachträgliche Zentrierung */ /*div#container { width: 990px; margin: 0 auto; background-color: #ffffff; }*/ div#container { width: 990px; margin: 0 auto; background-color: #ffffff; }