/* -------------------------------- Body ------------------------------------- */

html, body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(/img/back.gif);
	background-repeat: repeat-y;
	height:100%;
}

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

  body, td, th {
    color: #1D2F68;
    font: small/1.3 Verdana, Geneva, Arial, Helvetica, sans-serif!important;
    font /**/: x-small Verdana, Geneva, Arial, Helvetica, sans-serif;}

p {
    color: #1D2F68;
    font: small/1.3 Verdana, Geneva, Arial, Helvetica, sans-serif!important;
    font /**/: x-small Verdana, Geneva, Arial, Helvetica, sans-serif;}

a:link, a:visited, a:active{
    color: #1D2F68;
}
   a:hover {
    color: #1D2F68;
background-color: #ECF5FF;
    text-decoration: none;}

#page {
    width: 980px;
position: relative;
}


/* -------------------------------- Ueberschriften ------------------------------------- */
h1, h2, h3 {
    color: #1D2F68;
    margin: 1em 0 0.2em 0;
    font: 160% Verdana, Arial, Helvetica, sans-serif;
}
h2 {
    font: bold 120% Verdana, Arial, Helvetica, sans-serif;
}
h3 {
    font: bold 100%/1.4em  Verdana,Arial,Helvetica,sans-serif;
}

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


#header {
    margin: 0;
    padding: 0;
    background:  #4AA1E8 url(/img/headbg.jpg) no-repeat center;
    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;}

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

#search{
	width: 205px;
	\width: 205px;
	w\idth: 195px;
	height: 96px;
	margin: 0;
   	padding-left: 20px;
	display: block;
	background-color: #F4F4F4;
	right:0px;
	top:0px;
	float: right;
	position:absolute;}

#search h1  {
	font: bold 130% Verdana, Arial, Helvetica, sans-serif;
	color: #C5070B;}

/* -------------------------------- 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;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0;	}

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

.border0 {border: 0px;}

/* -------------------------------- Container ------------------------------------- */


		#container {
			padding: 0px;
			height: 100%;}

		
		#content {
			padding: 10px;
			margin-left: 202px;
			margin-right: 225px;
			background-color: #FFFFFF;
		}

		#sidebar-a {
	float: left;

	width: 202px;
		\width: 202px;
			w\idth: 191px;
			margin: 0;
			margin-right: 0px;
			padding: 0px;}

		


/* -------------------------------- Deeplinks: Links ---------------------------------- */

#deeplinks  {
	padding: 0 0 0 10px;
	margin: 0;
        text-align: center;}

#deeplinks img  {
	border: none;
	}

#deeplinks a:hover  {
	background: transparent;
	} 
/* -------------------------------- Infos: Rechts ------------------------------------- */
#rechts {
	float: right;
	width: 225px;
	\width: 225px;
	w\idth: 215px;
	margin: 0;
	padding: 0;
	height: 99%;
	background-color: #F4F4F4;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #D5E0E9;
	border-left-color:#D5E0E9;
}

#rechts p {
    padding: 0 0 0 10px; }

#rechts h3 {
    color: #1D2F68;
    font: bold 100% Verdana, Arial, Helvetica, sans-serif!important;
    margin: 6px 0 0 0;
    background: #D5E0E9;
    padding: 0 0 0 10px;
    position: relative;
}


#rechts a, #rechts a:link, #rechts a:visited {
    color: #000000;
  
    text-decoration: none;
}

#rechts a:hover, #rechts a:focus, #rechts a:active {
    background-color: #ECF5FF;
}

#rechts ul, #rechts ol {
    margin: 0;
    padding: 0 5px 2px 5px;
}
#rechts li {
    font: bold 75% Verdana,Arial,Helvetica,sans-serif;
    line-height: 1.1;
}
#infobild {
	text-align: center;
	padding-bottom: 2px;
}

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

ul#language {margin: 5px 0px 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
{
	color: #1D2F68;
	text-align: center;
	font-size: 85%;
	line-height: 1.3;
	padding-top: 30px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 30px;
}
#footer a{
    color: #1D2F68;
}
#footer a:hover {

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

/* -------------------------------- Brotkruemel Navigation ------------------------------------- */		
#breadcrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #1D2F68;}

#breadcrumb a {
	color: #CC0000;
	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;
}
.imgre {
    float: right;
    margin: 2px;
}
.imgli {
    float: left;
    margin: 2px 5px 2px 0px;
}

.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;}

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

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


#wobanner {
	padding: 9px;
	float: right;}

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

a.linkButton{
  display: block;
  font-size: 0.75em;
  text-decoration: none;
  color: white;
  margin-top: 2em;
  margin-bottom: 2em;

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


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

.mattblacktabs ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
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;
border: 1px solid #D5E0E9;

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

ul#nav-lebenssituation a{
text-decoration: none;
display: block;
padding: 2px;
padding-left: 5px;
}

ul#nav-lebenssituation a:hover{
background-color: #FFF;
}

/* -------------------------------- Linke Navigation ------------------------------------- */


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: normal 100%/1.4em Verdana,Arial,Helvetica,sans-serif;
    display: block;
    margin: 0;
    padding: 0 0 0 25px;
    text-decoration: none;
}


#bildlinkespalte {
    position:absolute;
    width:190px;
    height:160px;
    z-index:1; 
    left: 0px; 
    top: 800px;
    background-image: url("/img/spargeldenkmal.jpg");
    background-repeat: no-repeat;
}

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



/* -------------------------------- Organigramm ------------------------------------- */
.organE1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #8E97B4;
	border: 1px solid #1C2F69;
	font-size: 1em;
}
.organE2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1C2F69;
	background-color: #BCC1D2;
	border: 1px solid #1C2F69;
	font-size: 0.85em;
	padding: 4px;
}
.organE3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1C2F69;
	background-color: #D7DAE4;
	border: 1px solid #1C2F69;
	font-size: 0.85em;
	padding: 4px;
}
.organE4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1C2F69;
	background-color: #EBEDF2;
	border: 1px solid #1C2F69;
	font-size: 0.85em;
	padding: 4px;
}


/* -------------------------------- Startseite ------------------------------------- */
/* Chatbox */

#chatbutton {
	background-color: #000279;
	background-image:  url(/img/chat_back.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 244px;
	float: left;}

#chatbutton p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 0.8em;
	line-height: 130%;
	margin-top: 20px;
	margin-left: 12px;}
	
#chatbutton a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size: 0.9em;
	line-height: 120%;
	font-weight: bold;
	text-decoration: none;}


#luisenfestbanner {
text-align: center;
margin: 1em 0;
}


/* -------------------------------- 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: 90%;
  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: 0.6em;
} 


#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;
}