/*####################################################################*/
/*							* * = s S c = * *											*/
/*####################################################################*/

body {
	background-color:#1e1e1e;
	margin:0px;
	padding:0px;
	
	color:#b4b4b4;
	font-family:Tahoma, Arial, sans-serif;
	font-size:11px;
	line-height:16px;
	letter-spacing:1px;
}

h1 {
	color:#ff9827;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:16px;
	padding:0px;
	margin:0px;
	padding-bottom:11px;
	letter-spacing:2px;
}

h2 {
	font-size:11px;
	color:#ff9827;
	line-height:16px;
	letter-spacing:1px;
	padding:0px;
	margin:0px;
}

h3 {
	color:#ff9827;
	font-size:11px;
	line-height:18px;
	padding:0px;
	margin:0px;
}

h4 {
	margin:0px;
	padding:5px;
	font-size:11px;
	color:#ff9827;
	background-color:#181818;
	border-bottom:solid 1px #050505;
	border-right:solid 1px #050505;
	border-top:solid 1px #262626;
	border-left:solid 1px #262626;
	background-image:url(/pix/h4_inactive.gif);
	background-repeat:repeat-x;
	
}

p {
	margin:0px;
	padding:0px 0px 11px 0px;
}

a { color:#ff9827; text-decoration:none; outline:none; }
a:hover { color:#666666; text-decoration:none; outline:none; }

ul {
	margin:0px;
	padding:0px 0px 15px 5px;
	list-style:none;
}

ul li {
	margin:0px;
	padding:0px;
	padding-left:10px;
	background-image:url(/pix/dot.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
}

div#logo {
	position:absolute;
	top:-75px;
	left:329px;
	width:328px;
	height:188px;
	z-index:500;
}

div#moodPic {
	position:absolute;
	top:7px;
	left:6px;
	padding:1px;
	border-bottom:solid 1px #3a3839;
	z-index:200;
}

div#mainContainer {
	position:relative;
	width:927px;
	margin:80px auto 0px auto;
	padding:0px;
}

div.clearBoth {
	clear:both;
	line-height:0px;
}

.smallText {
	font-style:italic;
	font-size:10px;
	font-weight:normal;
	color:#777777;
}

.smallText a { color:#777777; }
.smallText a:hover { color:#999; }

/*===========================================================================
	Container Left
===========================================================================*/

div#ctL {
	position:relative;
	width:232px;
	float:left;
}

div#ctL_Background {
	background-image:url(/pix/box/boxLeft_middle.jpg);
	background-repeat:repeat-y;
}

div#ctL_Content {
	position:relative;
	margin:0px 6px 0px 8px;
	background-image:url(/pix/hgb.jpg);
	background-repeat:repeat;
}


/*===========================================================================
	Container Middle
===========================================================================*/

div#ctM {
	position:relative;
	width:460px;
	float:left;
}

div#ctM_Background {
	background-image:url(/pix/box/boxMiddle_middle.jpg);
	background-repeat:repeat-y;
}

div#ctM_Content {
	position:relative;
	margin:0px 6px 0px 6px;
	background-image:url(/pix/hgb.jpg);
	padding:127px 10px 10px 10px;
	min-height:200px;
}

/*===========================================================================
	Container Right
===========================================================================*/

div#ctR {
	position:relative;
	width:232px;
	float:left;
}

div#ctR_Background {
	background-image:url(/pix/box/boxRight_middle.jpg);
	background-repeat:repeat-y;
}

div#ctR_Content {
	position:relative;
	margin:0px 8px 0px 6px;
	background-image:url(/pix/hgb.jpg);
	background-repeat:repeat;
}


/*===========================================================================
	Footer
===========================================================================*/

div#footer {
	line-height:11px;
	height:16px;
	clear:both;
	color:#666666;
	border:solid 1px #3a3939;
	background-color:#151515;
	margin:0px 10px 10px 7px;
	padding-top:5px;
	text-align:center;
}


div#navigation {
	position:relative;
	padding:16px 10px 10px 10px;
	font-weight:bold;
}

div#navigation ul {
	margin:0px;
	padding:0px;
}

div#navigation li {
	margin:0px;
	padding:0px;
	list-style:none;
	background-image:none;
	text-transform:uppercase;
}


a.navigationInactive {
	color:#b4b4b4;
	text-decoration:none;
	padding-left:10px;
	background-image:url(/pix/navi/rank1.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
}

a.navigationInactive:hover {
	color:#666666;
	background-image:url(/pix/navi/rank2.gif);
}

a.navigationActive {
	color:#666666;
	text-decoration:none;
	padding-left:10px;
	background-image:url(/pix/navi/rank2.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
}

a.navigationActive:hover {
	color:#666666;
	background-image:url(/pix/navi/rank2.gif);
}


div#news {
	position:relative;
	padding:16px 10px 10px 10px;
}

/*===========================================================================
	Buttons
===========================================================================*/

div.button {
	width:159px;
	height:21px;
	background-image:url(/pix/buttons/bt_normal.gif);
	background-repeat:no-repeat;
	color:#ff9827;
	font-weight:bold;
	text-align:center;
	padding-top:3px;
}

/*===========================================================================
	Stats
===========================================================================*/


table.tblStats {
	margin:0px;
	margin-top:5px;
	padding:0px;
	border-top:solid 1px #3a3939;
}

table.tblStats td {
	margin:0px;
	padding:4px 0px;
	border-bottom:solid 1px #3a3939;
}

div.nextContainer {
	padding:3px 0px 5px;
	margin-bottom:10px;
	border-bottom:solid 1px #3a3939;
}

div.nextTxt { padding-bottom:3px; }

img.nextIcon {
	float:left;
	margin-right:5px;
	margin-top:1px;
}

div.nextBalkenContainer {
	width:252px;
	height:16px;
	border:solid 1px #3a3939;
	background-image:url(/pix/content/stats/balken_hgb.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:5px;
}

div.nextBalken {
	height:13px;
	margin:2px 2px 0px;
	background-image:url(/pix/content/stats/balken.gif);
	background-repeat:repeat-x;
}

/*===========================================================================
	Tabellen
===========================================================================*/

table.tblDefault {
	width:100%;
	border:none;
	padding:0px;
	margin:0px;
}

table.tblDefault td {
	vertical-align:top;
	padding:3px 0px;
	border-bottom:solid 1px #3a3939;
}

table.tblDefault td.infos {
	border-bottom:none;
}

table.tblDefault.noBorder td { border:none; }

/*===========================================================================
	Formulare
===========================================================================*/

form { margin:0px; padding:0px; }

.memberInputLogin {
	width:150px;
	height:13px;
	margin:0px;
	padding:2px 3px 0px 3px;
	color:#b4b4b4;
	font-family:Tahoma, Arial, sans-serif;
	font-size:10px;
	letter-spacing:normal;
	background-image:url(/pix/forms/input_hgb.gif);
	background-repeat:repeat-x;
	line-height:normal;
	
	border:solid 1px #585858;
}

.memberInputLogin.area {
	height:200px;
	background-color:#333;
	width:420px;
	background-image:none;
}

.memberInputLogin.select {
	width:auto;
	height:auto;
	padding:0px;
	color:#b4b4b4;
	background-image:none;
	background-color:#333;
	line-height:normal;
	border:solid 1px #585858;
}

/*===========================================================================
	Kalender
===========================================================================*/

div#calendarCt {
	width:200px;
	border:none;
	background-image:url(/pix/hgb.jpg);
	display:none;
}
div#calendarCt table {
	margin:0px;
	padding:0px;
	width:200px;
	border:solid 1px #3a3939;
}
div#calendarCt table td {
	padding:1px;
	text-align:center;
	border:dotted 1px #3a3939;
}

div#calendarCt table td a {
	display:block;
	height:auto;
	width:auto;
}

div#calendarCt table td a:hover { background-color:#000; }

div#newEvent {
	display:block;
	padding:10px;
	position:relative;
	border:solid 1px #3a3939;
	background-color:#222;
}

/*===========================================================================
	Forum
===========================================================================*/

table.forumTable {
	border:solid 1px #3a3939;
}
table.forumTable tr.black {
	background-color:#181818;
}
table.forumTable tr.white {
	background-color:#1d1d1d;
}
table.forumTable td {
	padding:5px;
	border-bottom:solid 1px #050505;
	border-right:solid 1px #050505;
	border-top:solid 1px #262626;
	border-left:solid 1px #262626;
}
table.forumTable td.star {
	text-align:center;
	border-left:none;
}
table.forumTable td.themen {
	text-align:center;
	vertical-align:middle;
}
table.forumTable td.beitraege {
	border-right:none;
	text-align:center;
	vertical-align:middle;
}

table.forumTable td.postAuthor {
	border-left:none;
	vertical-align:top;
	font-size:9px;
}


table.forumTable td.postText {
	border-right:none;
	vertical-align:top;
}

div#galleryImageContainer {
	position:absolute;
	top:117px;
	left:155px;
	width:602px;
	height:482px;
	z-index:500;
	border:solid 1px #393939;
	background-color:#000000;
	background-image:url(/pix/content/gallery/hgb_big.jpg);
	background-repeat:no-repeat;
	background-position:1px 1px;
	display:none;
}

div#galleryPreloader {
	position:relative;
	width:600px;
	height:480px;
	border:solid 1px #000000;
	background-image:url(/pix/content/gallery/preloader.gif);
	background-position:center;
	background-repeat:no-repeat;
}

img#galleryClose {
	position:absolute;
	top:5px;
	right:5px;
	z-index:550;
	cursor:pointer;
}

div#galleryImage {
	position:relative;
	width:600px;
	height:480px;
	background-repeat:no-repeat;
}

img#galleryPrev {
	position:absolute;
	bottom:10px;
	left:280px;
	z-index:551;
	cursor:pointer;
}

img#galleryNext {
	position:absolute;
	bottom:10px;
	right:280px;
	z-index:551;
	cursor:pointer;
}

.thumbnail {
	float:left;
	text-align:center;
	margin:0px 10px 10px 0px;
	display:block;
	border:solid 1px #3A3939;
	width:134px;
	height:107px;
	background-image:url(/pix/content/gallery/preloader.gif);
	background-repeat:no-repeat;
	background-position:center;
}

.thumbnailImage {
	width:134px;
	height:107px;
	background-repeat:no-repeat;
}

.thumbnail.right { margin-right:0px; float:right; }

div#galleryBackground {
	display:none;
	background-color:#000;
	cursor:pointer;
	position:absolute;
	top:6px;
	left:7px;
	width:910px;
	height:658px;
	z-index:500;
}


/*--------------- STATS ------------------*/

.statsTimeTitle {
	float:left;
	width:40%;
}

.statsTimePercent {
	float:left;
	width:60%;
	position:relative;
}

.statsTimePercent span {
	position:absolute;
	top:0px;
	left:5px;
	z-index:1;
}

.statsTimePercentBar {
	position:absolute;
	top:2px;
	left:0px;
	height:12px;
	background-color:#385629;
	z-index:0;
}

.borderBox {
	display:block;
	position:relative;
	border:solid 1px #3a3939;
	width:100%;
}
.borderBoxCell {
	padding:5px;
	border-bottom:solid 1px #050505;
	border-right:solid 1px #050505;
	border-top:solid 1px #262626;
	border-left:solid 1px #262626;
}

.borderBoxCell.title {
	clear:both;
	background-color:#181818;
}

.borderBoxCell.black, .borderBoxCell.white {
	width:47.2%;
	float:left;
}
.borderBoxCell.black { background-color:#181818; }
.borderBoxCell.white { background-color:#1d1d1d; }

.goodRatio { color:#009900; }
.badRatio { color:#FF0000; }