body {
  margin: 0 0 0 0;
  background-color: #eee;
}

td {
  font-family: verdana,arial,helvetica;
  font-size: 12px;
  color: #333;
  }


  
#spdirectory td {
  font-family: verdana,arial,helvetica;
  font-size: 11px;
  }
  
.tx_spdirectory-pi1-dotted {
  border: 1px solid #DDDAC7;
}

/* Login */


.login fieldset {
  border: none;
  margin: 0;
  padding: 0;
}


#logintext {
  font-size: 7.5pt;
  color: #333;
  padding-bottom: 5px;
}

#loginfeld {
  font-size: 7.5pt;
  color: #333;
  padding-bottom: 5px;
  padding-left: 3px;
}

#loginfeld .user {
  width: 179px;
  height:21px;
  font-size: 10pt;
  color: #000;
  border: 1px solid #C7C3A9;
  background-color: #fff;
  margin-left: -3px;
}

#loginfeld .pw {
  width: 179px;
  height:21px;
  font-size: 10pt;
  color: #000;
  border: 1px solid #C7C3A9;
  background-color: #fff;
  margin-left: -3px;
}

#loginfeld .submit {
  width: 100px;
  height:21px;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  border: 1px solid #C7C3A9;
  background-color: #C7C3A9;
  cursor: pointer;
  margin-left: -3px;
}


/* PW-CHANGE */

.tx-fechangepassword-pi1 fieldset.defaultForm {
  border: none;
  margin: 0;
  padding: 0;
}


.labelRow {
  width: 165px;
  float: left;
  font-size: 7.5pt;
  color: #333;
  padding-bottom: 5px;
}

.formRow {
  font-size: 7.5pt;
  color: #333;
  padding-bottom: 5px;
}


.formRow input.text {
  width: 179px;
  height:21px;
  font-size: 10pt;
  color: #000;
  border: 1px solid #C7C3A9;
  background-color: #fff;
  margin-left: -3px;
}



.formRow input.submit {
  width: 100px;
  height:21px;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  border: 1px solid #C7C3A9;
  background-color: #C7C3A9;
  cursor: pointer;
  margin-left: -3px;
}

/* SUCH-FORMULAR */

#suchtext {
  width: 51px;
  height: 24px;
  background-color: #C7C3A9;
  border: 0;
  padding-left: 5px;
}

#suchfeld {
  width: 107px;
  height: 24px;
  background-color: #C7C3A9;
}

#suchbutton {
  width: 16px;
  height: 24px;
  border: 0;
}

  
/* FUNKTIONSMENU */

#fktmenu {
  height: 28px;
  vertical-align: middle;
  text-align: right;
  background-color: #fff;
  padding-right: 13px;
} 


/* CONTENT */

#content ul {
  margin-top: -5px;
  margin-bottom: -10px;
}

#content li {
  padding-bottom: 5px;
}

#content .csc-sitemap li ul {
  padding-top: 10px;
  padding-bottom: 10px;
}

#content .csc-sitemap li ul li {
  margin-left: -10px;
}

.csc-linkToTop {
  font-size: 10px;
  text-align: right;
  }

div.csc-textpic-imagewrap {
  padding-bottom: 20px;
}

.csc-textpic-intext-right .csc-textpic-imagewrap,
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
  padding-right: 25px;
}

.csc-textpic-caption {
  font-size:7pt;
  text-align: center;
  padding-top: 2px;
  padding-right:3px;
  padding-bottom:2px;
  padding-left:3px;
  color: #333;
  background-color: #C7C3A9;
  position:relative;
  top:3px;
  }


.csc-frame-rulerBefore {
  border-top: 1px solid #DDDAC7;
}

.csc-frame-rulerAfter {
  border-bottom: 1px solid #DDDAC7;
}


.csc-header-date {
   font: 8pt verdana,arial,helvetica;
   margin-bottom: 0px;
}

#content {
  vertical-align: top;
  font: 12px verdana,arial,helvetica;
  color: #333;
  padding: 17 30 45 64;
  background-color: #fff;
  }

#content a:link, #content  a:visited {
  color: #009C6B;
  text-decoration: underline;
  }

#content a:hover, #content  a:active {
  color: #009C6B;
  text-decoration: none;
  }

#content h1 {
  font: bold 18px verdana,arial,helvetica;
  color: #009C6B;
}

#content h2 {
  font: bold 15px verdana,arial,helvetica;
  color: #333;
}

#content h3 {
  font: bold 13px verdana,arial,helvetica;
  color: #333;
}

#content h4 {
  font: bold 12px verdana,arial,helvetica;
  color: #333;
}




/* FUSS */

#fuss {
  height: 19px;
  font: 12px verdana,arial,helvetica;
  color:#fff;
  vertical-align: middle;
  text-align: right;
  padding: 0 27px 0 0;
  background-color: #009C6B;
}


#copy {
  height: 22px;
  font: 11px verdana,arial,helvetica;
  color:#999;
  vertical-align: middle;
  text-align: right;
  padding: 0 27px 0 0;
}

#copy a:link, #copy a:visited {
  color:#999;
  text-decoration: none;
}

#copy a:hover, #copy a:active {
  color:#999;
  text-decoration: underline;
}

/* NAVIGATION */

#navibg {
  padding: 0 0 20 2;
  vertical-align: top;
  background-color: #fff;
}

A.level1_no:link, A.level1_no:visited {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #333;
  text-decoration: none;
  padding: 0 0 0 11;
  position: relative;
  top: 0px;
  left: 0px;
}

a.level1_no:hover, a.level1_no:active {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  padding: 0 0 0 11;
  background: url(/fileadmin/administration/systembilder/l1act.gif) no-repeat;
  position: relative;
  top: 0px;
  left: 0px;
}

A.level1_act:link, A.level1_act:visited, a.level1_act:hover, a.level1_act:active {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  padding: 0 0 0 11;
  background: url(/fileadmin/administration/systembilder/l1act.gif) no-repeat;
  position: relative;
  top: 0px;
  left: 0px;
}

A.level2_no:link, A.level2_no:visited {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #333;
  text-decoration: none;
  padding: 0 0 0 24;
  position: relative;
  top: 0px;
  left: 0px;
}

a.level2_no:hover, a.level2_no:active {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  padding: 0 0 0 24;
  background: url(/fileadmin/administration/systembilder/l2act.gif) no-repeat;
  position: relative;
  top: 0px;
  left: 0px;
}

A.level2_act:link, A.level2_act:visited, a.level2_act:hover, a.level2_act:active {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  padding: 0 0 0 24;
  background: url(/fileadmin/administration/systembilder/l2act.gif) no-repeat;
  position: relative;
  top: 0px;
  left: 0px;
}

A.level3_no:link, A.level3_no:visited {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #333;
  text-decoration: none;
  padding: 0 0 0 40;
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
}

a.level3_no:hover, a.level3_no:active {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  padding: 0 0 0 40;
  display: block;
  background: url(/fileadmin/administration/systembilder/l3act.gif) no-repeat;
  position: relative;
  top: 0px;
  left: 0px;
}

A.level3_act:link, A.level3_act:visited, a.level3_act:hover, a.level3_act:active {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  padding: 0 0 0 40;
  display: block;
  background: url(/fileadmin/administration/systembilder/l3act.gif) no-repeat;
  position: relative;
  top: 0px;
  left: 0px;
}

A.fkt_no:link, A.fkt_no:visited {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #333;
  text-decoration: underline;
  padding: 0 0 0 0;
  position: relative;
  top: 0px;
  left: 0px;
}

a.fkt_no:hover, a.fkt_no:active {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #333;
  text-decoration: none;
  padding: 0 0 0 0;
  position: relative;
  top: 0px;
  left: 0px;
}

A.fkt_act:link, A.fkt_act:visited, a.fkt_act:hover, a.fkt_act:active {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #333;
  text-decoration: none;
  padding: 0 0 0 0;
  position: relative;
  top: 0px;
  left: 0px;
}

/* NAVIGATION */


#l1linie {
  width: 220px;
  height:1px;
  background-color: #DDDAC7;
  } 


#l1s1no {
  width:25px;
  height:24px;
  vertical-align: middle;
  }

#l1s2no {
  width: 195px;
  height:24px;
  vertical-align: middle;
  }

#l1s1act {
  width:25px;
  height:24px;
  vertical-align: middle;
  background-color: #fff;
  }


#l1s2act {
  width:195px;
  height:24px;
  vertical-align: middle;
  background-color: #fff;

  }

#l2s1no {
  width:25px;
  height:16px;
  vertical-align: middle;
  background-color: #fff;
  }

#l2s2no {
  width:195px;
  height:16px;
  vertical-align: middle;
  background-color: #fff;
  }



#l2s1act {
  width:25px;
  height:16px;
  vertical-align: middle;
  background-color: #fff;
  }

#l2s2act {
  width:195px;
  height:16px;
  vertical-align: middle;
  background-color: #fff;
  }


#l3s1no {
  width:25px;
  height:16px;
  vertical-align: middle;
  background-color: #fff;
  }

#l3s2no {
  width:195px;
  height:16px;
  vertical-align: middle;
  background-color: #fff;
  }

#l3s1act {
  width:25px;
  height:16px;
  vertical-align: middle;
  background-color: #fff;
  }

#l3s2act {
  width:195px;
  height:16px;
  vertical-align: middle;
  background-color: #fff;
  }

/* ---------------------------- Banner Buchung ---------------------------- */


table#banner-belegung {
  width: 100%;
  border: 1px solid #009C6B;
  border-collapse: collapse;
}

table#banner-belegung th {
  font: bold 11px verdana,arial,helvetica;
  color: #fff;
  border: 1px solid #fff;
  background: #009C6B;
  text-align: center;
}

table#banner-belegung td {
  font: 11px verdana,arial,helvetica;
  border: 1px solid #c7c3a9;
}

table#banner-belegung td#sfw {
  width: 60px;
  background: #f1efe2;
  text-align: center;
}

table#banner-belegung td#sws {
  width: 60px;
  background: #E7E4D0;
  text-align: center;
}