/* CSS für Startseite, Mitglieder suchen
 <link rel='stylesheet' href='/svprg/hpSql/doku.css' type='text/css'>
 Stand 31.08.2022
*/

	
.sp0 {	

	width:			30px;
	height:			30px;	
	border-style:	groove;
	vertical-align:	middle;
	text-align:		center;
	overflow:		hidden;
	
}
.sp0:hover {	
	border-style:	outset;	
}	
.sp2 { 
	background-color:yellow;
	width:			80px;
	
	}

.sp0 >> img {height:30px; margin:0;vertical-align:middle;text-align:center;overflow:hidden;}
.sp0:mouseover {border-style:outset;}	
.sp0:mouseoout {border-style:groove;}	
.sp0:mousedown {border-style:inset; background:red;}	


.hover  { border-style: outset; }
.sp0:active  { border-style: inset; }


.sp1 {	
	background-color: 	#D4D0C8;
 	color: 			#000000;
 	font: 			bold 11px Tahoma,Helvetica,MS Sans Serif;
	height:			30px;
	border-style:	groove;
}

/*img {margin:0;vertical-align:middle;text-align:center;overflow:hidden;}*/
body.test {
	background-image: url('/svprg/bodybg.png');
	background-repeat: repeat;
	background-size: 10%;
}
body {
	background-color:#E0E0E0;
overflow:auto;
}

input[type=text], input{
 /*
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
*/
	box-sizing: border-box;
	border: 1px solid #999;
	border-radius: 5px;
	box-shadow: 1px 2px #ccc;
	border-style: inset;
/*	background-color: #eBB;*/
}
 input[type=button], input[type=submit], button[type=submit]{
 /*
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
*/
	box-sizing: border-box;
	border: 1px solid #999;
	border-radius: 5px;
	box-shadow: 3px 2px #ccc;
	border-style: inset;
/*	background-color: #eBB;*/

}
input[type=button]:hover,input[type=submit]:hover, button[type=submit]:hover{
 border-style: outset;	
 background-color: #877;
 color: #eee;
}

span.button {
padding:3px;
background:#eee;
font: bold 11px Tahoma,Helvetica,MS Sans Serif;
overflow:auto;
	border-style:	groove;
	border: 1px solid #999;
	border-radius: 5px;
	box-shadow: 1px 1px #ccc;
	cursor:pointer;
}