/*

http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}

p{
  margin-bottom: 9px;
}

ul.norm {
  margin-bottom:12px;
}
  
ul.norm li{
  margin-left:24px; 
  list-style-type:disc;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
}


table {
    width:100%;
}

table thead {
    border-bottom:0px solid #DBDCD6;
    padding-left:0;
}
table tr {
    border-bottom:0px solid #DBDCD6;
}
table tr.odd {
  background:#EAF2F4;
}
table th.actions {
   width:24px;
}
table th.from {
   width:200px;
}
table th.date {
   width:100px;
}
table.messages td, table.messages th {
    padding:4px;
    margin:0;
} 
table.messages tr {
    border-bottom:1px solid #DBDCD6; 
}
   
table.messages tr.odd {
   
     
}
table.messages td img {
   vertical-align:middle;
   margin-right:5px;
}
table.messages td a img {
   vertical-align:middle;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
  clear: both;
  content: '.';
  display: block;
  visibility: hidden;
  height: 0;
}

.clearfix
{
  display: inline-block;
}

* html .clearfix
{
  height: 1%;
}

.clearfix
{
  display: block;
}

.clearBoth {
	clear: both;
}


/* =Basic HTML
--------------------------------------------------------------------------------*/

body
{
  font: 12px/18px Tahoma, Helvetica, Arial, sans-serif;
  background: #585b50;
  color:#545454;
  
}

a:focus
{
  outline: 1px dotted invert;
}

hr
{
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
}

sup {
  padding-left:5px; 
  vertical-align: top;
}
dt {
  font-weight:bold;
}

/* =Headings
--------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
  font-family: 'Trebuchet Ms', Arial, Tahoma, sans-serif; 
  color:#545454;
  font-weight:normal;
  margin-bottom:12px;
}

h1
{
  font-size: 24px;
  line-height:22px;
  color:#dc006c;
  margin-bottom:24px;
}

h1 a:link,h1 a:visited
{
  color:#dc006c;
  text-decoration: none;
}

h2
{
  font-size: 18px;
  margin-bottom:12px;
}

h3
{
  font-size: 16px;
  margin-bottom:12px;
}

h4
{
  font-size: 14px;
  font-weight:bold;
  margin-bottom:12px;
}

h5
{
  font-size: 12px;
  font-weight:bold;
  margin-bottom:9px;
}



/* =generic
--------------------------------------------------------------------------------*/

.noWrap {
  white-space:nowrap;
}
.hidden{
  height:0;
  margin:0;
  border:0;
  padding:0;
  overflow:hidden;
  float: left;
  display: block;
}

.hideText{
  text-indent: -999em !important;
  letter-spacing: -999em;
}




#sixgroups .center {
  text-align:center;  
}
/*geht das?*/
#sixgroups .center * {
  margin:auto;  
}


.positionRelative {
  position: relative;
}

.gray {
  color:#9F9F9F;
}
#content a.gray:link, #content a.gray:visited {
  color:#9F9F9F;
}

/* =Links
--------------------------------------------------------------------------------*/
a.icon, 
.icon{
 padding:2px 0px 2px 20px; 
 background-repeat:no-repeat;
 background-image: url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png);
}

a:link, a:visited {
  color:#545454;
 
}
a:hover {
  color:#dc006c;
}
#sixgroups a.pink:link, #sixgroups a.pink:visited {
  color:#dc006c;
}

a.noUnderline:link,a.noUnderline:visited, a.noUnderline:hover {
  text-decoration:none;
}

a.embedImg img {
    float:left;
    display:block;
    margin:0px 3px 0 0;
    background-position: 0 -833px;
}

a.external:link, a.external:visited
 {
 background-position: 0 -960px;
 
}

a.twitter:link, a.twitter:visited , .twitter{
padding-left:15px;
	background-position: 0 -1004px;
    background-repeat:no-repeat;
}

a.twitterBig, a.twitterBig:visited  {
   /* background-image: url(http://sixgroups.de/images/relaunch/icons/twitter.gif);*/
	background-position: 0 -1966px;
}

.picture, .picture:visited  {
   /* background-image: url(http://sixgroups.de/images/icons/image.gif);*/
	background-position: 0 -1046px;
}
.video{
   /* background-image: url(http://sixgroups.de/images/icons/video.png);*/
	background-position: 0 -2223px;
}
.showText{
/*    background-image: url(http://sixgroups.de/images/icons/doc.gif) ;*/
	background-position: 0 -604px;
}
.user:link, .user:visited {
    /*background-image: url(http://sixgroups.de/images/icons/user.gif);*/
	background-position: 0 -2040px;
} 
a.group:link, a.group:visited {
    /*background-image: url(http://sixgroups.de/images/icons/group.gif);*/
	background-position: 0 -787px;
}
a.groupAdd:link, a.groupAdd:visited {
    /*background-image: url(http://sixgroups.de/images/icons/group_add.gif);*/
	background-position: 0 -833px;
}
a.comment {
/*    background-image: url(http://sixgroups.de/images/icons/comment.gif);*/
	background-position: 0 -512px;

}
.heart {
  /*background:transparent url(http://sixgroups.de/images/icons/heart.png) no-repeat scroll left center;*/
  background-position: 0 -1120px;
}
.star {
  background:transparent url(http://sixgroups.de/images/icons/star.png) no-repeat scroll left center;
}

.founder{
    /*background-image: url(http://sixgroups.de/images/icons/award_star_gold_3.gif) ;*/
     background-position: 0 -2323px;
}

 a.editMail {
    /*background-image: url(http://sixgroups.de/images/icons/email_edit.gif) ;*/
	background-position: 0 -650px;    
}


.complete{
  background : #fff url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png) no-repeat 0 -28px;
}

a.widget{
  /*background-image: url(http://sixgroups.de/images/icons/page_white_code.png);*/
	background-position: 0 -1328px;
  
}
a.userComment:link, a.userComment:visited {
    /*background-image: url(http://sixgroups.de/images/icons/user_comment.gif);*/
    background-position: 0 -2132px;
}
 a.reportError {
    /*background-image: url(http://sixgroups.de/images/icons/report_edit.png) ;   */
	background-position: 0 -1650px;
}
a.help:link, a.help:visited {
    /*background-image: url(http://sixgroups.de/images/icons/help.png);*/
	background-position: 0 -920px;
}
 a.editPhoto {
  /*background-image: url(http://sixgroups.de/images/icons/picture_edit.png) ;*/
	background-position: 0 -1511px;
}

a.editProfile {
  /*background-image: url(http://sixgroups.de/images/icons/user_edit.gif) ;*/
  /*background-image: url(http://sixgroups.de/images/icons/288ad29d723e243719de355382681a8e.png);*/
  background-position: 0 -2178px; 
}

a.settings {
  /*background-image: url(http://sixgroups.de/images/icons/settings.gif) ; */
	background-position: 0 -1741px;
}


a.myDocuments {
 /* background-image: url(http://sixgroups.de/images/icons/folder.gif) ;*/
	background-position: 0 -742px;
}
a.printer {
  /*background-image: url(http://sixgroups.de/images/icons/printer.gif) ;*/
background-position: 0 -1604px;
}
a.openId {
  /*background-image: url(http://sixgroups.de/images/icons/openid-icon-small.gif) ;*/
	background-position: 0 -1282px;
}
a.sixgroups {
  /*background-image: url(http://sixgroups.de/images/icons/sixgroups.gif) ;*/
	background-position: 0 -1786px;
}
a.edit, a.edit:visited {
    /*background-image: url(http://sixgroups.de/images/icons/pencil.png) ;*/
	background-position: 0 -1466px;
}
a.admin, a.admin:visited {
    /*background-image: url(http://sixgroups.de/images/icons/admin_settings.gif) ;*/
	background-position: 0 -122px;
}
a.sendMessage{
    /*background-image: url(http://sixgroups.de/images/icons/sendMessage.gif) ;*/
	background-position: 0 -647px;
}

a.add, a.add:visited {
    /*background-image: url(http://sixgroups.de/images/icons/add.png) ;*/
	background-position: 0 -76px;
}
a.delete, a.delete:visited{
 /*    background-image: url(http://sixgroups.de/images/icons/delete.gif) ;*/
 /* background-position: 0 -558px; one way sign -> should be class cancel */
  background-position: 0 -2550px;
}

a.exclamation {
/*    background-image: url(http://sixgroups.de/images/icons/delete.gif) ;*/
  background-position: 0 -558px;
}

a.style, a.style:visited {
   /* background-image: url(http://sixgroups.de/images/icons/color_wheel.jpg) ;*/
    background-position: 0 -466px;
}
a.layout, a.layout:visited {
    /*background-image: url(http://sixgroups.de/images/icons/layout.png) ;*/
	background-position: 0 -1092px;
}
a.basedata, a.basedata:visited {
    /*background-image: url(http://sixgroups.de/images/icons/page_white_text.png) ;*/
	background-position: 0 -1374px;
}
a.rss, a.rss:visited {
 /*background-image: url(http://sixgroups.de/images/icons/feed.gif) ; */
	background-position: 0 -695px;
}
a.page, a.page:visited {
    /*background-image: url(http://sixgroups.de/images/icons/page_world.png) ;*/
	background-position: 0 -1419px;
}

#externalHome {
  text-align:left;  
  min-height:500px;
}

/* =subnavi
--------------------------------------------------------------------------------*/
ul.subNavigation {
  margin-bottom:12px; 
 
}
ul.subNavigation a:link, ul.subNavigation a:visited{
  color:#159FB9; 
}


ul.subNavigation li, ol.feed li {
  border-bottom:1px dotted #DBDCD6;
  padding:4px 10px;
  font-size:11px;  
}


ul.subNavigation li.current a:link, 
ul.subNavigation li.current a:visited,
ul.subNavigation li.current a:hover{
  font-weight: bold !important;
}  


/* =shoutbox
--------------------------------------------------------------------------------*/
#shoutformContainer{  
  border:1px solid #a7a7a7;
  background-color: #EFEFEF;
  padding: 6px;
}

#shoutForm{  
  /*border:1px solid #a7a7a7;
  background-color: #EFEFEF;
  padding: 3px;*/
}

#shoutSubmitButton{
  max-width: 100px;
  float:left; 
}

#shoutMessageContainer{
  width: 446px;
  float: left;
  margin-right: 6px;
}

#shoutMessageContainer .toolbar{
  border-left:1px solid #a7a7a7;
  border-right:1px solid #a7a7a7;
  width: 460px;
  min-height: 24px;
  margin:0;
  padding: 0;
  border-top:1px dashed #999;
  display: block;
  background-color:#EFEFEF;
  font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  
}

textarea.livestream { 
  border:1px solid #a7a7a7;  
  background-color: #fff;
  padding:3px;
  font-size:12px;
  height:22px;
  width: 440px;
  display:block;
  float: left;
}

textarea.livestreamLarge {
  border:1px solid #a7a7a7;  
  background-color: #fff;
  padding:3px;
  font-size:12px;
  height:54px;
  width: 440px;
  display:block;
  float: left;
}

textarea.stream {
  border:1px solid #9FA08E;
	font-size:11px;
	padding:3px;
	width:340px;
  height:20px;
}

.comment_box {
	background:#F6F6F4 none repeat scroll 0 0;
	border-bottom:1px solid #bfbfbf;
	clear:both;
	margin-bottom:2px;
	margin-top:6px;
	overflow:hidden;
	padding:6px 4px 6px 6px;
  margin-left:84px;
  border-left:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf;
  width:350px;
}

#shoutListContainer {
 margin-top:12px;
 background: transparent;
}

ol.shouts{
 background: transparent;
}
ol.shouts li{
  /*margin-bottom:12px;*/
}

li.streamItem{
  background: #fff;
  clear: both;  
  padding: 12px 6px 6px 6px;
  border-bottom: 1px solid #ddd;  
}

/* container for the user iamge / icon etx */
.streamImage{
  float:left;
  margin-right:12px;
}


.streamImage img{
  vertical-align:top;
  padding:0;
}

/* container for the content of a stream item */
.streamContent{
  float: left;
  /*width: 490px;*/
  width:100%;
  padding: 0;
  position: relative;
  /*margin-bottom:10px;*/
}

.streamItem  a:link, 
.streamItem  a:visited {
  text-decoration:none; 
  /*color:#DF4593;*/
}
.streamItem a:hover,  .streamContentAd a:hover{
  text-decoration:underline; 
  /*color:#DF4593;*/
}
.streamItem a.profileLink, 
.streamContentAd a:link, 
.streamContentAd a:visited {
  color:#545454 !important;	
  text-decoration:none; 
}
.streamItem a.profileLink:hover {
	/* color:#DF4593 !important;*/
} 
a.profileLink {
  font-weight:bold;
}

.streamItem a.partnersiteLink:link, .streamItem a.partnersiteLink:visited {
  text-decoration: none;
  color:#9F9F9F !important;
  font-size:10px;
  border-bottom:1px dotted #999999;
  text-decoration: none;
}
.streamItem a.partnersiteLink:hover {
  text-decoration: none;
  color:#DF4593;  
}

.streamContentUserInteraction{
  float: left;
  width: 444px;
  padding: 0 6px 0 0;
  position: relative;
}


#shoutListContainer .smallItem{
  width:396px;
}
#shoutListContainer .friends .smallItem {
  margin-right:12px;
  width:336px;
}

li.friends .streamContent {
  text-align:center;
}
#shoutForm .streamIcon img.addIcon{
  border:0;
  padding:0;
  background: transparent;
}
#shoutForm .streamIcon img{
  border-color:#9da69d;
}
.streamContent .replyLink {
  font-size:11px;
  
}
.streamContent .deleteShout {
  /*background:url(http://sixgroups.de/images/sgbar/icons/delete.gif) left top no-repeat; /* delete.gif changed to delete1.gif*/
  /* TODO: replace with sprite */
  background:url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png) left top no-repeat;
  background-position: 0 -2550px;
  padding:3px 0 3px 15px;
  
}
.streamContent .deleteShout:hover {
  text-decoration: none;
}

.streamIconSmall img, .streamIcon2Small img{
  border: 1px solid #E6E6E6;
  padding:3px;
  background:#fff;
  width:36px;
  height:36px;
}

.streamContentMessage {
  overflow:hidden;
  line-height:1.3;
  font-size:1.1em;
}

.streamContentMessage p{
	margin-bottom: 6px;
}	

.streamContentMessage img {
  vertical-align: top;
}

.streamContentMessage div{
  overflow:hidden;  
}

.streamContentFooter {
  color:#9f9f9f;
  overflow:hidden;
  font-size:9px;
  clear: left;
}
.response .streamIcon {
	float:right;
}

.streamContentAd {
  text-align:center;
  font-size:11px;
  border-top:1px dashed #e6e6e6;
  padding:2px 0 0 0;
}

.plusMinus {
  background:url(http://sixgroups.de/images/relaunch/stream/plusminus.gif)	no-repeat 0 4px;
  display:inline;
  padding: 6px 0 0 22px;  
}

.minusIcon {
  background-position: 0 -16px;
}
.streamContentMessage h5 {
  margin-bottom:6px;
}

.streamContentMessage h5 a.external, .streamContentMessage h5 span {
  font-weight: normal;
  font-size:11px;
}

.streamContentMessage .serviceThumbNail {    
  max-height: 60px;
  float:left;
  margin: 0 12px 6px 0;
}

.streamContentMessage  .serviceDetails {
  clear:both;
}

.streamContentMessage  .serviceDetails img{
  float:left;
  margin-right:5px;
  max-width:445px;
}

.toggleFilters, .toggleArrow{
 background: url(http://sixgroups.de/images/bg/arrows_small.png) 100% -65px no-repeat; 
 padding-right: 12px;
 font-size: 12px;
 font-weight: normal;
 color: #9F9F9F !important;
}

.toggleFilters.open, .toggleArrow.open{
  background: url(http://sixgroups.de/images/bg/arrows_small.png) 100% -95px no-repeat; padding-right: 12px;
}
.partnerContent img {
	max-width:100px !important;
	max-height:100px !important;
}


/*stream is small*/
#externalHome .serviceDetails object, #externalHome .serviceDetails embed{
  /* width:340px;*/
}

#tagsAndservies {
  border-bottom:1px dotted #e6e6e6;
  padding:6px 0;
  font-size:11px;
  margin-bottom:12px;
}
#tagsAndservies em {
  color:#8E8F8F;
}



span.filter{
  margin-right:6px;
  font-size:11px;
  color:#8E8F8F;  
}

/* media filters */
.filterList li {    
  float: left;
  border: 1px solid #ddd;    
  margin: 0 6px 6px 0;
  padding: 2px; 
}

.filterList li.active, .filterList li:hover{
	background: #eee;
}	

.filterList label:hover , .filterList li.active {
  color:#333;
}

.filterList li.active label:hover {
	color:#aaa;
}

.filterList input:hover, .filterList label:hover {
  cursor:pointer;	
}

#shoutBoxFilter .current .filterLink {
  background: #96999D;
  color:#fff;
}



#toggleUpdatesLink {
	font-size:12px;
	line-height:24px;
	text-decoration:none;
	color:#545454;
	font-weight:normal;
}
#toggleUpdatesLink .pause {
  background: url(http://sixgroups.de/images/relaunch/stream/pause.png) center left no-repeat;
  padding-left:18px;
  font-size:12px;
  font-weight:normal;
  line-height:24px;
  color:#545454;
  text-decoration:none;
}
#toggleUpdatesLink .play {
  background: url(http://sixgroups.de/images/relaunch/stream/play.png) center left no-repeat;
  padding-left:18px;
  font-size:12px;
  line-height:24px;
  color:#545454;
  font-weight:normal;
  text-decoration:none;
}

#sgMmMediaTypes{
  padding: 0; 
  margin: 0;
  display: block; 
  float: right;
  min-width: 150px;
  height: 24px;  
}

#sgMmMediaTypes span{  
  width: auto;
  display: block; 
  display:inline-block;
  display: -moz-inline-stack; 
  margin: 0 3px 0 0;  
}

#sgMmMediaTypes li.active{
  background: #FFF;
  margin-bottom: -1px;
  padding-bottom:7px;
}

#sgMmPhotoTabs a{

}	

#sgMmAddMediaContainer{

}

.closeableBox{
	border: 1px solid #ddd; 
  padding: 0 6px 6px 6px;
  position: relative;
  background: #fff;
  margin: 3px;  
}

.closeableBox a.exit{ /* close class was already taken */
  position: absolute;
  right: 2px;
  top: 2px;
}

#sgMmAddMediaContainer label{
  font-weight: normal;
  font-size: 12px;  
}

#sgMmAddMediaContainer input{
  margin-right: 6px;
  float: left;
}

#sgMmCancelAddMedia{

}

.sgMmConfirmAddMedia{
  display: inline-block;
  display: -moz-inline-stack;
  margin-left: 6px;
}

#sgMmMediaPreviewLabel{
  margin-top: 5px;
}

#sgMmMediaPreview{
  /*width: 100px;
  max-height:100px;
  overflow: hidden;*/
}

.sgMmMediaPreview{
  width: 96px;
  max-height: 96px;
  overflow: hidden;
  float: left;
  display:block;
  text-align: center;
  margin-right: 12px;
  margin-bottom:12px;
}

#sgMmMediaPreview img{
  max-width: 80px;
  max-height: 60px;
}

/* a class used when form elements are disabled */
.disabled{
  
}


/* =headlines
--------------------------------------------------------------------------------*/

h5
{
  font-size: 12px;
  font-weight:bold;
}

h2.box_grid_6 {
  font-weight:normal;
  font-size: 18px;
  color: #ce0055;
  line-height:36px;
  padding:0px 12px;
  height:36px;
  margin-bottom:12px;
  background: url(http://sixgroups.de/images/relaunch/boxes/h2_grid6.gif) top left no-repeat;
}

h2.box_grid_6 a:link, h2.box_grid_6 a:visited{
  text-decoration:none;
  color: #ce0055;
}

h2.box_grid_6 small {
  color:#545454;
  font-size:11px;
}
h2.box_grid_6 small a:link, h2.box_grid_6 small a:visited {
  color:#545454;
  font-size:11px;
  line-height:11px;
  text-decoration: underline;
}

h3.box {
  font-weight:bold;
  font-size: 12px;
  color: #ce0055;
  line-height:27px;
  padding:0px 12px;
  height:27px;
  margin-bottom:12px;
}
h3.box a:link, h3.box a:visited{
  text-decoration:underline;
  color: #dc006c;
}

/* TODO: move to box sprites */
.grid_4 h3.box {
  background: url(http://sixgroups.de/images/relaunch/boxes/sprites_rounded_boxes.png) top left no-repeat;
  background-position: -2700px 0;
}

.grid_2 h3.box {
  background: url(http://sixgroups.de/images/relaunch/boxes/h3_grid2.gif) top left no-repeat;
}

h3.box_grid_4 {
  font-weight:bold;
  font-size: 12px;
  color: #ce0055;
  line-height:27px;
  padding:0px 12px;
  height:27px;
  margin-bottom:12px;
  background: url(http://sixgroups.de/images/relaunch/boxes/h3_grid4.gif) top left no-repeat;
}
h3.box_grid_6 {
  font-weight:bold;
  font-size: 12px;
  color: #ce0055;
  line-height:27px;
  padding:0px 12px;
  height:27px;
  margin-bottom:12px;
  background: url(http://sixgroups.de/images/relaunch/boxes/h3_grid6.gif) top left no-repeat;
}


h3.box_grid4 a:link, h3.box_grid_4 a:visited{
  text-decoration:underline;
  color: #ce0055;
  font-weight:normal;
}

h3.box_grid_4 small {
  color:#545454;
  font-size:11px;
  font-weight:normal;
}
h3.box_grid_4 small a:link, h3.box_grid_4 small a:visited {
  color:#545454;
  font-size:11px;
  line-height:11px;
  text-decoration: underline;
  font-weight:normal;
}

h3.bottomDashed, .bottomDashed{
  border-bottom: 1px dashed #ddd;
}

h3 img {
 margin-top:4px;
}


/* =text
--------------------------------------------------------------------------------*/
p.richText  {
  font-size:12px;
  line-height:1.6;
  margin-bottom:12px;
}

p.richText.small {
  font-size:11px;
}

ul.richText li {
	font-size:12px;
  line-height:1.6;
	}
div.richText p{
  font-size:12px;
  line-height:1.6;
  margin-bottom:12px;
}

ul.richText {
  list-style-type: disc;
  margin-bottom:12px;
}
ul.richText li{
	list-style-type: disc;
  margin-left:15px;
  line-height:1.6;
}

/* =generic
--------------------------------------------------------------------------------*/
#externalHome .mt6,
#sixgroups .mt6,
.mt6 {
  margin-top:6px;
}
.pt6 {
  padding-top:6px;
}
.pt3 {
  padding-top:3px;
}
#externalHome .mt12,
#sixgroups .mt12,
#page_margins .mt12, .mt12 {
  margin-top:12px;
}
#externalHome .mt24,
#sixgroups .mt24,
#page_margins .mt24, .mt24 {
  margin-top:24px;
}
#externalHome .mt36,
#sixgroups .mt36,
#page_margins .mt36, .mt36 {
  margin-top:36px;
}
#externalHome .mt48,
#sixgroups .mt48,
#page_margins .mt48 {
  margin-top:48px;
}
#externalHome .mb12,
#sixgroups .mb12,
#page_margins .mb12 {
  margin-bottom:12px;
}

#externalHome .mb6,
#sixgroups .mb6,
#page_margins .mb6 {
  margin-bottom:6px;
}

#externalHome .mb24,
#sixgroups .mb24,
#page_margins .mb24 {
  margin-bottom:24px;
}

#externalHome .pt24,
#sixgroups .pt24,
.pt24 {
  padding-top:24px;
}

#externalHome .pr12,
#sixgroups .pr12 {
  padding-right:12px;
}

#externalHome .pl12,
#sixgroups .pl12 {
  padding-left:12px;
}

#externalHome .pl24,
#sixgroups .pl24 {
  padding-left:24px;
}

#externalHome .noMargin,
#sixgroups .noMargin {
  margin:0;
}
#externalHome .alignRight,
#sixgroups .alignRight,
#livecommunity .alignRight {
  text-align: right;
}

/**headlines in external sidebar **/
#sidebarExternal .section {
	margin-bottom: 12px;
}	
#sidebarExternal .section h5{
  border-bottom: 1px solid #ddd;
  margin-bottom: 12px; 
}



p.bigger, .bigger {
  font-size:14px;
}

.nowrap {
	white-space: nowrap;
}

.blue, #externalHome .blue {
	color:#01ccec;
}
.pink {
	color:#ce0055;
}
.mud {
	color:#62634E;
}
.inline {
  display:inline;
}

.size14, .size14 a {
  font-size:14px;
}
.size20, .size20 a {
  font-size:20px;
}
.size22, .size22 a {
  font-size:22px;
}
.size15, .size15 a {
  font-size:15px;
  font-family: 'Trebuchet MS', Tahoma, Arial;
}
.size16, .size16 a {
  font-size:16px;
  font-family: 'Trebuchet MS', Tahoma, Arial;
}

#sixgroups .noMargin , .noMargin {
  margin:0; 
}
#sixgroups .mr6, .mr6 {
  margin-right:6px; 
}
#sixgroups .mb6, .mb6 {
  margin-bottom:6px; 
}
#sixgroups .mr12 , .mr12 {
  margin-right:12px; 
}
#sixgroups .ml12 , .ml12 {
  margin-left:12px; 
}

#sixgroups .gray, .gray {
  color:#9f9f9f;
}
#sixgroups .small, small, .small {
  font-size:11px;
}
#sixgroups .smaller, .smaller {
  font-size:10px;
}
#sixgroups .bold, #sgBar .bold, .bold {
  font-weight:bold;
}
#sixgroups .normal, #sgBar .normal, .normal {
  font-weight:normal;
}


.online {
	background-image: url(http://sixgroups.de/images/icons/bullet_green_ani.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	padding:1px 0 0 10px;
	font-weight:normal;
	color:#348A2B;
	font-size:11px;
}

.fadeOutMessage {
  color:#6DAF74;
  text-align:left;
  font-size:1.2em;
  line-height:1.5em;
  padding:5px 3px 3px 5px;
  border:1px solid #6DAF74;
  text-indent:25px;
  /*background: transparent url(http://sixgroups.de/images/icons/accept.gif) no-repeat 6px 7px;*/
  background-position: 0 -30px; 
}

/* =Links
--------------------------------------------------------------------------------*/

/*
  services service_SERVICE_ID
  TODO: implement with css sprite
*/
.service_1{
	
}

.service_2{
  
}

.service_3{
  
}

.service_4{
  
}

.service_5{
  
}

.service_6{
  
}

.service_6{
  
}

/** link icon **/
.service_generic{
  
}

.service_100{
  
}




/* Link Icons */


a.pink:link, a.pink:visited {
  color:#ce0055;
}
a.blue:link, a.blue:visited {
  color:#109BB8 !important;
}
a.gray:link, a.gray:visited {
  color:#9f9f9f !important;
}
a.noUnderline,a.noUnderline:visited {
  text-decoration: none;  
}
a.noUnderline:hover {
  text-decoration: underline;  
}

a.image img, img.image, img.imageStyle{
  border: 1px solid #E6E6E6;
  padding:3px;
  background:#fff;
}

img.imageStyleBig {
	padding:12px;
}

a.image, a.image:hover {
  background: transparent;
  padding:0;
  border:0
}


 a.tagSmall {
 /* background:transparent url(http://sixgroups.de/images/icons/tag_sm.gif) no-repeat scroll left center;
  background:transparent url(http://sixgroups.de/images/icons/csg-4a00029e6c70b.png) no-repeat scroll left center;
  padding:10px 0px 0px 15px;*/
  background-position: 0 -1925px;
}
a.rssSmall {
 /* background:transparent url(http://sixgroups.de/images/icons/feed_sm.gif) no-repeat scroll left center;
  padding:0px 0px 0px 18px;*/
  background-position: 0 -696px;
}

a.star {
 /* background:transparent url(http://sixgroups.de/images/icons/star.png) no-repeat scroll left center;
  padding:0px 0px 0px 21px;*/
  background-position: 0 -1833px;
}
 a.starGray:hover
 {
  /*background:transparent url(http://sixgroups.de/images/icons/star.png) no-repeat scroll left center;*/
background-position: 0 -1879px;
}
  a.starGray , #externalHome a.starGray
{
	color:#444;
 /*background:transparent url(http://sixgroups.de/images/icons/star_gray.png) no-repeat scroll left center;
 padding:0px 0px 0px 24px;*/
 background-position: 0 -117px;
}

a.smallHeart {
 /* background:transparent url(http://sixgroups.de/images/icons/heart_sm.png) no-repeat scroll left center;*/
	background-position: 0 -880px;
  padding-left:14px;
}

/*a.sendMessage {
  /*background-image: url(http://sixgroups.de/images/icons/sendMessage.gif) ;*/
  /*background-position: 0 -1694px;*/
 /*background-position: 0 -638px;*/
/*}*/

a.message {
  background-position: 0 -1694px;
}

a.addFriend {
  /*background-image: url(http://sixgroups.de/images/icons/user_add.png);*/
  background-position: 0 -2178px;
}


.urls{ 
  /*background:transparent url(http://sixgroups.de/images/icons/doc.gif) no-repeat scroll left top;*/
  background-position: 0 -603px;
}
.activity {
	background-position: 0 -787px;
  /*background:transparent url(http://sixgroups.de/images/icons/group.gif) no-repeat scroll left top;*/
}

/*.filter_images {  
  background:transparent url(http://sixgroups.de/images/icons/image.gif) no-repeat scroll left top;
}

.filter_videos {
  background:transparent url(http://sixgroups.de/images/icons/video.gif) no-repeat scroll left top;
}
*/

.presentation {
  /*background:transparent url(http://sixgroups.de/images/icons/presentation.gif) no-repeat scroll left top;*/
  background-position: 0 -1558px;
}

.messages{ 
  /*background:transparent url(http://sixgroups.de/images/icons/user_comment.gif) no-repeat scroll left top;*/
  background-position: 0 -2131px;
}

.all{ 
  padding-left: 0;
}



/* =Forms
--------------------------------------------------------------------------------*/
/* #shoutForm {
	margin-bottom:24px;
} */

.roundedFormHeader {
  height:3px;
  font-size: 0;
  line-height: 0;
}
.roundedFormFooter {
  height:3px;
  font-size: 0;
  line-height: 0;
}
.roundedFormContent {
  background:#edeeee;
  padding:12px;
}

/* stil used? if yes: move images to boxes sprites */
.grid_6 .roundedFormContent, .roundedFormContent {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_form_middle_grid6.gif) repeat-y top left;
}
.grid_6 .roundedFormHeader, .roundedFormHeader {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_form_top_grid6.gif) no-repeat top left;
}
.grid_6 .roundedFormFooter, .roundedFormFooter {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_form_bottom_grid6.gif) no-repeat top left;
}

.grid_5 .roundedFormContent {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_form_middle_grid5.gif) repeat-y top left;
}
.grid_5 .roundedFormHeader {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_form_top_grid5.gif) no-repeat top left;
}
.grid_5 .roundedFormFooter {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_form_bottom_grid5.gif) no-repeat top left;
}

.grid_4 .roundedFormContent {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_form_middle_grid4.gif) repeat-y top left;
}
.grid_4 .roundedFormHeader {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_form_top_grid4.gif) no-repeat top left;
}
.grid_4 .roundedFormFooter {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_form_bottom_grid4.gif) no-repeat top left;
}

.roundedForm .textarea {
  position:relative;
}
.roundedForm .textarea img.bubble{
  left:-8px;
  position:absolute;
  top:11px;
}


#externalHome .roundedForm textarea.livestream {
	width:264px;
}



/* =forms
--------------------------------------------------------------------------------*/

fieldset {
    
}
fieldset div {
    margin-bottom:12px;
}


label {
  display:block;
  font-weight:bold;
  font-family: 'Trebuchet MS', Arial;
  font-size:14px;
  font-weight:bold;
  padding-bottom:6px;
}

label.floating {
  display:inline;
}

textarea, select, input {
  border-right:1px solid #a7a7a7;
  border-bottom:1px solid #a7a7a7;
  border-left:1px solid #666;
  border-top:1px solid #666;
  padding: 4px; 
  font: 14px Tahoma, Helvetica, Arial, sans-serif;
  background:white;
  vertical-align:middle;
}
select {
    font-size:14px;
    padding:2px;
    vertical-align:middle;
}
textarea {
  width:264px;
  height:100px;
}
.radio {
  vertical-align: middle;
  margin:0 3px;
  border:none;
  background:none;
}
.checkbox {
    margin:0 3px;
    vertical-align:middle;
    background:none;
    padding:0;
    border:none;
}
.tinyMce {
  width:516px;
  height:300px;
  clear: both;
}
.tinyMceSmall {
  width:516px;
  height:200px;
}
.tinyMceComment {
  width:540px;
  height:200px;
}

.textField {
  width: 264px;
}
.textFieldBig {
  width: 350px;
}



.formHelp {
  vertical-align:middle;  
}



/* =tables
--------------------------------------------------------------------------------*/
td , th {
  text-align:left;
  padding:3px;
}


/* =buttons
--------------------------------------------------------------------------------*/
button, a.newButton:link, a.newButton:visited,  a.newButton:hover{
  width: auto;    
  border: none;
  cursor:pointer;
  font-weight:bold;  
  margin: 0;
  padding: 0;
  text-align:center;  
  color:#fff;
  height: 30px;
  line-height: 30px;  
  font-size:14px;  
  background: none;
  outline: none;  
  outline-offset: 0;
  float: none;
  display: inline-block;
  display: -moz-inline-stack;
}

a.newButton{
  float: left;
  text-decoration: none;
}

button span, 
button em,
a.newButton span,
a.newButton em{  
  display: block;
  white-space: nowrap;  
  height: 30px;
  line-height: 30px;
  outline: none;  
  outline-offset: 0;
  color:#fff;
}

a.newButton span,
a.newButton em{ 
float: left;
}

button span, a.newButton span{
  padding:0 0 0 16px;
  background: url(http://sixgroups.de/images/relaunch/buttons/button_sprites.png) no-repeat 0 0;   
}

button em, a.newButton em{
  font-style: normal;
} 

button:hover span, .newButton:hover span{
  background-position: 0 -40px;
}


button em, .newButton em{
  font-style: none;
  padding: 0 16px 0 0;
  background:  url(http://sixgroups.de/images/relaunch/buttons/button_sprites.png) no-repeat 100% -80px;  
}

button:hover em,
.newButton:hover em{
  background-position: 100% -120px;
}


button.disabled{
    cursor:default;
 -moz-opacity: 0.5;
 opacity: 0.5; 
}


button.disabled span, 
button.disabled:hover span{
  background-position: 0 -160px;
}

button.disabled em{
  background-position: 100% -240px;
}

button.disabled:hover em{
  background-position: 100% -240px;
}



button::-moz-focus-inner { border: none;} /* firefox fix */

a.smallButton:link, 
a.smallButton:visited,  
a.smallButton:hover , 
button.smallButton{
  height: 18px;
  display: table;
  width: auto;
  text-align:left;
  border: none;
  cursor: pointer;
  color:#fff;
  font-weight:normal;
  display:inline-block;
  font-size:11px;
  padding: 0 0 0 7px;
  line-height: 18px;
  text-decoration:none;  
  background: url(http://sixgroups.de/images/relaunch/buttons/button_sprites.png) no-repeat 0 -340px;  
}

a.smallButton span,
button.smallButton span{
  display: block;
  display:inline-block;
  position: relative;
  font-weight:normal;
  height: 18px;
  line-height: 18px;Ich ke
  text-align: left;
  width: auto;
  vertical-align: top;
  font-size:10px;
  white-space: nowrap;
  padding: 0 7px 0 0;
  color:#109bb8;  
  background: url(http://sixgroups.de/images/relaunch/buttons/button_sprites.png) no-repeat 100% -400px;
}


/* active / hove state */
a.smallButton:hover, 
.current a.smallButton,
a.smallButton.current {
 background-position: 0 -363px;
}



a.smallButton.current span,
a.smallButton:hover span, 
.current a.smallButton span{  
  background-position: 100% -423px;
  color:#686868;
}



a.smallButton.current span,
.current a.smallButton span {
	color:#686868
}


/* =buttons
--------------------------------------------------------------------------------*/

#sixgroups a.bigButton, #sixgroups a.bigButton:visited, #sixgroups  a.bigButton:hover,
#livecommunity a.bigButton, #livecommunity a.bigButton:visited, #livecommunity  a.bigButton:hover {
	color:white !important;
  display:block;
  font-family:"Trebuchet MS";
  font-size:20px;
  font-weight:bold;
  height:84px;

  padding:12px 16px 12px 12px;
  text-align:center;
  text-decoration:none;
  width:136px;
  /*background-image: url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png);
  background-position: 0px -3136px;*/
  background: transparent url(http://sixgroups.de/images/relaunch/buttons/button_sprites.png) no-repeat 0 -700px; 
}

.bbLogin {
  /*background: url(http://sixgroups.de/images/relaunch/buttons/reg_big.png) left top no-repeat;   */
  background-position: 0 -570px !important;
}

.bbBlank {
  /*background: url(http://sixgroups.de/images/relaunch/buttons/join_big.jpg) left top no-repeat;*/
  background: transparent url(http://sixgroups.de/images/relaunch/buttons/button_sprites.png) no-repeat 0 -700px !important;     
}



/* =lists
--------------------------------------------------------------------------------*/


ul.items li {
  height:96px;
  overflow:hidden;
}

ul.items li.grid_05 {
  height:80px;
}

ul.higher li {
	height:108px;
}

ul.items li p{
  font-size:11px;
}

ul.mediaItems li {
	margin-bottom:12px;
}

ul.mediaItems li.odd {
  border-bottom:1px dotted #9f9f9f;
  border-top:1px dotted #9f9f9f;
  padding:12px 0;
  background:#f6f6f6;
}

/* =previews
--------------------------------------------------------------------------------*/

.itemPreview {

}
.grid_2 .itemPreview img.imageStyle,
.grid_3 .itemPreview img.imageStyle,
.grid_4 .itemPreview img.imageStyle,
.grid_6 .itemPreview img.imageStyle{
  float:left;
  margin-right:12px;
}
.grid_2 .itemPreview p,
.grid_3 .itemPreview p,
.grid_4 .itemPreview p,
.grid_6 .itemPreview p {
  margin-left:84px;
  line-height:16px;
}


.grid_1 .itemPreview img.imageStyle,
.grid_05 .itemPreview img.imageStyle
 {
	float:none;
}
.grid_05 .itemPreview img.imageStyle {
  padding:0px;
  border:0;	
  margin-right:0px;
}
.grid_1 .itemPreview p, .grid_05 .itemPreview p {
  margin-left:0px;
  text-align:center;
}
.grid_05 .itemPreview p {
  margin-left:0px;
  line-height:13px;
}

.grid_05 .itemPreview {
  text-align: center;
}

*+html .itemPreview p {
  word-wrap: break-word;
}
.communityList .itemPreview p{
  margin-left:54px;
}

/*
  6g modified
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_10
{
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10
{
  display: inline;
  float: left;
  margin-left: 12px;
  margin-right: 12px;
}


.grid_05 {
	width: 48px; 
	display: inline;
  float: left;
  margin-left: 6px;
  margin-right: 6px;
}


/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
  margin-left: 0;
}

.omega
{
  margin-right: 0;
}

/* =Grid >> 10 Columns
--------------------------------------------------------------------------------*/

.grid_1{
  width: 72px;
}

/* #externalHome #externalHome ol.shouts .streamItem  .grid_1{
  width: 36px;
} */


.grid_2{
  width: 168px;
}

.grid_3{
  width: 264px;
}

.grid_4{
  width: 360px;
}

.grid_5{
  width: 456px;
}

.grid_6{
  width: 552px;
}

.grid_7{
  width: 648px;
}

.grid_8{
  width: 734px;
}

.grid_9{
  width: 840px;
}

.grid_10{
  width: 936px;
}


/* =Prefix Extra Space >> 10 Columns
--------------------------------------------------------------------------------*/

.prefix_1{
  padding-left: 96px;
}
.prefix_2
#sixgroups .prefix_2,
#externalHome .prefix_2,
#content .prefix_2{
  padding-left: 192px;
}

.prefix_3{
  padding-left: 288px;
}

.prefix_4{
  padding-left: 384px;
}

.prefix_5{
  padding-left: 480px;
}

.prefix_6{
  padding-left: 576px;
}

.prefix_7{
  padding-left: 672px;
}

.prefix_8{
  padding-left: 768px;
}

.prefix_9{
  padding-left: 864px;
}


/* =Suffix Extra Space >> 10 Columns
--------------------------------------------------------------------------------*/

.suffix_1{
  padding-right: 96px;
}

.suffix_2{
  padding-right: 192px;
}

.suffix_3{
  padding-right: 288px;
}

.suffix_4{
  padding-right: 384px;
}

.suffix_5{
  padding-right: 480px;
}

.suffix_6{
  padding-right: 576px;
}

.suffix_7{
  padding-right: 672px;
}

.suffix_8{
  padding-right: 768px;
}

.suffix_9{
  padding-right: 864px;
}


/**
 *
 */
#openid_url,
.openid_url{
  /*background: #FFFFFF url(http://sixgroups.de/images/icons/openid-icon-small.gif) no-repeat scroll 0pt 50% !important;*/
  background: #FFFFFF url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png) top left no-repeat;
  background-position: 0 -2425px;
  padding-left: 18px;
}

#sfWebDebugBar{
  z-index: 12000 !important;
}

#requirementsFail{
  position: absolute;
  z-index:1000;
  top: 30px;
  width: 100%;
}

#requirementsFail div{
  border: 5px solid #F4009D;
  background: #F6F6F4;
  margin: 0 auto 10px auto;
  padding: 10px;
  width: 500px;
  font-weight: bold;
}


.tooltipHelp{
  margin: 0;
}

.tooltipHelpHeader{
  height: 8px;
  width: 288px;
  margin:0;
  font-size:11px;
  background: url(http://sixgroups.de/images/bg/helpBubble_top.png) top left no-repeat;
  padding: 0 ;
  margin:0;
}

.tooltipHelpBody{
  padding: 0 12px 20px 12px;
  width: 264px;
  font-size:11px;
  line-height:13px;
  min-height: 60px;
  overflow: hidden;
  background: url(http://sixgroups.de/images/bg/helpBubble_bottom.png) bottom left no-repeat;
  margin:0;
}

.closeHelp {
	margin:2px 8px 0 0;
	}

.statusContainer {
	display:none;
  clear: both;
	}
/**  new styles for brady review */
#sendContainer{
  margin-top: 2px;
}

#twitterAuthContainer{
  padding:0;
  color:#545454;
}
 
#twitterAuthContainer label{
  border:1px solid #EFEFEF;
  padding:1px;
  font-size:10px;
}


#twitterAuthContainer label{
	cursor:pointer;
}

#chars_left{
  line-height: 30px;
}


#sgMenuSpace{
  height: 24px;
}


.approvalComponent p,
.approvalComponent label {
  font-size:11px;	
}


/*modal*/
#modal_content {
  /*display: none;
  position: fixed;
  left: 50%;
  padding: 15px;
  top:10%;
  -webkit-box-shadow: 0px 0px 8px #111;
  background:#FFF;
  width:671px;
  margin-left:-335px;
  text-align:center;*/
}

#modal_content {
  position: fixed;
  background: #F6F6F4;
  z-index: 102;
  display:none;
  border: 2px solid #fff;
  text-align:left;
  top:20%;
  left:50%;
}

#modal_content .smallDialogue{
  height: 250px;
  overflow: auto;
  width: 300px;
}


#modal_content small{font-size:77%;}

#modal_content #modal_closeButton{
  float:right;
  cursor:pointer;
}

#modal_content h3{font-size:116%;}
#modal_overlay { background-color: #000; }


.float_left {
  float:left;
  margin-right:12px;  
}
.float_right {
  float:right;
  margin-left:12px;  
}

.vMiddle {
  vertical-align:middle;
}
.vBottom {
  vertical-align:bottom;
}




/* ############################################ */
/* #######         cluetip               ###### */
/* ############################################ */

a.clueTip {
  font-weight:normal;
  font-size:11px;	
  text-align:left;
  text-decoration: none;
}
  
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 25px;
  height: 25px;
  position: absolute;
  background-image: url(../..http://sixgroups.de/images/ajax-loader.gif) no-repeat;
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}


/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #fff;
  border:1px solid #B2B2B4;
  text-align:left;
}
.cluetip-default p{
  margin:0 0 6px 0;
  text-align:left;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #fff;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  background-color: #F6F6F4;
  font-weight:bold;
  text-align:left;
  font-size:13px; 
}
.cluetip-default #cluetip-title a {
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
  text-align:left;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0;

}

/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}
  




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  /*font: 12px Arial, Helvetica, sans-serif;
  color: #333333;*/
}

#TB_secondLine {
  /*font: 10px Arial, Helvetica, sans-serif;
  color:#666666;*/
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

#livecommunity #TB_overlay {
  z-index:1041 !important;
}
#livecommunity #TB_window {
  z-index:1043 !important;
}
#livecommunity #TB_load {
	z-index:1044 !important;
}
.TB_overlayMacFFBGHack {background: url(http://sixgroups.de/images/macFFBgHack.png) repeat;}

.TB_overlayBG {
  background-color: #000;
  filter:alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;
}

#TB_window {
  position: fixed;
  background: #F6F6F4;
  z-index: 102;
  display:none;
  border: 2px solid #fff;
  text-align:left;
  top:50%;
  left:50%;
}
#TB_window a:link {color: #333;}
#TB_window a:visited {color: #333;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #333;}
#TB_window a:focus{color: #333;}

#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}

#TB_closeAjaxWindow #TB_closeWindowButton:link, #TB_closeAjaxWindow  #TB_closeWindowButton:visited {
 color:#139FBA;
 background:url(http://sixgroups.de/images/icons/cross.gif) no-repeat right;
 padding-right:20px;
}

#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}

#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}

#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}

#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}

#TB_title{
  height:27px;
}

#TB_ajaxContent h1 {
  /*color:#139FBA;
  margin-top:20px;
  padding-right:50px;
  line-height:1.2em;*/
}

#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}



#TB_ajaxContent.TB_modal{
  padding:15px;
}

#TB_ajaxContent p{
  /*padding:5px 0px 5px 0px;*/
}

#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}



#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}



#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;/* IE6 Hack */
}

/** prevents elements with "pos = relative" to scroll out of the box */
* html #TB_ajaxContent .formContainer,
*+html #TB_ajaxContent .formContainer{
  position:static;
}

* html #TB_ajaxContent .formContainer .textFieldBig,
*+html #TB_ajaxContent .formContainer .textFieldBig{
  position:static;
}

/* =search
--------------------------------------------------------------------------------*/

#searchcontrol .gsc-control {
    width:550px;
}

#searchcontrol .gsc-search-box {
  width:300px;
}
#searchcontrol .gsc-results {
  margin-top:12px;
}
#searchcontrol input.gsc-input{
  font-size:14px;
  padding:4px;
  width:264px;
  border-right:1px solid #CBCBCB;
  border-bottom:1px solid #CBCBCB;
  border-left:1px solid #666;
  border-top:1px solid #666;
}
#searchcontrol input.gsc-search-button {
  background: #e5e5e5;
  height:28px;
  border-top:2px solid #F2F2F2;
  border-left:2px solid #F2F2F2;
  border-bottom:2px solid #bDbDBD;
  border-right:2px solid #bDbDBD;
  padding:1px 3px;
  font-size:1.1em;
  line-height:1.2em;
  height:28px;
}
#searchcontrol .gsc-search-box table tr, #searchcontrol .gsc-branding table tr,
#searchTop .gsc-search-box table tr, #searchTop .gsc-branding table tr {
  border:none;
}
#searchcontrol .gs-result  {
  margin:10px 0;
  font-size:12px;
}
#searchcontrol  .gsc-title {
  font-size:14px;
  color:#DC006C;
  font-weight: bold;
  padding-left:20px;
}


/* =boxes
--------------------------------------------------------------------------------*/

.roundedBox {
  
}

#livecommunity .roundedBox {
  border:1px dotted #ccc;
}
#livecommunity .roundedBoxHeader,
#livecommunity .roundedBoxFooter {
 background:none;
 height:0px;
 
}

#livecommunity .roundedBoxContent
 {
 /*background:none;*/
}


#sixgroups .roundedBoxHeader {
  height:4px;
  line-height:0;
  font-size:0;
}
#sixgroups .roundedBoxFooter {
  height:6px;
  line-height:0;
  font-size:0;
}
.roundedBoxContent {
  background:#fff;
  padding:12px;
}

 .grid_6 .roundedBoxContent {
 /* background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_middle_grid6.gif) repeat-y top left;*/
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/sprites_rounded_boxes.png) repeat-y -1560px 0;
}
 .grid_6 .roundedBoxHeader {
 /* background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_top_grid6.gif) no-repeat top left;*/
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/sprites_rounded_boxes.png) no-repeat -2120px 0;
}
 .grid_6 .roundedBoxFooter {
 /* background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_bottom_grid6.gif) no-repeat top left;*/
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/sprites_rounded_boxes.png) no-repeat -2120px -44px;
}


 .grid_4 .roundedBoxContent {
  /*background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_middle_grid4.gif) repeat-y top left;*/
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/sprites_rounded_boxes.png) repeat-y -1150px 0;
}
 .grid_4 .roundedBoxHeader {
 /*background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_top_grid4.gif) no-repeat top left;*/
 background:transparent url(http://sixgroups.de/images/relaunch/boxes/sprites_rounded_boxes.png) no-repeat -780px -46px;
}
 .grid_4 .roundedBoxFooter {
  /*background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_bottom_grid4.gif) no-repeat top left;*/
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/sprites_rounded_boxes.png) no-repeat -780px 0;
}

.grid_4 .boxBlue .roundedBoxContent {
  /*background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_blue_middle_grid4.gif) repeat-y top left;*/
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/sprites_rounded_boxes.png) repeat-y 0 0;
  /*background-position: 0px 0px;*/
}
.grid_4 .boxBlue .roundedBoxHeader {
 /* background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_blue_top_grid4.gif) no-repeat top left;*/
    background:transparent url(http://sixgroups.de/images/relaunch/boxes/sprites_rounded_boxes.png) no-repeat -390px -46px;
}
.grid_4 .boxBlue .roundedBoxFooter {
 /* background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_blue_bottom_grid4.gif) no-repeat top left;*/
 background:transparent url(http://sixgroups.de/images/relaunch/boxes/sprites_rounded_boxes.png) no-repeat -390px 0;
}

.grid_2 .roundedBoxContent {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_middle_grid2.gif) repeat-y top left;
}
.grid_2 .roundedBoxHeader {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_top_grid2.gif) no-repeat top left;
}
.grid_2 .roundedBoxFooter {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_bottom_grid2.gif) no-repeat top left;
}

.grid_2 .boxGray .roundedBoxContent {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_gray_middle_grid2.gif) repeat-y top left;
}
.grid_2 .boxGray .roundedBoxHeader {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_gray_top_grid2.gif) no-repeat top left;
}
.grid_2 .boxGray .roundedBoxFooter {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_gray_bottom_grid2.gif) no-repeat top left;
}

 

.grid_4 .boxYellow .roundedBoxContent {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_yellow_middle_grid4.gif) repeat-y top left;
}
.grid_4 .boxYellow .roundedBoxHeader {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_yellow_top_grid4.gif) no-repeat top left;
}
.grid_4 .boxYellow .roundedBoxFooter {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_yellow_bottom_grid4.gif) no-repeat top left;
}
 
.grid_6 .boxYellow .roundedBoxContent {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_yellow_middle_grid6.gif) repeat-y top left;
}
.grid_6 .boxYellow .roundedBoxHeader {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_yellow_top_grid6.gif) no-repeat top left;
}
.grid_6 .boxYellow .roundedBoxFooter {
  background:transparent url(http://sixgroups.de/images/relaunch/boxes/rounded_box_yellow_bottom_grid6.gif) no-repeat top left;
}





.roundedBox ul.dotted li {
  padding:12px 0;
  border-bottom:1px dotted #e6e6e6
}


 
.messageDetail table{
    margin-bottom:10px;
}
.messageDetail table tr{
    border:none;
}
.messageDetail table th {
    width:60px;
    padding-left:0;
    padding-right:20px;
}
.messageDetail .text {
    padding:20px 0;
    border-bottom:1px solid #DBDCD6;
    border-top:1px solid #DBDCD6;
     margin-bottom:10px;
} 


/* =loader
--------------------------------------------------------------------------------*/
/* loading bar */
#statusBar{ 
    position:absolute; 
    bottom: 0; 
    left:0; 
    width:100%; 
    height:80px; 
    z-index:5000; 
    text-align:center;
}
#externalHomeRightLoadingBar {
    position:absolute; 
    right:100px;
    top:10px;
}
.ajaxSuccess, .ajaxError, .ajaxLoader{
  margin:0 0 17px 0; 
  clear:both;  
  text-align:left;
  font-size:11px;
  line-height:1.5em;
  padding:5px 3px 3px 5px;
  text-indent:25px;
}
.ajaxSuccess{  
  color: #6DAF74;    
  background: transparent url(http://sixgroups.de/images/icons/accept.gif) no-repeat 6px 7px;
}

.ajaxError{  
  color:#ff0000;
  background: transparent url(http://sixgroups.de/images/icons/error_on_white.gif) no-repeat 0px 4px;
}
.ajaxLoader{
  background: transparent url(http://sixgroups.de/images/loadingAnimation/arrows_pink.gif) no-repeat 0px 4px;
}

.formOk{
	border: 1px solid #98CF00 !important;
	/* do not convert to css sprite until we ged rid of the 2 cols in the icon sprites*/
  background : #FFFFFF url(http://sixgroups.de/images/icons/accept.png) no-repeat scroll 98% 4px;
  padding-right: 20px;
}

.formError{
	border: 1px solid #DC0000 !important;	
	/*background: #fff  url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png) no-repeat 0 -2000px;*/
	background: #FFFFFF url(http://sixgroups.de/images/icons/exclamation.png) no-repeat scroll 98% 4px;
	padding-right: 20px;
}

.formValidating{
  border: 1px solid #98CF00;
  background : #fff url(http://sixgroups.de/images/icons/arrows_pink.gif) no-repeat 98% 4px;
  padding-right: 20px;
}





.smallLoader, .smallError, .smallSuccess {
  padding:1px 1px 1px 96px;
  text-indent:25px;
  font-size:11px;
}

.smallLoader {
  background: transparent url(http://sixgroups.de/images/loadingAnimation/arrows_pink.gif) no-repeat 0px 4px;
}
.smallSuccess {
  color: #6DAF74;    
  background: transparent url(http://sixgroups.de/images/icons/accept.gif) no-repeat 6px 7px;
}
.smallError {
  color:#ff0000;
  background: transparent url(http://sixgroups.de/images/icons/error_on_white.gif) no-repeat 0px 4px;
}

/* =error + help
--------------------------------------------------------------------------------*/

/* big error messages */
.error {
    color:red;
    font-size:11px;
    margin:12px 0;  
    padding:6px 5px 7px 33px;
    background: url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png) no-repeat 0 -2000px;
}


.info, #TB_ajaxContent p.info {
  padding:3px 5px 3px 25px;
  background: url(http://sixgroups.de/images/relaunch/icons/icon_sprites.png) no-repeat top left;
  background-position: 0 -2375px;
}


#statusMessage, #errorMessage  { 
  clear:both; 
  text-align:left;
  font-size:12px;
  line-height:16px;
  padding:6px;
  text-indent:25px;
  margin:0 12px;
}

#statusMessage {  
  color: #6DAF74;
  border:1px solid #6DAF74;
  background: transparent url(http://sixgroups.de/images/icons/accept.gif) no-repeat 6px 7px;
}

#errorMessage {
  color:#ff0000;
  border:1px solid #ff0000;
  background: transparent url(http://sixgroups.de/images/icons/error_on_white.gif) no-repeat 0px 4px;
}

/* =paging
--------------------------------------------------------------------------------*/

ul.pagination {
    clear:both;
    border:1px dotted #e6e6e6;
    padding:12px 0;
    margin:12px 0;
    border-width:1px 0;   
}

ul.pagination li {
    float:left;
    margin:0 3px 0 0;
}
ul.pagination li a:link, ul.pagination li a:visited{
    padding:6px 8px;
    border:1px solid #DBDCD6;   
    font-size:0.9em;
    line-height:1.3em;
    display:block;
    background: #fff;
    color: #159FB9;
}
ul.pagination li a:hover {
    background-color: #109BB8;  
    color:white; 
    text-decoration:none;
}
ul.pagination li a:hover {
    text-decoration:underline;
}
ul.pagination li strong a {
	color: #545454;
}



/* =livecommunity
--------------------------------------------------------------------------------*/

body#livecommunity {
	background:#fff; 
	padding-top:24px;
	text-align:center;
	font-size: 11px;
}


a.border:link, a.border:visited, .border {
  font-size:11px;
  border-bottom:1px dotted #999999;
  text-decoration: none;
  color:#545454;
}
a.border:hover {
  font-size:11px;   
  border-bottom:1px dotted #999999;
  text-decoration: none; 
}

#sgLcMenu{
  position: fixed;
  padding: 6px;
  background: #F8FAFB;
  border-bottom: 1px dashed #ccc;
  color: #393D2E;
  top:0;
  left:0;
  width: 960px;
  z-index: 20000;
  text-align: left;
}                  
                  
#sgLcMenu a:link, #sgLcMenu a:visited {
	color:#159FB9;
	}

#sgLcMenu a:hover {
	color:#159FB9;
	text-decoration: underline; 
} 


p.rating {
  font-size:0;
  line-height:0;
  text-itend:-5000;
  margin:0;
  padding:0;
  display:inline; 
  background-position:left top ;
  background-repeat:no-repeat;
}
p.rating_1 {
  padding:9px 8px;
  background-image:url(http://sixgroups.de/images/star1_sm.png); 
}
p.rating_2 {
  padding:9px 16px;
  background-image:url(http://sixgroups.de/images/star2_sm.png); 
}
p.rating_3 {
  padding:9px 24px;
  background-image:url(http://sixgroups.de/images/star3_sm.png); 
}
p.rating_4 {
  padding:9px 32px;
  background-image:url(http://sixgroups.de/images/star4_sm.png); 
}
p.rating_5 {
  padding:9px 40px;
  background-image:url(http://sixgroups.de/images/star5_sm.png); 
}

/** new rte **/

#rtePanelOverlay{
  height:100%;
  width:100%;
  position:fixed;
  left:0; 
  top:0;
  z-index:100;
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;  
}

.rte-panel {
  position: fixed;
  background: #fff;
  z-index: 102;
  display:none;
  text-align:left;
  top:30%;
  left:50%;
  padding:10px;
}

.rte-panel .closeButton{
  float:right;
  cursor:pointer;
}


#rtePanelOverlay { background-color: #000; }

.rte-zone {
  margin: 0;
  padding: 0;
  border: 1px #999 solid;
  clear: both;
  font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.rte-zone textarea {
  padding: 0; 
  margin: 0;
  border: 0;
  position: relative;
  left:0;
  clear: both;
}

.rte-toolbar {
  width: 100%;
  height: 24px;
  margin:0;
  padding: 0;
  border-top:1px dashed #999;
  display: block;
  background-color:#EFEFEF;
  font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.rte-toolbar p {
  margin: 0;
  padding: 0;
  clear: both;
}

.rte-toolbar select {
  font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  height: 16px;
  padding: 0;
  margin: 0;
}

.rte-panel div.rte-panel-title {
  font-weight: bold;  
  padding: 0; 
  /*background: #e0e0e0;*/
  border-bottom: 1px solid #ccc;
  display: block;
  clear: both;
  /*cursor: move;*/
  position: relative;
}

.rte-panel div.rte-panel-title .rte-close {
  position: absolute;
  right:-10px;
  top:-13px;
  display: block;
  float: right;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: #f00;
}

.rte-panel img {
  padding:0;
  margin:0;
  border:0;
}

.rte-toolbar div.clear {
  display: block;
  clear: both;
  border: 0;
  padding: 0;
  padding: 2px 0 0 0;
  margin: 0;
}

.rte-toolbar ul { 
  display: block;
  margin: 0px;
  padding: 0;
  width: 100%;
}


.rte-toolbar ul li.separator { 
  height: 16px; 
  margin: 5px;
  border-left: 1px solid #ccc; 
}


/* only internal */
#languageNavigation{
  position: absolute; right: 3px; top: 3px; 
}
#livecommunity #languageNavigation{
  position: absolute; 
  right:84px;
  top:6px;
}
#switchLang button{
  background:none;
  padding:0;
  border:0;
  margin:0 3px;
  font-size:0;
  line-height:0;
}

#getMoreShouts {
	background-color:#FFFFFF;
	border-color:#aaa;
	border-style:solid;
	border-width:1px;
	display:block;
	font-size:16px;
	font-weight:bold;
	height:22px;
	line-height:1.5em;
	margin:6px 0;
	color:#DF4593;
	padding:10px 0;
	text-align:center;
	text-shadow:1px 1px 1px #FFFFFF;
	width:100%;
}
#getMoreShouts:hover {
	background-color:#DF4593;
	border-color:#fff;
	color:#fff;
	}
	
img.favicon {
  vertical-align:middle;
  max-width:16px !important;

}