***********************	ALLGEMEIN	*********************/

.clear {
	clear: both;
	font-size: 0;
}

.invisible {
	display: none;
}

HTML {
	/*height: 100%;*/
	margin: 0;
	margin-bottom: 0.1em;
}
ul {
margin:0em;
padding:0em;
}

body {
	text-align: center;
	background-color: #f3f7fa;
	font-family: tahoma, verdana, arial;
	font-size: 62.5%;
	font-size: 101%;
	padding: 0em 0em 0em 0em;
	margin:0em;
	background-image: url(/fileadmin/layout/images/hg_rathaus.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	/*height: 95%;*/
	color: #3E3D42;
}


#container_wrap {
	/*text-align: left;*/
	margin: auto;
	padding: 0em;
	font-size: 0.62em;
/*min-height: 100%;
_height: 100%;*/
width: 100em;
position:relative;
}

#container {
text-align:left;
margin:auto;
position:relative;
width:89.4em;
}

#header h1 {
font-size: 1em;
margin: 0em;
padding: 0em;
}

#header, #header h1 img {
width: 894px;
height: 101px;
}

/**************************** NAVIELEMENTE ***************************/

#controlpanel {
position:absolute;
top: 6.3em;
left: 70.4em;
}

#language {
float: left;
list-style: none outside none;
padding: 0em;
margin: 0em;
}
#language li {
display:inline;
margin-right: 0.5em;
}
#language li img {
border: none;
width:2em;
height:2em;
}
#shortcuts {
float: left;
padding: 0em;
margin: 0px;
list-style: none outside none;
margin-top: 0.3em;
}
#shortcuts li {
display:inline;
margin: 0em 0.5em;
padding-left: 0.8em;
background-image: url(/fileadmin/layout/images/bg_shortcuts.jpg);
background-repeat: no-repeat;
background-position: left center;
}
#shortcuts li img {
border: none;
}
#controlpanel li a {
text-decoration: none;
color: #56A5D9;
font-weight: bold;
font-size: 1.1em;
}

#wrap_01 {
border: 0.1em solid #e9edf0;
border-bottom: none;
}
#wrap_02 {
border: 0.1em solid #d6dadd;
border-bottom: none;
}
#navigation {
position: relative;
}
#navigation ul {
list-style: none outside none;
padding: 0em;
margin: 0em;
height: 3.4em;
}
#navigation ul li {
width: 12.6em;
border-top: 0.1em solid #FFFFFF;
border-left: 0.1em solid #FFFFFF;
float:left;
height: 100%;
}


#navigation ul .blau {
background-color: #56a5d9;
}

#navigation ul .blau .aktiv {
background-color: #92C4E7;
}
#navigation ul .rot {
background-color: #992A17;
}
#navigation ul .rot .aktiv {
background-color: #CBA39B;
}

#navigation ul li a {
font-size: 1.1em;
font-weight:bold;
display:block;
height: 100%;
color: #FFFFFF;
text-decoration: none;
text-align:center;
line-height: 1.3em;
text-transform: uppercase;
padding: 0em 0.2em;
}

/**************************** NAVIELEMENTE zweite ebene ***************************/

/* dynamisches Ein-/Ausblenden */

ul li ul {
    display: none;
  }
ul li:hover ul {
    display: block;
  }

#navigation ul ul {
border-top: 2px solid white;
margin-left: -1px;

background-color: #ffffff;
padding-bottom: 1px;
_position: absolute;
_width: 12em;
}

#navigation ul ul li {
position: relative;
text-transform: none;
width: 12.6em;
height: auto;
border: none;
border-left: 0.1em solid #FFFFFF;
border-right: 0.1em solid #FFFFFF;
overflow: hidden;
}

#navigation ul ul li a {
font-size: 1.1em;
padding-left: 13px;
padding-top: 2px;
height: auto;
min-height: 19px;
font-weight: normal;
text-transform: none;
text-align: left;
background-image: url(/fileadmin/layout/images/bg-untermenue.gif);
background-repeat: no-repeat;
background-position: bottom;
background-color: #DF4F37;
_width: 111px;
_height: 19px;
}
#navigation ul ul li a:hover {
background-image: url(/fileadmin/layout/images/bg-untermenue-hover.gif);
background-position: bottom;
background-color: #92C4E7;
}

#navigation ul .rot ul li a {
background-image: url(/fileadmin/layout/images/bg-untermenue-stadt.gif);
background-repeat: no-repeat;
background-position: bottom;
background-color: #cb5644;
}
#navigation ul .rot ul li a:hover {
background-image: url(/fileadmin/layout/images/bg-untermenue-stadt-hover.gif);
background-repeat: no-repeat;
background-position: bottom;
background-color: #C39891;
}

/**************************** NAVIELEMENTE dritte ebene ***************************/

/* dynamisches Ein-/Ausblenden */

   #navigation  ul li ul li ul {
    display: none;
  }
   #navigation  ul li ul li:hover ul {
    display: block;
  }


#navigation ul .rot ul li ul  {
border-top: 0;


float: right;
position: absolute;
margin-left: 12.6em;
margin-top: -21px;
}

#navigation ul .rot ul li ul li a {
padding-left: 20px;
background-image: url(/fileadmin/layout/images/bg-dritte-stadt.jpg);
}

#navigation ul .rot ul li ul li a:hover {
background-image: url(/fileadmin/layout/images/bg-dritte-stadt-hover.jpg);
}

/**************************** ENDE NAVIELEMENTE dritte ebene ***************************/


#pageimg {
height:16.1em;
width:88.8em;
}

#pageimg img{
border: 0.1em solid #FFFFFF;
border-top: 0.2em solid #FFFFFF;
border-bottom: none;
height:15.8em;
width:88.8em;
}

#clickstream {
position:absolute;
top:30.5em;
_top:30.8em;
*top:30.6em;
left:23.0em;
border-bottom: 0.5em solid #91c4e6;
background-color: #FFFFFF;
padding-bottom: 0.2em;
width: 48.3em;
}
#clickstream ul {
list-style: none outside none;
}
#clickstream li {
display:inline;
margin: 0em 0em 0em 0.7em;
padding: 0em 0em 0em 1.2em;
background-image:url(/fileadmin/layout/images/rootline.jpg);
background-repeat: no-repeat;
background-position: left center;
}
#clickstream li.first {
margin:0em;
padding-left: 2em;
background-image:url(/fileadmin/layout/images/rootline_first.png);
_height:13px;
background-repeat: no-repeat;
}
#clickstream a {
text-decoration: none;
color: #707070;
font-size: 1.1em;
}

#clickstream .aktiv {
color: #5DA3D4;
}

#content {
min-height: 90em;
height: 100%;
background-image: url(/fileadmin/layout/images/bg_content.jpg);
background-repeat: repeat-y;
background-color: #F3F7FA;
border-top: 0.9em solid #FFFFFF;
padding:0em 0.1em;
}

.csc-textpic-imagewrap {margin: 10px; margin-top: 0;}
.csc-textpic-caption {margin-bottom: 10px;}

#left {
float:left;
width:22.5em;
}
#left h3 {
text-align: left;
background-color: #91c4e6;
padding: 0.2em 0.6em;
color: #FFFFFF;
margin-right: 2.2em;
margin-top: 0em;
font-size: 1.2em;
width:17.4em;
}

#left .information img {
padding-bottom: 5px;
}

#left .information, #left #wetter table {
text-align: center;
width: 200px;
}

#left .information h3 {
width: 92%;
}

#left .information, #left #wetter {
padding-bottom: 7px;
}

#trenner {
border:none;
border-top: 0.2em solid #9bb1c6;
margin-bottom: 20px;
width:22.2em;
}

#blue {
height:1.9em;
_height:2.1em;
_margin-top: -3px;
background-color: #91c4e6;
border-left: 0.1em solid #FFFFFF;
border-bottom: 0.2em solid #FFFFFF;
}
#subnavigation {
list-style:none outside none;
margin: 0em 2.6em 0em 0em;
margin-left: 1px;
}
#subnavigation li {
border-top: 0.1em dotted #FFFFFF;
}
#subnavigation li.first {
border-top: none;
}
#subnavigation a {
line-height: 2em;
display:block;
padding-left: 0.8em;
text-decoration:none;
font-size:1.1em;
color: #716f70;
font-weight:bold;
}
#subnavigation a.aktiv, #subnavigation a:hover {
background-color: #91C4E6;
color: white;
width:19.5em;
}
#rechts {
float:right;
width:17.9em;
padding-top: 6em;
border-right: 1px solid #dfdbd1;
}
#rechts h3, #suche h3 {
margin: 0em;
margin-top: -1px;
*margin-top: 0;
_margin-top: 0;
background-color: #91c4e6;
padding: 0.2em 0.6em;
color: #FFFFFF;
font-size:1.2em;
}
#suche h3 {
margin-bottom: 10px;
}
#rechts .bodytext {
margin: 0;
padding: 0.5em;
color: #707070;
font-size: 1.2em;
}
#rechts table {
font-size: 1.1em;
}
#suche {
position: absolute;
top: 30.7em;
_top: 31em;
*top: 30.8em;
left: 71.3em;
width: 18em;
height: 16px;
}

#suche fieldset {
border: none;
padding: 0;
height: 16px;
}

#suche .csc-form-field {
float:left;
}
#searchform fieldset.csc-form {
border: none;
}
#content_normal #searchformsword, #content_normal #searchformscols, #content_normal label, #csc-form-submit {
margin-bottom: 10px;
font-size: 1.1em;
padding: 2px;
}

#suche #searchformsword {
width: 13.0em;
border: 1px solid #91C4E6;
font-size: 1.1em;
vertical-align:bottom;
padding: 0;
margin-top: -2px;
_margin-top: 0;
padding-left: 5px;
height: 14px;
}

#suche label {
font-weight: bold;
font-size: 1.0em;
}

#suche #csc-form-submit {
padding: 0;
vertical-align:bottom;
height: 16px;
margin-top: -2px;
*margin-top: -1px;
_margin-top: 1px;
}


#content_normal {
float:left;
width: 45em;
_width: 42em;
padding: 2em 1em 2em 1.5em;
margin-top: 20px;
_padding: 0;
_padding-top: 20px;
_padding-left: 1.5em;
}

#footer {
clear: both;
position: relative;
width: 100em;
height: 5.8em;
background-image:url(/fileadmin/layout/images/footer.jpg);
background-position: -0.2em 0em;
background-repeat: no-repeat;
}
#footer img {
position:absolute;
top:0em;
left:0em;
}

#footer #button_back {
position:absolute;
top:0em;
left:30.1em;
background-image:url(/fileadmin/layout/images/arrow_left.jpg);
background-repeat: no-repeat;
background-position: left center;
}

#footer #button_up {
background-image:url(/fileadmin/layout/images/arrow_up.jpg);

background-repeat: no-repeat;
background-position: left center;
position: absolute;
top:0em;
left:64em;
line-height:1.5em;
}


#footer a {
color: #6f7072;
font-weight:bold;
text-decoration: none;
padding-left: 1.2em;
}
#footer #hnm {
padding:0em;
position:absolute;
top:4em;
left:90em;
font-weight:normal;
color: #c4c6c8;
}

.event-latest-container {
}

.event-latest-item {
padding: 0em 2.5em 0em 0.6em;
margin: 0em;
}
.event-latest-item h4 {
margin: 0em;
padding:0em;
font-size: 1em;
}

.event-latest-item h4 a {
color: #15487d;

}

.event-latest-gotoarchive {
padding: 0.6em;
}
.event-latest-gotoarchive a {
color: #716F70;
font-weight: bold;
padding-left: 1em;
background-image:url(/fileadmin/layout/images/arrow_right.jpg);
background-repeat: no-repeat;
background-position: left center;
}