
.btnarea{padding:0 5px 0 5px; text-align:center; font-family:Trebuchet MS; font-size:10px; color:#4F4F4F; line-height:16px;}
	.btnarea .btn{margin-left:auto; margin-right:auto;}
	.btnarea a{color:#4F4F4F; text-decoration:none;}
	.btnarea a:hover{text-decoration:underline;}

/*=BUTTON============ []=optional classes/css overwriting ===
html-code: <a id="bla" class="btn [r2-9px] [btntype] " href="#" hidefocus="true"><div><div><div> TEXT </div></div></div></a>
[css: #bla,#bla div{width:XYZpx; background-image:url(XYZ); color:XYZ; font-size:XYZpx; line-height:XYZpx;}   ]
=====================*/
/*=== normal button is starting with 'A' at botleft and the divs following counterclockwise ===*/
	a.btn {width:260px; margin-top:10px; left:-5px; color:white; font-weight:bold; font-size:20px; line-height:22px;}
	a.btn, a.btn div {position:relative; display:block!important; background-image:url(http://j9.rnhh.de/93/93da7ce3ad7324ffd6bfdbe84a42c8d5.png); background-position:left bottom!important; text-align:center; outline:none; text-decoration:none!important; cursor:pointer; overflow:visible;}
	a.btn div {left:10px; top:0px; background-position:right bottom!important; background-image:inherit; width:inherit; height:100%;/*<=IEquirks*/ height:auto;}
	a.btn div div {left:0px; top:-10px; background-position:right top!important;}
	a.btn div div div{left:-10px; top:0px!important; background-position:left top!important; padding:5px 0 0 0; overflow:hidden;}
	a.btn div div div div{width:auto; left:0px; background:none;} /*overwriting bg for any additional div within the copy-area (for formatting/borders whatever)*/
/*==END OF BUTTON==*/



/*=normal buttontypes (button-images and font-styles) */
	a.greybtn, a.greybtn div {background-image:url(http://a1.rnhh.de/ea/ea13fe06d0c4fcbe1512e69f72c96038.png); color:#4b4b4b; font-size:16px; line-height:28px;}
	a.greybtn:hover, a.greybtn:hover div{background-image:url(http://a0.rnhh.de/b1/b1b88c54af0fc0fb5f5af060b0bb5ae0.png);}
	a.greenbtn, a.greenbtn div {background-image:url(http://a1.rnhh.de/9d/9dc68021705a5c565ea40df19ff16501.png); color:#FFF;}
	a.orangebtn, a.orangebtn div {background-image:url(http://a0.rnhh.de/08/08456e635bf838aeed8acea7385d2438.png); color:#5C4215;}
	a.bluebtn, a.bluebtn div {background-image:url(http://a1.rnhh.de/94/94b1eced386209b4a683506d35211478.png);}
	a.greenembossed, a.greenembossed div {font-size:22px; line-height:36px; background-image:url(http://a0.rnhh.de/68/68bc7fed3aae29d4b30ea665db6cc6ca.png);}
	a.redembossed, a.redembossed div {font-size:22px; line-height:36px; background-image:url(http://a0.rnhh.de/25/255d2e9f465d979e7e34a591dc1839ce.png);}
	a.bluebtn_shiny, a.bluebtn_shiny div {background-image:url(http://a1.rnhh.de/ac/ac6783d51adeb558030bf83bfe86de6c.png);}
	a.greenbtn_shiny, a.greenbtn_shiny div {background-image:url(http://a1.rnhh.de/30/30f826297ef2fa5f0731430e88fdd0d6.png);}
		/*arrow  greenembossed -->*/ a.btn div div div .arrow {/*max-width:78%;*/ padding:5px 0px 5px 60px; background:url(http://a1.rnhh.de/a3/a38a1dc15cb8cd9535b494f241911617.png) 10px 7px no-repeat!important; text-align:left; min-height:30px;}
		/*arrow encircled blue -->*/ a.btn div div div .arrow.circled.blue {background:url(http://a0.rnhh.de/6f/6f068158958b29387aceebb6efc3b5f9.png) 5px 2px no-repeat!important; min-height:40px;}
		/*arrow encircled green-->*/ a.btn div div div .arrow.circled.green {background:url(http://a0.rnhh.de/6f/6f068158958b29387aceebb6efc3b5f9.png) 5px -198px no-repeat!important; min-height:40px;}
		/*arrow green bumerang-->*/a.btn div div div .arrow.greenbumerang {margin-top:8px; padding:3px 10px 3px 50px; background:url(http://a1.rnhh.de/c3/c34d267465be11b0822abb1117a357f9.png) 10px center no-repeat!important; text-align:left;}
		/*arrow green bumerang right-->*/a.btn div div div .arrow.greenbumerang.right {margin-top:8px; padding:3px 50px 3px 10px; background:url(http://a1.rnhh.de/c3/c34d267465be11b0822abb1117a357f9.png) 99% center no-repeat!important; text-align:center;}
/*=/normal buttontypes*/



/*= this special button has a "dog-ear" at the topright and the order of the a/div's is: botleft/botright/topleft/topright */
	a.greybtn_leaf_right, a.greybtn_leaf_right div {background-image:url(http://a0.rnhh.de/b4/b4fb7c222cf5e63f6dce2eb8bf621a06.png);}
	a.greybtn_leaf_right div div {left:-10px; top:-10px; background-position:left top!important;}
	a.greybtn_leaf_right div div div{top:0px; left:10px; background-position:right top!important;}
/*=============*/




/*====classes for other radiuses===*/
/*==2px==*/
	a.btn.r2px div {left:2px; top:0px;}
	a.btn.r2px div div {left:0px; top:-2px;}
	a.btn.r2px div div div{left:-2px; top:0px; padding:2px 0 0 0;}
/*==2px==*/

/*==3px==*/
	a.btn.r3px div {left:3px; top:0px;}
	a.btn.r3px div div {left:0px; top:-3px;}
	a.btn.r3px div div div{left:-3px; top:0px; padding:3px 0 0 0;}
/*==3px==*/

/*==4px==*/
	a.btn.r4px div {left:4px; top:0px;}
	a.btn.r4px div div {left:0px; top:-4px;}
	a.btn.r4px div div div{left:-4px; top:0px; padding:4px 0 0 0;}
/*==4px==*/

/*==5px==*/
	a.btn.r5px div {left:5px; top:0px;}
	a.btn.r5px div div {left:0px; top:-5px;}
	a.btn.r5px div div div{left:-5px; top:0px; padding:5px 0 0 0;}
/*==5px==*/

/*==6px==*/
	a.btn.r6px div {left:6px; top:0px;}
	a.btn.r6px div div {left:0px; top:-6px;}
	a.btn.r6px div div div{left:-6px; top:0px; padding:5px 0 0 0;}
/*==6px==*/

/*==7px==*/
	a.btn.r7px div {left:7px; top:0px;}
	a.btn.r7px div div {left:0px; top:-7px;}
	a.btn.r7px div div div{left:-7px; top:0px; padding:5px 0 0 0;}
/*==7px==*/

/*==8px==*/
	a.btn.r8px div {left:8px; top:0px;}
	a.btn.r8px div div {left:0px; top:-8px;}
	a.btn.r8px div div div{left:-8px; top:0px; padding:5px 0 0 0;}
/*==8px==*/

/*==9px==*/
	a.btn.r9px div {left:9px; top:0px;}
	a.btn.r9px div div {left:0px; top:-9px;}
	a.btn.r9px div div div{left:-9px; top:0px; padding:5px 0 0 0;}
/*==9px==*/

/*==28px==*/
	a.btn.r28px {top:28px; margin-bottom:28px;}
	a.btn.r28px div {left:28px; top:0px;}
	a.btn.r28px div div {left:0px; top:-28px;}
	a.btn.r28px div div div{left:-28px; top:0px; padding:5px 0 0 0;}
/*==28px==*/





/*=Test-buttons for buttons.tt*/
	a.test, a.test div {background-image:url(http://a0.rnhh.de/404.png);}
	a.test.r2px, a.test.r2px div {background-image:url(http://a0.rnhh.de/404.png);}
	a.test.r3px, a.test.r3px div {background-image:url(http://a0.rnhh.de/404.png);}
	a.test.r4px, a.test.r4px div {background-image:url(http://a0.rnhh.de/404.png);}
	a.test.r5px, a.test.r5px div {background-image:url(http://a0.rnhh.de/404.png);}
	a.test.r6px, a.test.r6px div {background-image:url(http://a0.rnhh.de/404.png);}
	a.test.r7px, a.test.r7px div {background-image:url(http://a0.rnhh.de/404.png);}
	a.test.r8px, a.test.r8px div {background-image:url(http://a0.rnhh.de/404.png);}
	a.test.r9px, a.test.r9px div {background-image:url(http://a0.rnhh.de/404.png);}
/*=/Test-buttons*/

