/*
 * Allvatar, Mymmo GmbH
 * http://www.allvatar.com
 *
 * Author: Gedankengut.de
 * Date: 2009-09
 */
 
 /*****
** 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; }
.floatL		{ float: left; }
.floatR		{ float: right; }
.left		{ text-align: left; }
.right		{ text-align: right !important; }
.center		{ text-align: center !important; }
.vCenter	{ vertical-align: middle !important; }
.top		{ vertical-align: top !important; }
.bottom		{ vertical-align: bottom; }
.nowrap		{ white-space: nowrap; }
.bold		{ font-weight: bold; }
.italic		{ font-style: italic; }
.noBorder	{ border: none !important; }
.noBg		{ background: none !important; }
.noBgImg	{ background-image: none !important; }
.noMargin	{ margin: 0; }
.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; }
.row1		{ background-color: #f5e9e9; }
.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; }


/*****
** Container und Elemente
*****/

body		{ font-size: 68.75%; font-family: Arial, Helvetica; color: #333; background-color: #000; padding: 0; margin: 0; }

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; }
table td, table th { text-align: left; vertical-align: top; }

a			{ color: #333; text-decoration: none; cursor: pointer; }
a:hover		{ text-decoration: underline; }

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; }

.red	{ color: #c1282d; }
.black	{ color: #000 !important; }

.cntBox						{ background-color: #fff; padding: 20px; }
#col1Content .cntBox		{ margin-right: 20px; margin-top: 20px; padding: 10px 13px; }
.boxContent					{ margin-bottom: 30px; }

#bannerTop		{ position: absolute; margin: -145px 0 0 247px; }
#bannerLeft		{ width: 300px; height: 250px; overflow: hidden; }
#bannerRight	{ position: absolute; margin-left: 985px; top: 487px; }

#infoBar						{ background: url(/inc/images/bgInfoBar.gif) repeat-x; height: 24px; padding-left: 112px; line-height: 24px; overflow: hidden; }
#infoBar #alvLogoTop			{ position: absolute; left: 9px; }
#infoBar #gamonaPartner			{ position: absolute; right: 0; }
#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 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 .dropContent		{ display: none; z-index: 90; }

#portals			{ list-style: none; margin: 0; padding: 0; position: absolute; margin-top: 24px; z-index: 10; }
#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: 135px; }
#portals a:hover	{ background-color: #bababa; }

#mainCnt		{ width: 1145px; margin: 0 auto; padding-left: 65px; }
	#logo			{ position: absolute; margin: -100px 0 0 -65px; z-index: 89; }
	#search			{ position: absolute; background-color: #8d0709; text-transform: uppercase; padding: 3px 25px 8px 25px; color: #fff; margin: -20px 0 0 810px; font-size: 0.93em; }
	#poweredby		{ position: absolute; margin: 25px 0 0 820px; z-index: 87; }
	#headphones		{ position: absolute; height: 281px; width: 136px; background: url(/inc/images/headphones.png) no-repeat; margin: -26px 0 0 900px; z-index: 88; }
	#pageCnt		{ width: 975px; margin-top: 145px; }
	#navigation		{ background: url(/inc/images/bgNavigation.gif) repeat-x; margin-bottom: -20px; height: 95px; }
		#nav1				{ position: absolute; margin: -15px 0 0 300px; background: url(/inc/images/bgNav1.png) no-repeat; width: 150px; height: 56px; overflow: hidden; }
		#nav2				{ position: absolute; margin: -15px 0 0 470px; background: url(/inc/images/bgNav2.png) no-repeat; width: 150px; height: 56px; overflow: hidden; }
		#nav1 .mainLink		{ position: absolute; text-indent: -300em; float: left; width: 50px; height: 20px; margin-top: -25px; }
		#nav2 .mainLink		{ position: absolute; text-indent: -300em; float: left; width: 110px; height: 20px; margin-top: -25px; }
		#navigation ul		{ padding: 10px 8px 10px 12px; 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: 55px 0 0 312px; color: #fff; font-size: 10px; }
		#breadcrumb a		{ color: #fff; }
	#content		{ background-color: #ccc; }
		#cisco				{ position: absolute; margin: 45px 0 0 20px; }
		#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: #333; 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; overflow: hidden; }
    		#subNavigation			{ background: url(/inc/images/bgSubNavigation.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: 16px; text-decoration: none; }
    		#subNavigation a:hover	{ color: #c1282d; }
    		#subNavigation a.active	{ background: #fff; }
    		#subNavigation ul ul a	{ font-size: 11px; }
    		#col1Content h1			{ color: #333; 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: #333; font-size: 2.6em; margin: 0; padding: 0; font-family: "Arial Black", Arial; line-height: 1.0em; }
    		#startTwitter			{ position: absolute; margin: 15px 0 0 358px; }
    		#startRss				{ position: absolute; margin: 11px 0 0 368px; }
    	#col3Content	{ float: right; width: 195px; padding: 20px 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: 440px; margin: 10px 0 0 0; font-size: 2.4em; }
#col1.tplDetail #col2Content .newsBox							{ font-size: 1.1em; }
#col1.tplDetail #col2Content .userImg							{ position: absolute; width: 20px; height: 20px; z-index: 10; }
#col1.tplDetail #col2Content .newsBox .userImgLayer				{ position: absolute; width: 21px; height: 21px; background: url(/inc/images/layerImg3.png) no-repeat; padding: 0; margin: 0; z-index: 11; }
#col1.tplDetail #col2Content .newsBox .userImgLayer .imgLink	{ float: left; width: 21px; height: 21px; text-decoration: none !important; }
#col1.tplDetail #col2Content .newsBox .author span				{ padding-left: 25px; }

#col1.tplFull #col2				{ width: 975px; }
#col1.tplFull #col2Content		{ width: 730px; margin-left: 20px; }

#avatarInfo					{  }
#avatarInfo span			{ font-size: 1.2em; float: right; margin-right: 5px; font-weight: bold; color: #333; }
#avatarInfo span,
#avatarInfo .bubble			{ margin-bottom: 5px; }
#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 .userImgLayer .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; }

#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; }
#userInfo #messenger	{ margin-top: 140px; }

#activity				{ border: 1px solid #999; background-color: #ccc; height: 13px; overflow: hidden; }
#activity div			{ background-color: #3399ff; }

#amotes					{ background-color: #e9e9e9; padding: 4px 10px 0 15px; margin: 10px 0; }
#amotes a				{ color: #333; }
#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; }

table.visuals				{ border-collapse: collapse; width: 100%; margin-top: 10px; }
table.visuals td			{ width: 50%; }
table.visuals td h2			{ margin: 0; padding: 0 0 3px 0; 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.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.botb h2	{ width: 95px; padding: 5px 0 6px 20px; }
table.visuals td.alvReg h2	{ width: 95px; padding: 3px 0 5px 20px; font-size: 1.1em; line-height: 1.1em; }

.overview1					{ border-collapse: collapse; width: 100%; }
.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						{ border-collapse: collapse; width: 100%; }
.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; }
.overview2 .col1				{ text-align: center; width: 95px; }
.overview2 .col2				{ font-size: 1em; }
.overview2 .col2 a				{ color: #a8a8a8; }
.overview2 .col2 a.floatR		{ margin-right: 13px; }
.overview2 .bubble				{ margin-right: 4px; }

.overview3					{ border-collapse: collapse; width: 100%; }
.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; }

.newsBox					{ margin-bottom: 15px; }
.newsBox .author			{ border-bottom: 1px solid #c4c4c4; }
.newsBox .author span		{ font-size: 10px; color: #a8a8a8; 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; }
.newsBox .newsImg			{ float: left; width: 100px; }
.newsBox .newsTxt			{ float: right; width: 280px; }
.newsBox .bubble			{ margin: 5px 0; }
.newsBox.short				{ margin-bottom: 0; }

.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-position: right -155px; width: 15px; height: 14px; text-indent: -300em; margin: 14px 0 0 34px; overflow: visible; }
.bubble.bubble12	{ background-position: right -169px; width: 15px; height: 14px; text-indent: -300em; margin: 14px 0 0 5px; }
#col1Content .bubble.bubble11 { margin-top: 9px; }

.notifier	{ position: absolute; background: url(/inc/images/iconRedDot.png) no-repeat; float: left; width: 26px; height: 26px; line-height: 26px; font-size: 1.2em; text-decoration: none !important; font-weight: bold; text-align: center; color: #fff; }

#shoutboxNav					{ background: url(/inc/images/bgShoutbox.png) no-repeat; width: 186px; padding: 20px 0; margin-top: -16px; }
#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; }
#shoutbox				{ width: 166px; background-color: #fff; padding: 25px 10px; margin: -20px 0 18px 0; }
#shoutbox #tshouter		{ width: 145px; border: none; float: left; padding-top: 4px; }
#shoutbox .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 .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 .submit	{ width: 10px !important; height: 23px !important; float: right; border: none; background: url(/inc/images/iconArrow2.gif) no-repeat; margin-top: 3px; }

.comment				{ width: 460px; padding: 15px 10px 15px 10px; margin-bottom: 14px; border: 1px solid #d9d9d9; }
.comment .author,
.comment .author a		{ color: #c91117; }
.comment .userImg		{ position: absolute; width: 37px !important; height: 37px !important; margin: -12px 0 0 482px; 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 480px; z-index: 11; }
.comment .imgLink		{ float: right; height: 37px; width: 37px; text-decoration: none !important; }
.comment p				{ margin: 0.5em 0; }

.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 471px; }
.triangle3		{ position: absolute; background: url(/inc/images/iconTriangle3.gif) no-repeat; width: 19px; height: 17px; margin: 38px 0 0 -19px; }

.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 .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					{ background-position: 8px -39px; }
.postMsg						{ width: 540px; overflow:hidden; }
#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: 3px; vertical-align: middle; }
.overviewForum .bg1				{ background-color: #fcfcfc; }
.overviewForum .bg2				{ background-color: #efefef; }
.overviewForum .bg3				{ background-color: #dadada; }

.overviewForum .bggold			{ background-color: #ffeed4; }
.overviewForum .bgsilber		{ background-color: #efefef; }
.overviewForum .bgbronze		{ background-color: #ffece0; }

.overviewForum p				{ margin: 0; }

.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 .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; }
.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; }

.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; }


/**
 * Allvatar.com
 * 
 * Forms
 */
input.submit				{ border:0 !important; background:none; background:url(/inc/images/bgSubmit.gif) no-repeat; cursor:pointer; font-size:12px; font-weight:bold; 
								width:60px !important; height:16px !important; outline:none !important; color:#ffffff; text-align:center; padding:0 !important; }
input.submitBig				{ border:0 !important; background:none; background:url(/inc/images/bgSubmitBig.gif) no-repeat; cursor:pointer; font-size:12px; font-weight:bold; 
								width:110px !important; height:16px !important; outline:none; color:#ffffff; text-align:center; padding:0 !important; }
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; }

/**
 * Allvatar.com
 * 
 * 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; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/inc/images/lightboxOverlay.png'); }

 /**
 * Allvatar.com
 *
 * 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; }

 /**
 * Allvatar.com
 *
 * ein/ausklappen
 */

.toggle_button2 {	
	cursor: pointer;
	cursor: hand;
	background:transparent url("/inc/images/iconTogglesUpDownBottom.png") no-repeat;
}

.toggle_button2.active {
 background-position: left -15px; 	
}




