/***
	 Formatierung für Standard-Tags in alphabetischer Reihenfolge
*/

a:link,		a.a:link	{text-decoration:none; color:#05f;}
a:visited,	a.a:visited	{text-decoration:none; color:#05f;}
// a:hover,	a.a:hover	{text-decoration:none; color:#f30;}
a:active,	a.a:active	{text-decoration:none; color:#05f;
}
.a			{text-decoration:none; color:#05f;}
.a:link		{text-decoration:none; color:#05f;}
.a:visited	{text-decoration:none; color:#05f;}
.a:hover	{text-decoration:none; color:#f30; cursor:pointer;}
.a:active	{text-decoration:none; color:#05f;
}

.abox {
display:		block;
white-space:	nowrap;
border-bottom:	1px solid #aaa;
padding:		4px 10px 3px 10px;
background:		#efefef;
text-align:		center;
cursor:			pointer;
color:			#06f;
}
.abox:link		{color: #06f;}
.abox:visited	{color: #06f;}
.abox:hover		{color: #06f; background: #bff; border-bottom: 1px solid #06f;}
.abox:active	{color: #06f;}

a.ban:link		{color:#ff0;}
a.ban:visited	{color:#ff0;}
a.ban:hover		{color:#0ef;}
a.ban:active	{color:#ff0;
}

a.itag		 {background-color: #fff; color: #05f; cursor: default;}
a.itag:hover {color:#f30;
}

b,	.b	{font-weight: 600;}
bb,	.bb	{font-weight: 700;
}

body {
	background-color:		#d7d7d7;
	color:					#666;
	font-family:			'Source Sans Pro', sans-serif;
	font-size:				1rem;	!important;
	font-style:				normal;
	font-weight:			400;
	line-height:			1.1rem;
	margin:					auto;
	min-height:				700px;
	min-width:				400px;	!important;
	max-width:				420px;	!important;
	overflow-y:				scroll;
}

cb, .cb	{color: #05f;}
cg, .cg	{color: #0a0;}
co, .co	{color: #f60;}
cp, .cp	{color: #f0f;}
cr, .cr	{color: #f00;}
cw, .cw	{color: #fff;}
cr0, .cr0 {color: #e00;}
cs0	{color: #000;}
cs3	{color: #333;}
cs6	{color: #666;}
cs7 {color:	#777;}
cs8 {color:	#888;}
cs9 {color:	#999;}
csb {color:	#bbb;}
csc {color:	#ccc;}

db,	.db			{display:block;}
dib, .dib		{display:inline-block;}

form {
	display: inline;
}

h08, .h08	{
	display: inline-block;
	font-weight: 400 !important;
	font-size: 0.8rem;
}

h09, .h09	{
	display: inline-block;
	font-weight: 400 !important;
	font-size: 0.9rem;
}

h095, .h095	{
	display: inline-block;
	font-weight: 400 !important;
	font-size: 0.95rem;
}

h098, .h098	{
	display: inline-block;
	font-weight: 400 !important;
	font-size: 0.98rem;
}

h10, .h10	{
	display: inline-block;
	font-weight: 400 !important;
	font-size: 1rem;
}

h11, .h11	{
	display: inline-block;
	font-weight: 400 !important;
	font-size: 1.1rem;
}

h12, .h12	{
	display: inline-block;
	font-weight: 400 !important;
	font-size: 1.2rem;
	}

h13, .h13	{
	display: inline-block;
	font-weight: 600 !important;
	font-size: 1.3rem;
	padding-bottom: 4px;
}

h15, .h15	{
	display: inline-block;
	font-weight: 600 !important;
	font-size: 1.5rem;
	padding-bottom: 6px;
}

h18, .h18	{
	display: inline-block;
	font-weight: 600 !important;
	font-size: 1.8rem;
	padding-bottom: 8px;
}

h20, .h20	{
	display: inline-block;
	font-weight: 600 !important;
	font-size: 2.0rem;
	padding-bottom: 9px;
}

h22, .h22	{
	display: inline-block;
	font-weight: 600 !important;
	font-size: 2.2rem;
	padding-bottom: 10px;
}

h24, .24	{
	display: inline-block;
	font-weight: 600 !important;
	font-size: 2.4rem;
	padding-bottom: 11px;
}

h30, .h30	{
	display: inline-block;
	font-weight: 600 !important;
	font-size: 3.0em;
	padding-bottom: 11px;
}

h36, .h36	{
	display: inline-block;
	font-weight: 600 !important;
	font-size: 3.6em;
	padding-bottom: 11px;
}

intro {
	display:inline-block;
	font-size:15px;
	font-weight:600;
	line-height:1.2em
	}

.list {
background-color:	#fafafa; 
border-bottom:		1px solid #ddd; 
padding:			3px 0px 2px 0px;
}

.outno		{outline:none;
}

pi			{display:inline-block; padding-top:7px;}
pp			{display:block; margin-top:6px;}
p2, .p2		{display:block; margin-top:2px;}
p4, .p4		{display:block; margin-top:4px;}
p6, .p6		{display:block; margin-top:6px;}
p8, .p8		{display:block; margin-top:8px;}
p10, .p10	{display:block; margin-top:10px;}
p11, .p11	{display:block; margin-top:11px;}
p12, .p12	{display:block; margin-top:12px;}
p13, .p13	{display:block; margin-top:13px;}
p15, .p15	{display:block; margin-top:15px;}
p18, .p18	{display:block; margin-top:18px;}

rk,	.rk	{color:#e00; font-style:italic; font-weight:600}
sk,	.sk	{color:#666; font-style:italic; font-weight:600
}

.rund			{border-radius:1em; border-width:3px;
}

textarea {
border: 		1px solid #bbb;
color:			#333;
display:		block; 
font-family:	'Source Sans Pro', sans-serif;
font-size:		1.0em;
height:			20px;
outline:		none;
padding:		0px;
width:			480px; 
z-index:		80;
}
.textarea0 {
border: 		0px solid #bbb;
color:			#666;
display:		none; 
font-family:	'Source Sans Pro', sans-serif;
height:			26px;
outline:		none;
padding:		0px;
resize:			none; 
width:			480px; 
}

table {
	line-height: 1.2em;
}

ul {
	color: #000000;
	list-style: square;
}


/* Formatierung meiner Tags in alphabetischer Reihenfolge */


.alink0	{pointer-events:none;
} 
.alink1	{pointer-events:auto;
} 

a.blue				{
background:			#09f;
border-radius:		1em;
color:				#fff;
cursor:				pointer;
display:			inline-block;
height:				1.5em;
line-height:		1.5em;
margin-bottom:		0.5em;
text-align:			center;
vertical-align:		middle;
width:				8em;
}
a.blue:link			{color:#fff;}
a.blue:hover		{border-radius:0.5em; color:#fff;}

.box, .boxs, .boxm, .boxl {
background:								#ff6;
border:									1px solid #333;
color:									#333;
cursor:									pointer;
display:								inline-block;
font:									1.0em Source Sans Pro; 
padding:								1px 11px 1px 11px;
text-align:								center;
min-width:								1em;}
.box:link, .box:hover, .box:visited		{color:#333;}
.box:hover								{border-radius:0.5em;
}
.boxs									{background:#0c0; color:#fff;}
.boxs:link, .boxs:hover, .boxs:visited	{color:#fff;}
.boxs:hover								{border-radius:0.5em;
}
.boxm 									{background:#f4f; color:#fff;}
.boxm:link, .boxm:hover, .boxm:visited	{color:#fff;}
.boxm:hover								{border-radius:0.5em;
}
.boxl 									{background:#34f; color:#fff;}
.boxl:link, .boxl:hover, .boxl:visited	{color:#fff;}
.boxl:hover								{border-radius:0.5em;
}

.boxadmin {
background:			#eff;
color:				#666;
cursor:				pointer;
display:			inline-block;
font:				1.0rem Source Sans Pro; 
padding-top:		0px;
padding-right:		7px;
padding-bottom:		1px;
padding-left:		7px;
}
.boxadmin:link		{color:#666; border-radius:1em	!important;}
.boxadmin:visited	{color:#666; border-radius:1em	!important;}	
.boxadmin:hover		{color:#f00; border-radius:0em	!important;
}

.boxi {
background-color:	none;
border:				2px solid #06f;
color:				#06f;
content:			 
cursor:				pointer;
display:			inline-block;
font:				1rem Source Sans Pro; 
padding:			2px 11px 2px 11px;
position:			relative;
text-align:			center;
}
.boxi:hover		{border-radius:5px;}
.boxi::after	{content:'?'; color:#06f; font-size:1.5rem; font-weight:bold; 
				position:absolute; left:0.43rem; top:-0.2rem; 
}

.boxico {
background-color:	#fff;
color:				#666;
cursor:				pointer;
display:			inline-block;
padding:			2px 6px 2px 6px;
}
.boxico:link		{color:#666; border-radius:1em	!important;}
.boxico:visited		{color:#666; border-radius:1em	!important;}	
//.boxico:hover		{color:#f00; border-radius:0em	!important;
}

.boxeee	{
background:	#eee;
color:		#333;
cursor:		pointer;
display:	inline-block;
padding:	3px 12px 3px 12px;
text-align:	center;
}
.boxeee:hover {background-color: #fafafa;
}

.boxbl {
background:	#34f;
color:		#fff;
cursor:		pointer;
display:	inline-block;
font:		1.0em Source Sans Pro; 
padding:	2px 12px 2px 12px;
text-align:	center;
}
.boxbl:link		{background:#34f; color:#fff;}
.boxbl:visited	{background:#34f; color:#fff;}
.boxbl:hover	{background:#34f; border-radius:0.5em; color:#fff;
}

.boxcn {
background-color:	#dff;
border:				2px solid #06f;
color:				#333;
cursor:				pointer;
display:			inline-block;
font:				1.0em Source Sans Pro; 
padding:			2px 12px 2px 12px;
text-align:			center;
}
.boxcn:link		{color:#333; background-color: #dff;}
.boxcn:visited	{color:#333; background-color: #dff;}
.boxcn:hover	{color:#333; border-radius:0.5em;
}

.boxdelete {
background:	#eee;
border:		6px dotted #f00;
color:		#333;
display:	none;
font:		1.0em Source Sans Pro; 
padding:	20px 50px 20px 50px;
position:	absolute;
text-align:	center;
z-index:	130;
}

.boxgb {
background-color:	#ff6;
border:				2px solid #06f;
color:				#333;
cursor:				pointer;
display:			inline-block;
font:				1.0em Source Sans Pro; 
padding:			2px 12px 2px 12px;
text-align:			center;
}
.boxgb:link		{color:#333; background-color: #ff6;}
.boxgb:visited	{color:#333; background-color: #ff6;}
.boxgb:hover	{color:#333; border-radius:0.5em;
}

.boxgn {
background:	#0d0;
border:		0px solid #6f6;
color:		#fff;
cursor:		pointer;
display:	inline-block;
font:		1.0em Source Sans Pro; 
padding:	2px 12px 2px 12px;
text-align:	center;
}

.boxgr {
background:	#f6f6f6;
border:		2px dashed #888;
color:		#888;
cursor:		default;
display:	inline-block;
font:		1.0em Source Sans Pro; 
padding:	2px 12px 2px 12px;
text-align:	center;
}

.boxhg {
background:	#efc;
border:		1px solid #06f;
color:		#333;
cursor:		pointer;
display:	inline-block;
font:		1.0em Source Sans Pro; 
padding:	2px 12px 2px 12px;
text-align:	center;
}
.boxhg:hover {color: #333; background-color: #fee;
}

.boxlo, .boxlu, .boxro, .boxru {background:#e5f0ff; ; border:3px solid #79f;
}
.boxlo {border-left:0;	border-top:0;}
.boxlu {border-left:0;	border-bottom:0;}
.boxro {border-right:0;	border-top:0;}
.boxru {border-right:0;	border-bottom:0;
}

.boxor {
background-color:	#fa0;
border:				2px solid #f6f;
color:				#333;
cursor:				pointer;
display:			inline-block;
font:				1.0em Source Sans Pro; 
padding:			2px 12px 2px 12px;
text-align:			center;
}
.boxor:hover	{color:#333; border-radius:0.5em;
}

.boxpk {
background-color:	#fff8ff;
border:				2px solid #f6f;
color:				#333;
cursor:				pointer;
display:			inline-block;
font:				1.0em Source Sans Pro; 
padding:			2px 12px 2px 12px;
text-align:			center;
}
.boxpk:link		{color:#333; background-color: #dff;}
.boxpk:visited	{color:#333; background-color: #dff;}
.boxpk:hover	{color:#333; border-radius:0.5em;
}

.boxrt {
background:		#f00;
border:			2px solid #900;
color:			#fff;
cursor:			pointer;
display:		inline-block;
font:			1.0em Source Sans Pro; 
padding:		2px 12px 2px 12px;
text-align:		center;
}
.boxrt:link		{color:#fff;}
.boxrt:visited	{color:#fff;}
.boxrt:hover	{color:#fff; border-radius:0.5em;
}

.boxshadow {	border:0;
box-shadow:		0px 0px 0px #333, -0px 0px 15px #999, -0px -0px 15px #999, 							0px -0px 15px #999;
}

.boxws {
background:	#fff;
border:		1px solid #ccc;
color:		#333;
display:	inline-block;
font:		1.0em Source Sans Pro; 
padding:	2px 12px 2px 12px;
text-align:	center;
}

.boxwsbl {
background:		#fff;
border:			0px; 
border-bottom:	1px solid #aaa;
border-left:	1px solid #bbb;
color:			#333;
cursor:			pointer;
display:		inline-block;
font:			1.0em Source Sans Pro; 
padding:		3px 5px 2px 5px;
text-align:		center;
}
.boxwsbl:hover {color: #333;
}

.boxslim		{padding:1px 8px 1px 8px;
}

.boxzu {
color:			#aaa;
cursor:			pointer;
display:		inline-block;
font-size:		1.3em;
font-weight:	400;
padding:		0px 0px 0px 0px;
position:		absolute; top:0px; right:4px;
text-align:		center;
// vertical-align:	top;
}


.but, .but090, .butee0, .butgrey 	{
background:			#0c0;
border-radius:		1em;
color:				#fff;
display:			inline-block;
height:				24px;
line-height:		24px;
padding:			0px 13px 0px 13px;
position:			relative;
text-align:			center;
vertical-align:		middle;
}
.but:hover			{border-radius:0.5em;}
.but090				{color:#090;}
.butee0				{color:#ee0;}
.butgrey			{background:#cfcfcf;
}
.buto				{
background:			#0c0;
border:				2px solid #fff;
border-radius:		1em;
height:				12px;
margin-top:			4px;
width:				12px;
}

.butoval			{
background:			#fff; 
border:				3px solid #aaa; 
border-radius:		50%; 
padding:			8px 12px 8px 12px; 
position:			absolute;
}

.butslim			{
background:			#cfcfcf;
border-radius:		0em;
color:				#fff;
cursor:				pointer;
display:			inline-block;
height:				24px;
line-height:		24px;
position:			relative;
text-align:			center;
vertical-align:		middle;
width:				24px;
}
.butslim:link		{color:#fff;}
.butslim:visited	{color:#fff;}
.butslim:hover		{color:#fff; border-radius:0.5em;
}

.confoto {
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	padding:0px 0px 0px 0px;
	background:#a7a777;
	color: #fff;
	font-size:18px;
	font-weight:700;
	text-align:center;
	cursor:pointer;
}
.confoto:hover {
	background:#cc7;
	color: #fff;
}

.cyabox {
	display: inline;
	border: 1px solid #06f;
	padding: 2px 12px 2px 12px;
	text-align: left;
	cursor: pointer;
	color: #000;
	font-size: 16px;
	background-color: #dff;
	}
.cyabox:link {color: #000; background-color: #dff;}
.cyabox:visited {color: #000; background-color: #dff;}
.cyabox:hover {color: #000; background-color: #fee;}
.cyabox:active {color: #000; background-color: #dff;}

a.defbox {display:block; white-space:nowrap; padding:3px 10px 3px 10px; border-bottom:1px solid #ccc; text-align:left; cursor:pointer}
a.defbox:link { color:#333; background-color:#def;
}
a.defbox:visited { color:#333; background-color:#def;
}
a.defbox:hover { color:#333; background-color:#bff;
}
a.defbox:active { color:#333; background-color:#def;
}

.dffbox {
	background: #efc;
	border: 1px solid #ddd;
	color: #333;
	cursor: pointer;
	display: inline-block;
	height:17px;
//	margin-top: 1px;
	padding: 1px 0px 2px 0px;
	text-align: center;
	}

.dropbox {
border:			0;
border-right:	1px solid #bbb;
border-bottom:	1px solid #bbb;
color:			#333;
display:		inline-block; 
font:			1.0em Source Sans Pro; 
height:			1.5em;
margin-bottom:	3px; 
padding:		0em .3em 0em .5em; 
width:			15em;
}

a.ebox {display:block; white-space:nowrap; padding:3px 20px 3px 10px; border-bottom:1px solid #ccc; color:#666; text-align:left; cursor:pointer; margin-bottom:1px}
a.ebox:link { background-color:#eee;}
a.ebox:visited { background-color:#eee;}
a.ebox:hover { background-color:#bff;}
a.ebox:active { background-color:#def;
}

a.efbox {display:block; white-space:nowrap; padding:3px 10px 3px 10px; border-bottom:1px solid #ccc; color:#666; font-size:0.9em; text-align:left; cursor:pointer; margin-bottom:1px}
a.efbox:link { background-color:#eef;}
a.efbox:visited { background-color:#eef;}
a.efbox:hover { background-color:#bff;}
a.efbox:active { background-color:#def;
}

.euro	{background:#acf; margin-bottom:2px; padding:3px 6px 4px 6px; text-align:left;
}

.fabox {
	display: inline;
	border: 1px solid #06f;
	padding: 1px 12px 1px 12px;
	text-align: left;
	cursor: pointer;
	color: #000;
	font-size: 12px;
	}
.fabox:link {color: #000; background-color: #fafafa;}
.fabox:visited {color: #000; background-color: #fafafa;}
.fabox:hover {color: #000; background-color: #bff;}
.fabox:active {color: #000; background-color: #fafafa;
}

.fmenu	{pointer-events:none;
} 

.fotorez {
	display:block;
	width:100%;
	height:28px;
	line-height:28px;
	vertical-align:middle;
	background:#a7a777;
	color: #fff;
	text-align:center;
	cursor:pointer;
}
.fotorez:hover {
	background:#cc7;
	color: #fff;
}

.Fsc	{
	display:	block;
	width:		16px;
	height:		16px;
	position:	absolute;
	left:		20px;
	top:		16px;
	font-weight:400;
	text-align:	center;
}

.fotobox_body {
	width: 240px;
	background-color: #d5d5d5;
}

.fotobox_header {
	display: block;
	border-top: 1px solid #ccc;
	border-bottom: 0px solid #fff;
	padding: 3px 0px 3px 0px;
	margin-bottom: 0px;
	background-color: #cef;
	text-align: center;
	font-weight: 600;
	color: #666;
}

.gobox {
	display: inline-block;
	height: 16px;
	border: 0px solid #06f;
	padding: 0px 4px 0px 4px;
	text-align: left;
	cursor: pointer;
	color: #fff;
	font-size: 11px;
	background: #f30;
	}
.gobox:link {background:#f30; color:#fff}
.gobox:hover {background:#ffa; color:#333
}

.gotop {width:16px; height:16px; display:inline-block}
.gotop:link {background-color: #5af}
.gotop:visited {background-color: #5af}
.gotop:hover {background-color: #f50}
.gotop:active {background-color: #5af}
.gotop {background-image: url('/images/gotop2.gif'); background-repeat:no-repeat
}
.goli {width:16px; height:16px; display:inline-block}
.goli:link {background-color: #5af}
.goli:visited {background-color: #5af}
.goli:hover {background-color: #f50}
.goli:active {background-color: #5af}
.goli {background-image: url('/images/goli2.gif'); background-repeat:no-repeat
}
.gore {width:16px; height:16px; display:inline-block}
.gore:link {background-color: #5af}
.gore:visited {background-color: #5af}
.gore:hover {background-color: #f50}
.gore:active {background-color: #5af}
.gore {background-image: url('/images/gore2.gif'); background-repeat:no-repeat
}
.godown {width:16px; height:16px; display:inline-block; position:absolute; top:32px; left:20px}
.godown:link {background-color: #5af}
.godown:visited {background-color: #5af}
.godown:hover {background-color: #f50}
.godown:active {background-color: #5af}
.godown {background-image: url('/images/godown2.gif'); background-repeat:no-repeat
}
.goregn {
background-image:		url('/images/goregn21.png'); 
background-repeat:		no-repeat;
background-position:	0px 0px;
cursor:					pointer;
display:				inline-block;
height:					22px;
position:				absolute;
width:					21px;
}
.goreor {
background-image:		url('/images/goreor21.png'); 
background-repeat:		no-repeat;
background-position:	0px 0px;
cursor:					pointer;
display:				inline-block;
height:					22px;
position:				absolute;
width:					21px;
}
.gorepk {
background-image:		url('/images/gorepk21.png'); 
background-repeat:		no-repeat;
background-position:	0px 0px;
cursor:					pointer;
display:				inline-block;
height:					22px;
position:				absolute;
width:					21px;
}
.gokey {
background:		#0c0; 
border-radius:	1.6em; 
cursor:			pointer;
height:			1.6em; 
position:		absolute; 
top:			2px; 
right:			3px;  
text-align:		center;
width:			1.6em;
}
.gokey:hover	{border-radius:5px;}
.gokey::after	{color:#fff; content:'\25B2'; font-size:1.5em; 
				position:absolute; left:15%; top:15%; 
				transform:rotate(90deg);
}

/***
.goli21 {
background:		#fff; 
border-radius:	50%; 
cursor:			pointer;
height:			21px; 
opacity:		0.1;
position:		absolute;  
text-align:		center;
width:			21px;
}
.goli21:hover	{border-radius:10%; opacity:0.8}
.goli21::after	{color:#0e0; content:'\25B2'; font-size:1.8em; 
				position:absolute; left:15%; top:15%; 
				transform:rotate(-90deg);
}
*/

.gore19	{
color:			#0e0; 
content:		'\25B2'; 
font-size:		1.5em; 
position:		absolute; left:0%; top:0%; 
transform:		rotate(90deg);
}

.gore20 {
background:		#0c0; 
border-radius:	1em; 
cursor:			pointer;
height:			1.5em; 
position:		absolute; left:0em; top:-16%; 
text-align:		center;
width:			1.5em;
}
.gore20:hover	{border-radius:5px;}
.gore20::after	{color:#fff; content:'\25B2'; font-size:0.9em; 
				position:absolute; left:30%; top:12%; 
				transform:rotate(90deg);
}

a.hitog	{
background:		#efefef;
border-bottom:	1px solid #fff;
cursor:			pointer;
display:		block;
overflow:		hidden;
padding:		4px 10px 3px 10px;
position:		relative;
transition:		0.3s;
white-space:	nowrap;
}
a.hitog:hover	{background: #bff; color:#006;
}
.hitog {		
display:		none;
margin-left:	0px;
overflow:		hidden;
padding-left:	0px;
transition:		0.4s;
}

a.irand, a.irand-end, a.irand-x	{
/*	Liefern in Verbindung mit onclick="hitog(...)" verschiedene Ergebnisse
	<a id="divname.a"	bg-image des a-element wechselt zwischen "=" und Pfeil hoch
	<a (ohne id) 		immer "=" als bg-image
	<a class "irand-x"... vor </divname> enthält "x" als bg-image
*/
background-image:		url('/images/gleich.png');
background-repeat:		no-repeat;
background-position:	1px 12px;
background-color:		#f60;
border-radius:			0px 20px 20px 0px;
cursor:					pointer; 
display:				inline-block; 
height:					40px;
margin-bottom:			-4px;
padding:				0px;
width:					20px;
}
a.irand-x				{background-image:url('/images/irand-x.png');
						margin-left:-20px;
}
div.irand		{
border-left:	3px solid #f60; // Nur bei Bedarf;
display:		none;
overflow:		hidden;
position:		relative;
padding-left:	17px;			// border + padding = 20px (margin-left);
transition:		0.3s;
}

.ibox0 {
	display: inline;
	border: 1px solid #aaa;
	padding: 1px 10px 1px 10px;
	text-align: left;
	cursor: pointer;
	color: #888;
	font-size: 0.9em;
	}
.ibox1, ibox1s {
	display: inline;
	border: 1px solid #06f;
	padding: 1px 10px 0px 10px;
	text-align: left;
	cursor: pointer;
	color: #333;
	font-size: 0.9em;
	background: #dff;
	}
.ibox1:hover {background:#ff6
}
.ibox1s {
	display: inline;
	border: 1px solid #06f;
	padding: 0px 10px 0px 10px;
	text-align: left;
	cursor: pointer;
	color: #05f;
	font: 11px 	'Source Sans Pro', sans-serif;
	background: #dff;
	}
.ibox1s:hover {background:#ffa; color:#f30;
}
.ibox2 {
	display: inline;
	border: 1px solid #aaa;
	padding: 1px 10px 1px 10px;
	text-align: left;
	cursor: pointer;
	color: #666;
	font-size: 11px;
	}
.ibox2:hover {background:#feb; color: #666;
}

.infobox_body {
	width: 240px;
	background-color: #eee;
}

.infobox_header {
	display: block;
	border-top: 1px solid #ccc;
	border-bottom: 0px solid #fff;
	padding: 3px 0px 3px 0px;
	margin-bottom: 25px;
	background-color: #cef;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	color: #555;
}

.ibox {
	display: none;
	z-index: 130;
	border-color:#bbb;
	border-style:solid;
	border-width:15px 5px 5px 5px;
	background:#ffe;
	padding:15px;
}

.ibox_h {
	display: none;
	position: absolute;
	z-index: 130;
	border: 7px solid #bbb;
	border-top: 7px solid #999;
	border-bottom: 7px solid #999;
	background: #ffe;
	padding: 0px; 
	text-align: center;
	vertical-align: middle;
}

.ibox_v {
	background: #ffe;
	border: 1px solid #f00;
	padding: 15px 10px 15px 10px; 
	text-align: left;
	vertical-align: top;
	color:#777;
	line-height: 1.1em;
}

.ibox_hv {
	background: #ffe;
	border: 7px solid #bbb;
	border-top: 7px solid #999;
	border-bottom: 7px solid #999;
	display: none;
	padding: 15px 10px 0px 10px; 
	position: absolute;
	text-align: left;
	vertical-align: top;
	z-index: 130;
}

.ibox_x {
	width:15px;
	height:15px;
	display:inline-block;
	position:absolute;
	z-index: 132;
	top:-7px;
	right:-7px;
	background-image: url('/images/x15.gif'); background-repeat:no-repeat}
.ibox_x:link {background-color: #37f}
.ibox_x:visited {background-color: #37f}
.ibox_x:hover {background-color: #f50}
.ibox_x:active {background-color: #37f
}

a.ico_bons, a.ico_home, a.ico_ich, a.ico_konto, a.ico_left, a.ico_menu, ico_menu28, a.ico_wako, a.ico_wins {
background-color:	#f7f7ff;
background-repeat:	no-repeat;
border:				0px solid #06f;
border-radius:		0.2em;
cursor:				pointer;
display:			inline-block;
height:				1.7em;
margin:				1em 0px 0px 0px;
}
a.ico_bons {background-image:url('/images/star-or.png'); position:relative; width:4.6em;}
a.ico_home {background-image:url('/images/home.png'); width:1.75em;}
a.ico_ich {background-image:url('/images/konto.png'); width:1.75em;}
a.ico_menu28 {background-image:url('/images/menu28.png'); width:1.75em;}
a.ico_left {background-color:#f7f7ff; background-image:url('/images/back.png'); width:1.3em;}
a.ico_konto {background-image:url('/images/konto.png'); position:relative; width:3.45em;}
a.ico_wins {background-image:url('/images/star-gn.png'); position:relative; width:4.6em;}

a.ico_bons:hover,
a.ico_home:hover, 
a.ico_ich:hover, 
a.ico_menu28:hover, 
a.ico_konto:hover, 
a.ico_left:hover,
a.ico_menu:hover, 
a.ico_wako:hover, 
a.ico_wins:hover {background-color:#fff; border:0}

a.ico_wako {background-image:url('/images/wako.png'); min-width:102px; position:relative;
}

.ico_logio {
border:					3px solid #f7f7f7;
border-radius:			1em;
display:				inline-block;
height:					10px;
width:					10px;
}

.ineu {width:15px; height:15px; display:inline-block; background-image: url('/images/info15.gif'); background-repeat:no-repeat; background-color: #37f; }
.ineu:link {background-color: #37f}
.ineu:visited {background-color: #37f}
.ineu:hover {background-color: #f50}
.ineu:active {background-color: #37f
}

.infospot {
background:		#ffe;
border:			1px solid #f00;
color:			#666;
display:		none;
font:			0.9em Source Sans Pro;
line-height:	1.1em;
padding:		12px 10px 10px 10px; 
position:		absolute;
text-align:		left;
vertical-align:	top;
z-index:		99;
}
.infox {cursor:pointer; font-size:1.2em; position:absolute; right:4px; top:2px;
}

.inpur	{
background:		none;
border:			0;
// border-right:	1px solid #ccc;
color:			#333; 
display:		inline-block; 
font:			1.0rem Source Sans Pro; 
height:			24px; 
padding:		0px 5px 0px 0px; 
width:			240px;
}
.input, .input_bl, .input_br {color:#333; display:inline-block; font:1.0em Source Sans Pro; height:1.5em; margin-bottom:3px; padding:0em .3em 0em .5em; width:15em;
}
.input_br::placeholder {color:red; font-style:italic;}
.input {border:0px; border-bottom:1px solid #bbb; border-right:1px solid #bbb;
}
.input_br {border:0px; border-bottom:1px solid #aaa; border-right:1px solid #bbb;
}
.input_bl {border:0px; border-bottom:1px solid #aaa; border-left:1px solid #bbb;
}
.inpur::placeholder, .input::placeholder, .input_bl::placeholder, .input_br::placeholder, textarea::placeholder {color:#888; font-style:italic;
}
.input100 {display:inline-block; width:100px; height:20px; border:1px solid #bbb; color:#333; padding:0px 5px 0px 5px
}
.input200 {display:inline-block; min-width:200px; height:30px; border:1px solid #bbb; color:#333; padding:0px 5px 0px 0px
}
.input300 {display:inline-block; min-width:325px; height:30px; border:1px solid #bbb; color:#333; padding:0px 5px 0px 5px
}
.input470 {display:inline-block; width:470px; height:20px; border:1px solid #bbb; color:#333; margin-bottom:3px; padding:0px 5px 0px 5px
}
.input600 {display:inline-block; width:600px; height:20px; border:1px solid #bbb; color:#333; margin-bottom:3px; padding:0px 5px 0px 5px
}

.acin1	{background:#fff; border-right:1px solid #bbb; border-bottom:1px solid #bbb; color:#888; height:auto; margin-bottom:5px; padding:6px 0px 6px 6px; position:relative; width:20em;
}
.acin2	{border:0; outline:0; padding-right:0px; padding-left:7em; position:absolute; top:4px; right:0px; width:15em;
}

a.icool {
background:			#06f; 
border-radius:		1.2rem; 
color:				#fff;
display:			inline-block;
cursor:				pointer;
font-size:			1rem;
height:				1.2rem;
// margin-top:			0em;	Positionierung über Funktionsaufruf 'icool';
position:			absolute;
text-align:			center;
width:				1.2rem;
// z-index:			199;
}
a.icool::after {	
content:			'?'; 
font-weight:		400;
font-size:			1.2rem;
position:			absolute; left:30%; top:8%;
}

a.ipool {
background:			#06f; 
border-radius:		1.2rem; 
color:				#fff;
display:			inline-block;
cursor:				pointer;
font-size:			1rem;
height:				1.2rem;
margin:				0em 0em 0em 0em;
position:			relative;
text-align:			center;
width:				1.2rem;
// z-index:			199;
}
a.ipool::after {	
content:			'?'; 
font-weight:		400;
font-size:			1.2rem;
position:			absolute; left:30%; top:8%;
}
div.ipool {
background:		#fff;
box-shadow:		10px 10px 15px #aaa, -10px 10px 15px #aaa, -10px -10px 15px #aaa, 					10px -10px 15px #aaa;
color:			#666;
display:		none;
font:			0.9em Source Sans Pro;
line-height:	1.1em;
overflow:		hidden;
position:		absolute;
text-align:		left;
transition:		0.25s;
vertical-align:	top;
white-space:	normal; 
z-index:		99;

}
.ipoolx {cursor:pointer; font-size:1.2rem; position:absolute; right:4px; top:2px;
}

a.itool {
background:			#06f; 
border-radius:		1rem; 
color:				#fff;
display:			inline-block;
cursor:				pointer;
font-size:			0.9rem;
height:				1.2rem;
margin-right:		2px;
position:			relative;
padding-bottom:		0px;
text-align:			center;
width:				1.2rem;
// z-index:			199;
}
a.itool::after {	
content:			'?';
font-weight:		600;
font-size:			1.1em;
position:			absolute; left:5px; top:0px;
}
div.itool {
background:		#fff;
box-shadow:		10px 10px 15px #aaa, -10px 10px 15px #aaa, -10px -10px 15px #aaa, 					10px -10px 15px #aaa;
color:			#666;
display:		none;
font:			0.9rem Source Sans Pro;
line-height:	1.1rem;
margin-top:		10px; 
padding:		12px 10px 10px 10px; 
position:		absolute;
text-align:		left;
vertical-align:	top;
white-space:	normal; 
z-index:		99;
}
.itoolx {cursor:pointer; font-size:1.2em; position:absolute; right:4px; top:2px;
}

.ispot {width:18px; height:18px; display:inline-block; margin-left:3px; margin-top:3px; background-image: url('/images/info18.gif'); background-repeat:no-repeat}
.ispot:link {background-color: #37f}
.ispot:visited {background-color: #37f}
.ispot:hover {background-color: #f50}
.ispot:active {background-color: #37f
}

.lbox			{
background:		#f6f6f6; 
border-left:	10px solid #aaa; 
border-top:		6px solid #ccc; 
padding:		0.5em 1.5em 0em 0.5em;
position:		relative; 
width:			250px;
}

.laygb {display:inline-block; height:16px; padding:1px 6px 2px 6px}
.laygb:link { color:#fff; background-color:#ff0;}
.laygb:visited { color:#fff; background-color:#ff0;}
.laygb:hover { color:#fff; background-color:#fff;}
.laygb:active { color:#fff; background-color:#ff0
}

.laygn {display:inline-block; height:16px; padding:1px 6px 2px 6px }
.laygn:link { color:#fff; background-color:#0d0;}
.laygn:visited { color:#fff; background-color:#0d0;}
.laygn:hover { color:#fff; background-color:#fff;}
.laygn:active { color:#fff; background-color:#0d0
}

.layrt {display:inline-block; height:16px; padding:1px 6px 2px 6px }
.layrt:link { color:#fff; background-color:#f00;}
.layrt:visited { color:#fff; background-color:#f00;}
.layrt:hover { color:#fff; background-color:#fff;}
.layrt:active { color:#fff; background-color:#f00
}

.libox0 {
	display: inline;
	border: 1px solid #ccc;
	padding: 0px 5px 0px 5px;
	text-align: left;
	cursor: pointer;
	color: #bbb;
	font-size: 10px;
	}
.libox1 {
	display: inline;
	border: 1px solid #06f;
	padding: 0px 5px 0px 5px;
	text-align: left;
	cursor: pointer;
	color: #333;
	font-size: 10px;
	background: #dff;
	}
.lbox1:hover {background:#ffa
}

libl {
display:		block;
margin:			1px 0px 1px 0px;
padding-left:	18px;
position:		relative;
}
libl::before 	{content:'';
background:		#06f;
border-radius:	5px;
display:		block;
height:			10px;
position:		absolute; left:0px; top:2px;
width:			10px;
}

libut {
background-image:		url('/images/butterfly.png');
background-repeat:		no-repeat;
display:				block;
padding:				9px 0px 0px 27px;
}

ligb {
display:		block;
margin:			1px 0px 1px 0px;
padding-left:	18px;
position:		relative;
}
ligb::before 	{content:'';
background:		#ff0;
border-radius:	5px;
display:		block;
height:			10px;
position:		absolute; left:0px; top:2px;
width:			10px;
}

lign {
display:		block;
margin:			1px 0px 1px 0px;
padding-left:	18px;
position:		relative;
}
lign::before 	{content:'';
background:		#0c0;
border-radius:	5px;
display:		block;
height:			10px;
position:		absolute; left:0px; top:2px;
width:			10px;
}

ligr {
display:		block;
margin:			1px 0px 1px 0px;
padding-left:	18px;
position:		relative;
}
ligr::before 	{content:'';
background:		#999;
border-radius:	5px;
display:		block;
height:			10px;
position:		absolute; left:0px; top:2px;
width:			10px;
}

lihaken {
background-image:		url('/images/haken.png');
background-position:	0px 0px;
background-repeat:		no-repeat;
display:				block;
padding:				5px 0px 1px 30px;
}
lihaken0 {
background-image:		url('/images/kreishaken0.png');
background-position:	0px 0px;
background-repeat:		no-repeat;
display:				block;
padding:				5px 0px 1px 30px;
}
lihaken1 {
background-image:		url('/images/kreishaken1.png');
background-position:	0px 0px;
background-repeat:		no-repeat;
display:				block;
padding:				5px 0px 1px 30px;
}

liherz {
background-image:	url('/images/herz16.png');
background-repeat:	no-repeat;
background-position:0px 1px;
display:			block;
line-height:		1.1em;
padding-left:		19px;
}

liherz18 {
background-image:	url('/images/herz18.png');
background-repeat:	no-repeat;
background-position:0px 1px;
display:			block;
line-height:		1.1em;
padding-left:		19px;
}

lior {
display:		block;
margin:			1px 0px 1px 0px;
padding-left:	18px;
position:		relative;
}
lior::before 	{content:'';
background:		#f50;
border-radius:	5px;
display:		block;
height:			10px;
position:		absolute; left:0px; top:2px;
width:			10px;
}

lipk {
display:		block;
margin:			1px 0px 1px 0px;
padding-left:	18px;
position:		relative;
}
lipk::before 	{content:'';
background:		#f0f;
border-radius:	5px;
display:		block;
height:			10px;
position:		absolute; left:0px; top:2px;
width:			10px;
}

liqmark22 {
background-image:	url('/wopa/images/qmark22.png');
background-repeat:	no-repeat;
display:			block;
line-height:		1.2em;
padding-left:		27px;
}

lirt {
display:		block;
margin:			1px 0px 1px 0px;
padding-left:	18px;
position:		relative;
}
lirt::before 	{content:'';
background:		#f00;
border-radius:	5px;
display:		block;
height:			10px;
position:		absolute; left:0px; top:2px;
width:			10px;
}

liret {
background-image:		url('/images/return.png');
background-position:	0px 7px;
background-repeat:		no-repeat;
display:				block;
line-height:			1.4em;
padding-left:			16px;
}

listar {
background-image:	url('/images/star22.png');
background-repeat:	no-repeat;
display:			block;
line-height:		1.4em;
padding-left:		27px;
}
listar18 {
background-image:	url('/images/star18.png');
background-repeat:	no-repeat;
display:			block;
line-height:		1.1em;
padding-left:		21px;
}
listar24 {
background-image:	url('/images/star24.png');
background-repeat:	no-repeat;
display:			block;
line-height:		1.4em;
padding-left:		27px;
}
listar24gn {
background-image:	url('/images/star24gn.png');
background-repeat:	no-repeat;
display:			block;
padding:			9px 0px 0px 27px;
}
listar24or {
background-image:	url('/images/star24or.png');
background-repeat:	no-repeat;
display:			block;
padding:			9px 0px 0px 27px;
}
listar24pk {
background-image:	url('/images/star24pk.png');
background-repeat:	no-repeat;
display:			block;
padding:			9px 0px 0px 27px;
}
listar36 {
background-image:	url('/images/star36.png');
background-repeat:	no-repeat;
display:			block;
line-height:		1.4em;
padding-left:		40px;
}
listarbl {
background-image:	url('/images/star-bl.png');
background-repeat:	no-repeat;
background-position:0px -0.1em;
display:			block;
line-height:		1.4em;
padding-left:		25px;
}
listaror {
background-image:	url('/images/star-or.png');
background-repeat:	no-repeat;
background-position:0px -0.1em;
display:			block;
line-height:		1.4em;
padding-left:		25px;
}

listargn {
background-image:		url('/images/star-gn.png');
background-repeat:		no-repeat;
background-position:	0px -0.1em;
display:				inline-block;
padding-left:			0px;
padding-top:			3px;
}

listarlet {
background-image:		url('/images/star-gn.png');
background-repeat:		no-repeat;
background-position:	0px -0.1em;
display:				block;
line-height:			1.4em;
padding-left:			25px;
}

.menu20 {
background-color:		#ddd;
background-image:		url('/images/menu20.png');
background-position:	0px 19px;
background-repeat:		no-repeat;
border-radius:			0px 50px 50px 0px;
cursor:					pointer;
display:				inline-block;
height:					50px;
margin-top:				0px;
width:					25px;
}
.menu20:hover {			background-color:#eee;
}

.menu22, .menu22plus, .menu22um, .menu22x {
background-color:	#0c0;
border-radius:		1em;
color:				#fff;
cursor:				pointer;
display:			inline-block;
font-size:			1.5em;
height:				20px;
position:			absolute;
width:				22px;
z-index:			99;
}
.menu22				{left:0px; top:-1px;}
.menu22:link		{background-color:#0c0; color:#fff;}
.menu22:visited		{background-color:#0c0; color:#fff;}
.menu22:hover		{background-color:#0b0; color:#ff0;}
.menu22::after		{content:'='; position:absolute; left:5px; top:0px;
}
.menu22plus			{right:0px; top:2px;}
.menu22plus:link	{background-color:#0c0; color:#fff;}
.menu22plus:visited {background-color:#0c0; color:#fff;}
.menu22plus:hover	{background-color:#0b0; color:#ff0;}
.menu22plus::after	{content:'+'; font-size:1.3em; position:absolute; left:3px; top:0px;
}
.menu22um			{left:0px; top:0px;}
.menu22um:link		{background-color:#0c0; color:#fff;}
.menu22um:visited	{background-color:#0c0; color:#fff;}
.menu22um:hover		{background-color:#0b0; color:#ff0;}
.menu22um::after	{content:'/'; font-weight:700; 
					position:absolute; left:7px; top:-1px; transform:rotate(20deg);
}
.menu22x			{background-color:#e00; color:#fff; right:0px; top:6px; width:20px}
.menu22x:link		{background-color:#ee00; color:#fff;}
.menu22x:visited 	{background-color:#e00; color:#fff;}
.menu22x:hover		{background-color:#f00; color:#fff;}
.menu22x::after		{content:'X'; font-size:0.6em; position:absolute; left:7px; top:1px;
}

a.minus {
background:			#f60; 
border-radius:		1em; 
color:				#fff;
display:			inline-block;
cursor:				pointer;
font-size:			3em;
font-weight:		400;
height:				24px;
margin-right:		4px;
padding-bottom:		1px;
text-align:			center;
width:				24px;
}

.play18 {width:18px; height:18px; display:inline-block}
.play18:link {background-color: #37f}
.play18:visited {background-color: #37f}
.play18:hover {background-color: #f50}
.play18:active {background-color: #37f}
.play18 {background-image: url('/images/play18.gif'); background-repeat:no-repeat
}

.play22 {width:22px; height:26px; display:inline-block}
.play22:link {background-color: #37f}
.play22:visited {background-color: #37f}
.play22:hover {background-color: #f50}
.play22:active {background-color: #37f}
.play22 {
	background-image: 		url('/images/play18.gif');
	background-position:	2px 4px;	
	background-repeat:		no-repeat;
}

.plus20 {
background:		#0c0; 
border-radius:	1em; 
cursor:			pointer;
height:			20px; 
position:		absolute; left:0px; top:0px; 
text-align:		center;
width:			20px;
}
.plus20:hover	{border-radius:0.4em;}
.plus20::after {
color:			#fff; 
content:		'+';
font-size:		1.8rem; 
position:		absolute; left:3px; top:1px;
}

.rndgn {
background:		#0d0;
border-radius:	1em;
cursor:			pointer;
display:		inline-block;
height:			20px; 
width:			20px; 
}
.rndgn:hover {background-color: #0f0;
}

.rnd0 {
// background-color:	#fff; 
border:				2px solid #bbb; 
border-radius:		1em; 
display:			inline-block; 
height:				8px; 
margin-top:			6px;
width:				8px;
} 
.rnd1 {
background-color:	#0f6; 
border:				2px solid #bbb; 
border-radius:		1em; 
display:			inline-block; 
height:				8px; 
margin-top:			6px; 
width:				8px;
} 

.rndrt {
background:		#d00;
border-radius:	1em;
cursor:			pointer;
display:		inline-block;
height:			20px; 
width:			20px; 
}
.rndrt:hover {background-color: #f00;
}

.rise	{
height:						0px;
overflow:					hidden;
transition:					width .3s, height .3s; 
transition-timing-function:	ease-in; 
//	white-space:				nowrap;
width:						0px;
}

.rio {
// background-color:	#fff;	// On = #0f6;
border:				2px solid #bbb; 
border-radius:		1em; 
display:			inline-block; 
height:				10px; 
width:				10px;
} 

.startbox {
	display:block;
	width:640px;
	position:relative;
	margin-top:30px;
	margin-right:0px;
	margin-left:20px;
}

.submit20	{display:inline-block; width:30px; height:20px; border:1px solid #ccc; background:#ff7; padding:0px 0px 0px 0px; font-weight:500; font-size:18px; color:#333; cursor:pointer
}

.swbl			{font-weight:400; color:#666}
.swbl:link		{font-weight:400; color:#666}
.swbl:visited	{font-weight:400; color:#666}
.swbl:hover		{font-weight:400; color:#06f}
.swbl:active	font-weight:400; {color:#666
}

a.tab1 {
	display:		inline-block;
	height:			24px;
	border:			1px solid #aaa;
	border-bottom:	0px;
	margin-right:	3px;
	padding:		2px 12px 0px 12px;
	font-size:		0.9em;
	color:			#333;
}
a.tab1:link		{background:#def}
a.tab1:visited	{background:#def}
a.tab1:hover	{underline; color:#03f}
a.tab1:active	{background:#fff
}

.tabinhalt {
	display:block;
	width:100%;
	min-height:500px;
	padding-top:50px;
	padding-bottom:20px;
	background:#fff;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:3px solid #aaa;
	position:relative
}

.togbox {
	display:block;
	width:640px;
	min-height:20px;
	background:#fff;
	position:relative;
	margin-left:150px;
	margin-top:60px;
	font-size: 0.9em;
	border-bottom:0px solid #aaa;
	padding:0px 0px 0px 0px;
}

.topnavi {display:inline; margin-left:8px; padding:0px 0px 0px 0px; border-bottom:1px solid #aaa; text-align:left; cursor:pointer; color:#666}
.topnavi:link {color:#666}
.topnavi:visited {color:#666}
.topnavi:hover {color:#333; border-bottom:2px solid #f60}
.topnavi:active {color:#666
}

.topnavo {display:inline; margin-left:8px; padding:0px 0px 0px 0px; border-top:0px solid #bbb; text-align:left; cursor:pointer; color:#666}
.topnavo:link {color:#666}
.topnavo:visited {color:#666}
.topnavo:hover {color:#000; padding-top:0px; border-top:3px solid #f60}
.topnavo:active {color:#666
}
.topnavu {display:inline; margin-left:8px; padding:0px 0px 0px 0px; border-bottom:0px solid #aaa; text-align:left; cursor:pointer; color:#666}
.topnavu:link {color:#666}
.topnavu:visited {color:#666}
.topnavu:hover {color:#000; padding:0px 0px 2px 0px; border-bottom:3px solid #f60}
.topnavu:active {color:#666
}

.um20 {
background:		#0c0; 
border-radius:	1em; 
cursor:			pointer;
height:			20px; 
font-weight:	700;
position:		absolute; left:0px; top:0px; 
text-align:		center;
width:			20px;
}
.um20:hover		{border-radius:0.4em;}
.um20::after	{
color:			#fff; 
content:		'/';
font-size:		1.2rem; 
position:		absolute; left:8px; top:0px;
transform:		rotate(25deg);
}

.um24 {
background:		#06f; 
border-radius:	1.5em; 
cursor:			pointer;
height:			1.5em; 
font-weight:	700;
position:		absolute; left:0px; top:0px; 
text-align:		center;
width:			1.5em;
}
.um24:hover		{border-radius:0.4em;}
.um24::after	{
color:			#fff; 
content:		'/';
font-size:		1.3rem; 
position:		absolute; left:36%; top:8%;
transform:		rotate(35deg);
}

.witog {		
margin-left:	0px;
overflow:		hidden;
padding-left:	0px;
transition:		0.3s;
white-space:	nowrap;
width:			0px;
}

.xclose, a.info {width:15px; height:15px; display:inline-block}
.xclose:link, a.info:link {background-color: #37f}
.xclose:visited, a.info:visited {background-color: #37f}
.xclose:hover, a.info:hover {background-color: #f50}
.xclose:active, a.info:active {background-color: #37f}
.xclose {background-image: url('/images/x15.gif'); background-repeat:no-repeat}
.info	{background-image: url('/images/i15.gif'); background-repeat:no-repeat}

.xclose30 {width:30px; height:30px; display:inline-block}
.xclose30:link, a.info:link {background-color: #37f}
.xclose30:visited, a.info:visited {background-color: #37f}
.xclose30:hover, a.info:hover {background-color: #f50}
.xclose30:active, a.info:active {background-color: #37f}
.xclose30 {background-image: url('/images/x30.gif'); background-repeat:no-repeat
}

.xclose36 {width:30px; height:30px; border:3px solid #fff; display:inline-block}
.xclose36:link, a.info:link {background-color: #37f}
.xclose36:visited, a.info:visited {background-color: #37f}
.xclose36:hover, a.info:hover {background-color: #f50}
.xclose36:active, a.info:active {background-color: #37f}
.xclose36 {background-image: url('/images/x30.gif'); background-repeat:no-repeat
}

a.zubox {
// border:			1px solid #aaa; border-top:0px; border-right:0px;
color:			#aaa;
cursor:			pointer;
display:		inline-block;
font-size:		1.8em;
font-weight:	400;
// height:			28px;
padding:		0px 0px 0px 0px;
position:		absolute; top:4px; right:4px;
text-align:		center;
vertical-align:	top;
// width:			22px;
}