@charset "utf-8";
/* Main Classes */
* {
	padding:0px;
	margin:0px;
}
html {height:100%;}
body {height:100%; margin:0; padding:0;}

body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers  */  
	font-family: Arial, Helvetica, sans-serif;
	font-size:    x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	color: #000;
	margin:0px 0px 0px 0px;
 	/*/*/margin:0px 0px 0px 0px;/**/	
}

body { 
	font-size: 100.01%;
	color: #000;
	text-align: center;
	background: #fff url(../img/assets/bg_main.gif) top center repeat-y;;
	
	
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/********* Fonts ***************/

div, p, a, th, tr, td, span, label, li {
	font-size: 12px;
	color: #000;
	text-align:left;	
}
td{
	vertical-align:top
}
p{
	margin-bottom: 10px;
}
a{
	text-decoration:none;
}
a:hover, a:active{
	text-decoration: underline;
}
a.internal-link, a.download, a.internal-download-link, .csc-uploads-fileName a{
	background:url(../img/assets/arrow_blue.gif) no-repeat;
	background-position: 0px 3px;
	color: #e20000;
	padding-left: 8px;
}
a.internal-download-link{
	height: 32px;
	min-height: 32px;
	max-height: 32px;
	line-height: 32px;
}
h1                  { font-size:18px; font-weight:bold; }
h2                  { font-size:16px; font-weight:bold; }
h3                  { font-size:14px; font-weight:bold; }
h4                  { font-size:12px; font-weight:bold;color: #FFFFFF; }
h5                  { font-size:9px; font-weight:normal;color: #FFFFFF; line-height: 12px; }
h6                  { font-size:9px; font-weight:normal;color: #352D2A; }

h1                  { padding:0px 5px 10px 0px; }
h2                  { padding:0px 5px 10px 0px; }
h3                  { padding:20px 5px 7px 0px; }
h4                  { padding:0px 5px  5px 0px; }
h6                  { padding:0px 5px  3px 0px; }

fieldset, img { 
	border: 0 solid;
}
p sup{
	font-size: 9px;
	vertical-align:text-top;
}
a.ticker-text{
	text-transform:uppercase;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
}
.csc-textpic-clear{

}
#content ul, #content ol{
	margin-left: 20px;
	margin-bottom: 10px;
}
/* ***************************************************************************************/

.darkblue {
	font-family: Arial, Verdana, Helvetica;
	font-size:11px;
	color:#022b56;
	line-height:15px; 
}
.black {
	font-family: Arial, Verdana, Helvetica;
	font-size:11px;
	color:#000;
	line-height:15px; 
}
.white {
	font-family: Arial, Verdana, Helvetica;
	font-size:11px;
	color:#fff;
	line-height:15px; 
}
/********* Main Classes ***************/
#root{
	display: block;
	width: 975px;
	min-width: 975px;
	max-width: 975px;
	height: 100%;
	min-height: 100%;
	max-height: 100%;		
	margin: 0 auto; 
	background:url(../img/assets/bg_main.gif) top center repeat-y;
}
#root:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#main{
	width: 975px;
	min-width: 975px;
	max-width: 975px;
	height: 100%;
	min-height: 100%;
	max-height: 100%;	
	text-align: left;
	background:url(../img/assets/bg_main.gif) top center repeat-y;
}
#main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#head{
	display: block;
	position:relative;
	width: 975px;
	min-width: 975px;
	max-width: 975px;
	height: 125px;
	min-height: 125px;
	max-height: 125px;	
	background:#ffffff;	
}
#top-area{
	display: block;
	width: 975px;
	min-width: 975px;
	max-width: 975px;
	height: 65px;
	min-height: 65px;
	max-height: 65px;		
	background:#e20000;
	overflow: hidden;
}
#spacer{
	display: block;
	width: 975px;
	min-width: 975px;
	max-width: 975px;
	height: 5px;
	min-height: 5px;
	max-height: 5px;		
	background:#ffffff;
}
#main-section{
	display: block;
	position:relative;
	width: 975px;
	min-width: 975px;
	max-width: 975px;
	height: 100%;
	min-height: 100%;
	max-height: 100%;	
	background:url(../img/assets/bg_main.gif) top center repeat-y;
}
#main-section:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#cnavi{
	display: block;
	float: left;	
	width: 192px;
	min-width: 192px;
	max-width: 192px;
	height: 100%;
	min-height: 100%;
	max-height: 100%;	
	overflow: hidden;	
}
#content-section{
	display: block;
	float: left;
	width: 783px;
	min-width: 783px;
	max-width: 783px;
	height: 100%;
	min-height: 100%;
	max-height: 100%;	
}
#content-section:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#maincontent{
	display: block;
	width: 783px;
	min-width: 783px;
	max-width: 783px;
	height: 100%;
	min-height: 100%;
	max-height: 100%;		
}
#visual{
	display: block;
	width: 783px;
	min-width: 783px;
	max-width: 783px;
}
#content-area{
	display: block;
	float: left;
	width: 547px;
	min-width: 547px;
	max-width: 547px;
	height: 100%;
	min-height: 100%;
	max-height: 100%;	
	padding: 10px 22px 10px 22px;	
}
#margin-area{
	display: block;
	float: left;
	width: 192px;
	min-width: 192px;
	max-width: 192px;
	height: 100%;
	min-height: 100%;
	max-height: 100%;	
}
#logo{
	display: block;
	float: left;
	width: 192px;
	min-width: 192px;
	max-width: 192px;
	height: 125px;
	min-height: 125px;
	max-height: 125px;		
	background:#ffffff;
}
#subnavi{
	position:absolute;
	right: 0px;
	top: 12px;
	width: 409px;
	min-width: 409px;
	max-width: 409px;
	height: 25px;
	min-height: 25px;
	max-height: 25px;	
	z-index:1000;
}
#sub-area{
	display: block;
	position:absolute;
	left: 192px;
	width: 783px;
	min-width: 783px;
	max-width: 783px;
	height: 125px;
	min-height: 125px;
	max-height: 125px;		
	overflow: hidden;
	z-index:1;
}
.bottom{
	display: block;
	width: 975px;
	min-width: 975px;
	max-width: 975px;
	height: 100%;
	min-height: 100%;
	max-height: 100%;		
	margin: 0 auto; 
	background:url(../img/assets/bg_main.gif) bottom center repeat-y;
}
.bottom:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* ***************************************************** */
/*                   Top-Navigation                      */
/* ***************************************************** */

#mainnav{
	display: block;
	clear:both;
	list-style: none;
	height: 19px;
	min-height: 19px;
	max-height: 19px;
	width: 783px;
	min-width: 783px;
	max-width: 783px;
	margin: 0px;
	padding: 0px 0px 0px 192px;
}
#mainnav li{
	float:left;
	height: 19px;
	min-height: 19px;
	max-height: 19px;
	white-space:nowrap;
	padding-right: 7px;
}
#mainnav li a{
	float: left;
	height: 19px;
	min-height: 19px;
	max-height: 19px;
}
#mainnav li span{
	float: left;
	width: 1px;
	height: 19px;
	min-height: 19px;
	max-height: 19px;
	overflow: hidden;
}


#cnav{
	list-style: none;
	width: 167px;
	min-width: 167px;
	max-width: 167px;
	margin: 0px;
	padding: 20px 5px 0px 20px;
}
#cnav li ul{
	list-style: none;
	width: 162px;
	min-width: 162px;
	max-width: 162px;
	margin: 0px;
	padding: 0px 5px 0px 25px;
}

#breadcrumb, #breadcrumb a{
	color:#e20000;
}
#breadcrumb{
	padding-bottom: 15px;
}
#subnavline{
	height: 2px;
	min-height: 2px;
	max-height: 2px;
	width: 409px;
	min-width: 409px;
	max-width: 409px;
	background:#e20000;
	margin-bottom: 4px;
}
#subnav{
	list-style: none;
	height: 19px;
	min-height: 19px;
	max-height: 19px;
	width: 409px;
	min-width: 409px;
	max-width: 409px;
	background:#ffffff;
	padding-top: 5px;
}
#subnav li{
	float:left;
	height: 19px;
	min-height: 19px;
	max-height: 19px;
	white-space:nowrap;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000;	
}
#subnav li a{
	height: 19px;
	min-height: 19px;
	max-height: 19px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;	
	color:#000;
	padding: 0px 7px;
}
#subnav li span{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;	
	color:#000;
}


/*********** Main Search ****************/
#search{
	display:block;
	float: right;
	width: 165px;
	min-width: 165px;
	max-width: 165px;
}
#searchform{
	display:block;
	float: left;
	width: 160px;
	min-width: 160px;
	max-width: 160px;
}
#searchfield{
	height: 14px;
	min-height: 14px;
	max-height: 16px;
	width: 95px;
	border: 1px solid #a0a0a0;
	color: #878787;
	font-size: 11px;
	padding: 1px;
	float:inherit;
}
#searchbutton{
	height: 14px;
	min-height: 16px;
	max-height: 16px;
	width: 54px;
	background-color: #a0a0a0;
	border: 1px solid #a0a0a0;
	color: #fff;
	font-size: 10px;
	margin-left: 3px;
}


#help-navigation{
	display: block;
	height: 14px;
	min-height: 16px;
	max-height: 16px;
	width: 783px;
	min-width: 783px;
	max-width: 783px;
	margin: 0px;
	padding: 15px 15px 12px 192px;	
}
#helpnavi{
	display: block;
	float: right;
	padding-top: 2px;
}
.printlink{
	display: block;
	float: left;
}
.tx-pmtipafriend-pi1{
	display: block;
	float: left;
	padding: 0px 9px;
}

#mlinks{
	list-style: none;
	width: 167px;
	min-width: 167px;
	max-width: 167px;
	margin: 0px;
	padding: 20px 5px 0px 20px;
}
#tipafriend label{
	float:left;
	clear:both;
	display:block;
	width: 16em;
	min-width: 16em;
	max-width: 16em;
	font-size: 11px;
	color: #000;
	margin-bottom:10px;
}
#tipafriend textarea, #tipafriend input[type="text"] {
	float:left;
	display:block;
	width: 20em;
	max-width: 20em;
	border: 1px solid #a0a0a0;
	margin-bottom:10px;
}

#tipafriend input[type="submit"]{
	width:150px;
	clear:both;
	border: 1px solid #a0a0a0;
	background-color: #e20000;
	text-align:center;
	color: #FFF;
	font-weight: bold;
}

.tx-frproducts-pi1-browsebox a{
	display: block;
	float: left;
	color: #e20000;
	width: 70px;
}
/*********** Produkte ****************/
.tx-frproducts-pi1{
	width: 547px;
	min-width: 547px;
	max-width: 547px;
	overflow: hidden;
}
#products{
	display:block;
	float:left;
	background-color: #fff;
	width: 585px;
	min-width: 585px;
	max-width: 585px;
	padding: 25px;
	overflow:hidden;
}

/*********** Produkt-Teaser ****************/
.teasermain{
	display:block;
	margin-bottom: 10px;
	min-height: 285px;
	max-width: 541px;
}

.teaser{
	display:block;
	float:left;
	width: 165px;
	min-width: 165px;
	max-width: 165px;
	margin-right: 20px;
}
.teaserlast{
	display: block;
	float:left;
	width: 165px;
	min-width: 165px;
	max-width: 165px;
	margin-right: 0px;
}
.productteaser-textarea{
	display:block;
	background:url(../img/assets/bg_teaser.gif) no-repeat;
	height: 100px !important; /* für moderne Browser */
	height: 100px; /*für den IE */
	margin-bottom: 10px;
}
.pdetail{
	width: 165px;
	height: 265px;
	min-height: 265px;
	max-height: auto;
}
.pimage{
	display:block;
	width: 163px;
	border: 1px solid #97979b;
	border-bottom: none;
}
.ptext{
	display:block;
	padding:10px 5px 10px 10px;
	line-height: 12px;
	height: 50px;
	min-height: 50px;
	max-height: 50px;
}
.plink{
	padding: 0px 10px;
	min-height: 165px;
}	
.plink a{
	background:url(../img/assets/arrow_orange.gif) no-repeat;
	background-position: 0px 3px;
	padding-left: 8px;
	color: #e46702;
	line-height: 12px;
	display:block;
}
.plink:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

