﻿/* Reset some Default-Browser-Styles */

body, iframe, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, legend, input, button, p, blockquote, table, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, select, fieldset, img, button, hr {
	border: 0;
}


ol, ul {
	list-style: none;
}

hr {
	display: none;
}


/* General */

body {
	font-family: Arial, Helvetica, Calibri, Verdana, sans-serif;
	font-size: 62.5%;
	line-height: 1.3;
	text-align: center;
   	background: #e4e5e0;
	color: #292c21;
}

body * {
	font-family: Arial, Helvetica, Calibri, Verdana, sans-serif;
}




/* Typography */

h1 {
	font-size: 2.0em;
	font-weight: bold;
	line-height: 1.1;
	padding-bottom: 2px;
	border-bottom: 2px solid #afb0ad;
	color: #565753;
}

	#content.full h1 {
		width: 955px; /* ie6 fix */
	}

	.two-cols h1 {
	   width: 370px;
	}

h2 {
	font-size: 1.7em;
	font-weight: normal;
	margin-bottom: 0.5em;
	color: #565753;
}

h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0.5em;
	color: #565753;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.5em;
	color: #565753;
}

p {
	font-size: 1.2em;
}

.copytext p {
   margin-bottom: 1em;
}

blockquote p {
	font-size: 1.7em;
}

blockquote p cite {
	display: block;
  font-size: 0.71em;
  font-style: normal;
}

em {
	font-style: normal;
	color: #868784;
}

	em.quota {
		font-size: 1.42em;
	}

strong {
	font-weight: bold;
}

ul,
dl {
	font-size: 1.2em;
}

dl {
	line-height: 1.5;
}

dt {
	font-weight: bold;
}


/* Links */

a {
	text-decoration: none;
	cursor: pointer;
}

a:link,
a:visited {
	text-decoration: none;
	color: #868784;
}

.post-list-mini p a:link,
.post-list-mini p a:visited {
	color: #6aba02;
}

a:hover,
a:active,
a:focus {
	text-decoration: none;
	color: #6aba02;
}

h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited,
h4 a:link,
h4 a:visited {
	color: #565753;
}


/* Helper */

#page *.gap-down {
	margin-bottom: 10px;
}

#page *.medium-gap-down {
	margin-bottom: 20px;
}

#page *.large-gap-down {
	margin-bottom: 50px;
}

*.gap-right {
	margin-right: 10px;
}

*.medium-gap-right {
	margin-right: 20px;
}

*.gap-left {
	margin-left: 10px;
}

*.medium-gap-left {
	margin-left: 20px;
}

*.gap-up {
	margin-top: 10px;
}

*.medium-gap-up {
	margin-top: 20px;
}

*.large-gap-up {
	margin-top: 50px;
}

*.inner-gap-up {
	padding-top: 10px;
}

*.inner-medium-gap-up {
	padding-top: 20px;
}

*.inner-large-gap-up {
	padding-top: 50px;
}

*.cosy {
   margin-top: 0!important;
}

*.metatext,
*.inactive {
	color: #868784;
}

	h4 .metatext,
	h3 .metatext {
		font-weight: normal;
	}

	h3 .metatext {
		font-size: 0.86em;
	}

	dl.important .inactive {
		font-size: 0.86em;
	}

*.meta {
	color: #868784;
	font-size: 0.92em;
}

*.single {
	width: 175px;
}

	input.single,
	textarea.single,
	select.single {
		width: 173px;
	}

*.single-light { /* if element is in a box and there should be a gap of 10 Pixels */
	width: 165px;
}

	input.single-light,
	textarea.single-light,
	select.single-light {
		width: 163px;
	}

*.double {
	width: 370px;
}

	input.double,
	textarea.double,
	select.double {
		width: 368px;
	}

*.double-light { /* if element is in a box and there should be a gap of 10 Pixels */
	width: 360px;
}

	input.double-light,
	textarea.double-light,
	select.double-light {
		width: 358px;
	}

*.triple {
	width: 565px;
}

	input.triple,
	textarea.triple,
	select.triple {
		width: 563px;
	}

*.triple-light { /* if element is in a box and there should be a gap of 10 Pixels */
	width: 555px;
}

	input.triple-light,
	textarea.triple-light,
	select.triple-light {
		width: 553px;
	}

*.quadruple {
	width: 760px;
}

	input.quadruple,
	textarea.quadruple,
	select.quadruple {
		width: 758px;
	}

*.quadruple-light { /* if element is in a box and there should be a gap of 10 Pixels */
	width: 750px;
}

	input.quadruple-light,
	textarea.quadruple-light,
	select.quadruple-light {
		width: 553px;
	}

*.left {
	float: left;
}

*.right {
	float: right;
}

*.clear {
	clear: both;
}

*.center {
	text-align: center;
}

	*.center * {
		margin-left: auto;
		margin-right: auto;
	}

*.addon-text {
	font-size: 1.2em;
}

*.connector {
	text-align: center;
	font-size: 1.7em;
	color: #868784;
}


/* Forms */

form {
	clear: both;
}

fieldset {
	clear: both;
	padding: 7px 0;
}

form p {
	margin-bottom: 10px;
}

input,
select,
textarea {
	font-size: 1.2em;
	font-weight: normal;
	color: #565753;
	text-indent: 2px;
}

input.textfield,
textarea {
	display: block;
	padding: 2px 0;
}

textarea.source {
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 1.1em;
}

input.important {
	padding: 4px 0;
	font-size: 1.4em;
}

select.important {
	padding: 3px 0;
	font-size: 1.4em;
}

input.checkbox {
}

input.radio {
	height: 1em;
}

label {
	font-size: 1.2em;
}

button:hover {
	cursor: pointer;
}

label input,
p input,
label select,
p select,
ul p,
ul dl,
li label,
dd input {
	font-size: 1em;
}

ul h4 {
	font-size: 1em;
}

h4 label,
h3 label {
	font-size: 1em;
}

fieldset h4,
fieldset h3 {
	margin-bottom: 2px;
}

#main input.textfield,
#main input.upload,
#main select,
#main textarea {
	border: 1px solid #afb0ad;
}

form *.metatext {
	margin-top: 5px;
}



/* Elements */

#page {
	width: 955px;
/*	overflow: hidden;*/
   padding: 0px 15px;
   margin: 15px auto 0 auto;
   background: #fff url(/img/2-page-bg.png) no-repeat left bottom;
}

#header {
	position: relative;
	z-index: 99;
	text-align: left;
   	width: 985px;
   	margin: 0 -15px 15px -15px;
   	background: #565753 url(/img/2-header-bg-top.png) no-repeat;
}

	#header #faybl-logo,
	#header #group-logo {
		display: block;
		width: 150px;
		padding: 10px 35px;
	}
	
		#header #faybl-logo img {
			display: block;
		}
		
	#header #group-title {
		display: block;
		width: 50%;
		height: 45px;
		padding: 15px 25px;
	}
	
		#group-title h1 {
			border: none;
			font-weight: normal;
			color: #fff;
		}
		
		#group-title p.powered-by {
			position: absolute;
			z-index: 3000;
			color: #fff;
			color: #e4e5e0;
		}
		
		#group-title p img {
			margin: 0 0 2px 5px;
			vertical-align: middle;
		}
	
	#header #user-status {
		width: 700px;
		position: absolute;
		top: 10px;
		right: 10px;
		text-align: right;
	}
	
		#header #user-status p,
		#header #user-status a {
			font-weight: bold;
			line-height: 1.8;
			color: #fff;
		}
		
		#header #user-status input {
			margin: 0 0 0 5px;
		}
		
		#header #user-status .textfield {
			display: inline;
			width: 100px;
		}
	
		#header #user-status a,
		#header #user-status #login-submit {
			display: block;
			width: 100px;
			height: 1.8em;
			margin-left: 10px;
			padding: 0;
			border: none;
			float: right;
			text-align: center;
			font-size: 1.2em;
			background: url(/img/themes/0/button-mini-bg-darkbg.png) no-repeat -100px 50%;
			color: #fff;
		}
		
		#header #user-status #new-msg {
		   display: inline;
		   width: auto;
		   float: none;
		   text-align: left;
		   font-size: 1em;
		   padding-left: 25px;
		   background: url(/img/icon-new-msg.gif) no-repeat 0 50%;
		}

	#header #banner {
		height: 30px;
		position: relative;
	}

/*	
	body.home #header #banner {
		height: 174px;
	}
	
		#header #banner h1 {
			width: 75%;
			padding-top: 30px;
			margin-left: 5%;
			border: none;
			text-align: center;
			font-size: 2.4em;
			font-weight: normal;
			line-height: 1;
			color: #fff;
		}
		
		#header #banner #flashcontent {
		   z-index: 10;
			width: 955px;
			height: 174px;
			background: url(/flash/home.png) no-repeat;
		}
	
		body.home #header #banner h1 {
			padding-top: 50px;
		}*/
	
		#header #main-nav {
			position: absolute;
			left: 35px;
			bottom: 0;
			margin-bottom: -2px;
			text-align: center;
		}
	
			#header #main-nav ul {
				font-size: 1.09em;
				font-weight: bold;
				text-transform: none;
			}
		
				#header #main-nav li {
					display: block;
					margin-right: 1px;
					float: left;
				}
				
				#header #main-nav li.current {}
			
				#header #main-nav a {
					display: block;
					width: 78px;
					padding: 4px 0 3px 0;
					line-height: 18px;
					background: url(/img/nav-tab-default.png) no-repeat 50% bottom; /* in 1 Bild packen */
					color: #fff;
				}
				
				#header #main-nav li.current a,
				#header #main-nav li.current a:hover {
					line-height: 20px;
					background-image: url(/img/themes/0/nav-tab-active.png);
				}
				
				#header #main-nav a:hover {
					background-image: url(/img/nav-tab-hover.png); /* in 1 Bild packen */
				}
	
	
	#header #secondary-nav {
		height: 35px;
		border-top: 2px solid #fff;
		background: #6bbc02;
	}
	
	.home #header #secondary-nav {
		background: #6bbc02 url(/img/themes/0/header-home-bg-bottom.png) no-repeat left bottom;
	}
	
	#header #secondary-nav #searchform {
		margin: 7px 5px 0 0;
		float: right;
	}
	
		#header #secondary-nav #searchform label {
			font-weight: bold;
			text-transform: uppercase;
			color: #fff;
		}
	
		#header #secondary-nav #searchform input {
			display: inline;
			width: 142px;
			margin-left: 5px;
		}
		
		#header #secondary-nav #searchform button {
			width: 23px;
			height: 25px;
			border: none;
			vertical-align: middle;
			text-indent: -999em;
			background: transparent url(/img/searchform-lens.png) no-repeat top center;
		}
	
		#header #secondary-nav ul {
			margin-left: 35px;
			line-height: 35px;
		}
	
			#header #secondary-nav ul li {
				margin-right: 20px;
				float: left;
			}
			
				#header #secondary-nav ul li a {
					font-weight: bold;
					color: #292c21;
				}
				
				#header #secondary-nav ul li a:hover {
					color: #e4e5e0;
				}
				
				#header #secondary-nav ul li.current a {
					color: #fff;
				}

	#main {
		width: 955px;
		overflow: visible;
		padding-bottom: 100px;
		float: left;
		text-align: left;
	}

		#main #content {
			width: 565px;
			float: left;
		}

			#main #content.wide {
				width: 760px;
			}

			#main #content.full {
				width: 955px;
			}

		#main #sidebar {
			width: 175px;
			float: right;
		}

			#main #sidebar.wide {
				width: 370px;
			}

		.section {
			clear: both;
			overflow: visible;
			margin-bottom: 15px;
			float: left;
		}

			#content .section {
				width: 565px;
			}

			#content.wide .section {
				width: 760px;
			}

			#content.full .section {
				width: 955px;
			}

		.two-cols {
		   margin-bottom: 20px;
		   width: 760px;
		   clear: both;
		   float: left;
		}

		div.two-cols *.first {
			float: left;
			margin-right: 10px;
		}

		div.two-cols *.second {
			float: right;
			margin-left: 10px;
		}


		.three-cols {
		   width: 760px;
		   clear: both;
		   float: left;
		}
		
		   .three-cols *.first,
		   .three-cols *.second {
		      float: left;
		      width: 240px;
		      margin-right: 20px;
		   }
		   
		   .three-cols *.third {
		      float: right;
		      width: 240px;
		      margin: 0;
		   }



	#footer {
		clear: both;
		height: 80px;
		padding-top: 10px;
		margin-top: 20px;
		font-size: 1.2em;
		background: url(./../img/footer-bg-top.png) no-repeat 0 0;
		color: #868784;
	}

		#footer a,
		#footer span {
			margin: 0 5px;
		}


	#footeraus {
		clear: both;
		height: 150px;
		padding-top: 25px;
		margin-top: 20px;
		text-align: left;
		line-height: 1.4;
		background: url(/img/footer-bg-top.png) no-repeat 0 0;
		color: #868784;
	}
	
	   #footeraus ul li.copyright {
	      float: left;
	      padding-left: 25px;
	      width: 150px;
	   }
		
      #footeraus ul ul {
         width: 175px;
         padding-left: 20px;
         float: left;
      }


/* Classes */

.bright {
	background: url(./../img/gradient-bright.png) no-repeat left bottom;
}

.message {
	clear: both;
	padding-left: 22px;
	margin: 15px 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #565753;
	background: url(./../img/icon-info.png) no-repeat 0 50%;
}

.dark-box,
.bright-box,
.meta-box,
.corporate-box,
#group-search,
#search {
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
}

	.bright-box.spaced {
		padding: 10px 20px 0 20px;
	}

.bottom {
	clear: both;
	height: 10px;
	margin-right: -10px;
	margin-left: -10px;
}

	.bright-box.spaced .bottom {
		height: 20px;
		margin-right: -20px;
		margin-left: -20px;
	}

.teaser-box h4 {
   border-bottom: 2px solid #fff;
}

.bright-box h4,
.bright-box h3,
.bright-box h2 {
	color: #565753;
}

*.corporate-box h2,
*.corporate-box h3,
*.corporate-box h4,
*.corporate-box ul,
*.corporate-box ul.important,
*.corporate-box a {
	color: #fff;
}

#content .bright-box {
	background: url(./../img/bright-box-bg-triple.png) no-repeat 0 0;
}

	#content .bright-box .bottom {
		background: url(./../img/bright-box-bottom-triple.png) no-repeat left bottom;
	}

#content.wide .bright-box,
#group-search,
#search {
	background: url(./../img/bright-box-bg-quadruple.png) no-repeat 0 0;
}

	#content.wide .bright-box .bottom,
	#group-search .bottom,
	#search .bottom {
		background: url(./../img/bright-box-bottom-quadruple.png) no-repeat  left bottom;
	}

	#content.wide div.two-cols .bright-box {
		width: 350px;
	}

#sidebar .bright-box {
	background: url(./../img/bright-box-bg-single.png) no-repeat 0 0;
}

	#sidebar .bright-box .bottom {
		background: url(./../img/bright-box-bottom-single.png) no-repeat  left bottom;
	}

#sidebar.wide .bright-box,
#content.wide div.two-cols .bright-box {
	background: url(./../img/bright-box-bg-double.png) no-repeat 0 0;
}

	#sidebar.wide .bright-box .bottom,
	#content.wide div.two-cols .bright-box .bottom {
		background: url(./../img/bright-box-bottom-double.png) no-repeat  left bottom;
	}




.bright-box-special {
   width: 210px !important;
   padding: 0 15px 55px 15px;
   background: url(./../img/bright-box-bg-special.png) no-repeat left bottom;
}

.bright-box-special-new {
   background-image: url(./../img/bright-box-bg-special-new.png);
}

.bright-box-special-user {
   background-image: url(./../img/bright-box-bg-special-user.png);
}

.bright-box-special-visits {
   background-image: url(./../img/bright-box-bg-special-visits.png);
}

   .bright-box-special h2 {
      margin: 0 -15px;
      padding: 10px 15px;
      background: url(./../img/bright-box-bg-special.png) no-repeat left top;
   }


.dark-box *,
.dark-box a,
.corporate-box *,
.corporate-box a {
	color: #fff;
}

#sidebar .dark-box {
	background: url(./../img/dark-box-bg-single.png) no-repeat 0 0;
}

	#sidebar .dark-box .bottom {
		height: 10px;
		background: url(./../img/dark-box-bottom-single.png) no-repeat left bottom;
	}

#content .meta-box {
	padding: 15px 25px 0 25px;
	margin-bottom: 15px;
	background: url(./../img/meta-box-bg-triple.png) no-repeat 0 0;
}

	#content .meta-box .bottom {
		height: 15px;
		margin-left: -25px;
		margin-right: -25px;
		background: url(./../img/meta-box-bottom-triple.png) no-repeat left bottom;
	}

#content .meta-box-double {
	padding: 7px 10px 0 10px;
	margin-bottom: 0px;
	background: url(./../img/meta-box-bg-double-dark.png) no-repeat 0 0;
}

	#content .meta-box-double .bottom {
		height: 3px;
		margin-left: -10px;
		margin-right: -10px;
		background: url(./../img/meta-box-bottom-double-dark.png) no-repeat left bottom;
	}

#content .green-box-double {
	padding: 7px 10px 0 10px;
	margin-top: 218px;
	margin-bottom: 0px;
	background: url(./../img/meta-box-bg-double-green.png) no-repeat 0 0;
}

	#content .green-box-double .bottom {
		height: 3px;
		margin-left: -10px;
		margin-right: -10px;
		background: url(./../img/meta-box-bottom-double-green.png) no-repeat left bottom;
	}

#content.wide .meta-box {
	background: url(./../img/meta-box-bg-quadruple.png) no-repeat 0 0;
}

	#content.wide .meta-box .bottom {
		background: url(./../img/meta-box-bottom-quadruple.png) no-repeat left bottom;
	}

#sidebar .meta-box {
	background: url(./../img/meta-box-bg-single.png) no-repeat 0 0;
}

	#sidebar .meta-box .bottom {
		height: 10px;
		background: url(./../img/meta-box-bottom-single.png) no-repeat left bottom;
	}

#sidebar.wide .meta-box {
	background: url(./../img/meta-box-bg-double.png) no-repeat 0 0;
}

	#sidebar.wide .meta-box .bottom {
		height: 10px;
		background: url(./../img/meta-box-bottom-double.png) no-repeat left bottom;
	}

#sidebar .corporate-box {
	background: url(./../img/themes/0/corporate-box-bg-single.png) no-repeat 0 0;
}

	#sidebar .corporate-box .bottom {
		background: url(./../img/themes/0/corporate-box-bottom-single.png) no-repeat left bottom;
	}

#sidebar.wide .corporate-box {
	background: url(./../img/themes/0/corporate-box-bg-double.png) no-repeat 0 0;
}

	#sidebar.wide .corporate-box .bottom {
		height: 15px;
		margin-left: -25px;
		margin-right: -25px;
		background: url(./../img/themes/0/corporate-box-bottom-double.png) no-repeat left bottom;
	}

.meta-box h1 {
	border: none;
}

.meta-box h2 {
	display: inline;
	margin: 0;
}

.meta-box *,
.meta-box a,
.meta-box p.important {
	color: #fff;
}

*.meta-box select,
*.meta-box input {
   width: 100%;
   margin-bottom: 2px;
   color: #565753;
}

*.meta-box option {
   color: #565753;
}

.meta-box .mini-button {
   background-image: url(./../img/button-mini-bg-meta.png);
}

#sidebar .meta-box .small-thumb {
	float: left;
	margin-bottom: 10px;
}

#sidebar .meta-box .info {
	overflow: auto;
	width: 85px;
	margin-bottom: 10px;
	float: right;
}

.meta-box .message-box {
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 2px solid #e4e5e0;
}

#sidebar *.meta-box,
#sidebar *.bright-box,
#sidebar *.dark-box,
#sidebar *.corporate-box {
	margin-bottom: 10px;
}

#sidebar .teaser-box {
	padding: 0 10px 10px 10px;
	margin-bottom: 10px;
	background: url(./../img/themes/0/teaser-box-single.png) no-repeat left bottom;
}

#sidebar.wide .teaser-box,
#content .teaser-box-double,
#content .usage-teaser {
   position: relative;
   width: 350px;
	padding: 0 10px 10px 10px;
	margin-bottom: 10px;
	background: url(./../img/themes/0/teaser-box-double.png) no-repeat left bottom;
}

#sidebar.wide .teaser-box {
   width: 330px;
	padding: 0 20px 10px 20px;
}

.teaser-box *,
.teaser-box-double *,
.teaser-box *.important,
.teaser-box-double *.important {
	color: #fff;
	border: none;
}

.teaser-box .small-thumb,
.teaser-box .medium-thumb {
   float: left;
   margin: 0 10px 5px 0;
}

.teaser-box .more,
.teaser-box-double .more {
   margin-top: 5px;
}

#sidebar .teaser-box .top {
	height: 10px;
	margin: 0 -10px;
	background: url(./../img/themes/0/teaser-box-top-single.png) no-repeat;
}

#sidebar.wide .teaser-box .top,
#content .teaser-box-double .top {
	height: 10px;
	margin: 0 -20px;
	background: url(./../img/themes/0/teaser-box-top-double.png) no-repeat;
}

#content .teaser-box-double .top {
   margin: 0 -10px;
}

.more,
.show-all {
	clear: both;
	text-align: right;
}

.bright .more,
.bright .show-all {
	padding-right: 10px;
}

	.more a,
	.show-all a {
		padding-right: 18px;
		font-size: 1.2em;
		font-weight: bold;
		background: url(./../img/more-arrow.png) no-repeat right 50%;
		color: #868784;
	}

	.meta-box .more a {
		background-image: url(./../img/more-arrow-meta.png);
	}



	.teaser-box .more a,
	.teaser-box-double .more a,
	#promo-box .more a {
		background-image: url(./../img/more-arrow-teaser.png);
	}


	#promo-box.negative .more a {
		background-image: url(./../img/more-arrow.png);
	}

	#main .teaser-box a:link,
	#main .teaser-box a:visited,
	#main .teaser-box-double .more a:link,
	#main .teaser-box-double .more a:visited {
		color: #fff;
	}

	.show-all a {
		background-image: url(./../img/show-all-arrow.png);
	}

	.more a:link,
	.more a:visited,
	.show-all a:link,
	.show-all a:visited {
		color: #868784;
	}

	.meta-box .more a:link,
	.meta-box .more a:visited,
	.meta-box .show-all a:link,
	.meta-box .show-all a:visited {
		color: #e4e5e0;
	}

	.more a:hover,
	.more a:active,
	.more a:focus,
	.show-all a:hover,
	.show-all a:active,
	.show-all a:focus {
		color: #6aba02;
	}

	.meta-box .more a:hover,
	.meta-box .more a:active,
	.meta-box .more a:focus,
	.meta-box .show-all a:hover,
	.meta-box .show-all a:active,
	.meta-box .show-all a:focus {
		color: #fff;
	}


.with-separator {
	padding-bottom: 5px;
	border-bottom: 2px solid #afb0ad;
}

.teaser-box .with-separator,
.teaser-box-double .with-separator {
	border-bottom: 2px solid #fff;
}

.meta-box .with-separator {
   border-bottom: 2px solid #868784;
}


/* Searchform */

#search {
	position: relative;
	width: 740px;
	margin-bottom: 20px;
}

#search div.lens {
	padding: 5px 0;
	background: url(./../img/search-lens.png) no-repeat 8px 50%;
}

	#search div.lens label {
		display: block;
		overflow: visible;
		width: 555px;
		text-align: right;
	}

	#search label input.textfield {
		display: inline;
		width: 515px;
	}

	#search #start-search {
		position: absolute;
		right: 35px;
		top: 12px;
		width: 140px;
	}

	#search #start-search a,
	#search #start-search input {
		display: block;
		width: 140px;
		height: 2.2em;
		margin-left: 10px;
		padding: 0;
		border: none;
		float: right;
		text-align: center;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 2.4;
		text-transform: uppercase;
		background: url(./../img/themes/0/button-search-bg.png) no-repeat 0 50%;
		color: #fff;
	}

	#search #start-search a:hover {
		background-position: -140px 50%;
	}

		form *.filter {
			margin: 5px 0 0 0;
		}

		form *.filter label {
			margin-right: 20px;
		}

		form *.filter label input {
			margin-right: 2px;
			vertical-align: middle;
		}

	#search .more {
		margin-bottom: -5px;
	}

/* Searchform */

#group-search {
	clear: both;
	position: relative;
	width: 740px;
	margin-bottom: 25px;
	top: 15px;
}

#group-search div.lens {
	padding: 5px 0;
	background: url(./../im/search-lens.png) no-repeat 8px 50%;
}

	#group-search div.lens label {
		display: block;
		overflow: visible;
		width: 555px;
		text-align: right;
	}

	#group-search label input.textfield {
		display: inline;
		width: 515px;
	}
	
	#group-search #start-search {
		position: absolute;
		right: 35px;
		top: 12px;
		width: 140px;
	}
	
	#group-search #start-search a,
	#group-search #start-search input {
		display: block;
		width: 140px;
		height: 2.2em;
		margin-left: 10px;
		padding: 0;
		border: none;
		float: right;
		text-align: center;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 2.4;
		text-transform: uppercase;
		background: url(./../im/themes/0/button-search-bg.png) no-repeat 0 50%;
		color: #fff;
	}
	
	#group-search #start-search a:hover {
		background-position: -140px 50%;
	}
	
		form *.filter {
			margin: 5px 0 0 0;
		}
	
		form *.filter label {
			margin-right: 20px;
		}
		
		form *.filter label input {
			margin-right: 2px;
			vertical-align: middle;
		}
		
	#group-search .more {
		margin-bottom: -5px;
	}



/* Rating Label with count */

.rating-info {
	width: 39px;
	height: 27px;
	padding-top: 19px;
	font-weight: bold;
	text-align: center;
	background: url(./../img/label.png) no-repeat 0 0;
	color: #292c21;
}


/* Groups in 2 Coloumns */

.group-widgets {
	float: left;
	width: 780px;
	font-size: 1em;
}


.double .group-widgets {
	width: 370px;
}

	.group-widgets li,
	.group-widget {
		display: inline;
		position: relative;
		width: 380px;
		margin: 0 20px 0 -10px;
		padding: 20px 0 10px 0;
		float: left;
	}

	.group-widget {
		padding-top: 10px;
	}

	.group-widgets .medium-thumb,
	.group-widget .medium-thumb {
		position: relative;
		width: 110px;
		float: left;
	}

	body.home .activity-list .small-thumb,
	.two-cols .activity-list .small-thumb {
		position: relative;
		width: 70px;
		float: left;
	}

	.group-widgets .medium-thumb img,
	.group-widget .medium-thumb img,
	body.home .activity-list .small-thumb img,
	.two-cols .activity-list .small-thumb img {
		margin-left: 10px;
	}

	.group-widgets .medium-thumb a,
	.group-widget .medium-thumb a {
		display: block;
		position: absolute;
		top: 0;
		left: 10px;
		width: 100px;
		height: 100px;
		text-indent: -999em;
		background: url(./../img/themes/0/goto-arrow.png) no-repeat right bottom;
	}

	.group-widgets .medium-thumb .rating-info,
	.group-widget .medium-thumb .rating-info,
	body.home .activity-list .small-thumb .rating-info,
	.two-cols .activity-list .small-thumb .rating-info {
		position: absolute;
		top: 0;
		left: 0;
		margin: -9px 0 0 0;
	}

	.group-widgets .info,
	.group-widget .info,
	.item-list .group-widget .info {
		width: 250px;
		margin-left: 10px;
		padding: 0;
		float: left;
		line-height: 1.2;
	}

	.group-widgets p,
	.group-widget p,
	.activity-list p,
	.activity p {
		font-size: 1.2em;
		font-weight: bold;
		color: #868784;
	}

	.progress-status dl,
	.user-layer dl,
	.group-widgets dl,
	.group-widget dl,
	.post-list dl,
	.activity-list dl {
		margin-top: 5px;
		font-size: 1.1em;
		color: #565753;
	}

	.progress-status dt,
	.user-layer dt,
	.group-widgets dt,
	.group-widget dt,
	.post-list dt,
	.activity-list dt {
		margin-right: 5px;
		float: left;
		clear: left;
		font-weight: bold;
	}


/* doppelt */


.group-widgets-double {
	float: left;
	width: 780px;
	font-size: 1em;
}


.double .group-widgets-double {
	width: 370px;
}

	.group-widgets-double li,
	.group-widget {
		display: inline;
		position: relative;
		width: 380px;
		margin: 0 20px 0 -10px;
		padding: 20px 0 10px 0;
		float: left;
	}

	.group-widget {
		padding-top: 10px;
	}

	.group-widgets-double .medium-thumb,
	.group-widget .medium-thumb {
		position: relative;
		width: 110px;
		float: left;
	}

	body.home .activity-list .small-thumb,
	.two-cols .activity-list .small-thumb {
		position: relative;
		width: 70px;
		float: left;
	}

	.group-widgets-double .medium-thumb img,
	.group-widget .medium-thumb img,
	body.home .activity-list .small-thumb img,
	.two-cols .activity-list .small-thumb img {
		margin-left: 10px;
	}

	.group-widgets-double .medium-thumb a,
	.group-widget .medium-thumb a {
		display: block;
		position: absolute;
		top: 0;
		left: 10px;
		width: 100px;
		height: 100px;
		text-indent: -999em;
		background: url(./../img/themes/0/goto-arrow.png) no-repeat right bottom;
	}

	.group-widgets-double .medium-thumb .rating-info,
	.group-widget .medium-thumb .rating-info,
	body.home .activity-list .small-thumb .rating-info,
	.two-cols .activity-list .small-thumb .rating-info {
		position: absolute;
		top: 0;
		left: 0;
		margin: -9px 0 0 0;
	}

	.group-widgets-double .info,
	.group-widget .info,
	.item-list .group-widget .info {
		width: 250px;
		margin-left: 10px;
		padding: 0;
		float: left;
		line-height: 1.2;
	}

	.group-widgets-double p,
	.group-widget p,
	.activity-list p,
	.activity p {
		font-size: 1.2em;
		font-weight: bold;
		color: #868784;
	}

	.progress-status dl,
	.user-layer dl,
	.group-widgets-double dl,
	.group-widget dl,
	.post-list dl,
	.activity-list dl {
		margin-top: 5px;
		font-size: 1.1em;
		color: #565753;
	}

	.progress-status dt,
	.user-layer dt,
	.group-widgets-double dt,
	.group-widget dt,
	.post-list dt,
	.activity-list dt {
		margin-right: 5px;
		float: left;
		clear: left;
		font-weight: bold;
	}


#group-info h2 {
	padding-left: 65px;
	line-height: 50px;
	background: url(./../img/icon-group-info.png) no-repeat left center;
}



#best-of-groups {
	float: left;
}

	#best-of-groups ul.mini-thumbs li {
		width: 210px;
	}

#group-categories {
   clear: both;
	float: left;
   padding: 15px 0 15px 0;
   margin-right: -2px;
   font-size: 1.4em;
   line-height: 1;
}

	#group-categories ul {
		float: left;
		width: 762px;
		margin: 0;
/*		margin-bottom: 15px;*/
		padding: 0;
	}

   #group-categories li {
      width: 379px;
      float: left;
      margin: 0 2px 2px 0;
      background: #f3f4f1;
   }
   
      #group-categories li a span {
         font-size: 0.71em;
      }
   
      #group-categories li a {
         display: block;
         width: 349px;
         height: 58px;
         padding: 8px 15px 2px 15px;
      }
      
      #group-categories li a:link,
      #group-categories li a:visited {
         color: #565753;
      }
      
         #group-categories li a:link span,
         #group-categories li a:visited span {
            color: #868784;
         }
   
      #group-categories li a:hover,
      #group-categories li a:active,
      #group-categories li a:focus,
      #group-categories li a:hover span,
      #group-categories li a:active span,
      #group-categories li a:focus span {
         background: #e4e5e0;
         color: #565753;
      }
      
      #group-categories li a:hover,
      #group-categories li a:active,
      #group-categories li a:focus {
         background: #e4e5e0 url(./../img/themes/0/goto-arrow.png) no-repeat right bottom;
      }

#group-listing {
	width: 760px;
	clear: both;
   padding: 15px 0 10px 0;
	margin-bottom: 15px;
	border-bottom: 2px solid #afb0ad;
}

	#group-listing .pager {
		margin-bottom: 15px;
		padding-top: 5px;
	}
	
	#group-listing ul.grid {
		overflow: hidden;
	}
	

	#group-listing ul.grid li {
		height: 4.8em;
	}
	
	
	ul.mini-thumbs li a:link,
	ul.mini-thumbs li a:visited,
	ul.grid li a:link,
	ul.grid li a:visited {
		color: #565753;
	}
	
	ul.mini-thumbs li a:hover,
	ul.mini-thumbs li a:active,
	ul.mini-thumbs li a:focus,
	ul.grid li a:hover,
	ul.grid li a:active,
	ul.grid li a:focus {
		color: #6aba02;
	}
	
	ul.grid li.private a:link,
	ul.grid li.private a:visited,
	h2.private {
		color: #868784;
		color: #afb0ad;
	}
	
	ul.grid li.private a:hover,
	ul.grid li.private a:active,
	ul.grid li.private a:focus {
		color: #565753;
		color: #f82828;
	}
	
	ul.grid img.private,
	ul.mini-thumbs img.private {
		float: left;
		margin: 0 3px 0 0;
		padding: 0;
	}







/* Faybl Mail */

#msg-header {
   overflow: auto;
   padding: 10px 0;
   background: url(./../img/gradient-bright-mini.png) repeat-x 0 bottom;
}

   #msg-header .status {
      float: right;
      height: 60px;
      width: 50px;
   }

	#msg-header.replied .status {
		background: url(./../img/icon-replied.png) no-repeat 0 45%;
	}

	#msg-header img {
		padding: 0 10px 0 10px;
		float: left;
	}

   #msg-header .info {
      float: left;
   }

   #msg-header dl {
      width: 565px;
      margin-top: 3px;
   }

   #msg-header dt {
      float: left;
      clear: left;
      margin-right: 5px;
   }

#msg-body {
   margin: 20px 0;
}

   #msg-body p {
   	font-size: 1.4em;
   	color: #868784;
   }


/* Labels */

.premium-user {
   float: left;
   margin-bottom: 15px;
}

.power-user {
   background-image: url(./../img/label-poweruser.png);
}

   .profile .power-user {
      background: url(./../img/large-label-poweruser.png) no-repeat 0 0;
   }

.promi-user {
   background-image: url(./../img/label-promiuser.png);
}

   .profile .promi-user {
      background: url(./../img/large-label-promiuser.png) no-repeat 0 0;
   }

.group-champ {
   background-image: url(./../img/label-gruppenchamp.png);
}

   .profile .group-champ {
      background: url(./../img/large-label-gruppenchamp.png) no-repeat 0 0;
   }

.faybl-darling {
   background-image: url(./../img/label-faybldarling.png);
}

   .profile .faybl-darling {
      background: url(./../img/large-label-faybldarling.png) no-repeat 0 0;
   }

.faybl-promo {
   background-image: url(./../img/label-fayblpromo.png);
}

   .profile .faybl-promo {
      background: url(./../img/large-label-fayblpromo.png) no-repeat 0 0;
   }


#group-champ-label {
   float: right;
   margin: 0 -20px 0 8px;
	width: 55px;
	height: 65px;
	background: url(./../img/large-label-gruppenchamp.png) no-repeat 0 0;
}


/* Small Tabs */

.tabs {
	display: inline; /* IE6 Double-Margin Float Bug Fix */
	float: right;
	position: relative;
	height: 25px;
	margin: -25px 25px 20px 0;
}

	.tabs li {
		height: 20px;
		padding: 5px 10px 0 10px;
		float: right;
		font-weight: bold;
		line-height: 1.2;
		text-align: center;
	}

	.tabs li.current {
		width: 130px;
		padding: 5px 0 0 0;
		background: url(./../img/small-tab.png) no-repeat 0 top;
	}

		.tabs li.current a {
			color: #565753;
		}

.small-tabs {
	display: inline; /* IE6 Double-Margin Float Bug Fix */
	float: right;
	position: relative;
	height: 18px;
	margin: -18px 5px 20px 0;
}

	.small-tabs li {
		height: 15px;
		padding: 3px 10px 0 10px;
		float: right;
		font-weight: bold;
		line-height: 1.2;
		text-align: center;
	}

	.small-tabs li.current {
		width: 90px;
		padding: 3px 0 0 0;
		background: url(./../img/small-tab-negative.png) no-repeat 0 top;
	}

		.small-tabs li.current a {
			color: #565753;
		}


/* View Options Pulldown(s) */

form.view-options {
/*   width: 565px;*/
	height: 25px;
/* float: right;*/
	margin-top: -25px;
	text-align: right;
}

	form.view-options label {
		font-weight: bold;
		color: #565753;
	}

	form.view-options label input,
	form.view-options label select {
		margin-left: 5px;
	}

	.section form.view-options {
		margin-top: 0;
	}


/* Grid */

#content.wide .grid {
	width: 780px;
}

#content .grid {
	overflow: auto;
	width: 585px;
}

	.grid li {
		position: relative;
		width: 175px;
		margin: 5px 20px 0 0;
		float: left;
	}

		.grid li img {
			float: left;
			padding-bottom: 5px;
			margin: 0 5px 0 0;
		}

		.grid li label {
			display: block;
			padding-left: 20px;
		}

		.grid li label:hover {
			color: #6aba02;
		}

		.grid li input {
			position: absolute;
			top: 0;
			left: 0;
		}



/* Grid2 */

#content.wide .grid2 {
	width: 780px;
}

#content .grid2 {
	overflow: auto;
	width: 585px;
}

	.grid2 li {
		position: relative;
		width: 175px;
		margin: 5px 20px 0 0;
		float: left;
	}

		.grid2 li img {
			float: left;
			padding-bottom: 5px;
			margin: 0 5px 0 0;
		}

		.grid2 li label {
			display: block;
			padding-left: 20px;
		}

		.grid2 li label:hover {
			color: #6aba02;
		}

		.grid2 li input {
			position: absolute;
			top: 0;
			left: 0;
		}


/* Posting Form */

#postingform {
	overflow: visible;
	width: 760px;
	padding-top: 0px;
	margin-bottom: 25px;
	border: 2px solid #afb0ad;
	border-width: 2px 0;
	background: #f7f7f5 url(./../img/gradient-bright-upsidedown.png) no-repeat 0 0;
}

#content #postingform .activity-list {
	width: 740px;
	margin: 0 0 10px 10px;
	background: #fff;
}

#content #postingform .activity-list li {
	width: 730px;
	padding: 5px;
	background: #fff;
}

#postingform textarea {
	height: 3.5em;
}
#postingform fieldset#externe,
#postingform fieldset#recipients,
#postingform fieldset#groups {
	margin: 5px 10px 5px 10px;
	padding: 5px;
	border: 1px solid #afb0ad;
	background: #e4e5e0;
}

	#content #postingform .grid {
		overflow: visible;
		width: 728px;
		margin-top: 10px;
		font-size: 1.1em;
	}

	#postingform .grid li {
		width: 170px;
		margin-right: 10px;
	}

	#sms-options {
		padding-top: 5px;
		margin-right: 10px;
		border-top: 2px solid #afb0ad;
	}

	#posting-addon {
		width: 535px;
		margin: 0 10px;
		padding: 0 10px 10px 10px;
		border: 1px solid #afb0ad;
		background: #e4e5e0;
	}

		#posting-addon .addon-box {
			padding-top: 10px;
		}

			#posting-addon .addon-box input {
				display: block;
				width: 535px;
			}

			#posting-addon #addon-foto fieldset {
			   padding-top: 0;
			}

			#posting-addon #addon-foto input.upload {
			   width: 175px;
			}

			#posting-addon #addon-foto input.textfield {
				width: 220px;
				float: right;
			}

			#posting-addon #addon-datei fieldset {
			   padding-top: 0;
			}

			#posting-addon #addon-datei input.upload {
			   width: 175px;
			}

			#posting-addon #addon-datei input.textfield {
				width: 220px;
				float: right;
			}

			#posting-addon .addon-box input.radio {
				width: auto;
			}

			#posting-addon .addon-box textarea {
				width: 535px;
			}

	#submit-post {
		padding-top: 0;
	}

	#submit-post div {
		float: right;
	}


/* Post-List */

.post-list,
.activity-list,
.item-list {
	font-size: 1em;
	line-height: 1.2;
}

.item-list {
	margin-top: 25px;
}

	.post-list li {
		width: 565px;
		margin: 15px 0;
		float: left;
	}
	
	.post-list-mini li {
		width: 350px;
		margin: 5px 0;
		float: left;
	}
	
	   .post-list-mini li.info {
   		float: left;
   		padding: 0;
	      background: url(./../img/activity-bubble-profile-bottom.png) no-repeat left bottom;
	   }
	   
   	   .teaser-box-double .post-list-mini li.info {
   	      background: url(./../img/activity-bubble-promi-profile-bottom.png) no-repeat left bottom;
   	   }
	
	   .post-list-mini li.info p {
   		font-weight: bold;
   		color: #868784;
	      padding: 10px 10px 0 30px;
	      background: url(./../img/activity-bubble-profile-top.png) no-repeat left top;
	   }
	
   	   .teaser-box-double .post-list-mini li.info p {
   	      background: url(./../img/activity-bubble-promi-profile-top.png) no-repeat left top;
   	   }
	   
	   .post-list-mini li.info .meta {
	      height: 28px;
	      margin: 16px 0 0 30px;
	   }


	#content.wide .post-list li {
		width: 760px;
		margin: 25px 0;
	}

	.item-list li {
		width: 565px;
		padding: 10px 0;
		margin: 0;
		border-bottom: 2px solid #afb0ad;
		float: left;
		background: url(./../img/gradient-bright-narrow.png) repeat-x left bottom;
	}

	.item-list li.item fieldset {
		padding: 0 10px;
	}

	#content.wide .item-list li {
		width: 760px;
	}

	#content.full .item-list li {
		width: 955px;
	}

	.activity-list li {
		clear: both;
		width: 515px;
		float: left;
		margin: 25px 0 0 0;
		padding: 0 25px;
		padding: 0;
	}

	#content.wide .activity-list li {
		width: 760px;
	}

		#content .post-list li li,
		#content .activity-list li li,
		#content .item-list li li {
			float: none;
			margin-bottom: 0;
		}

		#content .activity-list li li {
			float: none;
			padding: 0;
			margin-top: 0;
		}

		.item-list li li {
			padding: 0;
			border: none;
		}

	.post-list dl,
	.activity-list dl {
		overflow: auto;
		font-size: 1.1em;
	}

	.post-list p {
		clear: both;
		margin: 10px 0;
		font-size: 1.2em;
	}

	.post-list .page-preview,
	.post-list .small-thumb,
	.activity-list .small-thumb,
	.item-list .status,
	.post-list-mini .page-preview {
		float: left;
	}

	.item-list .status {
		padding: 0 10px 0 50px;
	}

		.item-list .status img {
			display: block;
		}

	.item-list .progress-status {
		width: 370px;
		margin-top: 10px;
		float: left;
	}

	.progress-status p {
		font-size: 1.2em;
	}

	.progress-status strong {
		color: #868784;
	}

	.progress-status .progress-bar {
		width: 175px;
		height: 15px;
		margin: 10px 0 10px 0;
		background: url(./../img/progress-bar-empty.png) no-repeat;
	}

		.progress-status .progress {
			height: 15px;
			text-indent: -999em;
			background: url(./../img/progress-bar.png) no-repeat;
		}

	.post-list .info {
		width: 455px;
		float: left;
		margin-left: 10px;
	}

		.post-list-mini .info h4 {
			margin: 0;
		}

	.item-list .info {
		width: 445px;
		padding-top: 15px;
		float: left;
	}

		.item-list .info h2 {
			margin: 0;
			font-size: 1.2em;
			font-weight: normal;
		}

			.item-list .info h2 a:link,
			.item-list .info h2 a:visited {
				color: #868784;
			}

			.item-list .info h2 a:hover,
			.item-list .info h2 a:active,
			.item-list .info h2 a:focus {
				color: #6aba02;
			}

		.item-list li.unread .status {
			background: url(./../img/icon-unread.png) no-repeat 20px 45%;
		}

		.item-list li.unread .info {
			padding-top: 12px;
		}

			.item-list li.unread h2 {
				font-size: 1.7em;
				font-weight: bold;
			}

				.item-list li.unread h2 a:link,
				.item-list li.unread h2 a:visited {
					color: #565753;
				}

			.item-list li .info h2 a:hover,
			.item-list li .info h2 a:active,
			.item-list li .info h2 a:focus {
				color: #6aba02;
			}

		.item-list li.replied .status {
			background: url(./../img/icon-replied.png) no-repeat 16px 45%;
		}

		.item-list .info p {
			font-size: 1.2em;
			font-weight: bold;
			color: #afb0ad;
		}

		.item-list .info .date {
			float: right;
			font-weight: normal;
			color: #868784;
		}

		.item-list h4,
		.item-list li label {
			font-size: 1.2em;
		}

			.item-list h4 label {
				font-size: 1em;
			}

	.activity-list .info {
		width: 505px;
		float: left;
		background: url(./../img/activity-bubble-bottom.png) no-repeat left bottom;
	}

		.activity-list .info .posting {
			overflow: auto;
			width: 455px;
			padding: 15px 15px 5px 35px;
			margin: 0;
			background: url(./../img/activity-bubble-top.png) no-repeat left top;
		}

		   .activity-list .info p a:link,
		   .activity-list .info p a:visited {
		      color: #6aba02;
		   }

		.activity-list .info p {
			margin: 0;
		}

		.activity-list .info .page-preview {
			float: right;
			margin-left: 10px;
		}

		.activity-list .thumbs {
		   margin-top: 5px;
		}

		.activity-list .thumbs li {
		   display: inline;
		   width: 60px;
		   margin-right: 5px;
		}

		.activity-list .info .addon-link {
			display: block;
			margin-top: 10px;
			font-size: 1.2em;
			font-weight: bold;
			color: #565753;
		}

		.activity-list .info .addon-link a {
			color: #6aba02;
		}

		.activity-list .info dl {
			margin: 20px 0 0 35px;
		}

		/* homepage */

		body.home .two-cols .activity-list li,
		body.home .activity-list li,
		body.home #content .two-cols .activity-list li,
		#content .two-cols .activity-list li {
		   width: 380px;
			margin-left: -10px;
			padding: 0;
		}

			body.home .activity-list .info,
			body.home .two-cols .activity-list .info,
			.two-cols .activity-list .info {
				width: 310px;
				background: url(./../img/activity-bubble-small-bottom.png) no-repeat left bottom;
			}


				body.home .activity-list .info .posting,
				body.home .two-cols .activity-list .info .posting,
				.two-cols .activity-list .info .posting {
					width: 260px;
					padding: 15px 15px 5px 35px;
					margin: 0;
					background: url(./../img/activity-bubble-small-top.png) no-repeat left top;
				}


				body.home .activity-list .info dl,
				body.home .post-list-single .activity-list .info dl,
				body.home .activity-list .post-list-single .info dl,
				body.home .post-list-single  .info dl,
				.post-list-single .info dl {
				   	overflow: hidden;
				   	height: 32px;
      					margin: 20px 10px 0 35px;
				}

	.post-list .actions,
	.activity-list .actions,
	.item-list .actions {
		width: 175px;
		float: right;
	}

		.post-list .actions .metatext,
		.activity-list .actions .metatext {
			font-size: 1.2em;
			font-weight: bold;
		}

		.post-list .actions li a .metatext {
			font-size: 1em;
		}

	.post-list .rating-info,
	.activity-list .rating-info {
		margin-top: 7px;
		float: right;
	}

	.post-list .rating,
	.activity-list .rating {
		margin-left: -20px;
	}


/* rating */

.rating {
	position: relative;
	width: 145px;
	height: 38px;
	margin-bottom: 10px;
	background: url(./../img/themes/0/rating-arrow.png) no-repeat 0 0;
}

	.bright .rating {
		background-image: url(./../img/themes/0/rating-arrow-brightbg.png);
	}

	.rating li a {
		display: block;
		position: absolute;
		height: 24px;
		top: 6px;
		left: 25px;
		text-indent: -999em;
		background: url(./../img/rating-numbers.png) no-repeat 0 0;
	}

	.rating li a:hover {
		background-position: 0 -30px;
	}

	.rating li a.add-one {
		width: 23px;
		z-index: 300;
	}

	.rating li a.add-two {
		width: 52px;
		z-index: 200;
	}

	.rating li a.add-three {
		width: 84px;
		z-index: 100;
	}

	.rating .add-one {
		position: absolute;
	}

/* Action Link-List */

.actions ul,
ul.actions {
	line-height: 1.2;
}

*.actions ul li,
* ul.actions li {
	display: inline; /* IE6 Whitespace Bug Fix */
	background: none;
}

#content *.actions li a {
	display: block;
	padding: 2px 0;
	font-weight: bold;
	color: #6aba02;
}

	#content *.actions li a:hover,
	#content *.actions li a:active,
	#content *.actions li a:focus {
		color: #292c21;
	}


/* Profilseite */

.profile {
	overflow: visible;
	margin-bottom: 10px;
}

   .profile-pic {
      position: relative;
      margin-left: -7px;
      float: left;
   }

      .profile-pic img {
         display: block;

         margin: 0 0 10px 7px;
      }

      .profile-pic .rating-info {
      }

      .profile .rating-info {
         height: 65px;
         width: 55px;
         position: absolute;
         top: 0;
         left: 0;
         margin: 5px 0 0 0;
      }

#upload-button {
	clear: left;
	margin: 0 0 0 17px;
}

#profile-upload-form {
   width: 140px;
   height: 25px;
   position: relative;
   overflow: hidden;
}

   #profile-upload-spinner {
      width: 145px;
      background-position: 50% 50%;
   }

   #profile-upload-form input.upload {
      position: absolute;
      right: 0;
      z-index: 2;
      -moz-opacity:0 ;
      filter:alpha(opacity: 0);
      opacity: 0;
      font-size: 50px;
      height: 50px;
      cursor: pointer;
   }

#gallery-upload-button {
   clear: left;
   margin-top: 10px;
}

#gallery-upload {
   width: 310px;
   overflow: auto;
   margin: 10px 0 10px 10px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #afb0ad;
	background: #e4e5e0;
}

   #gallery-upload label {
      display: block;
   }

   #gallery-upload input.textfield {
      width: 306px;
   }

.inbox .unread-count {
   font-weight: normal;
}

.inbox h4 {
   height: 23px;
   line-height: 23px;
   margin-bottom: 10px;
   border: none !important;
   background: url(./../img/icon-faybl-post.png) no-repeat right 50%;
}

.publications {}

   .publications li,
   .star-articles li {
      position: relative;
      padding: 5px 0;
   }

   .publications img,
   .star-articles img {
      float: left;
      margin: 0 10px 10px 0;
   }

   .publications .more,
   .star-articles .more {
      margin-top: 5px;
      font-size: 0.86em;
   }

.activity {
	width: 585px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 175px;
	background: url(./../img/activity-bubble-large-bottom.png) no-repeat left bottom;
}

	.activity p {
		width: 535px;
		padding: 10px 15px 0 35px;
		background: url(./../img/activity-bubble-large-top.png) no-repeat left top;
	}

	.profile dl {
		margin-left: 195px;
	}

#customize-profile label {
   display: block;
}

/* Sidebar Navigation */

#sidebar .actions ul,
#sidebar .categories ul {
	margin: 5px -10px 0 -10px;
	line-height: 1.2;
}

	#sidebar .actions li,
	#sidebar .categories li {
		display: inline; /* IE6 Whitespace Bug Fix */
	}

	#sidebar .actions ul a {
		display: block;
		padding: 4px 10px 4px 27px;
		font-weight: bold;
		background-position: 7px 0.3em;
		color: #fff;
	}

	#sidebar .actions ul a:hover {
		background-color: #292c21;
		color: #fff;
	}

	#sidebar .categories ul a {
		display: block;
		padding: 4px 10px;
		font-weight: bold;
	}

	#sidebar .categories ul a:hover {
		background-color: #6aba02;
		color: #fff;
	}

	#sidebar .actions li.current a,
	#sidebar .categories li.current a {
		background-color: #292c21;
		color: #fff;
	}

.actions h4,
.categories h4 {
	border-bottom: 2px solid #afb0ad;
	text-transform: uppercase;
}

.bright-box h4.with-separator {
	border-bottom: 2px solid #afb0ad;
}


/* User-Images in a box */

ul.small-thumbs li {
	position: relative;
	display: inline; /* IE6 Double-Margin Float Bug Fix */
	margin: 8px 3px 3px 0;
	padding-left: 8px;
	float: left;
}

	ul.small-thumbs li a {
		display: block;
		padding: 2px;
	}

	ul.small-thumbs li a:hover {
		padding: 0;
	}
	ul.small-thumbs li a.action:hover {
		padding: 2;
	}

	ul.small-thumbs li a:hover img {
		border: 2px solid #6aba02;
	}

	ul.small-thumbs li div.user-layer {
		position: absolute;
		left: -190px;
		bottom: 50%;
		z-index: 1000;
		width: 175px;
		padding: 5px 5px 7px 5px;
		border: solid 2px #afb0ad;
		background: #fff url(./../img/gradient-bright-mini.png) repeat-x left bottom;
	}

	ul.group-widgets li div.user-layer {
		position: absolute;
		left: 100px;
		bottom: 50%;
		z-index: 1000;
		width: 175px;
		padding: 5px 5px 7px 5px;
		border: solid 2px #afb0ad;
		background: #fff url(./../img/gradient-bright-mini.png) repeat-x left bottom;
	}

	ul.group-widgets-double li div.user-layer {
		position: absolute;
		left: 100px;
		bottom: 50%;
		z-index: 1000;
		width: 175px;
		padding: 5px 5px 7px 5px;
		border: solid 2px #afb0ad;
		background: #fff url(./../img/gradient-bright-mini.png) repeat-x left bottom;
	}


	ul.small-thumbs li div.user-layer dl,
	ul.group-widgets li div.user-layer dl {
		font-size: 0.92em;
	}

	ul.small-thumbs li div.user-layer .current-activity,
	ul.group-widgets li div.user-layer .current-activity {
		padding: 3px 0;
		border: 2px solid #e4e5e0;
		border-width: 2px 0;
		font-weight: bold;
		font-size: 0.92em;
		line-height: 1.2;
		color: #868784;
	}


/* Fayblsphaere */

.two-cols #fayblsphaere {
   width: 370px;
   height: 370px;
   margin-top: 10px;
   background: #e4e5e0;
}

   .two-cols #fayblsphaere iframe {
      width: 370px;
      height: 370px;
   }


/* News-Box */

#news-box {
   position: relative;
   width: 195px;
   margin: -5px -20px 10px 0;
   padding: 7px 0 0 0;
   background: url(./../img/news-box-top-bg.png) no-repeat left top;
   color: #fff;
}

   #news-box h3 {
      padding-left: 32px;
      line-height: 34px;
      height: 34px;
      margin-bottom: 16px;
      text-transform: uppercase;
      background: url(./../img/newswave.gif) no-repeat;
      color: #fff;
   }

   #news-box-body {
      min-height: 100px;
      padding: 0 30px 20px 20px;
      font-size: 1.4em;
      font-weight: bold;
      background: url(./../img/news-box-body-bg.png) no-repeat left bottom;
      color: #565753;
   }

   #news-box-body.uni {
      background-image: url(./../img/news-box-body-bg-uni.png);
   }

      #news-box-body p {
         font-size: 1em;
      }

   #news-box-bottom {
      width: 165px;
      padding: 5px;
      text-align: center;
      font-size: 1.1em;
      font-weight: bold;
      background: url(./../img/news-box-bottom-bg.png) no-repeat left bottom;
   }

   #news-box-bottom.uni {
      padding-top: 0;
      background-image: url(./../img/news-box-bottom-bg-uni.png);
   }



   #news-box-bottom a:link,
   #news-box-bottom a:visited {
   	color: #fff;
   }


/* New News Box */

.news-box {
	position: relative;
}

.news-box #new-badge {
	position: absolute;
	left: -10px;
	top: -5px;
	display: block;
	height: 46px;
	width: 46px;
	text-indent: -999em;
	background: transparent url(/img/home/new-badge.png) no-repeat top left;
}

.news-box h2 {
	margin-left: 37px;
}

.news-box p,
.news-box ul {
	margin-left: 20px;
}


/* Mini-Thumbs with text */

ul.mini-thumbs li {
	display: inline; /* IE6 Double-Margin Float Bug Fix */
	margin: 0 0 5px 0;
	float: left;
}

	ul.mini-thumbs li a {
		display: block;
		padding: 2px;
		font-weight: bold;
	}

		ul.mini-thumbs li a img {
			float: left;
			margin-right: 5px;
		}

	ul.mini-thumbs li a:hover img {
		border: 2px solid #6aba02;
		margin: -2px 3px -2px -2px;
	}


/* Große Listenpunkte mit Kreisbullet */

ul.important {
	font-size: 1.4em;
	color: #868784;
}

ul.very-important {
	font-size: 1.7em;
	color: #868784;
}

	ul.important li,
	ul.very-important li {
		margin-bottom: 10px;
		padding-left: 18px;
		background: url(./../img/fat-bullet.png) no-repeat 0 0.3em;
	}

	.corporate-box ul li,
	.teaser-box ul li,
	.teaser-box-double ul li,
	.collapsed-help-box ul li {
		margin-bottom: 5px;
		padding-left: 18px;
		background: url(./../img/themes/0/corporate-fat-bullet.png) no-repeat 0 0.3em;
	}

	.teaser-box ul.small li,
	.teaser-box-double ul.small li {
		padding-left: 14px;
		background: url(./../img/themes/0/corporate-bullet.png) no-repeat 0 0.2em;
	}


/* Große Schrift für wichtige Absätze */

p.important {
	font-size: 1.4em;
	color: #868784;
}

p.very-important {
	font-size: 1.7em;
	color: #868784;
}


/* Definition List with dt an the left and dd on the right */

dl.expanded {
	overflow: auto;
	padding-bottom: 10px;
}

	dl.expanded dt {
		float: left;
	}

	dl.expanded dd {
		display: block;
		text-align: right;
	}


dl.important {
	font-size: 1.4em;
}

dl.single-double {}

	dl.single-double dt {
		width: 175px;
/*    clear: both;*/
		float: left;
	}

	dl.single-double dd {
		width: 370px;
		float: right;
	}

dl.single-single {}

	dl.single-single dt {
		width: 175px;
      clear: left;
		float: left;
	}

	dl.single-single dd {
		width: 175px;
		float: left;
	}

dl.single-single.with-box-gap dt,
dl.single-single.with-box-gap dd {
    width: 165px;
}

dl.single-single.with-box-gap dt {
   margin-right: 20px;
}

.privacy {
   margin-left: 10px;
   padding-left: 14px;
   background: url(./../img/icon-lock.png) no-repeat 0 50%;
   font-size: 0.86em;
   color: #868784;
}

/* Steps (Assistant) */

.steps {
	margin: 0 0 5px 0px;
}

	.steps li {
		min-height: 30px;
		clear: both;
		padding-bottom: 5px;
		background: url(./../img/steps-line.png) repeat-y 14px 0;
	}

	.steps li.last {
		margin-bottom: 0;
		background: none;
	}

	.steps span.number {
		display: inline;
		width: 30px;
		height: 30px;
		float: left;
		text-align: center;
		font-size: 1.7em;
		font-weight: bold;
		line-height: 30px;
		background: url(./../img/themes/0/number.png) no-repeat -30px 0;
		color: #e4e5e0;
	}

	.steps li.current span.number {
		background-position: 0 0;
		color: #fff;
	}

	.steps li * {
		color: #868784;
	}

	.steps li.current * {
		color: #fff;
	}

	ol.steps h2 {
		width: 312px;
		margin: 0;
		float: right;
		line-height: 29px;
	}

	.steps p {
		clear: left;
		padding: 0 0 5px 40px;
	}

	.steps li.last p {
		background: #afb0ad;
	}

	/* wenn es nur 1 Schritt gibt */

	.one-step * {
		padding: 0 5px;
		color: #fff;
	}


/* Loopauswahl mit Blätterfunktion */

.the-loop {
	position: relative;
	padding: 10px 0;
	border: 2px solid #afb0ad;
	border-width: 2px 0;
	background: url(./../img/gradient-bright-narrow.png) repeat-x left bottom;
}

	.the-loop .left,
	.the-loop .right {
		display: block;
		height: 70px;
		width: 29px;
		margin: 25px 0;
	}

	.the-loop .left {
		position: absolute;
		left: 20px;
		top:0;
		background: url(./../img/browse-left.png) no-repeat;
	}

	.the-loop .left-inactive {
		background: url(./../img/browse-left-inactive.png) no-repeat;
	}

	.the-loop .right {
		position: absolute;
		right: 20px;
		top:0;
		background: url(./../img/browse-right.png) no-repeat;
	}

	.the-loop .right-inactive {
		background: url(./../img/browse-right-inactive.png) no-repeat;
	}

	.the-loop .window {
		position: relative;
		overflow: hidden;
		margin: 0 62px;
		width: 440px;
		height: 104px;
	}

		.the-loop .window ul#slider {
			position: absolute;
			display: block;
			margin-left: 0px;
		}

			.the-loop .window ul li {
				display: block;
				width: 104px;
				height: 104px;
				padding: 0 3px;
				float: left;
			}

				.the-loop .window ul li a {
					display: block;
					width: 104px;
					height: 104px;
					background: #e4e5e0;
				}

				.the-loop .window ul li.active a {
					background: #292c21;
				}

				.the-loop .window ul li a:hover {
					background: #6aba02;
				}

					.the-loop .window ul li a img {
						margin: 2px;
					}


/* Color-Picker */

.color-picker {
	overflow: auto;
	position: relative;
	padding: 10px 0;
	border: 2px solid #afb0ad;
	border-width: 2px 0;
	background: url(./../img/gradient-bright-narrow.png) repeat-x left bottom;
}

	.color-picker ul {
		margin: 0 0 0 13px;
	}

	.color-picker ul li {
		display: block;
		float: left;
		margin: 0 1px 1px 0;
	}

	.color-picker ul li a {
		display: block;
		width: 22px;
		height: 22px;
		margin: 2px;
		text-indent: -999em;
	}

	.color-picker ul li.active a {
		margin: 0;
		border: 2px solid #292c21;
	}

	.color-picker ul li a:hover {
		margin: 0;
		border: 2px solid #6aba02;
	}


/* Gruppen-Preview */

#large-preview {
	width: 370px;
	height: 277px;
	background: url(./../img/preview-placeholder.png) no-repeat;
}

	#large-preview-page {
		width: 370px;
		height: 277px;
	}

/* Pager */

.pager {
	clear: both;
	padding-top: 10px;
	text-align: center;
	font-size: 1.4em;
}

	.pager a,
	.pager span.current {
		padding: 0 3px;
	}

	.pager a {
		font-weight: bold;
	}

	.pager a.prev {
		padding: 5px 10px;
		background: url(./../img/icon-prev.png) no-repeat 50% 45%;
	}

	.pager a.next {
		padding: 5px 10px;
		background: url(./../img/icon-next.png) no-repeat 50% 45%;
	}


/* Buttons */

.mini-button,
.small-button,
.medium-button,
.large-button,
.mini-button-dimmed,
.small-button-dimmed,
.medium-button-dimmed,
.medium-button-add,
.large-button-dimmed {
	display: block;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

.mini-button,
.mini-button-dimmed {
	width: 100px;
	height: 20px;
	font-size: 1.2em;
	line-height: 20px;
	background: url(./../img/themes/0/button-mini-bg.png) no-repeat 0 0;
}

.mini-button:link,
.mini-button:visited {
	color: #fff;
}

.mini-button-dimmed,
.mini-button-dimmed:link,
.mini-button-dimmed:visited {
	background-position: -200px 0;
	color: #fff;
}

.mini-button:hover,
.mini-button-dimmed:hover {
	background-position: -100px 0;
	color: #fff;
}

.small-button,
.small-button-dimmed {
	width: 140px;
	height: 25px;
	font-size: 1.2em;
	line-height: 25px;
	background: url(./../img/themes/0/button-small-bg.png) no-repeat 0 0;
}

h1 .small-button,
h1 .mini-button {
	font-size: 0.55em;
}

.small-button:link,
.small-button:visited {
	color: #fff;
}

.small-button-dimmed,
.small-button-dimmed:link,
.small-button-dimmed:visited {
	background-position: -280px 0;
	color: #fff;
}

.small-button:hover,
.small-button-dimmed:hover {
	background-position: -140px 0;
	color: #fff;
}

.medium-button,
.medium-button-dimmed,
.medium-button-add {
	width: 175px;
	height: 25px;
	font-size: 1.2em;
	line-height: 25px;
	background: url(./../img/themes/0/button-medium-bg.png) no-repeat 0 0;
}

.medium-button:link,
.medium-button:visited {
	color: #fff;
}

.medium-button-dimmed,
.medium-button-dimmed:link,
.medium-button-dimmed:visited {
	background-position: -350px 0;
	color: #fff;
}

.medium-button:hover,
.medium-button-dimmed:hover {
	background-position: -175px 0;
	color: #fff;
}

.medium-button-add,
.medium-button-add:link,
.medium-button-add:visited {
	background: url(./../img/button-medium-add-bg.png) no-repeat -175px 0;
	color: #fff;
}

.medium-button-add:hover {
	background-position: 0 0;
	color: #fff;
}

.large-button {
	width: 175px;
	height: 30px;
	font-size: 1.4em;
	line-height: 30px;
	background: url(./../img/themes/0/button-large-bg.png) no-repeat 0 0;
}

.large-button:link,
.large-button:visited {
	color: #fff;
}

.large-button:hover,
.large-button:hover {
	background-position: -175px 0;
	color: #fff;
}

.sidebar-button {
   display: block;
   width: 115px;
   height: 47px;
   padding: 13px 5px 0 55px;
   font-size: 1.2em;
   font-weight: bold;
   line-height: 40px;
   text-align: center;
   background-position: -175px 0;
   background-repeat: no-repeat;
}

   .sidebar-button:hover {
      background-position: 0 0;
   }
   
   .sidebar-button-invite {
      background-image: url(./../img/button-invite-friends.png);
   }
   
   .sidebar-button-create-group {
      background-image: url(./../img/button-create-group.png);
   }

.large-button-create-group {
	display: block;
	margin: 0 auto;
	width: 190px;
	height: 83px;
   padding: 20px 3px 0 70px;
   font-size: 1.7em;
   font-weight: bold;
   line-height: 40px;
   text-align: center;
	background: url(./../img/button-large-create-group.png) no-repeat -264px 0;
}

.large-button-create-group:hover,
.huge-button:hover {
	background-position: 0 0;
}

.huge-button {
	display: block;
	margin: 0 auto;
	width: 307px;
	height: 63px;
   padding: 20px 3px 0 70px;
   font-size: 1.7em;
   font-weight: bold;
   line-height: 40px;
   text-align: center;
   background-position: -380px 0;
   background-repeat: no-repeat;
}




/* Tagliste */

*.tags {
	padding: 2px 0 2px 18px;
	margin-top: 5px;
	font-size: 1.1em;
	background: url(./../img/icon-tag.png) no-repeat 0 50%;
}

h4 .tags {
	font-size: 1em;
}

/* Tag-Vorschläge */

*.tag-suggestions {
	margin-top: 5px;
	font-size: 1.2em;
}

*.tag-suggestions ul {
	margin-left: 5px;
	display: inline;
	font-size: 1em;
}

*.tag-suggestions li {
	display: inline;
}

	*.tag-suggestions li a {
		padding: 0 5px;
		font-weight: bold;
	}

	*.tag-suggestions li a:link,
	*.tag-suggestions li a:visited {
		color: #6aba02;
	}

	*.tag-suggestions li a:hover,
	*.tag-suggestions li a:active,
	*.tag-suggestions li a:focus {
		color: #292c21;
	}


/* Bookmarklets */

.bookmarklet-preview {
	text-align: right;
}


/* Inline-Editing */

dd.inline-form input.textfield {
	margin-right: 5px;
	float: left;
	font-size: 1em;
}

dl.important dd.inline-form input.textfield,
dl.important dd.inline-form select {
	font-size: 0.86em;
}

dl.important dd.inline-form input.textfield {
   width: 140px;
}

dd.inline-form select {
	margin-right: 5px;
	float: left;
	font-size: 1em;
}

dl.important dd.inline-form select {
   width: 160px;
}

dd.inline-form input.single {
	width: 115px;
}

dd.inline-form a {
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 0 0 3px;
	float: left;
	text-indent: -999em;
}

dd.inline-form a.submit {
	background: url(./../img/button-ok.png) no-repeat 50% 50%;
}

dd.inline-form a.cancel {
	background: url(./../img/button-cancel.png) no-repeat 50% 50%;
}

*.spinner {
   width: 40px;
   background: url(./../img/spinner.gif) no-repeat 0 50%;
}


/* iFrame */

#sidebar #livestream,
#sidebar #map {
   width: 175px;
   margin-bottom: 10px;
}

#sidebar #livestream h3,
#sidebar #map h3 {
   margin-bottom: 2px;
}

#sidebar iframe {
   width: 175px;
   height: 175px;
   border: 1px solid #afb0ad;
   overflow: hidden;
}


/* Invite Button */

#invite-friends-button {
   width: 75px;
   height: 75px;
   float: right;
   text-indent: -999em;
   background: url(./../img/invite-friends-button.png) no-repeat;
}

#invite-friends-button:hover {
   background-position: -75px 0;
}



/* Helpboxen zum ausklappen */

.collapsed-help-box,
.collapsed-posting-box {
   margin-bottom: 10px;
}

   .collapsed-help-box *,
 	.collapsed-help-box *.important {
      color: #fff;
   }
   
   .collapsed-help-box .double {
      width: 355px;
   }
   .collapsed-posting-box *,
 	.collapsed-help-box *.important {
      color: #fff;
   }
   
   .collapsed-posting-box .double {
      width: 355px;
   }

   .collapsed-help-box .visible-info,
   .collapsed-posting-box .visible-info {
      overflow: auto;
      padding: 5px 15px;
      border-bottom: 1px solid #81ce02;
      background: url(./../img/themes/0/help-box-bg-quadruple.png) no-repeat 0 0;
   }
   
      .collapsed-help-box .visible-info h2,
      .collapsed-posting-box .visible-info h2 {
         text-align: center;
         margin-bottom: 0;
      }
   
   .collapsed-help-box .hidden-info,
   .collapsed-posting-box .hidden-info {
      overflow: auto;
      padding: 10px 15px 15px 15px;
      background: #81ce02;
   }

	.hidden-info h1 {
		line-height: 60px;
		border: none;
	}

	.hidden-info .three-cols {
		width: 730px;
	}
	
		.hidden-info .three-cols .first,
		.hidden-info .three-cols .second,
		.hidden-info .three-cols .third {
			width: 230px;
		}

   #help-box-toggle {
      display: block;
      padding: 2px 0 9px 0;
      text-align: center;
      font-size: 1.2em;
      background: url(./../img/themes/0/help-box-quadruple-toggle.png) no-repeat left bottom;
   }
   
   #help-box-toggle.close {
      background-position: -760px bottom;
   }
   
   a#help-box-toggle:link,
   a#help-box-toggle:visited {
      color: #fff;
   }

   #help-box-toggle2 {
      display: block;
      padding: 2px 0 9px 0;
      text-align: center;
      font-size: 1.2em;
      background: url(./../img/themes/0/help-box-quadruple-toggle.png) no-repeat left bottom;
   }
   
   #help-box-toggle2.close {
      background-position: -760px bottom;
   }
   
   a#help-box-toggle2:link,
   a#help-box-toggle2:visited {
      color: #fff;
   }


/* Neue Homepage */

#splash {
	width: 955px;
	margin-bottom: 15px;
}

	#splash #faybl-1,
	#splash #faybl-2 {
		position: relative;
		overflow: hidden;
		width: 955px;
		height: 430px;
	}
	
	#splash #faybl-1 {
		background: #e4e5e0 url(/img/home/splash-bg-faybl-1.png) no-repeat top left;
	}
	
		#splash #faybl-1 .claim {
			height: 150px;
		}
	
		#splash #faybl-1 h1 {
			font-size: 3.6em;
			border: none;
			padding-top: 25px;
			margin: 0 0 0 45px;
			color: #6aba02;
		}
		
		#splash #faybl-1 p {
			margin: 5px 45px 0 45px;
			font-size: 2em;
		}
		
		#splash #flashcontent {
			width: 953px;
			height: 250px;
			margin: 0 1px;
		}
	
	#splash #faybl-2 {
		background: #e4e5e0 url(/img/home/splash-bg-faybl-2.png) no-repeat top left;
	}
	
	#splash #splash-categories {
		width: 903px;
		height: 180px;
		margin: 0 26px;
	}
	
	#splash #category-details {
		width: 955px;
		height: 130px;
		margin-top: -10px;
		overflow: auto;
		clear: both;
	}
	
		#splash #types-of-media {
			width: 452px;
			margin: 0;
			padding: 0 0 10px 25px;
			float: left;
		}
		
			#splash #types-of-media h4 {
				margin: 0;
				color: #868784;
				color: #afb0ad;
			}
		
		#splash #types-of-media ul {
			font-size: 1.1em;
			width: 448px;
			margin: -5px 0 -10px -10px;
			font-weight: bold;
			color: #565753;
		}
		
		#splash #types-of-media li {
			float: left;
			width: 63px;
			height: 15px;
			padding-top: 57px;
			text-align: center;
		}
		
			#types-of-media li.posting {
				background: url(/img/home/media-posting.png) no-repeat top center;
			}
		
			#types-of-media li.photo {
				background: url(/img/home/media-photo.png) no-repeat top center;
			}
		
			#types-of-media li.video {
				background: url(/img/home/media-video.png) no-repeat top center;
			}
		
			#types-of-media li.files {
				background: url(/img/home/media-files.png) no-repeat top center;
			}
		
			#types-of-media li.mobile {
				background: url(/img/home/media-mobile.png) no-repeat top center;
			}
		
			#types-of-media li.im {
				background: url(/img/home/media-im.png) no-repeat top center;
			}
		
			#types-of-media li.email {
				background: url(/img/home/media-email.png) no-repeat top center;
			}
			
		#splash #category-information {
			width: 451px;
			margin: 25px 0 0 0;
			float: left;
		}
		
	#splash #group-slider {
		width: auto;
		margin-left: 25px;
	}
	
		#splash #group-slider .canvas {
			width: 905px;
			height: 110px;
			padding-top: 10px;
			background: url(/img/home/group-slider-bg.png) no-repeat top left;
		}

		#splash #scrollable {
				float: left;
				width: 901px;
				height: 75px;
				overflow: hidden;
				white-space: nowrap;
		}
		
			#splash #scrollable ul {
				margin-left: 43px;
				margin-right: -43px; 
				width: auto;
			}
	
			#splash #scrollable li {
				display: block;
				float: left;
				height: 75px;
				width: 100px;
				margin-right: 43px;
			}
			
			#splash #scrollable li a {
				display: block;
				height: 75px;
				width: 100px;
			}
		
			#track {
				position: relative;
				float: left;
				clear: both;
				width: 815px;
				height: 14px;
				margin: 10px 0 0 0;
				left: 43px;
				background: url(/img/scroller-track.png) no-repeat;
			}
			
			#handle {
				width: 150px;
				height: 14px;
				background: url(/img/scroller-handle.png) no-repeat;
				cursor: move;
			}
	
	ul.splash-tabs {
		width: 955px;
		height: 60px;
		font-size: 1em;
		background: #e4e5e0 url(/img/home/splash-tabs.png) no-repeat top left;
	}
	
		ul.splash-tabs li {
			display: block;
			width: 477px;
			height: 60px;
			float: left;
		}
		
		ul.splash-tabs li#splash-tab-1 {
			border-right: 1px solid #e4e5e0;
		}
		
		ul.splash-tabs li#splash-tab-1.active {
			background: url(/img/home/splash-tab-active.png) no-repeat left top;
		}
		
		ul.splash-tabs li#splash-tab-2.active {
			background: url(/img/home/splash-tab-active.png) no-repeat right top;
		}
	
			ul.splash-tabs li a {
				display: block;
				width: 312px;
				height: 46px;
				padding: 14px 0 0 155px;
				font-size: 2em;
				line-height: 1.2;
			}
			
				ul.splash-tabs li a span.title {
					display: block;
					font-size: 1.43em;
				}
				
				ul.splash-tabs li.active a:link,
				ul.splash-tabs li.active a:visited {
					color: #6aba02;
				}
				
				ul.splash-tabs li.active a {
					color: #565753;
				}
				
.register-now-box {
	height: 210px;
	padding: 0 20px;
	text-align: center;
	line-height: 1.2;
	background: url(./../img/home/register-now-box-bottom.png) no-repeat left bottom;
}

	.register-now-box .top {
		height: 20px;
		margin: 0 -20px;
		background: url(./../img/home/register-now-box-top.png) no-repeat left top;
	}
	
	.register-now-box h2 {
		font-weight: bold;
	}
	
	.register-now-box .mini-button-bright {
		float: none;
		margin: 15px auto 0 auto;
	}
	
	#home .teaser-box-double,
	#home #promo-box {
		height: 190px;
		padding-bottom: 20px !important;
	}

	#home #promo-box {
		width: 340px;
		padding: 0 15px;
		background: #6aba02 url(./../img/promo-box-double.png) no-repeat 0 bottom;
	}
	
		#home #promo-box * {
			color: #fff;
		}
		
		#home #promo-box.negative * {
			color: #292c21;
		}
	
		#home #promo-box h2.top {
			margin: 0 -15px;
			padding: 5px 15px 5px 15px;
			font-size: 1.2em;
			font-weight: bold;
		}
	
		#home #promo-box #promo-box-visual {
			display: block;
			width: 370px;
			height: 90px;
			margin: 0 -15px;
			overflow: hidden;
		}
		
		#home #promo-box .promo-description {
			overflow: hidden;
			height: 57px;
			margin: 10px 0 4px 0;
		}
		
			#home #promo-box .promo-description p {
				font-size: 1.4em;
			}








/* Icons */

.collapsed-help-box h1.web {
	padding-left: 53px;
	background: url(./../img/help/www.png) no-repeat left center;
}

.collapsed-help-box h1.sms {
	padding-left: 40px;
	background: url(./../img/help/handy.png) no-repeat left center;
}

.collapsed-help-box h1.email {
	padding-left: 50px;
	background: url(./../img/help/email.png) no-repeat left center;
}




*.inline-edit {
	padding-left: 20px;
	background: url(./../img/icon-edit.png) no-repeat 0 0;
}

*.inline-edit:hover {
	background-image: url(./../img/icon-edit-hover.png);
}

*.feed {
	padding-left: 16px;
	background: url(./../img/feed-icon-12x12.png) no-repeat 0 50%;
}

*.is-online {
	padding-left: 33px;
	background: url(./../img/icon-online.png) no-repeat 0 50%;
}

*.is-offline {
	padding-left: 24px;
	background: url(./../img/icon-offline.png) no-repeat 0 50%;
}

h1 *.is-online,
h1 *.is-offline {
	margin-left: 10px;
	float: right;
	font-size: 0.6em;
	line-height: 22px;
	color: #292c21;
}

h1 *.is-offline {
	color: #afb0ad;
}

*.invite {
	padding-left: 18px;
	background: url(./../img/icon-invite.png) no-repeat 0 50%;
}

	.dark-box .invite {
		background-image: url(./../img/icon-invite-darkbg.png);
	}

*.add-link {
	padding-left: 18px;
	background: url(./../img/icon-add-link.png) no-repeat 0 50%;
}

	.dark-box .add-link {
		background-image: url(./../img/icon-add-link-darkbg.png);
	}

*.update-message {
	padding-left: 18px;
	background: url(./../img/icon-update-message.png) no-repeat 0 50%;
}

	.dark-box .update-message {
		background-image: url(./../img/icon-update-message-darkbg.png);
	}

*.create-group {
	padding-left: 18px;
	background: url(./../img/icon-create-group.png) no-repeat 0 50%;
}

	.dark-box .create-group {
		background-image: url(./../img/icon-create-group-darkbg.png);
	}

*.suggest {
	padding-left: 18px;
	background: url(./../img/icon-suggest.png) no-repeat 0 50%;
}

	.dark-box .suggest {
		background-image: url(./../img/icon-suggest-darkbg.png);
	}

*.signup {
	padding-left: 18px;
	background: url(./../img/icon-singup.png) no-repeat 0 50%;
}

	.dark-box .signup {
		background-image: url(./../img/icon-signup-darkbg.png);
	}

*.edit-profile {
	padding-left: 18px;
	background: url(./../img/icon-edit-profile.png) no-repeat 0 50%;
}

	.dark-box .edit-profile {
		background-image: url(./../img/icon-edit-profile-darkbg.png);
	}

*.add-friend {
	padding-left: 18px;
	background: url(./../img/icon-add-friend.png) no-repeat 0 50%;
}

	.dark-box .add-friend {
		background-image: url(./../img/icon-add-friend-darkbg.png);
	}

*.watch-user {
	padding-left: 18px;
	background: url(./../img/icon-watch-user.png) no-repeat 0 50%;
}

	.dark-box .watch-user {
		background-image: url(./../img/icon-watch-user-darkbg.png);
	}

*.write-message {
	padding-left: 18px;
	background: url(./../img/icon-write-message.png) no-repeat 0 50%;
}

*.rss {
	padding-left: 18px;
	margin-left:1px;
	background: url(./../img/feed-icon-16x16.png) no-repeat 0 50%;
}

	.dark-box .write-message {
		background-image: url(./../img/icon-write-message-darkbg.png);
	}

	.dark-box .rss {
		background-image: url(./../img/feed-icon-16x16.png);
	}

	.dark-box .unread-messages {
		background: url(./../img/icon-unread-darkbg.png) no-repeat 0 50%;
	}


/* Crazy Award Teaser */
	
body.with-teaser-button #header #secondary-nav #searchform {
	padding-right: 100px;
}

#crazyaward {
   display: none;
}

.crazyaward-box {
   height: 290px;
   padding: 20px 5px 20px 20px;
   background: url(./../img/ibox/ibox-bg.png) no-repeat left bottom;
   color: #fff;
}

   .crazyaward-box h1 {
      border: none;
      margin-bottom: 10px;
   }

   .crazyaward-box p.important,
   .crazyaward-box * {
      color: #fff;
   }
   
   .crazyaward-box a:link,
   .crazyaward-box a:visited {
      color: #e4e5e0;
   }
   
   .crazyaward-box .more a {
      background-image: url(/img/more-arrow-teaser.png);
   }
   
#crazyaward-button {
   height: 98px;
   width: 115px;
   position: absolute;
   z-index: 100;
   right: -7px;
   top: 45px;
   text-indent: -999em;
   background: transparent url(/img/wettbewerbe/crazyaward-button.png) no-repeat top left;
}


/* Fehlermeldungen */

.error-message {
	padding: 10px;
	margin: 2px 0 10px;
	border: 2px solid #f82828;
	background: #f8d5c4;
	color: #f82828;
}

	.error-message *,
	.error-message a:link,
	.error-message a:visited,
	.error-message a:hover,
	.error-message a:active,
	.error-message a:focus,
	.error {
		color: #f82828;
	}

	.error-message a {
		text-decoration: underline;
	}


.system-message {
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #e4e5e0;
	background: #e4e5e0 url(/img/gradient-bright-mini.png) repeat-x 0 0;
}

	.system-message h1,
	.system-message h2,
	.system-message h3,
	.system-message p {
		padding: 0px 0 0px 30px;
		background: url(/img/haken.gif) no-repeat left top;
	}
