/** Alte Browser ignorieren diese Angaben **/

body {
	background-color: #f5f2eb;
	color: black; 
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border : 0; 
	margin : 0; 
	padding : 0; 
	text-align: center;  
	vertical-align: top;	
}	

html>img /* autoscroll override for Firefox */
{
  width: 0!important;
  height: 28px!important;
  padding-left: 28px!important;
  background: url(autoscroll.png);
}

form, div {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

/** Versteckte Elemente zwecks Barrierefreiheit **/

.design-hidden {
	display: none;
}

/** ANKER absolut linke obere Ecke **/

.design-top { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 1px;
	height: 1px;
	z-index: 998;
} 

/** GESAMTE SEITE
	dieses Element umgibt die gesamte Seite um z.B.
	eine Zentrierung zu ermöglichen
**/
.design-center {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background: #fff;
}
.design-all	{
	text-align: left;
	margin: 0px 0px 0px 60px;
	padding: 0px;
}

.design-main {
	margin: 0px;
	padding: 0px;
}

/** KOPFZEILE z.B. für Logo **/

.design-head {
	margin: 0px;
	padding: 0px;
}

.design-title {
	background-image: url(title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	color: #002C5D;
}

.design-title2 {
	background-image: url(title_bg_price.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	color: #002C5D;
}

.design-title h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style:italic;
	font-weight: normal;
  font-size: 18px;
  margin-left: 196px;
  margin-top:15px;

}
.sIFR-hasFlash .design-title h1 {
    visibility: hidden;
    /* other CSS properties go here */
	/*height: 20px;
    margin-top:15px;*/
  font-size: 18px;
}

.design-title2 h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style:italic;
	font-weight: normal;
  font-size: 18px;
  margin-left: 196px;
  margin-top:15px;

}
.sIFR-hasFlash .design-title2 h1 {
    visibility: hidden;
    /* other CSS properties go here */
	/*height: 20px;
    margin-top:15px;*/
  font-size: 18px;
}
#text h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.sIFR-hasFlash #text h1 {
    visibility: hidden;
    /* other CSS properties go here */
    font-size: 7px;
}

.design-rollnavi {
	position: relative;
	left: 508px;
	top: 19px;
	width: 352px;
	height: 33px;	
}

/** Produkte Seite **/

/** Produkte Seite **/
.design-menuleft { 
	float: left; 
	width: 140px;
	padding: 0em;
	margin-top: 0px;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0px;
}


.design-textleft {
float: left; 
	margin: 6px 0em 0em 10px;
	padding: 0em;	
	width: 270px;
}

.design-menuright { 
	float: left; 
	width: 140px;
	padding: 0em;
	margin-top: 0px;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0px;
}


.design-textright {
float: left; 
	margin: 25px 0px 0em 35px;
	padding: 0em;	
	width: 250px;
}

/** LINKE SPALTE **/

.design-left { 
	float: left; 
	width: 170px;
	padding: 0em;
	margin-top: 0px;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0px;
}

/** MITTLERE SPALTE **/

.design-middle {
	margin: 0px 0em 0em 170px;
	padding: 0em;	
	width: 670px;
}

/** VOLLE BREITE SPALTE **/

.design-full {
	margin: 0px;
	padding: 0em;	
	width: 840px;
}

/** RECHTE SPALTE **/

.design-right {
	float: right;
	width: 200px;
	padding: 1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3em;
	margin-left: 0px;
}

/** FUSSZEILE **/

.design-footer {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

.design-footer-buttons {
	padding-left: 260px;
    padding-bottom: 30px;
}

/** MENU **/

.menu {
	padding: 0em;
	margin: 28px 0em 0em;
}
.menu ul, .menu li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.menu ol {
	margin: 0px;
margin-top: 10px;
	padding: 0px;
	list-style-type: none;
}
.menu li li {
	padding-left: 12px;
}
.menu a {
	color: #E30028;
	color: #c00022;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding-left: 26px;
	padding-top: 0px;
    padding-bottom: 6px;
	min-height: 20px;
}
.menu a:hover { 
	color: #00428f;
	text-decoration: none;
	background-image: url(arrow2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.navi-active-1 {font-color:black;
	background-image: url(arrow2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: black;
	font-weight: bold;	
}
.navi-active-2 {
	font-color:black;
	background-image: url(arrow2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: black;
	

}
.navi-active-0 {

	background-repeat: no-repeat;
	background-position: left top;
	color: black;

}
/** Infotext rechte Spalte **/

.info {
	color: #333333;
}

/** Brotkrümelpfad **/

.crumb {
	font-size: 10px;
	line-height: 12px;
	color: #333333;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.crumb a {
	color: #333333;
	text-decoration: underline;
}

/** Druckansicht für moderne Browser **/

@media print {

	.design-head, .design-top, .design-bottom, .design-left { 
		display: none;
	}
	 
	body, html, .design-all	{
		text-align: left;   
		margin: auto;     
		width: auto;
		padding: 0px;
		border: none;
		background-color: white;
		background-image: none;
	}
	
	.design-middle {
		padding: 0px;
		margin: auto;
		width: auto;
		background-color: white;
		background-image: none;
	} 
	 
}