/* ******** Allgemein ********* */

    
/* HTML Elemente */
html 			{  }
body      { margin: 0; padding: 0; background: #d1d5d8; line-height: 12px }
body.leer { background: none }

* { color: #080808; font-size: 12px; font-family: Arial,Verdana,sans-serif,Helvetica}
 
a       { text-decoration: none  }
a:hover {  }

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0 }

h1 { color: #004494; font-size: 36px; font-weight: bold; padding: 35px 25px; background: #f5f5f5; margin: 0 -25px 30px }
h1 * { font-size: 19px; color: #004494 }
h2 { margin-bottom: 10px; padding-bottom: 7px; color: #004494; font-size: 13px }
h2 * { background: url(/LeMMon/lmgweb_g.nsf/icon_arrow_h4.gif) no-repeat center right; color: #004494; font-size: 16px; padding-right: 29px; font-weight: bold; background-position: left }
h3 { margin-bottom: 5px; font-size: 10px  }
h4 { color: #444; margin-bottom: 5px  }
h4 * { color: #444 }
h5 { padding: 10px 0; color: #18356b }
h6 {  }

p { margin: 0; padding-bottom: 5px }

ul { }
ol { }

ul.second{
	list-style-type:none;
	margin-left:-40px;
	}
li.second a{
	color:#004494;
	}

/* Allgemeine Klassen für alle Module */
big      { font-size: 13px }
small    { font-size: 9px }
sup, sub { font-size: 9px }

hr { color: #ffffff; background-color: #ffffff; height: 1px; border: 0 }

form 										{ margin: 0; padding: 0; border: 0 }
input, select, fieldset { margin: 0 }
label 									{ margin: 0 }

.err { color: red }
.success { color: green }

a img { border: none }

/* Allgemeines CSS für alle Module */
ul.none { padding: 0; margin: 0 }
ul.none li { list-style-type: none }

.l { text-align: left }
.r { text-align: right }
.c { text-align: center }

.bold { font-weight: bold }
.normal { font-weight: normal }

.hideme { display: none }

.lfloat { float: left } 
.rfloat { float: right }

div#keyvisheader {
	width: 990px; height: 275px;
}

/* ******** Seitenaufbau ********* */
div#keyvis{ width: 990px; background: #fff url(/LeMMon/lmgweb_g.nsf/bg_body.gif) right top repeat-y; padding-right: 5px; float: left  }
div#page { width: 990px; background: #fff url(/LeMMon/lmgweb_g.nsf/bg_body.gif) right top repeat-y; padding-right: 5px; float: left  }
div#header { border-bottom: 1px solid #fff; float: left; height: 34px; }
div#main { float: left }
div#content { float: left; width: 700px; padding: 0 25px }
div#sidebar { width: 240px; float: left }
div#sidebar_innen { width: 230px; float: left }


div#footer { clear: both; width: 975px; padding: 20px 20px 20px 0;float: left; background: #D1D5D8 url(/LeMMon/lmgweb_g.nsf/bg_body.gif) repeat-y scroll right top;}
div#footer span.copyright { float: right; font-size: 10px; font-weight: bold; color: #323232 }

img.shadow { clear: both }


div.selectbox{
	background: transparent url(/LeMMon/LMGWeb_G.NSF/bg_language.png) no-repeat;
	width: 185px;
	height: 22px;}
select {
border: 0px;
color:#000000;
font-size:9px;
width: 140px;
height: 12px;
margin: 5px 0 0 40px;} 

	

/* Servicepartner */
ul.servicepartner { background: #f5f5f5; margin: 40px -25px 0; padding: 15px 25px 0; float: left; width: 700px; height: 398px; }
ul.servicepartner * { font-size: 10px; color: #666 }
ul.servicepartner li { width: 30%; padding: 0 0 15px 5%; float: left }
ul.servicepartner li.title { float: none; padding: 0; width: auto }
ul.servicepartner li.first { padding: 0} 
ul.servicepartner h2 { border-color: #d8d8d8;  }
ul.servicepartner h2 * { background-image: url(/LeMMon/lmgweb_g.nsf/icon_arrow_service.gif); font-size: 16px; font-weight: bold; background-position: left }
ul.servicepartner h4 * { color: #444 }

/*Nachhaltigkeit*/
div#nachhaltigkeit{
	width:600px;
	padding-top:5px;
	float:left;}
div#nachhaltigkeit span{line-height:15px;}

/* Auswahl Inhalt */
ul.choose {}
ul.choose * { line-height: 15px }
ul.choose li { width: 30%; float: left; }
ul.choose li.first { padding: 0 }
div.startseite_linie { 
	padding: 0 0 0 20px;
	background-image: url(/LeMMon/lmgweb_g.nsf/2x1_vertikal_startseite.gif);
	background-repeat: repeat-y; float: left;
	height: 185px;
}

ul.choose ul.one_click li { width: auto; padding: 0; float: none }
ul.choose ul.one_click li a { color: #004494 }

/* Schnellnavigation */
ul.short_navigation_show { float: left; padding: 10px 0 0 21px;}
ul.short_navigation_show li { display: inline }
ul.short_navigation_show a { color: #323232; font-size: 11px; padding-right: 10px }

div#footer ul.short_navigation_show { padding-top: 0; width: 800px; }

/* Sprachumschalter */
/**/
div.site_languages { float: left; background: url(/LeMMon/lmgweb_g.nsf/bg_language.png) no-repeat;  width: 185px; height: 22px; padding-top: 0px; margin: 25px 7px 0 1px;}
/*
div.site_languages img.flag { margin: 0 12px 0 8px; float: left }
div.site_languages label { font-size: 11px; display: block; margin-right: 5px; width: 115px; float: left }
div.site_languages div.language { cursor: pointer; position: relative; padding-bottom: 5px; z-index: 10;  }
div.site_languages div.language span.other { visibility: hidden; position: absolute; display: block; left: -3px; top: 15px; width: 200px; z-index: 100 } 
div.site_languages div.language span.other a { display: block; font-size: 11px; line-height: 20px; padding-left: 8px; color: #666666; border-bottom: 1px dotted #ccc  }
div.site_languages div.language span.other span { display: block; margin-left: 40px; width: 200px; background: #fff; border: 1px solid #8f8f8f }
div.site_languages div.language span.other a:hover { background: #2655AB; color: #fff }
div.site_languages div.language:hover span.other { visibility: visible } 
*/

div.language {
	margin-top: 0px;
	/*background: url(/LeMMon/LMGWeb_G.NSF/bg_language.png) no-repeat;*/
	width: 225px;
	height: 22px;
}
div.language span {
	cursor: pointer;
}

div.language ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
div.language li{
	float:left;
	position:relative;
	z-index:999999;
}

/* use the table to position the dropdown list */
div.language table{
	position: absolute;
	border-collapse: collapse;
	z-index: 888888;
	left: 0px;
	top: 0px;
}

div.language ul a {
	color: #000000;
	display: block;
	width: 185px;
	height: 22px;
	text-decoration: none;
}
div.language ul a:hover {
	text-decoration: none;
}


div.language ul a img.flag {
	position: absolute;
	top: 5px; 
	left: 6px;
	width: 26px;
	height: 13px;
	border: 0px;
}

div.language ul a img.arrow {
	position: absolute;
	top: 5px; 
	left: 168px;
	width: 11px;
	height: 12px;
	border: 0px;
}

div.language ul a span.current {
	position: absolute;
	top: 6px; 
	left: 45px;
}


/* style all the links */
div.language ul ul a, 
div.language ul ul :visited {
	border-bottom: 1px dotted #cccccc;
	display: block;
	color: #666666;
	height: 20px;
	width: 200px;
	background: #FFFFFF;
	text-decoration:none;
}
/* style the links hover */
div.language ul a:hover {
}

div.language ul a:hover {
	border-bottom: 0px solid #004494;
}

div.language ul ul a:hover {
	background: #004494;
	border-bottom: 1px solid #004494;
}


div.language ul ul a span {
	font-size: 10px;
	padding-left: 8px; 
	color: #666666;
	line-height: 20px;
} 


div.language ul ul a:hover span {
	color:#FFFFFF;
} 


/* hide the sub level links */
div.language ul ul {
	background: #FFFFFF;
	visibility:hidden;
	border: 1px solid #666666;
	position: absolute;
	top: 22px;
	left: 37px;
	width: 200px;
}
/* make the sub level visible on hover list or link */
div.language ul li:hover ul,
div.language ul a:hover ul {
	visibility: visible;
	}


/* Suche */
form.search2_showForm { float: left; background: url(/LeMMon/lmgweb_g.nsf/bg_search.gif) no-repeat; background-color: #ffffff; width: 225px; height: 17px; margin: 8px 7px 0 20px; padding-top: 5px; left: 0px; bottom: 33px; top: -3px;}
form.search2_showForm label { left: -9999px; position: absolute }
form.search2_showForm input.text { border: none; height: 12px; margin: 0 5px 0 40px; float: left; width: 135px; font-size: 10px; background: none }
form.search2_showForm input.submit { margin: 0px }
div#searchbar {height: 17px;}
 
/* Veranstaltung */
ul.event_showTop { width: 221px; padding: 5px 5px 5px 15px; border-left: 1px solid #fff; background: #004494; height: 231px }
ul.event_showTop * { font-size: 11px }
ul.event_showTop h3 { color: #ffffff; }
/*ul.event_showTop li { padding-bottom: 5px } im Zuge des Einbaus der neuen Dachmarke auskommentiert*/
ul.event_showTop a { color: #ffffff; display: block; padding-bottom: 5px }
/* ul.event_showTop a { background: url(/LeMMon/LMGWeb_G.NSF/icon_arrow_left.gif) no-repeat left 3px;}*/
ul.event_showTop a span { color: #DCDCDC; }
ul.event_showTop a:hover { color: #d1d4d7; background-position: left -92px }
ul.event_showTop a:hover span { color: #fff }

div.event_showForm { width: 240px; margin-left:750px}/*background:#004494; entfernt*/
div.event_showForm * { font-size: 10px }
div.event_showForm h3 { color: #fff; margin: 8px 0px 0px 10px }
div.event_showForm label { color: #fff; display: block; clear: left; padding-bottom: 2px; margin: 8px 0px 0px 10px }
div.event_showForm select { width: 159px; margin: 0 7px 8px 0; float: left; border: 1px solid #888; background: #fff }
div.event_showForm select.small { width: 76px }

div.event_showForm ul.dropdown { margin: 0 10px 10px 0; padding: 0; list-style: none; float:left; position: relative;}
div.event_showForm ul li.active { background: url(/LeMMon/lmgweb_g.nsf/bg_dropdown.gif) no-repeat; width: 180px; display: block; height: 13px; padding: 2px 5px; cursor:default; margin-left:10px }
div.event_showForm ul li.show ul { display: block!important; }

div.event_showForm ul li { color: #666 }

div.event_showForm ul li ul { position: absolute; background: #fff; border: 1px solid #8f8f8f; width: 366px; top: 16px; right: 21px; z-index: 100; max-height: 200px; overflow: auto; overflow-x: hidden }
div.event_showForm ul li ul li { z-index: 100; position: relative; padding: 0 5px}
div.event_showForm ul li ul li:hover { background: #004494; }
div.event_showForm ul li.button { width: 30px; position: absolute; right: -20px; top: 0; z-index: 199 }
div.event_showForm ul li ul li span { display: block; background: red }


div.event_showForm input.text { width: 166px; border: 1px solid #8f8f8f; float: left; margin-right: 12px }

div.event_showForm ul li ul li a { display: block; padding: 2px 0; cursor: pointer; border-bottom: 1px dotted #ccc; line-height: 13px; width: 100% }
div.event_showForm ul li ul li a:hover { color: #fff } 

/* schmalere Dropdownfelder */
div.event_showForm div.date ul li.active { background: url(/LeMMon/lmgweb_g.nsf/bg_dropdown_small.gif) no-repeat; width: 71px; float: left; margin-right: 6px }
div.event_showForm div.date ul li#year { margin-right: 22px }
div.event_showForm div.date ul li#year ul { left: 86px }
div.event_showForm div.date li.buttons img { cursor: pointer }
div.event_showForm div.date ul li ul { width: 81px; left: 0px; }


/* Multimedia */
div.multimedia { background: #b6babc url(/LeMMon/lmgweb_g.nsf/bg_multimedia.gif) repeat-x; float: left; width: 230px; padding: 0 5px; min-height: 158px;}
div.multimedia div.border { border-right: 1px solid #fff; float: left; padding: 10px 5px 10px 0; margin-right: 10px }
div.multimedia a { display: block; padding-top: 10px }

/* Navigation 1. Ebene */
/* anim-Navi horizontal im Frameset */
ul#navlist_innen{
margin: 0;
margin-left: 201px;
clear: both;
padding: 6px 25px;
width:733px;
}
#navlist_innen li{
display: inline;
list-style-type: none; padding-right:10px; margin-left:-15px;
}
#navlist_innen a { 
color: #004494; 
background-color: #d1d4d7;
padding: 8px 10px 7px 10px; }
#navlist_innen a:link{
color: #004494; 
background-color: #d1d4d7; 
text-decoration: none;
}
#navlist_innen a:visited {	
color: #004494; 
background-color: #d1d4d7; 
text-decoration: none;
}
#navlist_innen a:hover{
color: #fff;
background-color: #96add6; 
text-decoration: none;
}
#navlist_innen a:active{
color: #fff;
background-color: #004494; 
text-decoration: none;
}
/* */

/* anim-Navi horizontal */
ul#navlist{
margin: 0;

clear: both;
padding: 6px 25px;
width:934px;
}
#navlist li{
display: inline;
list-style-type: none; padding-right:44px; margin-left:-15px;
}
#navlist a { 
color: #004494; 
background-color: #d1d4d7;
padding: 8px 10px 7px 10px; }
#navlist a:link{
color: #004494; 
background-color: #d1d4d7; 
text-decoration: none;
}
#navlist a:visited {	
color: #004494; 
background-color: #d1d4d7; 
text-decoration: none;
}
#navlist a:hover{
color: #fff;
background-color: #96add6; 
text-decoration: none;
}
#navlist a:active{
color: #fff;
background-color: #004494; 
text-decoration: none;
}



/* Ende anim-Nave horizontal */
ul.navigation_showLevel1 { background: #d1d4d7; clear: both; padding: 10px 25px }
ul.navigation_showLevel1 li { display: inline }
ul.navigation_showLevel1 a { color: #004494; padding-right: 20px; font-size: 12px; font-weight: bold }
ul.navigation_showLevel1 a:hover { color: #000 }

/* Pressemitteilungen */
ul.press_showTop { background: #D1D4D7; }
ul.press_showTop * { color: #18356B }

ul.press_showTop5 { background: #e9ebed }
ul.press_showTop5 li.title { border: none; padding: 0; margin: 0 }
ul.press_showTop5 li { border-bottom: 1px solid #ddd; margin-bottom: 5px } 

ul.toplist { padding: 10px 15px 0 ; float: left; border-bottom: 1px solid #fff; width: 210px }
ul.toplist * { font-size: 10px }
ul.toplist h3 { font-size: 11px; text-transform: uppercase; color:#004494 }
ul.toplist span.date { display: block }
ul.toplist a { display: block; float: right; font-weight: bold }
ul.toplist li { clear: both; width: 210px; float: left; padding-bottom: 5px; }