/* CSS Document */

/***************************************************************/
/* Seitenkopf */
/***************************************************************/

/***************************************************************/
/* Kopfbild, Servicenavigation */
/***************************************************************/
#logo-link {
  top:42px;
  left:806px;
}
/***************************************************************/
/* Zwischenbereich, Referenzfeld, History */
/***************************************************************/

/***************************************************************/
/* Inhaltsbereich Unterseiten */
/***************************************************************/

#unterseite-spalte-1 {
  background:#FFEF41;
}
#unterseite-spalte-2 {
  background:#EEEEEE;
}

.box, .box-links, .box-rechts {
  background:#EEEEEE;
}
.box-head {
  background:#FFEF41;
}

#unterseite-spalte-1 ul li a:hover {
  background:#F9F3AF;
  color: #000000;
}
#unterseite-spalte-1 .aktiv {
  background:#F9F3AF;
}
#unterseite-spalte-2-text a, .box-content a {
  color: #1F6DAB;
}
#home-oben a {
  text-decoration: none;
  color: #1F6DAB;
}
#home-oben a:hover {
  text-decoration: underline;
}

#unterseite-spalte-2-text p.bodytext a {
  background-image: url(../img/icons/home_pfeil.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  padding-left: 9px;
}
#unterseite-spalte-2-text p.bodytext a:hover {
  background-image: url(../img/icons/home_pfeil_on.gif);
}

#ecke-home-links {
  position:absolute;
  left:421px;
  top: 0px;
  height:29px;
  width:29px;
  z-index:3;
}
#ecke-home-rechts {
  position:absolute;
  left:234px;
  top: 0px;
  height:29px;
  width:29px;
  z-index:3;
}
.box-links {
  width:450px;
  padding : 0px 0 0 0px;
  margin: 0;
  margin-top:10px;
}

.box-rechts {
  width:263px;
  padding : 0px 0 0 0px;
  margin: 0;
  margin-top:10px;
}

.meldung {
  margin-bottom: 20px;
  /*border-bottom: 1px dotted #FFFFFF;*/
  border-top: 1px dotted #888888;
}

#home-oben h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-style: normal; 
  margin: 0px 0 0 160px; 
  font-size: 110%;
  overflow : hidden;
}

#home-oben h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-style: normal; 
  margin: 6px 0 20px 200px; 
  font-size: 100%;
  overflow : hidden;
}
.box-links p {
  padding-left:10px;
}
.box-aktuelles-text {
  margin: 0px 20px 40px 0px;
  padding-top:0px;
  padding-bottom:0px;
}
#home-oben ul { 
  font-size: 70%;
  line-height: 145%;
}
html .csi-image {
   padding: 4px 20px 20px 30px;
}


/***************************************************************/
/* Anmeldeformular */
/***************************************************************/
.vera-button {
  background: #4CA1E4; 
  border:2px solid #6AB1E8;
  width:140px;
  float:left;
}
.vera-button-erweitert {
  background: #4CA1E4; 
  border:2px solid #6AB1E8;
  width:140px;
  float:right;
  margin-right:74px;
}

.checkbox {
  border:0px inset #BBBBBB;
}

.eingabefeld {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-style: normal; 
  font-size: 100%;
  font-weight: normal;
  color: #000000; 
  height : 16px;
  width :240px;
  border:2px inset #BBBBBB;
  float:left;
  margin:0;
  padding:3px 0 0px 2px;
  background:#FFFFFF;
}
.eingabefeld-lang {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-style: normal; 
  font-size: 100%;
  font-weight: normal;
  color: #000000; 
  height : 16px;
  width :400px;
  border:2px inset #BBBBBB;
  margin:0 0 4px 0;
  padding:3px 0 0px 2px;
  background:#FFFFFF;
}
#id_datum {
  width :100px;
  float: left;
}
#search p {
  margin: 0 0 4px 0;
  padding:0;
}
input.eingabefeld:focus, input.focus {
  background:#FFFFFF;
  border:2px solid #4CA1E4;
}
input.vera-button:focus, input.vera-button-erweitert:focus {
  border-style: inset;
}
select {
  width: 200px;
  background:#FFFFFF;
}
select .keineauswahl {
  color: #888888;
}
select:focus {
  background:#FFFFFF;
  border:2px solid #4CA1E4;
}
#pulldown {
  margin-top: 4px;
}
#pulldown td {
  padding-top:2px;
}
textarea {
  width:240px; 
  height:80px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-style: normal; 
  font-size: 100%;
  border:2px inset #BBBBBB;
  line-height: 130%;
}

/***************************************************************/
/* Neue Home */
/***************************************************************/

#willkommen {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 120%;
  font-weight: bold;
  color: #909090;
  padding: 10px 0 0px 0;
}

#willkommen b {
  color: #1171ad;
}

.box-links {
  width: 486px;
  margin: 0 0 20px 0;
  padding: 0;
}

.box-links p {
  padding: 0;
  padding-left: 10px;
}
.box-head p {
  padding-left: 0px;
}
#box-aktuelles-text p {
  padding-left: 0px;
  display: inline;
}

#box-aktuelles-head a {
  color: #000;
}

#box-aktuelles-head b {
  font-size: 120%;
}

.box-aktuelles-text {
  margin: 0px 20px 0px 15px;
  padding: 0 0 10px 0;
}

.box-head {
  background-color: #ffef40;
  background-image: url(../img/box-ecke.gif);
  background-repeat: no-repeat;
  background-position: right top;
  height: 100%;
  overflow: hidden;
}

.box-highlights {
  width: 486px;
  margin: 0 0 0px 0;
  padding: 0 0 0px 0;
  font-size: 100%;
  height: 100%;
  background-color: #eee;
  overflow: hidden;
}

.box-highlights .box-head {
  background-color: #3987c5;
  margin-bottom: 0px;
  color: #fff;
}

.highlights-content {
  padding: 0 15px 10px 15px;
  margin: 0;
  height: 100%;
  overflow: hidden;
  background-color: #eee;
}

.highlight {
}

.highlights-monat {
  background-color: #3987c5;
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 80%;
  font-weight: bold;
  width: 26px;
  margin-bottom: -42px;
  margin-top: 12px;
  padding: 0 3px 0 3px;
  z-index: 3;
}

.highlights-monat .monat {
}

.highlights-monat .jahr {
  text-align: right;
}

.highlight .einzug {
  width: 30px;
  float: left;
  height: 100%;
}

.highlight .einzug .quadrat {
  width: 8px;
  height: 8px;
  background-color: #3987c5;
  margin-top: 12px;
  float: right;
  font-size: 1%;
}

.highlight .text {
  margin: 0 0 0 45px;
}

.highlight .text p {
  margin: 0;
  padding: 8px 0 0 0;
}

.highlight .text b {
  font-size: 120%;
}

.highlight .text a {
  font-weight: bold;
  color: #1F6DAB;
}

.box-rechts {
  width: 228px;
  margin: 0;
  padding: 0;
  background:#ffffff;
}

.box-thema {
  background-color: #eee;
  margin: 0 0 20px 0;
}

.box-thema .box-head {
  background-color: #ff9400;
  color: #fff;
}

.box-thema .box-subhead {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 70%;
  font-weight: bold;
  background-color: #d6d6d6;
  color: #000;
  padding: 7px 15px 0 15px;
  height: 23px;
}

.box-thema .box-content a {
  font-weight: bold;
}


.box-portrait {
  background-color: #eee;
  margin: 0 0 20px 0;
}

.box-image-bildtext {
  background-color: #d6d6d6;
  overflow: hidden;
  height: 100%;
}

.box-image-bildtext .bild {
  float: left;
}

.box-image-bildtext .bildtext {
  padding: 10px 10px 10px 10px;
  overflow: hidden;
}

.box-portrait .box-content a {
  font-weight: bold;
}



.box-suche {
  background-color: #eee;
}

.box-suche .box-head {
  background-color: #3987c5;
  color: #fff;
}

.box-suche form {
  margin: 5px 0 0 0;
  padding: 0;
}

.box-suche label {
  float: none;
  clear: both;
}

.box-suche label:hover {
  cursor: pointer;
}

.box-suche input {
  margin-bottom: 7px;
  margin-top: 2px;
}

.box-suche input#suchbegriff {
  float: left;
  width: 166px;
}

.box-suche input#datum {
  float: left;
  width: 137px;
}

.box-suche #suche_kalender {
  padding: 5px;
  overflow: hidden;
}

.box-suche input#button_submit {
  float: none;
  clear: both;
  background-color: #3888c7;
  border-top: 2px solid #c7e8ff;
  border-left: 2px solid #c7e8ff;
  border-right: 2px solid #00427a;
  border-bottom: 2px solid #00427a;
  background-color: #666;
  border-top: 2px solid #999;
  border-left: 2px solid #999;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  color: #fff;
  font: normal 100% verdana, sans-serif;
  font-weight: bold;
  padding: 3px 5px 4px 5px;
  width: 140px;
}



.box-last-minute {
  background-color: #eee;
}

.box-last-minute .box-head {
  background-color: #3987c5;
  color: #fff;
  background-image: url();
}


.box-einrichtungen {
  background-color: #eee;
}

.box-einrichtungen .box-head {
  background-color: #a9d793;
  background-image: url();
}

.box-einrichtungen img {
  float: left;
  margin-right: 10px;
}

.box-einrichtungen a {
  color: #000;
  text-decoration: none;
}
.box-einrichtungen a:hover {
  text-decoration: underline;
}

.box-einrichtungen .box-image-bildtext {
  background-color: #eee;
  overflow: hidden;
  height: 100%;
}

.box-einrichtungen .box-image-bildtext .bild {
  float: left;
  padding: 10px;
  margin: 0;
}

.box-einrichtungen .box-image-bildtext .bildtext {
  padding: 10px 0 0 0;
  overflow: hidden;
}



.box-linktipps {
  background-color: #eee;
  color: #000;
}

.box-linktipps .box-head {
  background-color: #d6d6d6;
  background-image: url();
}

.box-linktipps a {
  color: #000;
}

.box-content p.bodytext {
}