/*********************************************************************/
/************* Styles für Extension nr_reisekonfigurator *************/
/************* Netzrezepte.de - Thomas Krug **************************/
/************* 11.03.2009 - thomas@netzrezepte.de*********************/
/*********************************************************************/

.clearer {
 	clear: both;
         height: 15px;
}

/*********************************************************************/
/************************** Startseitenliste *************************/
/*********************************************************************/

.rk_reiselistestart_liste {

}

.rk_reiselistestart_header {
	border-bottom: 1px dashed #2D80BC;
   	color: #2D80BC;
   	margin: 0px 0px 10px 0px;
   	padding: 0px;
   	font-size: 13px;
         overflow: hidden;
}

.rk_reiselistestart_dauer-preis {
         float: left;
         margin: 0px;
   	padding: 5px 0px 5px 0px;
         font-weight: bold;
}

.rk_reiselistestart_benutzergruppe {
 	background-color: #C9E2F6;
         float: right;
         margin: 0px;
   	padding: 6px;
         font-weight: bold;
         font-size: 11px;
         text-transform: uppercase;
}

.rk_reiselistestart_content {
 	overflow: hidden;
         margin: 0px 0px 10px 0px;
}

.rk_reiselistestart_bild {
 	float: left;
         margin: 0px 10px 10px 0px;
}

.rk_reiselistestart_text p {

}


/*********************************************************************/
/************************** Reiseliste Klein *************************/
/*********************************************************************/

.rk_reiselisteklein_liste {

}

.rk_reiselisteklein_header {
	border-bottom: 1px dashed #2D80BC;
   	color: #2D80BC;
   	margin: 0px 0px 10px 0px;
   	padding: 0px;
   	font-size: 13px;
         overflow: hidden;
}

.rk_reiselisteklein_liste .rk_reiselisteklein_header h1, .CERahmen .rk_reiselisteklein_header h1 {
         float: left;
         margin: 0px;
   	padding: 5px 0px 5px 0px;
         font-weight: bold;
         border-bottom: none;
}

.rk_reiselisteklein_benutzergruppe {
 	background-color: #C9E2F6;
         float: right;
         margin: 0px;
   	padding: 6px;
         font-weight: bold;
         text-transform: uppercase;
         font-size: 11px;
}

.rk_reiselisteklein_content {
 	overflow: hidden;
         margin: 0px 0px 10px 0px;
}

.rk_reiselisteklein_bild {
         position: relative;
         float: left;
         overflow: hidden;
         margin: 0px 10px 10px 0px;
}

.rl_reiselisteklein_themenreiter {
 	position: absolute;
         display: block;
         top: 0px;
         left: 20px;
         width: 68px;
         height: 18px;
         overflow: hidden;
         padding: 2px 0px 5px 0px;
         text-align: center;
         background-image: url(images/Themen_bg.png);
         background-repeat: no-repeat;
         z-index: 2;
         font-size: 11px;
         color: #0064a8;
}

.rk_reiselisteklein_text {
 	margin: 0px 0px 0px 160px;
}

.rk_reiselisteklein_text p {

}

/*********************************************************************/
/************************** Teaseransicht ****************************/
/*********************************************************************/

.rk_reiseteaserlist {
         width: 322px;
         height: 260px;
         overflow: hidden;
         color: #2D80BC;
         position: relative;
         float: left;
}

.rk_reiseteaserlist .CERahmen h1 {
         color: #2D80BC;
         font-size: 13px;
         padding: 0px 0px 5px 0px;
         margin: 0px;
         border-bottom: 1px dashed #2D80BC;
}

.rk_reiseteaserlist p {
 	font-size: 10px;
         padding: 0px 5px 0px 5px;
         margin: 0px;
}

.rk_reiseteaserlist_bildtext {
 	border: 1px solid #121212;
         overflow: hidden;
}

.rk_reiseteaserlist div.rk_reiseteaserlist_leistungen {
	margin: 0px;
         padding: 5px 0px 0px 0px;
}

.rk_reiseteaserlist div.rk_reiseteaserlist_leistungen p {
	margin: 0px;
         padding: 0px;
}

.rk_reiseteaserlist div.rk_reiseteaserlist_leistungen p.grau {
	color: #727477;
}

.rk_reiseteaserlist_bild {
         position: relative;
         width: 165px;
         height: 114px;
         overflow: hidden;
         float: left;
         margin: 0px 10px 5px 0px;
         padding: 0px;
}

.rk_reiseteaserlist_lasche {
         background-image:url(images/Themen_bg.png);
         background-repeat: no-repeat;
         position: absolute;
         left: 10px;
         top: 0px;
         width: 70px;
         height: 16px;
         z-index: 1;
         font-size: 11px;
         color: #0064A8;
         padding: 1px 0px 1px 0px;
         margin: 0px;
         text-align: center;
}

.rk_reiseteaserlist_teasertext a {
	display: block;
         background-image:url(images/pfeil_weiter-lesen.png);
         background-repeat: no-repeat;
         background-position: 0px 5px;
         padding: 0px 0px 0px 15px;
         margin: 5px 0px 0px 0px;
	color: #3964A2;
         text-decoration: none;
         font-size: 12px;
}


/*********************************************************************/
/************************** Boxansicht *******************************/
/*********************************************************************/

.rk_reiseboxlist {
         padding: 0px 0px 20px 0px;
         margin: 0px;
}

.CERahmen .rk_reiseboxlist h2.rk_reiseboxlist_h2 {
   	border: none;
   	color: #2D80BC;
   	margin: 5px 0px 5px 0px;
   	padding: 0px;
   	font-size: 12px;
}

.rk_reiseboxlist h3 {
   	border-bottom: 1px dashed #2D80BC;
   	color: #2D80BC;
   	margin: 0px 0px 8px 0px;
   	padding: 0px 0px 4px 0px;
   	font-size: 13px;
}

.rk_reiseboxlist p {
	font-size: 12px;

}

.rk_reiseboxlist_bild {
         position: relative;
         width: 185px;
         height: 122px;
         overflow: hidden;
}

.rk_reiseboxlist_lasche {
         background-image:url(images/teaserbox-header-lasche.gif);
         background-repeat: no-repeat;
         position: absolute;
         left: 10px;
         top: 0px;
         width: 107px;
         height: 16px;
         z-index: 1;
         font-size: 11px;
         color: #0064A8;
         padding: 1px 0px 1px 0px;
         text-align: center;
}

.rk_reisebox_preislasche {
 	position: absolute;
         bottom: 0px;
         left: 0px;
         width: 100%;
         height: 21px;
         overflow: hidden;
         padding: 0px;
         text-align: right;
         background-image: url(images/gelber-Balken-box.png);
         background-repeat: no-repeat;
         background-position: right 0px;
         z-index: 2;
}

.rk_reisebox_preislasche span {
         display: block;
	padding: 3px 7px 0px 0px;
         font-size: 11px;
         font-weight: bold;
         color: #0064a8;
}

.rk_reiseboxlist_bottom {

}

.rk_reiseboxlist_bottom a {
	display: block;
         background-image:url(images/pfeil_weiter-lesen.png);
         background-repeat: no-repeat;
         background-position: 0px 5px;
         padding: 0px 0px 0px 15px;
	color: #3964A2;
         text-decoration: none;
         font-size: 12px;
}

/*********************************************************************/
/*************** erstes Element in Listenansicht *********************/
/*********************************************************************/

.rk_reiseliste_elementeins_bild {
         position: relative;
         float: left;
         height: 200px;
         overflow: hidden;
         margin: 0px 10px 0px 0px;
}

/*********************************************************************/
/************************** Listenansicht ****************************/
/*********************************************************************/

.rk_reiseliste_bild {
         position: relative;
         float: left;
         height: 160px;
         overflow: hidden;
         margin: 0px 10px 0px 0px;
}

.rk_reiseliste_bild image {
 	margin: 0px 10px 0px 0px;
}

.rk_reiseliste_bottom a {
	font-weight: bold;
}

.rl_reiseliste_themenreiter {
 	position: absolute;
         display: block;
         top: 0px;
         left: 20px;
         width: 68px;
         height: 18px;
         overflow: hidden;
         padding: 2px 0px 5px 0px;
         text-align: center;
         background-image: url(images/Themen_bg.png);
         background-repeat: no-repeat;
         z-index: 2;
         font-size: 11px;
         color: #0064a8;
}

.rk_reiseliste_preislasche {
 	position: absolute;
         bottom: 0px;
         left: 0px;
         width: 100%;
         height: 25px;
         overflow: hidden;
         padding: 0px;
         text-align: right;
         background-image: url(images/gelber-Balken.png);
         background-repeat: no-repeat;
         background-position: right 0px;
         z-index: 2;
}

.rk_reiseliste_preislasche span {
         display: block;
	padding: 4px 20px 0px 0px;
         font-size: 12px;
         font-weight: bold;
         color: #0064a8;
}




/*********************************************************************/
/************************** Detailansicht ****************************/
/*********************************************************************/

.rk_reisedetails_leftcol {
  	float: left;
         width: 645px;
         overflow: hidden;
}

.rk_reisedetails_rightcol {
   	float: right;
   	width: 215px;
   	margin: 0px;
   	padding: 0px;
   	overflow: hidden;
}

.rk_reisedetails_funktionsheader .rk_reisedetails_drucken a,
.rk_reisedetails_funktionsheader .rk_reisedetails_flyer a,
.rk_reisedetails_funktionsheader .rk_reisedetails_weitersagen a {
 	color: #8A8A8A;
         font-size: 11px;
         text-decoration: none;
}

.rk_reisedetails_funktionsheader .rk_reisedetails_drucken a:hover,
.rk_reisedetails_funktionsheader .rk_reisedetails_flyer a:hover,
.rk_reisedetails_funktionsheader .rk_reisedetails_weitersagen a:hover {
         text-decoration: underline;
}

.rk_reisedetails_funktionsheader .rk_reisedetails_drucken {
 	float: right;
         background-image: url(images/icon-drucken.png);
         background-repeat: no-repeat;
         background-position: 0px 0px;
         padding: 0px 0px 0px 18px;
         margin: 0px 0px 0px 10px;
         font-size: 11px;
         color: #8A8A8A;
}

.rk_reisedetails_funktionsheader .rk_reisedetails_flyer {
 	float: right;
         background-image: url(images/icon-programmflyer.png);
         background-repeat: no-repeat;
         background-position: 0px 0px;
         padding: 0px 0px 0px 18px;
         margin: 0px 0px 0px 10px;
         font-size: 11px;
         color: #8A8A8A;
}

.rk_reisedetails_funktionsheader .rk_reisedetails_weitersagen {
 	float: right;
         background-image: url(images/icon-weitersagen.png);
         background-repeat: no-repeat;
         background-position: 0px 0px;
         padding: 0px 0px 0px 18px;
         margin: 0px 0px 0px 10px;
         font-size: 11px;
         color: #8A8A8A;
}

.rk_reisedetails_bild {
         position: relative;
         float: left;
         height: 200px;
         overflow: hidden;
         margin: 0px 10px 0px 0px;
}

.rk_reisedetails_bild img {
 	margin: 0px 0px 0px 0px;
}

.rk_reisedetails_bottom a {
	font-weight: bold;
}

.rl_reisedetails_themenreiter {
 	position: absolute;
         display: block;
         top: 0px;
         left: 20px;
         height: 18px;
         overflow: hidden;
         text-align: center;
         z-index: 2;
}

.rl_reisedetails_themenreiter span {
         padding: 1px 0px 5px 0px;
         float: left;
         height: 18px;
         background-image: url(images/Themen_bg.png);
         background-repeat: no-repeat;
         background-position: right 0px;
         font-size: 11px;
         color: #0064a8;
}

.rl_reisedetails_themenreiter span a, .rl_reisedetails_themenreiter span a:hover {
         font-size: 11px;
         color: #0064a8;
         text-decoration: none;
}

.rl_reisedetails_themenreiter_left {
         background-image: url(images/Themen_bg_left.png);
         background-repeat: no-repeat;
         width: 9px;
         height: 18px;
         float: left;
}

.rl_reisedetails_themenreiter_right {
         background-image: url(images/Themen_bg_right.png);
         background-repeat: no-repeat;
         width: 9px;
         height: 18px;
         float: left;
}


.rk_reisedetails_preislasche {
 	position: absolute;
         bottom: 0px;
         left: 0px;
         width: 100%;
         height: 25px;
         overflow: hidden;
         padding: 0px;
         text-align: right;
         background-image: url(images/gelber-Balken.png);
         background-repeat: no-repeat;
         background-position: right 0px;
         z-index: 2;
}

.rk_reisedetails_preislasche span {
         display: block;
	padding: 4px 20px 0px 0px;
         font-size: 12px;
         font-weight: bold;
         color: #0064a8;
}

.rl_reisedetails_teasertext {
 	margin: 0px 0px 0px 420px;
}

.rb_content {
         clear: left;
         margin: 0px 0px 5px 0px;
         padding: 0px;
         overflow: hidden;
}

.rb_label {
 	float: left;
         margin: 0px;
         padding: 0px;
         overflow: hidden;
}

.rb_content img {
         float: right;
         margin: 0px;
         padding: 0px;
         overflow: hidden;
}









.rk_toprundung {
         background-color: #3964A2;
         height: 14px;
         width: 702px;
}

.rk_toprundung .links {
         float: left;
         background-image:url(images/toprundung_link.gif);
         background-repeat: no-repeat;
         height: 14px;
         width: 14px;
}

.rk_toprundung .rechts {
         float: right;
         background-image:url(images/toprundung_rechts.gif);
         background-position: right;
         background-repeat: no-repeat;
         height: 14px;
         width: 14px;
}

.rk_wrap {
	border: 1px solid #3964A2;
         width: 700px;
         overflow: hidden;
}

.rk_header_icon {
 	float: right;
         margin: 0px 20px 0px 0px;
}

.rk_header {
 	background-color: #3964A2;
         padding: 0px 0px 10px 0px;
}

.rk_header h1, .rk_header h2, .rk_header h3 {
 	color: #FFFFFF;
         margin: 0px;
}

.rk_header h1 {
 	font-size: 20px;
         padding: 5px 10px 0px 10px;
}

.rk_header h3 {
 	font-size: 13px;
         padding: 0px 10px 0px 10px;
}

.rk_header2 {
 	background-color: #FFDF4A;
         color: #3964A2;
         font-size: 10px;
         padding: 3px 10px 3px 0px;
         text-align: right;
}

.rk_header2 a {
         color: #3964A2;
         font-size: 10px;
         text-decoration: none;
}

.rk_header2 a:hover {
         text-decoration: none;
}

.rk_content {
      	padding: 10px;
         overflow: hidden;
}

.rk_content_left {
         float: left;
}

.rk_content_right {
         margin: 0px 0px 0px 220px;
         color: #3964A2;
}

.rk_bilder {
 	margin: 0px 0px 10px 0px;
         overflow: hidden;
}

.rk_left_spalte_content {
     	border: 1px solid #3964A2;
         width: 198px;
}

.rk_bilder_mittel {
 	width: 200px;
         margin: 0px;
}

.rk_bilder_klein {
 	width: 200px;
         background-color: #CFDEF3;
         overflow: hidden;
}

.rk_bilder_klein img {
 	float: left;
         margin: 2px 2px 0px 0px;
}

.rk_left_spalte_item h4 {
         margin: 0px;
         background-color: #3964A2;
         color: #FFFFFF;
         font-size: 12px;
         padding: 2px 2px 3px 20px;
         background-image:url(images/icon-left_stern_bg.gif);
         background-repeat: no-repeat;
         background-position: 0px 0px;
}

.rk_spalten_texte {
 	padding: 5px;
         font-size: 11px;
         background-color: #CFDEF3;
}

.rk_spalten_texte p {
 	font-size: 11px;
         margin: 0px;
         padding: 0px 0px 5px 0px;
         color: #3964A2;
}

.rk_spalten_texte ul {
 	font-size: 11px;
         list-style-image:url(images/icon-list_pfeil.gif);
         margin: 0px;
         padding: 0px 0px 0px 15px;
}

.rk_spalten_texte ol {
 	font-size: 11px;
         margin: 0px;
         padding: 0px 0px 0px 15px;
}

.rk_spalten_texte li {
 	margin: 0px;
         padding: 0px 0px 5px 0px;
         color: #3964A2;
}



/************** Textformatierung im Hauptbereich ***************/

.rk_inklusivleistungen {
 	font-size: 12px;
         margin: 0px 0px 10px 0px;

}

h1.rk_details_subheader {
 	font-size: 18px
}

p.rk_details_teasertext {
 	font-weight: bold;
         font-size: 12px;
         line-height: 18px;
         color: #3964A2;
         margin: 0px 0px 20px 0px;
}

.rk_content_right p {
 	font-size: 11px;
         color: #3964A2;
}


/*********************************************************************/
/************************** Listenansicht ****************************/
/************************** drei nebeneinander ***********************/
/*********************************************************************/

.rk_reiseliste_dreier {
	border: 1px solid #3964A2;
         width: 195px;
         height: 320px;
         overflow: hidden;
         color: #3964A2;
         background-color: #CFDEF3;
         position: relative;
         float: left;
         margin: 0px 3px 0px 0px;
}

.rk_reiseliste_dreier h2 {
 	background-color: #3964A2;
         color: #FFFFFF;
         font-size: 12px;
         padding: 3px 10px 3px 10px;
         border-bottom: 1px dashed #F4E459;
         margin: 0px;
}

.rk_reiseliste_dreier_bild {
         width: 195px;
         height: 133px;
         overflow: hidden;
}

.rk_reiseliste_dreier_text {
 	margin: 0px 10px 0px 10px;
}

h1.rk_reiseliste_dreier_h1 {
 	font-size: 12px;
         margin: 5px 0px 0px 0px;
         padding: 0px;
}

.rk_reiseliste_dreier_text p {
 	font-size: 11px;
         margin: 5px 0px 0px 0px;
         padding: 0px;
         color: #3964A2;
}

p.rk_reiseliste_dreier_inclusiv {
 	font-size: 11px;
}

.rk_reiseliste_dreier_bottom {
	background-image:url(images/teaserlist_bg_unten.gif);
         background-repeat: no-repeat;
         background-position: right bottom;
         position: absolute;
         left: 0px;
         top: 307px;
         width: 195px;
         font-size: 10px;
         padding: 0px 5px 1px 0px;
         text-align: right;
}

.rk_reiseliste_dreier_bottom a {
	color: #3964A2;
         font-weight: normal;
         text-decoration: none;
}

.rk_reiseliste_dreier_bottom a:hover {
         font-weight: bold;
         text-decoration: none;
}



/*********************************************************************/
/************************** Reise Suche ******************************/
/*********************************************************************/

.rk_reisesuche {

}

.fehler {
        float: right;
        color: red;
        width: 150px;
}

/************** Formulare *******************/

fieldset.rk_reiseanfrageform {
 	 border: none;
          width: 180px;
          padding: 0px;
}

fieldset.rk_reiseanfrageform input {
 	 border: 1px solid #3964A2;
          color: #3964A2;
          font-size: 11px;
          width: 176px;
          padding: 1px 2px 1px 5px;
}

fieldset.rk_reiseanfrageform textarea {
 	 border: 1px solid #3964A2;
          color: #3964A2;
          font-size: 11px;
          width: 176px;
          padding: 1px 2px 1px 2px;
}

fieldset.rk_reiseanfrageform input[type=image] {
 	 border: none;
          width: 70px;
}

.rk_reiseanfrage_formitem {
 	margin: 0px 0px 5px 0px;
         color: #3964A2;
}

/************** Formulare *******************/

fieldset.rk_reisesucheform {
 	 border: none;
          padding: 0px;
          font-size: 12px;
}

fieldset.rk_reisesucheform label {
 	float: left;
         width: 200px;
         font-size: 12px;
         color: #3964A2;
}

fieldset.rk_reisesucheform input {
 	 border: 1px solid #3964A2;
          color: #3964A2;
          font-size: 11px;
          width: 173px;
          padding: 1px 2px 1px 5px;
}

fieldset.rk_reisesucheform input.rk_reisesuche_field_senden {
 	 background-image: none;
          background-color: transparent;
          border: none;
          width: auto;
          padding: 5px 0px 5px 0px;
          font-weight: bold;
          cursor: pointer;
}

fieldset.rk_reisesucheform select {
 	 border: 1px solid #3964A2;
          color: #3964A2;
          font-size: 11px;
          width: 182px;
          padding: 1px 2px 1px 2px;
}

fieldset.rk_reisesucheform textarea {
 	 border: 1px solid #3964A2;
          color: #3964A2;
          font-size: 11px;
          width: 176px;
          padding: 1px 2px 1px 2px;
}

fieldset.rk_reisesucheform input[type=image] {
 	 border: none;
          width: 70px;
}

.rk_reisesuche_formitem {
 	margin: 0px 0px 3px 0px;
         padding: 0px;
         color: #3964A2;
         clear: both;
         overflow: hidden;
}

.CERahmen p.suchfehler {
 	font-weight: bold;
         color: #CC0033;
}

.rk_formfield {
 	margin: 0px 0px 10px 0px;
         padding: 0px;
         color: #3964A2;
         clear: both;
         overflow: hidden;
}

.rk_fieldset .kurz {
 	width: 40px;
}

.rk_fieldset .mittel {
 	width: 80px;
}

.rk_fieldset label.inline {
 	width: auto;
         display: inline;
         float: none;
}

.floatleft {
 	float: left;
}

/*********** Streetview ***************/

.streetviewinfo {
   	position: absolute;
         top: 465px;
         left: 10px;
         z-index: 1;
         width: 615px;
         height: 400px;
         background-image: url(images/streetview_bg.gif);
         background-repeat: no-repeat;
         background-position: 0px 0px;
         padding: 10px;

}

.streetviewinfo p {
         width: 580px;
}

.googlemapcontainer {
 	position: relative;
         z-index: 2;
}