/* ####### Styles für Flexmodule ####### */

/* ####### Bild ####### */



.bild_100 { width:100px; }
.bild_150 { width:150px; }
.bild_200 { width:200px; }
.bild_300 { width:300px; }
.bild_400 { width:400px; }
.bild_645 { width:645px; }

.bild_links {
	float:left;
	margin-right:10px;
}

.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 {
	float:right;
	margin-left:10px;
}

.bild_imtext {
	/* (zusaetzlich zu .bild_links/.bild_rechts benoetigter) Abstand zu umfliessenden "Sachen", wenn Bild mit Textumfluss eingebunden wurde
	margin-bottom:10px; */
}

.bild_rahmen {
	padding:0px;
	background-color:#efefef;
}

.bild_inhalt {
	border:0px;
	margin:1px;
	/* transparente Bilder haben die gleiche Hintergrundfarbe wie der Seiteninhalt */
	/* background-color:#FFFFFF; */
}
	
.bild_untertitel {
	border:none;
	/* background-color:#FFFFFF; */
	margin:0px;
	padding:10px 7px 10px 7px;
	/* konstante Schriftgroesse */
	font-size:0.8em;
}

.bild_untertitel_links {
	text-align:left;
}

.bild_untertitel_mitte {
	text-align:center;
}

.bild_untertitel_rechts {
	text-align:right;
}

.bild_untertitel a {
	/* text-decoration:none; */
	/* color:#606060; */
}

/* ########## Bildergalerie ##########*/

/* 202*3=606; 647-606=41;  */

div.bildergalerie_5 {
	width:102px; /* 100 vom Bild + 1 fuern Rahmen links + 1 fuern Rahmen rechts */
	float:left;

}
div.bildergalerie_5_mitte_links {
	margin-left:30px;
	margin-right:15px;
}
div.bildergalerie_5_mitte {
	margin-left:15px;
	margin-right:15px;
}
div.bildergalerie_5_mitte_rechts {
	margin-left:15px;
	margin-right:30px;
}

div.bildergalerie_4 {
	width:152px; /* 200 vom Bild + 1 fuern Rahmen links + 1 fuern Rahmen rechts */
	float:left;

}
div.bildergalerie_4_mitte_links {
	margin-left:10px;
	margin-right:5px;
}
div.bildergalerie_4_mitte_rechts {
	margin-left:5px;
	margin-right:10px;
}

div.bildergalerie_3 {
	width:202px; /* 200 vom Bild + 1 fuern Rahmen links + 1 fuern Rahmen rechts */
	float:left;
}
div.bildergalerie_3_mitte {
	margin-left:20px;
	margin-right:20px; 
}


div.bildergalerie_2 {
	width:302px; /* 300 vom Bild + 2 fuern Rahmen */
	float:left;
}

div.bildergalerie_2_links {
	margin-right:42px; /* 650 Pixel Platz, minus 2*302 Pixel fuer die Bilder = 46 Pixel Abstand rechts */
}

div.bildergalerie_2, div.bildergalerie_3 {
	/* nach Geschmack aendern - bestimmt Abstand zwischen den Bildergalerie-"Zeilen" sowie Abstand zu benachbarten Elementen */
	/* die 20 Pixel oben und unten ueberlappen sich (also keine 40 Pixel Abstand) */
	/* margin-top:20px; */
	/* margin-bottom:20px; */
}

div.bildergalerie_2 a, div.bildergalerie_3 a {
	/* text-decoration:none; */
	/* color:#606060; */
}

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

/*
ul.liste_ebene1 { list-style-type:square; }
ol.liste_ebene1 { list-style-type:decimal; }
li.liste_ebene1 { margin-bottom:3px; line-height:120%; }
ul.liste_ebene2 { list-style-type:circle; }
ol.liste_ebene2 { list-style-type:lower-alpha; }
li.liste_ebene2 { margin-bottom:2px; line-height:120%; }
*/

ul.liste_ebene1, ol.liste_ebene1, ul.liste_ebene2, ol.liste_ebene2 {
	/* margin-top:4px; */
	/* margin-bottom:5px; */
	/* IE 6 & Firefox 1.5: margin-left und padding-left auf 0 lassen, damits rechts eines floats immer noch so aussieht; NICHT AENDERN! (margin-left des li verwenden!) */
	margin-left:0px;
	padding-left:0px;
}

li.liste_ebene1 {
	/* IE 6 & Firefox 1.5: margin-left rueckt Punkte UND Text gleichmaessig ein; bei [IE6:15px/Firefox1.5:13px] ist Listensymbol am linken Container-Rand -> nur Werte >= [IE6:15px/Firefox1.5:13px] verwenden! */
	margin-left:30px; /* Listenpunkt (bzw. -symbol) ca. 15 Pixel eingerueckt */
	/* nur positives Padding veraendert Abstand zwischen Punkt und Text; Minimum somit = [IE6:10px/Firefox1.5:8px] Pixel Abstand bei padding-left:0px */
	padding-left:0px; /* ca. 10 Pixel Abstand zwischen Listenpunkt und Text */
}

li.liste_ebene2 {
	margin-left:25px; /* Listenpunkt (bzw. -symbol) ca. 10 Pixel eingerueckt */
	padding-left:0px;
}

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


div.linkliste_links {
	width:40%;
	float:left;
	margin-top:0px;
	padding-top:0px;
}

div.linkliste_rechts {
	width:40%;
	float:right;
	margin-top:0px;
	padding-top:0px;
}

ul.linkliste {
	list-style-type:none;
	/* margin-top:4px; */
	/* margin-bottom:7px; */
	margin-left:0px;
	padding-left:0px;
	/*float:left;*/
}


li.linkliste {
	/*
	margin-bottom:3px;
	line-height:120%;
	*/
	margin-left:30px;
	padding-left:0px;
}

li.linkicon_intern { list-style-image:url(/imperia/md/content/regob/internet/images/icon_pfeil_intern.gif); }
li.linkicon_extern { list-style-image:url(/imperia/md/content/regob/internet/images/icon_pfeil_extern.gif); }
li.linkicon_pdf    { list-style-image:url(/imperia/md/content/regob/internet/images/icon_pdf.gif); }
li.linkicon_word   { list-style-image:url(/imperia/md/content/regob/internet/images/icon_word.gif); }
li.linkicon_excel  { list-style-image:url(/imperia/md/content/regob/internet/images/icon_excel.gif); }
li.linkicon_zip    { list-style-image:url(/imperia/md/content/regob/internet/images/icon_zip.gif); }

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

/* wie Liste */
/*
ul.interne_nav_1 { list-style-type:square; }
ol.interne_nav_1 { list-style-type:decimal; }
li.interne_nav_1 { margin-bottom:3px; line-height:120%; }
ul.interne_nav_2 { list-style-type:circle; }
ol.interne_nav_2 { list-style-type:lower-alpha; }
li.interne_nav_2 { margin-bottom:2px; line-height:120%; }
*/