/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    *color *farbe *farben *linkfarbe
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.button_text a,
.button_text input {
    background: #92be10 url(/static/images/layout/sprite.gif) no-repeat 0px -900px;
}
.button_text a:hover,
.button_text input:hover {
    background: #f8a302 url(/static/images/layout/sprite.gif) no-repeat 0px -900px;
}
.bubble .bubble_heading,
.navigation_hotel li a:hover,
.navigation_hotel li a.active,
#infostart .key,
.page_scroll a,
h1, .h_one,
h2, .h_two,
h3, .h_three,
h4, .h_four,
h5, .h_five,
h6, .h_six,
.caption,
.startseite_redaktion a,
.empfehlungen a,
.color_colored,
h2.dropdown,
h3.dropdown{
    /*color: #7EA106 !important;*/
    color: #7EA106;
}
/* Hier noch zu viele Deklarationen! */

#magazin h1,
#magazin h2,
#magazin h3,
#magazin h4,
.caption{
    color: #7EA106;
}
.navigation_hotel li a,
.item_head a,
.item_head a:hover{
    color: #FFFFFF;
}
.unterseite_suche .unterseite_suche_verfeinern .bgcolor_pale .sprite_dropdown a,
#merkzettel .hotel_entfernen a:hover,
.promobox_two a,
.promobox_two a:hover,
.page_scroll li a.active,
.page_scroll li a:hover,
.validation-advice,
.color_bright,
.headline,
.headline_down,
.button a:hover{
    color: #FFFFFF !important;
}
#footer ul li a{
    color: #999999 !important;
}
.hotel_beschreibung h2,
.hotel_beschreibung h3,
.hotel_beschreibung h4,
.collection_miniredrot a,
#magazin .magazin_special h2,
#magazin .magazin_teaser_big .hyperlink a,
.color_normal,
#footer ul li a:hover,
body,
input,
select{
    color: #505050;
}

.hotel .pauschale .headline h2,
.bgcolor_light .item_head a,
a,
.button a{
    color: #7EA106;
}


/*	Spaeter zusammenfuegen!!! */
.unterseite_suche .unterseite_suche_verfeinern .bgcolor_pale .sprite_dropdown a:hover,
.hotel .pauschale .headline h2:hover,
#merkzettel .menu a,
#merkzettel .hotel_name a:hover,
.brot a:hover,
#magazin .title_sub,
.bgcolor_light .item_head a:hover,
a:hover{
    color: #F8A302;
}
/*	Orange soll z.B. auch h-Tags ueberschreiben koennen, daher important! */
.color_orange{
    color: #F8A302 !important;
}
.empfehlungen a:hover{
    color: #F8A302;
}
#merkzettel .hotel_entfernen a,
#merkzettel .menu a,
.magazin_teaser_big .info,
.magazin_startseite .info,
.magazin_teaser_small .info,
.color_grey{
    color: #888888;
}




/*	*background-color
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.bulletpoint,
.special_ad .padding_ten{
    background-color: transparent;
}
#footer .padding_ten{
    background-color: #F0F0F0;
}
#merkzettel .bgcolor_medium,
.einstieg_topgebiete ul li a,
.startseite_suche .startseite_suche_reiter .suche_activated .padding_five,
#magazin .magazin_bericht .bgcolor_pale,
#magazin .magazin_bericht .bgcolor_medium,
.bgcolor_light{
    background-color: #F5F7ED !important;
}

#merkzettel .bgcolor_medium,
.einstieg_topgebiete ul li a,
.startseite_suche .startseite_suche_reiter .suche_activated .padding_five,
#magazin .magazin_bericht .bgcolor_pale,
#magazin .magazin_bericht .bgcolor_medium,
.bgcolor_light{
    background: #F5F7ED !important;
}

.bgcolor_pale{
    background-color: #B1C35F;
}

#sidebar,
#merkzettel .bgcolor_pale,
#magazin #magazin_sidebar,
#cse-detail-searchbox.bgcolor_pale,
.page_scroll li a,
.bgcolor_medium{
    background-color: #DBE9B4 !important;
}

.unterseite_suche .unterseite_suche_verfeinern .bgcolor_pale,
.page_scroll li a.active,
.bgcolor_dark{
    background-color: #7EA106 !important;
}
.button a{
    background-color: #DBE9B4 !important;
}

.bgcolor_orange,
.navigation_hotel li a,
.button a:hover,
.page_scroll li a:hover{
    background-color: #F8A302 !important;
}

input.required,
textarea.required,
select.required{
    background-color: #FDF9EE;
}
.navigation_hotel li a:hover,
.navigation_hotel li a.active,
.einstieg_topgebiete ul li ul li a,
input.validation-passed,
textarea.validation-passed,
select.validation-passed{
    background-color: #FFFFFF !important;
}
input.disabled{
    background-color: #F2F2F2;
}
.validation-advice{
    background-color: #F8A302;
}
#merkzettel .hotel_entfernen a:hover{
    background-color: #909090;
}
/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    *border *rahmen *linien
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.line_solid_gray{
    border-color: #DFDFDF !important;
}

#adclick,
.unterkunft_anwendungen .left,
.next_rectangle .padding_ten,
.special_ad .padding_ten{
    border-color: #DBE9B4 !important;
}

.einstieg_topgebiete ul li a{
    border-color: #FFFFFF !important;
}

.collection_miniredrot .miniredrot_space,
.line_solid_white,
.line_dotted_white,
.empfehlungen .padding_ten{
    border-color: #FFFFFF !important;
}

.urlaubstipp .left .padding_ten{
    border-color: #F5E6A0 !important;
}
#magazin #magazin_content .magazin_article .picture.border_solid,
input.disabled {
    border-color: #CCCCCC !important;
}

.ergebnis_reiseangebot .ergebnis_item .item_content,
.hotel .gewaehlte_pauschale .left,
.border_solid,
.line_solid,
.line_dotted,
.line_dashed{
    border-color: #C3D476 !important;
}
.border_solid_pale{
    border-color: #C3D476 !important;/*B1C35F*/
}
#footer ul li{
    border-color: #999999 !important;
}
input,
input.required,
select,
textarea{
    border: 1px solid #c3d476;/*DBE9B4*/
}
input.validation-failed,
textarea.validation-failed,
select.validation-failed{
    border: 1px solid #F8A302 !important;
}
input.required.validation-failed{
    border: 1px solid #F8A302 !important;
}
input.disabled {
    border: 1px solid #CCCCCC !important;
}


/*	KORREKTUREN
    Darstellungsunterschiede zwischen den Portalen
    zB. Teaser red. Beitraege Startseite
    Hier stehen auch Layout-Angaben
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*	Behebt den Fehler, dass die kleinen Teaser, wenn nicht vollstaendig,
    den leere Archiv-Link fressen. Loeschen, sobald Wellness-Produkte mehr
    als 8 sind! */
* html .magazin_overview_thema_small{
    height: 180px;
}
/*	Urlaubsspezialisten bei der Unterkunftssuche wird bei Wellness teilweise
    angezeigt. Daher muss Border und Margin weg. */
.suche_karussell .border_solid{border: 0;}
.suche_karussell.margin_ten_bottom{margin: 0;}



.anwendung .dropdown {
    background-image:url(/static/layout/plus.gif) !important;
    background-position:10px 7px !important;
}
.anwendung .dropdown:hover {
    background-image:url(/static/layout/minus.gif) !important;
    background-position:10px 7px !important;
}





#navigation_head ul li a.active,
#navigation_head ul li a.active:hover {color:#F8A302;}



* html .button_anfrage input{border:none;}
* html .button_anfrage .iefix{
    border-color: #f8a302 #cf8300 #cf8300 #f8a302;
}
*+html .button_anfrage input{border:none;}
*+html .button_anfrage .iefix{
    border-color: #f8a302 #cf8300 #cf8300 #f8a302;
}
.button_anfrage .button_text a,
.button_anfrage .button_text input{
    color:#FFFFFF !important;
    border-color: #f8a302 #cf8300 #cf8300 #f8a302;
    background-color: #f8a302;
    background: -moz-linear-gradient(top, #ffcc32, #f8a302);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcc32), to(#f8a302));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffcc32, endColorstr=#fff8a302);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffcc32, endColorstr=#ff8a302)";
    text-shadow:1px 1px 1px #cf8300;
}
.button_anfrage .button_text a:hover,
.button_anfrage .button_text input:hover{
    color:#FFFFFF !important;
    border-color: #f8a302 #cf8300 #cf8300 #f8a302;
    background: -moz-linear-gradient(top, #f8a302, #f8a302);
    background: -webkit-gradient(linear, left top, left bottom, from(#f8a302), to(#f8a302));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8a302, endColorstr=#fff8a302);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8a302, endColorstr=#ff8a302)";
}

.special_ad_start .content a,
.startseite_reiseangebote .content a,
.regio_ad .content a,
.teaser_bericht_sh .content a,
.note_ad .content a,
.miniredrot .content a,
.hotelderwoche .content a,
.hotelderwochegr .content a,
.textlink .content a,
.textlink .content a:hover,
.textbild_vertikal .content a,
.textbild_horizontal .content a,
.ad .content a,
.specialad_november2010 .content a,
.hotelderwoche_november2010 .content a{
    color: #505050;
    text-decoration: none;
}

.hotelderwoche_november2010 .headline a{
    color: #FFFFFF;
    text-decoration: none;
}
.hotelderwoche_november2010 .headline a:hover,
.hotelderwoche_november2010 .content a:hover{
    text-decoration: underline;
}


/* 2011-05-12
   .group_hotel
   Neues HTML fuer Urlaubsthemen - Uebersichtsseite */
.group_hotel{width: 530px; margin-bottom: 15px;}
.group_hotel h2{margin-top: 0; line-height: 22px;}
.group_hotel h3{margin-top: 0;}
.group_hotel p{margin: 7px 0;}
.group_hotel p.small{font-size: 11px;}
.group_hotel p.title{font-size: 12px; color: #4B7094; margin: 0 0 3px 0; font-weight: bold;}
.group_hotel .group_header_image{width: 508px;}
.group_hotel .beschreibung{margin: 10px 0;}
.group_hotel .beschreibung .image_left{margin-right: 10px; float: left;}
.group_hotel .beschreibung .group_logo{float: right;}
.group_hotel .beschreibung ul{margin: 0 0 10px 120px;}
.group_hotel .infoboxen .float_left,
.group_hotel .infoboxen .float_right{width: 160px; background: #ECF5F7; border: 1px solid #C2E5EC;}
.group_hotel .infoboxen .float_left .padding_five,
.group_hotel .infoboxen .float_right .padding_five{border: 1px solid #ffffff;}
.group_hotel .float_left{float: left;}
.group_hotel .float_right{float: right;}
.group_hotel .infoboxen .float_left{margin-right: 10px;}
.group_hotel .infoboxen p{margin: 0;}

/* 2011-05-13
   Special: .three_columns
   Neues HTML fuer Hotel-Specials
   Bsp.: artikel/skiurlaub-an-ostern-528 */
.special_hotelteaser small{
    display: block;
    color: #46970D;
    font-size: 10px;
    padding: 0 0 6px;
    text-transform: uppercase;
    line-height: normal;
}
.special_hotelteaser .bulletpoint{padding-bottom: 0;}
.special_hotelteaser .float_left{float: left;}
.special_hotelteaser .float_right{float: right;}
.special_hotelteaser .clear{clear:both; overflow:hidden;}
.special_hotelteaser .header h1{font-size: 11px;}
.special_hotelteaser .header .header_image{float: left; width: 539px; height: 180px;}
.special_hotelteaser .header .header_text{float: right;}
.special_hotelteaser .header .header_text .padding_ten{height: 156px;}
.special_hotelteaser .header .header_text .padding_ten,
.special_hotelteaser .float_left .padding_ten,
.special_hotelteaser .float_right .padding_ten{border: 1px solid #FFFFFF;}
.special_hotelteaser .header .header_text,
.special_hotelteaser .float_left,
.special_hotelteaser .float_right{width: 259px; border: 1px solid #C3D476; background: #F5F7ED;}
.special_hotelteaser .float_left .padding_ten,
.special_hotelteaser .float_right .padding_ten{overflow: hidden; height: 400px;}
.special_hotelteaser .header .header_image,
.special_hotelteaser .float_left{margin: 0 15px 15px 0;}
.special_hotelteaser .header .header_text,
.special_hotelteaser .float_right{margin: 0 0 15px 0;}
.special_hotelteaser .float_left img,
.special_hotelteaser .float_right img{width: 237px;}
* html .special_hotelteaser .float_left{margin: 0 12px 15px 0;}
.special_hotelteaser small{text-align: center; color: #666666; margin-bottom: 6px; border-bottom: 1px dotted #368200;}
.special_hotelteaser h2{line-height: 20px; margin: 0;}
.special_hotelteaser h2,
.special_hotelteaser p,
.special_hotelteaser ul,
.special_hotelteaser .target_link{margin: 7px 0;}
.special_hotelteaser ul li{margin: 3px 0;}
.special_hotelteaser a.target_link{overflow: hidden; display: block; font-size: 14px; line-height: 18px; margin: 7px 0;}
#magazin .special_hotelteaser hr.trenner{margin: 7px 0;}
* html #magazin .special_hotelteaser hr.trenner {margin: 7px 0;}
*+html #magazin .special_hotelteaser hr.trenner {margin: 7px 0;}

/*	- - - - - - - - - -
    2011-05-12
    MAGAZIN - ARTIKEL
    Interpretation des aktuellen HTMLs
    - - - - - - - - - - */
.magazin_article p, .magazin_article dl{margin: 7px 0; padding: 0;}
.magazin_article h3{margin: 14px 0 7px 0; padding: 0;}
.magazin_article .title_sub{float: left; margin-right: 12px; font-size: 26px; line-height: 28px;}
.magazin_article ul{margin: 7px 0;}
.magazin_article a.target_link{overflow: hidden; display: block; font-size: 14px; line-height: 18px; margin: 7px 0;}
.magazin_article .square{margin: 20px 0;}
.magazin_article .square .padding_ten{border: 1px solid #DDDDDD; background: #FAFAFA;}
.magazin_article .square dl{margin: 7px 0;}
.magazin_article dl dt{font-weight: bold;}
.magazin_article dl.picture{width: 150px; border: 1px solid #DDDDDD; background: #FAFAFA;}
.magazin_article dl.picture img{width: 150px;}
.magazin_article dl.picture dd{font-size: 10px; text-align: center; margin: 0;}
.magazin_article dl.picture.float_left,
.magazin_article dl.aside.float_left{float: left; margin: 0 20px 7px 0;}
.magazin_article dl.picture.float_right,
.magazin_article dl.aside.float_right{float: right; margin: 0 0 7px 20px;}
.magazin_article dl.aside{width: 180px; padding: 10px; border: 1px solid #DDDDDD; background: #FAFAFA;}
.magazin_article dl dd{margin: 3px 0;}


#magazin big{display: block; margin: 15px 0; font-size: 14px; line-height: 19px;}

#magazin hr.trenner{
    clear: both;
    display: block;
    border: 0;
    padding: 0;
    height: 1px;
    overflow: hidden;
    font-size: 1px;
    border-top: 1px dotted #CCCCCC;
    margin: 20px 0 20px 0;
}
* html #magazin hr.trenner {margin: 15px 0 15px 0;}
*+html #magazin hr.trenner {margin: 15px 0 15px 0;}

#magazin small{
    display: block;
    color: #46970D;
    font-size: 10px;
    margin: 0 0 6px;
    text-transform: uppercase;
    line-height: normal;
}

/*	- - - - - - - - - -
    2011-05-23
    MAGAZIN - BERICHT
    Interpretation des aktuellen HTMLs
    - - - - - - - - - - */
#magazin #magazin_sidebar .magazin_bericht{padding: -10px;}
#magazin_content .magazin_bericht p.intro{font-weight: bold;}
#magazin_content .magazin_bericht p,
#magazin_content .magazin_bericht ul{margin: 7px 0;}
#magazin_content .magazin_bericht .paragraph,
#magazin_content .magazin_bericht .offer{margin: 20px 0;}
#magazin_content .magazin_bericht .paragraph h2,
#magazin_content .magazin_bericht .offer h2,
#magazin_content .magazin_bericht .paragraph h3,
#magazin_content .magazin_bericht .offer h3{font-size: 16px; line-height: 20px;  margin: 0 0 7px 0;}
#magazin_content .magazin_bericht .paragraph .picture{width: 250px;}
#magazin_content .magazin_bericht .paragraph .picture.float_left{float: left; margin: 0 15px 10px 0;}
#magazin_content .magazin_bericht .paragraph .picture.float_right{float: right; margin: 0 0 10px 15px;}
#magazin_content .magazin_bericht .paragraph .picture dt img{display: block; width: 250px;}
#magazin_content .magazin_bericht .paragraph .picture dd{
    font-size: 10px;
    text-align: center;
    padding: 5px;
    background: #F2F2F2;
    color: #777777;
    overflow: hidden;
}
#magazin_content .magazin_bericht a.target_link,
#magazin_sidebar .magazin_bericht .paragraph a.target_link{
    display: block;
    margin: 7px 0;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
}
#magazin_content .magazin_bericht .offer{border: 1px solid #99CC66; background: #F0F7E6;}
#magazin_content .magazin_bericht .offer img{float: right; margin: 0 0 10px 15px; display: block;}
#magazin_content .magazin_bericht .offer .padding_ten{overflow: hidden; border: 1px solid #ffffff;}
#magazin_content .magazin_bericht .offer li.checkmark{font-size: 13px; margin: 5px 0;}


#magazin_sidebar .magazin_bericht .campaign_address,
#magazin_sidebar .magazin_bericht .paragraph{
    margin-bottom: 15px;
    background: #FFFFFF;
}
#magazin_content .magazin_bericht .offer p,
#magazin_content .magazin_bericht .paragraph p,
#magazin_sidebar .magazin_bericht .campaign_address p,
#magazin_sidebar .magazin_bericht .paragraph p{
    padding: 0;
}
#magazin_sidebar .magazin_bericht .campaign_address address{
    font-style: normal;
}

#magazin_sidebar .magazin_bericht .campaign_address,
#magazin_sidebar .magazin_bericht .campaign_address .padding_ten,
#magazin_sidebar .magazin_bericht .paragraph .padding_ten{border: 1px solid #FFFFFF; overflow: hidden;}
#magazin_sidebar .magazin_bericht .paragraph img{float: right; margin: 0 0 7px 7px; width: 80px;}
#magazin_sidebar .magazin_bericht .campaign_address h2,
#magazin_sidebar .magazin_bericht .paragraph h2,
#magazin_sidebar .magazin_bericht .paragraph h3{font-size: 16px; line-height: 20px; margin: 0 0 7px 0;}
#magazin_sidebar .magazin_bericht .paragraph p,
#magazin_sidebar .magazin_bericht .paragraph ul{margin: 7px 0;}
#magazin_sidebar .magazin_bericht .paragraph li.checkmark{font-size: 13px; margin: 5px 0;}
#magazin_sidebar .magazin_bericht .campaign_address{height: 210px;}
#magazin_sidebar .magazin_bericht .campaign_address .padding_ten{height: 188px;}
#magazin_sidebar .magazin_bericht .campaign_address p{margin: 7px 0;}

#magazin .magazin_article h3{
    margin: 14px 0 7px 0;
    padding: 0;
}