/* @override 
	http://www.consolewars.eu/style_grouppage.css
	http://web2.consolewars.de/style_grouppage.css
*/

/*
 Userpaagedefintion
*/

@import url(main-new.css);

#contentpane {
	background-color: #68b5da;
	
	border: 1px solid #3fa2d4;
	width: 875px;
	position: relative;
	top: 0px;
	left: 15px;
}

#grouppagepageheader {
	width: 863px;
	height: 99px;
	background: #4299C8 url(images/newui/headbacker.png) repeat-x;
	border: 1px solid #1687bf;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	position: relative;
}




#navigation {
	width: 863px;
	height: 26px;
	background: url(images/navbacker.png) repeat-x;
	border: 1px solid white;
	margin: 0 5px;
	padding: 0;
}



#grouppagecontentbody {
	background-color: white;
	width: 865px;
	overflow: hidden;
	margin: 0 5px 5px;
	position: relative;
}

#grouppagecontentleft {
	width: 570px;
	float: left;
	padding-left: 3px;
	position: relative;
}

#grouppagecontentright {
	width: 282px;
	float: right;

	padding-right: 3px;
	position: relative;
}

#editbutton {
	position: absolute;
	right: 0;
	top: 0;
}



.forumcategorytablediv .forumeditbutton
{
	position: absolute;
	right: 5px;
	top: 0px;
}
.content.blog h2 {
	background-color: #DEDEDE;
}

/* @group calendarpopup */

#calendarpopup {
	z-index: 10000;
	position: absolute;
	top: 178px;
	left: 167px;
	width: 260px;
	height: 263px;
	background: url(images/grouppages/calendarfloater/left.png) no-repeat;
	padding: 10px;
	visibility: hidden;
	overflow: hidden;
}

#calendarpopup h3 {
	color: white;
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 18px;
	line-height: normal;
}

#calendarpopup  span {
 float: right;
 color: #004a65;
 font-size: 18px;
 margin-top: 5px;
}

#calendarpopup p {
	font-weight: bold;
	color: #000;
	font-size: 12px;
	line-height: normal;
}

/* @end */

/* @group Accordion */

.groupcontentwrapper .dataposition {
	position: relative;
	
}

.groupcontentwrapper .acc_toggle{
	
	
	display: block;
	height: 30px;
	
	background: url(images/boxheader.png) repeat-x;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	cursor: pointer;
	margin: 0 0 0 0;
}

.groupcontentwrapper .acc_toggle_active{
	
	background: url(images/boxheader-selected.png) repeat-x;
	
}
.groupcontentwrapper .acc_content{
	border: 1px solid white;
	
	overflow: hidden;
}

.groupcontentwrapper .acc_content .contentframe{
	padding: 5px;
	
}

.groupcontentwrapper .acc_content .controls{
	font-size: 9px;
	width: 230px;
}


/* @end */

.content.blog .date {
	font-weight: bold;
	color: #4a4a4a;
	font-size: 12px;
}

/* @group autocomplete */



div.autocomplete {
      position:absolute;
      width:280px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
      z-index: 5;
    }

div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }

div.autocomplete ul li.selected {
	 background-color: #ffb;
}
    
div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:16px;
      cursor:pointer;
      overflow: hidden;
    }

/* @end */

.content.blog p {
	font-size: 12px;
}

/* @group Groupgamebox */

.box.thegroupgames{
	overflow: visible;
}
.groupgame {
	
	position: static;
	width: 270px;
	height: 100px;
	border: 1px solid #fff57a;
}

.groupgame .iconbar {
	position: absolute;
	right: 5px;
	top:  5px;
	cursor: pointer;
	}

.groupgame .number {
	position: static;
	float: left;
	width: 50px;
	height: 100px;
	font-size: 36px;
	line-height: normal;
	color: #666;
	text-align: center;
	background-color: #fffcc3;
}

.groupgame .number p{
	position: relative;
	top: 30px;
	

}

.groupgame .packshot {
	float:  left;
	background-color: #fffcc3;
	width: 80px;
	
}

.groupgame .name {
	float:  left;
	background-color: #fFffF4;
	
	height: 100px;
	width: 190px;
	text-align: center;
	font-weight: bold;
}

.groupgame .name p{
	position: relative;
	top: 30px;

}

.groupgame .packshottable {
	
	height: 100px;
	padding: 5px;
	margin-left: 10px;
}


/* @end */

.thumbnailcontainer{
	position: relative;
	background-color: #d1d1d1;
}

.thumbsplash {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
	background-image: url(images/shadow.png);
	
}

.thumbnavigationlayer
{
	
	width: 300px;
	height: 120px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 13;
	
}

.thumbnavigationlayer img
{
	position: absolute;
	top: 0px;
	left: 0px;
}
.thumbnavigationlayer .naviinfo
{
	position: absolute;
	top: 15px;
	left: 0px;
	color: white;
	width: 100%;
	
	text-align: center;
	font-size: 12px;
}
	
.thumbnavigationlayer .goback
{
	position: absolute;
	top: 68px;
	left: 20px;
	width: 32px;
	height: 32px;

}

.thumbnavigationlayer .close
{
	position: absolute;
	top: 68px;
	left: 134px;
	width: 32px;
	height: 32px;
	
}

.thumbnavigationlayer .goforth
{
	position: absolute;
	top: 68px;
	right: 20px;
	width: 32px;
	height: 32px;

}

.thumbsplash .thumbsplashback{
	background-color: #000;
	width: 579px;
	height: 350px;
	position: absolute;
	opacity: 0.75;
}

.thumbsplash #thumb_waitani {
	position: absolute;
	z-index: 11;
	top: 0px;
	left: 0px;
	
}

.thumbsplash .thumbmediumpic {
	position: absolute;
	z-index: 12;
	top: 50px;
	left: 100px;
}

.thumbsplash .thumbmediumclosepic {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 13;
}

.thumbnailviewer {
	position: relative;
	width: 380px;
	height: 90px;
	overflow: hidden;
	background-color: #aaa;
	left: 0px;
}

.thumbnailviewer img {
}

.thumbnailviewer .thumbframe {
	border: 1px solid #9f9f9f;
	width: 118px;
	height: 75px;
	overflow: hidden;
}


#thumb_1 {
	position: absolute;
	left: 5px;
}

#thumb_2 {
	position: absolute;
	left: 130px;
}

#thumb_3 {
	position: absolute;
	left: 255px;
}

#thumb_4 {
	position: absolute;
	left: 380px;
}

.thumbnailviewer .thumbback:hover {
	background-color: #c00;
}

.thumbnailviewer .thumbback {
	position: absolute;
	top: 80px;
	width: 60px;
	height: 10px;
	background-color: gray;
	color: white;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0 0 0 10px;
	left: 0;
}

.thumbnailviewer .thumbback img{
	position: absolute;
	top: 0;
	left: 8px;
}

.thumbnailviewer .thumbposinfo {
	position: absolute;
	top: 78px;
	width: 380px;
	margin: 0;
	padding: 0;
	color: #494949;
	font-size: 10px;
	
	text-align: center;
	font-weight: bold;
	
}

.thumbnailviewer .thumbforw:hover {
	background-color: #c00;
}


.thumbnailviewer .thumbforw {
	position: absolute;
	top: 80px;
	width: 60px;
	height: 10px;
	background-color: gray;
	color: white;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0 0 0 10px;
	right: 0;
	}

.thumbnailviewer .thumbforw img{
	position: absolute;
	top: 0;
	right: 8px;
}

.thumbnailinfos h3 {
	position: absolute;
	top: 0px;
	margin: 0;
	padding: 0;
	right: 5px;
	color: #787878;
	font-size: 16px;
	font-weight: bold;
	width: 40px;
}

.thumbnailinfos p {
	position: absolute;
	top: 15px;
	width: 40px;
	margin: 0;
	padding: 0;
	right: 5px;
	color: #787878;
	font-size: 12px;
}




.header.photogallery h1{
	margin-left: 10px;
	position: absolute;
}

/* @group newgroups */

.box.newgroups
{
	height: 512px; 
	background: url(images/grouppages/new_group/verlauf.png) no-repeat;
	padding-top: 50px;
	padding-left: 25px;
	
}

.box.newgroups .newgroupmainbox{
	position: relative;
	width: 487px;
	height: 320px;
	background: url(images/grouppages/new_group/box.png) no-repeat;
	padding: 15px;
}

.box.newgroups .newgroupmainbox h1 {
	position: relative;
	color: #494949;
	left: 15px;
}

.box.newgroups .iconbar img {
	margin-left: 15px;
	margin-bottom: 30px;
}

.box.newgroups .description {
	color: #494949;
	font-size: 14px;
	line-height: normal;
	padding: 15px;
}

.box.newgroups .createheader {
	font-weight: bold;
}

.box.newgroups .ccontrols {
	width: 280px;
}

.box.newgroups .ccontrolsarea {
	width: 280px;
	height: 100px;
}



.box.newgroups .stepbox {
	margin-top: 20px;
	color: #494949;
	background: url(images/grouppages/new_group/arrow.png) no-repeat 250px 5px;
	
}

.box.newgroups .stepbox .onestep {
	height: 40px;
	color: #494949;
	font-size: 14px;
	width: 300px;
}

.box.newgroups .stepbox .onestep img{
	position: relative;
	top:  7px;
	margin-right: 10px;
}

.box.newgroups .stepbox #gobutton {
	position: absolute;
	right: 30px;
	top: 52px;
}

/* @end */

/* @group overviewsite */

.grouppageovc2{
	margin-left: 10px;
	margin-bottom: 10px;
}

.grouppageoverviewcontent {
	margin-left: 72px;
}






.grouppageoverviewcontent .group {
	clear: both;
	height: 60px;
	width: 427px;
	position: relative;
	border: 1px solid #adadad;
	margin-bottom: 5px;
}

.grouppageoverviewcontent .group .grouplayer{
	position: absolute;
	width: 427px;
	height: 60px;
	top: 0;
	left: 0;
	background: url(images/groupimages/dimmersmall.png) repeat-x 0 7px;
}

.grouppageoverviewcontent .group img {
	position: absolute;
	left: 0;
	top: 0;
	
}

.grouppageoverviewcontent .group h3 {
	position: absolute;
	left: 5px;
	bottom: 0px;
	margin: 0;
	font-size: 10px;
	
	width: 427px;
	color: #FFFFFF;
	padding: 0;
	
}
/* @end */

#separator{
	position: absolute;
	top: 80px;
}

#separator2{
	position: absolute;
	top: 84px;
}

#forumbreadcrumb{
	position: absolute;
	top: 84px;
}

#forumbreadcrumb a:link{
	color: white;
}

#forumbreadcrumb a:visited{
	color: white;
}

#forumbreadcrumb a:hover{
	color: #005380;
}

#forumbreadcrumb p{
	margin: 0;
	padding-left: 15px;
	color: white;
}



/* @group Groupinfoext */

.grouppagecontentlefttopic {
		width: 858px;
	float: left;
	padding-left: 3px;
	position: relative;
}

.box.groupinfotopic
{
	background: #ABABAB url(images/userpage_bg.png) repeat-x;
}

.groupinfotopic .groupheader {
	
	position: relative;
	height: 80px;
	padding: 0;
	margin-bottom: 25px;
}

.groupinfotopic .groupheader.forummargin{
	margin-bottom: 24px;
}

.groupinfotopic .groupheader .dimmer{
	position: absolute;
	width: 858px;
	height: 80px;
	top: 0;
	left: 0;
	background:  url(images/groupimages/dimmer.png) repeat-x;
}

.groupinfotopic .groupheader span
{
	position: absolute;
	bottom: 5px;
	width: 780px;
	left: 15px;
	
}

.groupinfotopic .groupheader h1
{
	
	
		margin: 0;
	padding: 0;
	font: normal normal 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	visibility: hidden;
}

.box.groupinfotopic .content {
	padding: 0px;
	position: relative;
	
}

.box.groupinfotopic .groupareahead{
	color: #777777;
	position: relative;
	height: 35px;
	background:  url(images/grouppages/dots.png) repeat-x 0 20px;
	left: 10px;
	width: 858px;
}
.box.groupinfotopic .groupareahead h1{
	padding-top: 2px;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
}

.box.groupinfotopic .forumheader 
{
	margin-top: 0px;
	margin-left: 0px;
	width: 858px;
	position: relative;
	height: 70px;
}

.box.groupinfotopic .forumheader .boundary{
	position: absolute;
	top: 50px;
}

.box.groupinfotopic .forumheader h1
{
	margin: 0;
	position: absolute;
	color: white;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	bottom: 0px;
	left: 0px;
	visibility: hidden;
}

.box.groupinfotopic .forumheader .dimmer{
	position: absolute;
	width: 858px;
	height: 50px;
	top: 0;
	left: 0;
	background: url(images/groupimages/dimmer.png) repeat-x 0 -20px;
}

/* @end */

/* @group Groupinfonormal */

.box.groupinfo
{
	background: #ABABAB url(images/userpage_bg.png) repeat-x;
}

.groupinfo .groupheader {
	
	position: relative;
	height: 80px;
	padding: 0;
	margin-bottom: 25px;
}

.groupinfo .groupheader.forummargin{
	margin-bottom: 24px;
}

.groupinfo .groupheader .dimmer{
	position: absolute;
	width: 570px;
	height: 80px;
	top: 0;
	left: 0;
	background:  url(images/groupimages/dimmer.png) repeat-x;
}

.groupinfo .groupheader span
{
	position: absolute;
	bottom: 5px;
	width: 480px;
	left: 15px;
	
}

.groupinfo .groupheader h1
{
	
	
		margin: 0;
	padding: 0;
	font: normal normal 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	visibility: hidden;
}

.box.groupinfo .content {
	padding: 0px;
	position: relative;
	
}

.box.groupinfo .groupareahead{
	color: #777777;
	position: relative;
	height: 35px;
	background:  url(images/grouppages/dots.png) repeat-x 0 20px;
	left: 10px;
	width: 540px;
}
.box.groupinfo .groupareahead h1{
	padding-top: 2px;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
}

/* @end */

/* @group invitebox */

.groupinvitebox {
	position: relative;
	float: right;
	margin-right: 10px;
	margin-top: 15px;
	width: 364px;
	height: 173px;
	background-image: url(images/grouppages/invitationbackground.png);
	overflow: hidden;
	color: #EEEEEE;
}

.groupinvitebox .innerpadding {
	padding: 15px;
	position: relative;
	
	
}



.groupinvitebox .closebutton {
	
	position: absolute;
	right: 7px;
	top: 7px;
}

.groupinvitebox .title {
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
}

.groupinvitebox  .dotted {
	border-bottom: 1px dotted #FFFFFF;
	
}

.groupinvitebox  textarea {
	width: 335px;
	height: 50px;
}

.groupinvitebox .submitbutton {
	position: absolute;
	bottom: 5px;
	right: 15px;
}
/* @end */

/* @group commentzeugs */


.commentbox .comment {
	
	width: 645px;
	padding: 5px;
	position: relative;
	text-align: justify;
	float: left;
	overflow: hidden;
}


.comments .textfield {
	position: relative;
	width: 550px;
	height: 200px;
	
}

.comments .textfield_edit {
	width: 550px;
	height: 200px;
}

.comments .optionsarea {
	position: absolute;
	bottom: 0;
	left: 570px;
}

/* @end */




/* @group Forumsstuff */

.box.groupinfo .forumheader 
{
	margin-top: 0px;
	margin-left: 0px;
	width: 570px;
	position: relative;
	height: 70px;
}

.box.groupinfo .forumheader .boundary{
	position: absolute;
	top: 50px;
}

.box.groupinfo .forumheader h1
{
	margin: 0;
	position: absolute;
	color: white;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	bottom: 0px;
	left: 0px;
	visibility: hidden;
}

.box.groupinfo .forumheader .dimmer{
	position: absolute;
	width: 570px;
	height: 50px;
	top: 0;
	left: 0;
	background: url(images/groupimages/dimmer.png) repeat-x 0 -20px;
}


#forumname{
	position: absolute;
	top: 52px;
	font-weight: bold;
}

#forumname p{
	margin: 0;
	padding-left: 15px;
	color: white;
	font-size: 13px;
}

/* @group Topicstuff */


.topiccontent {
	padding: 15px;
	
}

.topiccontent .head{

	height: 90px;
	background:  url(images/grouppages/dots.png) repeat-x 0 85px;
}

.topiccontent .head #topicname{
	position: absolute;
	top: 0;
	left: 70px;
	font-size: 14px;
	line-height: normal;
	color: #005380;
	font-weight: bold;
}

.topiccontent .head #topicname span{
	font-size: 11px;
	color: #888888;
}

.topiccontent .head #authorname{
	position: absolute;
	left: 70px;
	font-size: 12px;
	line-height: normal;
	color: #666666;
	font-weight: bold;
	bottom: 7px;
}

.topiccontent .content
{
	
	font-size: 12px;
	color: #333333;
	line-height: normal;
	position: relative;
}

.topictable {
	width: 100%;
	
	background: #8C8C8C url(images/grouppages/forum-active_bg.png) repeat-x;
}

.topicname a:link {
	color: #005380;
}

.topicname a:visited {
	color: #004063;
}

.topicname a:hover {
	color: #005380;
}

.topicnamedesc {
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid white;
	background-color: #ABABAB;
	color: #444444;
	padding-top: 3px;
	padding-bottom: 3px;
}

.topiclastpostdesc {
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid white;
	background-color: #ABABAB;
	color: #444444;
	padding-top: 3px;
	padding-bottom: 3px;
}

.topicname {
	padding-left: 15px;
	border-bottom: 1px solid white;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 375px;
}

.topicname p{
	color: #005380;
	font-size: 12px;
	font-weight: bold;
}

.topicname  span{
	color: #444444;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}

.topiclastpost {
	padding-left: 15px;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
}

.topiclastpost p{
	color: #005380;
	font-size: 12px;
	font-weight: normal;
}

.topiclastpost  span{
	color: #444444;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}


/* @end */

.box.groupinfo .forumheader span
{
	position: absolute;
	bottom: 2px;
	width: 480px;
	left: 15px;
	height: 20px;
	
}

/* @group Calendar */

.forumcalendar {
	position: relative;
	left: 40px;
}

.forumcalendar .navi{
	position: relative;
	
	height: 27px;
	background: url(images/grouppages/calendar_navi.png) no-repeat;
}

.forumcalendar .backnavi{
	position: relative;
	
	height: 27px;
	background: url(images/grouppages/calendar_navi_left.png) no-repeat;
}

.forumcalendar .forwnavi{
	position: relative;
	
	height: 27px;
	background: url(images/grouppages/calendar_navi_right.png) no-repeat;
}

.forumcalendar .navi h3{
	color: #444444;
	position: relative;
	margin: 0;
	top: 0px;
	
	font-size: 14px;
	text-align: center;
}

.forumcalendar .kw{
	position: relative;
	width: 30px;
	height: 60px;
	color: #888888;
	background: url(images/grouppages/calendar_box_small.png) no-repeat;
}

.forumcalendar .kw .weeknumber{
	position: absolute;
	color: #666666;
	top: 5px;
	width: 30px;
	margin: 0;
	padding: 0;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
}


.forumcalendar .day{
	position: relative;
	width: 60px;
	height: 60px;
	color: #AAAAAA;
	background: url(images/grouppages/calendar_box.png) no-repeat;
}

.forumcalendar .day.off{

	background: url(images/grouppages/calendar_box_dark.png) no-repeat;
}

.forumcalendar .dayweekend{
	position: relative;
	width: 60px;
	height: 60px;
	color: #AAAAAA;
	background: url(images/grouppages/calendar_box_weekend.png) no-repeat;
}

.forumcalendar .dayweekend:hover{
	color: #FFFFFF;
	background: url(images/grouppages/calendar_box_inactive.png) no-repeat;
}

.forumcalendar .dayweekend.off{
	
	background: url(images/grouppages/calendar_box_weekend_dark.png) no-repeat;
}


.forumcalendar .dayactive{
	position: relative;
	width: 60px;
	height: 60px;
	color: #FFFFFF;
	background: url(images/grouppages/calendar_box_active.png) no-repeat;
}

.forumcalendar .day:hover{
	color: #FFFFFF;
	background: url(images/grouppages/calendar_box_inactive.png) no-repeat;
}

.forumcalendar .wrapper {
	position: relative;
	
	width: 57px;
	height: 57px;

}

.forumcalendar .kwwrapper {
	position: relative;
	
	width: 27px;
	height: 57px;

}

.forumcalendar .wrapper .dayname{
	position: absolute;
	top: 3px;
	left: 3px;
	color: #555555;
}
.forumcalendar .wrapper .date{
	position: absolute;
	bottom: 0px;
	right: 3px;
	
	font-size: 24px;
	line-height: 32px;
}


/* @end */

/* @group Forumhauptstuff */

.forumcategorydesc {
	padding-left: 15px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid white;
	background-color: #ABABAB;
	color: #444444;
	
}

.forumcategorylasttopicdesc {
	padding-left: 15px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid white;
	background-color: #ABABAB;
	color: #444444;
	
}

.forumcategorytablediv img{
	position: absolute;
	top: 200px;
}

.forumcategorytable {
	width: 100%;
	height: 200px;
	background-image: url(images/grouppages/forum-home_bg.png);
}

.forumcategory {
	padding-left: 15px;
	border-bottom: 1px solid white;
}

.forumcategory p{
	color: #005380;
	font-size: 14px;
	font-weight: bold;
}

.forumcategory  span{
	color: #444444;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}

.forumcategorylasttopic {
	padding-left: 15px;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
}

.forumcategorylasttopic p{
	color: #005380;
	font-size: 14px;
	font-weight: normal;
}

.forumcategorylasttopic  span{
	color: #444444;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}

.forumbottom {
	height: 4px;
}

.forumrules {
	padding: 15px;
	position: relative;
	
	margin-top: 20px;
	clear: both;
}

.forumrules p{
	color: #555555;
	font-size: 14px;
	line-height: 17px;
}

.groupinfo .joinbutton{
	right: 10px;
	top: 15px;
	position: absolute;
}

.groupinfo .newpostbutton{
	left: 10px;
	top: 15px;
	position: absolute;
}




/* @end */

/* @end */


.box.groupinfo .groupcontentwrapper{
	padding: 5px;
}

/* @group Auswahlknoepfe */

.grouppageovc2 .navigation .pagenumber {
	width: 25px;
	height: 20px;
	position: relative;
	float: left;
	background-color: #555555;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	margin-top: 5px;
	font-weight: bold;
	text-align: center;
	color: white;
	border: 1px solid #888888;
	cursor: pointer;
}

.grouppageovc2 .navigation  a {
	text-decoration: none;
}

.grouppageovc2 .navigation .pagenumber:hover {
	background-color: #ff8f2a;
}

.grouppageovc2 .navigation  .pagenumber.selected {
	color: black;
	background-color: white;
}

/* @end */

.box.groupinfo .groupcontentleft {
	
	position: relative;
	float: left;
	padding: 10px;
	margin-left: 10px;
	margin-right: 30px;
	margin-bottom: 20px;
	
	width: 222px;
	height: 310px;
	background:  url(images/grouppages/home_box.png) no-repeat;
	color: #555555;
}

/* @group Kalende-Tagesansicht */

.dayview {
	overflow: hidden;
}

.dayview .hourly {
	position: relative;
	height: 29px;
	background-color: #ffe8c6;
	margin-bottom: 0px;
	color: #666666;
	font-weight: bold;
	font-size: 18px;
	padding: 5px;
	border-bottom: 1px solid #9c9c9c;
}

.dayview .terminfloater {
	position: absolute;
	top: 0px;
	left: 80px;
	width: 300px;
	border: 1px dotted #696969;
	background-color: #cdf0ff;
	padding: 5px;
}

.dayview .terminfloater .time{
	position: absolute;
	right: 5px;
	top: 5px;
	color: #555555;
	font-weight: bold;
}

.dayview .terminfloater h3{
	margin: 0;
	color: #666666;

}

.dayview .terminfloater .tcontrol {
	width: 250px;
}



.dayview .terminfloater textarea {
	width: 250px;
	height: 100px;
}


/* @end */

.box.groupinfo .groupcontentleft h3 {
	font-size: 15px;
	margin-top: 0;
	margin-bottom: 10px;
}

.box.groupinfo .groupcontentleft .head
{
	font-weight: bold;
	width: 120px;
	height: 25px;
}

.box.groupinfo .groupcontentleft .dotline
{
	background: url(images/grouppages/dots.png) repeat-x;
}

.box.groupinfo .groupcontentleft .systemicon {
	padding-right: 7px;
	padding-bottom: 3px;
}

#userpicbackground {
	padding: 8px;
	background: url(images/userpage_avabg.png) no-repeat;
}

.box.groupinfo .basicdata .head
{
	font-weight: bold;
	width: 120px;
}


.box.groupinfo .userquote{
	font-size: 14px;
	margin-bottom: 15px;
}

.box.userblognavi .blognavicategory {
	clear: both;
	position: relative;
	border: 1px solid #adadad;
	margin-bottom: 5px;
	overflow: hidden;
}


.box.userblognavi .blognavicategory h3 {
	position: relative;
	margin: 0;
	padding: 0 0 0 5px;
	font-size: 12px;
	width: 100%;
	background: #E6DA6B url(images/favoriteverlauf1.png) repeat-x;
	color: #3c3c3c;
}

.box.userblognavi .blognavicategory p {
	position: relative;
	left: 5px;
	background-color: none;
	margin: 0;
	overflow: hidden;
}

.box.userblognavi ul
{
	font-weight: bold;
	color: #565a56;
}

.box.userblognavi li
{
	list-style-type: square;
	
}

.box.groupmembers 
{
	height: 340px;
}

.box.groupmembers .friend {
	clear: both;
	height: 80px;
	position: relative;
	border: 1px solid #adadad;
	margin-bottom: 5px;
	
}

.box.groupmembers .redbox {
	clear: both;
	height: 78px;
	position: relative;
	padding: 5px;
	margin-bottom: 5px;
	background-image: url(images/grouppages/redbox.png);
}

.box.groupmembers .redbox .head {
	margin-top: 15px;
}

.box.groupmembers .redbox p {
	color: #e8dada;
}

.box.groupmembers .redbox .submitbutton {
	position: relative;
	top: 3px;
	left: 3px;
}

.box.groupmembers .redbox .tagline {
	width: 200px;

}

.box.groupmembers .content
{
	height: 300px;
	padding: 5px;
}

.box.groupmembers .outerscroll
{
	position: relative;
	overflow: auto;
	height: 300px;
	width: 270px;
}


.box.groupmembers .scrollable
{
  position: relative;
  overflow: hidden; 
  top: 5px;
  bottom: 5px;
  left: 0px;
  width: 100%
 }

.box.groupmembers .friend .avatar {
	position: absolute;
	left: 0;
	top: 0;
	border-right: 1px solid #b5b5b5;
}

.box.groupmembers .friend .isonline {
	position: absolute;
	right : 0px;
	top: 0px;
	border-right: none;
	z-index: 1;
}

.box.groupmembers .friend .isonline2 {
	position: absolute;
	left : 0px;
	top: 0px;
	border-right: none;
	z-index: 0;
}

.box.groupmembers .friend h3 {
	position: absolute;
	left: 70px;
	top: 3px;
	margin: 0;
	font-size: 12px;
	
	width: 175px;
	color: #737072;
	
}

.box.groupmembers .friend p {
	position: absolute;
	left: 70px;
	top: 20px;
	margin: 0;
	overflow: hidden;
	height: 60px;
}

.box.groupmembers .friend .iconbar {
	position: absolute;
	left: 70px;
	bottom: 0px;
}

/*
 Userpaagedefintion
*/