h2.box, h1.box {
  background-repeat: no-repeat;
	font-size: 18px;
  color: #dc006c;
  
  line-height: 36px;
  padding: 0px 12px;
  /*height: 36px;*/
  background-image: url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png);
}
h2.box a:link, h2.box a:visited,
h1.box a:link, h1.box a:visited{
  text-decoration:none;
  color: #dc006c;
}
.grid_6 h2.box , .grid_6 h1.box, #thickboxContent h2.box {
  background: url(http://sixgroups.de/images/relaunch/boxes/h2_grid6.gif) top left no-repeat; /* toDo: move to rounded boxes sprites */
  /*background-position:-378px -686px; top left no-repeat;*/
  
}
.grid_6 h3.box {
  background: url(http://sixgroups.de/images/relaunch/boxes/h3_grid6.gif) top left no-repeat;
}
.grid_4 h2.box {
  background: url(http://sixgroups.de/images/relaunch/boxes/h2_grid4.gif) top left no-repeat;
}

#content .grid_4 .inactiveBox h2.box{
  background: url(http://sixgroups.de/images/relaunch/boxes/h2_grid4_gray.gif) top left no-repeat;
  color: #d4d6d7;
}

#content .grid_4 .inactiveBox h3.box{
  background: url(http://sixgroups.de/images/relaunch/boxes/h3_grid4_gray.gif) top left no-repeat;
  color: #d4d6d7;
}

#content .grid_6 .inactiveBox h2.box,
#content .grid_6 .inactiveBox h1.box{
  background: url(http://sixgroups.de/images/relaunch/boxes/h2_grid6_gray.gif) top left no-repeat;
  color: #d4d6d7;
}

#content .inactiveBox h2.box a:link,
#content .inactiveBox h3.box a:link, 
#content .inactiveBox h2.box a:visited,
#content .inactiveBox h3.box a:visited {
		color: #d4d6d7;
}

h2.box span {
	color: #545454;
  font-size: 13px;
  line-height: 36px;
}
h2.box small {
  color:#545454;
  font-size: 11px;
}
h2.box small a:link, h2.box small a:visited {
  color: #545454;
  font-size: 11px;
  text-decoration: none;
}

h2.box img {
 margin-top: 4px;
}




.boxInfo {
	padding:6px 0;
	margin-bottom:12px;
	border-bottom:1px dotted #e6e6e6;
}

/* =sixgroups home header
--------------------------------------------------------------------------------*/
#head {
  position: relative;
  background-repeat:no-repeat;
  padding:0px 0px 2px 20px;
  
}
#sixgroupsHome #head {
  height:175px;
}
#sixgroupsContent #head {
  height:158px;
}

.pageHeader {
	height:158px;
	position: relative;
}

#head {
	
}

#head #logo {
	display:block !important;
height:75px;
left:12px;
position:absolute;
top:26px;
width:317px;
}

#feedbackButton {
    position:absolute;
    right:-44px;
    top:10px;
    z-index:505;
}

#six_groups_rocket {
  position: absolute;
  top:0px;
  left:627px;
}
#star1 {
  position: absolute;
  top:53px;
  left:535px;
}
#star3 {
  position: absolute;
  top:122px;
  left:881px;
}
#star4 {
  position: absolute;
  top:12px;
  left:921px;
}

#claim {
color:#A4A4A4;
font-size:30px;
font-style:italic;
font-weight:bold;
left:370px;
line-height:36px;
position:absolute;
top:67px;
}
#outer {
display:table;
height:250px;
overflow:hidden;
position:relative;
}
#middle {
display:table-cell;
vertical-align:middle;
}
* + html #outer {
height:250px;
overflow:hidden;
position:relative;
}
* + html #middle {
position:absolute;
top:50%;
}
* + html #inner {
position:relative;
top:-50%;
}
* html #outer {
height:250px;
overflow:hidden;
position:relative;
}
* html #middle {
position:absolute;
top:50%;
}
* html #inner {
position:relative;
top:-50%;
}
#creationLoader {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/loadingAnimation/arrow_white_root.gif) no-repeat scroll left top;
height:16px;
left:544px;
position:absolute;
top:3px;
width:16px;
z-index:20;
}
#creationProcessContainer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#585B50 none repeat scroll 0 0;
color:#F8FAFB;
margin-bottom:24px;
position:relative;
}
#creationProcessHelp {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#01CCEC none repeat scroll 0 0;
width:372px;
}
#arrow {
left:562px;
position:absolute;
top:0;
}
#creationProcessContainer a:link, #creationProcessContainer a:visited {
color:#F8FAFB;
font-size:13px;
}
#creationProcessContent h2 {
color:#F8FAFB;
font-size:20px;
font-style:italic;
font-weight:bold;
height:60px;
line-height:24px;
margin:24px 0 12px;
overflow:hidden;
}
#creationProcessContent .error {
margin:0;
}
#createForm #initialInput {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F8FAFB none repeat scroll 0 0;
border:1px solid #A7A7A7;
color:#A7A7A7;
font-size:20px;
height:26px;
line-height:28px;
margin:4px 0;
padding:5px;
width:350px;
}
#sixgroups #start {
background-image:url(http://sixgroups.de/images/relaunch/buttons/button_sprites.png);
background-position:0 -500px;
color:#F8FAFB;
font-family:'Trebuchet MS',Arial;
font-size:22px;
font-weight:bold;
height:47px;
line-height:47px;
margin:0;
padding:0;
text-align:center;
width:168px;
}
a#helpHome {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png) no-repeat scroll 0 -2650px;
padding-left:18px;
}
#creationProcessContainer #noUrlLink {
padding-bottom:24px;
padding-top:18px;
}
#creationProcessContainer #noUrlLink a {
font-size:20px;
}
#testimonials {
margin-left:60px;
margin-right:36px;
}
#testimonials li p {
font-family:'Trebuchet MS',Arial;
font-size:16px;
font-style:italic;
font-weight:normal;
line-height:20px;
}
#testimonials li small, #testimonials li small a:link, #testimonials li small a:visited {
color:#393D2E;
}
#creationProcessContent p {
font-size:16px;
line-height:20px;
}
#creationProcessContent .roundedFormContent, #creationProcessContent .roundedFormHeader, #creationProcessContent .roundedFormFooter {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
}
#createForm label {
font-family:'Trebuchet MS',Arial;
font-size:14px;
font-weight:bold;
}
#createForm input {
border:1px solid #A7A7A7;
color:#40413D;
font-size:14px;
padding:4px;
}
#createForm .textFieldBig {
width:168px;
}
#createForm .formrow {
clear:left;
margin:12px 0;
}
#createForm span.url {
font-family:'Trebuchet MS',Arial;
font-size:14px;
}
#sixgroups #createForm button.startNow {
margin-left:190px;
}
#createForm a.edit span, #createForm a.edit:link, #createForm a.edit:visited {
color:#01CCEC;
font-size:12px;
}
#sixgroupsHome #createForm .roundedFormHeader, #sixgroupsHome #createForm .roundedFormContent, #sixgroupsHome #createForm .roundedFormFooter {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
margin:0;
padding:0;
}
#sixgroupsHome #createForm .roundedFormHeader, #sixgroupsHome #createForm .roundedFormFooter {
height:0;
}
#sixgroupsHome #createForm label {
float:left;
width:190px;
}
#sixgroupsHome #createForm .textField {
width:264px;
}
.helpItem {
width:364px;
}
.helpItem div {
padding:0 12px 0 30px;
}
.helpItem .center {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/relaunch/bg/help_center.png) no-repeat scroll left center;
color:#F8FAFB;
font-size:14px;
max-width:400px;
min-height:36px;
}
.helpItem .top {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/relaunch/bg/help_top.png) no-repeat scroll left top;
height:12px;
max-width:400px;
}
.helpItem .bottom {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/relaunch/bg/help_bottom.png) no-repeat scroll left bottom;
height:16px;
max-width:400px;
}
table.formFields {
}
table.formFields tr {
border:0 none;
}
table.formFields td {
padding:6px 0;
vertical-align:top;
}
table.formFields td.label {
padding-left:0;
width:168px;
}
table.formFields td label {
float:none;
}
table.formFields td.input {
padding:6px 12px;
width:168px;
}
table.formFields td.input input {
position:relative;
z-index:10;
}
#creationProcessContent table.formFields td p {
font-size:14px;
line-height:16px;
}
#sixgroupsContent #content, #sixgroupsHome #content {
min-height:500px;
padding-bottom:48px;
padding-top:24px;
}
#breadCrumb {
border-bottom:1px dotted #9DA69D;
font-size:11px;
height:24px;
margin:0 12px 12px;
}
#mainNavi, .previewNavi {
bottom:0;
left:0;
position:absolute;
}
#mainNavi ul, .previewNavi ul {
border-bottom-style:solid;
border-bottom-width:1px;
margin:0;
padding:0 12px;
width:936px;
}
.previewNavi ul {
width:576px;
}
#mainNavi ul li, .previewNavi ul li {
display:block;
float:left;
line-height:21px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 4px 0 0;
padding:8px 0 0;
}
#mainNavi ul li a:link, #mainNavi ul li a:visited, #mainNavi ul li a:active, .previewNavi ul li a:link, .previewNavi ul li a:visited, .previewNavi ul li a:active {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/gradients/sprites_grads_horiz.png) repeat-x scroll 0 -400px;
border-style:solid;
border-width:0 1px;
display:block;
float:left;
font-size:14px;
position:relative;
text-decoration:none;
}
#mainNavi ul li a:hover, .previewNavi ul li a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F9FAFC url(http://sixgroups.de/images/gradients/sprites_grads_horiz.png) repeat-x scroll 0 -450px;
}
#mainNavi ul li.current, .previewNavi ul li.current {
padding:2px 0 0;
}
#mainNavi ul li.current a:link, #mainNavi ul li.current a:visited, .previewNavi ul li.current a:link, .previewNavi ul li.current a:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F9FAFC url(http://sixgroups.de/images/gradients/sprites_grads_horiz.png) repeat-x scroll 0 -450px;
bottom:-1px;
position:relative;
}
#mainNavi ul li a em, .previewNavi ul li a em {
border-style:solid;
border-width:1px 0 0;
display:block;
font-style:normal;
padding:4px 12px;
position:relative;
right:0;
top:-1px;
}
#mainNavi ul li.current a em, .previewNavi ul li.current a em {
background-image:none;
padding:7px 12px;
}
#mainNavi ul li a:hover em, .previewNavi ul li a:hover em {
background-image:none;
}
#footer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#585B50 url(http://sixgroups.de/images/gradients/sprites_grads_horiz.png) repeat-x scroll 0 -250px;
clear:both;
color:white;
display:block;
height:100px;
padding:25px;
position:relative;
text-align:left;
}
.footerCol {
border-left:1px solid #696C63;
border-right:1px solid #4F5249;
float:left;
height:100px;
padding:0 14px;
width:198px;
}
#footer .leftCol {
border-left:medium none;
padding-left:0;
}
#footer .rightCol {
border-right:medium none;
padding-right:0;
}
#sixgroupsContent #footer a, #footer a {
color:#F8FAFB;
}
#footer a:focus, #footer a:hover, #footer a:active {
text-decoration:underline;
}
#head .headline, .headline {
font-family:'Trebuchet MS',Arial,Tahoma,sans-serif;
font-size:35px;
font-weight:normal;
letter-spacing:0.05em;
line-height:1em;
margin:0;
padding:12px 0 0 12px;
}
#head .headline a, #head .headline a:visited, .headline a, .headline a:visited {
font-family:'Trebuchet MS',Arial,Tahoma,sans-serif;
text-decoration:none;
}
#head .headline a:hover, .headline a:hover {
font-family:'Trebuchet MS',Arial,Tahoma,sans-serif;
text-decoration:none;
}
#head .subline, .subline {
font-family:'Trebuchet MS',Arial,Tahoma,sans-serif;
font-size:1.3em;
font-weight:normal;
letter-spacing:0.05em;
line-height:1em;
margin:0;
padding:6px 0 0 12px;
}
#head .offpsite, .offpsite {
font-family:'Trebuchet MS',Arial,Tahoma,sans-serif;
font-size:16px;
margin:0;
padding:20px 0 0 12px;
}
#communityLogo {
display:block;
float:left;
margin:12px 12px 0;
}
#searchFieldTopRight {
position:absolute;
right:12px;
text-align:right;
top:4px;
width:300px;
}
#textFieldTop {
margin-right:4px;
margin-top:2px;
vertical-align:top;
width:168px;
}
#barCode {
font-size:10px;
height:60px;
line-height:1;
margin-bottom:12px;
}
.grid_4 #barCode {
width:326px;
}
.grid_6 #barCode {
width:534px;
}
.grid_10 #barCode {
width:534px;
}
.dottedRows td {
border-bottom:1px dotted #E6E6E6;
font-size:12px;
padding:4px 0;
}
.categoryList {
width:100%;
}
.categoryList tr.alt {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F6F6F6 none repeat scroll 0 0;
}
.categoryList td {
border-bottom:1px dotted #DDDDDD;
padding:10px 0;
vertical-align:top;
}
.categoryList td h2 a:link, .categoryList td h2 a:visited {
text-decoration:none;
}
.categoryList td h2 a:hover {
text-decoration:underline;
}
.categoryList tr {
border-bottom:0 solid #DDDDDD;
}
.categoryList th {
border-bottom:1px dotted #DDDDDD;
padding:0 0 2px;
vertical-align:top;
}
.categoryList td.count {
padding-right:20px;
padding-top:12px;
text-align:center;
width:50px;
}
th.count {
padding-right:20px;
}
.categoryList td.topic, .categoryList th.topic {
width:168px;
}
.categoryList td.lastContribution ol.feed li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:medium none;
padding:0;
}
.categoryList td.lastContribution ol.feed li p {
padding:0;
}
.categoryList td h2 {
margin:0;
}
ul.categoryList li p {
margin:0;
}
.resourceDetail {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #E6E6E6;
margin-bottom:24px;
overflow:hidden;
padding:12px;
text-align:center;
}
.resourceDetail .text {
font-size:12px;
line-height:22px;
text-align:left;
}
.resourceDetail .text p {
font-size:12px;
line-height:22px;
margin-bottom:12px;
text-align:left;
}
.resourceDetail .text img {
}
.previewIconNextPreview {
left:149px;
position:absolute;
top:149px;
}
.borderedContainer {
border-bottom:1px dotted #9F9F9F;
border-top:1px dotted #9F9F9F;
padding:12px 0;
}
#ratingContainer {
}
ul#rating li {
float:left;
}
ul#rating li a:link, ul#rating li a:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/rating.png) no-repeat scroll 0 -25px;
display:block;
height:25px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
text-indent:-9000px;
width:24px;
}
ul#rating li.filled a:link, ul#rating li.filled a:visited {
background-position:0 0;
}
ul#rating li a.active:hover {
background-position:0 0;
}
#ratingInfo {
display:block;
}
a.inactive:hover {
cursor:default;
}
.adsense {
}
#flyer_html {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
height:250px;
overflow:hidden;
width:280px;
}
#communityFlyer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px dashed red;
height:160px;
margin:10px 0;
overflow:hidden;
padding:5px;
width:300px;
}
#communityFlyer p {
margin-bottom:7px;
}
#tagCloud {
margin-bottom:12px;
text-align:justify;
}
#tagCloud span {
}
#tagCloud a:link, #tagCloud a:visited {
line-height:1.45em;
text-align:justify;
text-decoration:none;
}
#tagCloud a:hover {
text-decoration:underline;
}
.word {
}
a.size1:link, a.size1:visited {
color:#C4C694;
font-size:2.4em;
}
a.size2:link, a.size2:visited {
color:#B5B78B;
font-size:2.2em;
}
a.size3:link, a.size3:visited {
color:#A5A77F;
font-size:2em;
}
a.size4:link, a.size4:visited {
color:#959773;
font-size:1.8em;
}
a.size5:link, a.size5:visited {
color:#828364;
font-size:1.6em;
}
a.size6:link, a.size6:visited {
color:#707156;
font-size:1.4em;
}
a.size7:link, a.size7:visited {
color:#5A5B46;
font-size:1.2em;
}
a.size8:link, a.size8:visited {
color:#484938;
font-size:1em;
}
a.size9:link, a.size9:visited {
color:#4F503F;
font-size:0.8em;
}
table.findFriends {
width:100%;
}
.scrollContainer {
height:300px;
overflow:auto;
position:relative;
}
#sixgroups {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
padding:26px 1px 0;
text-align:left;
}
.spacer {
height:24px;
}
.thickbox {
visibility:hidden;
}
#sgBar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#393D2E none repeat scroll 0 0;
border-bottom:1px solid #F8FAFB;
color:#F5F6F1 !important;
font-family:normal Tahoma,Arial,Helvetica,Verdana,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
left:0;
line-height:1.2;
position:fixed;
text-align:center;
top:0;
width:100%;
z-index:1050;
}
#sgBar a:link, #sgBar a:visited, #sgBar a:hover, #sgBar a:active {
color:#FFFFFF !important;
}
#sgBar a img {
border:medium none;
}
#sgBarLeft {
float:left;
margin:0 6px 0 0;
max-width:264px;
min-width:200px;
padding:6px;
text-align:left;
}
#sgBarLeft a:hover {
color:#DC006C;
}
#sgBarCenter {
float:left;
}
#sgBarRight {
float:right;
max-width:264px;
min-width:200px;
padding:6px 0;
text-align:right;
}
#sg {
margin:-6px 0;
vertical-align:top;
}
#sgBar a#sgLcTitle:link, a#sgLcTitle:hover, a#sgLcTitle:visited {
display:block;
font-weight:bold;
text-decoration:none;
}
#sgBar a#sgLcTitle:hover {
color:#DC006C;
}
#sgBarUserNavigation {
display:-moz-inline-stack;
padding-left:12px;
}
#lastShout {
float:left;
padding:6px 6px 6px 12px;
}
#onlineUsersBar span {
padding-right:12px;
}
#sgBar .barIcon2:link, #sgBar .barIcon2:visited, #sgBar .barIcon2:hover {
padding:0 10px;
text-decoration:none;
}
#userMessages, #userMessages:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png) no-repeat scroll 0 -2484px;
}
#userMessages:hover, #userMessagesAct {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png) no-repeat scroll 0 -1695px;
}
#userContacts, #userContacts:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png) no-repeat scroll 0 -2450px;
}
#userContacts:hover {
background-position:-1px -2040px;
}
#userContactsAct {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png) no-repeat scroll -1px -2040px;
}
#userSettings, #userSettings:visited {
background-image:url(http://sixgroups.de/images/icons/admin_settings_white.png);
}
#userSettings:hover {
background-image:url(http://sixgroups.de/images/icons/admin_settings.png);
}
#sgBar a.number:link, #sgBar a.number:visited, #sgBar a.number:hover {
font-size:10px;
}
#sgOverlay {
left:0;
position:fixed;
top:27px;
width:100%;
z-index:1040;
}
#overlay {
background-color:#000000;
height:100%;
left:0;
min-height:100.1%;
opacity:0.65;
position:absolute;
top:0;
width:100%;
z-index:1030;
}
#barSearchForm input {
vertical-align:middle;
}
#barSearch {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(http://sixgroups.de/images/relaunch/icons/google.gif) no-repeat scroll 1px 3px;
color:#19379F;
font-size:11px;
height:12px;
padding:4px 0 5px 20px;
width:100px;
}
#submitSearch {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:medium none;
margin:0;
padding:0;
}
#sgClose a:link, #sgClose a:visited, #sgClose a:hover, #sgClose a:active {
display:block;
height:75px;
margin:0 auto;
position:relative;
width:113px;
z-index:10200;
}
a#closeOverlay {
position:absolute;
right:10px;
top:10px;
z-index:10200;
}
#sgOverlay #sgwrapper {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F8FAFB none repeat scroll 0 0;
border-color:#FFFFFF;
border-style:solid;
border-width:0 1px 1px;
margin:0 auto;
position:relative;
width:957px;
z-index:1040;
}
#sgOverlay #externalHomeRightWide {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F8FAFB none repeat scroll 0 0;
height:auto !important;
min-height:446px;
padding:28px 19px 75px;
text-align:left;
z-index:1040;
}
#sgOverlay #externalHomeRight {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F8FAFB none repeat scroll 0 0;
border-left:201px solid #6F6E5C;
height:auto !important;
min-height:446px;
padding:28px 19px;
position:relative;
text-align:left;
width:718px;
z-index:1040;
}
#sgOverlay #externalHome table {
overflow-x:hidden;
}
#sgOverlay #logoSubnavi {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/sgbar/sglogo_navi_bottom.gif) no-repeat scroll 0 0;
bottom:0;
height:48px;
left:0;
position:absolute;
width:184px;
z-index:10500;
}
#sgOverlay #logoSubnaviDark {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/sgbar/sglogo_navi_bottom_mud.gif) no-repeat scroll 0 0;
bottom:0;
height:48px;
left:0;
position:absolute;
width:184px;
z-index:10500;
}
#externalHome form {
position:relative;
z-index:1040;
}
#blueLine {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#767465 none repeat scroll 0 0;
border-left:1px solid #F6F6F4;
height:100%;
left:199px;
position:absolute;
top:0;
width:1px;
z-index:10124;
}
#sgOverlay #sgSubnavi {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#7A7967 url(http://sixgroups.de/images/sgbar/bg_navi.jpg) repeat-x scroll center top;
left:0;
overflow:hidden;
position:absolute;
text-align:left;
top:0;
width:197px;
z-index:10121;
}
#sgSubnavi ul.pt {
padding-top:32px;
}
#sgSubnavi ul li {
border-bottom:1px solid #4F5042;
border-top:1px solid #848577;
}
#sgSubnavi ul li.current {
}
#sgSubnavi ul li a {
display:block;
line-height:36px;
padding-left:18px;
text-decoration:none;
width:180px;
z-index:10121;
}
#sgSubnavi ul li a:link, #sgSubnavi ul li a:visited {
color:#FFFFFF;
}
#sgSubnavi ul li a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#0C9CB7 url(http://sixgroups.de/images/sgbar/bg_sn_over.gif) repeat-x scroll 0 0;
color:#FFFFFF;
font-weight:bold;
}
#sgSubnavi ul li.current a:link, #sgSubnavi ul li.current a:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#0C9CB7 url(http://sixgroups.de/images/sgbar/bg_sn_over.gif) repeat-x scroll 0 0;
color:#FFFFFF;
font-weight:bold;
}
.featureMenu li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/bullit.gif) no-repeat scroll 0 7px;
padding-bottom:4px;
padding-left:12px;
}
#externalHome dd a {
color:#4B4B4B;
}
#externalHome dd a.sendMessage {
color:#149EBB;
}
#externalHome ul.pagination {
margin-bottom:10px;
}
#externalHome a:link, #externalHome a:visited {
color:#545454;
}
a.close:link, a.close:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/icons/cross.gif) no-repeat scroll right center;
color:#159FB9;
margin-right:10px;
padding:5px 20px 5px 0;
}
a.button:link, a.button:visited {
color:#179EBC;
}
a.button:hover {
color:#DC006C;
}
#sgEvents a:link, #sgEvents a:visited, #sgEvents a:hover {
color:#F6F6F4;
}
img.sendMessage {
padding:11px 5px;
vertical-align:middle;
}
#externalHome a:hover {
color:#DC006C;
}
#externalHome a.registerNow2:link, #externalHome a.registerNow2:visited, #externalHome a.registerNow:link, #externalHome a.registerNow:visited {
color:#FFFFFF;
}
#externalHome span.newMessages {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/icons/sendMessage.gif) no-repeat scroll right center;
}
#externalHome span.newContacts {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/icons/user_comment.png) no-repeat scroll right center;
}
#externalHome span.readMessage {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/sgbar/icons/message.gif) no-repeat scroll left center;
}
#externalHome span.newMessage {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/sgbar/icons/new_message.gif) no-repeat scroll left center;
}
#externalHome span.deleteMessage {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/sgbar/icons/delete.gif) no-repeat scroll center center;
}
#externalHome span.back {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/sgbar/icons/back.gif) no-repeat scroll left center;
width:28px;
}
#externalHome span.six {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/sgbar/6_neg.gif) no-repeat scroll left center;
height:28px;
margin-right:5px;
}
#externalHome span.createCommunity {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/icons/createCommunity.png) no-repeat scroll left center;
width:30px;
}
#startCommunity {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#980064 url(http://sixgroups.de/images/sgbar/bg_pink.gif) repeat-x scroll 0 0;
color:#FFFFFF;
display:block;
float:left;
font-size:1em;
font-weight:bold;
line-height:29px;
padding:0 10px;
text-decoration:underline;
}
#startCommunity:visited {
text-decoration:underline;
}
#externalHome form.approvals {
}
#externalHome form.approvals input {
margin-right:3px;
}
#externalHome form.approvals div {
margin-bottom:2px;
}
#externalHome .contacts label {
display:inline;
float:none;
}
#externalHome form fieldset.left {
float:left;
margin-bottom:10px;
}
#externalHome form fieldset.right {
float:left;
margin:0 30px;
}
#externalHome form.approvals button {
margin-left:0;
vertical-align:bottom;
}
#preview {
border:0 none;
padding:24px;
}
#styleFields {
float:left;
overflow:hidden;
position:relative;
width:162px;
}
#styleFields label {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/icons/color_wheel.jpg) no-repeat scroll left center;
cursor:pointer;
display:block;
float:left;
margin-left:5px;
overflow:hidden;
padding-left:20px;
width:94px;
}
#styleFields div {
margin-bottom:5px;
}
#styleFields div input {
color:#FFFFFF;
cursor:pointer;
float:left;
}
#colorpickerContainer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #444444;
position:absolute;
width:195px;
z-index:300;
}
#colorpickerContainer div.header {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F6F6F4 none repeat scroll 0 0;
border-bottom:1px solid black;
height:18px;
padding:2px 0 0 2px;
}
#colorpicker, .farbtastic {
width:195px;
}
#colorpickerContainer div.footer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F6F6F4 none repeat scroll 0 0;
border-top:1px solid black;
padding:2px;
}
#colorpickerContainer div.footer label {
width:180px;
}
#colorpickerContainer a#closeCP, #colorpickerContainer a#closeCP:visited {
position:absolute;
right:2px;
top:4px;
width:16px;
z-index:500;
}
.skinBox {
float:left;
height:140px;
padding-right:15px;
text-align:center;
width:116px;
}
.skinBox br {
clear:left;
}
.skinBox .radio {
vertical-align:middle;
}
.skinBox img {
display:block;
margin-bottom:10px;
}
.skinColor {
border:1px solid #444444;
height:33px;
margin:0;
padding:0;
width:33px;
}
.welldone {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://sixgroups.de/images/icons/welldone.png) no-repeat scroll left center;
color:#7A9F13;
font-size:12px;
margin:12px 0;
padding:6px 5px 7px 33px;
}
.defaultSkin span.mce_sgemotions {
background-position:-60px -20px;
}
.twitterUs li {
padding:1px 0;
}
#formFilters .ajaxLoader {
line-height:1;
}
.homebox {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-box-shadow:5px 5px 10px #999999;
color:#FFFFFF;
cursor:pointer;
float:left;
min-height:341px;
padding:15px;
width:260px;
}
.homebox h2 {
font-size:24px;
line-height:1.4;
}
.homebox h2 a:link, .homebox h2 a:visited {
text-decoration:none;
}
#vertical {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#43B0C4 none repeat scroll 0 0;
}
#brandfeed {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#616250 none repeat scroll 0 0;
margin:0 30px;
}
#livecommunity {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DC006A none repeat scroll 0 0;
}
#brandfeed *, #vertical *, #livecommunity * {
color:#FFFFFF;
}

#logoIC {
  left:20px;
  position:absolute;
  top:50px;
}

#claim {
  color:#A4A4A4;
  font-size:24px;
  font-style:italic;
  font-weight:bold;
  left:330px;
  line-height:36px;
  position:absolute;
  top:80px;
}

#claimsubpage {
  color:#A4A4A4;
  font-size:24px;
  font-style:italic;
  font-weight:bold;
  left:330px;
  line-height:36px;
  position:absolute;
  top:54px;
}
  

#outer {display: table; height: 250px; position: relative; overflow: hidden;}
#middle {display: table-cell; vertical-align: middle;}

*+html #outer {height: 250px; position: relative; overflow: hidden;}
*+html #middle { position: absolute; top: 50%;}
*+html #inner {position: relative; top: -50%;}

* html #outer {height: 250px; position: relative; overflow: hidden;}
* html #middle { position: absolute; top: 50%;}
* html #inner {position: relative; top: -50%;}

/* optional: */
/*#inner[id] {position: static;}*/
  




/* =sixgroups home creation process
--------------------------------------------------------------------------------*/
#creationLoader {
  background: transparent url(http://sixgroups.de/images/loadingAnimation/arrow_white_root.gif) no-repeat top left;
  width:16px;
  height:16px;
  position:absolute;
  top:3px;
  z-index:20;
  left:544px;
}

#creationProcessContainer {
  background: #585b50;/*393D2E*/	
  color:#f8fafb;
  margin-bottom:24px;
  position:relative;
}
#creationProcessHelp {
	background: #01ccec; 
  width:372px;
}

#arrow {
  left:562px;
	position:absolute;
	top:0pt;
}


#creationProcessContainer a:link, #creationProcessContainer a:visited {
  color:#f8fafb;
  font-size:13px;
}
#creationProcessContent h2 {
	font-size:20px;
	font-weight:bold;
	font-style: italic;
	margin:24px 0 12px 0;
	color:#f8fafb;
	line-height:24px;
	height:60px;
	overflow:hidden;
}

#creationProcessContent .error{
  margin:0;
}
#createForm #initialInput{
	color:#A7A7A7;
	font-size:20px;
	height:26px;
	line-height:28px;
	margin:4px 0pt;
	padding:5px;
	width:350px;
	border:1px solid #a7a7a7;
	background: #F8FAFB;
}

#sixgroups #start {
	/*background:transparent url(http://sixgroups.de/images/relaunch/buttons/home_start.gif) no-repeat scroll left top;*/
	background-image: url(http://sixgroups.de/images/relaunch/buttons/button_sprites.png);
	background-position: 0 -500px;
	color:#F8FAFB;
	font-family:'Trebuchet MS',Arial;
	font-size:22px;
	font-weight:bold;
	height:47px;
	line-height:47px;
	margin:0pt;
	padding:0pt;
	text-align:center;
	width:168px;
}

a#helpHome {
	/*background: url(http://sixgroups.de/images/relaunch/icons/help_home.gif) left center no-repeat;*/
  padding-left:18px;
  background: transparent url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png) no-repeat 0 -2650px;
}

#creationProcessContainer #noUrlLink {
  padding-top:18px;
  padding-bottom:24px;
}
#creationProcessContainer #noUrlLink a {
  font-size:20px;
}

#testimonials {
  margin-left:60px; 
  margin-right:36px; 
}

#testimonials li p{
  font-size:16px;
  font-weight:normal;
  font-style: italic;	
  font-family: 'Trebuchet MS', Arial;
  line-height:20px;
}

#testimonials li small, #testimonials li small a:link, #testimonials li small a:visited{
  color:#393D2E;	
}

#creationProcessContent p {
  font-size:16px;
  line-height: 20px;	
}


#creationProcessContent .roundedFormContent, 
#creationProcessContent .roundedFormHeader,
#creationProcessContent .roundedFormFooter {
	background: none;
}

#createForm label {
	font-family: 'Trebuchet MS', Arial;
	font-size:14px;
  font-weight:bold;
}
#createForm input{
  padding: 4px; 
  font-size: 14px; 
  border: 1px solid #a7a7a7;
  color: #40413d;
}
#createForm .textFieldBig {
  width:168px;	
}


#createForm .formrow {
  clear:left;
  margin:12px 0;	
}

#createForm span.url {
  font-family: 'Trebuchet MS', Arial;
  font-size:14px;
}
#sixgroups #createForm button.startNow {
  margin-left:190px;	
}

#createForm a.edit span, #createForm a.edit:link, #createForm a.edit:visited {
  color:#01ccec;	
  font-size:12px;
}


#sixgroupsHome #createForm .roundedFormHeader,
#sixgroupsHome #createForm .roundedFormContent,
#sixgroupsHome #createForm .roundedFormFooter {
  background:none;
  padding:0;
  margin:0;
}
#sixgroupsHome #createForm .roundedFormHeader,
#sixgroupsHome #createForm .roundedFormFooter {
  height:0;
  
}
#sixgroupsHome #createForm label {
  width:190px;
  /*margin-right:12px;*/
  float:left;
}
#sixgroupsHome #createForm .textField {
  width:264px;
}


.helpItem{
  width: 364px;  
}

.helpItem div{
  padding: 0 12px 0 30px;  
}

.helpItem .center{
  max-width: 400px;
  background: url(http://sixgroups.de/images/relaunch/bg/help_center.png) left center no-repeat;
  min-height: 36px;
  color:#F8FAFB;  
  font-size:14px;
}

.helpItem .top{
  max-width: 400px;
  background: url(http://sixgroups.de/images/relaunch/bg/help_top.png) top left no-repeat;
  height: 12px;
}

.helpItem .bottom{
  max-width: 400px;
  background: url(http://sixgroups.de/images/relaunch/bg/help_bottom.png) bottom left no-repeat;
  height: 16px;  
}

table.formFields {
  
}
table.formFields tr {
  border:0;   
}

table.formFields td {
  vertical-align:top;
  padding:6px 0;
}

table.formFields td.label {
  width:168px;
  padding-left:0;
}
table.formFields td label {
  float:none;
}    
table.formFields td.input {
  width:168px;
  padding:6px 12px;
}
table.formFields td.input input {
	z-index:10;
	position: relative;
}
  
#creationProcessContent table.formFields td p {
  font-size:14px;
  line-height:16px;  
}



/* =sixgroups content header
--------------------------------------------------------------------------------*/


/* =sixgroups content 
--------------------------------------------------------------------------------*/

#sixgroupsContent #content, #sixgroupsHome #content {
  padding-top:24px; 
  padding-bottom:48px; 
  min-height:500px;
}

#breadCrumb {
	height:24px;
	margin:0 12px 12px 12px;
	font-size:11px;
	border-bottom:1px dotted #9da69d;
}

/* =navi
--------------------------------------------------------------------------------*/


/* TODO: change nav_main in ie_hacks to #mainNvi */
#mainNavi, .previewNavi  {
  position:absolute;
  bottom:0;  
  left:0;
}

/* TODO: make tab navi scaleable*/
#mainNavi ul, .previewNavi ul{
  margin:0;
  width:936px;
  padding:0px 12px;
  border-bottom-width:1px;
  border-bottom-style:solid;
}

.previewNavi ul {
	width:576px;
}
  
#mainNavi ul li, .previewNavi ul li {
    line-height:21px;
    list-style:none;
    margin:0;
    padding:0;
    display:block;
    float:left;
    padding-top:8px;
    margin-right:4px;
}


#mainNavi ul li a:link,  
#mainNavi ul li a:visited, 
#mainNavi ul li a:active,
.previewNavi ul li a:link,  
.previewNavi ul li a:visited, 
.previewNavi ul li a:active
 {
    display:block;
    float:left;
    background: transparent url(http://sixgroups.de/images/gradients/sprites_grads_horiz.png) 0 -400px repeat-x;
    font-size:14px;
    position:relative;
    text-decoration:none;
    border-style:solid;
    border-width: 0 1px;
}
  
#mainNavi ul li a:hover, .previewNavi ul li a:hover{
    background: #f9fafc url(http://sixgroups.de/images/gradients/sprites_grads_horiz.png) 0 -450px repeat-x;
}

#mainNavi ul li.current, .previewNavi ul li.current{
    padding:2px 0 0 0;
}

#mainNavi ul li.current a:link,
#mainNavi ul li.current a:visited,
.previewNavi ul li.current a:link,
.previewNavi ul li.current a:visited{ 
    background: #f9fafc url(http://sixgroups.de/images/gradients/sprites_grads_horiz.png) 0 -450px repeat-x;
    position:relative;
    bottom:-1px;    
}

#mainNavi ul li a em, 
.previewNavi ul li a em{
    border-style:solid;
    border-width:1px 0pt 0pt;
    padding:4px 12px;
    position:relative;
    right:0pt; 
    top:-1px;
    display:block;
    font-style:normal; 
}

#mainNavi ul li.current a em,
.previewNavi ul li.current a em{
    padding:7px 12px;
    background-image:none;
}

#mainNavi ul li a:hover em,
.previewNavi ul li a:hover em{
    background-image:none;
}



/* =footer
--------------------------------------------------------------------------------*/


#footer {
    background: #585B50 url(http://sixgroups.de/images/gradients/sprites_grads_horiz.png) 0 -250px repeat-x;
    color:white;
    padding: 25px;
    height:100px;
    text-align:left;
    clear:both; 
    display:block; 
    position:relative;
}

.footerCol {
    border-right:1px solid #4F5249;
    border-left:1px solid #696C63; 
    float:left;
    height:100px;
    padding:0 14px;
    width:198px;    
}
#footer .leftCol {
   /*background: url(http://sixgroups.de/images/logo_footer.gif) bottom left no-repeat;*/
   /*background: url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png) bottom left no-repeat;
   background-position: 0 -2930px;*/
   padding-left:0;
   border-left: none;
  
}

#footer .rightCol {
  padding-right:0;
  border-right:none;
}

#sixgroupsContent #footer a, #footer a {color:#f8fafb;}
#footer a:focus, 
#footer a:hover,
#footer a:active { text-decoration:underline;}








/* =community header
--------------------------------------------------------------------------------*/

#head .headline, .headline {
    font-size:35px;
    
    font-weight:normal; 
    padding:12px 0 0 12px ;
    margin:0;
    line-height:1em;
    letter-spacing:0.05em;
    font-family:'Trebuchet MS', Arial, Tahoma, sans-serif; 
}
#head .headline a, #head .headline a:visited,
.headline a, .headline a:visited{
    font-family:'Trebuchet MS', Arial, Tahoma, sans-serif; 
    text-decoration:none;
}
#head .headline a:hover,.headline a:hover{
    font-family:'Trebuchet MS', Arial, Tahoma, sans-serif; 
    text-decoration:none;     
}
#head .subline,.subline {
   font-size:1.3em;
   letter-spacing:0.05em;
   line-height:1em;
   font-weight:normal; 
   padding:6px 0 0 12px ;
   margin:0;
   font-family:'Trebuchet MS', Arial, Tahoma, sans-serif; 
}
#head .offpsite, .offpsite {
  margin:0;
  padding:20px 0 0 12px ;
  font-size:16px;
  font-family:'Trebuchet MS', Arial, Tahoma, sans-serif; 
}

#communityLogo {
    display:block;
    float:left;
    margin:12px 12px 0 12px;
}

#searchFieldTopRight {
	position:absolute;
  right:12px;
  top:4px;
  width:300px;
  text-align:right;
}

#textFieldTop {
    width:168px;
  vertical-align:top;
  margin-top:2px;
  margin-right:4px;
}




/* =community home
--------------------------------------------------------------------------------*/

#barCode {
  height: 60px;
  line-height:1.0;
  font-size:10px;  
  margin-bottom:12px;
}

.grid_4 #barCode { 
    width: 326px;
}
.grid_6 #barCode { 
    width: 534px;
}
.grid_10 #barCode { 
    width: 534px;
}


/* =tables
--------------------------------------------------------------------------------*/
.dottedRows td {
  border-bottom:1px dotted #e6e6e6;
  padding:4px 0;
  font-size:12px;
}

/* =forum
--------------------------------------------------------------------------------*/


.categoryList {
  width:100%;
  
}
.categoryList tr.alt{
  background:#f6f6f6;
}
.categoryList td {
  padding:10px 0;
  vertical-align:top;
  border-bottom:1px dotted #ddd;
}
.categoryList td h2 a:link, .categoryList td h2 a:visited{
  text-decoration:none;
}
.categoryList td h2 a:hover {
  text-decoration:underline;
}
.categoryList tr {
  border-bottom:0px solid #ddd;
}
.categoryList th {
  padding:0 0 2px 0;
  vertical-align:top;
  border-bottom:1px dotted #ddd;
}
.categoryList td.count {
  text-align:center;
  width:50px;
  padding-top:12px;
  padding-right:20px;
}
th.count {
  padding-right:20px;
}
.categoryList td.topic, .categoryList th.topic {
  width:168px;
}

.categoryList td.lastContribution ol.feed li{
  padding:0;
  border:none;
  background:transparent;
}
.categoryList td.lastContribution ol.feed li p{
  padding:0;
}


.categoryList td h2{
  margin:0;
}
ul.categoryList li p{
  margin:0;
}


/* =detail
--------------------------------------------------------------------------------*/

.resourceDetail {
  text-align:center;
  border:1px solid #e6e6e6;
  padding:12px;	
  background:#fff;
  margin-bottom:24px;
  overflow:hidden;
}
.resourceDetail .text{
  text-align:left;
  font-size:12px;
  line-height:22px; 
}
.resourceDetail .text p{
  text-align:left;
  font-size:12px;
  line-height:22px; 
  margin-bottom:12px;
}
.resourceDetail .text img{
  /*width:524px;*/
}
.previewIconNextPreview {
    left:149px;
		position:absolute;
		top:149px;
}


.borderedContainer
 {
 border-top:1px dotted #9f9f9f;
 border-bottom:1px dotted #9f9f9f;
  padding:12px 0;
 }

/* =rating
--------------------------------------------------------------------------------*/



#ratingContainer {
 
}

ul#rating li {
  float:left;
}
ul#rating li a:link, ul#rating li a:visited {
  display:block;
  height:25px;
  text-decoration:none;
  text-indent:-9000px;
  width:24px;
  background: url(http://sixgroups.de/images/rating.png) no-repeat 0px -25px;
  outline:none;
}


ul#rating li.filled a:link, ul#rating li.filled a:visited {
  background-position: 0px 0px;
}

ul#rating li a.active:hover {
  background-position: 0px 0px;
} 

#ratingInfo {
  display:block;
}

a.inactive:hover {
  cursor:default;
}




/* =ads
--------------------------------------------------------------------------------*/
.adsense {
	
}


/* =flyer
--------------------------------------------------------------------------------*/
#flyer_html {
  overflow:hidden;
  width:280px;
  height:250px;
  background: #fff;
}

#communityFlyer {
  width:300px;
  height:160px;
  border:1px dashed red;
  padding:5px;
  margin:10px 0;
  overflow:hidden;
  background: #fff;
}
#communityFlyer p{
  margin-bottom:7px;
}




/* =tag cloud
--------------------------------------------------------------------------------*/

#tagCloud {
  text-align:justify;
  margin-bottom:12px;
}
#tagCloud span {
 
 
}
#tagCloud a:link,
#tagCloud a:visited {
  text-decoration:none;
  line-height:1.45em;
   text-align:justify;
}
#tagCloud a:hover{
  text-decoration:underline;
}

.word {

}
a.size1:link, a.size1:visited {
color:#c4c694;
font-size:2.4em;
}
a.size2:link, a.size2:visited {
color:#b5b78b;
font-size:2.2em;
}
a.size3:link, a.size3:visited {
color:#a5a77f;
font-size:2em;
}
a.size4:link, a.size4:visited {
color:#959773;
font-size:1.8em;
}
a.size5:link, a.size5:visited {
color:#828364;
font-size:1.6em;
}
a.size6:link, a.size6:visited {
color:#707156;
font-size:1.4em;
}
a.size7:link, a.size7:visited {
color:#5a5b46;
font-size:1.2em;
}
a.size8:link, a.size8:visited {
color:#484938;
font-size:1em;
}
a.size9:link, a.size9:visited {
color:#4F503F;
font-size:0.8em;
}

/* =findFriends
--------------------------------------------------------------------------------*/


table.findFriends {
	width:100%;
}
.scrollContainer {
	height:300px;
	position:relative;
	overflow:auto;
}
/* =structure
--------------------------------------------------------------------------------*/


/*
	6g Wrapper
*/

#sixgroups {
	padding:26px 1px 0 1px;
	text-align:left;
	background: #fff;
}

.spacer {
  height:24px;	
}

.thickbox{
  visibility: hidden;
}






/* =sgbar
--------------------------------------------------------------------------------*/
#sgBar {
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;    
  border-bottom: 1px solid #F8FAFB;
  background: #393D2E;    
  font: 12px/1.2 normal Tahoma, Arial, Helvetica, Verdana, sans-serif;
  color: #F5F6F1 !important;
  z-index: 1050; /* must be above all other elems */
  line-height: 1.2;
}

#sgBar a:link, 
#sgBar a:visited, 
#sgBar a:hover, 
#sgBar a:active{  
  color:#fff !important;
 
}

#sgBar a img {
  border: none;
}


#sgBarLeft {
  max-width: 264px;
  min-width: 200px;
  padding: 6px;
  float: left;
  margin: 0 6px 0 0;
  text-align:left;   
}

#sgBarLeft a:hover{
  color: #DC006C;
}

#sgBarCenter {
 float: left;    
}

#sgBarRight {
  /*width: 264px;*/
  max-width: 264px;   
  min-width: 200px;
  float: right;
  padding: 6px 0;   
  text-align: right;
}

/* 6 logo */
#sg {
    margin: -6px 0;
    vertical-align: top;
}

#sgBar a#sgLcTitle:link, 
a#sgLcTitle:hover, 
a#sgLcTitle:visited{
  font-weight:bold;
  display: block;
  text-decoration: none;   
}

#sgBar a#sgLcTitle:hover{
  color: #DC006C;  
}


#sgBarUserNavigation{
  display: inline-block;
  display: -moz-inline-stack;
  padding-left: 12px;  
  zoom: 1;
  *display: inline;  
}


#lastShout {
    padding: 6px 6px 6px 12px;
    float:left;
}


#onlineUsersBar span{
  padding-right: 12px;
}


#sgBar .barIcon2:link, 
#sgBar .barIcon2:visited, 
#sgBar .barIcon2:hover {
    text-decoration: none;
    padding: 0 10px;
}

/* TODO use css sprites! */
#userMessages, #userMessages:visited {
  /*background: url(http://sixgroups.de/images/icons/email_white.png);*/
  background: transparent url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png) 0 -2484px no-repeat;
}

#userMessages:hover, #userMessagesAct {
  /*background: url(http://sixgroups.de/images/icons/email.png);*/
  background: transparent url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png) 0 -1695px no-repeat;
}


#userContacts, #userContacts:visited {
  background: transparent url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png) 0 -2450px no-repeat;
}
#userContacts:hover {  
  background-position: -1px -2040px;
}

#userContactsAct {
  /*background-image: url(http://sixgroups.de/images/icons/user_ani.gif);*/  
  background: transparent url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png) -1px -2040px no-repeat;  
}
#userSettings, #userSettings:visited {
  background-image: url(http://sixgroups.de/images/icons/admin_settings_white.png);
}
#userSettings:hover {
  background-image: url(http://sixgroups.de/images/icons/admin_settings.png);
}

#sgBar a.number:link, #sgBar a.number:visited, #sgBar a.number:hover {
  font-size:10px; 
}

#sgOverlay{
    position: absolute;
    position: fixed;
    top: 27px;
    left:0;
    width:100%;  
    z-index:1040;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
}

#overlay{
   position:absolute;
   top: 0;
   left:0;
   width:100%;  
   height:100%;
   min-height:100.1%;
   z-index:1030; 
   background-color:#000;
   filter:alpha(opacity=65);
   -moz-opacity: 0.65;
   opacity: 0.65;
}

#barSearchForm input {
  vertical-align:middle;
}

#barSearch {
    background: #fff url(http://sixgroups.de/images/relaunch/icons/google.gif) no-repeat 1px 3px;
    color:#19379F;
    font-size:11px;
    height:12px;
    padding:4px 0 5px 20px;
    width:100px;
}
#submitSearch {
	 background:none;
	  border:none;
	  padding:0;
	  margin:0;
}	
/**
* 6666666666666666666666666666666
* 66      SLIDE UP LINK        66
* 6666666666666666666666666666666
*/  

#sgClose a:link, #sgClose a:visited, #sgClose a:hover, #sgClose a:active{  
  position:relative;
  width:113px;
  height:75px;
  display:block;
  margin: 0 auto;
  z-index:10200; 
  
}

a#closeOverlay {
  z-index:10200;
  position:absolute;
  right:10px;
  top:10px;   

}


/**
* 6666666666666666666666666666666
* 66       BAR CONTENT         66
* 6666666666666666666666666666666
*/  
#sgOverlay #sgwrapper {
    width:957px;
    z-index:1040;
    margin: 0 auto;
    position:relative;
    border:1px solid #fff;
    border-width:0 1px 1px 1px; 
    background: #f8fafb;
}

#sgOverlay #externalHomeRightWide {
    padding:28px 19px 75px 19px;
    background:#f8fafb;
    min-height:446px;
    height:auto !important;  
    height:446px; 
    text-align:left;
    z-index:1040;
}

#sgOverlay #externalHomeRight {
    position:relative;
    /*TODO: BOX MODEL F�R IE5 FIXEN*/
    width:718px;
    padding:28px 19px;
    border-left:201px solid #6F6E5C;
    text-align:left;
    background:#f8fafb;
    min-height:446px;
    height:auto !important;  
    height:446px; 
    text-align:left;
    z-index:1040;
    
}
#sgOverlay #externalHome table {
    overflow-x:hidden;
}


#sgOverlay #logoSubnavi {
    position:absolute;
    left:0;
    bottom:0;
    background: url(http://sixgroups.de/images/sgbar/sglogo_navi_bottom.gif) no-repeat;
    width:184px;
    height:48px;
    z-index:10500;
}
#sgOverlay #logoSubnaviDark {
    position:absolute;
    left:0;
    bottom:0;
    background: url(http://sixgroups.de/images/sgbar/sglogo_navi_bottom_mud.gif) no-repeat;
    width:184px;
    height:48px;
    z-index:10500;
}
#externalHome form {
    position:relative;
    z-index:1040;
}
#blueLine {
    position:absolute;
    left:199px;
    top:0; 
    background:#767465 ;
    border-left:1px solid #F6F6F4;
    width:1px;
    height:100%;
    z-index:10124;

}

/**
* 6666666666666666666666666666666
* 66       BAR SUB NAVI        66
* 6666666666666666666666666666666
*/  

#sgOverlay #sgSubnavi {
   position:absolute;
   left:0;
   top:0;
   text-align:left;
   width:197px;
   z-index:10121;
   overflow: hidden;
   background: #7A7967 url(http://sixgroups.de/images/sgbar/bg_navi.jpg) top repeat-x;  
}

#sgSubnavi ul.pt{
    padding-top:32px;
}

#sgSubnavi ul li{
    border-bottom:1px solid #4F5042;
    border-top:1px solid #848577;
    
}
#sgSubnavi ul li.current {
    
}
#sgSubnavi ul li a{
    display:block;
    padding-left:18px;
    line-height:36px;
    width:180px;
    text-decoration:none;
    z-index:10121;
}

#sgSubnavi ul li a:link, #sgSubnavi ul li a:visited{
    color:#fff;
    
}
#sgSubnavi ul li a:hover{
    color:#fff;
    font-weight:bold;
    background: #0C9CB7 url(http://sixgroups.de/images/sgbar/bg_sn_over.gif) repeat-x;
    
}
#sgSubnavi ul li.current a:link, #sgSubnavi ul li.current a:visited {
    color:#fff;
    font-weight:bold;
    background: #0C9CB7 url(http://sixgroups.de/images/sgbar/bg_sn_over.gif) repeat-x;
}



/**
* 6666666666666666666666666666666
* 66       BAR LISTS           66
* 6666666666666666666666666666666
*/  
.featureMenu li {
    background: url(http://sixgroups.de/images/bullit.gif) 0px 7px no-repeat;
    padding-left:12px;
    padding-bottom:4px;
}

#externalHome dd a {
    color:#4B4B4B;
}
#externalHome dd a.sendMessage {
    color:#149EBB;
}

/**
* 6666666666666666666666666666666
* 66       BAR  PAGER          66
* 6666666666666666666666666666666
*/  

#externalHome ul.pagination {
    margin-bottom:10px;
}

/**
* 6666666666666666666666666666666
* 66       BAR  LINKS          66
* 6666666666666666666666666666666
*/  
#externalHome a:link, #externalHome a:visited {
  color: #545454;
}

a.close:link , a.close:visited {
    color:#159FB9;
    background: url(http://sixgroups.de/images/icons/cross.gif) center right no-repeat;
    padding:5px 20px 5px 0px;
    margin-right:10px;
}

a.button:link, a.button:visited {
    color:#179EBC;
}
a.button:hover {
    color:#dc006c;
}
/*a.gray {
   background: #D9D9D9 url(http://sixgroups.de/images/sgbar/bg_gray.gif) repeat-x;
}*/

#sgEvents a:link, #sgEvents a:visited, #sgEvents a:hover {
     color:#F6F6F4;
}

img.sendMessage {
    padding:11px 5px;
    vertical-align:middle;
}


/**
*
* special settings for external homepage
* 
*/

#externalHome a:hover {
    color:#dc006c;
}
#externalHome a.registerNow2:link, #externalHome a.registerNow2:visited,
#externalHome a.registerNow:link, #externalHome a.registerNow:visited {
     color:#fff;
}

#externalHome span.newMessages {
    background: url(http://sixgroups.de/images/icons/sendMessage.gif)  right  no-repeat;
}
#externalHome span.newContacts {
    background: url(http://sixgroups.de/images/icons/user_comment.png)  right  no-repeat;
}
#externalHome span.readMessage { 
    background: url(http://sixgroups.de/images/sgbar/icons/message.gif)  left  no-repeat;
}
#externalHome span.newMessage {
    background: url(http://sixgroups.de/images/sgbar/icons/new_message.gif)  left  no-repeat;
}
#externalHome span.deleteMessage {
    background: url(http://sixgroups.de/images/sgbar/icons/delete.gif) center center no-repeat;
}

#externalHome span.back {
    background: url(http://sixgroups.de/images/sgbar/icons/back.gif) left no-repeat;
    width:28px;
}
#externalHome span.six {
    background: url(http://sixgroups.de/images/sgbar/6_neg.gif) left no-repeat;
    height:28px;
    margin-right:5px;
}
#externalHome span.createCommunity {
    background: url(http://sixgroups.de/images/icons/createCommunity.png) left no-repeat;
    width:30px;
}

#startCommunity {
    color:#fff;
    line-height:29px;
    font-weight:bold;
    background: #980064 url(http://sixgroups.de/images/sgbar/bg_pink.gif) repeat-x;
    color:#fff; 
    display:block;
    font-size:1em;
    padding:0 10px;
    float:left;
    text-decoration:underline;
}
#startCommunity:visited {
    text-decoration:underline;
}



/**
* 6666666666666666666666666666666
* 66       BAR  FORMS          66
* 6666666666666666666666666666666
*/

#externalHome form.approvals {
    
}
#externalHome form.approvals input{
    margin-right:3px;
}

#externalHome form.approvals div {
    margin-bottom:2px;    
}
#externalHome .contacts label{
    display:inline;
    float:none;
}

#externalHome form fieldset.left {
    float:left;
    margin-bottom:10px;
}
#externalHome form fieldset.right {
    float:left;
    margin: 0 30px;
}
#externalHome form.approvals button {
    margin-left:0;
    vertical-align:bottom;
}










/* =skin editor
--------------------------------------------------------------------------------*/

#preview{
	 padding: 24px; 
	 border:0; 
}


#styleFields {
    position:relative;
    float:left;
    width: 162px;
    overflow:hidden;
}

#styleFields label {
    background: url(http://sixgroups.de/images/icons/color_wheel.jpg) left no-repeat;
    padding-left:20px;
    margin-left:5px;
    width:94px;
    overflow:hidden;
    float:left;
    display:block;
    cursor:pointer;
}
#styleFields div {
    margin-bottom:5px;
}
#styleFields div input {
    float:left;
    cursor:pointer;
    color: #fff;
}
#colorpickerContainer{
    position:absolute;
    background:#fff;   
    border: 1px solid #444; 
    width:195px;
    z-index: 300;
}

#colorpickerContainer div.header{
  height:18px;
  padding: 2px 0 0 2px;
  border-bottom:1px solid black;
  background: #F6F6F4;
}


#colorpicker, .farbtastic {
    width:195px;
}

#colorpickerContainer div.footer{
  padding: 2px;
  border-top:1px solid black;
  background: #F6F6F4;
}

#colorpickerContainer div.footer label{
  width: 180px;
}

#colorpickerContainer a#closeCP,
#colorpickerContainer a#closeCP:visited {
  position:absolute;
  top:4px;
  right:2px;
  z-index:500;
  width:16px;
}

.skinBox {
     text-align:center;
     width:116px;
     height: 140px;
     float:left;
     padding-right:15px;
     text-align: center;  
}

.skinBox br {
     clear:left;
}
.skinBox .radio {
    vertical-align:middle;
}

.skinBox img {
   display:block;
   margin-bottom:10px;
}

.skinColor{
  border: 1px solid #444; 
  width: 33px; 
  height:33px;
  padding:0;
  margin:0;
}

.welldone{  
  padding:12px 5px 12px 437px;
  color:#7A9F13;
  font-size:12px;
  margin:12px 0;  
  padding:6px 5px 7px 33px;
  background: url(http://sixgroups.de/images/icons/welldone.png) no-repeat left center ;  
}


/* tinymce */
  .defaultSkin span.mce_sgemotions {background-position:-60px -20px}

  
.twitterUs li {
  padding:1px 0;	
}  
  
#formFilters .ajaxLoader{
  line-height: 1.0;
}



.homebox {
  -moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	
	-webkit-border-radius-topleft:10px;
  -webkit-border-radius-topright:10px;
  -webkit-border-radius-bottomleft:10px;
  -webkit-border-radius-bottomright:10px;
	
	-moz-box-shadow:5px 5px 10px #999999;
	-webkit-box-shadow:5px 5px 10px #999999;

	color:#FFFFFF;
	float:left;
	padding:15px;
	width:260px;
	cursor:pointer;
	min-height:341px;
}

.homebox h2 {
  font-size:24px;
  line-height:1.4;
}
.homebox h2 a:link, .homebox h2 a:visited{
  text-decoration:none;
}
#vertical {
  background:#43b0c4;
}
#brandfeed {
  background:#616250;
  margin: 0 30px; 
}
#livecommunity {
  background:#DC006A;
}

#brandfeed *, #vertical *, #livecommunity * {
  color:#fff;
}