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


/* 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: #ECF5FF;
    text-decoration: none;}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */

a:focus {
outline: none;
}


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

img, a img {
border: 0;
}

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


/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */
#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(/img/headbg.jpg) no-repeat 260px 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;
  }
  
/* 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;
  }



/* 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.5em/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;
}



/* 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;
}

/* 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;
}