html {
overflow-y: scroll;
}
body {
text-align: center;
font-size: 13px;
line-height: 18px;
color: #343434;
}
div#center {
text-align: left;
margin-left: auto;
margin-right: auto;
position: relative;
width: 969px;
}
a {
text-decoration: none;
color: #2c6593;
}
div.clear {
clear: both;
}
/* schrift */
body,
div#navigation div.nav1,
div#navigation div.nav1-active,
div#content,
div#content input.text,
div#content textarea,
div#content select {
font-family: Corbel,Arial;
}
/* schrift in tabellen */
table,
table td,
table th {
font-family: Calibri, Corbel,Arial;
}
/* hovers */
div#content table.search td a:hover,
div#content table.search td a.hover,
div#content a:hover,
div#content a.hover,
div#footer a:hover,
div#content h3 a:hover,
div#content h3 a.hover
{
color: #ab0023;
}
/* in diesem div sind das Logo und die gesamte Navigation*/
div#top {
height: 44px;
padding-top: 46px;
}
/* attrax logo */
div#top div#logo {
position: absolute;
left: 40px;
top: 34px;
}
/* navigations container */
div#top div#navigation {
/* die position hier wird in #top m it padding bestimmt, wegen ie7, der margin top hier nicht kann */
margin-left: 186px;
height: 20px;
width: 774px;
}
/* sprach umschalter */
div#top div#navigation div#language-nav {
position: absolute;
right: 0px;
top: 51px;
font-weight: bold;
font-size: 14px;
}
div#top div#navigation div#language-nav a {
color: #6b93b3;
}
/* nav 1 eigenschaften */
div#navigation div.nav1,
div#navigation div.nav1-active
{
padding: 3px 8px;
font-size: 14px;
line-height: 18px;
font-weight: bold;
color: #0a4068;
white-space: nowrap;
display: inline;
}
div#navigation div.space {
display: inline;
line-height: 28px;
}
div#navigation div.nav1-active,
div #navigation div.nav1-hover {
padding: 2px 7px;
border: 1px solid #5ba0d8;
}
/* hellblau active bzw hover für navigationsitems */
div#navigation div.nav1-active a,
div#navigation div.nav1-hover a,
div#navigation div.nav2 a:hover,
div#navigation div.nav2 a.nav2-active,
div#top div#navigation div#language-nav a:hover,
div#footer a.active,
div#footer a:hover,
div#content div#crumbbar a.active,
div#content div#crumbbar a:hover
{
color: #5ba0d8;
}
/* nav2 eigenschaften */
div#navigation div.nav2 {
display: none;
margin-top: 2px;
margin-bottom: 6px;
font-size: 12px;
line-height: 22px;
z-index: 10;
}
div#navigation div.nav2 a {
color: #484a4b;
}
/* head ist der flashfilm oder das bild */
div#head {
position: absolute;
top: 95px;
left: 195px;
z-index: -1;
}
/* in content alles unter dem bilde (für start is anders) */
div#content {
position: absolute;
top: 275px;
left: 195px;
width: 774px;
}
/* spalte links für den text */
div#content div#left-column {
float: left;
}
div#content div#left-column,
div#content div#left-column div.text,
div#content div.left-column-full-width div.text {
width: 465px;
}
div#content div.left-column-wide,
div#content div.left-column-wide div.text,
div#content div.left-column-full-width div.text {
width: 593px !important;
}
div#content div.left-column-full-width {
width: 774px !important;
}
/* spalte für die boxen rechts */
div#content div#right-column {
float: left;
margin-left: 40px;
margin-top: 40px;
}
div#bottom-column {
margin-top: 8px;
}
/* die crumbbar */
div#content div#crumbbar {
margin-top: 10px;
color: #9b9b9b;
}
div#content div#crumbbar a {
color: #9b9b9b;
}
/* headline in orange */
div#content h1, body#start div#content div.box h2 {
color: #ab0023;
}
div#content h1 {
color: #ab0023;
font-size: 16px;
margin-top: 14px;
}
div#content h2 { /* z.b. lagerstellensuche */
color: #343434;
font-weight: bold;
font-size: 16px;
margin-top: 16px;
margin-bottom: 0px;
}
div#content h3 {
font-size: 14px;
line-height: 18px;
color: #0a4068;
font-weight: bold;
margin-bottom: 6px;
margin-top: 10px;
}
div#content h3 a {
color: #0a4068;
}
/* ein teaser überm text */
div#content div.teaser {
font-weight: bold;
margin-top: 7px;
}
/* flow text mit bildern drin */
div#content div.text {
margin-top: 20px;
}
/* flow text direkt unter der überschrfit */
div#content div.no-teaser {
margin-top: 7px;
}
div#content div.text img.text {
float: left;
margin-right: 16px;
margin-top: 5px;
margin-bottom: 6px;
}
/* boxen auf der Rechten seite */
div#right-column div.box {
position: relative;
margin-bottom: 30px;
border: 1px solid #c9c9c9;
padding-bottom: 11px;
width: 267px;
}
div#right-column div.box-no-border {
border: 1px solid white;
}
div#right-column div.box-last {
margin-bottom: 0px;
}
div#content div#right-column div.box a.link {
width: 258px;
/* 269-7 */
}
/* reports and tools */
body#reports div#content div#right-column div.box {
margin-bottom: 4px;
}
body#reports div#content div#right-column div.box-last {
margin-bottom: 0px;
padding-bottom: 0px;
}
div#right-column div.box p {
margin-top: 7px;
margin-left: 10px;
margin-right: 15px;
}
div#right-column div.box h3 {
background-color: #f1f5f8;
font-weight: bold;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 3px;
border-bottom: 1px solid #c9c9c9;
margin-top: 0px;
margin-bottom: 0px;
color: #343434;
font-size: 13px;
}
div#right-column div.box-image {
padding-bottom: 0px;
}
div#right-column div.box-image a.box {
position: absolute;
left: 13px;
bottom: 10px;
background-color: white;
}
/* aufzählungen */
div#content ul, div#content li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
div#content ul li {
background-image: url('../img/bullet.gif');
background-repeat: no-repeat;
background-position:0px 9px;
padding-left: 10px;
padding-bottom: 10px;
font-size: 13px;
line-height: 18px;
}
@media print {
div#content ul li {
list-style-type: square;
list-style-image: none;
list-style-position: outside;
padding-left: 2px;
padding-bottom: 10px;
margin-left: 13px;
}
}
/* ul in der box auf der rechten seite */
div#right-column ul li {
font-size: 12px;
line-height: 16px;
padding-bottom: 0px;
background-position:0px 6px;
}
div#right-column div.box ul {
margin-top: 11px;
margin-left: 12px;
}
/* zitat */
div#content blockquote {
font-weight: normal;
font-style: italic;
font-size: 19px;
line-height: 24px;
color: #0a4068;
}
div#content blockquote div.author {
font-weight: bold;
font-size: 13px;
line-height: 22px;
color: #030303;
font-style: normal;
}
/* footer */
div#footer {
margin-bottom: 36px;
}
div#footer,
span.pipe {
color: #c9c9c9;
}
/* default margin top am footer, für blocklevel elemente */
div#content div.footer-margin-2 {
margin-top: 46px;
}
/* default am footer, für text ende oder link ende */
div#content div.footer-margin-1 {
margin-top: 42px;
}
.footnote {
font-size: 12px;
color: #808084;
}
div.footnote {
position: absolute;
top: 644px;
right: 0px;
}
/* formular */
div#content input.text,
div#content textarea,
div#content select {
font-size: 13px;
line-height: 18px;
border: 1px solid #c9c9c9;
}
div#content input.text,
div#content textarea {
padding-left: 4px;
padding-right: 4px;
}
div#content textarea {
width: 365px;
}
div#content select {
height: 22px;
padding-top: 1px;
width: 375px;
}
div#content input.text {
padding-top: 3px;
height: 18px;
width: 365px;
}
div#content table.form {
margin-top: 16px;
}
div#content table.form td.submit {
text-align: right;
padding-top: 14px;
}
div#content table.form div.teaser {
margin-bottom: 5px;
}
div#content table.form td {
vertical-align: top;
padding-bottom: 6px;
}
div#content table.form td.left {
width: 93px;
}
/* kontakt */
body#kontakt div#content div.pflicht {
margin-top: 6px;
font-size: 11px;
line-height: 15px;
}
body#kontakt div#content div#right-column, body#anfahrtsskizze div#content div#right-column {
margin-top: 0px; /* da die überschrift in der rechten box af gleicher höhe wie die box links ist */
}
body#kontakt div#content div.text {
margin-top: 6px;
}
/* anfahrtsskizze */
body#anfahrtsskizze div#content iframe {
margin-top: 16px;
}
/* tabelle der lagerstellensuche */
div#content table.search {
margin-top: 11px;
width: 100%;
}
body#search div#content div.no-teaser {
margin-top: 11px;
}
div#content div.text div.search-text {
margin-top: 10px;
}
div#content table.search th,
div#content table.search td
{
border-right: 1px solid white;
border-top: 1px solid white;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
/* safari */
/*
* padding-top: 5px;
* padding-bottom: 1px;
*/
}
body#search div#content div.text label,
body#search div#content div.text input {
float: left;
}
body#search div#content div.text label.wkn {
margin-left: 26px;
}
body#search div#content div.text label.isin {
margin-left: 16px;
margin-right: 16px;
}
body#search div#content div.text div.button-container {
float: right;
}
div#content table.search tr th {
color: #fdfcfc;
background-color: #aaa9a9;
padding-left: 10px;
padding-right: 10px;
padding-top: 1px;
}
div#content table.search td a {
color: #2c6593;
}
div#content table.search tr.odd td {
background-color: #f1f5f8;
}
div#content table.search tr.even td {
background-color: #e5e6e6;
}
/* pfeil links in der tabelle */
div#content table.search td.arrow {
text-align: center;
vertical-align: middle;
padding-left: 0px;
padding-right: 0px;
width: 36px;
}
div#content div.search-footer {
margin-top: 23px;
height: 1px;
}
div#content div.search-footer div.paging {
width: 168px;
float: right;
text-align: right;
}
div#content div.search-footer div.found {
margin-right: 73px;
}
div#content div.search-footer div {
float: left;
}
input.search {
width: 272px;
font-size: 13px;
line-height: 16px;
height: 20px;
color: #a2a2a2;
}
input.active {
color: #343434;
}
/* news */
div#content div.date { /* date zwischen crumb und headline */
margin-top: 8px;
}
body#news div#content h1 {
margin-top: 8px;
}
body#news div#right-column {
margin-top: 59px;
}
/* presse news jobs */
div#content div.news a.more {
line-height: 20px;
}
div#content div.news h3 {
margin-top: 0px;
margin-bottom: 0px;
}
div#content div.news {
margin-top: 15px;
margin-bottom: 21px;
}
div#content div.news img {
float: left;
margin-right: 15px;
margin-top: 6px;
}
div#content div.news div.right {
margin-left: 105px;
width: 360px;
}
body#news div#content div#footer {
margin-top: 21px; /* 42 - 21, standardfooter abstand - bottom von jeder news */
}
/* ende presse news jobs */
/* historie (zeitleiste ) */
div#content table.history {
width: 100%;
margin-top: 13px;
}
div#content table.history tr td.year {
color: #0a4068;
font-weight: bold;
padding-right: 16px;
}
div#content table.history tr td {
border-bottom: 1px solid #dbdbdb;
padding-bottom: 12px;
padding-top: 9px;
}
/* ende historie (zeitleiste ) */
/* team */
div#content div.team {
float: left;
margin-right: 12px;
margin-top: 15px;
}
body#team-detail div#footer {
margin-top: 40px;
}
body#team-gesamt div#footer {
margin-top: 38px;
}
div#content div.team-box {
margin-top: 12px;
padding-bottom: 6px;
border: 1px solid #b5c6d2;
float:left;
width: 100%;
}
div#content div.team-button-container {
float: left;
margin-top: 11px;
padding-right: 11px;
}
div#content div.bottom-link {
margin-top: 20px;
}
div#content div.team-button-container div.team-button {
padding-left: 9px;
width: 174px;
border: 1px solid #b5c6d2;
height: 87px;
}
div#content div.team-button-container p {
width: 160px;
/* margin-left: 10px;*/
margin-top: 5px;
}
div#content div.team-button-container-last {
padding-right: 0px;
}
div#content div.team-box div.team, div#content div.team-box h3 {
margin-left: 12px;
margin-right: 0px;
}
div#content div.right, div#content div.team-box div.right {
margin-left: 60px;
}
div#content div.last {
margin-right: 0px;
}
div#content div.team img {
float: none;
}
div#content div.team p {
font-size: 11px;
line-height: 12px;
}
div#content div.team strong {
line-height: 22px;
}
div#content div.team p a.mail {
line-height: 20px;
}
div#content div.team div {
margin-top: 2px;
width: 119px;
}
/* team detail */
div#content div.back-link {
margin-top: 12px;
margin-bottom: 10px;
}
/* team gesamt */
body#team-gesamt div.team-box {
border: none;
margin-top: 26px;
margin-bottom: 34px;
}
body#team div#content div.text div.back-link {
margin-bottom: 0px;
}
body#team-gesamt div.team-box-last {
margin-bottom: 0px;
}
body#team-gesamt div#content div.team-box div.team, body#team-gesamt div#content div.team-box h3 {
margin-left: 0px;
margin-right: 12px;
}
body#team-gesamt div#content div.team-box div.last {
margin-right: 0px;
}
div#content div.jump-link {
float: right;
}
/* kurzbiographie */
div#content div.biographie {
margin-top: 16px;
}
div#content div.biographie img {
float: left;
display: block;
}
div#content div.biographie ul {
margin-left: 220px;
}
/* team ende */
/* sitemap start */
div#content table.sitemap {
float: left;
margin-right: 14px;
margin-top: 22px;
width: 145px;
}
div#content table.sitemap tr td, div#content table.sitemap tr th {
line-height: 16px;
border-bottom: 1px solid #b5c6d2;
padding-bottom: 4px;
padding-top: 3px;
color: #0a4068;
}
div#content table.sitemap tr th {
font-weight: bold;
}
div#content table.sitemap-last {
margin-right: 0px;
width: 137px;
}
/* sitemap ende */
/* start seite */
div#flash-start {
position: absolute;
top: 95px;
left: 40px;
}
body#start div#content {
left: 40px;
top: 95px;
width: 929px;
}
body#start div#footer {
position: absolute;
left: 40px;
top: 643px;
margin-top: 0px;
}
body#start div#content div#right-column {
position: absolute;
left: 660px;
width: 269px;
padding: 0;
margin: 0;
}
body#start div#content div#right-column h3 {
border-bottom: 1px solid #c9c9c9;
margin-bottom: 4px;
margin-top: 21px;
font-size: 14px;
}
body#start div#content div#right-column h3.first {
margin-top: 0px;
}
div#content div#right-column a.link { /* auch für andere seiten als start */
display: block;
width: 241px;
height: 17px;
border-left: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
background-image: url('../img/pfeil-rechts.link.gif');
background-color: #f1f5f8;
background-repeat: no-repeat;
background-position: 96% 2px;
margin-top: 7px;
padding-left: 7px;
}
div#content div#right-column a.link:hover {
background-color: #eee3e5;
background-image: url('../img/pfeil-rechts.hover.gif');
color: #ab0023;
}
body#start div#content div#right-column p img {
padding-left: 10px;
vertical-align: middle;
}
body#start div#content div#boxes {
position: absolute;
top: 370px;
}
body#start div#content div#box1 {
width: 247px;
border-right: 1px solid #c9c9c9;
margin-top: 39px;
float: left;
}
body#start div#content div#box2 {
width: 247px;
border-right: 1px solid #c9c9c9;
margin-left: 40px;
margin-top: 39px;
float: left;
}
body#start div#content div#box3 {
margin-left: 660px;
margin-top: 39px;
padding-right: 0px;
}
body#start div#content div.box {
line-height: 18px;
font-size: 13px;
padding-right: 42px;
}
/* die orangene in den boxen (farbe siehe oben bei h1) */
body#start div#content div.box h2 {
font-size: 16px;
line-height: 22px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
}
/* ende start seite */
/*
Ergebnisreiter
*/
div#ergebnisreiter a.link {
display: block;
text-align:center;
width: 133px;
height: 20px;
margin-right:4px;
float:left;
border-left: 1px solid #c9c9c9;
border-top: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
background-color: #f1f5f8;
margin-top: 7px;
}
div#ergebnisreiter a.link:hover {
background-color: #eee3e5;
color: #ab0023;
}
div#ergebnisreiter a.linkactive {
display: block;
text-align:center;
width: 133px;
height: 20px;
margin-right:4px;
float:left;
border-left: 1px solid #c9c9c9;
border-top: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
background-color: #e5e6e6;
color:#343434;
margin-top: 7px;
}
div#ergebnisreiter a.linkactive:hover {
color:#343434;
}