@charset "utf-8";
/* CSS Document */

* {
	margin:0; /* Aussenabstände auf 0 setzen */
	padding:0; /* Innenabstände auf 0 setzen */
}


body{
  background:url(../images/bg-kachel.png);
   font-family		: Arial, Helvetica, sans-serif;
           }

html ,td, tr, p, div /**/{
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	margin-top		: 0px;
	line-height     : 16px;
}
html, body, form, fieldset, div {
	margin: 0;
	padding: 0;
}
a:link,a:visited ,a:active,a:focus
{	text-decoration:none;	
	font-weight: bold;
} 

a:hover
{
	font-weight: bold;
	text-decoration: underline;
}

ul {

}


li {  

}

h1 {

}

h2 {

}

h3 {

}



p {
}


/** Rahmen um Bilder **/
.img {
  border:0px;
  /*border-color:#999999;*/
}
/** Rahmen um die Icons weg **/
.buttonheading img {
	border:0px;
}
a.menue_submenue1 li.active ul.active {
		/*background-color: #666666;
		color: #FFFF00;*/
}

.article_separator {
}

.adminform {
}

.author {
}

.bannerfooter {
}

.bannergroup {
}

.bannerheader {
}

.banneritem {
}

.blog {
}

.blog_more {
}

.blogsection {
}

.breadcrumbs {
 	font-size:9px;
	color:#666666;
	font-weight:normal;
  
}

.breadcrumbs a:link, .breadcrumbs a:visited , .breadcrumbs a:active, .breadcrumbs a:focus
  {
 	font-size:9px;
	color:#666666;
	font-weight:normal;
}

.button {
		/*
		background-color:#b71f54;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#FFFFFF;
		margin-left: 5px;
		padding-top: 1px;

		border: thin #999999 solid;
		width: 50px;
		height: 18px;
		*/
}

.buttonheading {

}
a.category:link, a.category:visited {
  font-size        : 12px;
  font-weight      : normal;
  padding          : 5px;
}


.clr {

	clear: both;

}
/* CONTEND FORMATIEREUNG --- auch in die editor css �nbertragen !!!!  */
h1 {
	font-size: 20px;
	line-height: 25px;
	/*font-weight:bold;*/
	padding-bottom: 3px;
}

h2 {
	font-size: 12px;
	line-height: 18px;
	/*font-weight:bold;*/
	padding-bottom: 6px;
}

h3 {
	font-size: 12px;
	font-weight:bold;
	padding-bottom: 6px;
	padding-top: 10px;
}

#content ul {
		padding-left: 20px;
		background-color: White;

	}

#content li {
		list-style-image:url(../images/list-Icon-sw.png);
		padding-left: 5px;
		background-color: White;

}

.content a:link, .content a:visited , .content a:active, .content a:focus
{	color: #255070;
	font-weight: bold;
	text-decoration:none;	
}

.content a:hover
{	color:#b71f54;
	font-weight: bold;
	text-decoration: underline;
}

.text-sw-normal {	
	color		: #000000;
	font-family	:Arial, Helvetica, sans-serif;
	}
	
.text-sw-fett {	
	color		: #000000;
	font-weight	: bold;
	font-family	:Arial, Helvetica, sans-serif;
	}
.text-weiss-normal {	
	color		: #fff;
	font-family	:Arial, Helvetica, sans-serif;
	}
	
.text-weiss-fett {	
	color		: #fff;
	font-weight	: bold;
	font-family	:Arial, Helvetica, sans-serif;
	}

.text-blau-normal {	
	color		: #137bbc;
	font-family	:Arial, Helvetica, sans-serif;
	}
	
.text-blau-fett {	
	color		: #137bbc;
	font-weight	: bold;
	font-family	:Arial, Helvetica, sans-serif;
	}

.text-dblau-normal {	
	color		: #255070;
	font-family	:Arial, Helvetica, sans-serif;
	}
	
.text-dblau-fett {	
	color		: #255070;
	font-weight	: bold;
	font-family	:Arial, Helvetica, sans-serif;
	}
	

.text-rot-normal {	
	color		: #b71f54;
	font-family	:Arial, Helvetica, sans-serif;
	}
	
.text-rot-fett {	
	color		: #b71f54;
	font-weight	: bold;
	font-family	:Arial, Helvetica, sans-serif;
	}

.spantab33 {
	background-color:#333;
	width:33%;
	display:block;
	float:left
	
	}	
	
.tabelle-blau, .tabelle-blau td {
	background-color:  #137bbc;
	height: 26px;
	color: #FFFFFF;
	
	}
.tabelle-blau-title, .tabelle-blau-title td {
	height: 26px;
	color: #137bbc;
	padding-left: 12px;
	vertical-align:middle;
	font-weight:bold;	
	
	}
.tabelle-blau-leer, .tabelle-blau-leer td {
	height: 10px;
	padding-left: 12px;
	vertical-align:middle;	
	
	}
.tabelle-blau-produkt {
	padding-left: 12px;
	vertical-align:middle;
	
	}

.tabelleblaudownload, a.tabelleblaudownload:link, a.tabelle-blaudownload:active, a.tabelleblaudownload:visited {
	padding-right:10px;
	text-align:right;
	text-decoration:underline;
	color:#FFF;
	
	}
	
a.tabelleblaudownload:hover{ color:#b71f54;;}
	
.tabelle-blau-pdf {
	height: 26px;
	width: 26px;
	background-color:#999999;

	
	}	
	
.aktuellesboxheader {
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		letter-spacing: 2px;
		background-color: #66243c;
		text-align:center;
		vertical-align:middle;
		padding-top: 5px;
		padding-bottom: 5px;
	}
.aktuellesbox {

		background-color:  #b71f54;
		text-align:center;
		vertical-align:top;
		margin-right: 5px;
		margin-left: 5px:
	}
.aktuellesboxinhalt {
		color:#FFFFFF;
		background-color:  #b71f54;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 15px;
		padding-bottom: 0px;
	}
	.aktuellesboxinhaltdashed {
		color:#FFFFFF;
		background-color:  #b71f54;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 1px;
		line-height: 1px;
		padding-top: 0px;
		padding-bottom: 0px;
		border-bottom: 1px dashed;
		height: 1px;
	}

	.bottom-dashed-black {
		color: #000;
		font-size: 1px;
		line-height: 1px;
		border-top: 1px dashed;
		height: 15px;
	}
	
	
.home_kp_titel {
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		line-height: 11px;
		list-style-type:circle;
		height: 28px;
		background-color: #255070;
		text-align:center;
		vertical-align:middle;
	}
.homekleineprod {
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height: 13px;
		height: 100px;
		background-color:  #488ec0;
		text-align:center;
		vertical-align:top;
		padding-top: 10px;
		padding-bottom: 5px;
	}


/* Übersichtseiten */

.uebersichtrow {}

.uebersichtrowbox {
	 float: left;
     width: 150px;
     margin-right: 10px;
	 margin-bottom: 10px;
     padding: 0px;
     background: #488ec0;
     box-sizing: border-box;
	 

}

.uebersicht_row_box:last-child {
     margin-right: 0;
}





.headernavi {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-decoration: none;
	}
a.headernavi:link, a.headernavi:active, a.headernavi:visited  {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-decoration: none;
	font-weight: normal;
	}
a.headernavi:hover  {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#b71f54;
	text-decoration: underline;
	font-weight: normal;
	}
	
.linkweiss {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#fff;
	text-decoration: none;
	line-height: 240%;
	
	}
a.linkweiss:link, a.linkweiss:active, a.linkweiss:visited  {
	font-family:Arial,s Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#fff;
	text-decoration: none;
	
	}
a.linkweiss:hover  {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#fff;
	text-decoration: underline;
	
	}
.linkdunkelblau {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#255070;
	text-decoration: none;
	
	}
a.linkdunkelblau:link, a.linkdunkelblau:active, a.linkdunkelblau:visited  {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#255070;
	text-decoration: none;
	
	}
a.linkdunkelblau:hover  {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#255070;
	text-decoration: underline;
	
	}
	
.starttopprodukt {
	font-size	: 11px;
	line-height	: 12px;
	color		: #137bbc;
	text-decoration:none;
	font-weight: normal;
}
a.starttopprodukt:link, a.starttopprodukt:active, a.starttopprodukt:visited  {
	font-size	: 11px;
	line-height	: 12px;
	color:#255070;
	text-decoration:none;
	font-weight: bold;;
	}
a.starttopprodukt:hover {
	font-size	: 11px;
	line-height	: 12px;
	color:#255070;
	font-weight: bold;
	text-decoration:underline;
}


/* ENDE CONTEND */

.componentheading, .contentheading {
	font-size: 20px;
	line-height: 25px;
	padding-top: 18px;
	padding-bottom: 3px;
	color: #488ec0;
}

.content_email {
}

.content_rating {
}

.content_vote {
}

.contentdecription {
}

.contentpagetitle {
}

.contentpane {
}

.contentpaneopen {
}

.contenttoc {
}

.createdate {
}

.created-date {
}

.date {
}
.footer-text {
	color: #767c84;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.input {
}

.inputbox {
/*
	font-family:Arial, Helvetica, sans-serif;
 	font-size: 10px;
	border: thin #999999 solid;
	height: 14px;
	padding: 1px;
*/
}
.image { border: none;
}
.intro {
}

.latestnews {
}

.loclink {
}
/**************************************************************************************/
/*   Navigation
/**************************************************************************************/

/*  Für die  2 spaltigen  */
#meinmenue ul, li, menue{
	
	list-style: none;
	background-color: #717171;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #717171;
	*/
}

#meinmenue li a /*Schriftfarbe setzen*/    {    
	
	display: inline;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;  
	display: block;

	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	width: 138px;
	/* width: 13em; */
	padding: 2px 0px 1px 18px;
	/* padding: 0.7em 0.5em 0.7em 18px; */
	border-bottom: 1px solid #fff;
	}

#meinmenue li.active a	{ background-color: #717171;}

#meinmenue li a:link menue, #meinmenue li a:visited { background-color: #717171;}
#meinmenue li a:hover { background-color: #3f88bd;
						background-image: url(../images/arrow_right_sub.gif);
						background-position: top left ;
						background-repeat: no-repeat; }
/*#meinmenue li.active a  { background-color: #3f88bd;}*/


/*Hauptmenü*/ 
/* 
#meinmenue ul.active a, #meinmenue ul.visited a     {    
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color:#00FF66;
} 
*/
#meinmenue ul a:hover
{
	color: #FFFFFF;
	background-color: #3f88bd;	
	background-image: url(../images/arrow_right_sub.gif);
	background-position: top left ;
	background-repeat: no-repeat; 
 }  
 #meinmenue ul a:active
{
background-color: #717171;; 
}
  
	   

/*1.Unter-Ebene */  
#meinmenue li ul li a    {    
	width: 130px; 
	/* width: 13em;*/
	padding: 2px 0px 1px 26px;
	/* padding: 0.7em 0.5em 0.7em 18px; */
	
	background-color: #717171;
} 
#meinmenue li ul li.active a,#meinmenue li ul li a{    
	list-style: none;
	width: 130px;
	/* width: 13em; */
	padding: 2px 0px 1px 26px; 
	/* padding: 0.7em 0.5em 0.7em 18px;*/
	background-color: #3f88bd;/**/ 
}

#meinmenue li ul li.hover a 
{	color: #FFFFFF;
	background-image: url(../images/arrow_right_sub.gif);
	background-position: top left;
	background-repeat: no-repeat; 

	
 } 


/*2.Unter-Ebene*/    
#meinmenue li ul li ul li.active a span    {    
	color: #fff;

} 
   
/* ### nicht active Links mit Linkfarbe ausblenden ### */    
#meinmenue li.active li span, #meinmenue li.active li ul li span    {   
	color: #fff; /* normale Linkfarbe vom .art-BlockContent-body a:link 
	background-color:#999999;*/

	}

/*  Für die  einnspaltigen  */
#meinmenue2 ul, li, menue{
	
	list-style: none;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	*/
}

#meinmenue2 li a /*Schriftfarbe setzen*/    {    
	
	display: inline;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;  
	display: block;
	width: 138px;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 1px 18px;
	border-bottom: 1px solid #fff;
	background-color: #717171;
	}

	

#meinmenue2 li a:link menue, #meinmenue2 li a:visited { background-color: #717171;}
#meinmenue2 li a:hover { background-color: #3f88bd;
						background-image: url(../images/arrow_right_sub.gif);
						background-position: top left ;
						background-repeat: no-repeat; }
#meinmenue2 li.active a  { background-color: #3f88bd;}


/*Hauptmenü*/ 
 
#meinmenue2 ul.active a, #meinmenue2 ul.visited a     {    
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;

} 
#meinmenue2 ul a:hover
{
	color: #FFFFFF;
	background-color: #3f88bd;	
	background-image: url(../images/arrow_right_sub.gif);
	background-position: top left ;
	background-repeat: no-repeat; 
 }   
	   

/*1.Unter-Ebene */  
#meinmenue2 li ul li a    {    
	padding: 2px 0px 1px 26px; 
	width: 130px;
	background-color: #717171;
} 
#meinmenue2 li ul li.active a,#meinmenue li ul li a{    
	list-style: none;
	padding: 2px 0px 1px 26px;
	width: 130px;
	/*background-color: #00FFCC;*/ 
}
#meinmenu2 li#current a { background-color:#FF0000;
}
#meinmenue2 li ul li.hover a 
{	color: #FFFFFF;
	background-image: url(../images/arrow_right_sub.gif);
	background-position: top left;
	background-repeat: no-repeat; 

	
 } 


/*2.Unter-Ebene*/    
#meinmenue2 li ul li ul li.active a span    {    
	color: #fff;

} 
   
/* ### nicht active Links mit Linkfarbe ausblenden ### */    
#meinmenue2 li.active li span, #meinmenue2 li.active li ul li span    {   
	color: #fff; /* normale Linkfarbe vom .art-BlockContent-body a:link 
	background-color:#999999;*/

	}


/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/** Mainmenu **/



/*------------------------------------------------------------------------------------------------------*/





a.mainlevel:link, a.mainlevel:active, a.mainlevel:visited {
	

}

a.mainlevel:hover {
	

}

.message {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#999999;
}

.metadata {
}

.modifydate {
}

.module {
}

.moduletable {
}

.mosimage {
	border:none;
}

.mosimage_caption {
	border:none
}

.mostread {
}

.newsfeed {
}

.outline {
}

.pagenav {
}

.pagenav_next {
}

.pagenav_prev {
}

.pagenavbar {
}

.pagenavcounter {
}



.pollstableboarder {
}

.read {
}

/* Search – Suchen */
#search {
/* DATEN IM CONTAINER.CSS  */
}

#search .inputbox {
	font-family:Arial, Helvetica, sans-serif;
 	font-size: 10px;
	border: thin #999999 solid;
	height: 13px;
	padding: 2px;

}

#search .button {
		background-color	: #b71f54;
		font-family			: Arial, Helvetica, sans-serif;
		font-size			: 10px;
		color				: #FFFFFF;
		line-height			: 16px;
		padding-right		: 3px;
		padding-left		: 3px;
		padding-top			: 0px;
		padding-bottom		: 1px;;
		margin-left			: 5px;
		border				: thin #999999 solid;
}

.searchintro {
}

.sections {
}

.sectiontable_footer {
}

.sectiontableentry {
}

.sectiontablefooter {
}

.sectiontableheader {
}

.small {
}

.smalldark {
}

a.sublevel:link, a.sublevel:active, a.sublevel:visited {

}

a.sublevel:hover {

}

.title {
}

.wrapper {
background-color:#FFFFFF;
width: 900px;
}
/* FEHLERMELDUNGEN */
div.error {
  background: #f7e5e5 url(../images/error-icon.gif) no-repeat 8px 8px; 
  border-top: 2px solid #db9f9f; 
  border-bottom: 2px solid #db9f9f;
  margin:0px 0px;
  padding: 0px 0px 0px 0px;
  color: #551111;
  height: 150px;
}

div.error a {
  color: #cc0000;
  text-decoration: underline;
}

div.message {
  background: #e5eef7 url(../images/message-icon.gif) no-repeat 9px 8px; 
  border-top: 2px solid #8db1d4; 
  border-bottom: 2px solid #8db1d4;
  margin:0px 0px;
  padding: 0px 0px 0px 0px;
  color: #385c7f;
  text-align: left;
  font-weight: normal;
}

div.message a {
  text-decoration: underline;
  color: #4c88bc;
}

div.alert {
  background: url(../images/alert-icon.gif) no-repeat 9px 8px; 
  border-top: 2px solid #e0ce62; 
  border-bottom: 2px solid #e0ce62;
  margin:0px 0px;
  padding: 0px 0px 0px 0px;
  color: #64591b;
  text-align: left;
  font-weight: normal;
}

div.alert a {
  text-decoration: underline;
  color: #d26f3a;
}

div.error a:hover, div.message a:hover, div.alert a:hover {
  text-decoration: none;
}
/***
	<div class="alert"><jdoc:include type="message" /></div>

	<div class="message"><jdoc:include type="message" /></div>

	<div class="error"><jdoc:include type="message" /></div>
***/

/* System Notice Messages */
#system-message dd.notice ul {
	border: none;
}

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

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}
,
/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}



.login {
	margin:0px;
	padding-top:100px;
	padding-left: 50px;
	padding-right:50px;
	padding-bottom: 10px;
}
.login  .login-fields {
	padding:3px;
	margin: 5px
	}
	
label {
	width: 200px;
	text-align:left; 
	display: inline-block; width: 11em; 
}
input {
	background-color:#e6e7e8;
	border: 0;
	color:#b71f54;
	
	}
.login-zusatz  {
	margin:0px;
	padding-top:10px;
	padding-left: 50px;
	padding-right:50px;
	padding-bottom: 10px;
}

.microtext {
	color: #FFF;
	font-size: 1px;
	line-height:1px;
	
	}

.mailbutton, .mailbutton a {
	font-size: 10px;
	font-weight: bolder;
	color: #FFF;
	padding-top: 6px;
	padding-bottom: 2px;
	text-align:center;
	line-height:none;
background: #488ec0; /* Old browsers */
background: -moz-linear-gradient(top, #488ec0 0%, #2e6084 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #488ec0 0%,#2e6084 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #488ec0 0%,#2e6084 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#488ec0', endColorstr='#2e6084',GradientType=0 ); /* IE6-9 */
}
.mailbutton a:hover  {	
text-decoration:none;
color:#FFF
}

.mailbutton:hover  {	
text-decoration:none;
color:#FFF
-webkit-box-shadow: 1px 1px 1px 1px rgba(2,2,18,1);
-moz-box-shadow: 1px 1px 1px 1px rgba(2,2,18,1);
box-shadow: 1px 1px 1px 1px rgba(2,2,18,1);
text-shadow: 4px 4px 2px rgba(2, 2, 18, 0.5);

}
	
<!-- Produktseiten --->