body {
  margin: 0px;
  padding: 0px;
  background: #fff url(/images/bg_body.png) repeat-y;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

.whitespace {
  background: #fff;
}

h1 {
  font-size: 125%;
	margin-top: 0px;
}

h2 {
  font-size: 110%;
	margin-top: 0px;
}

/* IE hack */
* html h2 {
	font-size: 110%;
	margin-bottom: 10px;
}

h3 {
  font-size: 100%;
	margin-top: 0px;
}

/* IE hack */
*html h3 {
  margin-bottom: 5px;
}

IMG {
  border: 0px;
}

P {
	margin-top: 0px;
  margin-bottom: 8px;
}

/* MOZ hack */
html>body P {
	margin-top: 0px;
}

.hidden {
  display:none;
}


form {
  padding:0px;
  margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}


TH {
  color: #000;
	background: #ccc;
	text-align: left;
}


TABLE.datasheet {
  font-size: 85%;
	empty-cells: show;
}
TABLE.datasheet th {
  text-align:center;
}
TABLE.datasheet td {
  text-align:center;
}

TR.data {
  background: #eee;
}



TABLE.datasheet2 {
  font-size: 85%;
	empty-cells: show;
}
TABLE.datasheet2 th {
  width: 180px;
	text-align: left;
	vertical-align: top;
}
TABLE.datasheet2 td {
  text-align: left;
	vertical-align: top;
}

TR.data2 {
  background: #eee;
}



TR.search_match {
  background: #e5ebf7;
}

TD.footer {
  background: #ccc url(/images/table_footer_corner.gif) bottom right no-repeat;
	height: 20px;
}


.input-text {
  border:1px solid black;
}
.input-submit {
  border:1px solid black;
  background-color:white;
}
.input-textarea {
  border:1px solid black;
}
.input-checkbox {
}
.input-radio {
}


#container {
  width: 960px;
}

/* ============================== links */
a, a:link, a:visited, a:active {
  color: #339;
  text-decoration: none;
}

a:hover {
  color: #3c0;
  text-decoration: none;
}
/* ============================== links */



/* ============================== header */
#logo {
  float: left;
}

DIV.logo {
  background:url(../images/logo-dfm.png) top left no-repeat;
  float: left;
  width:190px;
  height:105px;
}

DIV.container_top {
  background:url(../images/container_top.png) top left no-repeat;
  height:25px;
}

#header_mask {
  background: url(../images/header_mask.png);
  width: 770px;
  height: 105px;
}

#header_visual {
  float: left;
  background: url(../images/visual5.jpg); /* kann leicht gewechselt werden -> visual2.jpg, visual3.jpg, etc. */
  width: 770px;
  height: 105px;
}
/* ============================== header */



/* ============================== navigation */
#navi {
  float: left;
  width: 200px;
	font-size: 10pt;
}


/* navi level 1 */

.navi_l1 {
  font-weight: bold;
	line-height: 140%;
}

#navi LI.active UL {

}

#navi LI.open UL {
  display:normal;
}

#navi LI.closed UL {
  display:none;
}

#navi LI.locked {
  list-style-image:url(../images/navi-arrow_locked.png)
}

#navi > UL { /* Moz */
  margin: 0px;
  padding: 0px 0px 0px 25px;
}

* html #navi UL { /* IE */
  margin: 0px;
  padding: 0px 0px 0px 8px;
}


/* navi level 2 */

#navi > UL > LI > UL { /* Moz */
  padding: 0px 0px 0px 15px;
	margin-left: -5px;
	margin-bottom: 5px;
	font-size: 9pt;
}

* html #navi UL LI UL { /* IE */
  padding: 0px 0px 0px 0px;
	margin-left: -8px;
	margin-bottom: 5px;
	font-size: 9pt;
}

#navi UL LI { /* Moz */
  list-style-image: url(../images/navi-arrow_off.png);
}

* html #navi UL LI { /* IE */
  list-style-image: url(../images/navi-arrow_off.png);
  margin-left: 20px;
}

#navi UL LI.active {
  list-style-image: url(../images/navi-arrow_on.png);
}

#navi UL {
}

#navi UL LI UL {
  display:none;
}
#navi UL LI.active UL {
  display:block;
}
/*#navi UL LI.active UL LI { margin-left: 10px; }*/
#navi UL LI UL LI UL, #navi UL LI.active UL LI UL {
  display:none;
}
#navi UL LI UL LI.active UL {
  display:block;
}
/*#navi UL LI UL LI.active UL LI { margin-left: 10px; }*/

/* navi level 3 */

#navi > UL > LI > UL > LI > UL { /* Moz */
	font-size: 8pt;
  padding: 0px 0px 5px 10px;
}

* html #navi UL LI UL LI UL { /* IE */
	font-size: 8pt;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 5px -10px;
}
/* ============================== navigation */



/* ============================== content */
#content {
  float: left;
  width: 645px;
  padding: 0px 0px 20px 20px;
}

#content-center {
  float: left;
  width: 360px;
  padding: 0px 0px 20px 20px;
  height: 800px;
}

html > body > #container > #content-center {
  float: left;
  width: 360px;
  padding: 0px 0px 20px 20px;
  height:auto;
  min-height:800px;
}



#content-marginal {
  position:absolute;
  top:60px;
  left:600px;
  width: 360px;
  padding: 0px 0px 0px 0px;
}

/**
 * Classes
 */

.small {
  font-size: 85%;
}

.black {
  color: #000;
}

.green {
  color: #3c0;
}

.blue  {
  color: #339;
}


.col_left {
  width: 325px;
  float: left;
}

.col_right {
  width: 300px;
  float: left;
  margin-left: 20px;
}


div.imagebox {
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
}

div.imagebox-black img {
  border:1px solid #000;
}

div.imagebox-blue img {
  border:1px solid #339;
}

div.imagebox-grey img {
  border:1px solid #999;
}

div.imagebox-orange img {
  border:1px solid blue;
}


div.box {
	padding: 10px;
}

.box_green {
	background: #dbedd5 url(/images/corner.gif) no-repeat bottom right;
}

.box_blue {
	background: #e5ebf7 url(/images/corner.gif) no-repeat bottom right;
}

.box_grey {
	background: #eee url(/images/corner.gif) no-repeat bottom right;
}

div.contact-form {
  border:2px solid #ddd;
  padding:5px;
}

#errors {
  border:2px solid #f00;
  padding:5px;
}
#errors li {
  color:#f00;
}
div.box-content {

}

input.search {
  border:0;
  background:url(../images/search_btn.png) center right no-repeat;
  font-size:0;

  width:10px;
  height:20px;
}
/* ============================== content */



/* ============================== footer */
#footer {
  font-size:90%;
  color:#9B9B9B;
  background:url(../images/footer.png) top left no-repeat;
  height:10px;
  margin-left:200px;
  padding:25px 0px 0px 20px;
}
#footer a {
  color:#9B9B9B;
}
/* ============================== footer */


.search-message {
  color:#cb9904;
}

.search-reslink a, .search-reslink a:link, .search-reslink a:active, .search-reslink a:visited {
  font-weight:bold;
  color:#36c900;
  padding-right:15px;
  padding-bottom:2px;
  background:url(../images/search_arrow.png) right top no-repeat;
}
.search-message-none {
  color:red;
}

.search-treffer {
  font-size:1.3em;
  font-weight:bold;
}

.search-box {
  padding:10px;
}
.search-box-bottom {
  height:21px;
  background:url(../images/search_bottom3.png) right top no-repeat;
  background-color:#e5ebf7;
}

.search-opt-box {
  border:1px solid #c8cfc7;
  padding:3px;
}

.no-back {
  background-image:none;
}

a.search-change-conf {
  padding-left:18px;
  background:url(../images/search_rewind.png) left top no-repeat;
}

.searchres-headline {
  padding-left:10px;
  font-size:1.1em;
  font-weight:bold;
  background-color:#ddd;
}

.searchres-headline {
  color:#363198;
}

.searchres-text {
  padding-left:10px;
}

.teaserProductBox {
  padding:10px;
  background-color:#dbedd5;
}

.teaserProductBox h3 {
  margin-top:0px;
}
.teaserProductBoxEnd {
  height:20px;
  background:url(../images/white_corner.png) top right no-repeat;
  background-color:#dbedd5;
}

.prodTable {
  width:740px;height:450px;overflow:auto;
  /* ie */
  scrollbar-face-color : #fff;
  scrollbar-highlight-color : #fff;
  scrollbar-3dlight-color : #000;
  scrollbar-shadow-color : #fff;
  scrollbar-darkshadow-color : #000;
  scrollbar-track-color : #fff;
  scrollbar-arrow-color : #00d;
}
.prodTable table {
  border:1px solid black;
}

.prodRowHead {
  background-color:#aaf;
  border-bottom:1px solid black;
}

.prodRow1.prodRowAttr, .prodRow2.prodRowAttr {
  border-right:1px solid black;
}

.prodRow1 {
  background-color:#fff;
}
.prodRow2 {
  background-color:#ddf;
}

div.series-list {
	padding: 10px;
}

div.series-list .col_left {
	width: 48%;
}
div.series-list .col_right {
	width: 48%;
}