/*
 -------------------------------------------
| Bitte CSS-Styleguide in main.css beachten |
 -------------------------------------------
*/

/*---------------------------------------------------------------------------*/
/*Allgemeines zum Content*/
/*---------------------------------------------------------------------------*/

/* Nach rechts unten versetzter Schlagschatten */
/* Umgibt Contentmodule wie Tabellen, Formulare, Teaserboxen, etc. */
/* Verwendung:

   Im HTML das Contentmodul mit .schatten-Element umgeben:
   <div class="schatten">
       <table/div/... class="blabla">
       		Mein Contentmodul
       </table/div/...>
   </div>
   
   Im CSS des Contentmoduls den Versatz des Schattens ausgleichen:
   
   #content table.blabla {
   		position: relative;
   		top: -1px;
   		left: -1px;
   }
*/

#content .schatten {
	clear: both; /* Keine Bilder umfliessen */
	
	/* Nach rechts unten versetzen */
	position: relative;
	top: 1px;  /* Schatten-Versatz muss im enthaltenen Modul wieder aufgehoben werden: position:relative;top:-1px;left:-1px; */
	left: 1px; /* Fuer Beispiele siehe table oder Fremd-Bild */

	background-color: #e6eaeb; /* innere Schattenfarbe (dunkler) */
	border: 1px solid #f6f6f5; /* aeussere Schattenfarbe (heller) */
	border-width: 0 1px 1px 0;
	margin-bottom: 0.9em;
}

/*unterbricht Floats*/
#content .clearer {
	clear: both;
}


/*---------------------------------------------*/
/*Modul: Betonter Inline-Text*/ /* (Kein Absatz)
/*--------------------------------------------*/
#content strong {
	font-weight: bold;
}

/*------------------*/
/*Modul: Textabsatz*/
/*-----------------*/
#content p { /* Default: Textumfluss erlauben */
	margin-bottom: 0.9em;	
	line-height: 1.3em;
}
/* Explizit verbotener Textumfluss: */
#content p.keinBildUmfluss  {
	clear: both;
}

/*------------------------*/
/*Modul: Definitionsliste */
/*------------------------*/
/* Begriff und Info zum Begriff (z.B. Variable und Wert) nebeneinander darstellen.
   Beispiel-HTML:
   <dl>
   		<dt>Name:</dt>
   		<dd>
   			Hugo Ruebenpruefer<br />
   			(Geburtsname)
   		</dd>
   		<dt>Besonderheiten:</dt>
   		<dd>
   			Mag keine Moehren, etc. pp.<br />
   			Bla bla.
   		</dd>
   	</dl>
   	
   	Darstellung:
   	
   	    Ihr Name:          Hugo Ruebenpruefer
                           (Geburtsname)
     	Besonderheiten:    Mag keine Moehren, etc. pp.
                           Bla bla
*/
#content dl {
	clear: left; /* Per Default nur rechts stehende Bilder umfliessen */
	margin-bottom:0.9em;
}
#content dt {
	clear: both;
	float: left;
}
#content dd {
	margin-left: 8em;
	margin-bottom: 0.9em;
}
/* Explizit verbotener Textumfluss: */
#content dl.keinBildUmfluss {
	clear: both;
}
/*--------------------*/
/*Modul: Top Features */
/*---------------------*/
#content ul.topfeatures {
	margin: 0px;
	padding: 0px;
}
#content ul.topfeatures li {
	background-image: url(../images/icons/checklist.png);
	background-position: 0% 2px; /*bisher: 0% 0%*/
	background-repeat: no-repeat;
	clear: none;
	padding: 2px 0px 2px 23px;
}
#content ul.topfeatures li,
#content ul.topfeatures li * {
	font-weight: bold;
	color: #666666;
}


/*---------------------------------*/
/*Modul: Aufzählungsliste (2 Level)*/
/*---------------------------------*/
#content ul {
	clear: left; /* Per Default nur rechts stehende Bilder umfliessen */
	margin-bottom: 0.9em;
	color: #333333;
	padding-left: 0;
	list-style-type: none;
}

/*ap@20090914 - (neu: #content ol ul li) Formatierung auch für die Aufzählungsliste im 2.Level*/
#content ul li,
#content ol ul li {
	margin-top: 0.9em;
	margin-bottom: 0.9em;
	padding-left: 22px;
	background: url(../images/icons/bulletLevel01.png) 8px 4px no-repeat; 
	font-weight: normal; /*ausdrücklich normale Schriftart (fette Schriftart aus der <ol/> zurückgesetzt)*/
}
#content ul ul {
	margin-bottom: 0;
}
#content ul ul li {
	margin-top: 0.9em;
	margin-bottom: 0.9em;
	padding-left: 22px;
	background: url(../images/icons/bulletLevel02.png) 8px 4px no-repeat; 
}
/* Explizit verbotener Textumfluss: */
#content ul.keinBildUmfluss {
	clear: both;
}

/*--------------------------------------------*/
/*Modul: Links in einer Liste (1 Level)*/
/*-------------------------------------------*/
/*Linkpfeil nicht am Link sondern am Listenelement*/
#content ul li.link {
	padding-left: 22px;
	background-image: url(../images/icons/but_green_dir_right.png);
	background-position: 0% -3px;
	background-repeat: no-repeat;
}
#content ul li.link:hover,
#content ul li.link:focus {
	background-image: url(../images/icons/ico_arrow_over_small.png);
}

/* Bei Nummerierter Aufzaehlung besonderes HTML-Format einhalten:
	<ol>
		<li><span>mein Text</span></li>
		<li><span>mehr Text</span></li>
		...
	</ol>
   [Wegen Farbgebung noetig (Ziffern gruen, Text dunkelgrau)]
*/
#content ol {
	clear: left; /* Per Default nur rechts stehende Bilder umfliessen */
	margin-bottom: 0.9em;
	color: #333333;
	padding-left: 2.3em;
	list-style-type: decimal;
	list-style-image: none;
}
#content ol ol {
	margin-bottom: 0;
}
#content ol.grossbuchstaben {
	list-style-type: upper-alpha;
}
#content ol.kleinbuchstaben {
	list-style-type: lower-alpha;
}
#content ol.roemischgross {
	list-style-type: upper-roman;
}
#content ol.roemischklein  {
	list-style-type: lower-roman;
}
#content ol li {
	margin-top: 0.9em;
	margin-bottom: 0.9em;
	color: #298783; /* Nummerierung gruen */
	/*PN@20090914 -- Patrick Nokam:::Bugfixing -- Changes are the lines following*/
	background-image: none;
	padding:0px;
}
/* PN@20090824 -- Patrick Nokam:::Bugfix::DS324876 -- change ist: , #content ol ul li */
#content ol li span, 
#content ol ul li{ /* Text wieder dunkelgrau */
	color: #333333;
}
/* Explizit verbotener Textumfluss: */
#content ol.keinBildUmfluss {
	clear: both;
}


/*---------------------------*/
/* Teaserliste */
/*---------------------------*/
/*(1) Allgemeines*/
/*--------------*/
#content div.clientsortlist, 
#content div.teaserliste {
	margin-bottom: 10px;
	clear: both;
}
/* Kopf der Teaserliste: Container fuer Headline  und/oder Sortierkopf*/
/*<div class="teaserhead"/>*/
#content .teaserhead,
#content .teaserliste .teaserhead {
	padding: 7px 5px 7px 10px;
	margin: 0px;
	background-image: url(../images/backgrounds/tabellenkopf.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #E6E9EB;
	/*Ausgleich, wenn nicht sortierbare Teaserliste 
	wegen erster Headline innerhalb der Teaserliste
	nach oben verschoben wurde um border einer ev. Zwischenüberschrift zu verdecken*/
	position: relative;
	top: -1px;
	margin-bottom: -1px;
}
/*<div class="teaserheadline"/>*/
#content .teaserhead .teaserheadline {
	font-family:"Univers 45 Regular", Arial, Helvetica, sans-serif;
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	font-size: 1.3em;
}
/*<div class="clientsortheader">*/
#content .teaserhead .clientsortheader form p {
	padding: 0px;
	margin: 0px;
}
#content .teaserhead  .clientsortheader form p label {
	margin: 0px 5px 0px 0px;
	padding-left: 0px;
}
#content .teaserhead  .clientsortheader form p label input {
	margin-right: 5px;	
	margin-bottom: -2px;	
}
/*Mehr-Link*/
/*<span class="mehr">mehr</span>*/
#content a.wrapperlink span.mehr,
#content a.wrapperlink:link span.mehr {
	text-decoration: underline;
	padding-left: 2px;
	padding-right: 19px;
	background-image: url(../images/icons/but_green_dir_right.png);
	background-position: 100% 45%;
	background-repeat: no-repeat;
}
#content a.wrapperlink:visited span.mehr {
	color: #666666;
}
#content a.wrapperlink:hover span.mehr, 
#content a.wrapperlink:focus span.mehr {
	text-decoration: none;
	cursor: pointer;
	background-image: url(../images/icons/ico_arrow_over_small.png);
}
/*secure-Icon innerhalb der Teaser*/
#content a.wrapperlink span.mehr img {
	margin-left: -5px;
}
/*Abbildungen innerhalb der Teaser*/
#content a.wrapperlink img.links,
#content a.wrapperlink img.rechts {
	margin-bottom: 0px;
}

/*(2) Funktion: sortierbar oder nicht sortierbar*/
/*---------------------------------------------*/
/*
+ sortierbare Liste oder Tabelle +++
	<div class="clientsortlist">
		<div class="clientsortrecord"/>
	</div>

+++ nicht sortierbare Liste +++
 	<div class="teaserliste">
		<div class="textteaser"/>
	</div>
*/

#content .textteaser,
#content .clientsortrecord {
	clear: both;
	line-height: 1.3em;
	border-bottom: 1px solid #cccccc;
}
/*unterer Abstand des Teasertextes*/
#content .textteaser .spacer,
#content .clientsortrecord .spacer {
	display: block;
	padding: 3px;
}
/*erster Teasereintrag, wenn ihm keine Zwischenueberschrift vorangeht*/
#content .textteaser[first="true"] {
	border-top: 1px solid #cccccc;
}

/*(3) Design: Tabelle oder Liste*/
/*------------------------------*/
/*(a) Allgemeines zur Liste*/

/*Listeneintrag*/
#content .clientsortrecord {
	padding: 0px;
	border-top: none;
}
/*<span class="teasertitel">Teasertitel</span>*/
#content .teasertitel {
	font-family: "Univers 45 Regular", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #298783;
	display: block;
	padding-top: 4px;
	padding-bottom: 1px;
}

/*(b) Allgemeines zur Tabelle*/

/*Spaltenkoepfe*/
#content .tablehead {
	padding: 5px 0px;
	background-image: url(../images/backgrounds/spaltenkopf.jpg);
	background-repeat: repeat-x;
	background-position: center;
	background-color: #dddddd;
	border: none;
	border-left: 1px solid #e4e5e5; 
	border-right: 1px solid #e4e5e5; 
}

/*(c) Produktuebersicht*/

/*erster Spaltenkopf: Produktname*/
/*<span class="tablehead_name">*/
#content .tablehead .tablehead_name {
	padding: 5px 70px 5px 10px;
	font-weight: bold;
	/*border-right: 1px solid #e4e5e5;*/
}
/*zweiter Spaltenkopf: Produktbeschreibung*/
/*<span class="tablehead_beschreibung">*/
#content .tablehead .tablehead_beschreibung {
	padding: 5px 0px 5px 8px;
}
/*erste Spalte*/
/*<span class="tbl_teasertitel" />*/
#content .clientsortlist .clientsortrecord .tbl_teasertitel {
	width: 150px; /*170px-10px padding*/
	margin: 0px;
	padding: 5px 0px 5px 5px;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #333333;
	display: block;
	float: left;
}
/*zweite Spalte*/
/*<span class="tbl_produktbeschreibung" />*/
#content .clientsortlist .clientsortrecord .tbl_produktbeschreibung {
	margin: -5px 0px -5px 162px;
	padding: 5px 5px 5px 8px; 
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #333333;
	/*border-left: 1px solid #e4e5e5;*/
	display: block;
}

/*(d) Seminartermine*/

/*Sortierkopf*/
#content .seminarheader {
	height: 15px;
	margin: 0px 0px 0px -1px;
	padding: 10px;
	background-image: url(../images/backgrounds/tabellenkopf.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #e6eaeb;
}
/*alle Elemente im Sortierkopf*/
#content .seminarheader * {
	float: left;
}
/*Sortieren nach...*/
#content .seminarheader strong {
	padding-right: 10px;
}
/*Sortierkriterien*/
#content .seminarheader span {
	padding-left: 5px;
	padding-right: 10px;
}
/*Links hinter den Pfeilen*/
#content.seminarheader a,
#content .seminarheader a:link,
#content .seminarheader a:visited,
#content .seminarheader a:hover,
#content .seminarheader a:focus,
#content .seminarheader a:active {
	width: 12px;
	height: 12px;
	padding: 0px;
	margin-left: 2px;
	background-image: none;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
}
/*Pfeile*/
#content .seminarheader a img {
	margin-left: 2px;
}
/*Seminartabelle*/
#content table.seminartabelle {
	border: none;
}
/*Liste der Termine*/
#content .seminarliste {
	padding: 0px 5px 0px 5px;
}
/*Zellen jedes Termins*/
#content .seminarliste td {
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #e4e5e5;
	border-left: none;
}
/*Beginn-Zelle und PLZ-Zelle jedes Seminartermins*/
#content .seminarliste td.plz,
#content .seminarliste td.beginn {
	width: 150px;
}
/*Zellen, in denen sich die Button befinden*/
#content .seminarliste td.button {
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	width: 100px;
}
/*Button*/
#content .seminarliste a, 
#content .seminarliste a:link,
#content .seminarliste a:visited {
	padding: 6px 25px 9px 10px;
	background-image: url(../images/but_klein.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: transparent;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}
/*Button: hover*/
#content .seminarliste a:hover, 
#content .seminarliste a:focus, 
#content .seminarliste a:active {
	background-image: url(../images/but_klein_hover.png);
}

/*-----------*/
/*   Links  */
/*----------*/

/*(1)Standard-Link */
#content a,
#content a:link,
#content a:visited {
	color: #333333;
	text-decoration: underline;
	padding-left: 18px;
	background-image: url(../images/icons/but_green_dir_right.png);
	background-position: -3px -3px;
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer; /*ap@20090914 - Links haben in allen Zuständen eine Maushand als Cursor*/
}
/*#content a:visited {
	color: #666666;
}*/
#content a:hover {
	text-decoration: none;
	background-color: #e2efef;
	background-image: url(../images/icons/ico_arrow_over_small.png);
}

/*(2a)Link im Fließtext und in Tabellenzellen OHNE Pfeil*/
#content p a, 
#content p a:link, 
#content td a,
#content td a:link {
	padding: 0px;
	background-image: none;
	overflow: hidden;
}
#content p a:visited, 
#content td a:visited {
	color: #666666;
	padding: 0px;
	background-image: none;
	overflow: hidden;
}
/*active fuer IE rausgenommen*/
#content p a:hover, 
#content ol a:hover, 
#content ul a:hover, 
#content td a:hover, 
#content p a:focus,
#content ol a:focus,
#content ul a:focus,
#content td a:focus {
	padding: 0px;
	background-image: none;
	overflow: hidden;
}

/*(2b)Link in Listen (ol, ul) OHNE Pfeil*/
#content ul a, 
#content ul a:link, 
#content ol a, 
#content ol a:link {
	padding: 0px;
	background-image: none;
	background-position: 0 0;
}
#content ul a:visited, 
#content ol a:visited {
	color: #666666;
	padding: 0px;
	background-image: none;
	background-position: 0 0;
}
/*(2c)Listen (ul), die nur aus Links bestehen (<li class="link"/>) MIT Pfeil*/
#content ul li.link a, 
#content ul li.link a:link {
	background-image: none; /*Linkbildchen (Pfeil) wird vom Listenpunkt gezeigt*/
	padding-left: 0px;
}
#content ul li.link a:visited {
	color: #666666;
	background-image: none;
	padding-left: 0px;
}
#content ul li.link a:hover, 
#content ul li.link a:focus {
	background-image: none; /*Linkbildchen (Pfeil) wird vom Listenpunkt gezeigt*/
	padding-left: 0px;
}

/*(2d)Listen (ul), die nur aus Links bestehen (<li class="link"/>) mit Bild im Bauch OHNE Pfeil*/
/*ap20090424: Bild bekommt dann auch nen Listenpfeil*/
/*#content ul li.link a.bild, 
#content ul li.link a.bild:link, 
#content ul li.link a.bild:visited {
	padding-left: 0px;
	background-image: none;
	background-color: transparent;
}*/

/*(3)Geschützter Link ("secure")*/
#content a img.secure, 
#content a:link img.secure,
#content a:visited img.secure {
	margin-top: -4px;
	margin-bottom: -6px;
	margin-right: -6px;
}

/*Vom Portal nicht benutzt, da IE bei mehrzeiligen secure-Links Hintergrnudbild falsch setzt*/
/*Lass fuer andere Verwendungen aber noch drin*/
/*<a href="#"><span class="secure">Standardlink secure</span></a>*/
#content a span.secure, 
#content a:link span.secure,
#content a:visited span.secure {
	text-decoration: underline;
	padding-right: 20px;
	margin-right: -7px; /*zum Abschneiden des unsichtbaren Bildrandes*/
	background-image: url(../images/icons/secure_lock.png);
	background-position: 100% 45%; /*horiz. Position (105%) des Bildes kann nicht verschoben werden, da mehrzeilige Links es sonst nicht mehr finden*/
	background-repeat: no-repeat;
}
/*active fuer IE rausgenommen*/
#content a:hover span.secure, 
#content a:focus span.secure,
#content a:active span.secure {
	text-decoration: none;
	background-color: #e2efef;
}

/*(4) Linkbloecke (in Textteasern, Bildteasern, ...)*/
/*<a class="wrapperlink">*/
#content a.wrapperlink, 
#content a.wrapperlink:link {
	display: block;
	text-decoration: none;
	background-image: none;
	padding: 4px 0px 4px 0px;	/*Minimum-Padding bei Teasern mit Bild*/
	overflow: auto;
}
#content a.wrapperlink:visited {
	color: #666666;
	display: block;
	background-image: none;
	text-decoration: none;
	padding: 4px 0px 4px 0px;
	overflow: auto;
}
#content a.wrapperlink:hover { 
	text-decoration: none;
	background-color: #e2efef;
}

/*(5) Link zum Seitenanfang*/
/*(5a)...außerhalb der Abschnittsueberschrift*/
#content a.seitenanfang, 
#content a.seitenanfang:link,
#content a.seitenanfang:visited {
	padding: 0px 18px 0px 0px;
	margin: 10px 0px 10px 0px;
	background-image: url(../images/icons/but_green_dir_up.png);
	background-repeat: no-repeat;
	background-position: 101% 50%;
	float: right;
	color: #333333;
}
#content a.seitenanfang:hover, 
#content a.seitenanfang:focus {
	background-image: url(../images/icons/ico_top1_over.png);
	background-position: 98% 48%;
}

/*(5b)...in der Abschnittsueberschrift*/
#content h2 a.seitenanfang, 
#content h2 a.seitenanfang:link,
#content h2 a.seitenanfang:visited {
	position: relative;
	top: 8px;
	margin: 0px;
	padding: 0px 18px 0px 0px;
	font-size: 0.6em;
	font-family: Verdana, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;	
	display: inline;
	float: right;
	color: #333333;
}
#content h2 a.seitenanfang:hover, 
#content h2 a.seitenanfang:focus {
	text-decoration: none;
	background-color: #e2efef;
}

/*(6)RSS-Link */
/*
	<span class="rss">
		<a class="rssLink" titel="{TITEL}" href="{URL}">
			<span class="nurscreenreader"><xsl:value-of select="TITEL"/></span>
		</a>
		RSS- Feed
		<a titel="RSS was ist das" href="www.datev.de/rss/faq">Was ist das?</a>
	</span>
*/
/*RSS-Bereich*/
#content .rss {
	float: right;
	color: #666666;
	min-width: 125px;
	margin: 0px 0px 5px 5px;
}
/*RSS-Text*/
#content .rss p {
	font-weight: bold;
	font-size: 1.1em;
	margin: 2px 0px 0px 0px;
}
/*RSS-Link*/
#content .rss a.rssLink,
#content .rss a.rssLink:link, 
#content .rss a.rssLink:visited,
#content .rss a.rssLink:hover,
#content .rss a.rssLink:focus {
	background-image: url(../images/icons/icon_rss_gross.png);
	background-position: center;
	background-color: transparent;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	height: 35px;
	width: 35px;
	display: block;
	float: left;
}
/*RSS-FAQ*/
#content .rss a,
#content .rss a:link,
#content .rss a:visited,
#content .rss a:hover,
#content .rss a:focus {
	color: #666666;
	background-image: none;
	padding: 0px;
	font-size: 0.8em;
}

/*----------------------*/
/*Modul: DATEVwelt-Bild 
/*(grau-gruener Bildstil)*/
/*(kein Rahmen)         */
/*----------------------*/

/*Bild*/
/*----*/
/*links*/
#content img.links {
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 0px;
	float: left;
}
/*rechts*/
#content img.rechts {
	margin-left: 10px;
	padding: 0px;
	float: right;
	margin-bottom: 5px;
}
/*Link um das Bild*/
/*----------------*/
/*rechts*/
#content a.rechts , 
#content a.rechts:link,
#content a.rechts:visited {
	background-image: none;
	background-color: transparent;
	padding: 0px;
	text-decoration: none;
	float: right;
}
#content a.rechts img, 
#content a.rechts:link img,
#content a.rechts:visited img {
	margin: 0px;
	padding: 0px;
	float: right;	
}
/*links*/
#content a.links, 
#content a.links:link,
#content a.links:visited {
	background-image: none;
	background-color: transparent;
	padding: 0px;
	text-decoration: none;
	float: left;
}
#content a.links img,
#content a.links:link img,
#content a.links:visited img {
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
}
/*Links, die Bilder im Fliesstext umranden (z.B. )*/
#content a.bild,
#content a.bild:link,
#content a.bild:visited {
	background-color:transparent; 
	background-image:none;
	padding: 0px;
}

/*Bilduntertitel*/
/*<p class="bilduntertitelLinks | bilduntertitelRechts">*/
#content p.bilduntertitelLinks,
#content p.bilduntertitelLinks *,
#content p.bilduntertitelLinks a,
#content p.bilduntertitelLinks a:link,
#content p.bilduntertitelLinks a:visited,
#content p.bilduntertitelLinks a:hover,
#content p.bilduntertitelLinks a:focus,
#content p.bilduntertitelLinks a:active {
	color: #999999;
	clear: both;
	float: left;
	text-align: left;
	margin: 0px 5px 10px 0px;
}
#content p.bilduntertitelRechts,
#content p.bilduntertitelRechts *,
#content p.bilduntertitelRechts a,
#content p.bilduntertitelRechts a:link,
#content p.bilduntertitelRechts a:visited,
#content p.bilduntertitelRechts a:hover,
#content p.bilduntertitelRechts a:focus,
#content p.bilduntertitelRechts a:active  {
	color: #999999;
	clear: both;
	float: right;
	text-align: right;
	margin: 0px 0px 5px 10px;
}

/*------------------*/
/*Modul: Fremd-Bild */
/*(Besitzt Rahmen)  */
/*------------------*/
/* Fremd-Bild (Foto, Screenshot): Rahmen + optionale Beschriftung (in SPAN-Element(en)).

   Beispiel-HTML:
	<div class="fremdbildRechts">
		<p>
			<img src="./images/dietenberger.png" alt="" />
			<!-- Zum sinnvollen Einsatz von alt und title siehe: http://www.456bereastreet.com/archive/200412/the_alt_and_title_attributes/ -->
			<span>
				<strong>Ulrich Dietenberger</strong>
			</span>
			<span>
				Chefredakteur der DATEV-Abteilung für
				Zeitschriften und Kommunikation
			</span>
		</p>
	</div>
*/
#content .fremdbildLinks, 
#content .fremdbildRechts {
	clear: both;  /* Keine anderen Bilder umfliessen */
	display: table;
	width: 0; /* Tabellenverhalten: Auf benoetigte Breite aufspannen */
	margin: 0.9em;
	margin-top: 0;

	/* Schatten erzeugen (analog zur Klasse .schatten) */
	/* Nach rechts unten versetzen */
	position: relative;
	top: 1px;
	left: 1px;
	background-color: #e6eaeb; /* innere Schattenfarbe (dunkler) */
	border: 1px solid #f6f6f5; /* aeussere Schattenfarbe (heller) */
	border-width: 0 1px 1px 0;
}
#content .fremdbildLinks p, 
#content .fremdbildRechts p {
	/* Schatten-Versatz ausgleichen */
	position: relative;
	top: -1px;
	left: -1px;
	
	/* Von p geerbte Eigenschaften zuruecksetzen: */
	margin: 0;

	/* Eigene Eigenschaften: */
	display: table-cell;
	padding: 0.9em;
	border: 1px solid #E4E5E5;
	background-color: #ffffff;
}
#content .fremdbildLinks img, 
#content .fremdbildRechts img {
	/* Von img geerbte Eigenschaften zuruecksetzen: */
	float: none;
	margin: 0;
	
	/* Eigene Eigenschaften: */
	display: block;
	margin-bottom: 0.4em;
}
#content .fremdbildLinks span, 
#content .fremdbildRechts span {
	display: block;
	text-align: left;
	margin-top: 0.2em;
}
#content .fremdbildLinks {
	margin-left: 0;
	float: left;
}
#content .fremdbildRechts {
	margin-right: 0;
	float: right;
}


/*Klasse: "E-Mail Link"*/
/*Klasse: "Internet Link"*/

/*------------------------------*/
/*Klasse: Standard-Button(klein)*/
/*------------------------------*/
/*<a href="#" class="buttonwrapper">
	<span class="button">Kleiner kleiner Button</span>
</a>*/
#content a.buttonwrapper, 
#content a.buttonwrapper:link,
#content a.buttonwrapper:visited {
	/*padding: 3px 0px 7px 5px;*/
	padding-left: 5px;
	display: inline-block;
	height: 25px;
	
	background-image: url(../images/backgrounds/bt_links.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-color: transparent;
	text-decoration: none;
}
#content span.button {
	/*padding: 3px 25px 7px 5px;*/
	padding: 3px 25px 0px 5px;
	display: inline-block;
	height: 25px;

	
	color: #ffffff;
	font-family: "Univers Bold", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	background-image: url(../images/backgrounds/bt_rechts.png);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	background-color: transparent;
	white-space: nowrap;
	overflow: visible;
}
/*Hover: buttonwrapper (links)*/
#content a.buttonwrapper:hover, 
#content a.buttonwrapper:focus {
	background-image: url(../images/backgrounds/bt_links_hover.png);
	/*background-position: 0% 100%;*/
}
/*Hover: span-Bereich mit Text (rechts)*/
#content a.buttonwrapper:hover span.button , 
#content a.buttonwrapper:focus span.button {
		background-image: url(../images/backgrounds/bt_rechts_hover.png);
	/*background-position: 100% 100%;*/
}

/*--------------------------*/
/*Modul: Download-Menu */
/*--------------------------*/
/*
<div class="downloadmetadaten">
	<div class="menu"><!--bestehendes Konstrukt aus Produktbeschreibung -->
		<div class="buttonmenu">
			<div class="downloadbutton"><!--bestehendes Konstrukt aus Produktbeschreibung (daher das zusaetzliche div) -->
				<a href="" title="Download" target="_blank">Download</a>
			</div>
		</div>
		<dl class="daten_download">
			<dd class="head">Std:Min:Sek</dd>
			<dt>DSL (6000 Kbps)</dt>
			<dd>00:00:22</dd>
			...
		</dl>
	</div>
	<dl class="daten_datei">
		<dt>Erschienen</dt>
		<dd>21.01.2009</dd>
		<dt>Dateiname</dt>
		<dd>jre-6u11-windows-i586-p.exe</dd>
		...
	</dl>
</div>
*/

/*Gesamter Download-Bereich*/
#content .downloadmetadaten {
	border: 1px solid #e6eaeb;
	padding: 15px 15px 5px 15px;
	margin-bottom: 20px;
	background-color: #fbfcfd;
	float: left;
	width: 503px; /*533-40px padding*/
}
#content .downloadmetadaten .menu {
	margin: 0px; /*Ueberschreiben der Eigenschaften aus dem Produktmenue*/
}

/*Allgemeine Eigenschaften aller Listenelemente*/
#content .downloadmetadaten dt {
	font-weight: bold;
}
#content .downloadmetadaten dt i{
	font-size: 0.9em;
}
#content .downloadmetadaten dd {}

/*Downloadbutton*/
#content .downloadmetadaten .buttonmenu {	
	width: 208px;
	font-size: 1.6em;
}
/*Downloaddaten*/
#content .downloadmetadaten dl.daten_download {
	margin-top: 5px;
}
#content .downloadmetadaten dl.daten_download dd {}
	
#content .downloadmetadaten dl.daten_download dd {	
	text-align: right;
}
#content .downloadmetadaten dl.daten_download dd.head {
	font-size: 0.8em; 
	color: #999999;
}
/*Dateidaten*/
#content .downloadmetadaten dl.daten_datei {	
	float: left;
	width: 280px;
}


/*--------------------------*/
/*Modul: Menu*/
/*--------------------------*/
/*umfasst Button und Rolladen(menulist)*/

/*<div class="menu">
	<div class="buttonmenu">
	</div>
	<dl class="menuList">
		<dt>Mehr zum Produkt/Seminar</dt>
		<dd></dd>
	</dl>
</div>*/
#content .menu {
	margin: 0 0 2em 1em; 
	float: right;
	width: 206px;
}

/*---------------------------*/
/*Buttonmenu (große Button)/
/*-------------------------*/
#content .menu .buttonmenu {	
	width: 208px;
	font-size: 1.6em;
}
/*-----Bestellhinweis--------*/
#content .bestellbutton a.bestellhinweis, 
#content .bestellbutton a.bestellhinweis:link,
#content .bestellbutton a.bestellhinweis:visited {
	display: block;
	padding: 10px 0px 10px 45px;
	background-image: url(../images/backgrounds/but_hinweis_b.png);
	background-position: top left;
	background-repeat: no-repeat;
	
	font-family: "Univers 45 Regular", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #f5f6f7;
}
#content .bestellbutton a.bestellhinweis:hover, 
#content .bestellbutton a.bestellhinweis:focus {
	background-color: #ffffff;
}
/*-----Nicht verfuegbar--------*/
#content .bestellbutton a.inaktiv, 
#content .bestellbutton a.inaktiv:link,
#content .bestellbutton a.inaktiv:visited {
	margin-bottom: 5px;
	padding: 15px 0px 15px 45px;
}

/*-----Bestellen--------*/
#content .bestellbutton a.bestellen, 
#content .bestellbutton a.bestellen:link,
#content .bestellbutton a.bestellen:visited {
	display: block;
	padding: 10px 0px 10px 45px;
	background-image: url(../images/backgrounds/but_bestellen.png);
	background-position: center;
	background-repeat: no-repeat;
	
	font-family:"Univers 45 Regular", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
}
#content .bestellbutton a.bestellen:hover, 
#content .bestellbutton a.bestellen:focus {
	background-image: url(../images/backgrounds/but_bestellen_hover.png);
	background-color: #ffffff;
}

/*-----Download--------*/
#content .downloadbutton a, 
#content .downloadbutton a:link,
#content .downloadbutton a:visited {
	display: block;
	padding: 8px 0px 11px 45px;
	background-image: url(../images/backgrounds/but_download.png);
	background-position: center;
	background-repeat: no-repeat;
	
	font-family: "Univers 45 Regular", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
}
#content .downloadbutton a:hover, 
#content .downloadbutton a:focus {
	background-image: url(../images/backgrounds/but_download_hover.png);
	background-color: #ffffff;
}
/*---------------------------*/
/*Rolladen (Menuliste)/
/*-------------------------*/

/*Menuliste im Menu*/
#content .menu .menuList {
	width: 203px;
	margin: 0px;
	border-top: 1px solid #f2f5f7;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #ebeef0;
	
	/* Schatten-Versatz ausgleichen */
	position: relative;
	top: -1px;
	left: -1px;
}
/*Titel der Menuliste*/
#content .menu .menuHead {
	height: 20px;
	padding: 10px 0px 8px 12px;
	margin: 0px;
	font-size: 1.1em;
	font-weight: bolder;
	color: #666666;
	background-image: url(../images/backgrounds/tocbackheadShort.png);
	background-position: bottom left;
	background-repeat: repeat-x;	
	
	float: none;
}

/*Item in der Menuliste*/
#content .menu .menuList dd {
	display: block;
	min-height: 19px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #d7d7d7;
}
#content .menu .menuList a, 
#content .menu .menuList a:link,
#content .menu .menuList a:visited {
	display: block;
	padding: 3px 20px 3px 12px;
	background-image: url(../images/backgrounds/bg_rolladen.png);
	background-color: #dddddd;
	background-position: center;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #333333;
	/*color: #616161;*/
}
#content .menu .menuList a:hover, 
#content .menu .menuList a:focus {
	background-image: url(../images/backgrounds/bg_rolladen_hover.png);
	/*color: #000000;*/
}


/*-----------------------*/
/*Ueberschriften
/*-----------------------*/
/*Ueberschrift 1.Ordnung*/
#content h1 {
	margin-bottom: 0.8em;
	margin-left: -1px;
	font-size: 2.3em;
	font-family: "Univers 45 Regular", Arial, Helvetica, sans-serif;
	color: #298783;
}

/*Ueberschrift 2.Ordnung*/
#content h2 {
	clear: both; /* Keine Bilder umfliessen */
	margin-top: 1.8em;
	padding-bottom: 5px;
	margin-bottom: 15px;
	font-size: 1.7em;
	font-family: "Univers 45 Regular", Arial, Helvetica, sans-serif;
	color: #298783;
	border-bottom: 1px solid #e4e5e5;
}

/*Ueberschrift 3.Ordnung*/
#content h3 {
	clear: both; /* Keine Bilder umfliessen */
	margin-top: 1.3em;
	padding-bottom: 0.3em;
	font-size: 1.25em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	color: #298783; 
	/*color: #155C59;*/
}
/*Ueberschrift 3.Ordnung fuer den Einsatz über und innerhalb von Teaserlisten*/
#content h3.teaserliste {
	font-family: "Univers 45 Regular", Arial, Helvetica, sans-serif;
	color: #666666; 
	font-size: 1.5em;
	padding: 4px 0px 3px 0px;

	border-bottom: none;
	margin: 15px 0px 0px 0px;
}

/*Ueberschrift 3.Ordnung, 
die von nachfolgendem Text umflossen werden kann*/
#content h3.bildumfluss {
	clear: none;
}

/*Ueberschrift 4.Ordnung*/
#content h4 {
	margin-top: 0.9em;
	padding-bottom: 0.3em;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	color: #333333;
}

/*----------------*/
/*Modul: Einfuehrung*/
/*---------------*/
/* i.d.R. einzeilig und hellgrau, steht ueber h1 */
#content #einfuehrung {
	margin-bottom: 0px;
	font-family: "Univers 45 Regular", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #999999;
}
/* platzbegrenzte Variante */
#content #einfuehrung.schmal {
	padding-right: 240px;
}

/*----------------*/
/*Modul: Vorspann*/
/*---------------*/
#content #vorspann, 
#content #vorspann *{ /* Vorspann und alle Elemente die sich darin befinden */
	margin-bottom: 0.9em;
	font-weight: bold;
}

/*---------------------------*/
/*Modul:Tabelle              */
/*---------------------------*/
/* Beispiel-HTML:
<div class="schatten">
	<table>
	    <caption><a href="">Ein Link</a>Tabellenname</caption>
	    <thead>
	        <tr>
	            <td colspan="4">
	                <p>
	                    Laaange Erklärungen zum Tabelleninhalt können hier stehen,<br />
	                    auch mehrzeilig und <strong>hervorgehoben</strong>.
	                </p>
	            </td>
	        </tr>
	        <tr>
	            <td colspan="4">
	                <form action="...">
	                    <p>
	                        Individuelle Sortierüberschrift:<br />
	                        <label for="sortierungDatev">
	                    		<input checked="checked" value="DATEV" name="sortierung" id="sortierungDatev" type="radio" />
	                    		DATEV-Sortierung
	                    	</label>
	                    	<label for="sortierungAlpha">
	                    		<input value="Alphabetisch" name="sortierung" id="sortierungAlpha" type="radio" />
	                    		Alphabetisch
	                    	</label>
	                    </p>
	                </form>
	            </td>
	        </tr>
	        <tr>
	        	<td colspan="4">
	            	<div class="reitersteuerung">
	            		|&lt; &lt; 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8  &gt; &gt;|
	            	</div>
	            	Eintrag 1-20 / 189
	            </td>
	        </tr>
	        <tr>
	            <th>
	                Spaltenkopf1
	            </th>
	            <th>
	                Spaltenkopf2
	            </th>
	            <th>
	                Hauptspalte
	            </th>
	            <th>
	                Spaltenkopf4
	            </th>
	        </tr>
	    </thead>
	    <tfoot>
	        <tr>
	            <td colspan="4">
	            	<div class="reitersteuerung">
	            		|&lt; &lt; 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8  &gt; &gt;|
	            	</div>
	            	Eintrag 1-20 / 189
	            </td>
	        </tr>
	    </tfoot>
	    <tbody>
	        <tr>
	            <td class="first">
	                oeu<br />q<br />
	                eqe<br />
	                eqweqweqe qewqwwwwwew
	            </td>
	            <td>
	                bbb
	            </td>
	            <td class="hauptspalte">
	                bbb
	            </td>
	            <td>
	                bbb
	            </td>
	        </tr>
	        <tr class="zwischenueberschrift">
	            <th colspan="4">
	                Zwischenüberschrift
	            </th>
	        </tr>
	        <tr>
	            <td colspan="2" class="first">
	                2 Spalten
	            </td>
	            <td class="hauptspalte">
	                12
	            </td>
	            <td>
	                122
	            </td>
	        </tr>
	        <tr class="zebra">
	            <td class="first">
	                Zebra-Zeile
	            </td>
	            <td>
	                8
	            </td>
	            <td class="hauptspalte">
	                11
	            </td>
	            <td>
	                12
	            </td>
	        </tr>
	        <tr>
	            <td class="first">
	                8
	            </td>
	            <td>
	                10
	            </td>
	            <td class="hauptspalte">
	                    10
	            </td>
	            <td>
	                    10
	            </td>
	        </tr>
	        <tr class="zebra">
	            <td class="first">
	                    Zebra-Zeile
	            </td>
	            <td>
	                    8
	            </td>
	            <td class="hauptspalte">
	                    11
	            </td>
	            <td>
	                    12
	            </td>
	        </tr>
	        <tr>
	            <td class="first">
	                    8
	            </td>
	            <td>
	                    10
	            </td>
	            <td class="hauptspalte">
	                    10
	            </td>
	            <td>
	                    10
	            </td>
	        </tr>
	        <tr class="zebra">
	            <td class="first">
	                    Zebra-Zeile
	            </td>
	            <td>
	                    8
	            </td>
	            <td class="hauptspalte">
	                    11
	            </td>
	            <td>
	                    12
	            </td>
	        </tr>
	        <tr>
	            <td class="first">
	                    8
	            </td>
	            <td>
	                    10
	            </td>
	            <td class="hauptspalte">
	                    10
	            </td>
	            <td>
	                    10
	            </td>
	        </tr>
	    </tbody>
	</table>
</div> <!-- schatten -->
*/
#content table {
	/* Schatten-Versatz ausgleichen */
	position: relative;
	top: -1px;
	left: -1px;
	/*XCM-Tabellen ueberschreiben diese Breite*/
	/*width: 532px;*/ /* = Breite von #content 533px -1px (Schattenversatz)*/ 
	width: 100%; /*keine fixe Breite mehr*/
	font-size: 0.95em;
	border-collapse: collapse; /* Zellenrahmen fallen zusammen */
	empty-cells: show; /*geht nur, wenn border-collapse: separate!*/
	/*table-layout: fixed;*/ /* Spaltenaufteilung orientiert sich nicht am Inhalt */
	background-color: #fbfcfd;
}

/* breitere Tabellen erlauben*/
#content.broadened table {
	/*width: 754px;*/ /* = Breite von #content 755px -1px (Schattenversatz)*/ 
	/*nicht mehr noetig, da Tabellenbreite auf 100% gesetzt wurde*/
}
#content table p {
	margin: 0;
	font-weight: inherit;
}
/*
#content table th {
	vertical-align: middle;
}*/

/*----------Tabellenueberschrift----------*/
/*Ueberschrift innerhalb des Tabellenkopfes*/
#content table caption {
	caption-side: top;
	text-align: left;
	padding: 8px 10px 5px 10px;
	background-image: url(../images/backgrounds/tabellenkopf.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #ffffff;
}
#content table caption span.tabellenname {
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	color: #555555;
	font-family: "Univers 45 Regular", Arial, Helvetica, sans-serif;
}

/*Link in Tabellenueberschrift*/
#content table caption a,
#content table caption a:link {
	display: block;
	float: right;
	margin: 0px -2px 0px 0px;
	padding-left: 2px;
	padding-right: 19px;
	background-image: url(../images/icons/but_green_dir_right.png);
	background-position: 100% 45%;
	background-repeat: no-repeat;
}
#content table caption a:visited {
	color: #666666;
}
#content table caption a:hover {
	background-image: url(../images/icons/ico_arrow_over_small.png);
}

/*-----------Tabellenkopf-------------*/
/*muss Teil der Caption sein*/
/*#content table thead tr td {
	padding: 5px 10px;
	background-color: #e6e9eb;
   border-left: 1px solid #e6e9eb;
}*/

/*Spaltenkoepfe*/
#content table thead tr td {
	padding: 5px 5px;
	background-image: url(../images/backgrounds/spaltenkopf.jpg); 
	background-repeat: repeat-x;
	background-position: center;
	background-color: #dddddd;
	border: 1px solid #d7d7d7; /* Firefox stellt den Rahmen 1px nach links versetzt dar. Es gibt keinen Workaround. */
	border-left: 1px solid #e6e9eb; /* Linken Rahmen optisch etwas abschwaechen */
}
/*erster Spaltenkopf*/
#content table thead tr td.first {
	padding-left: 10px;
}
/*letzter Spaltenkopf*/
#content table thead tr td.last {
	padding-right: 10px;
}
/*erster und gleichzeitig letzter Spaltenkopf*/
#content table thead tr td.first.last {
	padding-left: 10px;
	padding-right: 10px;
}

/*
#content table thead form p {
	font-weight: bold;
}*/

/*-------------Tabellenfuß------------*/
/*ToDo Hintergrund hinter gesamten Fußbereich*/
#content table tfoot th {
	background-image: url(../images/backgrounds/tabellenfuss.jpg); 
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: #e6e9eb;
	border: 1px solid #d7d7d7; /* Firefox stellt den Rahmen 1px nach links versetzt dar. Es gibt keinen Workaround. */
   border-left: 1px solid #e6e9eb; /* Linken Rahmen optisch etwas abschwaechen */
}

#content table tfoot td, 
#content table tfoot th {
	padding: 8px 10px;
}

/*-------------Tabellenkörper---------*/
#content table tbody td, 
#content table thead th, 
#content table tfoot th {
	padding: 8px 5px;
	border: 1px solid #d7d7d7; /* Firefox stellt den Rahmen 1px nach links versetzt dar. Es gibt keinen Workaround. */
   border-left: 1px solid #e6e9eb; /* Linken Rahmen optisch etwas abschwaechen */
}
/*Default - Textausrichtung oben/links*/
#content table tbody td {
	vertical-align: top; 
}

/*Tabellenzeile, die aussieht wie Spaltenkopf*/
#content table tbody tr.ueberschrift td {
	padding: 5px 5px;
	background-image: url(../images/backgrounds/spaltenkopf.jpg); 
	background-repeat: repeat-x;
	background-position: center;
	border: 1px solid #d7d7d7; /* Firefox stellt den Rahmen 1px nach links versetzt dar. Es gibt keinen Workaround. */
	border-left: 1px solid #e6e9eb; /* Linken Rahmen optisch etwas abschwaechen */
	vertical-align: middle;
} 

/*Erste Spalte (class="first") hat groesseren Innenabstand*/
#content table td.first, 
#content table th.first,
#content table tbody tr.ueberschrift td.first {
	padding-left: 10px; /* Erste Spalte: groesserer Linksabstand (Styleguide S. 52) */
}

#content table tbody tr td.last, 
#content table tbody tr th.last,
#content table tbody tr.ueberschrift td.last {
	padding-right: 10px;
}

/* Hintergrundfarbe bei Zebramuster oder Hauptspalte */
#content table tbody .zebra td, 
#content table tbody .hauptspalte {
	background-color: #f5f6f7;
}
/* Hintergrundfarbe bei Zebramuster UND Hauptspalte */
#content table tbody .zebra .hauptspalte {
	background-color: #f0f1f2; /* Wo sich Zebra und Hauptspalte kreuzen wird's dunkler. */
}
/* "dunkle" Zwischenueberschriften sowie Blaetter-Navigation ("Seite 1 von 30") */
#content table tbody th {
	padding: 8px 10px;
	background-image: url(../images/backgrounds/tabellenreiter.png);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #dee0e2;
}
#content table tbody .zwischenueberschrift th {
	font-weight: bold;
	border-left: 1px solid #e6e9eb; /* Linken Rahmen optisch etwas abschwaechen */
}

/* Reitersteuerung (Register)*/
#content tr.reitersteuerung td {
	padding: 8px 10px;
	background-image: url(../images/backgrounds/tabellenreiter.png); 
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #dee0e2;
}
/*allg. Behandlung aller Registerelemente*/
#content tr.reitersteuerung li {
	float: left;
	background-image: none;
	margin: 0px;
	padding: 0px;
}

/*Überblick Reitersteuerung*/
#content tr ul.reiterueberblick {
	clear: none;
	float: left;
	padding: 0px;
	margin: 0px;
}
#content tr ul.reiter {
	clear: none;
	float: right;
	padding: 0px;
	margin: 0px;
}

/*allg. Behandlung aller Links in den Registerelementen*/
#content tr.reitersteuerung li a, 
#content tr.reitersteuerung li a:link, 
#content tr.reitersteuerung li a:visited {
	margin: 0px;
	padding: 3px 8px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

/*First-Icon (aktiv)*/
#content li.browseFirst a.active {
	background-image: url(../images/icons/browse_first.png);
}
/*First-Icon (inaktiv)*/
#content li.browseFirst a.inactive {
	background-image: url(../images/icons/browse_first_inactive.png);
}
/*First-Icon (inaktiv)*/
#content li.browseFirst a.inactive:hover {
	background-color: transparent;
	cursor: default;
}
/*First-Icon (inaktiv)*/
#content li.browseFirst a.inactive:active {
	background-color: transparent;
}
/*First-Icon (inaktiv)*/
#content li.browseFirst a.inactive:visited {
	background-color: transparent;
}
/*Previous Group-Icon (aktiv) */
#content li.browsePreviousGroup a.active {
	background-image: url(../images/icons/browse_previous10.png);
}
/*Previous Group-Icon (inaktiv) */
#content li.browsePreviousGroup a.inactive {
	background-image: url(../images/icons/browse_previous10_inactive.png);
}
/*Previous Group-Icon (inaktiv) */
#content li.browsePreviousGroup a.inactive:hover {
	background-color: transparent;
	cursor: default;
}
/*Previous Group-Icon (inaktiv) */
#content li.browsePreviousGroup a.inactive:active {
	background-color: transparent;
}
/*Previous Group-Icon (inaktiv) */
#content li.browsePreviousGroup a.inactive:visited {
	background-color: transparent;
}
/*Previous-Icon (aktiv)*/
#content li.browsePrevious a.active {
	background-image: url(../images/icons/browse_previous.png);
}
/*Previous-Icon (inaktiv)*/
#content li.browsePrevious a.inactive {
	background-image: url(../images/icons/browse_previous_inactive.png);
}
/*Previous-Icon (inaktiv)*/
#content li.browsePrevious a.inactive:hover {
	background-color: transparent;
	cursor: default;
}
/*Previous-Icon (inaktiv)*/
#content li.browsePrevious a.inactive:active {
	background-color: transparent;
}
/*Previous-Icon (inaktiv)*/
#content li.browsePrevious a.inactive:visited {
	background-color: transparent;
}
/*Page-Link mit Pipe*/
#content li.browsePage a {
	border-left:	1px solid #999999;
	background-image: none; 
}
/*Erster Page-Link ohne Pipe*/
#content li.browsePageFirst a {
	background-image: none; 
}
/*Next-Icon (aktiv)*/
#content li.browseNext a.active {
	background-image: url(../images/icons/browse_next.png);
}
/*Next-Icon (inaktiv)*/
#content li.browseNext a.inactive {
	background-image: url(../images/icons/browse_next_inactive.png);
}
/*Next-Icon (inaktiv)*/
#content li.browseNext a.inactive:hover {
	background-color: transparent;
	cursor: default;
}
/*Next-Icon (inaktiv)*/
#content li.browseNext a.inactive:active {
	background-color: transparent;
}
/*Next-Icon (inaktiv)*/
#content li.browseNext a.inactive:visited {
	background-color: transparent;
}
/*Next Group-Icon (aktiv)*/
#content li.browseNextGroup a.active {
	background-image: url(../images/icons/browse_next10.png);
}
/*Next Group-Icon (inaktiv)*/
#content li.browseNextGroup a.inactive {
	background-image: url(../images/icons/browse_next10_inactive.png);
}
/*Next Group-Icon (inaktiv)*/
#content li.browseNextGroup a.inactive:hover {
	background-color: transparent;
	cursor: default;
}
/*Next Group-Icon (inaktiv)*/
#content li.browseNextGroup a.inactive:active {
	background-color: transparent;
}
/*Next Group-Icon (inaktiv)*/
#content li.browseNextGroup a.inactive:visited {
	background-color: transparent;
}
/*Last-Icon (aktiv)*/
#content li.browseLast a.active {
	background-image: url(../images/icons/browse_last.png);
}
/*Last-Icon (inaktiv)*/
#content li.browseLast a.inactive {
	background-image: url(../images/icons/browse_last_inactive.png);
}
/*Last-Icon (inaktiv)*/
#content li.browseLast a.inactive:hover {
	background-color: transparent;
	cursor: default;
}
/*Last-Icon (inaktiv)*/
#content li.browseLast a.inactive:active {
	background-color: transparent;
}
/*Last-Icon (inaktiv)*/
#content li.browseLast a.inactive:visited {
	background-color: transparent;
}
/* ausgewählte Page */
#content li a.browsePageSelected {
	cursor: default;
	font-weight: bold;
}
/* ausgewählte Page */
#content li a.browsePageSelected:hover {
	background-color: transparent;
}
/* ausgewählte Page */
#content li a.browsePageSelected:active {
	background-color: transparent;
}
/* ausgewählte Page */
#content li a.browsePageSelected:visited {
	background-color: transparent;
}

/*---------------------------------------------*/
/* Textlastige Tabelle (keine Spaltentrenner) */
/*--------------------------------------------*/
#content table.textual tbody th, 
#content table.textual tbody td {
	border-left: none;
	border-right: none;
}
#content table.textual tbody th.first, 
#content table.textual tbody td.first {
	border-left: 1px solid #e6e9eb;
}
/*-----------------------------*/
/* Tabelle zur Positionierung */
/*---------------------------*/
#content table.positionierung {
	border: none;
	background-color: transparent;
	overflow: visible;
	top: 0px; /*keine Schatten- Verschiebung*/
	left: 0px; /*keine Schatten- Verschiebung*/
}
#content table.positionierung tr td {
	border: none;
}

/*---------------------------*/
/* Fussbereich der Produkte */
/*---------------------------*/
#content #productFooter {
	border-top:1px solid #d7d7d7;
	background-color: #fbfcfd;
	margin: 30px -20px -30px -20px;
	padding: 10px 20px 30px 20px;
}

#content #productFooter h3 {
	font-family: "Univers 45 Regular", Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding-bottom: 4px;
	font-size: 1.5em;
}
/*Telefonnummer*/
#content #productFooter p em {
	padding-top: 1px;
	padding-bottom: 13px;
	margin-top: -3px;
	color: #666666;
	font-size: 2.2em;
	display: block;
}

/*---------------------------------*/
/* Zusatzinformaionen zum Produkt */
/*--------------------------------*/
#content .zusatzinfo {
	color:#999999;
}
#content div.zusatzinfo {
	border-top: 1px solid #dddddd;
}
/*Index der Zusatzinfos*/
#content .zusatzinfo p {
	padding-top: 2px;
	margin: 0px;
}


/*---------------------------*/
/* Sortierbare Tabelle */
/*---------------------------*/
/* Hier nur Aenderungen zu normaler Tabelle formatieren */

/* Funktionsweise: Zusaetzlich zum urspruenglichen Hintergrundbild
   (3D-Verlauf) werden fuer jede Sortier-Art (alphabetisch,
   nach datum, ...) weitere Hintergrundbild-Varianten erstellt.
   Diese haben die dreifache Hoehe des urspr. Hintergrundbilds,
   und enthalten untereinander die jeweiligen Hintergrundbilder
   fuer die drei Stati "keine Sortierung", "aufsteigend sortiert",
   "absteigend sortiert". Diese sind mit grauen/schwarzen Pfeilchen,
   sowie weiteren datentypspezifischen Kennzeichnungen zur Sortierung
   ausgestattet.
   Die Klassen .alpha, .date, etc. bestimmen, welches Hintergrundbild
   verwendet werden soll.
   Die Klassen .asc und .desc bestimmen, welcher der drei untereinander-
   stehende Teile des Hintergrundbilds sichtbar sein soll (wenn weder
   .asc noch .desc: der oberste Teil).
   
   Die Klassen .alpha, .date, etc. werden mit dem HTML ausgeliefert, z.B.
   <table class="sortable">
     ...
     <th class="alpha">Name</th>
     ...
   </table>
   
   Einer der Spaltenkoepfe wird zusaetzlich mit einer Default-Statuskennzeichnung
   .asc/.desc ausgeliefert, entsprechend der Default-Sortierung, z.B.
   <th class="date desc">Erscheinungsdatum</th>
   
   Beim clientseitigen Umsortieren werden dann die Klassen .asc/.desc per JS dynamisch
   ersetzt, entfernt oder hinzugefuegt. Natuerlich sollte dabei nicht die komplette
   th-className-Eigenschaft ueberschrieben werden, sondern wirklich nur ein Austausch
   der Stati-Klassen stattfinden.
*/
#content table.sortable tbody th {
	height: 30px; /* 40px(Hoehe einer "Hintergrundbild-Scheibe")-5px(padd)-5px(padd)=30px */
	background-position: right top; /* Default-Bildpositition: oben (keine aktive Sortierung) */
	background-repeat: no-repeat;
}
/* Klassen fuerverstaendlichere Darstellung als "absteigend" und "aufsteigend" alleine,
   abhaengig vom Datentyp.
   
   Der Hintergrund ist, dass nur sehr wenige Leute wissen, was "ab-/aufsteigend" eigentlich
   z.B. bei Datum heisst. Es geht darum, klarzumachen, was eigentlich nun oben steht, und
   was unten steht. Stehen neue Eintraege oben oder unten? Teure Produkte oben oder unten? etc.
   
   Die hier gezeigten speziell angepassten Sortier-Stati-Indikatoren signalisieren deswegen
   nicht nur eine "Richtung" sondern zeigen tatsaechlich, was oben und was unten steht.
*/
/* Bild fuer alphabetische Sortierung:
   ( /\ = inaktiv/grau; //\\ = aktiv/schwarz)
    _________
   |  A  /\  |
   |  Z  \/  | ("keine Sortierung" - .alpha alleine)
   |         |  
   |  A //\\ |
   |  Z  \/  | ("aufsteigend Sortiert" - .alpha zusammen mit .asc)
   |         |
   |  Z  /\  |
   |  A \\// | ("absteigend Sortiert" - .alpha zusammen mit .desc)
    ---------
*/
#content table.sortable tbody th.alpha {
	background-image: url(../images/sort_alpha.gif);
}
/* Bild fuer Datumssortierung:
    ______________
   |  letzte  /\  |
   |  erste   \/  | ("keine Sortierung" - .date alleine)
   |              |
   |  letzte //\\ |
   |  erste   \/  | ("aufsteigend Sortiert" - .date zusammen mit .asc)
   |              |
   |  erste   /\  |
   |  letzte \\// | ("absteigend Sortiert" - .date zusammen mit .desc)
    --------------
*/
#content table.sortable tbody th.date {
	background-image: url(../images/sort_date.gif);
}
/* Bild fuer Sortierung nach Zahlen allgemein:
    ______________
   |  mehr    /\  |
   |  weniger \/  | ("keine Sortierung" - .number alleine)
   |              |  
   |  mehr   //\\ |
   |  weniger \/  | ("aufsteigend Sortiert" - .number zusammen mit .asc)
   |              |
   |  weniger /\  |
   |  mehr   \\// | ("absteigend Sortiert" - .number zusammen mit .desc)
    --------------
   Fuer speziellere Zahlenformate sind spezielle Bilder noetig, z.B.
   mit "niedriger/hoeher" fuer Preise, etc.
*/
#content table.sortable tbody th.number {
	background-image: url(../images/sort_number.gif);
}
/* Klassen zur Darstellung des aktuellen Sortier-Status:
   <weder .asc noch .desc> : Aktuell ist die Tabelle nach einer anderen Spalte sortiert.
   .asc : Aktuell ist die Tabelle aufsteigend nach dieser Spalte sortiert. 
   .desc : Aktuell ist die Tabelle absteigend nach dieser Spalte sortiert.
*/
#content table.sortable tbody th.asc {
	background-position: right -40px; /* Zweite "Hintergrundbild-Scheibe" in sichtbaren Bereich schieben. Annahme: Eine "Scheibe" ist 40px lang, das gesamte Hintergrundbild also 3*40=120 */
}

#content table.sortable tbody th.desc {
	background-position: right -80px; /* Dritte "Hintergrundbild-Scheibe" in sichtbaren Bereich schieben. */
}

/*--------------------------------*/
/*Startseite*/
/*-------------------------------*/

/*oberer Bereich (Flash): Grosses Kino*/
#content #startseite_flash {
	width: 967px;
	height: 235px;
	padding: 0px;
}

#content #startseite_flash #myAlternativeContent a,
#content #startseite_flash #myAlternativeContent a:link,
#content #startseite_flash #myAlternativeContent a:visited {
	background-image: none;
	padding: 0px;
}
#content #startseite_flash #myAlternativeContent a:hover,
#content #startseite_flash #myAlternativeContent a:focus,
#content #startseite_flash #myAlternativeContent a:active {
	background-color: transparent;
}

#content #startseite_flash #myAlternativeContent {
			width: 967px;
			height: 235px;
			background: #8597AA;
			position: relative;
		}
#content #startseite_flash #myAlternativeContent img {
			display: block;
			border: 0;
		}
#content #startseite_flash #myAlternativeContent .overlay {
			background: #000000;
			width: 967px;
			height: 40px;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			opacity: 0.4;
			filter: alpha(opacity=40);
}
#content #startseite_flash #myAlternativeContent .imagelink {
			position: absolute;
			bottom: 9px;
			left: 16px;
			z-index: 3;
}
#content #startseite_flash #myAlternativeContent .textlink {
			font-family: Verdana;
			font-size: 12px;
			color: #FFFFFF;
			position: absolute;
			bottom: 14px;
			left: 199px;
			z-index: 2;
}
#content #startseite_flash #myAlternativeContent .textlink a:link,
#content #startseite_flash #myAlternativeContent .textlink a:visited,
#content #startseite_flash #myAlternativeContent .textlink a:active {
			display: inline;
			color: #FFFFFF;
			text-decoration: underline;
}
#content #startseite_flash #myAlternativeContent .textlink a:hover {
			color: #FFFFFF;
			text-decoration: none;
}

/*unterer Bereich (Inhalt): Zielgruppeneinstiegsboxen und DATEV mehr/net */
#content #startseite_inhalte {
	width: 967px; 
	height: 260px;
	margin-top: 15px;
	padding: 0px;
	overflow: hidden;
}

/*---------------------------------------------------------------------------------*/
/*Allgemeine Behandlung der Definitionslisten (dl) im Inhalsbereich der Startseite*/
/*---------------------------------------------------------------------------------*/
/*Boxen (Zielgruppen und DATEV)*/
#content #startseite_inhalte dl {
	clear: none;
	/*height: 260px;*/
	float: left;
	overflow: hidden;
	margin-bottom: 0px; /*Standard-Wert der dl zurueckgesetzt*/
}

/*Registertaben*/
#content #startseite_inhalte dt {
	clear: none; /*aus content.css zurücksetzen*/
	float: left;
}
/*Links in den Registertaben*/
#content #startseite_inhalte dt a, 
#content #startseite_inhalte dt a:link,
#content #startseite_inhalte dt a:visited {
	background-image: url(../images/backgrounds/bg_register.png);
	background-color: #298783;
	background-repeat: repeat-x;
	/*background-position: center;*/
	background-position: top left;
	padding: 6px 8px;
	margin-right: 2px;
	float: left;
	text-decoration: none;
	color: #ffffff;
	font-family: "Univers 45 Bold", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
/*Hover*/
#content #startseite_inhalte dt a:hover {
	background-position: bottom left;
	background-color: #888888;
}

/*aktuelle Tabe*/
#content #startseite_inhalte dt a.aktiv,
#content #startseite_inhalte dt a.aktiv:link,
#content #startseite_inhalte dt a.aktiv:visited,
#content #startseite_inhalte dt a.aktiv:hover {
	background-image: url(../images/backgrounds/bg_register_aktiv.png);
	background-position: top left;
	background-color: #ffffff;
	color: #000000;
}
/*Inhaltsboxen*/
#content #startseite_inhalte dd {
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 230px;
	background-color: #ffffff;
	overflow: hidden;
	display: block;
}
/*Inhaltsboxen im Hintergrund*/
#content #startseite_inhalte dd.invisible {
	display: none;
}

/*Element-Darstellung in allen Boxentypen*/
/*---------------------------------------*/
/*Links (Titel jedes Teasers)*/
#content #startseite_inhalte .titel a, 
#content #startseite_inhalte .titel a:link {
	color: #333333;
	text-decoration: underline;
	padding: 6px 15px 6px 35px;
	background-image: url(../images/icons/but_green_dir_right.png);
	background-position: 10px 3px;
	background-repeat: no-repeat;
}
#content #startseite_inhalte .titel a:visited {
	/*hier keine Doppelung der Linkeigenschaften*/
	color: #666666;
}
#content #startseite_inhalte .titel a:hover {
	text-decoration: none;
	background-color: #e2efef;
	background-image: url(../images/icons/ico_arrow_over_small.png);
	/*background-position: 14px 9px;*/
}
/*große graue Ueberschriften*/
#content #startseite_inhalte h3 {
	color: #666666;
	padding: 0px 10px 0.3em 10px;
}
/*als Teasertitel ohne*/
#content #startseite_inhalte .wrapperlink h3 {
	padding: 0px 0px 0.3em 0px;
}
/*Absatz	*/
#content #startseite_inhalte p {
	margin: 10px;
	line-height: 1.27em;
}
/*Liste, Klickmap*/
#content #startseite_inhalte .startseite_liste,
#content #startseite_inhalte .startseite_klickmap { 
	padding:0px 10px 0px 10px;
}

/*---------------------------*/
/*Zielgruppeneinstiegsboxen */
/*--------------------------*/
/*Container*/
#content #startseite_inhalte #standard {
	width: 730px;
	margin-right: 12px;
}
/*Inhaltsbereich*/
#content #startseite_inhalte #standard dd {
	width: 730px;
}
/*3 Spalten im Inhaltsbereich*/
#content #startseite_inhalte #standard dd .box {
	width: 33.2199%;
	float: left;
}
/*Trennlinien der 3 Spalten im Inhaltsbereich*/
#content #startseite_inhalte #standard dd .trenner {
	border-left: 1px solid #e6e9eb;
	height: 210px;
	margin-top: 10px;
	float: left;
}

/*-------------*/
/*DATEV-Boxen */
/*-------------*/
#content #startseite_inhalte #ausgelagert {
	width: 225px;
	float: right; /*Box steht immer rechts, auch wenn es keine Register links gäbe*/
}
/*Register DATEVnet*/
#content #startseite_inhalte dt.datevnet{
	float: right;
}
/*Registerlink DATEVnet*/
#content #startseite_inhalte dt.datevnet a, 
#content #startseite_inhalte dt.datevnet a:link, 
#content #startseite_inhalte dt.datevnet a:visited,
#content #startseite_inhalte dt.datevnet a:hover  {
	padding: 6px 15px 6px 0px;
	width: 79px;
	margin-right: 0px;	
	direction: rtl;
}
/*Registerlink DATEVnet - hover bzw. aktiv etc.*/
#content #startseite_inhalte dt.datevnet a.aktiv,
#content #startseite_inhalte dt.datevnet a.aktiv:link,
#content #startseite_inhalte dt.datevnet a.aktiv:visited,
#content #startseite_inhalte dt.datevnet a.aktiv:hover {
	background-image: url(../images/teaser_datevnet_tabe.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #E9EBEB;
}
#content #startseite_inhalte dd.datevnet {
	background-image: url(../images/teaser_datevnet.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #d7d7d7;
}
/*Ueberschriften in DATEVnet*/
#content #startseite_inhalte dd.datevnet strong {/*PN@20090923*/
	display: block;
	margin: 10px 10px 5px 0px;
	color: #298783;
	text-decoration: none;
}
/*Links in DATEVnet*/
#content #startseite_inhalte dd.datevnet a,
#content #startseite_inhalte dd.datevnet a:link, 
#content #startseite_inhalte dd.datevnet a:visited  { /*PN@20090923*/
	background-image: none;
	padding: 0px;
	background-color: transparent;
}
#content #startseite_inhalte dd.datevnet .titel a,
#content #startseite_inhalte dd.datevnet .titel a:link, 
#content #startseite_inhalte dd.datevnet .titel a:visited,
#content #startseite_inhalte dd.datevnet .titel a:hover { /*PN@20090923*/
	padding-left: 30px;
}
/*Hover in DATEVnet mit halbtransparentem Hintergrundbild*/
#content #startseite_inhalte dd.datevnet a:hover {
	background-image: url(../images/backgrounds/hoverTransparent.png);
	background-repeat: repeat-y;
	background-position: top;
}
/*Teaserlisten etwas nach oben verschieben, damit sich */
#content #startseite_inhalte dd.datevnet a.wrapperlink,
#content #startseite_inhalte dd.datevnet a.wrapperlink:link,
#content #startseite_inhalte dd.datevnet a.wrapperlink:visited { /*PN@20090923*/
	margin-top: -3px;
}

/* "Mehr von DATEV" */

/*Registerlink Mehr von DATEV*/
#content #startseite_inhalte dt.mehr_von_datev a, 
#content #startseite_inhalte dt.mehr_von_datev a:link, 
#content #startseite_inhalte dt.mehr_von_datev a:visited,
#content #startseite_inhalte dt.mehr_von_datev a:hover {
	padding: 6px 0px 6px 15px;
	width: 114px;
}

/*verlinkte Titel in Mehr von DATEV*/
#content #startseite_inhalte dd.mehr_von_datev .titel a.wrapperlink, 
#content #startseite_inhalte dd.mehr_von_datev .titel a.wrapperlink:link, 
#content #startseite_inhalte dd.mehr_von_datev .titel a.wrapperlink:visited  {/*PN@20090923*/
	color: #333333;
	height: 25px;
	text-decoration: underline;
	padding-left: 30px;
	padding-right: 10px;
	border-bottom: 1px solid #d7d7d7;
	overflow: hidden;
}
#content #startseite_inhalte dd.mehr_von_datev .titel a.wrapperlink:hover {
	text-decoration: none;
	background-color: #e2efef;
	background-image: url(../images/icons/ico_arrow_over_small.png);
}

/*Newsletter*/
#content #startseite_inhalte dd.mehr_von_datev form {/*PN@20090923*/
	border-top: 1px solid #bbbbbb;
	height: 80px;
	background-color: #f5f6f7;
}
#content #startseite_inhalte dd.mehr_von_datev form label {/*PN@20090923*/
	font-weight: bold;
}
#content #startseite_inhalte dd.mehr_von_datev form input,
#content #startseite_inhalte dd.mehr_von_datev form input {/*PN@20090923*/
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: middle;
	padding: 0.3em;
	width: 170px;
	border: 1px solid #bbbbbb;
	background-image: url(../images/backgrounds/tabellenfuss.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	color: #666666;
	font-size: 0.9em;
}
#content #startseite_inhalte dd.mehr_von_datev form button,
#content #startseite_inhalte dd.mehr_von_datev form button  {/*PN@20090923*/
	margin-left: 2px;
	vertical-align: middle;
	width: 20px;
	height: 21px;
	background-image: url(../images/backgrounds/suche_dunkelgruen.png);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	background-color: #298783;
	border: none;
	cursor: pointer;
}

/*-----------------------*/
/*Quellenangabe der Seite*/
/*-----------------------*/
#content #seitenquelle {
	color: #999999;
	border-top: 1px solid #dddddd;
	margin-top: 20px;
}

/*------------------------*/
/*Modul: iFrame*/
/*fuer z.B. Funktionsboxen*/

/*Die Darstellung des iFrames
in der LandingPage Comfort wird
in variants.css behandelt*/
/*-------------------------*/
#content iframe {
	margin-bottom: 10px;
}

#content iframe.rechts {
	float: right;
	margin-left: 10px;
}
#content iframe.links {
	float: left;
	margin-right: 10px;
}
#content iframe.mitte {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/*--------------------------------*/
/*Drucklayout-Elemente ignorieren*/
/*-------------------------------*/
#content #printpreviewheader, 
#content #printpreviewfooter {
	display: none;
}



/*--- 3.c Contentboxen -----*/

/*- 3.c.1 Aktuelle Themen (z.B. aus der Newsgroup) -*/

/*Allgemeines: Zeilen und Zellen*/
#content .latestThemes table tbody tr,
#content .latestThemes table tbody tr td {
	padding: 0px;
	height: 100%; /*vom IE ignoriert*/
	overflow: hidden;
}
/*Allgemeines: Spaltenueberschrift (tr.ueberschrift)*/
#content .latestThemes table tbody tr.ueberschrift,
#content .latestThemes table tbody tr.ueberschrift td {
	padding: 5px 10px;
}
/*Allgemeines: Links in den Zellen*/
#content .latestThemes table tbody tr td a,
#content .latestThemes table tbody tr td a:link,
#content .latestThemes table tbody tr td a:visited,
#content .latestThemes table tbody tr td a:hover,
#content .latestThemes table tbody tr td a:active,
#content .latestThemes table tbody tr td a:focus {
	display: block;
	padding: 8px;
	text-decoration: none;
	height: 90%; /*vom IE ignoriert*/
}
/*Allgemeines: keine secure-Kennzeichnung der Links*/
#content .latestThemes table img.secure,
#content .latestThemes table a:link img.secure,
#content .latestThemes table a:visited img.secure,
#content .latestThemes table a:hover img.secure,
#content .latestThemes table a:active img.secure,
#content .latestThemes table a:focus img.secure {
	display: none;
}
/*Allgemeines: Ueberfahren einer Zeile (tr:hover)
	Die Klasse .hover wird fuer onmouseout/onmouseover im IE6 benoetigt
*/
 #content .latestThemes table tbody tr:hover,
#content .latestThemes table tbody tr:hover td,
#content .latestThemes table tbody tr.hover,
#content .latestThemes table tbody tr.hover td {
	background-color: #e2efef;
}
/*Links in der ersten Spalte (td.first): im Ruhezustand*/
#content .latestThemes table tbody tr td.first a,
#content .latestThemes table tbody tr td.first a:link,
#content .latestThemes table tbody tr td.first a:visited {
	text-decoration: underline;
	background-image: url(../images/icons/but_green_dir_right.png);
	background-position: 6px 6px;
	background-repeat: no-repeat;
	padding-left: 25px;
	height: 90%; /*vom IE ignoriert*/
}
/*Links in der ersten Spalte (td.first):  beim Ueberfahren der Zeile (tr:hover)*/
#content .latestThemes table tbody tr:hover td.first a,
#content .latestThemes table tbody tr:hover td.first a:link,
#content .latestThemes table tbody tr:hover td.first a:visited,
#content .latestThemes table tbody tr:hover td.first a:hover,
#content .latestThemes table tbody tr:hover td.first a:active,
#content .latestThemes table tbody tr td.first a:hover,
#content .latestThemes table tbody tr.hover td.first a,
#content .latestThemes table tbody tr.hover td.first a:link,
#content .latestThemes table tbody tr.hover td.first a:visited,
#content .latestThemes table tbody tr.hover td.first a:hover,
#content .latestThemes table tbody tr.hover td.first a:active {
	text-decoration: none; 
	background-image: url(../images/icons/ico_arrow_over_small.png);
	background-color: #e2efef;
	padding-left: 25px;
	height: 90%; /*vom IE ignoriert*/
}
/*Infotexte ohne Link haben kein Hover-Verhalten (<td class="info">...</td>)*/
#content .latestThemes table tbody tr td.info,
#content .latestThemes table tbody tr:hover td.info,
#content .latestThemes table tbody tr.hover td.info {
	padding: 10px;
	background-color: #fbfcfd;
}

/*-------------------------------------------------------------------------------*/
/* PN@20100128                                                                   */
/* dhp-Portal Sonder-HTML-Konstrukte (Achtung, Hinweis und Tipp)                 */
/* alle Boxtypen z.B. class="info" (haben viele Gemeinsamkeiten)                 */
/* dunklerer Rand (auch fuer Druck besser, d.h. anders als bei den Tabellen ???) */
/* dunklerer Hintergrund                                                         */
/*-------------------------------------------------------------------------------*/
#content div.info {
	border: 1px solid #dddddd; /**/
	background-color: #f5f6f7; /*e6eaeb*//*f5f6f7*/
	padding: 10px 10px 0px 40px; 
	position: relative;
	top: -1px;
	left: -1px;
}

#content div.info h3 {
	margin-top: 0px; /*margin, padding,.. der Elemente in der Box zuruecksetzten */
}

/*Damit das Icon auch beim Ausdruck sichtbar ist, sollte es vielleicht
doch leider ein img-Element*/
#content div.info img.icon
{
	position: absolute;
	margin-left:-30px;
}