/* GLOBALS */
* {
  font-style: normal;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  text-decoration: none;
}
html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
	padding-bottom: 20px;
}
body#start {
  background: url(../img/start_body_bg.gif) repeat-x 0 0 #000;
	font: 80%/150% Arial, "Trebuchet MS", Verdana, sans-serif;
  text-align: center;
}
body#fsite {
  background: url(../img/body_bg.gif) repeat-x 0 0 #000;
	font: 80%/150% Arial, "Trebuchet MS", Verdana, sans-serif;
  text-align: center;
}
img {
  border: none;
	vertical-align: top;
}

/* GRID */
#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 903px;
}
#start #header {
	background: url(../img/start_header_bg.gif) no-repeat 0 bottom;
	height: 141px;
	padding-top: 35px;
}
#fsite #header {
	background: url(../img/header_bg.gif) no-repeat 0 bottom;
	height: 96px;
	padding-top: 35px;
}
#navigation {
	background: #000;
	clear: both;
	float: left;
	width: 903px;
}
#content {
	background: url(../img/content_bg.gif) no-repeat 0 top;
 	color: #C5C5C5;
	float: left;
	width: 903px;
}
#footer {
	clear: both;
	padding: 10px 0;
	text-align: right;
	width: 903px;
}

/* NAVIGATION */
#navigation ul {
	float: left;
}
#navigation .nav {
	display: inline;
	margin-right: 1px;
	float: left;
    width: 225px;
}
#navigation .last {
	margin-right: 0;
}
#navigation .fsite {
}
#navigation .active {
	margin-top: 0;
}
#navigation a:link, #navigation a:visited, #navigation a:active {
	color: #FFF;
	background-image: url(../img/nav_a_bg.gif);
	background-repeat: repeat-x;
	display: block;
	float: left;
	font-size: 1.4em;
	height: 50px;
	letter-spacing: 0px;
	width: 225px;
}
#navigation span {
	background-position: 1px 1px;
	background-repeat: no-repeat;
	display: block;
	padding: 12px 20px;
}
#navigation .bellpushes a {
	background-position: 0 0;
}
#navigation .bellpushes span {
	background-image: url(../img/a_span_bellpushes_bg.gif);
}
#navigation .bellpushes a:hover {
	background-position: 0 -50px;
}
#navigation  .bellpushes .active {
	background-position: 0 -50px;
}
#navigation .doormats a {
	background-position: 0 -100px;
}
#navigation .doormats span {
	background-image: url(../img/a_span_doormats_bg.gif);
}
#navigation .doormats a:hover {
	background-position: 0 -150px;
}
#navigation .doormats .active {
	background-position: 0 -150px;
}
#navigation .firefronts a {
	background-position: 0 -200px;
}
#navigation .firefronts span {
	background-image: url(../img/a_span_firefronts_bg.gif);
}
#navigation .firefronts a:hover {
	background-position: 0 -250px;
}
#navigation .firefronts .active {
	background-position: 0 -250px;
}
#navigation .techpro a {
	background-position: 0 -300px;
}
#navigation .techpro span {
	background-image: url(../img/a_span_techpro_bg.gif);
}
#navigation .techpro a:hover {
	background-position: 0 -350px;
}
#navigation .techpro .active {
	background-position: 0 -350px;
}

/* CONTENT */
#content_bg {
	background: url(../img/content_bg1.gif) no-repeat right bottom;
	float: left;
	width: 903px;
}
#content_bg2 {
	background: url(../img/content_bg2.gif) repeat-x 0 0 #151515;
	display: inline;
	float: left;
	margin: 0 1px 1px 1px;
	padding: 40px 19px;
	width: 863px;
}
#content_bg_bellpushes {
	background: url(../img/content_bg_bellpushes.gif) no-repeat 0 0 #151515;
	display: inline;
	float: left;
	margin: 0 1px 1px 1px;
	padding: 40px 19px;
	width: 863px;
}
#content_bg_doormats {
	background: url(../img/content_bg_doormats.gif) no-repeat 0 0 #151515;
	display: inline;
	float: left;
	margin: 0 1px 1px 1px;
	padding: 40px 19px;
	width: 863px;
}
#content_bg_firefronts {
	background: url(../img/content_bg_firefronts.gif) no-repeat 0 0 #151515;
	display: inline;
	float: left;
	margin: 0 1px 1px 1px;
	padding: 40px 19px;
	width: 863px;
}
#content_bg_techpro {
	background: url(../img/content_bg_techpro.gif) no-repeat 0 0 #151515;
	display: inline;
	float: left;
	margin: 0 1px 1px 1px;
	padding: 40px 19px;
	width: 863px;
}
#content h1 {
	color: #D5D5D5;
	font-family: Georgia;
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 1px;
	margin-bottom: 25px;
}
.column {
	width: 410px;	
}
.left {
  clear: left;
	float: left;
}
.right {
	float: right;
}
#start .ul_bg {
	background: url(../img/column_right_bg.gif) no-repeat 0 0;
}
#start .ul_bg ul {
	background: url(../img/column_right_ul_bg.gif) no-repeat right bottom;
	padding: 20px;
}
#start .ul_bg ul li {
	background: url(../img/content_li_bg.gif) no-repeat 0 5px;
	border-bottom: 1px dashed #2d2d2d;
	color: #C5C5C5;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 5px;
	padding: 5px 0 10px 30px;
}
#start .ul_bg .last_li {
	border: 0;
	padding: 5px 0 0 30px;
}
ul#subnav {
  float: right;
	margin-bottom: 10px;
}
#subnav li  {
	border-bottom: 1px dashed #2d2d2d;
	color: #C5C5C5;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 1px 0;
}
#subnav .last_li {
	border: 0;
}
#subnav a:link, #subnav a:visited, #subnav a:active {
	background: url(../img/pfeil.gif) no-repeat 10px center;
	color: #C5C5C5;
	display: block;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 5px 0 5px 35px;
	text-decoration: none;
	width: 375px;
}
#subnav a:hover {
	background-color: #252525;
	color: #F5F5F5;
}
#content table {
	border-top: 1px solid #2D2D2D;
	border-right: 1px solid #2D2D2D;
	border-left: 1px solid #2D2D2D;
	width: 410px;
}
#content th {
	vertical-align: top;
	white-space: nowrap;
}
#content th span {
	background: #222;
	display: block;
	line-height: 1;
	padding: 7px 9px;
}
#content td  {
	padding: 10px;
	vertical-align: top;
}
#content table .col {
	border-right: 1px solid #2D2D2D;
	border-bottom: 1px solid #2D2D2D;
}
#content table .last_col {
	border-right: 0;
}

/* CONTACT FORMULAR */
#contact_form {
  padding-top: 18px;
}
#contact_form ol {
  float: left;
}
#contact_form li {
  float: left;
  padding: 3px 0;
}
#contact_form li img {
  border: 1px solid #2D2D2D;
  float: right;
  margin-bottom: 6px;
}
#contact_form label {
	color: #C5C5C5;
	display: block;
  float: left;
	font-weight: bold;
	letter-spacing: 1px;
}
#contact_form em {
}
#contact_form input, #contact_form textarea {
  background: #111;
  border: 1px solid #2D2D2D;
  color: #C5C5C5;
  float: right;
  font-family: Arial;
  font-size: 100%;
  padding: 3px 2px;
  width: 280px;
}
#contact_form #submit {
  float: left;
  margin-left: 124px;
  width: 100px;
}
.error {
  border: 1px solid #900;
  color: #C5C5C5;
  margin-bottom: 20px;
  padding: 15px;
  width: 380px;
}

/* FOOTER */
#footer ul li {
	display: inline;
	color: #7F7F7F;
}
#footer a {
	color: #7F7F7F;
}
#footer a:hover {
	color: #F1F1F1;
}
#footer .en a {
  background: url(../img/gb.png) no-repeat 0 center;
  padding-left: 21px;
}
#footer .de a {
  background: url(../img/de.png) no-repeat 0 center;
  padding-left: 21px;
}
#footer .copy {
	color: #3F3F3F;
	float: left;
}