/* Body */
/* ****************************************** */

body {
  background-image: url(../images/hintergrund_verlauf_home.gif);
  background-repeat: repeat-y;
}

/* Header */
/* ****************************************** */

#header {
  height: 212px;
}

#logo {
  width: 330px;
}

img#webcam {
  margin-bottom: 20px;
}

#kb_headerbild {
  float: left;
  margin: 22px 10px 0 0;
}

#kb_headerbilder {
  float: left;
  text-align: right;
  margin: 22px 0 0 0;
}
#kb_headerbilder img {
  float: left;
  margin-right: 10px;
}

#kb_servicenavigation {
  float: left;
  background-color: #ededed;
  overflow: hidden;
  margin: 22px 0 0 0;
  width: 213px;
  height: 90px;
  font-size: 70%;
}
#kb_servicenavigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#kb_servicenavigation ul li {
  padding: 0;
  margin: 0;
}
#kb_servicenavigation ul li a {
  display: block;
  background-image: url(../images/kb_pfeil_servicenavi.gif);
  background-repeat: no-repeat;
  background-position: 10px 8px;
  color: #000;
  text-decoration: none;
  padding: 5px 0 0 20px;
  overflow: hidden;
  width: 100%;
}
#kb_servicenavigation ul li a:hover {
  text-decoration: underline;
}


/* Styles für zweispaltige Servicenavigation (wg. Integration Schriftgröße) */

#kb_servicenavigation_sp1 {
  float: left;
  overflow: hidden;
  height: 100%;
  width: 50%;
}
#kb_servicenavigation_sp2 {
  overflow: hidden;
  height: 100%;
}

#schriftgroesse {
  color:#000;
  padding: 5px 5px 0 0;
}
#schriftgroesse a {
  margin-right: 5px;
}

/* Hauptnavigation */
/* ******************************************* */


#hauptnavigation {
  left: 0px;
  top: 140px;
  width: 1003px;
  height: 33px;
  background-image: url(../images/kb_hauptnavigation_hintergrund.gif);
  background-repeat: repeat-x;
}

/* Alle x-Positionen um 20 nach rechts */

#nav_home {
  left: 20px;
}
#nav_rubrik_1 {
  left: 93px;
}
#nav_rubrik_2 {
  left: 266px;
  left: 215px;
}
#nav_rubrik_3 {
  left: 383px;
  left: 369px;
}
#nav_rubrik_4 {
  left: 478px;
  left: 533px;
}
#nav_rubrik_5 {
  left: 614px;
}

#nav_home_line {
  width: 73px;
}
#nav_rubrik1_line {
  width: 122px;
}
#nav_rubrik2_line {
  width: 154px;
}
#nav_rubrik3_line {
  width: 164px;
}
#nav_rubrik4_line {
  width: 134px;
}
#nav_rubrik5_line {
  width: 118px;
}

#nav_rubrik_1 .hauptnav_trenner {
  border-left: 1px dotted #000;
}
#nav_rubrik1_line {
  border: 0;
}


#suche {
  font-size: 70%;
  position: absolute;
  z-index: 5;
  left: 790px;
  top: 4px;
}




/* Inhaltsbereich */
/* ************************************** */

#inhalte {
  background-color: #fff;
  overflow: hidden;
}

/* Spalte 1 */

#spalte_1 {
  background-image: url(../images/kb_roentgenbild.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 284px;
}


/* Teaser z.B. Home */

.kb_teaser {
  margin-bottom: 30px;
  overflow: hidden;
}
.kb_teaser_headline {
  color: #006ab3;
}
.kb_teaser_headline_gross {
  color: #006ab3;
  font-size: 120%;
}
.kb_teaser_inhalte {
  overflow: hidden;
  width: 100%;
}
.kb_teaser_inhalte_grau {
  overflow: hidden;
  width: 100%;
  background-color: #f2f2f2;
  margin-top: 5px;
}
.kb_teaser_bild {
  float: left;
  margin-top: 10px;
}
.kb_teaser_inhalte_grau .kb_teaser_bild {
  margin: 0;
}
.kb_teaser_text {
  overflow: hidden;
  height: 100%;
}
.kb_teaser_text p {
  padding: 8px 10px 10px 10px;
  margin: 0;
}
.kb_teaser_link {
  float: right;
}
.kb_teaser_link a {
  display: block;
  font-size: 1.0em;
  font-weight: bold;
  text-decoration: none;
  background-image: url(../images/pfeil_mehr.gif);
  background-repeat: no-repeat;
  background-position: 0px 6px;
  padding: 3px 6px 4px 18px;
  overflow: hidden;
  height: 100%;
  color: #006BB6;
  float: right;
}
.kb_teaser_link a:hover {
  text-decoration: underline;
}


/* Ihr Aufenthalt */

.kb_aufenthalt {
  width: 100%;
  overflow: hidden;
  background-image: url(../images/kb_aufenthalt_hintergrund.gif);
  background-repeat: repeat-y;
  padding-bottom: 30px;
}

.kb_aufenthalt_sp1 {
  background-color: #c3c7cb;
  background-image: url(../images/kb_aufenthalt_vorher.gif);
  background-repeat: no-repeat;
  background-position: right top;
  float: left;
  width: 173px;
}
.kb_aufenthalt_sp2 {
  background-color: #006ab3;
  background-image: url(../images/kb_aufenthalt_waehrend.gif);
  background-repeat: no-repeat;
  background-position: right top;
  float: left;
  width: 174px;
}
.kb_aufenthalt_sp3 {
  background-color: #abd83f;
  background-image: url(../images/kb_aufenthalt_nachher.gif);
  background-repeat: no-repeat;
  background-position: right top;
  float: left;
  width: 173px;
}

.kb_aufenthalt_intro {
  padding: 20px 0 0 10px;
  height: 90px;
}
.kb_aufenthalt_intro strong {
  font-size: 120%;
}

.kb_aufenthalt_links {
  padding: 0 0 0 10px;
  color: #fff;
}
.kb_aufenthalt_links strong {
  font-size: 120%;
}
.kb_aufenthalt_links ul {
  padding: 0;
  margin: 10px 0 0 0;
  list-style-type: none;
}
.kb_aufenthalt_links ul li {
}
.kb_aufenthalt_links ul li a {
  display: block;
  background-image: url(../images/kb_aufenthalt_pfeil.gif);
  background-repeat: no-repeat;
  background-position: 0 5px;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  padding: 0 0 0 15px;
  overflow: hidden;
  height: 100%;
}
.kb_aufenthalt_links ul li a:hover {
  text-decoration: underline;
}









/* Videocenter */

#videoPlayer {
  overflow: hidden;
  height: 100%;
}

/* Liste der Filme - Listenelement */

#filmliste_klammer {
  margin-left: -20px;
  overflow: hidden;
  clear: both;
  float: none;
}
#filmliste_headline {
  height: 100%;
  overflow: hidden;
  border-bottom: 1px solid #006bb6;
  padding-bottom: 5px;
  margin-top: 45px;
  color: #006bb6;
}
#filmliste_headline_sp1 {
  float: left;
  overflow: hidden;
  height: 100%;
  padding-top: 3px;
}
#filmliste_headline_sp2 {
  text-align: right;
  font-size: 90%;
  overflow: hidden;
  height: 100%;
}
#filmliste_headline_sp2 img {
  padding: 0 3px 0 3px;
}
#filmliste_klammer .listenelement {
  float: left;
  padding: 20px 0 20px 20px;
  width: 160px;
  overflow: hidden;
  height: 100%;
  color: #006bb6;
}
#filmliste_klammer .listenelement .bild {
  width: 160px;
  height: 120px;
  background-repeat: no-repeat;
}
#filmliste_klammer .listenelement .schleierAus {
  background-image: none;
}
#filmliste_klammer .listenelement .schleierAn {
  background-image: url(../images/hintergrund_weiss_50prozent.png);
}
#filmliste_klammer .listenelement .bild a {
  display: block;
  width: 160px;
  height: 120px;
  background-repeat: no-repeat;
  background-position: 120px 80px;
}
#filmliste_klammer .listenelement .bild a.linkAus {
  background-image: url(../images/icon_film_play.gif);
}
#filmliste_klammer .listenelement .bild a.linkAn {
  background-image: url(../images/icon_film_checked.gif);
}
#filmliste_klammer .listenelement .bild a:hover {
  background-image: url(../images/icon_film_play_over.gif);
}
#filmliste_klammer .listenelement .bildtext {
  padding: 10px 0 0 0;
}

.filmliste_trenner {
  height: 1px;
  font-size: 1%;
  border-bottom: 1px solid #006bb6;
  width: 100%;
  overflow: hidden;
  float: none;
  clear: both;
  margin-left: 15px;
}



/* Teaser Video in rechter Spalte */

.foto_video {
  width: 214px;
  height: 82px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.foto_video .playbutton {
  width: 204px;
  height: 72px;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-image: url(../images/icon_film_play.gif);
  overflow: hidden;
}

.linkmehr_video {
  background-color: #e2ecf8;
  padding: 8px 0 8px 10px;
}


/* Kleine Bilder in drei Spalten (z.B. Logos) */

#thumbs_klammer {
  margin-left: -20px;
  overflow: hidden;
  clear: both;
  float: none;
}
#thumbs_klammer .listenelement {
  float: left;
  padding: 20px 0 20px 20px;
  width: 160px;
  overflow: hidden;
  height: 100%;
  color: #006bb6;
}
#thumbs_klammer .listenelement .bild {
  border: 1px solid #006bb6;
}
#thumbs_klammer .listenelement .bild img {
  width: 158px; /* Diese Angabe ist eigentlich unnötig, denn die Bilder sollten die Breite von 158px haben... */
}
#thumbs_klammer .listenelement .bildtext {
  padding: 10px 0 0 0;
}

.thumbs_trenner {
  height: 1px;
  font-size: 1%;
  border-bottom: 1px solid #006bb6;
  width: 100%;
  overflow: hidden;
  float: none;
  clear: both;
  margin-left: 15px;
}






/* Babygalerie */
/**************/

/* Suchbox in rechter Spalte */
/* weitere Styles siehe Presseinfo-Suche in "sana_styles.css" */

#babygalerie_suche {
  background-color: #ededed;
  padding: 6px 0 0px 0px;
  font-size: 0.9em;
}

.form_babygalerie_zeile {
  clear: both;
  float: none;
  overflow: hidden;
  height: 100%;
  color: #006ab3;
  font-weight: bold;
  margin-bottom: 8px;
  padding-left: 10px;
}
.form_babygalerie_zeile input {
  border: 1px solid #006ab3;
  background-color: #fff;
  height: 21px;
  padding: 4px 0 0 3px;
  color: #006ab3;
  font: bold 100% arial, sans-serif;
  width: 146px;
}

#babygalerie_suche .form_input_stichwort {
  margin-left: 0;
}
#babygalerie_suche .form_input_stichwort input {
  width: 190px;
}

#babygalerie_suche .form_input_jahr input {
  width: 104px;
}

.form_babygalerie_headline {
  color: #006ab3;
  text-transform: uppercase;
  font-size: 1.0em;
  padding: 0px 10px 0px 10px;
  margin-bottom: 0px;
  border-bottom:0px solid #CCCCCC;
}

.form_babygalerie_bild {
  border-top: 1px solid #CCCCCC;
  margin-top: 4px;
}

#babygalerie_suche .subhead {
  padding: 5px 10px 0px 10px;
  margin-bottom: 15px;
}

#babygalerie_suche .button_teaser {
  padding: 0px 10px 0 0px;
  text-align: right;
}


/* Trefferliste */

.babygalerie_liste_zeile {
  clear: both;
  float: none;
  margin-right: -20px;
  width: 540px;
}

.babygalerie_liste_element {
  float: left;
  padding-right: 20px;
  padding-bottom: 25px;
  overflow: hidden;
  width: 160px;
}

.babygalerie_liste_element .boy, .babygalerie_liste_element .girl {
  padding: 10px;
  overflow: hidden;
  height: 100%;
}
.boy {
  background-color: #f0f5fc;
}
.girl {
  background-color: #fcedef;
}

.babygalerie_liste_element .bild {
}

.babygalerie_liste_element .text {
  color: #006ab3;
  padding: 5px 0 0 0;
}

.babygalerie_liste_element .link {
  text-align: right;
  margin-top: 5px;
}

.babygalerie_liste_element .link a {
  background-image: url(../images/pfeil_mehr.gif);
  background-repeat: no-repeat;
  background-position: left 4px;
  color: #006BB6;
  font-weight: bold;
  text-decoration: none;
  padding: 3px 4px 3px 18px;
}

.babygalerie_liste_element .link a:hover {
  text-decoration: underline;
}



/* Grossansicht */

.babygalerie_grossansicht_element {
}

.babygalerie_grossansicht_element .boy, .babygalerie_grossansicht_element .girl {
  padding: 20px;
  overflow: hidden;
  height: 100%;
}
.babygalerie_grossansicht_element .text {
  color: #006ab3;
  padding: 5px 0 0 0;
}

.babygalerie_grossansicht_element .text .text_spalte_1 {
  float: left;
  width: 50%;
}
.babygalerie_grossansicht_element .text .text_spalte_2 {
  float: right;
  text-align: right;
  width: 50%;
}
.babygalerie_grossansicht_element .link {
  text-align: right;
  margin-top: 5px;
}

.babygalerie_grossansicht_element .link a {
  background-image: url(../images/pfeil_mehr.gif);
  background-repeat: no-repeat;
  background-position: left 4px;
  color: #006BB6;
  font-weight: bold;
  text-decoration: none;
  padding: 3px 4px 3px 18px;
}

.babygalerie_grossansicht_element .link a:hover {
  text-decoration: underline;
}




/* Pop-Up */

#babygalerie_popup {
  background-color: #fff;
  overflow: hidden;
  height: 100%;
  font-size: 80%;
}

#babygalerie_popup_header {
  background-color: #fcedef;
  background-image: url(../images/babygalerie_header_popup.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  height: 60px;
  margin-bottom: 10px;
}

#babygalerie_popup_header .headline {
  padding: 20px 0 0 20px;
  color: #006ab3;
}

#babygalerie_popup_header .headline h1 {
  font-size: 140%;
  padding: 0;
  margin: 0;
}

.babygalerie_gratulation {
  background-color: #f0f5fc;
  overflow: hidden;
  height: 100%;
  margin-top: 10px;
  padding: 15px 20px 20px 20px;
  color: #006ab3;
}

#babygalerie_popup .formular {
  margin-top: 10px;
  clear: both;
  float: none;
  height: 100%;
  overflow: hidden;
}

#babygalerie_popup input, #babygalerie_popup textarea {
  border: 1px solid #006ab3;
  font: normal 100% arial, sans-serif;
  color: #006ab3;
  padding: 2px;
  width: 200px;
  margin-bottom: 10px;
}

#babygalerie_popup .form_submit input {
  background-color: #006ab3;
  color: #fff;
  font-weight: bold;
  width: 150px;
  margin-top: 10px;
}

#babygalerie_popup textarea {
  height: 120px;
}

#babygalerie_popup .formular_spalte_1 {
  width: 50%;
  float: left;
}

#babygalerie_popup .formular_spalte_2 {
  width: 50%;
  float: right;
}

#babygalerie_popup .form_label {
  float: none;
  clear: both;
  font-weight: bold;
  width: 100%;
}

.copytext UL {
	LIST-STYLE-TYPE: none;
	MARGIN-TOP: 6px;
	PADDING-LEFT: 27px;
	MARGIN-LEFT: 0px
}

.copytext UL LI {
	BACKGROUND-IMAGE: url(../images/listenpunkt_dreieck_blau.gif);
	PADDING-BOTTOM: 6px;
	PADDING-LEFT: 13px;
	PADDING-RIGHT: 0px;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left 4px;
	PADDING-TOP: 0px
}