/* ##################################################################### */
/* ####################### Ab hier kommt die angepasste layout.css vom lfv */
/* ####################### Die angepasste web.css vom stmi kommt weiter unten */
/* ##################################################################### */


/* === Allgemein ==== */

body {
	margin: 0px;
	background-image: url(/lfv_internet/images/bg_streifen_hblau.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	}
	

body, th, td, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/*
a { text-decoration:none; }
*/

a:link { text-decoration:none; color:#70abc5; }
a:visited { text-decoration:none; color:#70abc5;}
a:hover { text-decoration:none; color:#70abc5; }
a:active { text-decoration:none; color:#70abc5;  }
a:focus { text-decoration:none; color:#70abc5; }


h1 {
	margin-top:0px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;

}

h2 {
	font-size: 14px;
	margin-bottom:0px;
	}

h3 {
	font-size: 13px;
	margin-bottom:0px;
	}

/* === Logo/Deco ===========================================*/	

.logo {
	position:absolute;
	width:1004px;
	height:110px;
	z-index:1;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;
	align: right
	}
		
.streifen_hb_1 {
	position:absolute;
	width:900px;
	height:14px;
	z-index:1;
	left: 0px;
	top: 110px;
	background-color: #FFFFFF;
	}
		
.streifen_rot {
	position:absolute;
	width:900px;
	height:3px;
	z-index:3;
	left: 0px;
	top: 238px;
	}

.linie_weiss {
	width:900px;
	color:white;
	background-color:#FFFFFF;
	height:2px;
	border:none;
	position:relative;
	left:-60px;
	margin-top:13px;
	margin-bottom:12px;
	padding:0px;
	font-size:1px;
	line-height:2px;
	}

.linie_rot {
	width:900px;
	color:red;
	background-color:red;
	height:2px;
	margin-right:0px;
	border:0px;
	position:relative;
	left:-60px;
	}

/* === Tab-Reiter  ===========================================*/
		
.streifen_ecke_home {
	position:absolute;
	height:12px;
	z-index:5;
	left: 0px;
	top: 270px;
	background-color: #70ABC5;
	align: right
	}

	
/* === Streifen in der die Überschrift steht ===========================================*/

.streifen_headline {
	position:absolute;
	width:900px;
	height:68px;
	z-index:2;
	left: 0px;
	top: 282px;
	background-color: #70ABC5;
	}
		
/* === Überschrift die im Streifen steht =========================================== */

.streifen_headline_text {
	position:absolute;
	z-index:3;
	height:20px;
	left: 60px;
	top: 311px;
	}


/* === Navigation neu  ohne Tabelle ===================== */ 

.navigation
	{

	line-height:15px;
	position: absolute;
	left: 0px;
	z-index:2;
  	background-color: #FFFFFF;	
	}

.navigation a {
	text-decoration: none;
	color: #70ABC5;
	}

.navigation a.navselcolor {
	color: #E2001A;
	}

.navigation a:hover
	{
	text-decoration: none;
	color: #E2001A;
	}

.navigation h1 {
	font-weight: bold;
	margin-bottom:0px;
	font-size: 14px;
	}

/*  NAVIGATION - ÜBERSCHRIFT kommt nach den Unter-Überschriften */
 
.nav1ueb {
	top: 213px;
	left: 60px;
	width: 80px;
	}

.nav2ueb {
	top: 213px;
	left: 131px;
	width: 140px;
	}

.nav3ueb {
	top: 213px;
	left: 256px;
	width: 140px;
	}

.nav4ueb {
	top: 213px;
	left: 443px;
	width: 140px;
	}

.nav5ueb {
	top: 213px;
	left: 591px;
	width: 140px;
	}

/*  NAVIGATION - UNTER-ÜBERSCHRIFT */


/*  .nav0 = weißer Hintergrund */
.nav0 {
	z-index:1;
	top: 124px;
	left: 0px;
	width: 900px;
	height:122px;

	}

.nav1 {
	top: 192px;
	left: 60px;
	width: 80px;
	}

.nav2 {
	top: 132px;
	left: 131px;
	width: 150px
	}

.nav3 {
	top: 132px;
	left: 256px;
	width: 180px	
	}

.nav4 {
	top: 132px;
	left: 443px;
	width: 150px
	}

.nav5 {
	top: 132px;
	left: 591px;
	width: 150px
	}

/* === ENDE Navigation neu  ohne Tabelle ===================== */ 


/* SUCHFENSTER ======================================*/
		
.lupe {
	position:absolute; 
	z-index: 2; 
	left: 705px; 
	top: 200px; 
	width:23px; 
	height:23px;
	}
		
.suchfenster {
	position:absolute; 
	z-index: 2; 
	left: 735px; 
	top: 202px;
	}
		
.suche {
	position:absolute; 
	z-index: 2; 
	left: 10px; 
	top: 0px; 
	width:135px; 
	height:21px; 
	border: none
	}
	
.suche input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: none;
	width: 131px;
	height: 17px;
	margin: 2px 2px 0px 3px;
	background-color: #D8E8ED;
	}
	
.su_bogen_li {
	position:absolute; 
	z-index: 2; 
	left: 0px; 
	top: 0px; 
	width:145px; 
	height:21px; 
	background-color: #D8E8ED
	}
	
.su_bogen_re {
	position:absolute; 
	z-index: 2; 
	left: 145px; 
	top: 0px; 
	width:20px; 
	height:21px; 
	background-color: #ffffff
	}
		
/* SUCHFENSTER ENDE ======================================*/


/* === Inhalt =========================================== */
		
.content {
	position:absolute;
	width:830px;
	z-index:1;
	left: 60px;
	top: 370px;
	/* top:200px; */

	}

	.content p {
	font-size: 13px;
	
	padding-left: 0px;
	padding-right: 200px;
	}

	.content a {
	font-size: 13px;
	font-weight: bold; 
	}
	
	


/* ##################################################################### */
/* ####################### Ab hier kommt die angepasste web.css vom stmi */
/* ##################################################################### */




/* blauen Rahmen um verlinkte Bilder unterdruecken -> spart das (veraltete) border="0" im img-Tag */

a img {
	border:0px;
}

table {
	/* Rahmen benachbarter Zellen ueberlappen lassen */
	border-collapse:collapse;
	/* Rahmen leerer Zellen immer anzeigen - IE 6 ignoriert das leider */
	empty-cells:show;
}

th {
	/* default-Einstellung */
	font-weight:bold;
}

td {
	/* default-Einstellung */
	font-weight:normal;
}

p {
	/* Browserdefaults zuruecksetzen */
	margin:0px;
	padding:0px;
}

ul, ol {
	/* Browserdefaults zuruecksetzen */
	margin:0px;
	padding:0px;
	
}

ul {
	list-style-type:disc;
}

ol {
	list-style-type:decimal;
}

li {
	/* IE 6 & Firefox 1.5: margin-left rueckt Listensymbole UND Text gleichmaessig ein */
	/* bei [ IE6: 15px / Firefox1.5: 13px ] ist Listensymbol am linken Rand -> nur Werte >= [ IE6: 15px / Firefox1.5: 13px ] fuer margin-left verwenden! */
	/* (setzt voraus, dass ul/ol margin und padding = 0 haben) */
	/* margin-left:30px bewirkt im IE 6 z.B. eine Einrueckung des Listensymbols um 15 Pixel relativ zum linken Rand */
	/* margin-left:30px bewirkt im IE 6 z.B. eine Einrueckung des Texts um (30 Pixel + padding-left) relativ zum linken Rand */
	margin-left:15px;
	/* nur positives Padding veraendert Abstand zwischen Listensymbol und Text */
	/* der minimale Abstand zwischen Listensymbol und Text ist somit bei padding-left:0px [ IE6: 10px / Firefox1.5: 8px ] Pixel */
	padding-left:0px;
	
	/* Sinn der Sache: zum Aendern der Einrueckung nur den margin-left des li-Tags veraendern, margin und padding der ul- und ol-Tags auf 0 lassen */
	/* padding-left:0px braucht i.d.R. nicht mehr veraendert werden, da 10 Pixel Abstand zw. Symbol und Text ausreichend ist */
}

.abstand, p, h1, h2, h3, ol, ul {
	margin-bottom:13px;
}


/* fuer unterstrichenen Text (evt. im Texteditor-Flexmodul) */
em.underline {
	font-style:normal;
	text-decoration:underline;
}

.blindtext {
	/* Anker / Hinweise fuer Textbrowser / Screenreader */
	display:none;
}

.onlyprint {
	/* fuer Blockelemente, die nur im Ausdruck / in Druckvorschau sichtbar sein sollen */
	/* erfordert weitere CSS-Datei ("print.css"), die fuer media="print, embossed" eingebunden wird, und in der .onlyprint { display:block; } steht */
	display:none;
}

div.anker_top {
	/* damit man zum Seitenanfang gelangt */
	position:absolute;
	top:0px;
	left:0px;
	/* damit IE 6 den Anker verwendet, kein display:none verwenden! */
	visibility:hidden;
}

/* ########## Bilder ##########*/

/* damit Bilduntertitel umgebrochen wird */
/* width = Bildbreite + 1 Pixel Rahmen links + 1 Pixel Rahmen rechts */
.bild_100 { width:102px; }
.bild_200 { width:202px; }
.bild_300 { width:302px; }
.bild_400 { width:402px; }

.bild_links {
	/* linksbuendiges Bild */
	float:left;
	margin-right:13px;
}

.bild_mitte {
	margin-left:auto;
	margin-right:auto;
}

table.bild_links, table.bild_mitte, table.bild_rechts {
	/* damit Bilduntertitel umgebrochen wird */
	width:1px;
}

.bild_rechts {
	/* rechtsbuendiges Bild */
	float:right;
	margin-left:13px;
}

.bild_imtext {
	/* falls das Bild von Text umflossen wird: unter dem Bild einen Abstand von mind. 10 Pixel einhalten */
	/* Wert moeglichst identisch mit margin-right bzw. margin-left von bild_links bzw. bild_rechts */
	margin-bottom:13px;
}
	
.bild_rahmen {
	/* Rahmenfarbe */
	background-color:#d8e8ed;
	margin-bottom:13px;
}

.bild_inhalt {
	/* falls kein Bildrahmen erwuenscht ist, margin auf 0 setzen */
	margin:0px;
	/* transparente Bilder sollten die gleiche Hintergrundfarbe wie der Seiteninhalt haben -> hier Hintergrundfarbe der Seite einsetzen */
	background-color:#d8e8ed;
}
	
.bild_untertitel {
	/* Hintergrundfarbe für den Bilduntertitel, typischerweise identisch mit der Rahmenfarbe */
	background-color:#d8e8ed;
	padding:10px 7px 10px 7px;
	text-align:left;
	/* Schriftgroesse */
	font-size:13px;
}

/* willkuerliche Festlegung, welche Ausrichtung der Bilduntertitel abhaengig von der Ausrichtung des Bildes besitzt */
/* momentan: linksbuendige und zentrierte Bilder haben einen linksbuendigen Bilduntertitel, rechtsbuendige Bilder einen rechtsbuendigen Untertitel */
.bild_untertitel_links {
	text-align:left;
}

.bild_untertitel_mitte {
	text-align:left;
}

.bild_untertitel_rechts {
	text-align:right;
}

.bild_untertitel a {
	/* falls Links im Bilduntertitel besonders formatiert werden muessen */
	/* text-decoration:none; */
	/* color:#606060; */
}

/* ########## Bildergalerie zweizeilig für Bilder mit 40px Breite und rechts daneben Linkliste  ##########*/

	.bildergalerie_40_block {
		width:840px;
		overflow:hidden;
	}

	.bildergalerie_40_bildblock {
		float:left;
	}
	
	.bildergalerie_40_bildblock img {
		margin-right:2px;
		margin-bottom:2px;
	}

	.bildergalerie_40_linkblock {
		list-style-type:none;
	}

	.bildergalerie_40_linkblock ul {
		list-style-type:none;
		margin-left:-25px;
		margin-bottom:0px;
	}

/* Bildergalerie 3: verfuegbarer Platz horizontal = 660 Pixel */
/* 660 - (3 Bilder * (200 Pixel + 2 Pixel Rand links und rechts)) = 54 Pixel uebrig */
/* 54 / 2 = 27 Pixel Abstand zwischen 1. und 2. Bild sowie zwischen 2. und 3. Bild */

div.bildergalerie_3 {
	width:102px;
	float:left;
	color:#70abc5;

}

div.bildergalerie_3_mitte {

	margin-left:5px;
	margin-right:5px;
}

/* 660 - 2 * 302 = 56 */

div.bildergalerie_2 {
	width:302px;
	float:left;
}

div.bildergalerie_2_links {
	margin-right:56px;
}

div.bildergalerie_2 a, div.bildergalerie_3 a {
	/* falls Links im Bilduntertitel besonders formatiert werden muessen */
	/* text-decoration:none; */
	/* color:#606060; */
}

/* ########## Liste ##########*/

/* bereits im Body-Abschnitt gesetzt */
/*
ul.liste_ebene1 { list-style-type:square; }
ol.liste_ebene1 { list-style-type:decimal; }
*/

ul.liste_ebene2 {
	margin-left:-10px;
}

ol.liste_ebene2 {
	list-style-type:lower-alpha;
}

li.liste_ebene1 {
	/* bereits im Body-Abschnitt gesetzt */
	/*
	margin-left:30px;
	padding-left:0px;
	*/
}

li.liste_ebene2 {
	/* fuer verschachtelte Liste in 2. Ebene leicht abgeaendertes margin-left, Einrueckung ist sonst zu stark */
	/* Wert steht fuer Einrueckung des Listentextes relativ zum linken Rand des ul/ol-Tags bzw. (falls margin u. padding des ul/ol = 0) des aeusseren li-Tags */
	margin-left:25px;
}

li.liste_ebene1, li.liste_eben2 {
	/* groesserer Abstand zwischen des Listenpunkten */
	margin-bottom:4px;
}

/* ########## Linkliste ##########*/

.linkliste {
	margin:0px;
	}

ul.linkliste {
	/* Listensymbol wird vom Flexmodul ueberschrieben */
	list-style-type:none;
}

li.linkliste {
	margin-bottom:0px;
    list-style-type:none;
}

.linkliste_kommentar {

	margin-bottom:0px;
	}

/* ########## Interne Seitennavigation ##########*/

/* wie Liste */

/* bereits im Body-Abschnitt gesetzt */
/*
ul.interne_nav_1 { list-style-type:square; }
ol.interne_nav_1 { list-style-type:decimal; }
li.interne_nav_1 {
	margin-left:30px;
	padding-left:0px;
}
*/

ul.interne_nav_2 {
	list-style-type:disc;
}

ol.interne_nav_2 {
	list-style-type:lower-alpha;
}

li.interne_nav_1, li.interne_nav_2 {
	margin-bottom:4px;
}

li.interne_nav_2 {
	margin-left:25px;
	padding-left:0px;
}

/* ########## Tabelle ##########*/

/* Tabellenueberschrift */
caption.tab {
	text-align:left;
	font-weight:bold;
	padding-bottom:8px;
}

/* Zelleninnenabstand */
th.tab, td.tab {
	padding:5px;
}

/* Rahmentyp 0 (i.d.R. = kein Rahmen) */
.tab_border_0 {
	border:0px;
}

/* Rahmentyp 1 und 2 */
.tab_border_1, .tab_border_2 {
	border:1px solid black;
}

/* Zellenformatierungen */
.tab_f_not_bold { font-weight:normal; }
.tab_f_bold { font-weight:bold; }
.tab_f_left { text-align:left; }
.tab_f_center { text-align:center; }
.tab_f_right { text-align:right; }
.tab_f_justify { text-align:justify; }
.tab_f_top { vertical-align:top; }
.tab_f_middle { vertical-align:middle; }
.tab_f_bottom { vertical-align:bottom; }


/* ########## Suche ##########*/
li.res { margin-left:30px; }