html {
	padding: 0;
}

#CatalogContainer {
	position: absolute;
	width: 240px;
	height: 360px;
	left: 50%;
	top: 50%;
	margin-left: -120px;
	margin-top: -180px;
}

#CatalogImage{
	text-align:center;
}

#CatalogCaption {
	text-align:center;
}

#CatalogLinks{
	font-size: 80%;
	text-align:center;
}

.newsButtons {
	font-size: 0.7em;
	background-color:#3487d5;
	color:#FFFFFF;
	margin-top: 5px;
}

a:link, a:visited, a:active {
	color:#003366;
	text-decoration:none;
}

a.current {
	color:#999999;
  text-decoration: none;
  display: inline;
}

a:hover {
	text-decoration: none;
  display: inline;
	background: #3487d5;
  color: #fff;
}

body {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 100.01%;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
  color: #333333;
}

#fixiert {
    position: absolute;
    top: 0;
	left: 0;
    width: 100%;
}

html>body #fixiert {  /* nur fuer moderne Browser! */
    position: fixed;
}

#fixiert-links {
    position: absolute;
    top: 100px;
	left: 0;
    width: 12em;
}

html>body #fixiert-links {  /* nur fuer moderne Browser! */
    position: fixed;
}

#fixiert-rechts {
    position: absolute;
    top: 100px;
		right: 0em;
    width: 13.5em;
    height: 100%;
}

#leftHorLine {
	position: absolute;
	top: -10px;
	height: 100%;
	border-left: 4px solid #3487D5;
	right: 0em;
}

html>body #fixiert-rechts {  /* nur fuer moderne Browser! */
    position: fixed;
}

#Inhalt {
/*	margin: 100px 0em 0em 14em;*/
	margin: 100px 0em 0em 190px;
  z-index: 20000;
}

ul {
	font-size:60%;
	color:#666666;
	line-height: 1.5em;
	list-style: none;
}

h1 {
	color:#FF9933;
	font-weight:bold;
	padding-left: 0.5em;
	padding-top: 0.2em;
}

h2 {
	color:#D58234; /*#FF9933;*/
	font-size:70%;
	font-weight:bold;
	border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#E5E5E5;
}

h3 {
	color:#184774;/*#D58234; #FF9933;*/
	font-size:70%;
	font-weight:bold;
}

.newsCaption {
	color:#184774;/*#D58234; #FF9933;*/
	font-size:70%;
	font-weight:bold;
}

.newsIcon {
	margin-top: 5px;
}

h3 a{
	color:#FF9933;
}

.h5 {
  font-weight: bold;
}

p.static {
	/*text-align:justify;*/
	color:#333333;
	font-size: 75%;
	line-height: 1.5em;
}

p.content {
	text-align:justify;
	color:#333333;
	font-size: 75%;
	line-height: 1.5em;
}

.orange {
	color: #D58234;
}

#headerblue {
	color: #184774;
}

.blue {
	color: #003366;
}

.green {
	color: #DFFFBE;
}

.gray_alt {
	font-weight:normal;
	font-size:70%;
	color: #F0F0F0;
}

.gray {
	font-weight:normal;
	font-size:90%;
	color: #999999;
}

div.logo {
	margin: 0em 2em 0em 1em;
	vertical-align:middle;
	height: 50px;
  background: #ffffff;
  padding-top: 0.5em;
}

div.logo h1 {
	display: inline;
	vertical-align: top;
	font-size: 300%;
  background: #ffffff;
}

#prodInfoHeader {
	color:#184774;/*#D58234; #FF9933;*/
	font-size:70%;
	font-weight:bold;
}

div.search {
/*	float: left;*/
	margin: 0;
}

div.searchbutton {
	text-align:center;
	width: 178px;
	padding: 0;
	background: #eeeeee;
	border: 1px solid #dddddd;
	color: gray;
	cursor: pointer;
	font-size: 70%;
	height:70px;
}

div.searchENDbutton {
	text-align:center;
	width: 165px;
	padding: 0;
	background: #eeeeee;
	border: 1px solid #dddddd;
	color: gray;
	cursor: pointer;
	font-size: 70%;
	height:70px;
}

.searchbox {
	color:#666666;
	background-color:#F8F8F8;
	border-style:solid; border-width:1px; border-color:#F0F0F0;
}

/* ----- Menu -----*/
div.menu {
	width: auto;
	background-color: #3487D5; /*#003366;*/
	padding-top: 0.70em;
	padding-bottom: 0.5em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	/*border-style:solid; border-width:1px; border-color:#E5E5E5;*/
	color:#FFFFFF;
  height: 16px;
}

div.menu a{
	color:#a0a0a0;
}

div#topmenu {
/*	float: right;*/
}

div#topmenu table {
/*  width: 60%;*/
  float: right;
}


div.topmenu-item {
	width: 200px;
	display: inline;
	cursor: default;
	margin-right:0.5em;
	font-size:0.78em;
	color: #fff;
}

div.over {
	color: #fff; /*#b8d5f1; /* #D0D534; /*#FF9933;*/
}

/*
html>body div.over {
  color: #fff;
  text-decoration: overline;
}
*/

.newsletter {
	font-size: 0.96em;
	font-weight:bold;
	color:#000000;
}

.newsletterItem {
	font-size: 0.9em;
	color:#184774;
	font-weight:normal;
	margin-bottom: 20px;
}

div.topmenu-item div.submenu {
	width: 130px;
	overflow: hidden;
	display:none;
	position: absolute;
	background: #b8d5f1; /*#69a7e0; /*#003366;*/
	border: 2px solid #3487D5; /*#D0D534; /*#FF9933;*/
	font-size: 0.8em;
	padding: 1em;
	z-index: 50000;
  white-space: nowrap;
  text-decoration: none;
}

div.topmenu-item div.last-submenu {
	margin-left: -50px;
}

div.over div.submenu {
	display: block;
  text-decoration: none;

}

div.submenu a:link, div.submenu a:visited {
  display: block;
	/*font-size: 100%;*/
  width: 90%;
	line-height: 1.5em;
	color: #333;
  cursor: pointer;
  padding-right: 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.submenu a:hover, div.submenu a:active {
  display: block;
  color: white;
  text-decoration: none;
  white-space: nowrap;
}

#topmenu td {
	padding-right: 1em;
}

.clear-both {
	clear: both;
}

/* ----- right Info - News -----*/

div.newsContainer{
	float: left;
	clear: left;
/*	width: 12em;*/
  width: 180px;
	margin: 0.0em 0.5em 0em 0.5em;
}

div.news1{
	/*	width: 12em;*/
	background-color:#F8F8F8;
	border-style:solid;
	border-width:1px;
	border-color:#F0F0F0;
	margin-bottom: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}

div.news2{
/*	width: 12em;*/
	background-color:#DFFFBE;
	border-style:solid; border-width:1px; border-color:#F0F0F0;
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div#zusatz-outline {
	/*  width: 12em;*/

	background: #b8d6f0; /*#dfffbe;*/
	border: 1px solid #ffc26b;
	padding: 0.5em;
	margin-top: 0.5em;
	font-size: 100%;
}

#MainLogo {
	position:absolute;
	left:0px;
	top:2px;
}

div#zusatz-outline a {
  display: block;
}

/* ----- main Container ----- */
div.mainContainer{
	margin: 0em 0em 0em 190px;
}


div.rightInfo{
	float: right;
	clear: right;
	width: 11.5em;
	background-color:#f8f8f8;
	border-style:solid; border-width:1px; border-color:#F0f0f0;
	
	margin: 0.0em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
  
}

#newsLetter {
	margin-top: 0.5em;
	border-color:#3487D5;
}

#schnaeppchen {
	margin-top: 0.5em;
	border-color:#3487D5;
}

div.rightInfo h2{
	color:#FFFFFF;
	background-color:#FF9933;
	border-style:solid; border-width:1px; border-color:#FF9933;
}

div.mainInfo{
	width: auto;
	border-style:solid; border-width:1px; border-color:#F0F0F0;
	
	margin: 0.5em 14em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div.mainInfo h3 a{
	color:#003366;
}

div.image {
	float:left;
	width: 80px;
	height: 80px;
	margin-right:0.5em;
	margin-bottom:0.5em;
	background-color:#F0F0F0;
	border-style:dotted; border-width:1px; border-color:#F0F0F0;
}

div.image h3{
	color:#CCCCCC;
}

/* ----- sub Compainer ----- */

div.subContainer{
	font-size:70%;
	padding: 1em 0.5em 1em 0.5em;
	clear:both;
	position:absolute;
	width: 100%;
	height: 10px;
	bottom: 110px;
	right:0;
}

#mainFooterHeader {
    color: #184774; /*#003366; */
}

.copyright {
	color: #999999;
	text-align:left;
	margin-right:1em;
	font-size:80%;
}

.copyright a{
	color:#999999;
}

.copyright a:hover{
	color:#fff;
}

div#vorschau {
	display: none;
	position: absolute;
	left: 50%;
	top: 200px;
	margin-left: -175px;
	margin-top: -75px;
	width: 350px;
/*	height: 270px;*/
	background: #ffffff;
  border: 3px solid #d0d0d0;
}

div#vorschau div{
	padding: 25px;
	color: #777777;
}

div#tip {
	display: none;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -250px;
	width: 500px;
	height: auto;
	background: #ffffff;
  border: 3px solid #d0d0d0;
}

div#tip div{
	padding: 25px;
	color: #777777;
}

div#zusatz-outline-senkrecht {
  display:none;
	width: 28px;
	height: 200px;
	position: absolute;
	right: 0;
	margin-right: 14em;
	top: 200px;
}

html>body div#zusatz-outline-senkrecht {
	position: fixed;
}

div#zusatz-outline-senkrecht table {
	display: none;
	border-collapse: collapse;
	width:100%;
	height:100%;
}

td#zusatz-content {
	height: 100%;
	width: 100%;
	background: #dfffbe;
	border: 1px solid #e5e5e5;
	padding: 1em;
}

td#zusatz-button-zelle {
	background: #51961e;
	border: 1px solid #e5e5e5;
}



img#zusatz-button {
/*	margin-left:5px;*/
	border: 1px solid #51961e; 
}

div.ingruppe {
	font-size: 90%;
	margin-left: 11em;
	background: #e0e0e0; /*#f0f0f0;/*#ff9933;*/
	border: 1px solid #d0d0d0;
	position: absolute;
	margin-top: -2.5em;
	padding: 1em;
	white-space: nowrap;
}

div.ingruppe a:link, div.ingruppe a:visited {
  width: 100%;
  margin-right: 1em;
  display: block;
  white-space: nowrap;

}

div.ingruppe a:active, div.ingruppe a:hover {
  width: 100%;
  display: block;
	background: #3487d5;
  color: #fff;
  white-space: nowrap;

}

.gruppentitel {
	display: inline;
	width: 100%;
	cursor: default;
	font-weight:bold;
	font-size: 98%;
}

div.ingruppe h1 {
/*background: #003366;*/
  color: #D58234;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0.5em 0;
	font-size: 100%;
}

div.artikelgruppe,
div.overartikelgruppe {
	cursor: default;
	width: 100%;
	display: block;
	/*margin-bottom: 0.5em;*/
  padding: 0.3em 0 0.3em 0;
	font-size: 85%;
}

div.artikelgruppe {
  /* border-bottom: 1px solid #f8f8f8;*/
  /* border: 1px solid #f8f8f8; */
}

div.overartikelgruppe {
	/* border-bottom: 1px solid #d0d0d0;*/
	/* border: 1px solid #d0d0d0; */
	background: #3487d5;
  color: #fff;
}

div.artikelgruppe div.ingruppe {
	display: none;
}

div.overartikelgruppe div.ingruppe {
	display: block;
}

.tips {
	font-size:100%;
}

.pic-l {
  float: left;
  margin-right: 1em;
  font-style: italic;
}

.pic-r {
  float: right;
  margin-left: 1em;
  font-style: italic;
}

#suchtabelle {
  font-size: 80%;
}

#suchtabelle td {
  vertical-align:top;
}

html>body #suchtabelle {
  font-size: 90%;
}

#prodInfoCont td{
  white-space: normal;
  font-size: 100%;
}

#prodInfoImages {
  float: right;
/*  width: 95px;*/
  height: 300px;
  overflow: auto;
  background: transparent;
  color: white;
}

#screen-images {
  color:white;
}

TD P.western { font-family: "Arial", sans-serif; font-size: 10pt }

#splashscreen {
  width: 100%;
}