﻿html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, table, caption, tbody, tfoot, thead, tr, th, td
{
   font-size:100.01%;
   margin: 0pt;
   padding: 0pt;
}
body
{
   font: 16px/18px Arial, Verdana, Helvetica, sans-serif;
   background: #DEDDE3;
   text-align: center;
   color: #000000;
}
p, ul, ol, dl, table, address, blockquote, fieldset, pre, form div {
	 font-size: 0.75em;  /* 12px */
}
form
{
  overflow:hidden;
}
form em
{
  color: #8C8C8C;
  display: block;
  font-size: 0.75em; /* 12px */
  margin: 15px 0 8px 130px;
}
ul, ol, dl
{
   list-style: none;
}
p
{
   margin-bottom: 1.0em;
}
a, a:link
{
}
a:hover
{
   color: #b52326;
}
h1, h2, h3, h4, h5, h6
{
   font-family: 'Century Gothic' , 'Trebuchet MS Sans Serif' , Arial, Helvetica, Sans-Serif;
}
h1
{
   font-size: 1.0em;   /* 16px */
   line-height: 1.125em;  /* 27px */
   color: #2F75BC;
   margin-bottom: 10px;
}
h2
{
   font-size: 0.85em;
   margin-top: 0.5em;
}
h3,
h4,
h5,
h6
{ 
  font-size: 0.75em;   /* 12px */ 
}
img
{
   border: 0;
}
div#container
{
   position: relative;
   width: 966px;
   background: #FFFFFF;
   margin: 0 auto;
   text-align: left;
}
div#header
{
   width: 966px;
   height: 120px;
   position: relative;
   background: transparent url(../images/kinderkrippen-online.jpg) no-repeat top left;
}
div#header .logo
{
   position: absolute;
   top: 0;
   left: 0;
}
div#header h1
{
   position: absolute;
   top: 10px;
   left: 410px;
   width: 200px;
   color: #ffffff;
   border: 1px solid #F2C2C2;
   padding: 3px 5px;
   font-size: 11px;
   font-weight: normal;
   font-family: Verdana, Sans-Serif;
   background: none;
}
div#mainnav
{
   width: 940px;
   height: 25px;
   position: absolute;
   bottom: 0px;
   left: 26px;
   font-size: 1.1em;
}
div#mainnav li
{
   float: left;
   margin-right: 16px;
   background: transparent url(../images/bg-mainnav.jpg) no-repeat bottom left;
}
div#mainnav li a
{
   float: left;
   display: block;
   height: 25px;
   padding-left: 8px;
   padding-right: 8px;
   background: transparent url(../images/bg-mainnav-r.jpg) no-repeat bottom right;
   line-height: 25px;
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
}
div#mainnav li:hover
{
   background-position: top left;
}
div#mainnav li a:hover
{
   text-decoration: underline;
   background-position: top right;
}
div#mainnav li.active
{
   background-color: #ffffff;
   background-image:none;
   color: #BB2F30;
   border: 1px solid #CA2627;
   border-bottom: none;
   font-weight: bold;
   height: 24px;
   line-height: 25px;
   padding-left: 8px;
   padding-right: 8px;
}
div#mainnav li.active a
{
		background: transparent;
		/* background-image:none; */
		color: #0000ff;
}
div#subnav {
background:transparent url(../images/bg-subnav.gif) repeat-x scroll left bottom;
height:40px;
width:966px;
}
div#subnav ul {
margin-left:37px;
padding-top:5px;
}
div#subnav li {
float:left;
margin-right:13px;
}
div#subnav li a {
color:#B9B9B9;
text-decoration:none;
}
div#container
{
   overflow: hidden;
}
div#wrap-content
{
   margin-bottom: 26px;
   padding-left: 26px;
   overflow: hidden;
}
div#content
{
   float: left;
   display: inline;
   margin-right: 24px;
   padding-top: 20px;
   width: 545px;
}
table#tblKrippen, table#tblTopStellenangebote
{
   width: 543px;
   border-collapse: collapse;
   border-top: 1px solid #DC7474;
   border-right: 1px solid #DC7474;
   text-align: left;
   margin-bottom: 15px;
}
table#tblKrippen caption, table#tblTopStellenangebote caption
{
   color: #2F75BC;
   font-size: 1.4em;
   font-weight: bold;
   padding: 0.3em;
   padding-left: 0;
   text-align: left;
}
table#tblKrippen thead th, table#tblTopStellenangebote thead th,
table#tblKrippen td, table#tblTopStellenangebote td
{
   border-bottom: 1px solid #DC7474;
   border-left: 1px solid #DC7474;
   padding: 0.3em 0.5em;
}
table#tblKrippen thead th, table#tblTopStellenangebote thead th
{
   background: #E69D9D;
}
ul#Ausbildungsangebote img
{
  float: left;
  margin: 0px 5px 0px 0px;
}
ul#Ausbildungsangebote li
{
   margin-bottom: 1.0em;
   overflow: hidden;
   padding-bottom: 10px;
   border-bottom: 1px solid #B9B9B9;
}
ul#Ausbildungsangebote li li
{
   margin-bottom: 0;
   border-bottom:none;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size:1.3em;
}
ul#Ausbildungsangebote img
{
   float: left;
}
/* Sidebar */
div#sidebar
{
  float: left;
  width: 371px;
}
div#sidebar .inner
{
  background: #FDF1F1;
  overflow: hidden;
  padding: 20px 26px 0px 8px;
}
div#sidebar .box, div#inserieren
{
   float: left;
   width: 337px;
   margin-bottom: 1.2em;
   background-color: #ffffff;
}
div#sidebar .box p, div#inserieren p
{
   margin: 0pt;
   padding: 0pt;
}
div#sidebar .box h3, div#inserieren h3
{
   border: 1px solid #F4CACB;
   background: #F9E1E1;
   color: #BB2F30;
   padding: 0.3em 0.5em;
   font-size: 0.8em;
}
div#sidebar .box div, div#inserieren div, div#Krippeneintrag
{
   border: 1px solid #F4CACB;
   border-top: none;
   padding: 0.7em 0.5em;
   overflow: hidden;
}
div#inserieren
{
   float:left;
   position: relative;
}
div#inserieren p
{
   width: 240px;
}
img#tag
{
   position: absolute;
   top: 0;
   right: 0;
}
div#Krippeneintrag
{
   height: 150px;
   background: #ffffff url(../images/bg-kind.jpg) no-repeat top left;
}
div#sidebar div#Krippeneintrag p
{
   width: 186px;
   padding-top: 15px;
   padding-left: 8px;
   line-height: 18px;
   color: #000000;
}
a#btn-eintrag
{
   display: block;
   width: 150px;
   height: 30px;
   margin-top: 20px;
   text-indent: -999px;
   background: transparent url(../images/krippe-eintragen.gif) no-repeat top left;
}
div#Kantone, div#Staedte,
div#Kantone ul, div#Staedte ul
{
   overflow: hidden;
}
div#Kantone li, div#Staedte li
{
   float: left;
   margin-right: 8px;
}
div#Kantone li a, div#Staedte li a
{
   display: block;
}
div#schweizer-kantone ul
{
   float: left;
   margin-right: 8px;
}
div#schweizer-kantone li
{
   margin-bottom: 5px;
}
div#schweizer-kantone a
{
   display: block;
   text-decoration: none;
   height: 16px;
}
div#schweizer-kantone a img
{
   margin-right: 3px;
   border: 1px solid #cccccc;
}
div#footer
{
   clear: both;
   border-top: 2px solid #CC6364;
}
div#inner-footer
{
   width: 914px;
   margin: 0px auto;
   padding: 20px 26px 20px 26px;
}
div#footer div
{
   float: left;
   margin-right: 35px;
}
div#footer div.last
{
   margin-right: 0px;
}
div#footer h3
{
   border-bottom: 1px solid #F4CACB;
   color: #CC6364;
   padding: 3px 0px;
   margin-bottom: 8px;
   font-size: 12px;
}
div#footer ul
{
   margin-bottom: 15px;
}
div#footer a
{
   color: #7A7A7A;
}
div#footer a:hover
{
   text-decoration: none;
}

/* Diverses */
hr
{
   clear: both;
   visibility: hidden;
}
/* Formulare */
.pflichtfeld
{
   color: #ff0000;
}
.frmMsg
{
   clear: both;
   color: #666666;
   display: block;
   font-style: italic;
   margin-left: 130px;
   padding: 0 0 15px;
}
#cmdSubmit, #cmdSenden
{
   width: auto;
   clear: both;
   display: block;
   margin-left: 130px;
   padding: 2px 3px;
   border: 1px solid #C92725;
   background: #F24A49;
   color: #ffffff;
   font-weight: bold;
   cursor: pointer;
}
label
{
   float: left;
   clear: both;
   display: block;
   width: 130px;
   padding: 3px 0px 2px;
   font-weight: bold;
   font-size: 0.75em; /* 12px */
}
input, textarea, select
{
   float: left;
   width: 350px;
   margin-bottom: 8px;
   padding: 3px;
   border: 1px solid #cccccc;
   font-family: Arial, Sans-Serif;
   font-size: 12px;
}
select
{
   width: 150px;
}
.PlzOrt
{
   float: left;
   overflow: hidden;
   width: 350px;
   margin-bottom: 8px;
}
.PlzOrt #txtKontaktPlz
{
   width: 50px;
   margin-right: 10px;
   margin-bottom: 0pt;
}
.PlzOrt #txtKontaktOrt
{
   width: 270px;
   margin-bottom: 0pt;
}
#cblFunktion input, .frmNoSpam input, #chkVollzeit, #chkTeilzeit
{
   width: auto;
   border: 0;
}
#chkTeilzeit
{
   margin-left: 20px;
}
.frmCheckbox
{
   overflow: hidden;
}
#cblFunktion label, .frmCheckbox label, .frmCheckbox label, #lblPensumProzent
{
   clear: none;
   width: 180px;
   padding-left: 5px;
}
.frmCheckbox label, .frmCheckbox label, #lblPensumProzent
{
   width: auto;
   padding-right: 5px;
}
.frmNoSpam label
{
   clear: none;
   width: 270px;
   padding-left: 5px;
}
#txtPensumProzent
{
   width: 140px;
   clear: none;
}
form h3
{
   display: block;
   overflow: hidden;
   border-bottom: 1px dashed #CCCCCC;
   border-top: 1px dashed #CCCCCC;
   clear: both;
   font-size: 13px;
   margin-bottom: 10px;
   margin-top: 20px;
   padding: 5px 0px;
   color: #75BC2F;
}
#tblFilter #cmdSubmit, #cmdSubmit.btnInline
{
   clear: none;
   display: block;
   float: left;
   margin-left: 10px;
}
#tblNachrichtSenden
{
   background: #FBF2ED;
   padding: 10px 5px 5px;
   overflow: hidden;
   border: 1px solid #C92725;
}
#tblNachrichtSenden label
{
   font-weight: bold;
}
.date
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   float: right;
   color: #7A7A7A;
   font-weight: normal;
   font-size: 11px;
}
#tblWochenplan input
{
   width: 40px;
}
#tblWochenplan input.time
{
   width: 100px;
}
#tblWochenplan th
{
   background-color: #F9E1E1;
}
.msg
{
   border: 1px solid #BB2F30;
   background-color: #FFEBE8;
   color: #000000;
}
