/* CSS-Reset */
html,body{height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,em,strong,pre,code,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,address,caption,cite,pre,code,dfn,th,var{line-height:1;font-size:100%;font-weight:normal;font-style:normal;}
fieldset,img{border:0;}
caption,th{text-align:left;}
td{vertical-align:top;}
table{font-size:inherit;table-layout:fixed;}
ol,ul{list-style:none;}
ul,ol,dl{position:relative;}
hr{clear:both;}
strong{font-weight:bold;}
sup{font-size:80%;vertical-align:top;}
/* Rahmen bei Inputfeldern entfernen IE <= 6 */
* html input{margin:-1px 0;}
/* Rahmen bei Inputfeldern entfernen IE > 6 */
*:first-child+html input{margin:-1px 0;}
/* CSS-Reset */
@font-face {
font-family: 'MetaBookRoman';
src: url('metaboor-webfont.eot');
src: local('?'), url('metaboor-webfont.woff') format('woff'), url('metaboor-webfont.otf') format('opentype'), url('metaboor-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
html, body, table, textarea, input {
line-height: 1.3;
font-size: 12px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #231f20;
}
body {
/*overflow: -moz-scrollbars-vertical;*/
}
.gruen {
color: #79a12f;
}
.weiss{
color: #fff;
}
ul li {
padding: 5px 0 5px 20px;
background: url(../images/list.gif) no-repeat 8px 10px;
line-height: 1.1;
}
ol li {
margin: 0 0 0 25px;
list-style-type: decimal;
line-height: 1.3;
}
hr {
width: 100%;
height: 1px;
background: #fff;
color: #fff;
border: 0;
border-bottom: 1px solid #231f20;
}
.logo_sueddeutsche{
width: 170px;
height: 35px;
background: url(../images/logo_sueddeutsche.jpg) no-repeat;
position:absolute;
top:48px;
left: 210px;
display:block;
}
.logo_brandeins{
width: 165px;
height: 55px;
background: url(../images/logo_brandeins.jpg) no-repeat;
position:absolute;
top:35px;
left: 390px;
display:block;
}
div.flaggen{
position:absolute;
top:0;
left: 570px;
display:inline-block;
}
div.flaggen a, div.flaggen span{
display:block;
width: 65px;
height: 50px;
float:left;
background: url(../images/flaggen.png) no-repeat;
}
div.flaggen a.de{background-position: -130px -50px;}
div.flaggen a.de:hover{background-position: -130px 0;}
div.flaggen span.de_active{background-position: -130px 0;}
div.flaggen a.at{background-position: 0 -50px;}
div.flaggen a.at:hover{background-position: 0 0;}
div.flaggen span.at_active{background-position: 0 0;}
div.flaggen a.ch{background-position: -65px -50px;}
div.flaggen a.ch:hover{background-position: -65px 0;}
div.flaggen span.ch_active{background-position: -65px 0;}
div.flaggen div.info{
width: 175px;
padding: 7px 10px 0 10px;
clear:both;
display:inline-block;
font-size:10px;
line-height: 14px;
}
a {
outline:0;
text-decoration: none;
color: #628226;
}
a.link_pfeil {
background: url(../images/link_pfeil.gif) no-repeat right 3px;
padding: 0 10px 0 0;
}
a.link_pdf {
background: url(../images/icon_pdf.gif) no-repeat 0px 0px;
padding: 0 0 0 18px;
}
a.link_doc {
background: url(../images/icon_doc.gif) no-repeat 0px 0px;
padding: 0 0 0 18px;
}
a.link_image {
background: url(../images/icon_image.gif) no-repeat 0px 0px;
padding: 0 0 0 18px;
}
a.link_mail {
background: url(../images/icon_mail.gif) no-repeat 0px 0px;
padding: 0 0 0 18px;
}
a.link_print {
background: url(../images/icon_print.gif) no-repeat 0px 0px;
padding: 0 0 0 18px;
}
h1, h2, h3, h4 {
font-family: "MetaBookRoman", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight: bold;
}
h2 a, h4 a {
color: #231f20;
}
h1 {
font-size: 18px;
color: #4c4c4c;
}
h2 {
font-size: 18px;
font-weight: bold;
}
h3 {
font-size: 15px;
font-weight: bold;
color: #4c4c4c;
}
h4 {
font-size: 15px;
font-weight: bold;
}
h4 a {
color: #231f20;
}
div#page {
position: relative;
width: 100%;
height: 100%;
min-width: 979px;
min-height: 600px;
}
div#wrapper {
position: absolute;
left: 50%;
top: 45%;
width: 979px;
height: 600px;
margin-left: -489px;
margin-top: -270px;
padding-bottom: 10px;
}
div#wrapper_inner {
position: relative;
width: 979px;
height: 600px;
}
div#header {
position: relative;
height: 98px;
}
div#live-chat {
position: absolute;
left: 10px;
}
div#hilfsnavi {
position: absolute;
left: 14px;
top: 0;
font-size: 11px;
/*margin: 0 0 0 15px;*/
/*margin: 0 0 0 211px;*/
}
div#hilfsnavi a {
color: #231f20;
}
div#hilfsnavi a:hover {
color: #79A12F;
}
div#stiftung {
position: relative;
float: right;
width: 164px;
height: 95px;
text-align: right;
font-size: 11px;
}
div#logo_stiftung, div#logo_compamedia {
position: relative;
float: right;
width: 98px;
height: 95px;background:#ddd;
}
div#content {
position: relative;
height: 502px;
}
div#content_header {
position: relative;
height: 195px;
z-index: 2;
}
div#content_header_img {
position: relative;
float: right;
width: 769px;
height: 181px;
background: url(../images/img_ethics_header.jpg) no-repeat;
}
div#searchbar {
position: relative;
margin: 1px 0 0;
}
div#searchbar label {
width: 92px;
background: #231f20;
color: #FFF;
display: inline-block;
float: left;
border-right: 1px solid #FFF;
padding: 4px 0 5px 5px;
cursor: pointer;
}
div#searchbar input {
margin: 0;
border: 0;
width: 192px;
height: 20px;
background: #E7E7E8;
display: inline;
float: left;
padding: 2px;
}
div#hauptnavi {
position: absolute;
bottom: 0px;
margin-left: -1px;
height: 22px;
background: #fff;
z-index: 3;
}
.hauptnavi {position:relative;width:97px;background:#231f20;float:left;margin:0 0 0 1px;overflow:hidden;z-index: 3;}
.hauptnavi a {display:block;width:92px;padding:2px 0 4px 5px;text-decoration:none;background:transparent;color:#fff;margin:0;}
.hauptnavi a:hover {background:transparent;color:#fff;}
.hauptnavi a.active {background:#79a12f;color:#fff;}
.hauptnavi ul {width:195px;background:#9BB866;position:absolute;left:0;margin:0;padding:0;list-style:none;}
.hauptnavi ul li {margin:0;padding:0;background:none;}
.hauptnavi ul li a {display:block;width:190px;padding:5px 0 5px 5px;text-decoration:none;color:#231f20;font-weight:normal;border-top:1px solid #fff;font-size:11px;}
.hauptnavi ul li a:hover, .hauptnavi ul li a.active {background:#79a12f;color:#fff;}
.hauptnavi:hover {overflow:visible;background:#79a12f;}
/*.hauptnavi:hover a {color:#fff;}*/
div#content_main {
position: relative;
min-height: 250px;
padding: 30px 0 0 0;
z-index: 1;
}
div#content_main.presse {
min-height: 300px;
}
div#content_main.newsletter {
min-height: 500px;
}
div#breadcrumbnavi {
position: absolute;
left: 210px;
top: 0px;
font-size: 10px;
color: #ababab;
}
div#breadcrumbnavi a, a.breadcrumbnavi {
font-size: 10px;
color: #ababab;
}
div#breadcrumbnavi a:hover, a.breadcrumbnavi:hover {
color: #79A12F;
}
div#content_main_navi {
position: absolute;
left: 15px;
bottom: 0px;
font-size: 11px;
z-index: 2;
}
div#content_main_navi a {
color: #231f20;
}
div#content_main_navi a:hover {
color: #79A12F;
}
div#sidebar {
position: absolute;
left: 15px;
top: 30px;
}
div#sidebar_newsletter {
position: absolute;
left: 15px;
top: 30px;
}
div#sidebar_newsletter form td {
height: 40px;
}
div#content_main_inner {
position: relative;
min-height: 250px;
margin: 0 0 0 210px;
z-index: 1;
}
div#content_main_inner_start {
position: relative;
min-height: 250px;
margin: 0 0 0 15px;
z-index: 1;
}
div#preloader {
height: 0;
overflow: hidden;
font-size: 0;
}
div#sidebar {
position: absolute;
left: 15px;
top: 30px;
font-size: 10px;
color: #ababab;
}
div#sidebar_newsletter {
position: absolute;
left: 15px;
top: 30px;
}
div.tabbar {
position: relative;
height: 24px;
border-bottom: 1px solid #231f20;
}
div.tabbar div {
position: relative;
float: left;
margin: 0 3px 0 0;
width: 193px;
}
div.tabbar div.lasttab {
width: 177px;
}
div.tabbar div a {
display: block;
height: 17px;
padding: 3px 8px;
color: #231f20;
border-top: 1px solid #231f20;
border-right: 1px solid #231f20;
border-bottom: 1px solid #231f20;
border-left: 1px solid #231f20;
background: #e3e3e3;
}
div.tabbar div a:hover {
background: #fff;
}
div.tabbar div a.active {
border-bottom: 1px solid #fff;
background: #fff;
}
div.tabbar_bottom {
position: relative;
clear: both;
height: 27px;
}
form#fmTeilnahmeunterlagen td {
height: 25px;
}
form#fmTeilnahmeunterlagen fieldset {
border: 1px solid #000;
padding: 16px;
}
form#fmUnternehmen td {
height: 25px;
}
form#fmUnternehmen fieldset {
border: 1px solid #000;
padding: 16px;
}
form#fmUnternehmen fieldset legend {
font-weight: bold;
}
form#fmInformationspaket td {
height:25px;
}
p.bildunterschrift {
padding: 5px 0;
font-size: 11px;
}
form#fmInformationspaket fieldset {
border:1px solid #000000;
padding:16px;
}
div.search_input {
position:absolute;
top:13px;
left: -20px;
display: none;
width:220px;
height:80px;
z-index:9999;
}
div.search_input form {
margin:10px 0 0 20px;
width:200px;
height:75px;
}
div.search_input form input {
width: 120px;
}
div.search_input form input[type="submit"] {
width: 50px;
margin-left:3px;
}
input.btn_search{
width: 20px;
height: 21px;
background: url(../images/btn_search.jpg) no-repeat 0 1px;
cursor:pointer;
border: none;
}
.f_ueberschrift_1{
font-size: 18px;
color: #4c4c4c;
}
.f_default{
font-size: 12px;
}
.f_ueberschrift_3{
font-size: 15px;
font-weight: bold;
color: #4c4c4c;
}
.f_interview{
font-size: 12px;
font-weight: bold;
}
.f_kursiv{
font-size: 12px;
font-style: italic;
}
div#logo_compamedia a {outline:0;display:block; height: 95px; width: 98px; background: url(../images/btn_compamedia.jpg) no-repeat; width }
div#logo_compamedia a:hover, div#logo_compamedia a.active { background: url(../images/btn_compamedia_a.jpg) no-repeat; }
div#logo_stiftung a {outline:0;display:block; height: 95px; width: 98px; background: url(../images/btn_compamediastiftung.jpg) no-repeat; }
div#logo_stiftung a:hover,
div#logo_stiftung a.active { background: url(../images/btn_compamediastiftung_a.jpg) no-repeat; }
.img_border{
border: 1px solid #202221;
}
ul.sitemapStandardMainCat {
margin-bottom:20px;
}
li.sitemapStandardLevel_1,
li.sitemapStandardLevel_2{
background:none;
padding:0;
margin:0;
}
li.sitemapStandardLevel_1 a{
padding: 3px;
background:#4c4c4c;
display:block;
color: #ffffff;
}
li.sitemapStandardLevel_2 a{
margin-top:1px;
display:block;
color: #231F20;
background:#9BB866;
padding: 3px;
padding-left: 20px;
}
li.sitemapStandardLevel_2 a:hover{
color: #ffffff;
background: #79a12f;
}
a.animation_link {
background: none repeat scroll 0 0 #231F20;
border-right: 1px solid #FFFFFF;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
float: left;
padding: 4px 0 5px 5px;
width: 92px;
}
a.animation_link:hover, a.animation_link_active{
background: #79A12F;
}
.tooltip {
display:none;
background:transparent url(../js/tooltip.png) no-repeat;
font-size:12px;
height:90px;
width:260px;
padding:35px 5px 5px 15px;
z-index:99999;
}
.tooltip h1 {
color: #79A12F;
padding-bottom: 3px;
}
.tooltip_caller {
cursor:pointer;
}
div.footstep_top{
position:absolute;
top:50px;
background: #ddd url(../images/bg_footsteps.jpg) no-repeat;
width: 70px;
height: 30px;
display:none;
}
div.footstep_bottom{
display: none;
position:absolute;
top:110px;
background: url(../images/bg_footsteps.jpg) 0 -30px no-repeat;
width: 70px;
height: 30px;
display:none;
}
div.mitarbeiter_mann{
position:absolute;
top:56px;
background: #ddd url(../images/bg_mitarbeiter.jpg) no-repeat;
width: 30px;
height: 70px;
display:none;
}
div.mitarbeiter_mann:hover{
background: url(../images/bg_mitarbeiter.jpg) 0 -70px no-repeat;
}
div.mitarbeiter_frau{
position:absolute;
top:56px;
background: #ddd url(../images/bg_mitarbeiter.jpg) 0 -140px no-repeat;
width: 30px;
height: 70px;
display:none;
}
div.mitarbeiter_frau:hover{
background: url(../images/bg_mitarbeiter.jpg) 0 -210px no-repeat;
}
#footstep_1{left: 10px;}
#footstep_2{left: 70px;}
#footstep_3{left: 130px;}
#footstep_4{left: 190px;}
#footstep_5{left: 260px;}
#footstep_6{left: 330px;}
#footstep_7{left: 400px;}
#footstep_8{left: 470px;}
#footstep_9{left: 540px;}
#footstep_10{left: 610px;}
#mitarbeiter_1{left: 10px;}
#mitarbeiter_2{left: 60px;}
#mitarbeiter_3{left: 110px;}
#mitarbeiter_4{left: 160px;}
#mitarbeiter_5{left: 210px;}
#mitarbeiter_6{left: 260px;}
#mitarbeiter_7{left: 310px;}
#mitarbeiter_8{left: 360px;}
#mitarbeiter_9{left: 410px;}
#mitarbeiter_10{left: 460px;}
#mitarbeiter_11{left: 510px;}