@charset "utf-8"; 

/*
 * Allvatar, Mymmo GmbH
 * http://www.allvatar.com
 *
 * Author: Gedankengut.de
 * Date: 2009-09
 *  * $Id: screen.css 2822 2011-11-30 14:28:57Z godmod $
 */
 
/*****
** Eigene Fonts
*****/

@font-face {  
	font-family: 'Arial Black';
	src: url('../fonts/arialBlack.eot');
	src: local('Arial Black'), url('../fonts/arialBlack.ttf') format('truetype');
}
 
/*****
** Clearing und allgemeine Definitionen
*****/

.clearfix:after		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 			{ display: inline-block; }
* html .clearfix	{ height: 1%; }
.clearfix			{ display: block; }

.clear		{ clear: both; }
.hide		{ display: none; }
.invisible	{ visibility: hidden; }
.float		{ float: left; }
.floatL		{ float: left; }
.floatR		{ float: right; }
.floatNo	{ float: none !important; }
.left		{ text-align: left; }
.right		{ text-align: right !important; }
.center		{ text-align: center !important; }
.vCenter, .middle { vertical-align: middle !important; }
.top		{ vertical-align: top !important; }
.bottom		{ vertical-align: bottom; }
.nowrap		{ white-space: nowrap; }
.bold		{ font-weight: bold; }
.normal		{ font-weight: normal; }
.italic		{ font-style: italic; }
.noBorder	{ border: none !important; }
.noBg		{ background: none !important; }
.noBgImg	{ background-image: none !important; }
.noMargin	{ margin: 0 !important; }
.noPadding	{ padding: 0; }
.small		{ font-size: 0.833em; line-height: 0.833em; margin: 0; padding: 0; }
.middle		{ font-size: 0.916em; line-height: 1.3em; }
.tiny		{ font-size: 0.89em; }
.tinyGrey	{ font-size: 0.90em; color: #666666 !important; }
.grey		{ color: #666666 !important; }
.red		{ color: #ae0001 !important; }
.black		{ color: #000000 !important; }
.noLBorder	{ border-left: 0 !important; }
.noRBorder	{ border-right: 0 !important; }
.noTBBorder	{ border-top: 0 !important; border-bottom: 0 !important; }
.noBBorder	{ border-bottom: 0 !important; }
.noTBorder	{ border-top: 0 !important; }
.block		{ display: block; }
.signatur, .signatur a {color:#999 !important; }

/*****
** Container und Elemente
*****/

body		{ font-size: 68.75%; font-family: Arial, Helvetica; color: #333333; background: url(/inc/images/bg-portal-rot.jpg) center 24px no-repeat #000; padding: 0; margin: 0; padding-top: 24px ; padding-right: 20px;}

img 		{ border: 0; }
:focus		{ outline: 0; }

p			{ padding: 0; margin: 1.0em 0; }
hr			{ color: #fff; background-color: #fff; border: 1px solid #c4c4c4; border-style: none none solid; }
table		{ border-collapse: separate; border-spacing: 5px; font-size: 1em; }
table td, table th { text-align: left; vertical-align: top; }

a			{ color: #333333; text-decoration: none; cursor: pointer; }
a:hover		{ text-decoration: underline; }
a.fbFan		{ padding-left: 18px; background: url(/inc/images/icFacebookS.gif) left center no-repeat; margin-left: 6px; }
a.twFollow	{ padding-left: 18px; background: url(/inc/images/icTwitterS.gif) left center no-repeat; position: absolute; margin-left: 195px; }
a.tiny		{ color: #ae0001; }
.notice .clear a {font-weight:bold; color:#C91117 !important;}

select		{ border: 1px solid #666; border-bottom-color: #8c8c8c; border-top-color: #8c8c8c; background: url(/inc/images/bgSelect.gif) repeat-x #dcdcdc; }

.round		{ -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.round5		{ -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.round10	{ -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.round13	{ -moz-border-radius: 13px; -webkit-border-radius: 13px; }
.round13R	{ -moz-border-radius-topright: 13px; -moz-border-radius-bottomright: 13px; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-right-radius: 13px; -webkit-border-bottom-right-radius: 13px; }

.borderTop				{ border-top: 1px solid #c4c4c4; margin-top: 1em; padding-top: 1em; }
#col1Content .borderTop { margin-top: 0.5em; padding-top: 0.5em; }
.borderBottom			{ border-bottom: 1px solid #c4c4c4; margin-bottom: 1em; padding-bottom: 1em; }
.prototip .borderTop, .prototip .borderBottom { border: none; }
.prototip textarea		{ width: 145px; }
.prototip a				{ color: #c1282d; }

.red	{ color: #c1282d; }
.black	{ color: #000 !important; }

.cntBox			{ background-color: #fff; padding: 20px; }
.boxContent		{ margin-bottom: 30px; }
.team {color:#900 !important;}


#col1Content .cntBox				{ margin-right: 20px; margin-top: 20px; padding: 10px 13px; }
#col1Content .cntBox table			{ border-collapse: collapse; width: 100%; }
#col1Content .cntBox table.separate	{ border-collapse: separate; }

#bannerTop		{ position: absolute; margin: 0px 0 0 247px; }
#bannerLeft		{ width: 300px; }
#bannerRight	{ position: absolute; margin-left: 985px; top: 503px; }

#infoBar						{ background: url(/inc/images/bgInfoBar.gif) repeat-x scroll 0 0 transparent; position:fixed; top:0; height: 24px; width: 100%; padding-left: 112px; line-height: 24px; overflow: hidden; z-index:100;}
#infoBar #alvLogoTop			{ position: absolute; left: 9px; }
#infoBar #gamonaPartner			{ position: absolute; right: 0px; padding-right: 112px; }
#infoBar div					{ padding: 0; float: left; }
#infoBar div.spacer				{ background: url(/inc/images/infoBarSpacer.gif) top left no-repeat; }
#infoBar #mainSearch			{ margin: 2px 10px 0 20px; }
#infoBar #alvSearch1 			{ background: url(/inc/images/bgInfoBarSearch.gif) no-repeat; display: block; width: 136px; height: 19px; border: none; background-color: none; padding: 1px 20px 0 15px; font-size: 11px; }
#infoBar #mainSearch .go		{ position: absolute; display: block; width: 15px !important; height: 15px; border: none; margin: 3px 0 0 155px; background: none; cursor: pointer; }
#infoBar #language				{ margin: 1px 20px 0 10px; }

#infoBar div.spacer a			{ padding: 0 30px 0 20px; font-size: 10px; color: #4e4e4e; font-weight: bold; text-decoration: none !important; height: 24px; display: block; }
#infoBar div a.dropdown			{ background: url(/inc/images/infoBarArrow.gif) right 10px no-repeat; }
#infoBar div a.dropdown2		{ background: url(/inc/images/infoBarArrow.gif) right 10px no-repeat; }
#infoBar div .dropContent		{ display: none; }
#infoBar div .dropContent2		{ display: none; }

#portals			{ list-style: none; margin: 0; padding: 0; position: absolute; margin-top: 24px; z-index: 1000; }
#portals li			{ margin: 0; padding: 0; border: 1px solid #65605a; border-top: none; }
#portals li.border	{ border-top: 1px solid #65605a; }
#portals a			{ background-color: #aeaeae; width: 145px; }
#portals a:hover	{ background-color: #bababa; }


#mainCnt		{ width: 1080px; margin: 0 auto; }
	#logo			{ position: absolute; margin: 48px 0 0 710px; z-index: 89; }
	.pageTab		{ position: absolute; background-color: #8d0709; text-transform: uppercase; padding: 5px 15px 8px 15px; color: #fff; font-size: 0.93em; }
	#lang			{ position: absolute; margin: 40px 0 0 910px; z-index: 90; }
	#pageCnt		{ width: 975px; margin-top: 105px; }
	#navActive		{ position: absolute; margin: -15px 0 0 0; z-index: 5; }
	#navigation		{ background: url(/inc/images/bgNavigation.png) no-repeat; margin-bottom: -20px; height: 95px; padding-top: 32px; }
		#nav1				{ position: absolute; margin: -15px 0 0 110px; width: 150px; height: 56px; overflow: hidden; }
		#nav2				{ position: absolute; margin: -15px 0 0 280px; width: 150px; height: 56px; overflow: hidden; }
		#nav3				{ position: absolute; margin: -15px 0 0 450px; width: 150px; height: 56px; overflow: hidden; }
		#nav1 .mainLink		{ position: absolute; text-indent: -300em; float: left; width: 80px; height: 20px; margin-top: -25px; }
		#nav2 .mainLink		{ position: absolute; text-indent: -300em; float: left; width: 110px; height: 20px; margin-top: -25px; }
		#nav3 .mainLink		{ position: absolute; text-indent: -300em; float: left; width: 54px; height: 20px; margin-top: -25px; }
		#navigation ul		{ padding: 10px 12px 10px 8px; list-style: none; }
		#navigation ul ul	{ list-style: none; margin: 28px 0 0 0; padding: 0; }
		#navigation ul ul li{ display: inline; border-left: 1px solid #fff; padding-left: 3px; }
		#navigation ul ul li:first-child { padding-left: 0; border: none; }
		#navigation ul ul a	{ font-family: Arial, Helvetica; font-size: 9px; letter-spacing: 0; text-transform: none; color: #fff; }
		#breadcrumb			{ position: absolute; margin: 50px 0 0 122px; color: #fff; font-size: 10px; }
		#breadcrumb a		{ color: #fff; }
	#content		{ background-color: #ccc; }
		#teaser		{ background: url(/inc/images/bgMain1.jpg) top left no-repeat; }
		#teaserSmall		{ position: absolute; margin: 45px 0 0 20px; }
		#teaserSmall ul		{ padding: 0; margin: 0; list-style: none; }
		#teaserSmall ul li	{ display: none; }
		#teaserBox			{ position: absolute; width: 500px !important; height: 175px; margin: 45px 0 0 455px; }
    	#teaserBox h1		{ padding: 0; margin: 3px 0 0 0; font-weight: bold; font-size: 20px; color: #333333; font-family: "Arial Black"; line-height: 22px; }
    	#teaserBox h2		{ padding: 0; margin: 0; font-weight: bold; font-size: 12px; color: #c00d13; font-family: "Arial Black"; line-height: 14px; }
    	#teaserBox p		{ margin-top: 5px; }
    	#teaserBox .news	{ background: url(/inc/images/bgTeaserBox.png) no-repeat; padding: 15px 50px 0 15px; width: 270px; height: 160px; }
    	#teaserBox .news div{ display: none; }
    	#teaserCtrl			{ position: absolute; margin: 145px 0 0 15px; }
    	#teaserCtrl a		{ float: left; background-color: #cacaca; width: 18px; height: 18px; text-align: center; margin-right: 6px; line-height: 18px; text-decoration: none; color: #fff; font-weight: bold; }
    	#teaserCtrl a.active{ background-color: #797979; }
    	#col1				{ width: 975px; margin-top: 243px; }
    	#col1Content		{ float: left; width: 300px;  }

   		#subNavigation			{ background: url(/inc/images/bgSubNavigationH2.png) top right repeat-y; margin: 18px 0 0 125px; padding: 10px 0 40px 0; }
   		#subNavigation ul		{ list-style: none; margin: 0; padding: 0; }
   		#subNavigation li		{ margin: 0; padding: 0; text-align: right; }
   		#subNavigation a		{ padding: 3px 10px; float: left; width: 155px; color: #000; font-size: 1.3em; text-decoration: none; }
   		#subNavigation a:hover	{ color: #c1282d; }
   		#subNavigation a.active	{ background: #fff; }
   		#subNavigation a.header	{ background: url(/inc/images/bgSubNavHeader.png) repeat-y; margin-bottom: 3px; color: #fff; font-weight: bold; text-align: left; cursor: default; padding: 2px 15px 3px 10px; }
   		#subNavigation ul ul a	{ font-size: 1.2em }

    		#col1Content h1			{ color: #333333; font-size: 1.8em; margin: 0; padding: 0; font-family: "Arial Black", Arial; margin-left: 6px; }
    	#col2			{ float: left; width: 675px; background: url(/inc/images/bgCol3.gif) right 10px no-repeat; }
    	#col2Content	{ float: left; width: 450px; overflow: hidden; }
    		#col2Content h1		{ color: #333333; font-size: 2.6em; margin: 0; padding: 0; font-family: "Arial Black", Arial; line-height: 1.0em; }
    		#col2Content h2		{ color: #333333; font-size: 1.5em; margin: 0; padding: 0 30px 0 0; font-family: "Arial Black", Arial; line-height: 1.0em; }
    		#startRss				{ position: absolute; margin: 11px 0 0 241px; }
			#startTwitter			{ position: absolute; margin: 11px 0 0 264px; }
			#startFacebook			{ position: absolute; margin: 11px 0 0 287px; }
			#startYT				{ position: absolute; margin: 11px 0 0 310px; }
    	#col3Content	{ float: right; width: 195px; padding: 10px 10px 20px 20px; overflow: hidden; }

#col1.tplDetail #col1Content		{ width: 180px; }
#col1.tplDetail #col2				{ width: 795px; }
#col1.tplDetail #col2Content		{ width: 570px; }
#col1.tplDetail #subNavigation		{ margin-left: 5px; }
#col1.tplDetail #col2Content h1 	{ width: 530px; margin: 10px 0 0 0; font-size: 2.4em; }
#col2Content .newsBox							{ font-size: 1.1em; }
#col2Content .userImg							{ position: absolute; width: 20px; height: 20px; z-index: 10; }
#col2Content .newsBox .userImgLayer				{ position: absolute; width: 21px; height: 21px; background: url(/inc/images/layerImg3.png) no-repeat; padding: 0; margin: 0; z-index: 11; }
#col2Content .newsBox .userImgLayer .imgLink	{ float: left; width: 21px; height: 21px; text-decoration: none !important; }
#col2Content .newsBox .author 					{ font-size: 10px; }

#col1.tplFull #col2				{ width: 975px; }
#col1.tplFull #col2Content		{ width: 730px; margin-left: 20px; }

#avatarInfo					{  }
#avatarInfo span			{ font-size: 11px; float: right; margin-right: 5px; font-weight: bold; color: #333333; }
#avatarInfo span,
#avatarInfo .bubbleSmall	{ margin-bottom: 3px; }
#avatarInfo .notifier		{ margin: -5px 0 0 43px; }
#avatarInfo .userImg		{ position: absolute; width: 55px; height: 55px; margin-top: 3px; }
#avatarInfo .userImgLayer	{ position: absolute; width: 52px; height: 51px; background: url(/inc/images/layerImg1.png) no-repeat; margin-top: 3px; padding: 2px; }
#avatarInfo .userImgLayerGrey 	{ position: absolute; width: 52px; height: 51px; background: url(/inc/images/layerImg1grey.png) no-repeat; margin-top: 3px; padding: 2px;  }
#avatarInfo .userImgLayer .imgLink, #avatarInfo .userImgLayerGrey .imgLink	{ float: left; height: 45px; width: 52px; text-decoration: none !important; }
#avatarInfo .bar1			{ clear: both; }
#avatarInfo .bar1,			
#avatarInfo .bar2			{ height: 3px; overflow: hidden; background-color: #66cc33; margin-top: 1px; }
#avatarInfo .bar2			{ background-color: #6699ff; }
#avatarInfo .leftInfo		{ position: absolute; margin-top: 1px; font-size: 11px; float: left; font-weight: bold; color: #333333;  }

.forumAvatar .notifier		{ margin: 0px 0 0 75px; }
.forumAvatar .userImage		{ position: absolute; width: 83px; height: 83px; margin-top: 3px; }
.forumAvatar .userImgLayerGrey 	{ position: absolute; width: 80px; height: 79px; background: url(/inc/images/layerImg1grey.png) no-repeat; margin-top: 3px; padding: 2px;  }
.forumAvatar .userImgLayerGrey .imgLink	{ float: left; height: 73px; width: 80px; text-decoration: none !important; }
.forumAvatar  .bar1			{ clear: both; }
.forumAvatar  .bar1,			
.forumAvatar  .bar2			{ height: 3px; overflow: hidden; background-color: #66cc33; margin-top: 1px; }
.forumAvatar  .bar2			{ background-color: #6699ff; }

#userInfo				{ line-height: 1.5em; }
#userInfo div.floatL	{ width: 122px; }
#userInfo div.floatR 	{ width: 258px; }
#userInfo .userImg		{ position: absolute; width: 121px !important; height: 122px !important; z-index: 10; }
#userInfo .userImgLayer	{ position: absolute; width: 121px; height: 122px; background: url(/inc/images/layerImg5.png) no-repeat; padding: 0; margin: 0; z-index: 11; }
#userInfo .imgLink		{ float: right; height: 122px; width: 121px; text-decoration: none !important; }
.after					{ margin-top: 140px; }

#activity				{ border: 1px solid #999; background-color: #ccc; height: 13px; overflow: hidden; }
#activity div			{ background-color: #3399ff; }

#completeProfile		{ border: 1px solid #999; background-color: #ccc; height: 13px; overflow: hidden; }
#completeProfile div	{ background-color: #66cc33; }

#amotes					{ background-color: #e9e9e9; padding: 4px 10px 0 15px; margin: 10px 0; }
#amotes a				{ color: #333333; }
#amotes .borderBottom	{ margin-bottom: 0; padding-bottom: 5px; }
#amotes .bubble11		{ margin-top: 1px; }

.hr 						{ background: url(/inc/images/hrFeatures.gif) top left repeat-x; overflow: hidden; height: 1px; margin: 5px 0; }
.hr_sig 						{ border-bottom:1px #999 dashed; height: 1px; margin: 5px 0; }

table.visuals				{ border-collapse: collapse; width: 100%; margin-top: 10px; }
table.visuals td			{ width: 50%; }
table.visuals td a			{ text-decoration: none !important; }
table.visuals td h2			{ margin: 0; padding: 0 0 3px 0 !important; font-family: "Arial Black", Arial; font-size: 1.35em; line-height: 1.2em; }
table.visuals td div		{ background-color: #efefef; padding: 5px 2px 5px 7px; margin: 5px 0 0 5px; cursor: pointer; }
table.visuals tr td:first-child div { margin-left: 0; }
table.visuals td.wol div	{ background: url(/inc/images/logoWol.png) 115px 3px no-repeat #efefef; }
table.visuals td.botb div	{ background: url(/inc/images/arrowWhiteRed.gif) 10px 17px no-repeat #c10f14; color: #fff; }
table.visuals td.alv div	{ background: url(/inc/images/arrowWhiteRed.gif) 10px 17px no-repeat #c10f14; color: #fff !important; position: relative; z-index: 1; }
table.visuals td.alvReg div	{ background: url(/inc/images/arrowWhiteGrey.gif) 10px 17px no-repeat #999999; color: #fff; }
table.visuals td img		{ position: absolute; margin: -12px 0 0 115px; cursor: pointer; }
table.visuals td.alv img	{ margin: -5px 0 0 145px; position: absolute; z-index: 2; }
table.visuals td.botb h2	{ width: 95px; padding: 5px 0 6px 20px !important; color: #fff !important; }
table.visuals td.alv h2		{ width: 120px; padding: 5px 0 6px 20px !important; font-size: 1em !important; }
table.visuals td.alv h2 a	{ color: #fff !important; }
table.visuals td.alvReg h2	{ width: 95px; padding: 3px 0 5px 20px; font-size: 1.1em; line-height: 1.1em; }

table.avatarDetails			{ width: 100%; border-collapse: collapse; }
table.avatarDetails td		{ border-bottom: 1px solid #d7d7d7; padding: 3px 5px; }

.overview1					{ font-size: 0.916em; }
.overview1 td				{ text-align: left; vertical-align: middle; font-weight: bold; border-bottom: 1px solid #c4c4c4; padding: 0; height: 55px; }
.overview1 tr:first-child td{ border-top: 1px solid #c4c4c4; }
.overview1 .col1			{ text-align: center; width: 95px; }
.overview1 .col2			{ width: 75px; font-size: 1.3em; }
.overview1 .col3			{ text-align: right; font-size: 1.7em; padding-right: 6px; }

.overview2					{ font-size: 0.916em; }
.overview2 td				{ text-align: left; vertical-align: top; border-bottom: 1px solid #c4c4c4; padding: 0; padding-bottom: 10px; }
.overview2 th				{ border-top: 1px solid #c4c4c4; padding: 0 0 0 8px; text-align: left; height: 30px; font-weight: bold; padding-top: 10px; font-size: 1.1em; }
.overview2 .col1			{ text-align: center; width: 95px; }
.overview2 .col2			{ font-size: 1em; }
.overview2 .col2 a			{ color: #4e4e4e; }
.overview2 .col2 a.floatR	{ margin-right: 13px; }
.overview2 .bubble			{ margin-right: 4px; }

.overview3					{ font-size: 0.916em; }
.overview3 td				{ text-align: left; vertical-align: middle; border-bottom: 1px solid #c4c4c4; padding: 0; height: 75px; }
.overview3 .col1			{ width: 65px; text-align: center; }
.overview3 .col2 p.middle	{ margin: 3px 0; }
.overview3 .col2 .gameLogo	{ position: absolute; margin-left: 112px; }
.overview3 .col2 .gameLogo2	{ position: absolute; margin: -30px 0 0 112px; }

.overview4					{ font-size: 0.916em; }
.overview4 td				{ border-bottom: 1px solid #c4c4c4; padding: 10px 0 5px 0; vertical-align: middle; }
.overview4 td .gameLogo		{ position: absolute; margin-left: 110px; }

.newsBox					{ margin-bottom: 15px; }
.newsBox .author			{ border-bottom: 1px solid #c4c4c4; }
.newsBox .author span		{ font-size: 10px; color: #4e4e4e; background-color: #fff; padding: 1px 3px 1px 0; position: absolute; margin-top: 3px; }
.newsBox .newsTitle			{ font-size: 1.3em; font-weight: bold; padding: 10px 0; float: left; width: 370px;}
.newsBox .newsImg			{ float: left; width: 100px; }
.newsBox .newsTxt			{ float: right; width: 280px; }
.newsBox .bubble			{ margin: 5px 0; }
.newsBox.short				{ margin-bottom: 0; }

.social48					{ width: 32px; height: 17px; background: url(/inc/images/spriteBubbles.png) no-repeat; color: #fff; font-weight: bold; text-align: center; padding-left: 0; line-height: 17px; font-size: 1.2em; text-decoration: none !important; overflow: hidden; }
.social48.rss				{ background-position: left 0; padding-left: 7px; }
.social48.twitter			{ background-position: left -17px; padding-left: 7px; }
.social48.facebook			{ background-position: right -34px; padding-left: 7px; }
.social48.yt				{ background-position: right -51px; padding-left: 7px; }

.social18					{ width: 18px; height: 18px; background: url(/inc/images/sprites_social_18.png) no-repeat; color: #fff; font-weight: bold; text-align: center; padding-left: 0; line-height: 17px; font-size: 1.2em; text-decoration: none !important; overflow: hidden; }
.social18.rss				{ background-position: top 0; padding-left: 7px; }
.social18.twitter			{ background-position: 0px -23px; padding-left: 7px; }
.social18.facebook			{ background-position: 0px -45px; padding-left: 7px; }
.social18.yt				{ background-position: 0px -67px; padding-left: 7px; }


.bubble				{ width: 32px; height: 17px; background: url(/inc/images/spriteBubbles.png) no-repeat; color: #fff; font-weight: bold; text-align: center; padding-left: 0; line-height: 17px; font-size: 1.2em; text-decoration: none !important; overflow: hidden; }
.bubble.bubble1		{ background-position: left 0; padding-left: 7px; }
.bubble.bubble2		{ background-position: left -17px; padding-left: 7px; }
.bubble.bubble3		{ background-position: right -34px; }
.bubble.bubble4		{ background-position: right -51px; }
.bubble.bubble5		{ background-position: right -68px; }
.bubble.bubble6		{ background-position: right -85px; width: 15px; height: 14px; line-height: 12px; }
.bubble.bubble7		{ background-position: right -99px; width: 15px; height: 14px; text-indent: -300em; margin: 14px 0 0 5px; }
.bubble.bubble8		{ background-position: right -113px; width: 15px; height: 14px; text-indent: -300em; margin: 14px 0 0 5px; }
.bubble.bubble9		{ background-position: right -127px; width: 15px; height: 14px; text-indent: -300em; margin: 14px 0 0 5px; }
.bubble.bubble10	{ background-position: right -141px; width: 15px; height: 14px; text-indent: -300em; margin: 14px 0 0 5px; }
.bubble.bubble11	{ background: url(/inc/images/iconMenu.png) top left no-repeat; width: 74px; height: 18px; text-indent: -300em; margin: 11px 0 0 34px; overflow: visible; }
.bubble.bubble12	{ background-position: right -169px; width: 15px; height: 14px; text-indent: -300em; margin: 14px 0 0 5px; }
.bubble.bubble13	{ background: url(/inc/images/bubbleWide.png) top left no-repeat; padding-left: 7px; width: 43px; color: #fff !important; }
.bubble.bubble14	{ background-position: right -184px; width: 15px; height: 14px; text-indent: -300em; margin: 14px 0 0 5px; }
#col1Content .bubble.bubble11 { margin-top: 9px; }
a.bubble.bubble6 { color: #ffffff !important; }

.bubbleSmall			{ width: 21px; height: 11px; background: url(/inc/images/spriteBubblesSmall.png) no-repeat; color: #fff; font-weight: bold; text-align: center; padding-left: 0; line-height: 11px; font-size: 10px; text-decoration: none !important; overflow: hidden; }
.bubbleSmall.bubble1	{ background-position: right 0; }
.bubbleSmall.bubble2	{ background-position: right -11px; }
.bubbleSmall.bubble3	{ background-position: right -22px; }


.notifier		{ position: absolute; background: url(/inc/images/iconBlueDot.png) no-repeat; float: left; width: 26px; height: 26px; line-height: 26px; font-size: 1em; text-decoration: none !important; font-weight: bold; text-align: center; color: #fff; z-index: 10; }
.notifier		{ position: absolute; background: url(/inc/images/iconBlueDot.png) no-repeat; float: left; width: 26px; height: 26px; line-height: 26px; font-size: 1em; text-decoration: none !important; font-weight: bold; text-align: center; color: #fff; z-index: 10; }
.notfierGrey {background: url(/inc/images/iconGreyDot.png) no-repeat !important;}
.notfierGreen {background: url(/inc/images/user_online_dot.gif) no-repeat !important;}
.notfierRed {background: url(/inc/images/iconRedDot.png) no-repeat !important;}
#notifierInfo		{ position: absolute; z-index: 11; margin: -25px 0 0 68px; width: 136px; display: none; }
#notifierInfo ul	{ padding: 0; margin: 0 8px; list-style: none; }
#notifierInfo .ni1	{ width: 100%; height: 6px; background: url(/inc/images/bgHintTop.png); }
#notifierInfo .ni2	{ width: 100%; background: url(/inc/images/bgHintMain.png); }
#notifierInfo .ni3	{ width: 100%; height: 10px; background: url(/inc/images/bgHintBottom.png); }


#FriendsOnlineInfo		{ position: absolute; z-index: 11; margin: 4px 0 0 68px; width: 136px; display: none; }
#FriendsOnlineInfo ul	{ padding: 0; margin: 0 8px; list-style: none; }
#FriendsOnlineInfo .ni1	{ width: 100%; height: 6px; background: url(/inc/images/bgHintTop.png); }
#FriendsOnlineInfo .ni2	{ width: 100%; background: url(/inc/images/bgHintMain.png); }
#FriendsOnlineInfo .ni3	{ width: 100%; height: 10px; background: url(/inc/images/bgHintBottom.png); }

#shoutboxNav					{ background: url(/inc/images/bgShoutbox.png) no-repeat; width: 186px; padding: 20px 0; margin-top: -32px; }
#shoutboxNav.act1				{ background-position: 0 0; }
#shoutboxNav.act2				{ background-position: -186px 0; }
#shoutboxNav a					{ float: left; width: 93px; text-align: center; padding: 6px 0; font-weight: bold; }
#shoutboxNav.act1 a				{ color: #fff; }
#shoutboxNav.act1 a:first-child	{ color: #000; }
#shoutboxNav.act2 a				{ color: #000; }
#shoutboxNav.act2 a:first-child	{ color: #fff; }
#shoutboxForm					{ width: 166px; background-color: #fff; padding: 25px 10px; margin: -20px 0 18px 0; }
#shoutboxForm #tshouter			{ width: 145px; border: none; float: left; padding-top: 4px; }
#shoutboxForm input.submit		{ width: 10px !important; height: 23px !important; float: right; border: none; background: url(/inc/images/iconArrow1.gif) no-repeat; margin: 0; }

.shout					{ background-color: #999; width: 125px; padding: 10px; margin-bottom: 12px; min-height: 51px; color: #000; }
.shout .author a		{ color: #c91117; margin-top: 5px; }
.shout .userImg			{ position: absolute; width: 37px; height: 37px; margin: -8px 0 0 142px; }
.shout .userImgLayer	{ position: absolute; width: 42px; height: 71px; background: url(/inc/images/layerImg2.png) no-repeat; padding: 2px; margin: -10px 0 0 135px; }
.shout .userImgLayer2  { position: absolute; width: 42px; height: 71px; background: url(/inc/images/layerImg2red.png) no-repeat; padding: 2px; margin: -10px 0 0 135px; }
.shout .imgLink			{ float: right; height: 37px; width: 37px; text-decoration: none !important; }
.shout p				{ margin: 0.5em 0; }

.postForm				{ background-color: #ccc; padding: 15px 10px; margin-bottom: 14px; }
.postForm .bbBar, .postForm .bbSmilies	{ display: none; }
.postForm textarea		{ width: 90%; height: 27px; border: none; float: left; background-color: #ccc; font-size: 11px; overflow: hidden; }
.postForm input.submit	{ width: 10px !important; height: 23px !important; float: right; border: none; background: url(/inc/images/iconArrow2.gif) no-repeat; margin-top: 3px; }

.comment				{ width: 340px; padding: 15px 10px 15px 10px; margin-bottom: 14px; border: 1px solid #d9d9d9; }
.comment.new			{ background-color: #efefef; border-color: #efefef; margin-top: 50px; }
.comment .author,
.comment .author a		{ color: #c91117; }
.comment .userImg		{ position: absolute; width: 37px !important; height: 37px !important; margin: -12px 0 0 362px; z-index: 10; }
.comment .userImgLayer	{ position: absolute; width: 41px; height: 41px; background: url(/inc/images/layerImg4.png) no-repeat; padding: 2px; margin: -14px 0 0 360px; z-index: 11; }
.comment .userImgLayerStaff	{ position: absolute; width: 41px; height: 41px; background: url(/inc/images/layerImg4red.png) no-repeat; padding: 2px; margin: -14px 0 0 360px; z-index: 11; }
.comment .imgLink		{ float: right; height: 37px; width: 37px; text-decoration: none !important; }
.comment p				{ margin: 0.5em 0; }
.comment a				{ color: #c91117; }

.comment1				{ border: none !important; background-color: #efefef; margin-left: 50px; }
.comment1 .userImg		{ margin: -12px 0 0 -60px; }
.comment1 .userImgLayer	{ margin: -14px 0 0 -62px; }
.comment1 .userImgLayerStaff { margin: -14px 0 0 -62px; }
.comment2				{ border: none !important; background-color: #d9d9d9; }
.comment3				{ margin-left: 50px; }
.comment3 .userImg		{ margin: -12px 0 0 -60px; }
.comment3 .userImgLayer	{ margin: -14px 0 0 -62px; }
.comment3 .userImgLayerStaff { margin: -14px 0 0 -62px; }
.notice					{ padding: 5px 10px; margin-top: 10px; }
.notice .userImg		{ margin: -22px 0 0 -60px; }
.notice .userImgLayer	{ margin: -24px 0 0 -62px; }
.notice .userImgLayerStaff { margin: -24px 0 0 -62px; }
.notice .bubble6		{ margin-left: 35px; }

.visitors				{ height: 60px; }
.visitorCnt					{ width: 41px; height: 41px; float: left; margin: 10px 8px 10px 0; }
.visitorCnt .userImg		{ position: absolute; width: 37px !important; height: 37px !important; margin: 0; z-index: 10; }
.visitorCnt .userImgLayer	{ position: absolute; width: 41px; height: 41px; background: url(/inc/images/layerImg4.png) no-repeat; padding: 2px; margin: -2px 0 0 -2px; z-index: 11; }
.visitorCnt .imgLink		{ display: block; height: 37px; width: 37px; text-decoration: none !important; }

.triangle1		{ background: url(/inc/images/iconTriangle1.gif) no-repeat; width: 18px; height: 22px; margin-left: 15px; }
.triangle2		{ position: absolute; background: url(/inc/images/iconTriangle2.gif) no-repeat; width: 31px; height: 26px; margin: -39px 0 0 351px; }
.triangle3		{ position: absolute; background: url(/inc/images/iconTriangle3.gif) no-repeat; width: 19px; height: 17px; margin: 38px 0 0 -19px; }
.triangle4		{ position: absolute; background: url(/inc/images/iconTriangle4.gif) no-repeat; width: 31px; height: 26px; margin: -39px 0 0 351px; }
.triangle5		{ position: absolute; background: url(/inc/images/iconTriangle5.gif) no-repeat; width: 31px; height: 20px; margin: 12px 0 0 345px; }
.triangle6		{ position: absolute; background: url(/inc/images/iconTriangle6.gif) no-repeat; width: 31px; height: 26px; margin: -40px 0 0 26px; }
.triangle7		{ position: absolute; background: url(/inc/images/iconTriangle7.gif) no-repeat; width: 31px; height: 26px; margin: -39px 0 0 30px; }

.gbookBox img			{ position: absolute; }
.gbookBox div.post		{ margin-left: 50px; width: 300px; }

.albumBox				{ width: 124px; line-height: 1.6em; }
.albumBox.midBox		{ margin-left: 20px; }
.albumBox .title		{ font-size: 1.1em; font-weight: bold; }

.cntBox .scrollUp, .cntBox .scrollDown { width: 23px; height: 10px; background: url(/inc/images/iconArrow3.gif) no-repeat; position: absolute; text-indent: -300em; margin-left: 230px; overflow: hidden; }
.cntBox .scrollUp		{ background-position: left top; margin-top: 10px; }
.cntBox .scrollDown		{ background-position: left -10px; margin-top: 215px; }

.blogBox					{ margin: 0 0 20px 0; }
.blogBox .userImg			{ position: absolute; width: 37px !important; height: 37px !important; margin: 2px 0 0 2px; z-index: 10; }
.blogBox .userImgLayer		{ position: absolute; width: 41px; height: 41px; background: url(/inc/images/layerImg4.png) no-repeat; padding: 2px; margin: 0; z-index: 11; }
.blogBox .imgLink			{ position: absolute; display: block; height: 37px; width: 37px; text-decoration: none !important; }
.blogBox .blogPost			{ margin-left: 50px; }
.blogBox .blogPost .bubble	{ position: absolute; margin: 3px 0 0 320px; }
.blogBox .borderTop			{ margin-top: 3px; padding: 3px 55px 0 0; width: 305px; }

.userStat		{ margin: 0; padding: 0; }
.userStat td	{ font-weight: bold; }
.userStat th	{ font-weight: normal; white-space: nowrap; }

.groupSearch				{ border: none; padding: 0; margin: 0 0 5px 0; }
.groupSearch select			{ float: left; margin-right: 5px; width: 160px; }
.groupSearch select.short	{ width: 55px; }
.groupSearch input.submit	{ width: 10px; height: 23px; border: none; background: url(/inc/images/iconArrow1.gif) no-repeat; position: absolute; margin: -3px 0 0 15px; }

.forumBox						{ color: #868686; background: url(/inc/images/forumBoxStatus.gif) 8px 8px no-repeat; padding-left: 30px; }
.forumBox.new					{ color: #868686; background: url(/inc/images/forumBoxStatusNew.gif) 8px 8px no-repeat; padding-left: 30px; }
.postMsg						{ width: 510px; overflow: hidden; }
.postMsg a						{ color: #AE0001 !important; }
#forenSuche input[type=text]	{ width: auto; }

.overviewForum *				{ color: #666666; font-size: 11px; }
.overviewForum					{ border-collapse: collapse; width: 100%; }
.overviewForum .border			{ border: 1px solid #ccc; }
.overviewForum th				{ font-weight: normal; }
.overviewForum td				{ padding: 6px 3px 6px 3px; vertical-align: middle;}
.overviewForum .bg1				{ background-color: #fcfcfc; }
.overviewForum .bg2				{ background-color: #efefef; }
.overviewForum .bg3				{ background-color: #dadada; }
.overviewForum p				{ margin: 0; }

.overviewForum .bggold			{ background-color: #ffeed4; }
.overviewForum .bgsilber		{ background-color: #efefef; }
.overviewForum .bgbronze		{ background-color: #ffece0; }
.overviewForum .userImg		{ position: absolute; width: 20px; height: 20px; z-index: 10; }
.overviewForum .amote_dropdown, .overviewForum select.amote_dropdown, .overviewForum option.amote_dropdown, .overviewForum .amote_dropdown option {font-size: 9px !important; }

.overviewGroups						{ width: 100%; border-collapse: collapse; }
.overviewGroups tr.bg1 td			{ background-color: #f5f5f5; }
.overviewGroups tr td				{ padding: 7px 0; line-height: 1.5em; }
.overviewGroups tr td:first-child	{ padding-left: 5px; }

.overview						{ width: 100%; border-collapse: collapse; }
.overview tr.row1 td			{ background-color: #f5f5f5 !important; }
.overview tr td					{ padding: 7px 0; line-height: 1.5em; }
.overview tr td:first-child		{ padding-left: 5px; }

.innerBox								{ border: 2px solid #ccc; padding: 5px 15px; margin-top: 15px; background: url(/inc/images/bgInnerBox.gif) repeat-x; }
.innerBox .filterForm 					{ height: 115px; margin-bottom: 15px; }
.innerBox .filterForm td				{ width: 90px; padding: 0 0 5px 5px; }
.innerBox .filterForm td.firstCol		{ padding-left: 0; }
.innerBox .filterForm td select			{ width: 100%; }
.innerBox .filterForm td .text			{ width: 100%; border: 1px solid #666; border-bottom-color: #8c8c8c; border-top-color: #8c8c8c; background: #dcdcdc; }
.innerBox .filterForm td .checkbox		{ display: none; }
.innerBox .filterSelect					{ width: 180px; margin-left: 5px; }
.innerBox .filterResult					{ margin-top: 10px; }
.innerBox .filterResult a				{ font-weight: bold; color: #c1282d; }
.innerBox .filterResult	td				{ padding: 0; width: 100px; }
.innerBox .filterResult .imgCnt			{ width: 75px; height: 80px; }
.innerBox .filterResult .userImg		{ position: absolute; width: 63px !important; height: 64px !important; margin: 1px 0 0 1px; z-index: 10; }
.innerBox .filterResult .userImgLayer	{ position: absolute; width: 63px; height: 64px; background: url(/inc/images/layerImg6.png) no-repeat; padding: 2px; margin: 0; z-index: 11; }
.innerBox .filterResult .imgLink		{ position: absolute; display: block; height: 66px; width: 66px; text-decoration: none !important; }

.filter					{ background: url(/inc/images/spriteFilterIcons.png) no-repeat; color: #000; padding: 3px 0 2px 25px; font-size: 11px; text-decoration: none !important; overflow: hidden; cursor: pointer; }
.filter.reallife		{ background-position: left 0; }
.filter.reallife.active	{ background-position: left -18px; }
.filter.avatare			{ background-position: left -36px; }
.filter.avatare.active	{ background-position: left -54px; }
.filter.male			{ background-position: left -72px; }
.filter.male.active		{ background-position: left -90px; }
.filter.female			{ background-position: left -108px; }
.filter.female.active	{ background-position: left -126px; }
.filter.single			{ background-position: left -144px; }
.filter.single.active	{ background-position: left -162px; }

.bbBar							{ background-color: #efefef; padding: 3px; border: 1px solid #9c9ea0; }
.bbBar a, .bbSmilies span		{ cursor: pointer; }
.bbSmilies						{ visibility: hidden; position: absolute; z-index: 50; background-color: #FFFFFF; padding: 10px; border: 3px solid #CCCCCC; width: 740px;
									left: 50%; margin-left: -380px; white-space: normal; }
.bbButtons						{ position: absolute; margin: -8px 0 0 215px; z-index: 10; }
.bbButtons a					{ background: url(/inc/images/spriteBbCode.gif) no-repeat; height: 16px; width: 15px; margin-right: 5px; display: block; float: left; text-decoration: none; }
.bbButtons a.bbButtonBold		{ background-position: 0px 0px; }
.bbButtons a.bbButtonItalic		{ background-position: -20px 0px; }
.bbButtons a.bbButtonLink		{ background-position: -40px 0px; }
.bbButtons a.bbButtonImage		{ background-position: -60px 0px; }
.bbButtons a.bbButtonSmile		{ background-position: -80px 0px; }
.bbButtons a.bbButtonStroke		{ background-position: -100px 0px; }
.bbButtons a.bbButtonUnderline	{ background-position: -120px 0px; }
.bbButtons a.bbButtonQuote		{ background-position: -140px 0px; }

.toggleBox .subOff, .toggleBox .subOn
								{ cursor: pointer; width: 150px; height: 13px; float: left; padding: 2px 0 0 20px; }
.toggleBox .subOff				{ background: url(/inc/images/iconToggleArrowRight.gif) no-repeat; }
.toggleBox .subOn				{ background: url(/inc/images/iconToggleArrowBottom.gif) no-repeat; }
.toggleBox .dropDown			{ float: right; }

div.errorBox					{ margin: 10px; margin-top: 3px; padding: 5px; border: 3px solid #eb8989; background-color: #fbe9e9; }
div.errorBox ul					{ padding: 0px; margin: 0px; list-style: none;}
div.errorBox li, div.errorBox span, span.error { color: #dd0303; }

div.successBox					{ margin: 10px; margin-top: 3px; padding: 5px; border: 3px solid #87ce7c; background-color: #f2fdf0; }
div.successBox ul				{ padding: 0px; margin: 0px; list-style: none;}
div.successBox li, div.successBox span, span.success { color: #1e841a; }

div.responseBox			{ line-height: 1.5em; margin-bottom: 1em; }
div.responseBox span 	{ width: 40px; text-align: right; display: inline; display: inline-block; padding-right: 2px; }
div.responseBox img		{ margin-right: 10px; }
div.responseBox a		{ color: #c1282d; }

a.button1		{ background: url(/inc/images/iconArrowWhite.png) right center no-repeat #999999; text-decoration: none !important; width: 95px; padding: 2px 8px; color: #fff; font-weight: bold; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 8px 0 0 0; }
a.button1red	{ background-color: #da1a21; width: 179px; float: right; text-align: center; }
a.button1green	{ background-color: #66cc33; width: 122px; float: right; text-align: center; margin-top: 0; }
a.button1green2	{ background: url(/inc/images/iconArrowWhite.png) right center no-repeat #66cc33; text-decoration: none !important; width: 95px; padding: 2px 8px; color: #fff; font-weight: bold; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 8px 0 0 0; }
a.noarrow		{ background-image:none !important;}
a.button2		{ background: url(/inc/images/iconArrowWhite.png) right center no-repeat #66cc33; text-decoration: none !important; width: 95px; padding: 2px 8px; color: #fff; font-weight: bold; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 8px 0 0 0; }

input.button1		{ background: url(/inc/images/iconArrowWhite.png) right center no-repeat #999999; text-decoration: none !important; width: 95px; padding: 2px 8px; color: #fff; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 8px 0 0 0; border:0px;}
input.button1red	{ background-color: #da1a21; width: 122px; text-align: center; }
input.button1green	{ background-color: #66cc33; width: 122px; text-align: center;}

ul.style1		{ list-style: none; padding: 0; margin: 0; width: 170px; }
ul.style1 li	{ padding: 2px 0 2px 15px; background: url(/inc/images/iconArrowLi.gif) left 5px no-repeat; font-size: 1.2em; font-weight: bold; }
ul.style1b li	{ color: #666; }

#tabs						{ border: 0; padding: 0; margin: 0; border-top: 1px solid #c4c4c4; margin-top: 1em; padding-top: 1em; }
#tabs .ui-widget-header 	{ background: none; -moz-border-radius: 0; -webkit-border-radius: 0; border: none; border-bottom: 2px solid #eaeaea; }
#tabs .ui-tabs-panel		{ border: 2px solid #eaeaea; border-top: none; }
#tabs .ui-corner-top		{ -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; }
.ui-tabs					{ border: 0; border-top: inherit; }
.ui-tabs .ui-tabs-nav		{ padding: 0; }
.ui-tabs .ui-tabs-nav li	{ top: 2px; margin: 0; }
.ui-tabs .ui-tabs-nav li a  { font-size: 10px; font-weight: bold; padding: 7px 20px; }
.ui-widget-content .ui-state-default { border-color: #eaeaea; border-width: 2px; border-bottom: none; background: #999; }
.ui-widget-content .ui-state-default a { color: #fff; }
.ui-widget-content .ui-state-active { background: #fff !important; }
.ui-widget-content .ui-state-active a { color: #333 !important; }
.ui-widget-content .ui-state-hover { background: #999; }
.ui-widget-content .ui-state-hover a { color: #fff; }

.newsBox p a, .txt-img a, li a, ul a	{ color: #ae0001; }
.newsThumbBox				{ margin-left: -8px; }
.newsThumb					{ margin: 8px 12px; margin-bottom: 4px; padding: 0; display: block; float: left; width: 80px; height: 80px; }
.newsThumb img				{ margin: 0; padding: 0; }
.newsThumbActive			{ margin: 4px 8px; margin-bottom: 0; border: 4px solid #931312; }

.GamesTitle					{ font-size: 13px; font-weight: bold; margin-top:5px; margin-bottom:-5px;}


/*****
** Forms
*****/

input.submit						{ border: 0; background: url(/inc/images/iconArrowWhite.png) right center no-repeat #999999; background-color: #da1a21; cursor: pointer; font-size: 12px; font-weight: bold; width: 60px; height: 16px; color: #ffffff; text-align: center; padding: -2px -2px; !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 8px 0 0 0;}
input.submitBig						{ border: 0; background: url(/inc/images/iconArrowWhite.png) right center no-repeat #999999; background-color: #da1a21; cursor: pointer; font-size: 12px; font-weight: bold; width: 110px; height: 16px; outline: none; color: #ffffff; text-align: center; padding: -2px -2px; !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 8px 0 0 0;}
input[type=text], textarea			{ width: 100%; }
textarea							{ height: 150px; font-family: Arial, Helvetica; font-size: 1.0em; }

#meineDaten .basic					{ width: 400px; padding: 0; }
#meineDaten .basic input[type=text], #meineDaten .basic textarea { width: 180px; }
#meineDaten .basic select			{ width: 185px; }
#meineDaten .basic td.datum input	{ width: 155px; }

#gruppenSuche input			{ width: 354px; padding: 0; margin: 0; }
#gruppenSuche select		{ width: 360px; padding: 0; margin: 10px 0 0 0; }
#gruppenSuche input.checkbox{ width: 20px; }
#gruppenSuche input.submit	{ width: 10px !important; height: 23px !important; float: right; border: none; background: url(/inc/images/iconArrow1.gif) no-repeat; margin: -2px 20px 0 0; }

/*****
** Lightbox Notice
*****/

#flash_message_dialog			{ position: absolute; left: 50%; margin: 200px 0 0 -250px; width: 500px; }
#flash_message_content			{ margin: 10px; }
#flash_message_dialog h2		{ font-size: 18px; font-weight: bold; margin-bottom: 5px; font-weight: normal; color: #666; }
#flash_message_dialog.notice	{ color: #000; border: 1px solid #7E7E7F; background: #efefef; border: 10px solid #fff; }
#flash_message_dialog_buttons	{ float: right; margin: 5px; font-weight: bold; }
#flash_message_dialog_buttons a	{ padding-right: 15px; }
#flash_message_overlay			{ background: transparent url(/inc/images/lightboxOverlay.png) !important; }

/*****
** Datechooser
*****/

.calendar table 				{ width: auto; } 
.calendar * 					{ margin: 0; padding: 0; border: 0; font-family: Tahoma, serif; font-weight: normal; color: #000; }
.calendar .invalidday a, .calendar .invalidday a:hover { color: #ccc; background: #fff; cursor: default; }
.calendar .selectedday 			{ background: #ddd; }
.calendar .today 				{ font-weight: bold; color: #f00; }
.calendar a 					{ padding: 0 2px; color: #000; text-decoration: none; }
.calendar a:hover 				{ background: #bbb; }
.calendar table 				{ border-collapse: collapse; font-size: 90%; }
.calendar tbody td 				{ width: 20px; }
.calendar td, .calendar th 		{ padding: 1px; text-align: center; }
.calendar thead td 				{ border-bottom: 1px solid #aaa; }
.calendar thead td 				{ font-weight: bold; }
.calendar thead th a 			{ font-size: 95%; font-weight: bold; }
.calendar thead th 				{ padding: 2px 0; vertical-align: middle; background: #ddd; }
.calendar 						{ padding-bottom: 2px; border: 1px solid #aaa; font-size: small; background: #fff; }
.calendaricon 					{ cursor: pointer; }
.calendarlink, .calendaricon	{ margin: 0 3px; }

/*****
** BB Code
*****/

div.bbcQuote 			{ border-left: 3px solid #757575; margin:3px; margin-left: 5px; padding-left:5px; color:#757575; font-style:italic; }
span.bbcBold 			{ font-weight: bold;}
span.bbcItalic 			{ font-style: italic;}
span.bbcUnderline 		{ text-decoration: underline;}
span.bbcStrike 			{ text-decoration:line-through; color:#666666; }

/*****
** Corgan / WOW Char Bars
*****/

.mana-stat, .health-stat, .rage-stat, .energy-stat {
	width: 340px;
	height: 15px;
	padding: 2px 6px 0px 5px;
}
.health-stat p, .mana-stat p, .rage-stat p, .energy-stat p {
	float: left;
	width: 75%;
	margin:0;
	text-align: center;
	color: white;
	font-weight: bold;
	padding:0;
	height: 16px;
	border: 1px solid black;
}
.health-stat p {
	background: url('/inc/images/bars/bar-life.gif') repeat-x;
}
.mana-stat p, .bar-container b {
	background: url('/inc/images/bars/bar-mana.gif') repeat-x;
}
.rage-stat p {
	background: url('/inc/images/bars/bar-rage.gif') repeat-x;
}
.energy-stat p {
	background: url('/inc/images/bars/bar-energy.gif') repeat-x;
}
.bar-container{
	margin:0;
	padding:0;
	text-align: center;
	color: white;
	font-weight: bold;
	padding:0;
	height:16px;
	width: 150px;
	border: 1px solid black;
	background: url('/inc/images/bars/bar-grey.gif') repeat-x;position: relative;
}
.bar-container b{
	height: 16px;
	margin:0;
	padding:0;
	float: left;
}
.bar-container span{
	position: absolute;
	top: -1px;
	left: 0px;
	width: 150px;
	text-align: center;
}
.health-stat p:hover{
	border: 1px solid #7eff00;
}
.mana-stat p:hover, .bar-container:hover{
	border: 1px solid #00a8ff;
}
.rage-stat p:hover {
	border: 1px solid #ff0000;
}
.energy-stat p:hover{
	border: 1px solid #fcff00;
}
img.ieimg 		{ display: none; }

.uc_nametd {
	border-bottom: 1px solid white;
}
.uc_name {
	text-align: left;
	color: white;
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 0px;
	padding-left: 6px;
	z-index: 9;
}
.uc_subname {
	text-align: left;
	color: white;
	font-size: 11px;
	margin-top:2px;
	margin-left:0px;
	padding-left: 6px;
	z-index: 10;
}

.rowHover							{ background-color: #e1e1e1 !important;  }
.rownormal							{ background-color: #ffffff !important;  }
.pagnatation 						{ font-size: 10px; color: #4e4e4e; background-color: #fff; padding: 1px 3px 1px 0; position: absolute;  }

.fb_button_text {
	margin-bottom:0px !important;
	margin-right:1px !important;
	color:#FFF !important;
}

.ui-tooltip {
	padding:8px;
	position:absolute;
	z-index:99999;
	-o-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}

.omo_tooltip{
	font: 10px Arial, sans-serif !important;
	color: #000;
	background-color:#FFF;
}

.bqwrap {
	padding:5px 5px;
}

.bqheader {
	background-color:#333333;
	color:#0099FF;
	font-size:11px;
	padding:5px;
}

.bqinside {
	background-color:#333333;
	padding:0 5px;
}

.bq {
	background:#333333 ;
	color:#0099FF;
	font-size:11px;
	padding:10px 5px 5px;
}

.bq a{
	color: white !important;
	font-weight: bold !important;
}

.imageBU{
	border: 1px solid #cfcfcf; 
	margin-top:5px; 
	margin-bottom:5px; 
	padding:3px; 
	background-color:#e7e7e7; 
}

.imageBU span{
	background: url('/inc/images/arrow_1.gif') left center no-repeat ;
	color:#000000; 
	font-size: 10px;
	padding-left:10px;
}

.portal_floatt{
	background: url('/inc/images/portal_flyer_bg.png') no-repeat scroll 0 0 transparent;
    border: 0 none;
    clear: both;
    margin: 0;
    margin-top: 141px;
    padding: 0;
    position: fixed;    
	height: 374px;
    width: 79px;
}
   


.portal_sprite_floatt a 
{
    background: url('/inc/images/portal_sprites.png') no-repeat scroll 0 0 transparent;
    display: block;
    height: 67px;
    margin: 3px 1px 0px;
    padding: -2;
    width: 71px;
}

.open_portal_sprite {
	display:block;
	background:none !important;
	height: 20px !important;
}

.close_portal_sprite {
	display:block;
	background:none !important;
	height: 20px !important;
	position:absolute;
	top: 724px;
}
    
.portal_sprite_floatt a.portal_sprite_floatt_wow{	background-position: 0px 0px;}
.portal_sprite_floatt a.portal_sprite_floatt_wow:hover{	background-position: -69px 0px;}

.portal_sprite_floatt a.portal_sprite_floatt_d3{	background-position: 0px -65px;}
.portal_sprite_floatt a.portal_sprite_floatt_d3:hover{	background-position: -69px -65px;}

.portal_sprite_floatt a.portal_sprite_floatt_stwo{   background-position: 0px -130px;}
.portal_sprite_floatt a.portal_sprite_floatt_stwo:hover{    background-position: -69px -130px;}

.portal_sprite_floatt a.portal_sprite_floatt_gc{    background-position: 0px -199px;}
.portal_sprite_floatt a.portal_sprite_floatt_gc:hover{    background-position: -69px -199px;}

.portal_sprite_floatt a.portal_sprite_floatt_botb{    background-position: 0px -265px; }
.portal_sprite_floatt a.portal_sprite_floatt_botb:hover{    background-position: -69px -265px;}    

.portal_floatt_open 
{
	background: url('/inc/images/portal_flyer_bg_open.png') no-repeat scroll 0 0 transparent;
    border: 0 none;
    clear: both;
    margin: 0;
    margin-top: 141px;
    padding: 0;
    position: fixed;
    height: 744px;
    width: 79px;
}   

.portal_sprite_floatt_open_bg 
{
	background: url('/inc/images/portal_flyer_bg_open.png') no-repeat scroll 0 0 transparent;
}
    
.portal_sprite_floatt_open a 
{
    background: url('/inc/images/portal_sprites_open.png') no-repeat scroll 0 0 transparent;
    display: block;
    height: 30px;
    margin: 9px -2px 0px;
    padding: -2;
    width: 71px;
}
        
.portal_sprite_floatt_open a.portal_sprite_floatt_open_sc2{	background-position: 0px 0px;}
.portal_sprite_floatt_open a.portal_sprite_floatt_open_sc2:hover{	background-position: -76px 0px;}
                   
.portal_sprite_floatt_open a.portal_sprite_floatt_open_rift{	background-position: 0px -30px;}
.portal_sprite_floatt_open a.portal_sprite_floatt_open_rift:hover{    background-position: -76px -30px;}
       
.portal_sprite_floatt_open a.portal_sprite_floatt_open_gw2{    background-position: 0px -57px;}
.portal_sprite_floatt_open a.portal_sprite_floatt_open_gw2:hover{    background-position: -76px -57px;}
               
.portal_sprite_floatt_open a.portal_sprite_floatt_open_mythos{    background-position: 0px -85px;}
.portal_sprite_floatt_open a.portal_sprite_floatt_open_mythos:hover{    background-position: -76px -85px;}
            
.portal_sprite_floatt_open a.portal_sprite_floatt_open_rom{    background-position: 0px -112px;}
.portal_sprite_floatt_open a.portal_sprite_floatt_open_rom:hover{    background-position: -76px -112px;}
           
.portal_sprite_floatt_open a.portal_sprite_floatt_open_hdro{    background-position: 0px -140px;}
.portal_sprite_floatt_open a.portal_sprite_floatt_open_hdro:hover{    background-position: -76px -140px;}
            
.portal_sprite_floatt_open a.portal_sprite_floatt_open_aion{    background-position: 0px -169px;}
.portal_sprite_floatt_open a.portal_sprite_floatt_open_aion:hover{    background-position: -76px -169px;}
           
.portal_sprite_floatt_open a.portal_sprite_floatt_open_war{    background-position: 0px -198px;}
.portal_sprite_floatt_open a.portal_sprite_floatt_open_war:hover{    background-position: -76px -198px;}
               
.portal_sprite_floatt_open a.portal_sprite_floatt_open_aoc{    background-position: 0px -225px;}
.portal_sprite_floatt_open a.portal_sprite_floatt_open_aoc:hover{    background-position: -76px -225px;}  



/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;	
}
.sf-menu {
	line-height:	1.0;	
}
.sf-menu ul { /* MO Menu */
	position:		absolute;
	top:			-999em;
	width:			21em; /* left offset of submenus need to match (see below)  default 16*/
	border: 1px solid #cccccc;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}

.sf-menu li li > a  {
	text-align:left !important;
	font-size: 1.2em !important;
	border-bottom: 1px solid #cccccc;
	width:			16em !important;
	min-height:			13px !important;
	margin-top: 2px;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			20.5em; /* match ul width default 16*/
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			20.5em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
	/* corgan font-size:		16px !important; */
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}

.sf-menu li li {
	/*background:		#AABDE6;*/
}
.sf-menu li li li {
	/*background:		#9AAEDB;*/
}
.sf-menu li > ul { /*menu zeilen*/
	background: #eeeeee;
	-moz-border-radius: 5px !important; 
	-webkit-border-radius: 5px !important; 
}

.sf-menu li > ul li:hover, .sf-menu li > ul li.sfHover,
.sf-menu li > ul a:focus, .sf-menu li > ul a:hover, .sf-menu li > ul a:active { /*menu zeile mouse over*/
	background:		#e1e1e1;
	outline:		0;
	color:			#000000;
	-moz-border-radius: 5px !important; 
	-webkit-border-radius: 5px !important; 
}

.sf-menu li.sfHover a {
	color: #c1282d !important;
}
.sf-menu li.sfHover ul li a {
	color: #000000 !important;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/inc/js/jquery.suckerfish/images/arrows-000000.png') no-repeat 10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.4em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	/*width:	21em;*/
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	15em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

.sf-menu li a.sf-with-ul span.sf-sub-indicator {
	display:none;
}

.sf-menu li ul li a.sf-with-ul span.sf-sub-indicator {
	display: inline !important;
}

.sf-menu li ul:last-child {border-bottom: none !important;}