/* 
 * -----------------------------------
 * comp4site 3.04
 * C4S SEARCH CSS
 *
 * Copyright
 * COM.POSiTUM Multimedia-Agentur GmbH
 * -----------------------------------
 */
input[type="search"] {
  -webkit-appearance: textfield;
} 

/* ------------------------------------
 *  SEARCH FORM
 * ------------------------------------  
 */
.searchform {position:relative;width:90%;margin:0 auto;}
.searchform {position:relative;margin:0 auto;padding:57px 20px 0 20px;/*padding-top:5.7rem;*/}

.searchform label {visibility:hidden;float:none;width:0;padding:0;margin:0;}
.searchform label {position:absolute;}
   
.searchform input.searchform_searchterm {
    position:relative;
    z-index:1;
    top:0;
    margin:0;
    padding:0 10% 0 2%; 
     
    width:100%; 
    height: 50px;
    /*height: 5rem;*/
    font-size:20px;
    font-size:2rem; 
    border-radius:10px;
    /*border-radius:1rem;*/
    border:0 none!important;
    }

.searchform input.formsubmit {
    font-family: "fontello";
	position:absolute;
	z-index:2;
    top:57px;
    /*top:5.7rem;*/
    right:20px;
    /*right:2rem;*/
    right:1.9%;
    font-size:40px;
    font-size:4rem;
	
	margin:0;
	padding:0;
    width: 50px; 
    /*width: 5rem; */
    height: 50px;
    /*height: 5rem; */
    line-height:50px;
    /*line-height:5rem;*/
	border:0 none!important;
    border-radius:0 10px 10px 0;
    /*border-radius:0 1rem 1rem 0;*/
    background:#6692b6;
	color:#fff;
	
    speak: none;
    text-decoration: inherit;
    text-align: center; 
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;     
    /* fix buttons height, for twitter bootstrap */
    /*line-height: 1rem;*/
    transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
	}
body.compositum .searchform input.formsubmit {
    background:#df7984;
}
.searchform input.formsubmit:hover,
.searchform input.formsubmit:focus {
    background:#004687;
    }
body.compositum .searchform input.formsubmit:hover,
body.compositum .searchform input.formsubmit:focus {
    background:#e2001a;
    }


.searchform #closeSearch {
    background:none;
    width:40px;
    /*width:4rem; */
    height: 84px;
    /*height: 8.4rem; */
    line-height: 84px;
    /*line-height: 8.4rem;*/
    border-radius:0;
    position:absolute;
    z-index:2;
    text-align:center;
    
    /*top:34px;
    top:3.4rem;
    right:84px;
    right:8.4rem;*/
    font-size:54px;
    font-size:5.4rem;
    color:#ababab;
    }
.searchform #closeSearch {
    top:57px;
    /*top:5.7rem;*/
    
    right:70px;
    /*right:7rem;*/
    width: 50px; 
    /*width: 5rem;*/
    height:50px;
    /*height:5rem; */
    line-height:50px;
    /*line-height:5rem;*/
    }
.searchform #closeSearch:hover,
.searchform #closeSearch:focus {
    color:#004687;
    }


/* ------------------------------------
 *  SEARCH RESULTS
 * ------------------------------------  
 */
#searchresult_block {
	margin:20px 0px;
	padding:20px 0px;
	border-top:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	}

/* TODO: highlight */
span.highlight { /*background-color:#dadbdf; color:#fff;*/ border-bottom:1px dotted #000; }