body {
	text-align:			center;
	background:			url('/media/rahmen_rechts_1x1100.jpg') repeat-x;
	background-color:		#4f79b7;
	font-size:			90%;
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:			0;
	padding:			0;
	font-size:			10pt;
	font-family:		"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:                  #333333;
}

a, ul, li {
      color:                  #880022;
//    #da2129;
}

a:hover {
	background-color:       #f0dee2;
}

a:visited {
	color:                  #333333;
}

b {
	color:                  #880022;
}

p {
      line-height:            16pt;
}

h1, p.titel {
	font-family:		"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	font-size:              18pt;
	margin:			0 0 0.5em 0;
	color:                  #880022;
	margin-top:             40px;
}

h2 {
      color:                  #880022;
      font-weight:            normal;
      font-size:              14pt;
      margin-top:             30px;
      margin-bottom:          8px;
}

.clear {
	clear:			both;
}

.inhalt {
	padding:                1em;
	margin-left:            20px;
}

a.breadcrumbnavigation {
	color:			#666666;
	font-size:			8pt;
	margin-top:  		0px;
	margin-bottom:  		0px;
}

a.breadcrumbnavigation:hover {
	color:			#000000;
}

a.toplink {
	color:			#666666;
	font-size:			8pt;
	text-decoration:        none;
}

a.toplink:hover {
	color:			#ffffff;
}

p.breadcrumbnavigation {
	color:			#666666;
	font-size:			8pt;
	margin-left:		0px;
	margin-top:  		10px;
	margin-bottom:  		0px;
}

p.copyright {
	margin-left:            30px;
	text-align:             left;
	font-size:              8pt;
}

p.toplink {
	margin-top:             40px;
	margin-bottom:          40px;
}

p.toplink a {
      font-size:			8pt;
}


/*###################*/
/* Beginn Navigation */
/*###################*/


#navi, #navi ul {
	list-style-type:		none;                   /* Style-Reset */
	margin:			0;
	padding:			0;
}

#navi li {
	width:			128px;                  /* Horizontale Anordnung */
	float:			left;
}

#navi li ul {                                         /* Normalzustand eingeklappt */
	display:			none;
}

#navi li:hover ul {                                   /* Ausgeklappt */
	display: block;
}


/*###################*/
/* Styles fuers Auge */
/*###################*/


#navcontainer {
	height:			16px;
	position:			relative;
	z-index:                200;
	margin-top:             18px;
}

#navcontainer a {
      text-decoration:		none;
     	line-height:		27px;
	margin-bottom:          2px;
}

#navi {
	position:			absolute;
}

#navi li.navi:hover, #navi li.navi a:hover {
      background-image:       url('/media/topnavi_hintergrund_highlighted.jpg');
}

#navi li.navi_links:hover, #navi li.navi_links a:hover {
      background-image:       url('/media/topnavi_hintergrund_links_highlighted.jpg');
}

#navi li.navi_rechts:hover, #navi li.navi_rechts a:hover {
      background-image:       url('/media/topnavi_hintergrund_rechts_highlighted.jpg');
      background-position:    right;
}

#navi li {
	background-image:       url('/media/topnavi_hintergrund.jpg');
}

#navi li {
	width:                  100px;
	height:                 29px;
	float:			left;
}

#navi li a {
	padding-left:           15px;
	color:                  #333333;
}

#navi a {
	display:			block;
}


#navi li a:hover {
	color:                  #f76100;
}

#navi li.navi_links {
	background-image:       url('/media/topnavi_hintergrund_links.jpg');
}

#navi li.navi_rechts {
	background-image:       url('/media/topnavi_hintergrund_rechts.jpg');
	background-repeat:	repeat-y;
	background-position:	right;
}


#navi ul li, #navi ul li ul li {
	background-image:		url('/media/subnavi_hintergrund.jpg');
	width:                  200px;
	height:                 29px;
}

#navi ul li.sub_letzter {
      background-image:		url('/media/subnavi_hintergrund_letzter.jpg');
	width:                  200px;
	height:                 31px;
}

#navi li.navi ul li.sub_letzter a:hover,
#navi li.navi_links ul li.sub_letzter a:hover,
#navi li.navi_rechts ul li.sub_letzter a:hover,
#navi ul li.sub_letzter:hover {
      background-image:		url('/media/subnavi_hintergrund_letzter_highlighted.jpg');
      height:                 31px;
}

#navi li.navi ul li a:hover, #navi li.navi_links ul li a:hover, #navi li.navi_rechts ul li a:hover {
      background-image:       url('/media/subnavi_hintergrund_highlighted.jpg');
      height:                 29px;
}


/*#################*/
/* Unternavigation */
/*#################*/


#navi ul li ul li   {
	display:			none;
}

#navi ul li:hover ul li   {
	display:			block;
}

#navi ul li:hover ul {
	display:			block;
	position:			relative;
	top:				-20px;
	left:				20px;
	width:			154px;
}

div.produkt_info {
	width:                  200px;
	border:                 1px solid;
	padding:                5px;
	font-size:              11px;
	background-color:       rgba(255, 255, 255, 0.85);
	visibility:			hidden;
	position:			absolute;
	top:				0;
	left:				0;
	z-index:			2;
}

p.produkt_titel {
	font-weight:            bold;
	font-size:              12px;
	margin-top:             0px;
}

div.produkt {
      background-color:		rgba(255, 180, 0, 0.0);
	border:			1px solid #666666;
	position:			relative;
	left:                   200px;
}

div.produkt:hover {
      background-color:		rgba(255, 220, 0, 0.2);
	border:			1px solid #ffffff;
}

.tooltip {
	position:			absolute;
	top:                    000px;
	left:                   000px;

	display:			none;
	background-color:		#FFFFFF;

	width:                  200px;
	border:                 1px solid;
	padding:                5px;
	font-size:              11px;
	background-color:       rgba(255, 255, 255, 0.85);
	z-index:                1000;
}


/*#########*/
/* Buttons */
/*#########*/


a.button {
	background: transparent url('/media/bg_button_a.gif') no-repeat top right;
	font: normal 12px arial, sans-serif;
	color: #666!important;
	text-decoration: none;
	display: block;
	float: left;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
}

a.button:hover {
	color: #000!important;
	text-decoration: none;
}

a.button span {
	background: transparent url('/media/bg_button_div.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}

a.button:active {
	background-position: bottom right;
	outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
	background-position: bottom left;
	color: #000!important;
	padding: 6px 0 4px 18px; /* push text down 1px */
}


/*######*/
/* Side */
/*######*/


#side {
	float:		right;
	padding:		10px;
	margin-bottom:	30px;
	margin-top:		0px;
	margin-left:	20px;
	margin-right:	0px;
	
//	border:           1px solid #333333;
}

#nav {
	background:		#eeeeee right repeat-y;
	margin-bottom:	1em;
	line-height:	1em;
	width:            160px;
}

#nav:-before {
	line-height:	0.1;
	font-size:		1px;
	margin:		0;
	height:		9px;
	display:		block;
	border-bottom:	1px solid #333333;
	content:		url('/media/key-point_tl.gif');
}

#nav:-after {
	display:		block;
	padding-top:	0;
	line-height:	0.1;
	font-size:		1px;
	margin:		0 0 0 0;
	height:		8px;
	background:		#dddddd scroll no-repeat bottom right ;
	border-top:		1px solid 999999;
}

#nav, #nav ul {
	margin:		0;
	padding:		0;
	list-style:		none;
}

#nav li {
	display:		inline;
	padding:		0;
	margin:		0;
}

#nav li a {
	display:		block;
	padding:		6px 10px;
	text-decoration:	none;
	background:		#d8edff;
	border-bottom:	1px solid #cccccc;
	border-top:		1px solid #dddddd;
	border-right:	1px solid #cccccc;
	border-left:	1px solid #bbbbbb;
	font-size:		11px;
	color:            #444444;
}

#nav li b {
	display:		block;
	padding:		6px 10px;
	text-decoration:	none;
	background:		#4f79b7;
	color:		#ffffff;
	border-bottom:	1px solid #F23600;
	border-top:		1px solid #F98900;
	border-right:	1px solid #F23600;
}

#nav li p {
	display:		block;
	padding:		8px 10px;
	text-decoration:	none;
	background:		#333333;
	color:		#FFFFFF;
	border-bottom:	1px solid #F23600;
	border-top:		1px solid #F98900;
	border-right:	1px solid #F23600;
	font-size:		11px;
	margin-bottom:	0px;
	margin-top:		0px;
}

#nav li a strong {
	color:		#333333;
}

#nav li li a {
	padding:		6px 8px 6px 20px;
}

#nav li a:hover {
	background:		#ffd012;
	color:            #333333;
}