/* Master CSS
Stadt Weiterstadt
www.weiterstadt.de
Start: 10.09.2004
Letzte Aenderung: 07.09.2011
*/


/* Reset
--------------------------------------------------------------------------------------- */

* {
    padding: 0;
    margin: 0;
    border: 0;
}


/* Globals und Typo
--------------------------------------------------------------------------------------- */

html {
    background: #fff;
    font-size: 65%;
}
body {
    height: 100%;
    background: #fff;
    color: #1D2F68;
    font: 10px/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
}
a:link,
a:visited,
a:active { color: #1D2F68 }
a:hover {
    color: #1D2F68;
    background-color: #e5e9f1;
    text-decoration: none;
}

a:focus { outline: none }


/* Bilder und verlinkte Bilder ohne Rahmen
--------------------------------------------------------------------------------------- */

img, a img {
    border: 0;
}


/* Layoutelemente
--------------------------------------------------------------------------------------- */

#page {
    width: 980px;
    height: 100%;
    padding-right: 10px;
    background: #fff url(/_admin/layout/bg-page.png) repeat-y top left;
    margin: 0 auto;
    text-align: left;
    position: relative;
}
#header {
    margin: 0;
    padding: 0;
    background: #4AA1E8 url(/_admin/layout/headbg.jpg) no-repeat 266px 0px;
    height: 96px;
}
#headerkita {
    margin: 0;
    padding: 0;
    background: #4AA1E8 url(/img/headbannerkita.jpg) repeat-x 213px 0px;
    background-repeat: no-repeat;
    background-position: 312px 0px;
    height: 96px;
}
#content {
    font-size: 1.3em;
    padding: 10px 15px;
    margin-left: 191px;
    margin-right: 215px;
}
#sidebar-a {
    float: left;
    width: 191px;
}
#rechts {
    float: right;
    width: 215px;
}
#footer {
    color: #1D2F68;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.3em;
    padding: 30px 0;
    margin-bottom: 1em;
    border-bottom: 2px solid #ccc;
}


/* Neue Styles
--------------------------------------------------------------------------------------- */

.einfach-box {
    background: #F4F4F4 url(/_admin/layout/bg-einfach-box.png) repeat-y;
    width: 529px;
    margin: 0 auto;
    margin-bottom: 0.5em;
    padding-top: 0.5em;
    overflow: hidden;
    color: #1d2f68;
}
.doppel-box {
    width: 529px;
    margin: 0 auto;
    margin-bottom: 1em;
    padding-bottom: 1em;
    background: url(/_admin/layout/bg-doppel-box.png) repeat-y;
    overflow: hidden;
    color: #1d2f68;
}
.einfach-box a,
.doppel-box a {
    text-decoration: none;
    display: block;
}
.einfach-box a:hover,
.doppel-box a:hover {
    text-decoration: underline;
    background-color: transparent;
}
.einfach-box ul,
.doppel-box ul {
    margin-bottom: 1em;
    padding: 0;
    list-style-type: none;
}
.einfach-box li,
.doppel-box li {
    padding-left: 12px;
    background: transparent url(/_admin/layout/bg-li-doppel-box.gif) no-repeat 0px 6px;
}
.einfach-box h2 {
    width: 229px;
    margin: 3px 0;
    padding: 3px 0 3px 25px;
    font-size: 0.9em;
    font-weight: bold;
}

/* Box Aktuell */
#wrapper_aktuell {
    float: left;
    display: inline;
    overflow: hidden;
    width: 254px;
}
#bild_aktuell {
    width: 254px;
    height: 48px;
    background: url(/_admin/layout/bild_aktuell.jpg);
}
a.but-weiter-aktuell {
    margin: 0 0 10px 28px;
    display: block;
    color: #B46508;
}
a.aktuell-wichtig-link { color: #B46508 }
.banner-full { margin: -10px 0 18px 8px }
/* Box Bürgerservice */
#wrapper_service {
    float: right;
    display: inline;
    overflow: hidden;
    width: 254px;
}
h2.top_service,
h2.top_aktuell {
    width: 229px;
    margin: 3px 0;
    padding: 3px 0 3px 25px;
    font-size: 0.9em;
    font-weight: bold;
}
#bild_service {
    width: 254px;
    height: 48px;
    background: url(/_admin/layout/bild_service.jpg);
}
#box_content_service { color: #1d2f68 }
#span { text-indent: -999em }
.banner-gutter {
    width: 529px;
    margin: 21px auto;
    overflow: hidden;
}
.float-banner-right {
    float: right;
    margin-bottom: 21px;
}
.float-banner-left {
    float: left;
    margin-bottom: 21px;
}
ol.ol-roemisch {
    margin: 1em 0;
    padding: 0;
}
ol.ol-roemisch li {
    margin: 1em 0;
    padding: 0;
}
ol.ol-roemisch li div {
    margin: 1em 0;
    padding: 0;
}


/* Search Form
--------------------------------------------------------------------------------------- */

#searchForm { margin: 45px 5px 10px 10px }
.search-form-input {
    display: inline;
    width: 120px;
    border: 1px solid #BFBFBF;
    padding: 1px;
}
.search-form-button { border: 1px solid blue }


/* Font resize
--------------------------------------------------------------------------------------- */

div#font-resize {
    margin: 10px 5px 10px 10px;
    font-size: 1.2em;
}
div#font-resize span { display: inline }
div#font-resize ul {
    display: inline;
    list-style-type: none;
}
div#font-resize ul li {
    display: inline !important;
    margin-right: 5px;
}
div#font-resize a {
    text-decoration: none;
    font-weight: bold;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */

p {
    font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
    margin-top: 1em;
    margin-bottom: 1.3em;
}
h1 {
    font: 1.4em/1.3em Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 0.5em;
}
h2 {
    font: 1.3em/1.3em Verdana, Arial, Helvetica, sans-serif;
    margin-top: 1em;
    margin-bottom: 1em;
}
h3 {
    font: 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif;
    margin-top: 1.13em;
    margin-bottom: 1.13em;
}
h4 {
    font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
    margin-top: 1.29em;
    margin-bottom: 1.29em;
}
#content ul,
#content ol {
    margin: 1em 2em;
    line-height: 150%;
}


/* Header 
--------------------------------------------------------------------------------------- */

#logo {
  margin: 0;
  padding: 0;
  display: block;
  height: 96px;
  border: 0;}


/* Hauptnavigation
-------------------------------------------------------------------------------------- */
#hauptnavi {
  background-color: #8DA0C1;
  padding: 0;
  margin: 0;
  clear: both;
  height: 24px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #1D2F68;
}

#rubrik {
float: left;
margin: 0; 
padding-right: 20px;}

#navlist ul  {
  padding-top: 5px;
}

#navlist li
    {
  display: inline;
  list-style-type: none;
  padding: 5px 0px 5px 0px;
  margin: 0;}

.border0 {border: 0px;}


/* Deeplinks
--------------------------------------------------------------------------------------- */

#deeplinks-li {
  margin: 10px 0 0 11px;
  text-align: center;
}
#deeplinks-re {
    text-align: center;
}

#deeplinks-li a:hover, #deeplinks-re a:hover {
  background: transparent;
}

/* Bannerleiste Startseite
--------------------------------------------------------------------------------------- */

#bannerleiste-top {
	margin: -26px 0 0 8px !important;
	padding: 20px 0 30px 0;
	list-style: none;
        width: 529px;
overflow: hidden;
}
ul#bannerleiste-top li {
	float: left;
	width: 175px;
	height: 60px;
	text-indent: -999em;
	list-style: none;
}
#bannerleiste-top li a {
	height: 100%;
	display: block;
}
#bannerleiste-top li a:hover {
	background: transparent;
}
li#ban-01 {
	background: url(/images/banner/banner_firmenverzeichnis.jpg) no-repeat top left;
}
li#ban-02 {
	background: url(/images/banner/banner_shopping-weiterstadt.jpg) no-repeat top left;
	margin: 0 2px;
}
li#ban-03 {
	background: url(/images/banner/banner_veranstaltungskalender.jpg) no-repeat top left;
}

/* Sprachen
--------------------------------------------------------------------------------------- */

ul#language {margin: 10px 0 6px 10px; padding: 0;}
ul#language li {display:inline; width:22px; height: 15px; float: left; margin-right: 10px;}
ul#language li.langEn {background: url(/images/icons/england.gif) no-repeat left top;}
ul#language li.langIt {background: url(/images/icons/italien.gif) no-repeat left top;}
ul#language li.langFr {background: url(/images/icons/frankreich.gif) no-repeat left top;}
ul#language li a {height:15px; display:block; text-decoration: none;}
ul#language li a span {display:none;}
ul#language li a:hover, ul#language li a:active {background-color: transparent;}

/* Footer
--------------------------------------------------------------------------------------- */

#footer a{
    color: #1D2F68;
}
#footer a:hover {

  color: #1D2F68;
  background-color: #ECF5FF;
}


/* Brotkruemel Navigation
--------------------------------------------------------------------------------------- */    


#breadcrumb {

       padding: 0 5px 20px 5px;
font-size: 11px;
}

#breadcrumb a {
  text-decoration: none;

}

/*  Sonstiges
--------------------------------------------------------------------------------------- */

.unsichtbar {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0px;
  height: 0px;
  overflow: hidden;
  display: inline;
}

.clear
{
  display: block;
  clear: both ! important;
}
.aussen{
    position: absolute;
    left: -3000px;
}

/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */

.links {
float: left;
margin: 0 1.5em 0.5em 0;
}

.rechts {
float: right;
margin: 0 0 0.5em 1.5em;
}

.imgre {
    float: right;
    margin: 2px;
}
.imgli {
    float: left;
    margin: 2px 5px 2px 0px;
}


.bildrechts {
  padding-top: 1.5em;
  padding-right: 3em;
  float: right;}

.anfang {
    width: 100%;
    text-align: right;
}
.dkl {
    background-color: #FBE49B;
}
.tborder {
    background-color: #F6F6F6;
    border: 1px solid #D5E0E9;
    padding: 6px 6px 6px 6px; 
}
.weite {
    width: 90%;
}
.abcliste {
  list-style-type: lower-alpha;
}

.circle {
    list-style-type: circle;
}

.innen {
    padding: 0.5em 1em;}


hr {height:1px;border-style:none;border-top:1px solid #8DA0C1;}


.abc {
  font-size: 1em;
  font-weight: bold;
  padding: 0.3em;
  border: 1px solid #CCCCCC;
  background-color: #EEEEEE;
  text-align: center;
}

a.linkButton{
  display: block;

  text-decoration: none;
  color: white;
  margin-top: 2em;
  margin-bottom: 2em;
  /* font-size: 0.75em;*/
  padding-bottom: 0.2em;
  background-color: #355DD6;
  width: 8em;
  text-align: center;
  border: 0.1em solid black;
}

a.linkButton:hover, a.linkButton:focus{
  color: #CCCCCC;
}


.satzungen ul {
list-style: none;
    line-height: 1.8;
    text-align: left;
    margin: 0;
    padding: 0;}

p.wichtig {
color: #C5070B;
}

div.img-border-bottom {
text-align: center;
margin: -15px 0 1em 0;
padding-bottom: 1em;
border-bottom: 1px solid #8E97B3;
}


/* Dienstleistungen
--------------------------------------------------------------------------------------- */
.mattblacktabs{
font-size: 1em;
width: 100%;
overflow: hidden;
margin: 1em 0;
}

.mattblacktabs ul{
margin: 0 !important;
padding: 0;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;

}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid #fff; /*right divider between tabs*/
border-bottom: 1px solid #fff; /*bottom horizontal line that runs beneath tabs*/
color: white;
background: #8DA0C1;
}

.mattblacktabs li a:visited{
color: #fff;
}
.mattblacktabs li a:active{
color: #1D2F68;
background: #fff !important;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #D5E0E9;
color: #1D2F68;
}
ul#dienstleistungen {
  padding: 0;
  margin: 0;
  background: #F9F9F9;
}
ul#dienstleistungen li {
  list-style: none;
}
ul#dienstleistungen li a {
  display: block;
  text-decoration: none;
  padding: 4px;
}
ul#dienstleistungen li a:active {
  background: #FFF !important;
}
.hintergrund_1 {
  background: #EAEAEA;
}
.dienstleistungenh2 {
  font-size: 1.3em;
  font-weight: normal;
  margin-bottom: 0.65em;
  border-bottom: 1px solid #8DA0C1;
}



/* Lebenssituation 
--------------------------------------------------------------------------------------- */


#lebenssituation h2{
margin: 0;
margin-bottom: 1em;
font-size: 1.3em;
font-weight: normal;
}


.col1 {
float: left;
display: inline;
width: 200px;
}

.col2 {
float: left;
display: inline;
}

ul#nav-lebenssituation {
margin: 0 2em 1em 0;
padding:1em;
background-color: #F4F4F4;
width:500px;
float:left;
border-left: 12px solid #8da0c1;
}


ul#nav-lebenssituation li h1{
margin: 0;
padding:5px;
padding-left:1em;
margin-left: -1em;
margin-top: -1em;
margin-bottom:5px;
width:508px;
font-size:12px;
font-weight:bold;
background:#d4e1e9;
float:left;
}

ul#nav-lebenssituation li{
margin: 0;
padding: 0;
list-style: none;
line-height: 110%;
}

ul#nav-lebenssituation a{
width:30%;
float:left;
font-size:11px;
text-decoration: none;
display: block;
padding: 2px;
line-height:14px;
padding-left: 5px;
background-color: #F4F4F4;
}

ul#nav-lebenssituation a:hover{
background-color: #F4F4F4;
font-weight:bold;
}

ul#sub-lebenssituation {
margin: 1em 2em 1em 0;
padding:5px 1em 5px 1em;
background-color: #F4F4F4;
width:500px;
float:left;
border-left: 12px solid #8da0c1;
}



ul#sub-lebenssituation li{
margin: 0;
padding: 0;
list-style: none;
line-height: 110%;
}

ul#sub-lebenssituation a{
width:95%;
float:left;
font-size:11px;
text-decoration: none;
display: block;
padding: 2px;
line-height:14px;
padding-left: 5px;
background-color: #F4F4F4;
}

ul#sub-lebenssituation a:hover{
background-color: #F4F4F4;
font-weight:bold;
}

#uebersicht {
    float: left;
width:510px;
    }
#uebersicht a {
text-decoration:none;
}
#uebersicht dl {
    margin: 10px 0px;
    padding: 0;
background:#f4f4f4;
    }
#uebersicht dl:after { /* self-clear floats */
  content: "."; 
  display: block; 
  height: 0; 
    clear: both; 
    visibility: hidden;
    }
#uebersicht dt {
    float: right;
    width: 325px;
    margin: 3px 0 0 0;
    padding: 0;
    font-size: 12px;
    letter-spacing: 1px;
    }
#uebersicht dt a{
text-decoration:none;
font-weight:bold;
}
#uebersicht dd {
    margin: 0 0 0 0px;
    padding: 0;
    font-size: 12px;
    line-height: 1.5em;
    }
#uebersicht dl dd.img {
     margin: 0;
     }
#uebersicht dd.img img {
    float: left;
    margin: 0 10px 0 0;
    padding: 0px;
    border-left: 12px solid #8da0c1;
    }



/* Subnavigation
--------------------------------------------------------------------------------------- */


ul#menu {
  margin: 0;
  padding: 20px 0 0 0; 
}

ul#menu .current {
  background: url(/img/subnavaktiv.gif) no-repeat 15px 6px;
}

ul#menu li {
  margin: 0;
  padding: 0;
  list-style: none;
border-top: 1px solid #FFFFFF;

}

ul#menu li ul {
  margin: 0;
  padding: 0;
}

ul#menu li ul li {
  margin: 0 0 0 12px;
  padding: 0;
  list-style: none;
border-top: 1px solid #8DA0C1;
}

ul#menu li ul li ul {
  margin: 0 0 0 12px;
  padding: 0;

}

ul#menu li ul li ul li {
  margin: 0;
  padding: 0;
  list-style: none;
border-top: 1px solid #D5E0E9;
}

ul#menu li a:link, ul#menu li a:visited {
    color: #1D2F68;
font-size: 1.3em;
line-height: 130%;
    display: block;
    margin: 0;
    padding: 2px 0 2px 25px;
    text-decoration: none;
}


/* Terminkalender
--------------------------------------------------------------------------------------- */

.kalender {
      /* Grundformatierung des Kalenders */
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #1D2F68;}

    .wtag {
      /* Ein normaler Wochentag */
      background-color: #FFFFFF;
      border-top-width: 1px;
      border-top-style: solid;
      border-top-color: #1D2F68;
      padding: 4px;}

    .we {
      /* Ein Tag des Wochenendes */
      background-color: #ECF5FF;
      border-top-width: 1px;
      border-top-style: solid;
      border-top-color: #1D2F68;
      padding: 4px;}

    .SELECTFELD {
      width: 90px;}


    .BUTTON{
      width: 140px;}


/* Kita
--------------------------------------------------------------------------------------- */

.kitalogo {
    float: right;
     margin: 1em 1em 1em 2em;
}
.kitabox {
    background-color: #F6F6F6;
    border: 1px solid #D5E0E9;
    padding: 0;   
    margin-top: 10px;
}

.kitabox h2 {
  margin: 0;
  padding: 6px 8px 4px 10px;
  font-size: 1em;
  background: #D5E0E9;
  display: block;
  border-bottom: 1px solid #8DA0C1;
}

.kitabox ul {
  margin: 0;
  padding: 14px 10px 14px 10px;
  list-style: none;
  }

.kitabox li {
  margin: 0 0 6px; 
  padding: 0;
  }


/* Tabellen 
--------------------------------------------------------------------------------------- */

table {
    margin: 0;
}
th {
    padding: 2px;
    background-color:#D5E0E9;
}
caption {
    padding: 2px;
    font-weight: bold;
    background-color: #D5E0E9;
}
td {
    padding: 2px;
    background-color: #F6F6F6;
}

.wahltab {
  font-size: 1em;
} 


#tblnotdienste {
  width: 99%;
    position: relative;
    background: #fff;
}

#tblnotdienste td.odd {
    background: #f4f4f4;
  }


#tblnotdienste td.header {
    background: #d5e0e9;
        white-space:nowrap;
  }

#tblnotdienste td {
  text-align: left;
    margin: 0;
        padding: 0;
    padding: 8px 20px;
    border-bottom: 1px solid #b5b5b5;
        background: #f8f8f8;
}

/* Tabellen Standard
--------------------------------------------------------------------------------------- */
table.standardTabelle {
        width: 98%;
        overflow: hidden;
}

table.standardTabelle, .standardTabelle td, .standardTabelle th {
  border: 1px solid #8DA0C1;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}
.standardTabelle td, .standardTabelle th {
  padding: .2em .5em;
  vertical-align: top;
  font-weight: normal;
}
.standardTabelle thead th {
  text-transform: uppercase;
  background: #666;
  color: #fff;
}
.standardTabelle tbody td {
  background: #fff;
}
.standardTabelle tbody th {
  background: #999;
}
.standardTabelle tbody tr.odd td {
  background: #eee;
}
.standardTabelle tbody tr.odd th {
  background: #ccc;
}
.standardTabelle caption {
  text-align: left;
  font-size: 140%;
  text-transform: uppercase;
  letter-spacing: -1px;
}
.standardTabelle table th a:link {
  color: #030;
}
table.standardTabelle th a:visited {
  color: #003;
}
table.standardTabelle td a:link {
  color: #369;
}
table.standardTabelle td a:visited {
  color: #000;
}
table.standardTabelle a:hover {
  text-decoration: none;
}
table.standardTabelle a:active {
  color: #000;
}


/* Tabelle Chat
--------------------------------------------------------------------------------------- */

table#chat-mitschnitte {
    width:100%;
    border-collapse: collapse;
}

table#chat-mitschnitte th {
    text-align:left;
}

table#chat-mitschnitte th, table#chat-mitschnitte td{padding:.5em 1em;line-height:1.5em;}    

table#chat-mitschnitte th{background:#D5E0E9;}

table#chat-mitschnitte td{border-bottom:1px solid #D5E0E9;  background: #FFF;}



  
/* Accordion
--------------------------------------------------------------------------------------- */

#wrapper_accordion {
    float: left;
    clear: both;
  width: 215px;
  clear: both;
    font-size: 1.2em;
   margin-bottom: 2em;
}

#wrapper_accordion h3 {
color: #FFF;
background: #8DA0C0;
font-weight: bold;
   padding: 10px;
margin: 10px 0 0 0;
}

#wrapper_accordion ul {
  margin: 0;
  padding: 0;
}
.accordion li {
  background: url(/_admin/plugins/accordion/info.jpg) no-repeat top left;
  list-style-type: none;
  float: left;
  display: block;
  width: 215px;
  min-height: 27px;
  text-align: left;
  margin-top: 1px;
}
.accordion li a:active {
  background: url(/_admin/plugins/accordion/info.jpg) no-repeat top left;
}
.accordion li a {
  text-decoration: none;
  display: block;
  min-height: 22px;
  padding: 6px 0 0 40px;
  font-weight: bold;
  color: #1d2f68 !important;
font-size: 12px;
}

.accordion li a:hover {
  background: url(/_admin/plugins/accordion/info_aktiv.jpg) no-repeat top left;
  color: #fff !important;
}
.accordion li.active>a {
  background: url(/_admin/plugins/accordion/info_aktiv.jpg) no-repeat top left;
  color: #fff !important;
}
.accordion li div {
  padding: 0 15px;
  background: #f4f4f4;
  display: block;
  clear: both;
  float: left;
  text-align: left;
  width: 185px;
}

.accordion li div p {
padding:0;
}
.accordion li div a {
  text-decoration: underline;
  padding: 0;
        margin: 0;
  font-weight: normal;
  color: #1d2f68 !important;
}

.accordion li div a:hover {
background: transparent;
  color: #1d2f68 !important;
}

/* BM Chat
--------------------------------------------------------------------------------------- */
ul#chat-mitschnitte {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 500px;
}
ul#chat-mitschnitte li {
	display: block;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 3px;
	border: 1px solid #ccc;
}
ul#chat-mitschnitte a {
	display: block;
	text-decoration: none;
}
ul#chat-mitschnitte a:hover {
	text-decoration: underline;
	background: transparent;
}

/* Chatbox */
#chatbutton {
	float: left;
	margin-bottom: 21px;
	background:  url(/_admin/layout/bg-chatbox.png) no-repeat top left;
	height: 64px;
	width: 244px;
	padding: 7px 0 0 10px;
}
#chatbutton p {
	line-height: 140%;
	margin: 0;
}
#chatbutton a {
	color: #B46508;
	font-weight: bold;
	text-decoration: none;
}

/* Chat Mitschnitte Navigation */
#chat-menu {
	margin: 0 0 1em 0 !important;
	padding: 0 !important;
	list-style-type: none;
	overflow: hidden;
}
#chat-menu li {
	border: none;
	float: left;
	list-style-type: none;
	background: #8DA0C1;
	border-right: 1px solid #FFF;
}
#chat-menu li a {
	float: left;
	padding: 4px 6px;
	text-decoration: none;
	color: #FFF;
}
#chat-menu li a.current {
	font-weight: bold;
	color: #1D2F68;
	background: #e5e9f1;
}
#chat-menu li a:hover, #chat-menu li a.active {
	text-decoration: none;
	color: #1D2F68;
	background: #e5e9f1;
}


/* Neuigkeiten
--------------------------------------------------------------------------------------- */

div#neuigkeiten ul {
margin: 0;
padding: 0;
border-top: 1px solid #8E97B3;  
}


div#neuigkeiten li {
margin: 1em 0;
padding: 0;
list-style-type: none;
border-bottom: 1px solid #8E97B3;
}


div#neuigkeiten h3 {

        font-size: 1em;
  font-weight: bold;
}
div#neuigkeiten a {
display: block;
}


/* Veranstaltungskalender
--------------------------------------------------------------------------------------- */
div.calendar
{
  font-size: 100%;
  color: #3e3e3e;
}

div.calendar.popup
{
  margin-left: -40px;
  margin-top: -100px;
  z-index: 9999;
}

div.calendar table
{
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-collapse: separate;
  border-spacing: 1px;
}

div.calendar thead {
  background-color: #fff;
}

div.calendar td,
div.calendar th
{
  padding: 2px;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
  color: #1D2F68;
}

div.calendar th
{
  font-weight: bold;
}

div.calendar tr.days td {
  width: 2em;
  color: #1D2F68;
  text-align: right;
  cursor: pointer;
  border: 1px solid #e5e5e5;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  border-color: #e8a800;
  background-color: #DEDEDE;
  cursor: pointer;
}
div.calendar tr.days td:hover
{
 background-color: #ffffff;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #cde;
}

div.calendar tr.days td.selected
{
  font-weight: bold;
  background-color: #FF9700;
  border-color: #FF9700 !important;
  color: #fff !important;
}

div.calendar tr.days td.weekend {
  color: #C5070B;
}

div.calendar tr.days td.today
{
  font-weight: bold;
  border-color: #3d60ba;
}

div.calendar tr.days td.otherDay
{
  background: #DEDEDE;
  color: #1D2F68;
}


#kalender {width:530px;margin:0 auto;}

#kalender h1{
  background:url(http://weiterstadt.de/webEdition/images/veranstaltungskalender/datum_bg.jpg);
  border:1px #8da0c1 solid;
  color:#1d2f68;
  font-size:12px;
  width:520px;
  height:20px;
  line-height:20px;
  padding-left:10px;
  margin:0;
  margin-top:10px;
}

#kalender a{
  /* color:#1d2f68;*/
color: #182858;
  width:530px;
  font-weight:bold;
  font-size:1em;
  padding:0.3em 0;
  display:block;
  text-decoration:none;
  line-height:25px;
  border-bottom: 1px #666 dotted;
  
}

#kalender a:hover{
  text-decoration:underline;
  background:#fff;
}



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

#kalender .toggler{
  margin :0px;
        padding: 0;
  padding-bottom:10px;
        background: #fff;
}

#kalender td {
  vertical-align:top;
  width:250px;
        background:#fff;  
}

#kalender fieldset{
  background: #fff;
  border: 1px #666 solid;
  padding-left:10px;
}
#kalender fieldset h1{
        width: 100%;
  margin:0;
  color:#1d2f68;
  font-size:13px;
  padding-top:2px;
  font-weight:bold;
  background:url(http://weiterstadt.de/webEdition/images/veranstaltungskalender/fieldset_headline.jpg) repeat-x;
  height:36px;
  border:0;
  margin-left:-10px;
}
#kalender fieldset p{
  float:left;
  width:240px;
  margin-top:10px;
}

#kalender fieldset input{
  border:1px #666 solid;
  width:150px;
  height:18px;
}

#kalender fieldset input[type="submit"]{
  border:0;
  width:170px;
  height:32px;
  background: url(http://weiterstadt.de/webEdition/images/veranstaltungskalender/suche_button.jpg);
  margin-left:-3px;
}

#kalender fieldset select{
  border:1px #666 solid;
  height:23px;
  width:250px;
  padding:3px;  
}
#kalender fieldset select option{
  padding:3px;
}

#kalender .link_week{
  color:#1d2f68;
  font-weight:normal;
  font-size:12px;
  padding:0;
  width:108px;
  margin: 0px 4px;
  float:left;
  line-height:12px;
  vertical-align:top;
  text-decoration:none;
  border-bottom:0;
  
}

#kalender .link_week:hover{
  text-decoration:none;
  background:#fff;
}


#kalender .link_normal{
  color:#1d2f68;
  font-size:12px;
        font-weight: bold;
  padding:0;
  text-decoration:underline;
  border:0;
  display:inline;
}
#kalender .link_normal:hover{
  background:#dedede;
}



#kalender .link_kino {
  color:#1d2f68;
  font-weight:normal;
  font-size:12px;
  padding:0;
  text-decoration:underline;
  border:0;
  display:inline;
}
#kalender .link_kino:hover{
  background:#fff;
}

a.but-back {
text-align: left;
display: inline;
font-size: 90% !important;
margin: 0;
padding: 5px 0 5px 18px !important;
    background: url(/webEdition/images/veranstaltungskalender/pfeil_links.jpg) no-repeat center left;
}
a:hover.but-back  {
text-decoration: underline !important;
    background: url(/webEdition/images/veranstaltungskalender/pfeil_links.jpg) no-repeat center left !important;
}

a.but-next {
text-align: right;
display: inline;
font-size: 90% !important;
margin: 0;
padding: 5px 18px 5px 0 !important;
    background: url(/webEdition/images/veranstaltungskalender/pfeil_rechts.jpg) no-repeat center right;
}
a:hover.but-next  {
text-decoration: underline !important;
    background: url(/webEdition/images/veranstaltungskalender/pfeil_rechts.jpg) no-repeat center right !important;
}

/* Kontaktformular 
--------------------------------------------------------------------------------------- */

.required {
    color: #C53E44;
    font-weight: bold;
    font-size: 1.2em;
}

.formError{
   color: #C53E44;
   border-color: #C53E44 !important;
}

form.formular1 fieldset, 
form.form-veranst fieldset {
        margin-top: 2em;
}

form.formular1 legend,
form.form-veranst legend  {
        margin: 0;
    font-weight: bold;
      }
form.formular1 p,
form.form-veranst p  {
        margin-bottom: 1em;
      }

form.formular1 p label,
form.form-veranst p label
 {
        float: left;
        width: 12em;
        margin-top: 0.3em;
        cursor: pointer;
      }

form.formular1  p input,form.formular1 p select, form.formular1 p textarea,
form.form-veranst  p input, form.form-veranst p select, form.form-veranst p textarea
 {
        border: 1px solid #BFBFBF;
        padding: 3px;
        margin-top: 0.1em;
        width: 20em;
      }

form.formular1 p select,
form.form-veranst p select
 {
        width: auto;
      }


form.formular1 p input#formInput_submit,
form.form-veranst p input#formInput_submit
 {
     float: right;
     margin-right: 18px;
      }

/* Formular Veranstaltungskalender */

form.form-veranst p textarea 
 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
        width: 20.5em;
        height: 10em;
      }

#form-button {
margin-left: 11.8em;
width: 20.5em;
      }

/* Formular Kontakt */

form.formular1 p textarea
 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
        width: 28em;
        height: 10em;
      }


.weihnachtsbanner {
    margin: 0 0 6px 8px;
      }

/* Dienstleistung Formulare 
--------------------------------------------------------------------------------------- */

.formulare ul {
    margin: 10px 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.formulare li {
    margin: 0 !important;
    padding: 3px 20px 3px 0px !important;
    background: url(/images/icons/pdf.gif) no-repeat center right;
}


.formulare li a {
    display: block;
    text-decoration: none;
}