/*
 $Id: main.css,v 1.10 2006/01/25 12:48:22 rschmitz Exp $
 Copyright 2004 MEDIATA Communications GmbH <info@mediata.net>
*/
html, body, div, span, p, h1, h2, h3, h4, h5, h6, object, 
ul, ol, li, a, table, td, th, form, img, blockquote, input, textarea {
	margin: 0;
	padding: 0;
	letter-spacing: 0.00em;
	color: #000;
	font-family: Arial, 'Arial Unicode MS', Georgia, Helvetica, Geneva;
	font-size: 11px;
	line-height: 18px;
}
html, body {
	font-size: 100%;
	height: 100.01%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	/*
	scrollbar-arrow-color: #666;
	scrollbar-3dlight-color: #999;
	scrollbar-darkshadow-color: #BCBCBD;
	scrollbar-face-color: #BCBCBD;
	scrollbar-highlight-color: #BCBCBD;
	scrollbar-shadow-color: #999;
	scrollbar-track-color: #BCBCBD;
	*/
}
body {
	height: 100.05%;
	width: 100%;
	
}
table {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
table th,
table td {
	vertical-align: top;
	text-align: left;
}
img {
	border: 0;
	vertical-align: top;
}
a,
a:link,
a:active,
a:visited,
a:hover {
	text-decoration: none;
	color: #666;
	
}
a:hover {
	color: #000;
}

img.border {
	border: 1px solid #ccc;
}

em, strong, b {
	font-weight: bold;
}

hr {
	clear: both;
	margin: 10px 0;
	height: 0px;
	line-height: 0px;
	border: 0;
	border-top: 1px solid #000;
	padding: 0;
}

/**
 * Allgemein Ende
 */



/**
 * Layoutzellen und Boxen
 */
.list:before {
	/*content: '// ';*/
}
.up {
	text-transform: uppercase;
}
#layout-box {
	background: url(../../img/body.jpg) center repeat-y #fff;
}


#titlebanner-box,
#teaser-box,
#layout-table {
	width: 976px;
	margin: 0 auto;
}

#titlebanner-box {
	margin: 0 auto;
	height: 72px;
	background: #4E5862;
	vertical-align: middle;
	
}
#titlebanner-box #logo-box {
	float: left;
	width: 200px;
	margin: 11px 5px 11px 14px;
	height: 50px;
}
#titlebanner-box #category-box {
	float: right;
	/*width: 350px;*/
	margin: 5px;
	height: 32px;
	color: #fff;
	padding: 30px 70px 0 0;
	/*background: red;*/
	
}
#titlebanner-box #category-box .claim {
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	/* 2006-11-06 wegen ie 7 eingefuegt */
	line-height:22px;
}

#teaser-box {
	clear: both;
	height: 173px;
	text-align: center;
	padding: 0 0px;
	/*background: #717A83;*/
	background: #4E5862;

}
#teaser-box img {
	
}

#layout-table {
	/*width: 100%;*/
	background: #717A83;
}
#navigation-cell-0 {
	width: 200px;
	background: url(../../img/navi-bg.jpg) repeat-y;
	

}
#context-cell {
	width: 200px;
	background: url(../../img/context-bg.jpg) repeat-y;
}
#context-box {
	width: 177px;
	margin: 8px 0 0 23px;
}
#context-box h2 {
	background: #B7BCC0;
	color: #C70112;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 15px
}

#context-box ul {
	list-style-type: none;
}
#context-box ul li {
	padding: 10px 0 0 0;
	color: #fff;
}
#context-box ul li b {
	text-transform: uppercase;
}
#context-box ul li a,
#context-box ul li a:link,
#context-box ul li a:hover,
#context-box ul li a:active,
#context-box ul li a:visited {
	color: #fff;
	display: block;
	padding: 0 0 0  15px;
	line-height: 14px;
}

#context-box ul li a p,
#context-box ul li a:link p,
#context-box ul li a:hover p,
#context-box ul li a:active p,
#context-box ul li a:visited p {
	color: #fff;
	display: block;
	line-height: 14px;
}

#kontakt-cell {
	background: url(../../img/navi-bg.jpg) repeat-y;
	vertical-align: bottom;
}
#kontakt-box {
	background: #616A73;
	width: 147px;
	padding: 10px 15px 10px 15px;
	/*height: 130px;*/
	color: #fff;
	
	line-height: 14px;
	/*border-bottom: 1px solid #666;*/
}
#kontakt-box span {
	width: 40px;
	color: #fff;
	
	line-height: 14px;

	display: block;
	clear: left;
	float: left;
}
#kontakt-box a,
#kontakt-box a:link,
#kontakt-box a:hover,
#kontakt-box a:active,
#kontakt-box a:visited {
	color: #fff;
}
#kontakt-box a:hover {
	text-decoration: underline;
}
#bottom-cell {
	background: url(../../img/context-bg.jpg) repeat-y;
	vertical-align: bottom;
	padding: 0 0 0 23px;
}
#bottom-box {
	width: 177px;
	/*border-bottom: 1px solid #666;*/
	
}
#maincontent-cell {
	background: #4E5862;
	padding: 2px 5px 25px 5px;
	vertical-align: top;
	
}
#maincontent-box {
	width: 560px;
	margin: 0 auto;
	
}

#maincontent-box .standard,
#maincontent-box #wegweiser,
#maincontent-box #form-response,
#maincontent-box #email-form {
	width: 544px;
	padding: 8px;
	margin: 0px auto;
	background: white;
}

#maincontent-box .standard-big {
	width: 560px;
	margin: 0 auto;
	background: #fff;
}

#maincontent-box .product-detail {
	width: 560px;
	margin: 0 auto;
	background: #7A828D;
}

#info-cell {
	
}

#title-banner-box {
}
#language-box {
	float: right;
	margin: 15px 40px 0 0;
}



#navigation-cell-1 {
	height: 10px;
}

#path-box {
	/*background: #fff;*/
	padding: 5px;
	width: 550px;
	margin: 0 auto;
	/*padding: 5px;*/
	
}
#path,
#path-box a,
#path-box a:link,
#path-box a:hover,
#path-box a:active,
#path-box a:visited,
#path-box span {
	color: #ccc;
	font-size: 10px;
}
#path-box a,
#path-box a:link,
#path-box a:hover,
#path-box a:active,
#path-box a:visited {
	text-decoration: underline;
}
#path-box a:hover {
	color: #fff;
}
#features-box {
	margin: 10px 0 0 0;
	padding: 0 8px;
	
	/*background: #C4C7CE;*/
	clear: both;
}
#features-box a,
#features-box a:link,
#features-box a:hover,
#features-box a:active,
#features-box a:visited {
}


#footer-cell {
}

#footer-box {
	text-align: center;
	/*padding: 0 0 73px 0;*/
	padding: 35px 0 0 0;
	color: #ccc;
	height: 73px;
	background: url(../../img/footer-bg2.jpg) top no-repeat #fff;
	
}
#footer-box a,
#footer-box a:link,
#footer-box a:active,
#footer-box a:visited {
	color: #ccc;
}
#footer-box a:hover {
	color: #ccc;
	text-decoration: underline;
}
#footer-box-start {
	text-align: center;
	/*padding: 0 0 73px 0;*/
	padding: 35px 0 0 0;
	color: #ccc;
	height: 73px;
	background: url(../../img/footer-bg.jpg) top no-repeat #fff;
	
}
#footer-box-start a,
#footer-box-start a:link,
#footer-box-start a:active,
#footer-box-start a:visited {
	color: #ccc;
}
#footer-box-start a:hover {
	color: #ccc;
	text-decoration: underline;
}
#maincontent-box-start {
	width: 760px;
	margin: 0 auto;
	
}
#maincontent-box-start #lang-box {
	margin: 75px auto;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	height: 70px;

}
#maincontent-box-start #lang-box span {
	
}
#maincontent-box-start #lang-box a,
#maincontent-box-start #lang-box a:link,
#maincontent-box-start #lang-box a:active,
#maincontent-box-start #lang-box a:hover,
#maincontent-box-start #lang-box a:visited {
	display: block;
	width: 121px;
	margin: 0 5px;
	float: left;
	text-align: center;
	border: 0;
	padding: 15px 10px 10px 10px;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
}

#maincontent-box-start #lang-box a span,
#maincontent-box-start #lang-box a:link span,
#maincontent-box-start #lang-box a:active span,
#maincontent-box-start #lang-box a:hover span,
#maincontent-box-start #lang-box a:visited span {
	display: block;
	opacity: 1.00;
	-moz-opacity: 1.00;
	filter: alpha(opacity=75);
	font-size: 15px;
	padding: 7px 0 5px 0;
	color: #22262B;
}
#maincontent-box-start #lang-box a:hover,
#maincontent-box-start #lang-box a:hover span {
	opacity: 1.00;
	color: #000;
	-moz-opacity:1.00;
	filter:alpha(opacity=100);
}

#maincontent-box .thumbs-table {
/*	width: 549px;*/
	margin: 0 auto;

}
#maincontent-box .thumbs-table td {
	/**/
	text-align: center;
	padding: 5px 0 0 0;
}

#maincontent-box .thumbs-table .left-cell-empty  {
        border-left: 10px solid #7A828D;
}
#maincontent-box .thumbs-table .right-cell-empty  {
        border-right: 11px solid #7A828D;
}
#maincontent-box .thumbs-table .middle-cell-empty {
        border-left: 22px solid #9FA6B0;
        border-right: 22px solid #9FA6B0;
      
}

#maincontent-box .thumbs-table .left-cell-empty,
#maincontent-box .thumbs-table .middle-cell-empty,
#maincontent-box .thumbs-table .right-cell-empty  {
	  font-size: 5px;
	  line-height: 5px;
	  height: 5px;
	  padding: 0;
	  background-color: #7A828D;
      background-image: none;
      
}
#maincontent-box .thumbs-table .spacer .left-cell-empty,
#maincontent-box .thumbs-table .spacer .middle-cell-empty,
#maincontent-box .thumbs-table .spacer .right-cell-empty  {
 	  font-size: 10px;
	  line-height: 10px;
	  height: 10px;
	  padding: 0;
	  background-color: #7A828D;
      background-image: none;
      

}



/*** ROB ***/
#maincontent-box .thumbs-table .left-cell,
#maincontent-box .thumbs-table .middle-cell,
#maincontent-box .thumbs-table .right-cell {
	background: url(../../img/bg.jpg) right 5px repeat-y #7A828D;
 
}
#maincontent-box .thumbs-table .left-cell {
	background: url(../../img/bg.jpg) left 5px repeat-y #7A828D;
	width: 164px;
}
#maincontent-box .thumbs-table .middle-cell {
	background: url(../../img/bg.jpg) center 5px repeat-y #7A828D;
	width: 164px;
}
#maincontent-box .thumbs-table .right-cell {
	background: url(../../img/bg.jpg) right 5px repeat-y #7A828D;
	width: 164px;
}


#maincontent-box .thumbs-table .left-cell  {
	border-left: 10px solid #7A828D;
	vertical-align:bottom;
}
#maincontent-box .thumbs-table .right-cell  {
	border-right: 11px solid #7A828D;
	vertical-align:bottom;
}
#maincontent-box .thumbs-table .middle-cell {
	border-left: 22px solid #9FA6B0;
	border-right: 22px solid #9FA6B0;
	vertical-align:bottom;
}

#maincontent-box .thumbs-table td .thumbs-box {
/*	*/
}

#maincontent-box .thumbs-box a,
#maincontent-box .thumbs-box a:link,
#maincontent-box .thumbs-box a:hover,
#maincontent-box .thumbs-box a:active,
#maincontent-box .thumbs-box a:visited {
	margin: 0px auto;
	background-color: #fff;
	display: block;
	/*padding: 10px 0 0 0;*/
	border: 0;
	width: 150px;
	padding: 0;
	/*border-right: 7px solid #7A828D;
	border-left: 7px solid #7A828D;*/
 	/*border-bottom: 15px solid #7A828D;*/
 	
}
#maincontent-box .thumbs-box a:hover {
		opacity: 0.75;
	-moz-opacity:0.75;
	filter:alpha(opacity=75);
}
#maincontent-box .thumbs-box a span,
#maincontent-box .thumbs-box a:link span,
#maincontent-box .thumbs-box a:hover span,
#maincontent-box .thumbs-box a:active span,
#maincontent-box .thumbs-box a:visited span {
	/*clear: both;*/
	display: block;
	padding: 0px 2px;
}



#maincontent-box .product-table {
	width: 560px;
	margin: 0 auto;
}

#maincontent-box .product-table .pic-cell {
	width: 236px;
	background: #fff;
	border-right: 14px solid #C3C6CD;
}

#maincontent-box .product-table .pic-box {
	background: #fff;
	display: block;
	padding: 5px 0 0 0;
 	border: 0;
	/*width: 230px;*/
	text-align: center;
}

#maincontent-box .product-table .data-cell {

	width: 314px;
	background: url(../../img/product-data-cell.jpg) 0px 0px repeat-y #C4C7CE;
	vertical-align: top;
	text-align: right;
}
#maincontent-box .product-table h2 {
	margin: 0 0 0 auto;
	padding: 2px 0 3px 0;
	
	background: #A4ABB5;
	width: 215px;
	display: block;
	font-size: 13px;
	letter-spacing: 0;
}
#maincontent-box .product-table .data-box {
	width: 150px;
	margin: 130px 0 30px auto;
	text-align: left;

}

#maincontent-box .product-table .data-box h3 {
	font-size: 13px;
	letter-spacing: 0;
}
#maincontent-box .product-table .data-box p {
	line-height: 14px;
}
#maincontent-box .product-table .data-box a,
#maincontent-box .product-table .data-box a:link,
#maincontent-box .product-table .data-box a:hover,
#maincontent-box .product-table .data-box a:active,
#maincontent-box .product-table .data-box a:visited {
	padding: 1px 4px;
	background: #9B000E;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
}
#maincontent-box .product-table .data-box a:hover {

	background: #9B000E;
	border: 1px solid #000;
	color: #000;
}
#maincontent-box .backlink {
	margin: 0;
	background: #fff;
	padding: 25px 8px 5px 5px;
	height: 30px;
	text-align: right;
	
}
#maincontent-box .backlink a,
#maincontent-box .backlink a:link,
#maincontent-box .backlink a:active,
#maincontent-box .backlink a:visited,
#maincontent-box .backlink a:hover {
	padding: 1px 4px;
	background: #9B000E;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
}
#maincontent-box .backlink a:hover { 
	background: #9B000E;
	border: 1px solid #000;
	color: #000;

}


/*
 * Maincontent Start
*/
#maincontent-cell {
	vertical-align: top;
}
#maincontent-box {
	/*margin: 0 40px 50px 40px;
	background: #fff;
	padding: 20px 50px 50px 94px;*/
}
#maincontent-box *,
#content-box p, #content-box div, #content-box blockquote, #content-box span, 
#content-box ol, #content-box ul, #content-box ol li, #content-box ul li, #content-box li,
#content-box table, #content-box table td, #content-box table th, 
#content-box h1, #content-box h2, #content-box h3, #content-box h4, #content-box h5, #content-box h6,
#content-box form, #content-box input, #content-box textarea, #content-box submit,
#content-box a, #content-box a:link, #content-box a:active, #content-box a:visited, #content-box a:hover 
{
	font-family: Arial;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 0.03em;

}

#maincontent-box a,
#maincontent-box a:link,
#maincontent-box a:active,
#maincontent-box a:visited{
	text-decoration: none;
	color: #333333;
	border-bottom: 1px solid #C90012;
}

#maincontent-box a:hover {
	text-decoration: none;
	color: #333333;
	border-bottom: 1px solid #000;
}
#maincontent-box a img,
#maincontent-box a:link img,
#maincontent-box a:hover img,
#maincontent-box a:active img,
#maincontent-box a:visited img {
	border-bottom: 0;
}
#maincontent-box .select-box {
	text-align: center;
}
#maincontent-box .select-box a,
#maincontent-box .select-box a:link,
#maincontent-box .select-box a:hover,
#maincontent-box .select-box a:active,
#maincontent-box .select-box a:visited {
	border-bottom: 0;
}

#maincontent-box h1 {
}
#maincontent-box h2 {
	margin: 10px 0 10px 0;
	font-size: 12px;
	color: #666;
	text-align: right;
	letter-spacing: 0.05em;
	font-weight: bold;
	line-height: 16px;
}
#maincontent-box h3 {
	margin: 0px 0 15px 0;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
}
#maincontent-box h4 {
	font-size: 16px;
	padding: 0 0 0 0;
	margin: 25px 0 5px 0;
	font-weight: bold;
}
#maincontent-box h5 {
	font-size: 14px;
	padding: 0 0 0 0;
	margin: 25px 0 15px 0;
	letter-spacing: 0.15em;
	font-weight: normal;
	line-height: 14px;
}
#maincontent-box h6 {
	font-size: 13px;
	margin: 25px 0 0px 0;
}


#maincontent-box img.top,
#maincontent-box .img-top {
	display: block;
	border: 0px;
	margin: 0 0 20px 0;
}
#maincontent-box img.full,
#maincontent-box .img-full {
	display: block;
	border: 1px solid #ccc;
	text-align: center;
	padding: 5px 0 0 0;
	line-height: 25px;
	font-style: italic;
	margin: 10px 0 20px 0;
}
#maincontent-box img.img-right,
#maincontent-box .img-right {
	float: right;
	display: inline;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 3px 0 5px 5px;
	text-align: center;
	line-height: 22px;
	font-style: italic;
	font-size: 12px;
}
#maincontent-box img.img-left,
#maincontent-box .img-left {
	float: left;
	display: inline;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 3px 5px 5px 0;
	text-align: center;
	line-height: 22px;
	font-style: italic;
	font-size: 12px;
}


#maincontent-box p {
	padding: 0 0 0 0;;
	margin: 10px 0 5px 0;
}
#maincontent-box p.teaser {
	margin: 10px 0 10px 0;	
	letter-spacing: 0.10em;
	font-weight: bold;
}

#maincontent-box ul li {
	list-style-type: square ;
	
}
#maincontent-box ul li li {
	
	list-style-image: url(../../img/slash.jpg);
}
#maincontent-box p img {
}

#maincontent-box blockquote {
	border-left: 10px solid #ccc;
	padding: 10px;
	font-style: italic;
}

#maincontent-box table .row-1 td {
	background: #c0c0c0;
}

#maincontent-box table .row-2 td {
	background: #ffffff;
}



#maincontent-box ul,
#maincontent-box ol {
	margin: 15px 0 15px 30px;
}
#maincontent-box ul {
	list-style-type: square;
}
#maincontent-box ol {
	list-style-type: decimal;
	font-size: 50px;
	margin-bottom: 10px;
}
#maincontent-box small {
	font-size: 9px;
	letter-spacing: 0;
}


#maincontent-box #form p b {
	letter-spacing: 0.05em;
}
#maincontent-box #form td.first-cell {
	
}
#maincontent-box #form td {
	/*line-height: 24px;*/
	padding: 4px 5px 4px 0;
	
}
#maincontent-box #form input,
#maincontent-box #form textarea {

	background: #fafafa;
	border: 1px solid #999;
	padding: 3px 5px 2px 3px;
	padding: 5px;
}
#maincontent-box #form textarea {
	width: 420px;
	height: 250px;
}
#maincontent-box #form input:focus, 
#maincontent-box #form textarea:focus {
	background: #fff;
	border: 1px solid #000;
}

#maincontent-box #wegweiser {
	
	
}

/***********E-MAilFORM*/

#maincontent-box #email-form {
	margin: 0px 0 0px 0;
}
#maincontent-box #email-form table {
	margin-left: 50px;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

#maincontent-box #email-form td, 
#maincontent-box #email-form th {
	margin: 0 0 0 0;
	font-weight: normal;
	vertical-align: top;
	padding: 2px 0;
}
 #maincontent-box #email-form th {
	margin: 0px;
	padding: 2px 5px 2px 5px;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	width: 150px;
	text-align: left;
	border: 0;
}

#maincontent-box #email-form .form-error {
	border: 2px solid #C90012;
}
#maincontent-box .form-error-txt {
	color: #C90012;
	padding: 25px 0;
}


 .form-standard fieldset {
  	border: 1px solid #aaa;
  	padding: 5px;
  }
 .form-standard  fieldset p {
  	clear: both;
  	margin-bottom: 0.5em;
  }
  .form-standard legend {
  	}
  .form-standard label {
  	display: block;
    width: 150px;
  	float: left;
  	clear: left;
  }
  
  .form-standard textarea,
  .form-standard input.text,
  .form-standard .name input,
 .form-standard .organisation input,
 .form-standard .anschrift input,
 .form-standard .tel-fax input,
 .form-standard .www input  {
  	width: 250px; 
  	padding: 2px;
  	border: 1px solid #aaa;
  }
  .form-standard textarea {
  	height: 200px;
  }
  .form-standard textarea:focus,
  .form-standard input.text:focus,
   .form-standard fieldset select:focus,
 .form-standard textarea:focus,
 .form-standard .name input:focus,
 .form-standard .organisation input:focus,
 .form-standard .anschrift input:focus,
 .form-standard .tel-fax input:focus,
 .form-standard .www input:focus {
  	border-color: #666;
  }
  .form-standard input.submit {
  	float: right;
  	margin: 20px;
  }
	 .form-standard .form-error-txt {
	color: red;
	background: #fff;
	padding: 20px 10px;
}

 .form-standard fieldset input.error,
 .form-standard fieldset select.error,
 .form-standard fieldset textarea.error {
	border: 2px solid red;
}

 
  .form-standard .submit label {
  	float: none;
  	width: auto;
  }

 .form-standard .submit input {
	margin: 10px 0;
	padding: 0 5px;
	display: block;
	float: right;
	text-align: center;
}
.form-standard fieldset {
	border: 0;
	padding: 0 0 1em 0;
}
.form-standard legend {
	display: none;
}