/* Stile fuer din-certco.de + dincertco.de */
/* ####################################### */
/* Erstellt am:    12.04.2005              */
/* Modifiziert am: 06.05.2005              */
/* Modifiziert am: 14.06.2006              */
/* Modifiziert am: 19.06.2006              */
/* Modifiziert am: 06.11.2007 MKue         */
/* Validiert am:   06.11.2007 MKue         */
/* ####################################### */

body {
color: #000;
background-color: #FFF;
background-image:  url(/customer/images/page_bg.gif);
background-repeat: no-repeat;
margin: 0; 
padding: 0;
height: 100%;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 100.01%;
}

#kopf {
height: 70px;
background-image:  url(/customer/images/page_bg.gif);
background-repeat: no-repeat;
}

* html #kopf {
margin-top: -2px;
}

/* Farben */
.blau { color: #0078B8; } 
.rot  { color: #E12129; }

/* Text-Formatierungen */
p {
color: #333;
padding: 0;
margin: 0 0 10px 0;
font-size: .75em;
line-height: 1.4em;
}

/* Absatz mit rotem Rahmen */
p.textmitrahmen {
padding: 5px;
border: 1px solid #C00;
font-style: italic;
}

/* Absatz mit grauem Hintergrund */
p.bgtextblock {
padding: 5px;
border: 1px solid #FFF;
background-color: #F2F2F2;
}

/* besonders hervorgehoben */
strong { font-weight: bold; }
em { font-style: italic; }

/* Ueberschriften */
h1 { 
color: #003366; 
font-size: 1.1em;
font-weight: normal;
margin: 0 0 8px 0;
padding: 0;
background-color: #FFFFFF;
}

h1#seitenueberschrift {
text-transform: uppercase;
}

h2 {
color: #333; 
font-size: 0.75em;
font-weight: bold;
background-color:#F2F2F2;
line-height:150%;
}

h3 { 
color: #000; 
background-color: #F2F2F2; 
border-bottom: 1px solid #E6E6E6;
padding-top: .1em;
}

h4, h5 { 
color: #333; 
font-weight: bold;
font-size: .8em;
padding: 0;
margin: 0;
}

h6 { 
color: #333; 
font-size: 0.75em;
font-weight: bold;
margin:5px 0px 0px 10px;
}

/* Listen */
li {
font-size: .75em;
line-height: 1.4em;
}

li li {
font-size: 1em;
}

li li li {
font-size: 1em;
}

li li li li {
font-size: 1em;
}

ol {
list-style-type: decimal; 
color: #333; 
}

ul {
color: #333; 
list-style-type: none;
list-style-image: url(/customer/images/ico_pfeil_content.gif);
}

ul.linkliste {
list-style-type: none;
list-style-image: url(/customer/images/ico_pfeil_content.gif);
color: #333; 
}

ol.linkliste li {
color: #C00 !important;
font-weight: bold; 
}

.lidot {
	list-style-image: url(/customer/images/li_dot.gif);
}

.lisquare {
	list-style-image: url(/customer/images/li_square.gif);
}

/* LINKS */
/* allg in Content */
#inhalt a           { font-size: 0.75em; color: #036 !important; text-decoration: underline; }
#inhalt a:link      { font-size: 0.75em; color: #036 !important; text-decoration: underline; }
#inhalt a:visited   { font-size: 0.75em; color: #036 !important; text-decoration: underline; }
#inhalt a:hover     { font-size: 0.75em; color: #0078B8 !important; text-decoration: none; }
#inhalt a:active    { font-size: 0.75em; color: #0078B8 !important; text-decoration: none; }
#inhalt a:focus     { font-size: 0.75em; color: #0078B8 !important; text-decoration: none;}
/* a in p in Content-Bereich */
#inhalt p a         { font-size: 1em; color: #036 !important; text-decoration: underline; }
#inhalt p a:link    { font-size: 1em; color: #036 !important; text-decoration: underline; }
#inhalt p a:visited { font-size: 1em; color: #036 !important; text-decoration: underline; }
#inhalt p a:hover   { font-size: 1em; color: #0078B8 !important; text-decoration: none; }
#inhalt p a:active  { font-size: 1em; color: #0078B8 !important; text-decoration: none; }
#inhalt p a:focus   { font-size: 1em; color: #0078B8 !important; text-decoration: none; }

/* in teaser (rechts) */
#teaser a { color: #036 !important; text-decoration: underline; }
#teaser a:hover { color: #0078B8 !important; text-decoration: none; }

/* Liste in Content-Bereich */
#inhalt ol li a,
#inhalt ul li a,
#inhalt ol li a:link,
#inhalt ul li a:link,
#inhalt ol li a:visited,
#inhalt ul li a:visited { 
font-size: 1em; 
color: #036 !important; 
text-decoration: underline; 
font-weight: normal; 
}

#inhalt ol li a:hover,
#inhalt ul li a:hover,
#inhalt ol li a:active,
#inhalt ul li a:active,
#inhalt ol li a:focus,
#inhalt ul li a:focus { 
font-size: 1em; 
color: #0078B8 !important; 
text-decoration: none; 
font-weight: normal; 
}

/* in hauptnavigatinon */


#hauptnavi ul,
#hauptnavi li {
display: inline;
background: none;
margin: 0;
padding: 0;
}

#hauptnavi li {
border-right: 1px solid #fff;
padding: 0 5px 0 4px;
margin: 2px 1px 0 0;
float: left;

}

* html #hauptnavi li {
line-height: 1.6em;
}

#hauptnavi li.first {
padding-left: 0;
}


#hauptnavi li.last {
border: 0;
}


#hauptnavi ul li a,
#hauptnavi ul li a:link,
#hauptnavi ul li a:visited {
font-weight: bold;
text-decoration: none;
color: #FFF;
font-size: 1.4em;
}

#hauptnavi ul li a:hover,
#hauptnavi ul li a:active,
#hauptnavi ul li a:focus {
font-weight: bold;
text-decoration: underline;
color: #FFF;
}
/* aktiver MenuePunkt in HN */
#hauptnavi strong {
font-weight: bold;
color: #CCC;
font-size: 1.4em;
}

#hauptnavi li strong a {
font-size: 1em !important;
}



/* Texte und Links in Impressum | Copyright */
#fuss span,
#fuss a,
#fuss a:link,
#fuss a:visited,
#fuss a:hover,
#fuss a:active,
#fuss a:focus {
font-size: .6em;
}

/* Grafiken */
img { 
border: 0px; 
}
#inhalt img { 
padding: 0;
margin: 0 10px 10px 0;
}

/* Elemente aud viewport entfernen */
.aus { 
position: absolute;
left: -4000px;
}

/* DC LOGO */
#logo {
position: absolute;
z-index: 2;
top: 14px;
left: 8px;
}

/* Grafik in Kopfbereich */
#kopfgrafik {
position: absolute;
z-index: 3;
top: 0;
left: 166px;
height: 70px;
width: 340px; 
overflow: hidden;
}

/* Such-Formular ueber SN */
#suche {
position: absolute;
z-index: 4;
top: 100px;
left: 0;
width: 146px;
height: 75px;
min-height: 75px;
/* background-image: url(/en/images/global/dc/suche_bg.gif); */
background-repeat: no-repeat;
border-bottom: 1px solid #FFF;
margin: 0;
padding: 0;
}
#suche[id] {
height: auto;
}
#suche div {
padding: 0;
margin: 0 0 10px 10px;
}

/* Hauptnavigation horizontal */
#hauptnavi {
position: absolute;
z-index: 5;
top: 70px;
left: 0;
width: 100%;
height: 30px;
background-color: #369;
background-image:  url(/customer/images/hnavi_bg.gif);
background-repeat: repeat-x;
color: #FFFFFF;
font-size: .8em;
}

#hauptnavi div {
margin: 5px 0 0 175px;

}

/* unterstuetzende Navigation */
#unavi {
position: absolute;
z-index: 10;
top: 4px;
left: 506px;
width: 254px;
color: #333;
text-align: right;
padding: 0;
}


#unavi ul,
#unavi li {
display: inline;
background: none;
margin: 0;
padding: 0;
font-size: 0.825em !important;
height: 1%;
}

#unavi li {
border-right: 1px solid #333;
padding: 0 4px 0 0px;
margin: 0;
}

* html #unavi li {
padding: 0 4px 0 4px;
}

#unavi li.first {
padding-left: 0;
}

#unavi li.last {
border: 0;
padding-right: 0;
}

/* links in unterstuetzender Navigation */
/* aktiv */
#unavi strong {
color: #333;
}

#unavi a,
#unavi a:link,
#unavi a:visited {
color: #333;
text-decoration: none;
}

#unavi a:hover,
#unavi a:active,
#unavi a:focus {
color: #FFF;
text-decoration: none;
}



#seitennavi {
position: absolute;
z-index: 6;
top: 11.5em;
left: 0;
width: 146px;
color: #000;
}

#seitennavi h3 {
font-size: .8em;
margin: 0;
padding: 0;
border: 0;
}

#seitennavi div {
padding: 0 0 0 10px;
margin: 12px 0 0 0;
}

#seitennavi ul {

}

#seitennavi ul,
#seitennavi li {
padding: 0;
margin: 0;
list-style: none;
}

#seitennavi li {
background-image:  url(/customer/images/ico_punkt.gif);
background-repeat: no-repeat;
background-position: 0 8px;
padding: 0 0 0 10px;
font-size: .8em;
line-height: 1.25em;
margin: 0 0 3px 0;
}

#seitennavi a,
#seitennavi a:link,
#seitennavi a:visited {
color: #036;
}

#seitennavi a:hover,
#seitennavi a:active,
#seitennavi a:focus {
color: #0078b8;
text-decoration: none;
}

/* aktiver Punkte in SN */
#seitennavi span,
#seitennavi strong {
color: #000;
display: block;
font-weight: normal;
}
.e1akt {
font-weight: bold;
}

#seitennavi li.e2akt {
background-image:  url(/customer/images/ico_pfeil.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
padding: 0 0 1px 10px;
margin-bottom: 2px;
}

/* Brotkruemelspur */
#trail {
position: absolute;
z-index: 7;
top: 102px;
left: 176px;
color: #003466;
font-size: .6em;
width: 490px;
}

#trail strong,
#trail span,
#trail a {
color: #003466;
}

#trail ul {
list-style: none;
font-size: 1.4em;
color: #003466;
padding: 0;
margin: 0;
}

#trail ul li {
display: inline;
background: url(/customer/images/dincertco_trail.gif) left center no-repeat;
padding: 0 0 0 7px;
}

#trail ul li.home {
background: none;
padding: 0;
}

/* Sprachwechsel */
#lang {
position: absolute;
z-index: 50;
top: 101px;
left: 673px;
color: #333;
width: 150px;
font-size: .7em;
}


#lang ul,
#lang li {
display: inline;
background: none;
margin: 0;
padding: 0;
font-size: 1em !important;
}

#lang li {
border-right: 1px solid #333;
padding: 0 4px 0 4px;
margin: 0;
float: left;
}

#lang li.ende {
padding-left: 0;
}

#lang li.erster {
border: 0;
padding-right: 0;
}

#lang strong,
#lang span{
color: #333;
}

#lang a,
#lang a:link,
#lang a:visited {
color: #333;
text-decoration: underline !important;
}

#lang a:hover,
#lang a:active,
#lang a:focus  {
color: #999;
text-decoration: underline !important;
}

#inhalt {
position: absolute;
z-index: 8;
top: 156px;
left: 166px;
width: 436px;
background-color: #FFFFFF;
min-height: 400px;
height: 400px;
margin: 0;
padding: 0;
}

#inhalt[id] {
height: auto;
}

/* Navigation im Content Bereich */
#comprechts,
#complinks { 
width: 215px; 
float: left; 
padding: 0; 
margin: 0 0 20px 0; 
}
.competencies { 
margin: 0 0 10px 0;
padding: 0;
width: 205px; 
}
.competencies strong {
display: block; 
margin: 0 0 10px 0;
}
.competencies br { display:none; }

.complinkblock { 
margin: 0 0 5px 0;
padding: 0 0 0 10px;
background-image: url(/customer/images/ico_pfeil_content.gif);
/* background-image: url(/en/images/global/2x2_black.gif); */
background-repeat: no-repeat;
/* background-position: 1px 7px; */
background-position: 0px 0px;
width: 100%;
float: left;
font-size: .75em;
}

.complinkblock a { 
font-weight: normal !important; 
font-size: 1.0em !important; 
}
/* Navigation im Content Bereich ENDE */


/* Bereich rechts von Inhalt */
#teaser {
position: absolute;
z-index: 9;
top: 180px;
left: 622px;
width: 148px;
} 
.linkelement-unten-zu {
background-color: #F2F2F2;
margin: 0 0 10px 0;
padding: 0;
height: 1%;
}

/* Link auf weitere Pressemitteilungen */
#morenews {
background-color: #E6E6E6;
height: 21px;
min-height: 21px;
padding: 0 0 0 10px;
margin: 0;
font-size: .8em;
}
#morenews[id] {
height: auto;
}
#morenews a {
font-size: .9em;
}

/* Ueberschriften in Teaser-Bereich */
.linkelement-unten-zu h5 {
color: #FFFFFF;
font-size: .75em;
background-image: url(/customer/images/teaser_bg.gif);
background-repeat: no-repeat;
height: 18px;
min-height: 18px;
padding: 3px 0 0 23px;
margin: 0;
border-bottom: 1px solid #FFF;
} 
.linkelement-unten-zu[class] h5 {
height: auto;
} 

/* Text in Teaser-Bereich */
.linkelement-unten-zu p {
padding: 10px 5px 10px 10px;
margin: 0;
background-color: #F2F2F2;
}

.linkelement-unten-zu ul {
padding: 5px 5px 10px 27px;
margin: 0;
list-style-type: none;
list-style-image: url(/customer/images/ico_pfeil_context.gif);
}
.linkelement-unten-zu[class] ul {
padding: 5px 5px 10px 24px;
}

#teaser .linkelement-unten-zu a,
#teaser .linkelement-unten-zu a:link,
#teaser .linkelement-unten-zu a:visited { 
font-weight: normal !important; 
text-decoration: underline !important;
color: #003366 !important;
}

#teaser .linkelement-unten-zu a:hover,
#teaser .linkelement-unten-zu a:active,
#teaser .linkelement-unten-zu a:focus { 
font-weight: normal !important; 
text-decoration: none !important;
color: #0078b8 !important;
}

/* Trenn-Element in Teaser-Bereich */
.linkelement-unten-zu span {
display: block;
height: 1px;
line-height: 1px;
font-size: 1px;
padding: 0;
margin: 0;
width: 100%;
border-bottom: 1px solid #FFF;
} 

#printkontakt {
display: none;
}

/* Impressum | Copyright */
#fuss {
margin: 30px 0 10px 0;
}

/* Formulare und Formular-Elemente */
/* fuer label der radiobuttons */
.rechts { 
padding: 0; 
margin: 0; 
width: 310px; 
font-size: 80%; 	
float: right;
}
/* radiobuttons */
.radiobutton { 
padding: 0; 
margin: 0; 
float: right; 
width: 40px;	
}
/* checkbox am Ende des Content-Kontakt-Formulars */
.checkboxen {
margin: 0 0 0 -7px;
padding: 0;
}
.checkboxen[class] {
margin: 0;
}

/* Formular-Element-Bezeichner allg. */
label  { 
margin: 0 0 10px 0; 
width: 150px; 
font-size: 80%; 	
float: left;
}

/* Eingabefeld allg. */
input  { 
margin: 0 0 10px 0; 
}

/* Klasse fuer Eingabefelder */
.field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	width: 280px;
	background-color: #ffffff;
	float: left; 
	margin: 0 0 10px 0; 
}

/* ausgabe der Fehlermeldungen */
.warning {
	color: #CC0000;
	font-weight: bold;
	font-size: 80%;
}

/* br in formularen und die klasse "clearen" hebt den Umfluss auf */
form br,
.clearen { 
clear: both; 
height: 1px; 
font-size: 1px; 
line-height: 1px; 
}

/* text in bold */
.dick { 
font-weight: bold;
}

fieldset, form { 
border-style: none; 
border-width: 0; 
border-color: #FFF; 
padding: 0; 
margin: 0;
}

#suche input.searchfield {
padding: 1px 0 2px 5px;
margin: 12px 0 3px 0;
width: 118px;
font-size: .75em;
font-family: Arial, Helvetica, sans-serif;
}

#suche form { 
margin: 0;
padding: 0;
}

#suche input.searchbutton {
float: right;
margin: 0 10px 0 0;
border-top: 1px solid #D4D0C8;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
border-left: 1px solid #D4D0C8;
background-color: #FFF;
padding: 3px 0 0 0;
font-size: .7em;
line-height: 90%;
font-family: Arial, Helvetica, sans-serif;
}

* html #suche input.searchbutton {
width: 40px !important;
overflow: visible;
}

#suche input.searchbutton[class] {
padding: 0;
}

#suche label {
position: absolute;
left: -4000px;
}

#suche legend {
display: none;
}

#suche a,
#suche a:link,
#suche a:visited,
#suche a:hover,
#suche a:active,
#suche a:focus {
float: left;
margin: 3px 0 0 0;
padding: 0;
color: #003366;
font-size: .7em !important;
text-decoration: none;
font-weight: normal !important;
letter-spacing: -0.01em;
border-bottom: 1px solid #003366;
}

/* Trennstrich */
hr {	
height: 1px;
color: #CCC;	
background-color: #CCC;
border: 0 none;
}

/* submit button */
.absenden {
margin: 0 !important;
padding: 0 !important;
float: left;
}

.seitennavigation {
color: #333;
padding: 0;
font-size: .75em;
}

.imgsite {
  margin-left: 0px;
}

a.site {
  margin: 0 0 0 20px;
  line-height:150%;
}

a.sitezwei {
  margin: 0 0 0 40px;
  background-image:  url(/customer/images/ico_punkt.gif);
  background-repeat: no-repeat;
  background-position: 0 .6em;
  padding: 0 0 0 10px;
  line-height:150%;
}

* html #sitemap {
height: 1%;
}

#sitemap ul,
#sitemap ul li {
margin: 0;
padding: 0;
list-style: none;
list-style-image: none !important;
}

#sitemap ul li {
margin: 0 0 17px 0;
padding: 0;
}

#sitemap ul ul {
margin: 0px 0 0 0;
}

#sitemap ul li li {
padding: 0 0 0 20px;
margin: 0 0 2px 0;
list-style: none;
}

#sitemap ul li li li {
padding: 0 0 0 30px;
background: url(/customer/images/ico_punkt.gif) no-repeat 21px .7em;

}


/* hellblau f?r Adressen-Tabelle */
.tablehead {
background-color : #3399CC;
color: #FFFFFF;
font-weight: bold;
}

td.tablehead a { color: #FFFFFF !important; }
.normal { font-size: 80%; }

td.sublink a { 
color: #000000 !important; 
font-weight: normal !important;
}

#back {
display: none;
}

.backlink { 
display: none;
}

/* für erweiterte Suche */
.farbe-a {
background-color: #E2E2E2;
padding: 5px 5px 0px 5px;
vertical-align: top;
}

.farbe-a-ohne {
background-color: #E2E2E2;
padding: 0px 5px 0px 5px;
vertical-align: top; 
}

.farbe-b {
background-color: #F2F2F2;
padding: 5px 5px 0px 5px;
vertical-align: top; 
}


.farbe-c {
background-color: #FFFFFF;
padding: 5px 5px 0px 5px;
vertical-align: top; 
}

.abstand { font-size: 10px; line-height: 10px; }

.erwsuchfeld {
font-family: Arial, Helvetica, sans-serif;
width: 300px;
background-color: #ffffff;
}

table tr td strong { font-size: 100%; font-weight: bold; }

.erwdrop {
font-family: Arial, Helvetica, sans-serif;
width: 306px;
background-color: #ffffff;
}

.erwradio {
margin:0;
padding:0;
width:14px;
height:14px;
}


.erweitertesuche {
background: #f2f2f2;
margin: 0 0 30px 0;
}


.erweitertesuche legend {
display: none;
}

.erweitertesuche h2 {
padding: 18px 3px 0px 10px;
font-size: 1em;
margin: 0 0 10px 0;
background: #e2e2e2;
}

.erweitertesuche label {
margin: 0 0 10px 10px;
float: left;
width: 230px;
}

.erweitertesuche input {
margin: 0 0 10px 5px;
float: left;
}


.erweitertesuche .searchsubmit {
background: #e2e2e2;
padding: 10px 3px 0px 240px;
height: 1%;
}

.btbold { font-weight: bold; }

/* Bild in Content */
/* Layer für Bild im Fliesstext */
#inhalt span.bic {
width: auto;
height: auto;
margin: 0 10px 5px 0;          
padding: 0; 
float: left; 
vertical-align: top;
line-height: 110%;
}
/* klasse auf Bild im Fliesstext */
#inhalt img.bildincontent {
margin: 0px 10px 0px 0px;
padding: 0px; 
border: 0px; 
float: left; 
}
/* link auf Bilderseiten */
#inhalt .bildlink {
clear: left;
float: left;
font-weight: normal !important;
font-size: xx-small !important;
display: inline;
}
/* Bild in Content ENDE */



/* Floats aufheben */
.clear {
clear: both;
margin: -1px 0px 0px 0px;  /* laesst 1px clear nach oben verschwinden */
height: 1px;  /* laesst   auf 1px schrumpfen fuer IE */
font-size: 1px;
line-height: 1px;
width: 100%;
}



.text-mit-hintergrund {
background: #f2f2f2 top left no-repeat;
height: 42px;
padding: 20px 20px 15px 89px
}

.text-mit-hintergrund p {
font-size: 0.85em;
color: #0058a4;
line-height: 1.2em;
}




.navi-im-content strong a {
font-weight: bold !important;
}

.navi-im-content {
height: 1%;
margin: 0 0 20px 0;
}

.navi-im-content ul {
padding: 0;
margin: 0;
background: none !important;
list-style-type: none;
list-style-image: none;
}

.navi-im-content ul ul {
display: inline;
float: left;
width: 210px;
margin: 8px 0 0 0;
}

.navi-im-content ul li {
float: left;
height: 1%;
margin: 0 5px 7px 0;
padding: 0;
background: none !important;
}

.navi-im-content ul li ul li {
background: url(/customer/images/ico_pfeil_content.gif) 0 1px no-repeat !important;
margin: 0 0 4px 0;
width: 190px;
padding: 0 0 0 10px;
}


.downloads ul {
margin: 0 0 20px 0;
padding: 0;
list-style: none !important
}

.downloads ul li {
list-style: none !important;
background: url(/customer/images/ico_pfeil_content.gif) 0 1px no-repeat !important;
margin: 0 0 4px 0;
padding: 0 0 0 10px;
}


.downloads ul li.last {
margin: 15px 0 4px 0;
}