/* ---------------------------------------------------- */
/* Stylesheet für die Internetpräsentation vom LVKM     */
/* ---------------------------------------------------- */

/* Einstellungen der Browser zurücksetzen     */
* { 
	margin: 0; 
	padding: 0;							/* alle Abstände auf 0 */
	} 

html 
	{ font-size: 100.01%; 				        /* korrigiert Rundungsfehler im IE */
	height: 101%;						/* erzwingt Scrollbar im Firefox */
	}
	
h1, h2, h3, p { 
	margin-bottom: 0em; 
	}

ul, ul ul, li, li li { 
	margin: 0; 
	padding: 0; 
	}
	
img { 
	border: 0; 
	}

strong { 
	font-weight: 700; 
	}

/* Schriftgöße auf 10pt einstellen   */
body { 
	font-size: 62.5%; 
	background-color: white; 
	}
	
/*allgemeine Klassen*/

.clearMe {
		clear: both;
	}


.unsichtbar { 
   position: absolute; 
   top: -1000px; 
   left: -1000px; 
   width: 0; 
   height: 0; 
   overflow: hidden; 
   display: inline; 
   }
   
.bold { 
	font-weight: bold; 
	}
	
/* Bereich für den "wrapper" (bestimmt die Breite der Präsentation: 960 px*/  
#wrapper { 
	width: 96em; 
	margin: 0 auto 1em; 
	}
	
* html #wrapper {	          /* Star-HTML-Hack */
	width: 96.5em; 
	margin: 0 auto 1em;
	wid\th: 96em;  
	}

/* Bereich für den "wrapper" der Detail-Seite (bestimmt die Breite der Präsentation: 760 px*/  
#wrapper_detail { 
	width: 76em; 
	margin: 0 auto 1em; 
	}
	
* html #wrapper_detail {	          /* Star-HTML-Hack */
	width: 76.5em; 
	margin: 0 auto 1em;
	wid\th: 76em;  
	}
	
/* Bereich für den Kopf*/
#fotos { 
	top: 0; 
	left: 0; 
	height: 12.5em; 
	overflow: visible; 
	margin-right: 20em; 
	margin-left: 20em; 
	margin-bottom: 0; 
	}
	
/* Hides from IE-mac \*/               /* Holly-Hack */
* html #foto { height: 1%; }
/* End hide from IE-mac */
	
	
.foto { 
	width: 17.7em; 
	height: 12.1em; 
	float: left; 
	margin: 0; 
	border-width: 0; 
	display: inline; 
	}
	
.foto_200 { 
	width: 20em; 
	height: 12.5em; 
	float: left; 
	margin: 0; 
	border-width: 0; 
	display: inline; 
	}
	
.foto_150 { 
	width: 15em; 
	height: 12.5em; 
	float: left; 
	margin: 0; 
	border-width: 0; 
	display: inline; 
	}
	
.foto_190 { 
	width: 19em; 
	height: 12.5em; 
	float: left; 
	margin: 0; 
	border-width: 0; 
	display: inline; 
	}

.foto_350 { 
	width: 35em; 
	height: 12.5em; 
	float: left; 
	margin: 0; 
	border-width: 0; 
	display: inline; 
	}

.foto_540 { 
	width: 54em; 
	height: 12.5em; 
	float: left; 
	margin: 0; 
	border-width: 0; 
	display: inline; 
	}
	
	
#logo { 
	position: relative; 
	width: 20em; 
	height: 12.5em; 
	float: left; 
	}
	
	
.logo_lvkm { 
	width: 19.6em; 
	height: 12.25em; 
	}

#logo_detail { 
	top: 0;
	left: 0; 
	height: 12.5em; 
        overflow: visible;
        margin-right: 0em;
	}

#logo_detail img { 
        width: 19.6em; 
	height: 12.25em; 
	float: right;
	}
	
#designrechts { 
	position: relative; 
	width: 20em; 
	height: 12.5em; 
	float: right; 
	}
		
.element { 
	width: 19.6em; 
	height: 12.25em; 
	}




/* Bereich für die horizontale Navigation */
#navi_horizont { 
	background-color: #fff; 
	margin: 0 20em 0; 
	}

/* Hides from IE-mac \*/ 	
* html #navi_horizont {					/* Star-HTML-Hack */
	height: 5em;
	heig\ht: 5em;
	margin-left: 20.3em;  
	mar\gin-left: 20.3em;  		
	}
/* End hide from IE-mac */
	
	
/* Hides from IE-mac \*/               /* Holly-Hack */
* html #navi_horizont { height: 1%; }
/* End hide from IE-mac */
	
#navi_horizont ul.beide { 
	background-color: #abadbe; 
	width: 54.1em; 
	list-style-type: none; 
	border-top: 0.1em solid #2a315b; 
	border-bottom: 0.1em solid #2a315b; 
	/* padding-top: 0.2em; 
	padding-bottom: 0.2em; */
	}
	
#navi_horizont ul.oben { 
	background-color: #abadbe; 
	width: 54.1em; 
	list-style-type: none; 
	border-top: 0.1em solid #2a315b; 
	/* padding-top: 0.2em; 
	padding-bottom: 0.2em; */
	}
	
#navi_horizont ul.unten { 
	background-color: #8b8fa6; 
	width: 54.1em; 
	list-style-type: none; 
	border-bottom: 0.1em solid #2a315b; 
        white-space: nowrap;
	}
	
#navi_horizont ul li { 
	color: #2a315b; 
	background-image: url(../images/dot.gif); 
	background-repeat: no-repeat; 
	background-position: 0 center; 
	padding-left: 0.6em; 
	display: inline; 
	}
	
* html #navi_horizont ul li { 
	width: 1em;    /* nur fuer IE 5.0x erforderlich */
        w\idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
	padding-left: 0.8em; 
	pad\ding-left: 0.4em;   
	}

#navi_horizont ul.beide li a.aktiv { 
	background-color: #8b8fa6;
        text-decoration: underline;  
	}

#navi_horizont ul.oben li a.aktiv { 
	background-color: #8b8fa6;
        text-decoration: underline;  
	}

#navi_horizont ul.unten li a.aktiv { 
	background-color: #8b8fa6;
        text-decoration: underline;  
	}
	
	
#navi_horizont a { 
	color: #2a315b;
	font-size: 1.1em; 
	line-height: 2.5em;  
	text-decoration: none; 
	padding: 0.6em 0.8em 0.7em 0.4em; 
	display: inline; 
	}
		
* html #navi_horizont a { 
	padding-left: 0.4em; 
	pad\ding-left: 0.4em; 
	padding-right: 0.8em; 
	pad\ding-left: 0.8em;     
	}
	
#navi_horizont a:hover, #navi_horizont a:focus { 
	background-color: #e0e1e7; 
	text-decoration: underline; 
	}
	
	
#abstand { 
        height: 2.5em; 
        }

* html #abstand { 
        height: 2.5em; 
        heig\ht: 2.5em; 
        }

/* Hides from IE-mac \*/               /* Holly-Hack */
* html #abstand { height: 1%; }
/* End hide from IE-mac */
	
/* Bereich für den Styleswitcher */
#styleswitch { 
        width: 20em; 
        position: relative; 
        float: right; 
        z-index: 200; 
        clear: both; 
        }
	
#styleswitch ul { 
        margin-top: 0.3em; 
        margin-left: 0.5em; 
        list-style: none; 
        }
	
#styleswitch ul li { 
	color: #2a315b; 
	font-size: 1em; 
	line-height: 2.5em; 
	text-align: left; 
	vertical-align: middle; 
	}
	
#styleswitch a { 
	color: #2a315b; 
	text-decoration: none; 
	margin-top: 0.8em; 
	padding: 0.6em 0.4em 0.7em 0.2em; 
	display: inline; 
	}
	
#styleswitch a:hover, #styleswitch a:focus { 
	background-color: #e0e1e7; 
	text-decoration: underline; 
	}
	
/*Bereich für den Inhalt*/	
#inhalt { 
	height: auto; 
	margin: 0em 20em 3em; 
	}

/* Bereich für den Inhalt der Detail-Seite*/
#inhalt_detail { 
	top: 0; 
	left: 0; 
	height: auto; 
	margin-left: 2em; 
	}
	

/*Bereich für die Navigation*/

#navi_vertikal { 
	position: relative; 
	width: 17.5em; 
	z-index: 300; 
	float: left; 
	clear: both; 
	}

#navi_vertikal ul 
	{ list-style: none; 
	background-color: #abadbe; 
        }

#navi_vertikal ul ul { 
	list-style: none; 
	background-color: #fff; 
	}
	
#navi_vertikal ul li { 
	vertical-align: middle; 
	width: 17.5em; 
	border-bottom: 0.4em solid #fff; 
	}
	
#navi_vertikal ul li ul li { 
	vertical-align: middle; 
	width: 17.5em; 
	border-bottom: 0.4em solid #fff; 
	}
	
#navi_vertikal ul li ul li.ohne { 
	border-bottom: 0; 
	}
	
#navi_vertikal ul li a { 
	display: block; 
	text-decoration: none; 
	color: #2a315b; 
	font-size: 1.1em; 
	line-height: 1.1em; 
	padding-top: 0.6em; 
	padding-bottom: 0.5em; 
	padding-left: 1.5em; 
	border-top: 0.1em solid #2a315b; 
	border-bottom: 0.1em solid #2a315b; 
	}

#navi_vertikal li a.rot { 
	background-image: url(../images/dot_rot.gif); 
	background-repeat: no-repeat; 
	background-position: 0 0.8em; 
	}

	
#navi_vertikal li a.gelb { 
	background-image: url(../images/dot_gelb.gif); 
	background-repeat: no-repeat; 
	background-position: 0 0.8em; 
	}
	
#navi_vertikal li a.gruen { 
	background-image: url(../images/dot_gruen.gif); 
	background-repeat: no-repeat; 
	background-position: 0 0.8em; 
	}

#navi_vertikal ul li ul li a { 
	display: block; 
	text-decoration: none; 
	font-size: 1.1em; 
	line-height: 1.1em; 
	color: #2a315b; 
	padding-top: 0.6em; 
	padding-bottom: 0.5em; 
	}
	
#navi_vertikal ul li a:hover, ul li a:focus { 
	font-size: 1.1em; 
	line-height: 1.1em; 
	color: #2a315b; 
	background-color: #e0e1e7; 
	text-decoration: underline; 
	display: block; 
	}

#navi_vertikal ul li a:active { 
	background-color: #8b8fa6; 
	text-decoration: underline; 
	display: block; 
	}
	
#navi_vertikal ul li ul li a:hover, ul li ul li a:focus, ul li ul li a:active { 
	font-size: 1.1em; 
	line-height: 1.1em; 
	color: #2a315b; 
	background-color: #e0e1e7; 
	text-decoration: underline; 
	display: block; 
	}

#navi_vertikal div.aktiv { 
	background-color: #8b8fa6; 
	text-decoration: underline; 
	display: block; 
	}


#navi_vertikal div.aktiv_02 { 
	background-color: #e0e1e7;
	text-decoration: underline; 
	display: block; 
	}
 
	
/* Hides from IE-mac \*/               /* Holly-Hack */
* html ul li { 
	height: 1%;
	}
/* End hide from IE-mac */


/* Hides from IE-mac \*/               /* Holly-Hack */
* html ul ul li { 
	height: 1%;
	}
/* End hide from IE-mac */


/* Bereich für die Pfadangabe*/
#breadcrumb {  
    padding-bottom: 1.25em;
    padding-top: 1.25em;
    }
    
#breadcrumb ul {  
    }
    
#breadcrumb ul li { 
    color: #2a3158; 
    font-size: 0.9em; 
    list-style-type: none; 
    display: inline; 
    }
	
#breadcrumb ul li a:link, ul li a:hover, ul li a:focus { 
	color: #2a3158; 
	list-style-type: none; 
	display: inline; 
	text-decoration: underline;
	}
	
		
/*Bereich für den Fliesstext*/
#content { 
	color: #555;
        font-size: 1.1em; 
	line-height: 1.6em;  
	font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	padding-top: 0.0em; 
	padding-right: 2em; 
	padding-bottom: 0; }


#content .linie { 
        font-size: 1em; 
	line-height: 1em;
	border-bottom: 0.1em dotted #2a315b; 
	}

	
#content a { 
	color: #a00; 
	text-decoration: none; 
	margin-bottom: 1em; 
	}

#content a.sitemap { 
	color: #555; 
	text-decoration: none;
        padding-left: 1em; 
	margin-bottom: 1em; 
	}

	
#content h1 { 
	color: #2a315b; 
	font-size: 1.4em;  
	font-weight: normal; 
	line-height: 1.5em; 
	margin-top: 0; 
	margin-bottom: 1em; 
	} 

#content h2 { 
	color: #d40000; 
	font-size: 1.3em; 
	font-weight: normal; 
	line-height: 1.5em; 
        margin-bottom: 1.15em; 
	}
	
#content .zwischenheadline { 
	color: #d40000; 
	font-size: 1.2em; 
	font-weight: normal; 
	line-height: 1.5em; 
	}

#content_detail h2 { 
	color: #d40000; 
	font-size: 1.3em; 
	font-weight: normal; 
	line-height: 1.5em; 
        margin-bottom: 1.15em; 
	}	
	
#content h3 { 
	color: #2a315b; 
	font-size: 1.5em; 
	font-weight: normal; 
	font-style: italic; 
	line-height: 1.5em; 
	}
	
#content h4 { 
	color: #666; 
	font-size: 1.0em; 
	font-weight: 600; 
	line-height: 1.5em; 
	margin-bottom: 0.8em; 
	}
	
#content ul {  
        margin-bottom: 1em; 
	list-style-type: disc; 
	list-style-position: inside; 
	display: inline;  
        }

#content li { 
      
        }

.zitat { 
	color: #2a315b; 
	font-size: 1.4em;
        font-style: italic; 
	line-height: 1.6em; 
	padding-right: 5em; 
	}

.kursiv { 
	font-style: italic; 
	}

#content .bonn { 
	width: 16.75em;
	height: 6.67em;
	float: right;
        top: 0em;
	margin-right: 1em;
        margin-bottom: 4em;
	}

#content .duisburg { 
	width: 8.33em;
	height: 6.67em;
	float: right;
        top: 0em;
	margin-right: 10.5em;
        margin-bottom: 4em;
	}

#content .leben { 
	width: 14.58em;
	height: 4.33em;
	float: right;
	top: 0em;
	margin-right: 3.5em;
        margin-bottom: 4em;
	}

#content .stammhaus { 
	width: 8.33em;
	height: 7em;
	float: right;
        top: 0em;
	margin-right: 11em;
        margin-bottom: 4em;
	}

#content .zfk { 
	width: 12.5em;
	height: 7.05em;
	float: right;
        top: 0em;
	margin-right: 6em;
        margin-bottom: 4em;
	}

#content .promobil { 
	width: 8.33em;
	height: 6.25em;
	float: right;
	top: 0em;
	margin-right: 12em;
        margin-bottom: 4em;
	}

#content .publ_ambulant { 
	width: 11.75em;
	height: 11em;
	float: right;
        margin-left: 2.5em;
	margin-right: 2.5em;
        margin-bottom: 3em;
	}

#content .publ_mitten { 
	width: 11.75em;
	height: 11em;
	float: right;
        margin-left: 2.5em;
	margin-right: 2.5em;
        margin-bottom: 10em;
	}

#content .publ_neuland { 
	width: 11.75em;
	height: 12em;
	float: right;
	margin-left: 2.5em;
	margin-right: 2.5em;
        margin-bottom: 8em;
	}


#content .publ_tagung { 
	width: 11.75em;
	height: 15.75em;
	float: right;
	margin-left: 2.5em;
	margin-right: 2.5em;
        margin-bottom: 8em;
	}

#content .publ_forum { 
	width: 11.75em;
	height: 16em;
	float: right;
	margin-left: 2.5em;
	margin-right: 2.5em;
        margin-bottom: 3em;
	}


/* Bereich für die Infobox*/
#infocontainer { 
	position: relative; 
	top: 0; 
	left: -2em; 
	width: 18em; 
	float: right; 
	z-index: 500;
	clear: right; 
	}
	
.infobox { 
	margin-bottom: 1.25em; 
	}
	
.infobox h1 { 
	color: #2a315b; 
	font-size: 1.1em; 
	font-weight: normal; 
	line-height: 2.5em; 
	background-color: #caccd6; 
	margin-bottom: 0.4em; 
	padding-left: 1em; 
	border-bottom: 0.1em solid #2a315b; 
	border-top: 0.1em solid #2a315b; 
	}
	
/* Hides from IE-mac \*/              
* html .infobox h1 { height: 1%; }
/* End hide from IE-mac */
		
.infobox h3 { 
	color: #555; 
	font-size: 1.1em; 
	font-weight: normal; 
	line-height: 1.4em; 
	margin-top: 0.2em; 
	padding: 0.5em 0.5em 0.5em 1em; 
	border: solid 0.1em #2a315b; 
	}
	
.infobox h3 a:link, p a:hover, p a:focus, p a:visited { 
	color: #a00; 
	text-decoration: none; 
	}
	


/* Bereich für den Footer*/
#footer 
	{ font-size: 1em;
        color: #2A315B; 
        width: 55em; 
        clear: both; 
        margin-left: 20em; }

#footer_detail { 
	font-size: 1em;
        color: #2A315B;  
	width: 75em; 
	clear: both; 
        padding-top: 4em;  
	}
	
#footer img { 
	width: 17.1em; 
	height: 2.4em; 
	float: right; 
	margin-right: 1em; 
	}
	
#footer_detail img { 
	width: 17.1em; 
	height: 2.4em; 
	float: right; 
	margin-right: 1em; 
	}


/*Link-Unterstreichungen entfernen */
a:link, a:visited, a:hover, a:focus, a:active {
        color: #a00; 
	text-decoration: none; 
	}


/* Sonstige Elemente*/
acronym 
	{ border-bottom: 1px dotted; cursor:help;}

