/*[fmt]1A90-1A0A-3*/
/*Reset Tags*/
html, body, div, form, fieldset, legend, label {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th, td {
text-align: left;
vertical-align: top;
}
h1, h2, h3, h4, h5, h6, th, td, caption {
font-weight: normal;
margin: 0;
padding: 0;
}
img {
border: 0;
}
/*Allgemeine Tags*/
body {
background-color: #000;
}
img {
margin: 0;
padding: 0;
outline: none;
}
a, a:hover, a:visited {
outline: none;
font: normal normal normal 12px / normal Arial, Helvetica, sans-serif;
color: #FFF;
}
p, li, td {
font: normal normal normal 12px / normal Arial, Helvetica, sans-serif;
color: #FFF;
}
h1 {
font: normal normal normal 24px / normal Arial, Helvetica, sans-serif;
color: #619BCF;
}
h2 {
font: normal normal bold 36px / normal Arial, Helvetica, sans-serif;
color: #e2007a;
padding: 0;
margin: 0;
}
h3 {
font: normal normal bold 14px / normal Arial, Helvetica, sans-serif;
color: #619BCF;
padding: 0;
margin: 0;
}
h4 {
font-weight: bold;
}
/*Allgemeine Klassen*/
.corner {
position: absolute;
width: 7px;
height: 7px;
}
.top {
top: 0;
}
.bottom {
bottom: 0;
}
.left {
left: 0;
}
.right {
right: 0;
}
.clear {
clear: both;
}
.left-float {
float: left;
margin: 4px 30px 0 0;
}
.grey-hint {
font: normal normal bold 12px / normal Arial, Helvetica, sans-serif;
color: #181F24;
display: block;
margin: 0 0 8px;
}
.box {
width: 200px;
height: 232px;
float: left;
margin: 0px 0px 0px 27px;
}
.box .box-button {
position: absolute;
bottom: 10px;
left: 10px;
}
.box .box-button-unsubscribe {
position: absolute;
left: 85px;
bottom: 51px;
display: block;
width: 21px;
height: 14px;
}
#text ul.list-dot {
list-style-type: disc;
margin-left: 14px;
}
.company-logo {
float: left;
margin: 0px 20px 20px 0;
}
.company-logo-no {
float: left;
margin: 0px 0 20px;
}
.date-nav-box {
height: 25px;
clear: both;
width: auto;
}
.backbutton {
position: relative;
clear: both;
background: url(zurueck.png) no-repeat;
width: 63px;
height: 25px;
}
.backbutton a {
display: block;
width: 63px;
height: 25px;
}
.backbutton a span {
display: none;
}
.subtitle{
font-size: 18px;
}
.event-next {
color: #649bce;
}
/*Allgemeine Bereiche*/
#wrapper {
margin: auto;
padding: 0;
width: 955px;
height: 100%;
background-color: #2D3947;
}
#header, #content, #footer {
margin: 0;
padding: 0;
position: relative;
width: 955px;
}
#header, #footer {
height: 75px;
background: url(h-f-b.jpg);
}
#content {
height: auto;
margin: 25px 0;
padding: 0;
}
#social {
width: 100%;
height: 52px;
position: relative;
background-color: #232C36;
}
#menu {
width: 205px;
height: auto;
float: left;
}
#menu2 {
width: 205px;
height: auto;
border: 1px solid #000000;
position: relative;
top: 700px;
float: left;
}
#pages {
width: 700px;
height: auto;
float: left;
background-color: #2D3947;
margin: 0 0 0 25px;
position: relative;
}
#visual {
width: 700px;
text-align: center;
height: auto;
position: relative;
padding: 13px 0 0;
}
#visual .visual-title {
position: absolute;
left: 35px;
bottom: 22px;
font: normal 26px Arial, Helvetica, sans-serif;
color: #FFF;
}
#visual .visual-title span {
color: #E2007A;
}
#text {
width: 654px;
padding: 0px 23px;
margin: 10px 0 0;
}
#boxes {
height: 290px;
width: 100%;
background-color: #181E24;
padding: 30px 0px 0px;
}
#boxes .moduletable {
padding: 0;
width: 200px;
height: 232px;
float: left;
margin: 0px 28px 0px 0px;
/*[empty]border:;*/
}
#footer {
width: 100%;
padding: 0 0 0 0px;
height: 27px;
background-color: #181E24;
}
#intro {
height: 829px;
width: 954px;
position: absolute;
top: -25px;
left: -230px;
}
/*Allgemeine Elemente*/
#logo {
position: absolute;
right: 27px;
top: 25px;
}
#slogan {
position: absolute;
left: 27px;
top: 10px;
}
#copyright {
margin: 0 0 0 28px;
padding: 4px 0 0;
width: 200px;
}
#text h1 {
margin: 0 0 15px;
}
#text ul {
margin: 0 0 10px;
padding: 0;
list-style: none;
}
#text ul li {
margin: 0;
padding: 0;
}
#text p {
margin: 0 0 10px;
padding: 0;
}
#text p a {
font: italic 1em sans-serif;
}
#text table tr td {
padding: 0px 10px 10px 0px;
/*[empty]border:;*/
}
#box-1 {
background: url(box1-b.jpg);
position: relative;
}
#box-1 .bewerber {
display: block;
height: 230px;
}
#box-1 p {
font-size: 10px;
position: absolute;
bottom: 42px;
left: 10px;
}
#box-1 div {
height: 24px;
width: 155px;
}
#box-1 #b-name {
position: absolute;
top: 56px;
left: 17px;
}
#box-1 #b-email {
position: absolute;
top: 86px;
left: 17px;
}
#box-1 #b-job {
position: absolute;
top: 116px;
left: 17px;
}
#box-1 div input {
font-size: 10px;
color: #FFF;
background-color: #89A4BD;
border: none;
width: 155px;
height: 20px;
}
#box-2 {
background: url(box2-b.jpg);
position: relative;
}
#box-3 {
background: url(../box3-b.html);
}
#box-3 a {
display: block;
width: 200px;
height: 231px;
}
#boxes div.box-4 {
background: url(box4-b.png);
margin-left: 27px;
}
#boxes div.box-4 .article_separator {
display: none;
}
#boxes div.box-4 table {
margin: 0px 0px 0px 9px;
}
#boxes div.box-4 table tr td {
height: 49px;
padding: 3px 0px;
}
#boxes div.box-4 table tr td div {
height: 49px;
width: 180px;
background-color: #626B75;
}
#boxes div.box-4 div h5 {
color: #000;
margin: 2px 0 0 10px;
}
#boxes div.box-4 div p {
margin: 0 0 0 10px;
}
#boxes div.box-4 div p a {
color: #2D3947;
}
/*Intro*/
#intro h3 {
margin-bottom: 10px;
}
#intro #intro-list {
position: absolute;
top: 572px;
left: 25px;
width: auto;
height: auto;
}
#intro #intro-list ul {
list-style-type: disc;
margin-left: 15px;
}
#intro #intro-list ul li {
color: #619BCF;
}
#intro #intro-list ul li span {
color: #FFF;
}
#intro #intro-btn {
position: absolute;
top: 572px;
right: 85px;
width: auto;
}
#intro #intro-btn ul li {
margin-bottom: 2px;
}
/*Termine*/
#text table.contentpaneopentermine {
width: 650px;
background-color: #232C36;
}
#text table.contentpaneopentermine tr td {
padding-top: 6px;
padding-left: 8px;
}
.t-date {
width: 110px;
float: left;
height: 43px;
padding: 6px 6px 6px 16px;
}
.t-date h3 {
color: #FFF;
margin-bottom: 10px;
}
.t-text {
width: 75%;
height: auto;
float: right;
background-color: #2D3947;
padding: 10px;
}
.t-text-current {
padding: 10px;
width: 75%;
height: auto;
float: right;
background-color: #626B75;
}
.t-text-current h3 {
color: #FFF;
margin-bottom: 10px;
}
.t-text h3 {
color: #FFF;
}
.date-old {
background: url(date-old.png) no-repeat;
}
.date-current {
background: url(date-current.png) no-repeat;
}
.date-next {
background: url(date-next.png) no-repeat;
}
#text table.openjobs {
border: 0px solid #232C36;
width: 640px;
}
#text table.openjobs tr td, #text table.openjobs tr th {
padding: 4px;
border-bottom: 6px solid #232C36;
border-right: 0px solid #232C36;
border-left: 10px solid #232C36;
background-color: #626B75;
}
#text table.openjobs tr.blank, #text table.openjobs tr.blank td {
background-color: #232C36;
}
#text table.openjobs tr th {
font-weight: bold;
background-color: #232C36;
}
#text table.companyprofile {
border: 0px solid #232C36;
width: 640px;
}
#text table.companyprofile tr td, #text table.companyprofile tr th {
padding: 8px;
border-top: 6px solid #232C36;
border-bottom: 6px solid #232C36;
border-right: 10px solid #232C36;
border-left: 10px solid #232C36;
background-color: #2d3947;
}
#text table.companyprofile tr.blank, #text table.companyprofile tr.blank td {
background-color: #232C36;
}
.termine-panels a {
margin-right:10px;
}
.termine-panels a.last {
margin-right:0px;
}
/*Media & Presse*/
.attachmentsContainer {
margin: 0;
padding: 7px 0 0;
}
#text .attachmentsList a {
text-decoration: underline;
}
#text .attachmentsList table {
border: none;
}
#text .attachmentsList table .odd, #text .attachmentsList table .even {
background-color: transparent;
}
#text .mediatable {
width: 654px;
background-color: #232C36;
margin-bottom: 20px;
border: 10px solid #232C36;
}
#text .mediatable td {
background-color: #626B75;
height: 26px;
padding: 4px 0 4px 6px;
border: 9px solid #232C36;
vertical-align: middle;
}
#text .mediatable th {
height: 26px;
padding: 0px 0 0 0px;
vertical-align: middle;
font-weight: bold;
font-size: 14px;
}
.at_icon, .at_description {
display: none;
}
.at_url {
font: normal normal normal 12px / normal Arial, Helvetica, sans-serif;
color: #FFF;
}
/*Kontaktformular*/
#contact-form {
width: 649px;
height: 247px;
padding: 10px 0px 0px 7px;
position: relative;
background-color: #232C36;
}
#contact-form .textbox, #contact-form .email {
border: 1px solid #FFF;
background-color: #626B75;
color: #FFF;
}
#contact-form .aiContactSafe_contact_form_field_label_left {
margin: 0px;
padding: 0px;
width: 0px;
height: 0px;
display: none;
}
#contact-form #aiContactSafe_row_aics_name {
position: absolute;
top: 53px;
left: 13px;
}
#contact-form #aiContactSafe_row_aics_firstname {
position: absolute;
top: 53px;
left: 204px;
}
#contact-form #aiContactSafe_row_aics_email {
position: absolute;
top: 53px;
left: 394px;
}
#contact-form #aiContactSafe_row_aics_message {
position: absolute;
top: 90px;
left: 15px;
width: 617px;
height: 112px;
}
#contact-form #aiContactSafe_row_aics_message textarea {
width: 617px;
border: 1px solid #FFF;
height: 108px;
margin: 0px;
padding: 0px;
background-color: #626B75;
color: #FFF;
}
#contact-form #aiContactSafe_row_aics_message .countdown_div {
display: none;
}
#contact-form #aiContactSafeBtns {
position: absolute;
left: 494px;
top: 204px;
width: 144px;
}
#contact-form div.error {
position: absolute;
width: 431px;
height: 40px;
top: 204px;
left: 10px;
}
#contact-form div.error dl {
}
#contact-form div.error dl dt {
float: left;
color: #FE0A0A;
}
/*Kooperationspartner*/
#text .coop-table {
width: 650px;
height: auto;
}
#text .coop-table tr td {
padding: 0 10px 0 0;
}
#text .coop-table tr td h3 {
font: normal 20px Arial, Helvetica, sans-serif;
color: #FFF;
}
/*Social Media*/
#social p {
display: inline;
float: left;
margin-left: 24px;
margin-top: 18px;
}
#social ul {
margin: 12px 0px 0px 60px;
padding: 0px;
list-style: none;
float: left;
height: 30px;
width: auto;
}
#social ul li {
float: left;
height: 30px;
width: 100px;
margin-left: 50px;
}
#social ul li a {
display: block;
height: 30px;
width: 100px;
}
#social ul li a span {
display: none;
}
#social ul li #social_fb {
background: url(social_fb.png) no-repeat;
}
#social ul li #social_tw {
background: url(social_tw.png) no-repeat;
}
#social ul li #social_ln {
background: url(social_ln.png) no-repeat;
}
#social ul li #social_xi {
background: url(social_xi.png) no-repeat;
}
/*Rahmenprogramm*/
#text table.program {
border-top: 10px solid #232C36;
border-bottom: 10px solid #232C36;
border-left: 0px solid #232C36;
border-right: 10px solid #232C36;
background-color: #232C36;
}
#text table.program tr td {
vertical-align: top;
padding: 7px 6px 10px;
background-color: #2D3947;
border-bottom: 10px solid #232C36;
border-left: 5px solid #232C36;
}
#text table.program tr td.r-time {
width: 110px;
background: url(date-next.png) no-repeat top center;
height: 60px;
padding-top: 8px;
}
#text table.program tr td.r-time-high {
width: 110px;
background: url(date-current.png) no-repeat top center;
height: 60px;
padding-top: 8px;
}
#text table.program tr td.r-time span, #text table.program tr td.r-time-high span {
margin-left: 27px;
}
/*Medienpartner*/
#orc {
margin: 9px 0px 0px;
}
/*# Stimmen zu den Events*/
.event-table {
width: 652px;
}
#intro iframe {
position: absolute;
top: 193px;
left: 75px;
width: 520px;
}
#panels {
padding: 0 23px;
}
#panels .panel {
float: left;
margin-right: 10px;
}