/*
CSS-Template für das ameco html-Template (dummy.ameco-gmbh.de)
*/
/* ==============================================================
ALLGEMEIN
================================================================= */
* {
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:12px;
}
body {
margin:0;
padding:0;
background-color:#999;
text-align:center; /*Bugfix IE */
}
/* ==============================================================
TEXTFORMATIERUNGEN
================================================================= */
/* --------------------- h ----------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
padding:0 0 5px 0;
}
h1 {
font-size:16px;
color:#2C5F98;
}
h2 {
font-size:13px;
color:#2C5F98;
}
h3,
h4,
h5 {
font-size:13px;
}
h6 {
font-size:11px;
font-weight:normal;
font-style:italic;
color:#2C5F98;
}
/* --------------------- p ----------------------------- */
p {
font-size:12px;
line-height:120%;
margin-bottom:15px;
}
p.hoher-trenner {
margin-bottom:0;
}
table p {
margin-bottom:0;
}
/* --------------------- table ----------------------------- */
table {
font-size:12px;
}
/* --------------------- Listen ----------------------------- */
ul,
ol {
font-size:12px;
padding-left:25px;
margin-bottom:15px;
}
#content ul,
#content ol {
list-style-image:url(../media/liste.jpg);
}
ul {
list-style-type:disc;
}
/* --------------------- Tabelle ----------------------------- */
td {
padding:0 10px 10px 0;
}
/* --------------------- a ----------------------------- */
a {
font-size:12px;
}
#content a,
#content2 a {
color:#2C5F98;
text-decoration:none;
}
#content a:hover,
#content2 a:hover {
text-decoration:underline;
}
/* --------------------- img ----------------------------- */
#content .einspaltig img {
margin-right:10px;
}
a img {
border:0;
}
/*#contentbox div.csc-textpic .csc-textpic-image img {
border:1px solid blue;
}*/
/* --------------------- sontiges ----------------------------- */
/* =============================================================
WICHTIG Trennerdefinitionen auch in rte_01.css
und unter p in dieser css
============================================================= */
.trenner {
clear:both;
display:block;
height:10px;
font-size:1%;
}
.hoher-trenner {
clear:both;
display:block;
height:25px;
font-size:1%;
}
/* ==============================================================
SEITENSTRUKTUR
================================================================= */
/* --------------------- #headerbox ----------------------------- */
#headerbox {
margin:0 auto;
width:880px;
background-image:url(../media/struktur/centerbox_bg.gif);
background-color:#fff;
overflow:auto;
text-align:left; /*Bugfix IE */
padding:0 10px;
}
* html #headerbox {
width:900px;
}
#headerbox dl {
margin-bottom:-32px;
}
* html #headerbox dl {
margin-bottom:0px;
}
/* --------------------- #centerbox ----------------------------- */
#centerbox {
margin:0 auto;
width:880px;
background-image:url(../media/struktur/centerbox_bg.gif);
background-color:#fff;
overflow:auto;
text-align:left; /*Bugfix IE */
padding:0 10px 20px 10px;
}
* html #centerbox {
width:900px;
}
/* --------------------- #language ----------------------------- */
#language {
height:32px;
position:relative;
z-index:1000;
}
/* --------------------- #head ----------------------------- */
#head {
height:200px;
position:relative;
top:-32px;
z-index:10;
margin-bottom:-32px;
}
* html #head {
height:200px;
position:relative;
top:-32px;
z-index:10;
margin-bottom:-37px;
}
/* --------------------- #mainnavi ----------------------------- */
#mainnavi {
height:50px;
background-image:url(../media/struktur/mainnavi_bg.gif);
clear:both;
margin-top:-30px;
}
/* --------------------- #subnavi ----------------------------- */
#subnavi {
width:160px;
float:left;
padding:30px;
}
* html #subnavi {
width:220px;
}
/* --------------------- #contentbox ----------------------------- */
#contentbox {
float:left;
width:600px;
padding:30px;
}
* html #contentbox {
margin-right:-3px;
width:660px;
}
/* --------------------- #zweispaltig ----------------------------- */
.zweispaltig #content {
width:400px;
float:left;
}
.zweispaltig #content2 {
width:200px;
float:left;
}
/* --------------------- #.zweispaltig-gleiche-breite ----------------------------- */
.zweispaltig-gleiche-breite #content {
width:290px;
float:left;
margin-right:20px;
}
.zweispaltig-gleiche-breite #content2 {
width:290px;
float:left;
padding-top:30px;
}
/* --------------------- #footer ----------------------------- */
#footer {
clear:both;
height:30px;
margin:0 auto;
width:900px;
background-image:url(../media/struktur/centerbox_bg.gif);
text-align:left; /*Bugfix IE */
background-image:url(../media/struktur/footer.gif);
}
/* --------------------- #metanavi ----------------------------- */
#metanavi {
}
/* ==============================================================
NAVIGATION
================================================================= */
/* --------------------- #mainnavi ----------------------------- */
#mainnavi ul {
padding-left:250px;
list-style-type:none;
padding-top:15px;
}
* html #mainnavi ul {
padding-top:20px;
}
#mainnavi li {
float:left;
margin-right:15px;
}
#mainnavi a {
text-decoration:none;
display:block;
font-weight:bold;
}
#mainnavi a:hover,
#mainnavi a.active {
color:#2C5F98;
font-weight:bold;
}
/* --------------------- #subnavi ----------------------------- */
#subnavi ul {
list-style-type:none;
padding-left:10px;
}
#subnavi li {
padding-bottom:10px;
}
#subnavi li.level_2 {
padding-left:20px;
}
#subnavi li a {
text-decoration:none;
}
#subnavi li.level_2 a {
font-weight:normal;
}
#subnavi li a:hover,
#subnavi li.active a,
#subnavi li.level_2 a.active {
color:#2C5F98;
}
#subnavi li.level_2 a.active,
#subnavi li.level_2 a:hover,
#subnavi li.level_2 a.active:hover {
color:#2C5F98;
font-weight:normal;
font-style:italic;
}
/* --------------------- #metanavi ----------------------------- */
#metanavi ul {
list-style-type:none;
margin-left:540px;
margin-bottom:0;
}
* html #metanavi ul {
list-style-type:none;
margin-left:420px;
}
#metanavi li {
float:left;
margin-left:20px;
padding-top:8px;
}
#metanavi li a {
text-decoration:none;
float:left;
color:#fff;
}
#metanavi li a:hover {
color:#2C5F98;
}
/* --------------------- #language ----------------------------- */
#language ul {
list-style-type:none;
padding-left:740px;
padding-top:8px;
}
* html #language ul {
padding-top:0px;
}
#language li {
float:left;
margin-right:12px;
}
* html #language li {
padding-top:0px;
margin-right:2px;
padding-top:7px;
}
#language li a {
text-decoration:none;
color:#666;
display:block;
padding:0 10px 0 0;
}
#language li a.active,
#language li a:hover {
color:#2C5F98;
}
/* ==============================================================
FORMULARE
================================================================= */
fieldset {
border:0;
margin-bottom:10px;
}
label {
display:block;
float:left;
width:180px;
}
input,
textarea,
select {
cursor:pointer;
border:1px solid #427EBA;
}
input,
textarea {
width:180px;
}
input.button {
width:85px;
}
input.links {
margin-left:180px;
margin-right:7px;
}
* html input.links {
margin-left:183px;
}
/* --------------------- Kontaktformular ----------------------------- */
/* ==============================================================
Inhalt mit Wechsel
zwischen 2 Spalten und 1 Spalte
================================================================= */
.einspaltig .linke-box-250px-bilder {
width:330px;
float:left;
margin-right:20px;
}
.einspaltig .rechte-box-250px-bilder {
width:250px;
float:left;
}
.einspaltig .linke-box-2-spalten-150px-bilder {
width:270px;
float:left;
margin-right:20px;
}
* html .einspaltig .linke-box-2-spalten-150px-bilder {
width:269px;
}
.einspaltig .rechte-box-2-spalten-150px-bilder {
width:310px;
float:left;
}
/* ==============================================================
News
================================================================= */
/* --------------------- Liste ----------------------------- */
.news-list-morelink,
.news-list-date {
display:none;
}
/* ==============================================================
Stellenangebote
================================================================= */
/* --------------------- Übersicht ----------------------------- */
.stellenangebote-list-date {
width:60px;
float:left;
display: none;
}
.stellenangebote-list-morelink {
display:none;
}
.stellenangebote-list-header {
margin-left:0px;
width:520px;
}
.stellenangebote-list-item h1 a,
.stellenangebote-list-item h1 {
display:block;
}
/* --------------------- Single ----------------------------- */
.stellenangebote-single-timedata {
margin-bottom:5px;
displey:none;
}