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

#header {
  height: 212px;
}

#logo {
  width: 370px;
}

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

#kb_servicenavigation {
  float: left;
  background-color: #ededed;
  overflow: hidden;
  margin: 22px 0 0 0;
  width: 213px;
  height: 90px;
  font-size: 70%;
}
#kb_servicenavigation_links {
  float: left;
  width: 105px;
}

#kb_servicenavigation_rechts {
  float: left;
  width: 105px;
}
#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: 85px;
}
#kb_servicenavigation ul li a:hover {
  text-decoration: underline;
}


/* 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;
  left: 339px;
  left: 409px;
}
#nav_rubrik_4 {
  left: 478px;
  left: 533px;
  left: 463px;
  left: 602px;
}
#nav_rubrik_5 {
  left: 614px;
  left: 597px;
}

#nav_home_line {
  width: 73px;
}
#nav_rubrik1_line {
  width: 122px;
}
#nav_rubrik2_line {
  width: 124px;
  width: 194px;
}
#nav_rubrik3_line {
  width: 124px;
  width: 193px;
}
#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;
}

#hauptnavigation #menu_rubrik_1 ul li a,
#hauptnavigation #menu_rubrik_2 ul li a,
#hauptnavigation #menu_rubrik_3 ul li a,
#hauptnavigation #menu_rubrik_4 ul li a,
#hauptnavigation #menu_rubrik_5 ul li a {
  width: 140px;
}
#hauptnavigation #menu_rubrik_2 ul li a,
#hauptnavigation #menu_rubrik_3 ul li a {
  width: 168px;
}


/* 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_text a {
background-image:url(../images/pfeil_link_copytext.gif);
background-position:left center;
background-repeat:no-repeat;
color:#006AB3;
font-weight:bold;
padding-left:13px;
text-decoration:none;
}

.kb_teaser_text a:hover {
text-decoration:underline;
}

.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 strong a {
  color: #fff;
  text-decoration: none;
}

.kb_aufenthalt_links strong a:hover {
  text-decoration: underline;
}

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

.download_inhalt_foto img {
  border: 1px solid #000000;
}


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

/* Videocenter */

#videoPlayer {
  overflow: hidden;
  height: 100%;
  margin-bottom: 45px;
}

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



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

/* PAGE BROWSER */
.babygalerie_blaettern {
  margin-left: 15px;
  overflow: hidden;
  height: 100%;
  margin-top: 20px;
}
.babygalerie_blaettern a {
  color: #002e5f;
  font-weight: bold;
  text-decoration: none;
}
.babygalerie_blaettern a:hover {
  text-decoration: underline;
}
.babygalerie_blaettern .ziffer_aktiv a:hover {
  text-decoration: none;
}
.babygalerie_blaettern_sp1 {
  float: left;
  width: 35%;;
}
.babygalerie_blaettern_sp1 a {
  padding: 5px 0 5px 0;
  float: left;
  overflow: hidden;
}
.babygalerie_blaettern_sp2 {
  text-align: center;
  float: left;
  width: 34%;;
  overflow: hidden;
}
.babygalerie_blaettern_sp2 .ziffern {
  text-align: center;
  overflow: hidden;
}
.babygalerie_blaettern_sp2 .ziffer, .babygalerie_blaettern_sp2 .ziffer_aktiv {
  display: inline;
  overflow: hidden;
}
.babygalerie_blaettern_sp2 .ziffer a, .babygalerie_blaettern_sp2 .ziffer_aktiv a {
  padding: 5px 10px 5px 10px;
  float: left;
  overflow: hidden;
  text-decoration: underline;
}
.babygalerie_blaettern_sp2 .ziffer_aktiv a {
  background-color: #FFFFFF;
  text-decoration: none;
}
.babygalerie_blaettern_sp3 {
  float: left;
  text-align: right;
  width: 30%;
}
.babygalerie_blaettern_sp3 a {
  padding: 5px 0 5px 0;
  float: right;
  overflow: hidden;
}
.babygalerie_blaettern_linie {
  width: 100%;
  overflow: hidden;
  height: 5px;
  font-size: 1%;
  background-color: #006BB6;
  margin-left: 0px;
}







/* 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: 3px 10px 0px 10px;
  margin-bottom: 3px;
}

#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 .baby_m, .babygalerie_liste_element .baby_w, .babygalerie_liste_element .baby_no {
  padding: 10px;
  overflow: hidden;
  height: 100%;
}
.baby_m {
  background-color: #f0f5fc;
}
.baby_w {
  background-color: #fcedef;
}

.baby_no {
  background-color: #e1e2e4;
}

.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_details_w {
  background-color: #fcedef;
}

.babygalerie_details_m {
  background-color: #f0f5fc;	
	
}

.babygalerie_details_no {
  background-color: #e1e2e4;	
	
}

.babygalerie_grossansicht_element .babygalerie_details_m, .babygalerie_grossansicht_element .babygalerie_details_w, .babygalerie_grossansicht_element .babygalerie_details_no {
  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_babygalerie_details_m {
  /* background-color: #fcedef; */
  background-image: url(../images/babygalerie_header_popup_m.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  height: 60px;
  margin-bottom: 10px;
}

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

#babygalerie_popup_header_babygalerie_details_no {
  /* background-color: #fcedef; */
  background-image: url(../images/babygalerie_header_popup_no.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%;
}



/*
Liebe grüße
TV - Template
Marginal Grüße Link 
*/

#teaser_liebegruesse {
	font-size:0.9em;
	padding-top:6px;
	background-color:#F2F2F2;
}

#teaser_liebegruesse .head {
	color:#006AB3;
	font-size:1em;
	padding:0 0 0 10px;
	text-transform:uppercase;
}

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

#teaser_liebegruesse .bildtext {
	line-height:140%;
	padding:10px;
}

#teaser_liebegruesse .link a {
	background-image:url("../images/pfeil_mehr.gif");
	background-position:10px 4px;
	background-repeat:no-repeat;
	color:#006BB6;
	display:block;
	font-weight:bold;
	line-height:140%;
	padding:3px 4px 10px 28px;
	text-decoration:none;
}

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