/* 

	SearchField	
	by Alen Grakalic, brought to you by cssglobe.com
	
*/
#suche form{
	margin:10px 30px;
	padding:0;
	width:368px;

}
#suche form p{
	margin:0 40px;
}
#suche form input{
	margin-top:5px;	
	width:200px;
	border:none;
	padding:3px;
	font-size:110%;
	vertical-align:middle;
}
#suche form input.button{
	margin-top:5px;
	margin-left:10px;
	width:51px;
	height:20px;
	border:none;
	text-indent:-8000px;
	overflow:hidden;
	background:url(img/button.gif) no-repeat 0 0;
	cursor:pointer;
	vertical-align:middle;
}

/* default (inactive field) */
.sf_inactive{
	border:2px #6A76B3 solid;
	background:#6A76B3;
	color:#9898D8;
}
/* on focus (when field is clicked on)  */
.sf_active{
	border:2px #6A76B3 solid;
	background:#fff;
	color:#333;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	border:2px #3c90a5 solid;
	background:#fff;
	color:#888;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;
	z-index:99;
}
.sf_suggestion ul{
	position:absolute;
	margin:0;
	padding:0;
	background:#6A76B3;
	top:0;
	left:0;
}
.sf_suggestion li{
	margin:0;
	padding:0;
	list-style:none;
}
.sf_suggestion li a{
	display:block;
	text-indent:5px;
	color:#fff;
}
.sf_suggestion li.selected a{
	background:#7F8AC4;
}