﻿
/* allgemeine Schriftgrößen-Einstellung */

.BlockAbstract, .BlockBody, .BlockLinkliste {
	font-size:75%;    
    line-height:1.3em;  
}



/*  ----------------------------------------------------------------------------------------
	Standards für Hyper-Links am Ende eines Artikelblocks ('Linkliste')
	'Fett' in einem Link in der Linkliste bedeutet: 
	Farbe orange, Fett, z.B. für das erste Wort (Thema)
*/

.BlockLinkliste a:link,
.BlockLinkliste a:visited       { display: block; color: #333; font-weight:normal; text-decoration: none; }
.BlockLinkliste a:hover,
.BlockLinkliste a:active        { display: block; color: #333; font-weight:normal; text-decoration: underline; }

.BlockLinkliste a strong {		
	color: #0055E5; 
	font-weight:bold; 
}



/* -------------------------------------------------------------------------------------
	Aufbau eines Videoblocks (z.B. Spotlight / LawFirm in 200 sec. / Tipps d.Red. / ...)

*/

.Videoblock {
    background-color: white;
    margin-top: 1.2em;
}

.Videoblock:after {
	/* Methode zum Clearen der Float-Umgebungen */
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
}

.Videoblock h1 {
	color:white;
    background:#365c6c url("../bilder/layout/menue_oben.jpg") repeat-x left top;
    padding-left:10px;
    padding-top:3px;
    padding-bottom:2px;
    text-transform:none;
    height:1.35em;
    overflow:hidden;
}

.Videoblock a {
	display:block;
	margin:0;
	padding:0;
}

.Navigation .Videoblock img {
	width:10em;
	margin:0px;
	border:0px;
}

.Kontext .Videoblock img {
	width:16em;
	margin:0px;
	border:0px;
}


/* -------------------------------------------------------------------------------------
	Aufbau des Hauptmenü-Blocks (links in der Navigation ganz oben)

*/

.Hauptmenue {
	background-color: #959595;
    margin-top: 1.0em;
    padding:0 0 0.9375em 0;
}

.Hauptmenue h1 {
	color:white;
    background:#2D318F;
    padding-left:10px;
    padding-top:3px;
    padding-bottom:2px;
    text-transform:none;
    height:1.35em;
    overflow:hidden;
}

.Hauptmenue ul {
	padding: 0 0.5em 0.5em 0;
	border-bottom:none;
}

.Hauptmenue li {
    font-size:68.75%;
    line-height:1em;
    color:#333;
	background: none;
    display:block;
    height:1%;
	font-weight:bold;
}

.Hauptmenue li a,
.Hauptmenue li a:hover  {
	display: block;
	margin:0 0.25em 0 0;
	border:0;
	line-height:1em;

    border-bottom:0.0625em solid white; 
    background:url('../bilder/layout/aufzaehlung.gif') no-repeat 0.125em 0.5125em;
    padding:0.425em 0 0.4225em 0.95em;
    height:1%;
    color:white;
    font-weight:bold;
}

.Hauptmenue li.aktiviert a,
.Hauptmenue li.aktiviert a:hover  {
	display: block;
	margin:0;
	border:0;
	line-height:1em;

	margin-top:-0.0625em;
	margin-right:-0.70em;
	margin-left:-0.90em;
	width:100%;
	border-top:0.0625em solid white;
    border-bottom:0.0625em solid white;
    background:url('../bilder/layout/aufzaehlung_aktiviert.gif') no-repeat 1.0100em 0.5125em;
    padding:0.46875em 0 0.3875em 1.8625em;
    height:1%;
	color:#0055E5;
    font-weight:bold;
	background-color: #E8E8E8;
}

.Hauptmenue a:link,
.Hauptmenue a:visited	{ color:white; font-weight:bold; text-decoration: none; }
.Hauptmenue a:hover,
.Hauptmenue a:active    { color:white; font-weight:bold; text-decoration: underline; }



/* -------------------------------------------------------------------------------------
	Aufbau eines Menüblocks (links in der Navigation oder rechts in der Kontext-Leiste)

*/

.Menueblock {
    background-color: white;
    margin-top: 1.2em;
}

.Menueblock:after {
	/* Methode zum Clearen der Float-Umgebungen */
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
}

.Menueblock h1 {
	color:white;
    background:#365c6c url("../bilder/layout/menue_oben.jpg") repeat-x left top;
    padding-left:10px;
    padding-top:3px;
    padding-bottom:2px;
    text-transform:none;
    height:1.35em;
    overflow:hidden;
}

.Menueblock ul {
	margin:0.5em 0 0em 0.5em;
	padding:0 0.5em 0.5em 0;
}

.Menueblock li {
    font-size:68.75%;
    line-height:1em;
    color:#333;
	background: url('../bilder/layout/aufzaehlung.gif') no-repeat 0.125em 0.5125em;
    padding-left:1.05em;
    padding-top:0.35em;
    display:block;
    height:1%;
	font-weight:bold;
}

.Menueblock li a {
	display: block;
	margin:0;
	padding:0;
	border:0;
	line-height:1em;
}

.Menueblock li strong {
	color: #0055E5; 
}

.Menueblock a:link,
.Menueblock a:visited	{ color:#333; font-weight:bold; text-decoration: none; }
.Menueblock a:hover,
.Menueblock a:active    { color:#333; font-weight:bold; text-decoration: underline; }




/* -------------------------------------------------------------------------------------
    Aufbau des Schnellauswahl-Blocks (direkt zum Thema...)
    
*/

.Schnellauswahl {
	margin:0;
	background-color:#ccc;
	padding:0.625em 0 0.625em 0.5em;
	height:1%;				/* Clearen für den Internet Explorer */
}

.Schnellauswahl:after {
	/* Methode zum Clearen der Float-Umgebungen */
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
.Schnellauswahl label {
    display:none;
}

.Schnellauswahl select {
	font-family: Arial, Helvetica, Sans-Serif;   
	font-size:75%;
	border:1px solid #A2A2A2;
	width:14em;
	display:block;
	float:left;
	margin-right:0.25em;
}

.Schnellauswahl input {
	float:left;
	display:block;
	height:1em;
	width:1em;
	font-size:100%;
	padding-left:0.1875em;
	margin-top:0.15em;
}
 
.Schnellauswahl a {
	width:1em;
	height:1em;
	background:#CCC url(../bilder/layout/themen_schnellauswahl_link.gif) no-repeat right center;
	display:block;
	float:left;
	margin-top:0em;
	padding-left:0.125em;
}

.Schnellauswahl a span {
	position:absolute;
	left:-9999px;
	top:-9999px;
}



/* -------------------------------------------------------------------------------------
	Aufbau eines Haupt-Artikelblocks (z.B. obere Häfte der Startseite)

*/

.Hauptblock {
	font-size: 100%;
	margin-top: 1.2em;
	padding: 0.5em 0.5em 0.7em 0.7em;
    background-color: white;
}

.Hauptblock:after {
	/* Methode zum Clearen der Float-Umgebungen */
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
}

.Hauptblock img {
	/*
	width:7.25em;
	height:5.5em;
	*/
	width:145px;
	height:110px;
	margin:0 0 1em 1em;
	border:0px;
	float:right;
}

.Hauptblock h3 {
	/* Überschrift 3 ("Unter-Überschrift") im Hauptblock ausgeblendet */
	display:none;
}

.Hauptblock .BlockAbstract {
}

.Hauptblock .BlockBody {
	/* Block-Inhalt im Hauptblock ausgeblendet */
	display:none;
}

.Hauptblock .BlockLinkliste {
	/*  keine besondere Listen-Formatierung (sieht dann aus wie eine ganz normale Liste mit ganz normalen Hyperlinks) */
	/*  Das erste Wort eines Listeneintrags sollte der Hyperlink sein, dann kann erläuternder Text folgen */
}




/* -------------------------------------------------------------------------------------
	Aufbau eines Neben-Artikelblocks (kleineres Bild links, z.B. untere Hälfte der Startseite)

*/

.Nebenblock {
	font-size: 100%;
	margin-top: 1.2em;
	padding: 0.5em 0.5em 0.7em 0.7em;
    background-color: white;
	height:1%;				/* Clearen für den Internet Explorer */
}

.Nebenblock img {
	/*
	width:7.25em;
	height:5.5em;
	*/
	width:145px;
	height:110px;
	margin:0 1em 1em 0em;
	border:0px;
}

.Nebenblock .Imgbox {
	float:left;
	display:block;
	position:relative;
	top:0em;
	left:0em;
	overflow:hidden;
}

.Nebenblock .Textbox {	/* erforderlich, damit der Text nicht links "unter" das Bild rollt */
	display:block;
	width:auto;
	position:relative;
	top:0em;
	left:0em;
	overflow:hidden;
}

.Nebenblock:after {
	/* Methode zum Clearen der Float-Umgebungen */
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
}

.Nebenblock h3 {
	/* Überschrift 3 ("Unter-Überschrift") im Nebenblock ausgeblendet */
	display:none;
}

.Nebenblock .BlockBody {
	/* Block-Inhalt im Nebenblock ausgeblendet */
	display:none;
}

.Nebenblock .BlockLinkliste {
	/*  keine besondere Listen-Formatierung (sieht dann aus wie eine ganz normale Liste mit ganz normalen Hyperlinks) */
	/*  Das erste Wort eines Listeneintrags sollte der Hyperlink sein, dann kann erläuternder Text folgen */
}





/* -------------------------------------------------------------------------------------
	Aufbau eines Kontext-Artikelblocks (kleiners Bild rechts, mit kurzem Text) in der rechten Spalte

*/

.Kontextblock {
	font-size: 100%;
	margin:0 0 1.2em 0;
	padding: 0em 0em 0.5em 0.5em;
    background-color: white;
	height:1%;				/* Clearen für den Internet Explorer */
    border-bottom:0.0625em solid #E8E8E8;
}

.Kontextblock img {
	width:7.25em;
	height:5.5em;
	margin:0 0em 0em 0.1em;
	border:0px;
	float:right;
}

.Kontextblock:after {
	/* Methode zum Clearen der Float-Umgebungen */
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
}

.Kontextblock h1 {
	/* Überschrift 1 ("Haupt-Überschrift") im Kontextblock ausgeblendet */
	display:none;
}



.Kontextblock h2 {
	/* Überschrift 2 im Kontextblock wie normale Blocklinkliste */
	font-size:75%;    
    line-height:1.3em;
	background: url('../bilder/layout/aufzaehlung.gif') no-repeat 0em 0.3em;
	margin: 0.3em 0 0 0.1em;
	padding: 0 0 0 0.8em;
}

.Kontextblock h2 a:link,
.Kontextblock h2 a:visited   { display: block; color:#333; text-decoration: none; }
.Kontextblock h2 a:hover,
.Kontextblock h2 a:active    { display: block; color:#333; text-decoration: underline; }

.Kontextblock h2 a strong {
	color: #0055E5; 
	font-weight:bold; 
}



.Kontextblock h3 {
	/* Überschrift 3 ("Unter-Überschrift") im Kontextblock ausgeblendet */
	display:none;
}

.Kontextblock .BlockAbstract {
	line-height:1em;
	margin-left: 0.1em;
	padding: 0 0 0 0.8em;
}

.Kontextblock .BlockBody {
	/* Block-Inhalt im Kontextblock ausgeblendet */
	display:none;
}

.Kontextblock .BlockLinkliste {
	/* Block-Linkliste im Kontextblock ausgeblendet */
	display:none;
}

