/***
 * -------------------------------------------------------------------------------------
 * styles for searchbox on homepage
 * -------------------------------------------------------------------------------------
***/


/* Hintergrundbilder der 3 Tabs */
.divlayout, .divlayout2, .divlayout_exp {
    position:relative;
    margin-left:15px;
}
.divlayout {
    background-image: url(/images/evolution/startseite/suchbox/searchbox_schnell_bg.gif); background-repeat: no-repeat;
    width:464px; height:133px;
}
.divlayout2 {
    background-image: url(/images/evolution/startseite/suchbox/searchbox_stich_bg.gif); background-repeat: no-repeat;
    width:464px; height:133px;
}
.divlayout_exp {
    background-image: url(/images/evolution/startseite/suchbox/searchbox_bg_expanded.gif); background-repeat: no-repeat;
    width: 464px; height: 212px;
}


.divlayout p.search_white, .divlayout2 p.search_white, .divlayout_exp p.search_white {
    color: #fff;
    margin: 0 0 0 15px;
    padding: 10px 0 0 0;
}

div.searchContent   {margin-left:20px;}

.searchcontenttext  {margin: 20px 0 0 0px;}

.startBtn {
/*
    display: block;
    background-image: url(/images/evolution/startseite/suchbox/pruefen_2.gif); background-repeat: no-repeat;
    background-color: transparent;
    border: 0;
    width: 96px; height: 23px;
    margin-left: 10px;
}
.startBtn:hover {
    background-position: 0 -23px;
*/
}

table.suchfeld {width: 410px; vertical-align:middle;}
table.suchfeld td{vertical-align:top;}

#domainField {
    background-image: url(/images/evolution/startseite/suchbox/domainsearch-field.gif); background-repeat: no-repeat;
    background-color: transparent;
    width: 161px; height: 20px;
    padding-left: 6px;
    border: 0 none;
    color: #000;
    overflow:hidden;
}

#domainArea{
    background-image: url(/images/evolution/startseite/suchbox/searchbox_exp_inner.gif); background-repeat: no-repeat;
    background-color: transparent;
    width:193px; height: 108px;
    overflow:auto;
    padding:4px 10px 2px 4px;
    border: 0;
    color: #000;
    overflow:hidden;
}
/* bei IE<8 scrollt Bild mit, daher Hacks */
* + html #domainArea{    
     border:solid 1px #0088cc;
     background-image:none;
     background-color: #fff;
}

/* ****************************************************************************************************************** */
/* TABS */
#searchtab {padding-left:15px; height: 26px;}

/* Normal-Status - vererbt die Eigenschaften */
#tab1 a:link,#tab1 a:visited, #tab2 a:link,#tab2 a:visited, #tab3 a:link,#tab3 a:visited {
	float:left;
    display:block;
    width:135px; height:26px;
    border:0;
    margin-right:5px;
}
#tab1 a:link,#tab1 a:visited {background-image:url(/images/evolution/startseite/suchbox/tab_fast_off.gif); background-repeat: no-repeat;}
#tab2 a:link,#tab2 a:visited {background-image:url(/images/evolution/startseite/suchbox/tab_cue_off.gif); background-repeat:no-repeat;}
#tab3 a:link,#tab3 a:visited {background-image: url(/images/evolution/startseite/suchbox/tab_multi_off.gif);}

/* Hover */
#tab1 a:hover {background-image: url(/images/evolution/startseite/suchbox/tab_fast_on.gif); background-repeat: no-repeat;}
#tab2 a:hover {background-image: url(/images/evolution/startseite/suchbox/tab_cue_on.gif); background-repeat: no-repeat;}
#tab3 a:hover {background-image: url(/images/evolution/startseite/suchbox/tab_multi_on.gif); background-repeat: no-repeat;}

/* active and passive status tabs */
.active a       {background-image: url(/images/evolution/startseite/suchbox/tab_fast_on.gif) !important; background-repeat: no-repeat;}
.active a.cue   {background-image: url(/images/evolution/startseite/suchbox/tab_cue_on.gif) !important; background-repeat: no-repeat;}
.active a.multi {background-image: url(/images/evolution/startseite/suchbox/tab_multi_on.gif) !important; background-repeat: no-repeat;}

.dhx_combo_input    {background-image: url(/images/evolution/startseite/suchbox/combo_input.gif); background-position: top left; height: 15px; line-height: 15px !important; background-color: transparent !important; padding: 5px !important; width: 55px !important; font-weight: bold; color: #000;}
.dhx_combo_box      {height: 23px !Important; background-color: transparent !important; width: 85px !important;}
.dhx_combo_img      {height: 23px !Important; width: 21px !important; background-color: transparent !important; }
.dhx_combo_list     {border: 1px solid #ccc !important;  -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; height: 150px !important; width: 80px !important; margin-left: 2px;}
.dhx_selected_option {color: #0079c8 !important; background-color: transparent !important;}
.dhx_option:hover   {color: #0079c8 !important; background-color: transparent !important;}
