@CHARSET "ISO-8859-1";

/* Bausteine */ /* Begin des Index (TOC) Containers */
@import url("/an/lib/css/index.css");

/* Ende des Index Containers */
@media screen , print { /* Allgemeine HTML Tag Gestaltung */
	* {
		margin: 0;
		padding: 0;
		font-family: Verdana, Arial, sans-serif;
	}
	html {
		height: 100%
	}
	body {
		margin: 0;
		padding: 0;
		font: normal 90% Verdana, Arial, sans-serif;
		color: #333333;
		background-image: url("/an/img/design/background.jpg");
		background-repeat: repeat-y;
		background-color: #FFFFFF;
		min-width: 1000px;
		min-height: 101%;
		position: relative;
	}
	div {
		margin: 0;
		padding: 0;
		border: none;
	}
	a,a:hover,a:visited,a:active {
		color: #333333;
	}
	p {
		margin: 0.5em;
		font-size: 0.75em;
	}
	div#CON-MAIN-CONTENT {
		font-size: 1.1em;
		line-height: 1.2em;
	}
	img { /*	float: left; */
		margin: 0.25em;
		vertical-align: top;
		border: none;
	}
	input,textarea,select {
		font-size: 0.85em;
		font-style: normal;
		margin: 0.25em;
		vertical-align: middle;
	}
	input,textarea {
		width: auto;
	}
	/*
	 	Die .Button Klasse wird benötigt, da der IE vor 7.0 keine Atributwertspezifische
	 	Formatierung interpretiert
*/
	.paymentButton, .LinkBtn,.SubmBtn,.Button, .submitButton, form fieldset.Formcontrol input {
		border: 1px solid #73ae48;
		background: url(/an/img/design/hintergrund-button.jpg) center center
			repeat-x;
		text-decoration: none;
		/*
	  Weißen Rand um Button entfernen wegen IE Bug
	 */
		background-color: #73ae48;
		font-size: 1em;
	}
	a.LinkBtn,a.Button, a.submitButton,a.SubmBtn {
		padding: 1px;
	}
	form fieldset.NoBorderNoLegend {
		border: none;
		margin: 0;
		padding: 0;
	}
	form fieldset.NoBorderNoLegend legend {
		display: none;
	}
	form fieldset.Formcontrol input {
		margin-top: 0.1em;
		/*	height: 1.81em; */
	}
	/* Geht erst ab IE7, bzw. FF */
	.SubmBtn:hover,.LinkBtn:hover,.Button:hover, .submitButton:hover,input [type=submit]:hover,fieldset.Formcontrol input:hover
		{
		background-image: url("/an/img/design/InfoBoxVerlauf.gif");
	}
	label {
		float: left;
		clear: left;
		font-size: 0.75em;
		width: 12em;
		padding-right: 0.5em;
	}
	.radiobutton label, label.Right {
		vertical-align: middle;
		width: auto;
	}
	.radiobutton label, label.Right,fieldset dfn {
		float: none;
		width: auto;
		margin-left: 0.25em;
	}
	fieldset dfn {
		margin-top: 0.25em;
		display: block;
		font-style: normal;
		font-size: 0.75em;
		padding-left: 1.5em;
	}
	address label {
		font-style: normal;
		font-size: 1em;
		border: none;
	}
	address {
		font-size: 0.75em;
		margin-bottom: 1em;
		margin-left: 0.5em;
		border-left: 3px solid #73ae48;
		padding-left: 0.5em;
		background-color: #CCCCCC;
		color: #000000;
	}
	table thead tr th {
		background: url(/an/img/design/InfoBoxVerlauf.gif) center center
			repeat-x;
		font-size: 0.75em;
		font-style: normal;
		font-weight: normal;
		color: #333333;
		text-align: left;
		vertical-align: middle;
		padding: 0.25em;
		padding-left: 1em;
		color: #FFFFFF;
		font-size: 0.85em;
		font-weight: bold;
	}
	table thead tr th a,table thead tr th a:visited,table thead tr th a:active,table thead tr th a:hover
		{
		color: #FFFFFF;
	}
	table tbody tr th,table tbody tr td.header {
		background-color: #CCCCCC;
		font-weight: normal;
		font-size: 0.75em;
		padding-left: 0.5em;
		padding-right: 0.5em;
		font-weight: bold;
		text-align: left;
	}
	table tbody tr td,table tfoot tr td {
		border-bottom: 1px solid #73ae48;
		vertical-align: top;
		padding: 0.5em;
		font-size: 0.75em;
	}
	table thead tr th.Function,table tbody tr td.Function,table tfoot tr td.Function
		{
		width: 45px;
		text-align: center;
		vertical-align: middle;
	}
	table.Merkzettel tbody tr td.Function {
		width: auto;
	}
	table tfoot tr td {
		vertical-align: middle;
	}
	table tbody tr td.Price,table tfoot tr td.Price,table tbody tr td.NegativeSaldo,table tfoot tr td.NegativeSaldo
		{
		font-weight: bold;
		font-size: 0.85em;
		text-align: right;
		vertical-align: middle;
	}
	.NegativeSaldo {
		color: #cc0000;
	}
	table thead tr th.Price {
		text-align: right;
	}
	table.Finance thead tr th {
		
	}
	table.Finance tbody tr td.Price {
		font-weight: normal;
	}
	table tbody tr td p {
		font-size: 1em;
	}
	table tbody tr td p.PriceInfo {
		font-size: 0.75em;
	}
	table tbody tr td.State,table tbody tr td.State p {
		text-align: center;
	}
	table tbody tr td.State p img {
		margin-left: auto;
		margin-right: auto;
		display: block;
		float: none;
	}
	table tbody tr td img {
		float: left;
		margin-right: 1em;
	}
	table {
		border-spacing: 0em;
		table-layout: auto;
		border-collapse: collapse;
		width: 99.9%;
		margin: 1px;
		empty-cells: show;
		border: 1px solid #73ae48;
		font-size: 1em;
	}
	table.Center50 {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
	dl {
		font-size: 0.75em;
		width: 100%;
	}
	dl dt {
		font-weight: bold;
		height: auto;
		width: 30%;
	}
	dl dt label {
		float: none;
		display: inline;
		font-weight: bold;
	}
	dl dt a {
		font-weight: bold;
	}
	dl dd {
		height: auto;
		margin-left: 32%;
		/*	border-bottom: 1px dashed #75af4a; */
		margin-bottom: 0.5em;
		margin-top: -1.2em;
	}
	dl.SymbolLegend dt {
		width: auto;
		height: 70px;
	}
	dl.SymbolLegend dt img {
		width: 45px;
		margin-right: 10px;
	}
	dl.SymbolLegend dd {
		width: auto;
		margin-left: 58px;
		margin-top: -53px;
		height: 53px;
	}
	dl.SymbolLegend {
		margin-bottom: 1em;
	}
	ul {
		margin: 0.25em;
		margin-left: 2em;
		font-size: 0.75em;
	}
	h3 {
		font-size: 0.85em;
		margin-top: 1.75em;
		margin-bottom: 0.5em;
	}
	
	h3.GroupHeader {
		background-color: #75af4a;
		color: #FFFFFF;
		background-image: url("/an/img/design/InfoBoxVerlauf.gif");
		background-position: left center;
		background-repeat: repeat-x;
		padding: 0.1em;
		padding-left: 0.5em;
	}
	
	h4 {
		margin-top: 1.75em;
		font-size: 0.75em;
		font-style: italic;
	}
	form fieldset.Formcontrol legend {
		display: none;
	}
	form fieldset.ErrorList ul {
		color: #FF0000;
	}
	form fieldset {
		border: 1px solid #75af4a;
		padding: 0.25em;
		padding-left: 0.75em;
		padding-right: 0.75em;
		padding-bottom: 1em;
		margin-top: 1em;
	}
	form fieldset legend {
		display: block;
		text-align: center;
		color: #FFFFFF;
		font-size: 0.75em;
		font-weight: bold;
		margin-left: -0.25em;
		margin-bottom: 0.5em;
		padding: 0.25em;
		padding-left: 0.75em;
		padding-right: 0.75em;
		background: url(/an/img/design/InfoBoxVerlauf.gif) center center
			repeat-x;
	}
	/* Numerische Ausgaben   */
	form fieldset span.NumericField {
		display: block;
		float: left;
		width: 8em;
		text-align: right;
	}
	form fieldset.Formcontrol {
		text-align: center;
		border: none;
		margin: 0;
		padding: 0;
		padding: 0.25em;
		padding-left: 0px;
		padding-right: 0px;
	}
	/* Container */
	.Splitter {
		width: 100%;
		padding: 0 1px 0 1px;
		margin: 0 -1px 0 -1px;
		overflow: hidden;
	}
	/* Die goldigen größen der Titelboxen :)*/
	.GoldenRechts,.GoldenLinks {
		float: right;
		overflow: hidden;
		padding: 0 1px 0 1px;
		margin: 0 -1px 0 -1px;
	}
	.GoldenLinks {
		float: left;
		width: 70%;
	}
	.GoldenRechts {
		width: 30.5%;
	}
	.l60,.r40,.r50,.l50,.l33,.m33,.r33,.r66 {
		float: left;
		overflow: hidden;
	}
	.r66 {
		float: right;
		width: 65%
	}
	.l60 {
		width: 60%;
	}
	.r40 {
		float: right;
		width: 40%;
	}
	.r50,.l50 {
		width: 50%
	}
	.r50 {
		float: right;
	}
	.l50 {
		float: left;
	}
	.l33,.m33,.r33 {
		width: 33%;
	}
	.l33 {
		float: left;
	}
	.m33 {
		width: 34%;
		/* Damit es auf 100% passt und keine Rundungsprobleme entstehen  */
		float: left;
	}
	.r33 {
		float: right;
	}
	#PAGE {
		position: relative;
		width: 99.9%;
		background-image: url("/an/img/design/background.jpg");
		background-repeat: repeat-y;
		background-position: right;
	}
	/* Ende goldener Schnitt */ /* Begin Logo-Container */
	#CON-TITLE {
		height: 5.57em;
		position: relative;
		margin: 0;
		padding: 0;
		background-color: #FFFFFF;
		z-index: 5;
		background-color: #FFFFFF;
		background-image: url("/an/img/design/bgtitle.jpg");
		background-position: left bottom;
		background-repeat: repeat-x;
		min-height: 70px;
	}
	#CON-LOGO {
		height: 3.7em;
		margin: 0;
		padding: 0;
		font-size: 1.5em;
		vertical-align: bottom;
		min-height: 70px;
		z-index: 64;
	}
	#CON-LOGO img {
		position: absolute;
		bottom: 15px;
		left: 20px;
		border: none;
		margin: 0;
		padding: 0;
		z-index: 65;
	}
	/* Ende Logo-Container */ /* Ende des Navigationscontainers */
	/* Begin des Login/Profil Containers */
	/* Wird momentan nicht Benutzt */
	#CON-LOGIN {
		position: absolute;
		right: 0px;
		bottom: 0px;
		margin: 0;
		padding: 0;
		padding-right: 15px;
		padding-bottom: 10px;
		display: block;
		text-align: right;
		background-color: transparent;
	}
	/* ------ */ /* Begin des Navigationscontainers */
	#CON-NAV {
		display: block;
		float: right;
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 45;
		height: 2em;
	}
	#CON-NAV ul {
		list-style-type: none;
		font-size: 1em;
		margin: 0;
		height: 100%;
		background-image: url("/an/img/design/TitelBGMenuCenter.gif");
		background-repeat: repeat-x;
		background-position: left bottom;
		padding-bottom: 5px;
	}
	#CON-NAV ul li {
		padding: 0;
		padding-bottom: 5px;
		height: 100%;
		display: block;
		float: left;
		color: #FFFFFF;
	}
	#CON-NAV ul li.FirstElement {
		padding-left: 90px;
		background-image: url("/an/img/design/TitelBGMenuLeft.gif");
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	#CON-NAV ul li a {
		margin: 0;
		padding: 0.25em;
		padding-left: 1em;
		color: #FFFFFF;
		font-size: 0.65em;
		font-weight: bold;
		text-decoration: none;
	}
	#CON-NAV ul li.LastElement {
		padding-right: 20px;
		background-image: url("/an/img/design/TitelBGMenuRight.gif");
		background-repeat: no-repeat;
		background-position: right bottom;
	}
	#CON-NAV ul li.LastElement a {
		padding-right: 1em;
	}
	#CON-NAV ul li a:hover {
		color: #333333; /*
	background-image: url("/an/img/design/InfoBoxVerlauf.gif");
	background-repeat: repeat-x;
	background-position: center center;
	*/
	}
	/* Ende des Login/Profil Containers */ /* Begin Sprung-Navigation */
	#CON-JUMP-NAV {
		display: none;
	}
	/* Ende Sprung-Navigation */ /* Begin Suche */
	#CON-SEARCH {
		position: relative;
		top: -1.6em;
		margin-left: auto;
		margin-right: auto;
		overflow: visible;
		width: 32em;
	}
	
	#CON-SEARCH a {
	 text-decoration: none;
	}
	
	#CON-SEARCH form {
		border: none;
	}
	#CON-SEARCH form fieldset {
		display: inline;
		margin: 0;
		padding: 0;
		border: none;
	}
	#CON-SEARCH form fieldset legend {
		display: none;
	}
	#CON-SEARCH form fieldset label {
		font-weight: bold;
		font-size: 0.75em;
		margin: 0em;
		margin-right: 0.15em;
		padding: 0;
		float: none;
		width: auto;
	}
	#CON-SEARCH form fieldset input {
		font-size: 0.75em;
		padding: 0;
		margin: 0;
		margin-right: 0.25em;
	}
	/* Ende Suche */ /* Begin Such und Service Menü */
	#CON-SERVICE {
		font-weight: bold;
		text-align: right;
		background-color: #CCCCCC;
		background-image: url("/an/img/design/ServiceBg.jpg");
		background-repeat: repeat-x;
		background-position: center center;
		color: #000000;
		line-height: 1.5em;
		margin: 0;
		padding: 0;
		border-bottom: 2px outset #CCCCCC;
		vertical-align: middle;
	}
	#CON-SERVICE ul {
		display: inline;
		list-style-type: none;
		font-size: 1em;
	}
	#CON-SERVICE ul li {
		display: inline;
	}
	#CON-SERVICE ul li a {
		color: #333333;
		font-size: 0.65em;
		padding: 0.65em 0.25em;
		text-decoration: none;
	}
	#CON-SERVICE ul li a:hover {
		background-color: #75af4a;
		color: #333333;
		background-image: url("/an/img/design/InfoBoxVerlauf.gif");
		background-repeat: repeat-x;
		background-position: center center;
	}
	/* Ende Such und Servie Menü */ /* Begin des Haupt-Inhalt Containers */
	#CON-MAIN-CONTENT {
		display: block;
		text-align: left;
		padding: 1px;
		margin: -1px; /* IE-Fix */
		position: relative;
		top: -1.23em;
		margin-left: 215px;
		/*	border-right: 201px solid #8d8381; */
		margin-right: 215px;
		z-index: 1;
	}
	#CON-MAIN-CONTENT h1 {
		text-align: center;
		vertical-align: middle;
		line-height: 2em;
		font-size: 1.75em;
		padding: 0;
	}
	/* Ende des Haupt-Inhalt Containers */ /* Begin des Pfad Containers */
	/* siehe auch Haupt
		
	/* Ende des Pfad Containers */
	/* Begin gemeinsame Eigenschaften der drei Inhaltsbereiche (Index, Main- und Subcontent) */
	#CON-INDEX,#CON-SUB-CONTENT {
		top: 7.33em;
		position: absolute;
	}
	div#CON-SIEGEL {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	div#CON-SIEGEL img {
		margin: 0;
		padding: 0;
	}
	div#CON-SIEGEL a,div#CON-SIEGEL a:active,div#CON-SIEGEL a:visited,div#CON-SIEGEL a:hover
		{
		font-weight: bold;
		color: #e7dddc;
	}
	div#CON-SIEGEL h3 {
		font-size: 1.2em;
		font-style: normal;
		background: none;
		border: none;
		line-height: normal;
		height: auto;
		color: #e7dddc;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	/* Ende */ /* Begin des Weiteren Inhaltes */
	#CON-SUB-CONTENT {
		margin: 0;
		text-align: center;
		width: 199px;
		right: 0px; /* wird vom IE gebraucht */
		float: right;
		padding: 3px;
		padding-bottom: 0.5em;
		background-image: url("/an/img/design/background.jpg");
		background-repeat: repeat-y;
		background-position: right;
	}
	/* Ende des Weiteren Inhaltes */ /* Begin des Fuß Containers */
	/* Ende des Fuß Containers */ /* Klassen */
	.Blind {
		display: none;
	}
	.SprungLink {
		display: inline;
		border: 0;
		margin: 0;
		padding: 0;
	}
	a.SprungLink img {
		display: inline;
		border: 0;
		margin: 0;
		padding: 0;
	}
	a.ArticleThumb img {
		border: 1px solid #75af4a;
	}
	/* kleines Sternchen neben dem Feld wenn Pflichtfeld */
	.Required {
		color: #f00;
		vertical-align: middle;
	}
	hr.Clearer {
		display: block;
		clear: both;
		width: 99.9%;
		visibility: hidden;
		border: none;
	}
	/* Begin des Leuchtkasten */
	.PreviewBox {
		border: 1px solid #CCCCCC;
		height: 100%;
		min-height: 100%;
		position: relative;
		padding-bottom: 1em;
	}
	.PreviewBox h3 {
		color: #FFFFFF;
		display: block;
         overflow: hidden;
  	   line-height: 2em;
  	   height: 2em;
  	   max-height: 2em;		
		padding-left: 1em;
		padding-right: 1em;
		margin: 0em;
		font-size: 0.85em;
		font-weight: bold;
		background: url(/an/img/design/InfoBoxVerlauf.gif) center center
			repeat-x;
		background-color: #75af4a;
	}
	.PreviewBox h4 {
	   font-size: 65%;
	   line-height: 2em;
	   height: 2em;
	   max-height: 2em;
	   overflow: hidden;
	   font-style: normal;
	   margin-top: 0;
	   margin-bottom: 0.5em;
	   background-color: #cccccc;
	   color: #000;
	   padding-left: 0.5em;
	   
	}
	
	.PreviewBox p.State {
		font-size: 0.75em;
		margin: 0;
		margin-top: 1em;
		padding: 0;
		text-align: center;
		line-height: 1.1em;
	}
	.PreviewBox p.Price {
		font-size: 1em;
		font-weight: bold;
		text-align: right;
		margin: 0;
		padding: 0;
		margin-bottom: 0.5em;
		vertical-align: middle;
	}
	.PreviewBox p.PriceInfo {
		font-size: 0.65em;
		margin: 0;
		padding: 0;
		margin-right: 0.35em;
		margin-left: 0.35em;
		text-align: right;
		line-height: 1.1em;
		font-weight: normal;
	}
	.PreviewBox p.ToBasket {
		text-align: right;
		margin: 0;
	}
	.PreviewBox a.ToBasket img {
		margin: 0;
		margin-left: 0.35em;
		margin-right: 0.35em;
		padding: 0;
		border: none;
		display: inline;
		vertical-align: middle;
	}
	.PreviewBox p {
		padding: 0.5em;
	}
	.PreviewBox div {
		margin-right: 0.5em;
	}
	.PreviewBox table {
		width: 99%;
		border-spacing: 0;
		border-collapse: collapse;
		border: none;
		margin: 0;
		margin-top: 1em;
		margin-bottom: 1em;
		padding: 0;
	}
	.PreviewBox table tbody tr td {
		border: none;
		margin: 0;
		padding: 0;
		text-align: center;
		vertical-align: bottom;
	}
	.PreviewBox table tbody tr td img {
		border: none;
		display: inline;
		float: none;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		text-align: center;
	}
	.PreviewBox table tbody tr td.Price {
		padding-top: 1em;
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
	}
	.PreviewBox table tbody tr td.Price p.PriceInfo {
		text-align: center;
		margin-top: 0.75em;
	}
	.PreviewBox table tbody tr td.ToBasket {
		padding-top: 1em;
	}
	/* Ende des Leuchtkastens */
	/* Begin der InfoBox (z.B. Rechts im CON-SUB-CONTENT) */
	div.InfoBox {
		width: 89%;
		margin-top: 1em;
		margin-left: auto;
		margin-right: auto;
		background: url(/an/img/design/InfoBoxVerlauf.gif) center center
			repeat-x;
	}
	div.InfoBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom div.Content h3
		{
		margin: 0;
		padding: 0;
		font-size: 0.65em;
		padding-right: 48px;
		text-align: left;
	}
	/* Begin Ecken InfoBox */
	div.InfoBox div.RightTop {
		background: url(/an/img/design/InfoBoxSchattenRO.gif) top right
			no-repeat;
	}
	div.InfoBox div.RightTop div.LeftTop {
		background: url(/an/img/design/InfoBoxSchattenLO.gif) top left no-repeat
			;
	}
	div.InfoBox div.RightTop div.LeftTop div.RightBottom {
		background: url(/an/img/design/InfoBoxSchattenRU.gif) bottom right
			no-repeat;
	}
	div.InfoBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom {
		background: url(/an/img/design/InfoBoxSchattenLU.gif) bottom left
			no-repeat;
	}
	div.InfoBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom div.Content
		{
		padding-top: 5px;
		padding-bottom: 21px;
		padding-left: 10px;
		padding-right: 16px;
	}
	div.InfoBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom div.Content p
		{
		font-size: 0.7em;
		margin: 0;
		padding: 0px;
		text-align: left;
		padding-top: 0.1em;
		padding-bottom: 0.1em;
	}
	div.InfoBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom div.Content ul
		{
		margin-left: 0;
		padding-left: 0;
		font-size: 1em;
	}
	div.InfoBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom div.Content ul li
		{
		margin: 0;
		padding: 0;
		margin-left: 0;
	}
	div.InfoBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom div.Content ul li a
		{
		color: #333333;
		font-size: 1em;
	}
	div.InfoBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom div.Content p.Center
		{
		text-align: center;
	}
	div.InfoBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom div.Content p img
		{
		vertical-align: middle;
		float: left;
		margin: 0;
		padding: 0;
		margin-right: 0.5em;
	}
	/* TODO MNordhaus Kann entfallen wenn Form Tag nach Änderung von SafeList entfernt ist */
	/* <-----------------------------------------------------------------------------------*/
	div.InfoBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom div.Content form ul
		{
		margin: 0;
		padding: 0;
		margin-left: 0em;
	}
	div.InfoBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom div.Content form ul li
		{
		margin: 0em;
		padding: 0em;
		/* list-style-image: url("/an/img/design/pin.gif"); */
		list-style: none;
	}
	div.InfoBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom div.Content form ul li a
		{
		color: #333333;
		font-size: 0.7em;
	}
	/*------------------------------------------------------------------------------------->*/
	div.InfoBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom div.Content div.TopSellerContainer
		{
		background-color: #FFFFFF;
		border: 3px inset #CCCCCC;
		width: 94%;
		margin: 0;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	div.InfoBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom div.Content div.TopSellerContainer hr
		{
		width: 75%;
		border-style: ridge;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	div.InfoBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom div.Content div.TopSellerContainer p
		{
		font-size: 0.75em;
		text-align: center;
	}
	div.InfoBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom div.Content div.TopSellerContainer span.Price
		{
		display: block;
		font-weight: bold;
		font-size: 0.75em;
	}
	div.InfoBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom div.Content div.TopSellerContainer span.State
		{
		display: block;
		font-size: 0.65em;
	}
	/* Ende Ecken InfoBox */ /* Ende der InfoBox*/
	div.Center {
		text-align: center;
		margin: 0;
		padding: 0;
		width: 99.9%;
		margin-left: auto;
		margin-right: auto;
		background: transparent;
	}
	div.Center2 {
		text-align: center;
		margin: 0;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
		background: transparent;
	}
	div.extLogoBox {
		height: 115px;
		vertical-align: middle;
		text-align: center;
		margin: 0;
		padding: 0;
		width: 99.9%;
		background: transparent;
	}
	div.extLogoBox img {
		height: 100px;
		margin-top: -50px;
		position: relative;
		top: 50%;
		vertical-align: middle;
	}
	/* Begin der LoginBox (z.B. Rechts im CON-SUB-CONTENT) */
	div.LoginBox {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		background: url(/an/img/design/InfoBoxVerlauf.gif) center center
			repeat-x;
	}
	div.LoginBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom h3
		{
		margin: 0;
		margin-top: 5px;
		padding: 0;
		font-size: 0.75em;
		padding-right: 60px;
		text-align: left;
	}
	/* Begin Ecken LoginBox */
	div.LoginBox div.RightTop {
		background: url(/an/img/design/LoginBoxSchattenRO.gif) top right
			no-repeat;
	}
	div.LoginBox div.RightTop div.LeftTop {
		background: url(/an/img/design/LoginBoxSchattenLO.gif) top left
			no-repeat;
	}
	div.LoginBox div.RightTop div.LeftTop div.RightBottom {
		background: url(/an/img/design/LoginBoxSchattenRU.gif) bottom right
			no-repeat;
	}
	div.LoginBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom {
		background: url(/an/img/design/LoginBoxSchattenLU.gif) bottom left
			no-repeat;
	}
	div.LoginBox div.RightTop div.LeftTop div.RightBottom div.LeftBottom div.Content
		{
		padding: 10px;
		padding-top: 5px;
	}
	/* Ende Ecken LoginBox */ /* Ende der LoginBox*/ /* Begin ContentBox */
	div.ContentBoxHeader {
		display: block;
		height: 1em;
		padding: 0;
		margin-top: 0.25em;
		margin-bottom: 1em;
	}
	div.ContentBoxHeader p {
		display: inline;
		color: #333333;
		padding: 0.2em;
	}
	div.ContentBoxHeader p a,div.ContentBoxHeader p a:visited {
		color: #333333;
	}
	div.ContentBox {
		width: auto;
		display: block;
		border: 2px solid #75af4a;
		padding: 0.5em;
		margin-left: 1px;
		margin-right: -1px;
	}
	div.ContentBox h2,div.ContentBox h1 {
		background-color: #75af4a;
		color: #FFFFFF;
		background-image: url("/an/img/design/InfoBoxVerlauf.gif");
		background-position: left center;
		background-repeat: repeat-x;
	}
	div.ContentBox h1 {
		margin: -0.35em;
		margin-bottom: 0.6em;
	}
	div.ContentBox h2 {
		font-size: 1.2em;
		font-weight: normal;
		margin: -0.5em;
		margin-top: -0.725em;
		margin-bottom: 0.5em;
		padding: 0.5em;;
		margin-bottom: 0.5em;
	}
	div.ContentBox p {
		margin: 0;
		margin-bottom: 1em;
		margin-top: 0.5em;
	}
	/* Ende der ContentBox */
	/* Begin InfoBox2 z.B. Innerhalb der ContentBox */
	div.InfoBox2 {
		display: block;
		border: 1px solid #75af4a;
		width: 99%;
		height: auto;
		margin-bottom: 0.5em;
	}
	div.InfoBox2 p.State,div.InfoBox2 p.Price,div.InfoBox2 p.PriceInfo,div.InfoBox2 p.BaskedSymbol,div.InfoBox2 ul
		{
		margin: 0.25em;
	}
	div.InfoBox2 p.State,div.InfoBox2 p.PriceInfo,div.InfoBox2 p.BaskedSymbol
		{
		text-align: center;
		width: 42%;
	}
	div.InfoBox2 h3 {
		vertical-align: middle;
		padding: 0em;
		margin: 0;
		padding-left: 1em;
		padding-right: 1em;
		margin-bottom: 0.75em;
		font-size: 0.75em;
		font-weight: bold;
		color: #FFFFFF;
		background: url(/an/img/design/InfoBoxVerlauf.gif) center center
			repeat-x;
	}
	div.InfoBox2 p.State,div.InfoBox2 p.BaskedSymbol {
		float: left;
		font-size: 0.6em;
	}
	div.InfoBox2 p.State img,div.InfoBox2 p.BaskedSymbol img {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	div.InfoBox2 p.Price {
		text-align: center;
		font-size: 1.5em;
		font-weight: 900;
	}
	div.InfoBox2 p.Center {
		font-size: 0.65em;
	}
	div.InfoBox2 p.PriceInfo {
		font-size: 0.55em;
		line-height: 1em;
		clear: both;
		margin: 0.5em;
		width: auto;
	}
	div.InfoBox2 ul {
		list-style: none;
		text-align: center;
		margin-left: 42%;
		padding: 0.15em;
	}
	div.InfoBox2 ul.Price {
		margin: 0.25em;
	}
	/* Markupfreies Float-Clearing für den FF, IE7 und co. */
	div.InfoBox2 ul:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	div.InfoBox2 ul li {
		text-align: center;
		color: #75af4a;
		font-size: 0.75em;
		width: 100%;
		margin-bottom: 0.25em;
	}
	div.InfoBox2 ul li a,div.InfoBox2 ul li a:visited {
		color: #75af4a;
		font-size: 1em;
		font-weight: bold;
	}
	/* Ende InfoBox2 */
	.Center {
		text-align: center;
	}
	div.Voucher {
		border: 1px solid #000000;
		width: 38em;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2em;
		margin-bottom: 2em;
		max-width: 100%;
	}
	div.Voucher img {
		width: 100%;
		margin: 0;
		padding: 0;
		border: none;
	}
	div.Voucher fieldset {
		display: block;
		border: none;
		width: auto;
	}
	div.Voucher fieldset legend {
		display: none;
	}
	div.Voucher fieldset label {
		float: none;
		display: inline;
		width: auto;
		vertical-align: top;
		font-size: 1.2em;
	}
	div.TabHeader {
		clear: both;
		width: 100%;
		border-bottom: 1px solid #75af4a;
		margin-left: 1px;
		margin-top: 1em;
		padding-bottom: 2px;
		padding-top: 2px;
		padding-left: 1px;
	}
	div.ContentBox div.TabHeader {
		margin-left: 0px;
	}
	div.TabHeader a {
		font-size: 0.75em;
		font-weight: bold;
		padding: 0.25em;
		text-decoration: none;
		border: 1px solid #75af4a;
		border-bottom: none;
		margin-left: -1px;
		padding-left: 1em;
		padding-right: 1em;
	}
	div.TabHeader a.Selected,div.TabHeader a:hover {
		color: #FFFFFF;
		/*	padding-right: 6.5em;
		padding-left: 1em;
		margin-right: -3.5em; */
		background-image: url("/an/img/design/InfoBoxVerlauf.gif");
		background-position: right center;
		background-repeat: repeat-x;
	}
	div.TabContent {
		border: 1px solid #75af4a;
		border-top: none;
		padding: 0.2em;
		padding-left: 0.75em;
		padding-right: 0.75em;
	}
	input.Numeric {
		text-align: right;
	}
	.FettGruen {
		color: #75af4a;
		font-weight: bold;
	}
	.FormError {
		background-color: #FF0000;
		color: #FFFFFF;
	}
		
	div.testeobox {
	   position: relative;
	   height: 75px;
	}
	
	div.testeobox img {
	   margin: 0; padding: 0; border: 0;
	}
	
	div.odd,
    div.even {
        padding: 1em;
    }
  
    div.even { background: #eee; }
	
	a.bigMenuItem {
    	margin: 0; padding: 0;
    	text-align: center;
    	font-size: 1.0em;
    	font-weight: bold;
    	line-height: 3em;
    	background-image: url("/an/img/design/hintergrund-button.jpg");
    	background-position: center center;
    	background-repeat: repeat-x;
    	border-bottom: 2px outset #CCCCCC;
    	display: block;
    	text-decoration: none;
    	    
    }
  
	a.bigMenuItem:hover { 
	    background-image: url("/an/img/design/InfoBoxVerlauf.gif");
	}
	 
    input.paymentButton {        
      font-weight: bold !important; padding: 0.25em !important;
      border-width: 2px;  
    }
    
    #bookmarks h5 {
        border-bottom: 1px solid #75af4a;        
    }
    
    #bookmarks div {
        margin: 0; padding: 0;
        text-align: center;
    }
    
    #bookmarks div img, #boomarks div a {
        margin: 0; padding: 0;
    }
    
    div.Productfinder { 
        margin: 0; padding: 0.25em; background-color: #f3e9e8;
    }
     
   * html div.Productfinder { width: 100%;  }
}  /* Ende der default Screen Optimierung */ /** 
 *   Druckoptimierungen 
 **/
@media print {
	
	* {
		background: none;
	}
	
	#CON-INDEX,#CON-NAV,#CON-SUB-CONTENT,#CON-SERVICE,#CON-SEARCH,#CON-LOGIN,div.TabHeader
		{
		display: none;
	}
	#CON-MAIN-CONTENT {
		margin: 0;
		background: none;
	}
	
	#PAGE {
		background: none;
	}
	
	div.ContentBox {
		border: none;
	}
	
	div.ContentBox h2,	div.ContentBox h1 {
		background: none;
		color: #000000;
		margin: 0;
	}
	
	body {
		background: none;
	}
	
	#boomarks {
	   display: none;	
	}

}