/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
//	Das Dokument "suche.css" Definiert das Sucheformular als auch die Ausgabe der Suche
//  
//  	Inhalt:
//			- Ausgeblendete Emelemnte
//			- Suchformular
//			- mapBase
//			- Suchausgabe
//			- Internetexplorer-Extrawurst
//
//  
//  INFO: 
//
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//	Suchformular
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#search label, #search input, #search select, #search button {
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
}

#search section {
    margin: 0;
}

#search label {
    display: inline-block;
    margin-bottom: 12px;
    padding: 12px 12px 12px 0;
    width: 72px;
}

#search select {
    display: inline-block;
    margin-bottom: 12px;
    padding: 12px;
    width: calc(100% - 116px);
    border: 1px solid #324977;
    border-radius: 5px;
    background-image: url(../img/icons/arrowDown.svg);
    background-position: calc(100% - 12px) 50%;
    background-size: 12px;
}

#search select.age {
	display: inline-block;
    width: calc(50% - 61px);
}

.pagenav li {
	margin: 1px;
	padding: 12px;
	color: #fff;
	background-color: #FF2A99;
}

#search button {
    margin-top: 12px;
    width: 100%;
    height: 48px;
    color: #fff;
    background-color: #3B5998;
    border-radius: 5px;
}

#search button:hover, #search button:active {
    background-color: #64A752;
    cursor: pointer;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Media-Querrys
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@media screen and (min-width: 800px) { 

}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//	FireFox-Extrawurst
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@-moz-document url-prefix() {
    
    #search label {
        padding: 16px 12px;
    }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Internetexplorer-Extrawurst
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@media screen\0 {
    
    #search label {
        padding: 14px 12px;
    }

}