@charset "iso-8859-1";
/* CSS Document */

/* -------------------------------------------------- global
*/

* {
margin: 0;
padding: 0;
}

/*html {
background-color:#d9d9d9;
background-image:url(../_media/hgmuster2.gif);
background-repeat:repeat-x;
}*/

html {
background-color:#d9d9d9;
}

body {
text-align:center;
}

a {
height: 100%;
color: #0045a5;
font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration: none;
}

a:focus, a:hover, a:active {
text-decoration: underline;
}

#dfbpage {
text-align:left;
}

#dfbpage {
position:relative;
width:920px;
height:100%;
margin:auto;
}

#dfbnavi {
position:relative;
float:left;
overflow:hidden;
width:230px;
height:620px;
background:#003d91;
margin-top:16px;
}

#dfbnavi {
background-image:url(../_media/hgnavi_230x620.jpg);
background-repeat:no-repeat;
}

#navischmuck {
position:relative;
float:left;
width:15px;
height:162px;
background:#F57B00;
}

#navi {
position:relative;
float:left;
top:104px;
width:215px;
}

#navitrenner {
position:relative;
width:215px;
height:6px;
}

#quickfinder {
font: 11px/16px  Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
}

#quickfinder select {
width:170px;
height:20px;
border:solid 1px #615f64;
margin-top:4px;
padding-left:2px;
padding-top:2px;
font: 11px Arial, Helvetica, sans-serif;
color:#2c2c2c;
}

#dfbcontent {
position:relative;
float:left;
width:690px;
background:#ffffff;
}

/* -------------------------------------------------- startseite
*/

#dfbstart {
position:relative;
z-index:1;
width:920px;
height:560px;
background:#ffffff;
}

#startlogo {
position:relative;
left:230px;
width:690px;
height:104px;
background:#ffffff;
background-image:url(../_media/logo.gif);
background-repeat:no-repeat;
margin-bottom:30px;
}

#startgrau {
position:relative;
left:230px;
width:690px;
height:16px;
background:#615f64;
}

#startblau {
position:relative;
width:920px;
height:426px;
background:#b7c4d5;
}

#startbild {
position:absolute;
z-index:2;
top:124;
left:60px;
width:800px;
height:420px;
background:#CFDAED;
background-image:url(../_media/startseite.jpg);
background-repeat:no-repeat;
}

#startteaser {
position:absolute;
z-index:5;
top:199px;
left:688px;
width:146px;
height:156px;
}

#startteaser2 {
position:absolute;
z-index:6;
top:388px;
left:688px;
width:146px;
height:78px;
}

#startadresse {
position:absolute;
z-index:3;
top:538;
left:60px;
width:800px;
height:32px;
}

#startadresse {
text-align:center;
font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
color:#0045A5;
}

#startadresse p {
text-align:center;
padding:10px 0 0 0;
margin:0;
}

#startadresse a {
font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
color:#0045A5;
text-decoration: none;
}

#startadresse a:focus, #startadresse a:hover, #startadresse a:active {
text-decoration: underline;
}

#startnavi {
position:relative;
top:140px;
left:200px;
width:201px;
}

/* -------------------------------------------------- inhalte
*/

#dfbcontent {
min-height:590px;
}

#dfbcontent {
font: 11px/15px  Verdana, Arial, Helvetica, sans-serif;
color:#2c2c2c;
}

#kopfgrau {
position:relative;
width:690px;
height:16px;
background:#615f64;
}

h4 a {
position:relative;
display: block;
width:280px;
height:70px;
left:350px;
top:14px;
}

h4 a {
text-decoration: none;
text-indent: -999em;
}

#kopflogo {
position:relative;
width:690px;
height:104px;
background:#ffffff;
background-image:url(../_media/logo.gif);
}

#trenner {
position:relative;
width:690px;
height:30px;
}

#bildmotiv {
position:relative;
width:660px;
height:200px;
margin-left:30px;
}

/* -------------------------------------------------- templates
*/

#text_lang {
position:relative;
width:590px;
margin: 0 30px 0 30px;
}

#text_kurz {
position:relative;
width:500px;
margin: 0 30px 0 30px;
}

#text_kurz_left {
position:relative;
float:left;
width:458px;
margin: 0 30px 0 30px;
}

#text_kurz_gfx_left {
position:relative;
float:left;
width:132px;
height:150px;
margin:0;
padding:0;
}

#text_kurz span {
text-align:justify;
}

#text_kurz h2 {
font: 11px/15px  Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#615f64;
padding: 32px 0 0 0;
}

#text_kurz a {
height: 100%;
color: #2c2c2c;
font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

#text_kurz a:focus, #text_kurz a:hover, #text_kurz a:active {
text-decoration: underline;
}

#text_kurz ul {
padding: 16px 0 0 30px;
}

#text_kurz li {
list-style:url(../_media/bulletpoint.gif);
}

p {
padding: 16px 0 0 0;
}

h1 {
position:relative;
width:630px;
height:60px;
background-image:url(../_media/hgheadline.gif);
background-repeat:no-repeat;
}

h1 {
padding-left:16px;
font: 20px/22px  Arial, Helvetica, sans-serif;
color:#0045a5;
}

h1 span {
font: 11px/18px  Verdana, Arial, Helvetica, sans-serif;
color:#2c2c2c;
}


/* -------------------------------------------------- inhalte downloads
*/

#text_downloads {
position:relative;
width:540px;
margin: 0 30px 0 30px;
}

#text_downloads h2 {
font: 11px/15px  Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#615f64;
padding: 32px 0 0 0;
}

#text_downloads ul {
list-style:none;
padding: 16px 0 0 30px;
}

#text_downloads li {
list-style:none;
width:100%;
height:22px;
}

#text_downloads li a {
height: 100%;
color: #615f64;
font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration: none;
}

#text_downloads li a:focus, #text_downloads li a:hover, #text_downloads li a:active {
color: #0045a5;
}

/* -------------------------------------------------- inhalte förderband des monats
*/

#aktuellesliste {
position:relative;
overflow:hidden;
width:630px;
height:160px;
margin: 30px 30px 0 30px;
}

#aktuellesliste h2 {
display:block;
overflow:hidden;
height:120px;
}

#aktuellesliste h2 {
font: 14px/18px  Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0045a5;
}

#aktuellesliste h2 span {
font: 11px/18px  Verdana, Arial, Helvetica, sans-serif;
color:#2c2c2c;
}

/* -------------------------------------------------- inhalte 5 mal besser
*/

#text_5mal {
position:relative;
width:500px;
margin: 0 30px 0 30px;
}

#text_5mal h2 {
font: 11px/15px  Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#f57b00;
padding: 0;
}

/* -------------------------------------------------- inhalte produkte
*/

#proliste {
position:relative;
overflow:hidden;
width:630px;
height:160px;
margin: 30px 30px 0 30px;
}

#proliste h2 {
display:block;
overflow:hidden;
height:100px;
}

#proliste h2 {
font: 14px/18px  Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0045a5;
}

#proliste h2 span {
font: 11px/18px  Verdana, Arial, Helvetica, sans-serif;
color:#2c2c2c;
}

#technikliste {
position:relative;
overflow:hidden;
width:630px;
height:160px;
margin: 30px 30px 0 30px;
}

#technikliste h2 {
display:block;
overflow:hidden;
height:100px;
}

#technikliste h2 {
font: 14px/18px  Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0045a5;
}

#technikliste h2 span {
font: 11px/18px  Verdana, Arial, Helvetica, sans-serif;
color:#2c2c2c;
}

#thumbsliste {
position:relative;
width:640px;
height:1550px;
margin: 26px 20px 0 30px;
}

#thumbs2liste {
position:relative;
width:640px;
height:320px;
margin: 26px 20px 0 30px;
}

#thumbbild {
position:relative;
overflow:hidden;
width:120px;
height:120px;
}

#thumbbild img {
border-color:#0045a5;
border-width:1px;
}

#thumbbild a {
height:120px;
}

/* -------------------------------------------------- produkte details
*/

#detailliste {
position:relative;
overflow:hidden;
width:630px;
margin: 30px 30px 0 30px;
}

#detailbild {
position:relative;
overflow:hidden;
float:left;
width:270px;
}

#detailtext {
position:relative;
overflow:hidden;
float:left;
width:360px;
}

#detailtext {
font: 11px/15px  Verdana, Arial, Helvetica, sans-serif;
color:#2c2c2c;
}

#detailtext h2 {
font: 11px/15px  Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0045a5;
}

#detailtext p {
padding: 0 0 8px 0;
}

#detailtext ul {
padding: 0 0 0 30px;
}

#detailtext li {
list-style:url(../_media/bulletpoint.gif);
padding: 0 0 15px 0;
}

#detailtext table {
font: 11px/15px  Verdana, Arial, Helvetica, sans-serif;
color:#2c2c2c;
}

/* -------------------------------------------------- anwendungen details
*/

#an_detailtext {
position:relative;
overflow:hidden;
float:left;
width:360px;
}

#an_detailtext {
font: 11px/15px  Verdana, Arial, Helvetica, sans-serif;
color:#2c2c2c;
}

#an_detailtext a {
height: 100%;
color: #2c2c2c;
font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

#an_detailtext a:focus, #an_detailtext a:hover, #an_detailtext a:active {
text-decoration: underline;
}

#an_detailtext h2 {
font: 11px/15px  Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0045a5;
}

#an_detailtext p {
padding: 0 0 12px 0;
}

#an_detailtext ul {
padding: 0 0 0 0;
}

#an_detailtext li {
list-style:none;
width:100%;
height:22px;
}

#an_detailtext li a {
height: 100%;
color: #615f64;
font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration: none;
}

#an_detailtext li a:focus, #an_detailtext li a:hover, #an_detailtext li a:active {
color: #0045a5;
}

/* -------------------------------------------------- anfragen
*/

#bestellen_form {
position:relative;
width:590px;
margin: 30px 30px 0 30px;
}

#bestellen_form {
font: 11px/28px Verdana, Arial, Helvetica, sans-serif;
color:#2c2c2c;
}

#form_text {
position:relative;
display:block;
float:left;
width:220px;
height:28px;
}

#form_feld {
position:relative;
display:block;
float:left;
width:270px;
height:28px;
}

#form_feld input {
width:270px;
height:20px;
border:solid 1px #276BB4;
margin-top:4px;
padding-left:2px;
padding-top:2px;
font: 11px Arial, Helvetica, sans-serif;
color:#2c2c2c;
}

#form_feld select {
width:270px;
height:18px;
border:solid 1px #276BB4;
margin-top:4px;
padding-left:0px;
padding-top:2px;
font: 11px Arial, Helvetica, sans-serif;
color:#2c2c2c;
}

#form_feld_check {
position:relative;
display:block;
float:left;
width:270px;
height:28px;
font: 11px/28px Verdana, Arial, Helvetica, sans-serif;
color:#2c2c2c;
}

#form_feld_submit {
position:relative;
display:block;
float:left;
width:270px;
height:28px;
font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
color:#2c2c2c;
}

#form_feld_submit input {
width:140px;
height:24px;
border:solid 1px #276BB4;
background-color:#FFFFFF;
font: 11px Arial, Helvetica, sans-serif;
color:#276BB4;
}

#form_text_kurz {
position:relative;
display:block;
float:left;
width:40px;
height:28px;
text-align:center;
}

#form_feld_kurz {
position:relative;
display:block;
float:left;
width:80px;
height:28px;
}

#form_feld_kurz input {
width:80px;
height:20px;
border:solid 1px #276BB4;
margin-top:4px;
padding-left:2px;
padding-top:2px;
font: 11px Arial, Helvetica, sans-serif;
color:#2c2c2c;
}

#form_text_area {
position:relative;
display:block;
float:left;
width:220px;
height:160px;
}

#form_feld_area {
position:relative;
display:block;
float:left;
width:270px;
height:160px;
}

#form_feld_area textarea {
width:270px;
height:152px;
border:solid 1px #276BB4;
margin-top:4px;
padding-left:2px;
padding-top:2px;
font: 11px Arial, Helvetica, sans-serif;
color:#2c2c2c;
}