/* CSS Document */
body {
  font-family:Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
  padding-top: 23px;
  padding-bottom:23px;
	font-size: 12px;
	text-align: center;
	background: #fff;
	color: #003366;
}
table {
	width: 100%;
  border: 0px solid red;
  border-collapse: collapse;
}
td {
	border: 0px solid red;
  padding: 0px;
  vertical-align:top;
}
form {
  margin: 0px;
}
a img {
  border: solid 0px;
}
a {
  color:#003366;
  text-decoration: none;
}
a:hover {
  color: #333;
}
p, table, tr, td, th, span, ul, li, samp, select, option, textarea, samp, label {
  font-family:Arial, Helvetica, sans-serif;
}
p {
  margin: 0px;
}
h2 {
  margin: 0px; 
  padding-bottom: 12px;
  font-size: 11px;
  color: #003366;
}

.clear {
  clear: both;
}
.left {
  width: 255px;
  padding-left: 32px;
  padding-right: 46px;
}
.right {
  width: 566px;
  padding-right: 49px;
}
.minus {
  margin: 0px; 
  padding: 0px; 
  list-style-type: none;
  margin-bottom: 15px;
  margin-right: 30px;
}
.minus li {
  background: url(../images/minus.gif) no-repeat 0px 7px;
  padding-left: 10px;
  line-height: normal;
  padding-bottom: 3px;
}
.w170 {
  width: 172px;
}
.prod-title {
  margin-left: 172px;
  margin-top: 68px;
}

#container {
  width: 948px;
	border: solid 1px #CCCCCC;
	margin: 0px auto;
	text-align: left;
	background: #fff;
}

#header {
  background: url(../images/header_01.jpg) no-repeat top;
  height: 271px;  
}
.about #header {
  background: url(../images/header_about.jpg) no-repeat top !important;
}
.imprint #header {
  background: url(../images/header_impressum.jpg) no-repeat top !important;;
}
.contact #header {
  background: url(../images/header_contact.jpg) no-repeat top !important;;
}
.products #header {
   background: url(../images/header_product.jpg) no-repeat top !important;;
}
.security #header {
   background: url(../images/header_security.jpg) no-repeat top !important;;
}

.about #header .right div h1, 
.contact #header .right div h1 {
  padding-top: 90px;
}

#header td {
  vertical-align: bottom;
}

#header #logo {
  height:103px;
  width:255px;
  display: block;
}

#header .right div {
  height: 148px;
  position: relative;
}

#header .right h1 {
  padding-top: 85px;
  padding-left: 172px;
  margin: 0px; 
  font-size: 20px;
  font-weight: normal;
}

#header .right h2 {
  position: absolute;
  left: 1px;
  bottom:0px;
  width: 392px;
  background: #003366;
  color: #fff;
  font-weight: normal;
  font-size: 20px;
  margin: 0px;
  padding: 0px;
  line-height: normal;
  padding-left: 172px;
  padding-bottom: 1px;
}


#content .box  {
  border: solid 1px #ccc;
  border-top: solid 0px;
  margin-bottom: 20px; 
  background: #F3F3F3;
  color: #999;
  font-size: 10px;
}
#content .left .box p {
  padding-left: 10px;
  padding-bottom: 5px;
}
#content .left .box p a {
  color: #999;
  text-decoration:underline;
}
#content .left .box p a:hover {
  text-decoration:none;
}
#content .left ul {
  margin: 0px; 
  padding: 0px;
  list-style-type: none;
  padding-bottom: 20px;
}

#content .left ul li {
  display: block;
}
#content .left ul li a {
  display: block;
  text-decoration: none;
  padding-left: 105px;
  height: 25px;
  line-height: 25px;
  border-bottom: solid 1px #ccc;
  color: #003366;
  font-size: 12px;
}
#content .left ul li a:hover, #content .left ul li a.active {
  background: url(../images/bullet.gif) no-repeat 90px 8px;
  font-weight: bold;
}

#content .right {
  padding-bottom: 25px;
}
#content .right .box  {
  color: #003366;
  font-size: 11px;
}
#content .right .box p {
  padding-bottom: 25px;
  line-height: 150%;
}
#content .right .box p a {
  text-decoration: underline;
}
#content .right .box p a:hover {
  text-decoration: none;
}


.home #content .right .box {
  padding-left: 170px;
  padding-right: 50px;
  padding-top: 15px;
}

.about #content .right .box {
  padding-top: 5px;
  padding-bottom: 15px;
}
.about #content .right p {
  padding-bottom: 0px;
  padding-right: 20px;
}

.products #content .right .box {
  padding-top: 5px;
  padding-bottom: 15px;
}
.products #content .right p {
  padding-bottom: 15px;
  padding-right: 15px;
  _margin-left: 1px;
}

.security #content .right .box {
  padding-top: 5px;
  padding-bottom: 10px;
}
.security #content .right p {
  padding-bottom: 15px;
  padding-right: 30px;
  line-height: 140%;
  _margin-left: 1px;
}

.contact #content .right .box {
  padding-top: 5px;
  padding-bottom: 15px;
}
.contact #content .right .box form td {
  padding-bottom: 1px;
  padding-top: 1px;
}
.contact #content .right .box form td #error_message { 
  font-size:1em; 
  height:20px;
  padding-top:5px;
}
.contact #content .right .box form td span.required  { 
  color: red; 
}

.contact #content .right .box .button {
  width: auto;
  overflow: visible;
  margin: 0px;
  margin-left: 10px;
  border: solid 0px;
  background: #003366;
  color: #fff;;
  font-size: 11px;
  cursor:pointer;
  padding-left: 15px;
  padding-right: 30px; 
}
.contact #content .right .box input,
.contact #content .right .box select,
.contact #content .right .box textarea {
  font-size: 11px;
  padding: 0px; 
  width: 150px;
  border: solid 1px #003366;
  margin-left: 10px;
  margin-right: 20px;
}

.contact #content .right .box select {
  margin-right: 0px;
  width: 152px;
  *width: 154px;
}

.imprint #content .right .box {
  padding-top: 15px;
  padding-bottom: 15px;
}

#content .rmenu {
  margin: 0px;
  padding: 0px; 
  list-style-type: none;
  padding-left: 4px;
}
#content .rmenu li {
  line-height: normal;
  _border-bottom: solid 1px #F3F3F3;
}
#content .rmenu li a {
  display: block;
  color: #003366;
  text-decoration: none;
  font-size: 12px;
  padding-left: 20px;
  padding-bottom: 1px;
}
#content .rmenu li a:hover, #content .rmenu li a.active {
  background: url(../images/bullet2.gif) no-repeat 3px 3px; 
  font-weight: bold;
}

#content .rmenu2 {
  margin: 0px;
  padding: 0px; 
  list-style-type: none;
  padding-left: 4px;
}
#content .rmenu2 li {
  line-height: normal;
  _border-bottom: solid 1px #F3F3F3;
  padding-bottom: 15px;
}
#content .rmenu2 li a {
  display: block;
  color: #003366;
  text-decoration: none;
  font-size: 12px;
  padding-left: 20px;
  padding-bottom: 1px;
}
#content .rmenu2 li a:hover, #content .rmenu2 li a.active {
  background: url(../images/bullet2.gif) no-repeat 3px 3px; 
  font-weight: bold;
}

#content .rmenu2 ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  margin-left: 24px;
}
#content .rmenu2 ul li {
  padding-bottom: 0px;
}
#content .rmenu2 ul li a {
  padding-left: 0px;
}
#content .rmenu2 ul li a:hover, #content .rmenu2 ul li a.active {
  background: none;
}

#listimg {
  clear: both;
}
#listimg div {
  float: right;
}
#listimg div img {
  display: block;
  float: left;
  height: 65px;
  width: 88px;
}

#exclusiv {
  display: block;
  width: 163px;
  height: 53px;
  background: url(../images/exclusiv.png) no-repeat;
  position: absolute;
  left: 350px;
  bottom: 5px;
}
* html #exclusiv {
  background: none; 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/exclusiv.png', sizingMethod='crop'); 
}

/*  Popup  */
body#popup {
  text-align:center; 
  margin:0 auto; 
  vertical-align: top;
  padding:15px;
}

body#popup div {
  margin-top:5px;
}

body#popup div a {
  color:#000;
}
body#popup div img {
  vertical-align: -38%;
}