/* --- TCG STYLE --- */

/* --- Allgemeines --- */
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	background-color: #808080;
	color: #808080;
	font-size: 8pt;
}

a,
a:link,
a:active,
a:visited {
	text-decoration: none;
	color: #54b8b3;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
	color: #54b8b3;	
	background-image: url('../../../img/design_two/pink_dot.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

ul, ol {
  margin-left: 25px;
}
ul li, ol li {
  margin: 5px 0 5px 0;
}


#all {
	margin: 20px auto 20px auto; 
	width:876px;
}

/* --- Membernavi --- */

#all #membernavi {
	background-image: url('../../../img/design_two/004.jpg'); 
	background-repeat: repeat-x; 
	border-left: 2px solid #808080;
	border-right: 2px solid #808080; 
	line-height: 24px; 
	margin-top: 5px;
	color: #ffffff;
}

#all #membernavi a {
 	color: #ffffff;
}

#all #membernavi .login input.text {
	background-image: url(../../../img/design_two/login_input.gif);
	background-repeat: no-repeat;
	width: 103px;
	height: 15px;
	border: 0;
	padding: 3px 8px 3px 8px;
	font-size: 9pt;
}
#all #membernavi_sub {
	display: block; 
	float: right; 
	background-image: url('../../../img/design_two/topmenu_sub.jpg'); 
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #f2f2f2 ;
	line-height: 25px;
	padding: 0 5px 0 15px;
	margin: 0 0 5px 0;
}

#all #membernavi_sub a {
	color: #808080
}



/* --- Header and Content Images--- */

#all #header {
	background-image: url('../../../img/design_two/002.jpg'); 
	background-repeat: no-repeat; 
	height:134px;
}

/* --- Content --- */

#all #content {
	background-color: #FFFFFF;
	font-size: 8pt;
	line-height: auto;
	margin-top: 10px;
	clear: both;
}

#all #content h1 {
	font-size: 11pt;
	color: #636363;
	border-bottom: 1px solid #dedede;
	padding: 0 0 0 1px;
	margin: 0 0 6px 0;
}

#all #content h2 {
	color: #4bc000;
	font-size: 10pt;
	/*background-color: #e1f8cc; */
	background-color: #e4f6ce;
	padding: 0 0 0 1px;
	margin: 0 0 5px 0;
}

#all #content h2 a, 
#all #content h2 a:link,
#all #content h2 a:active,
#all #content h2 a:visited {
	color: #4bc000;
}
#all #content h2 a:hover {
  color: #4bc000;
}

#all #content h3 {
	line-height: 20px;
	color: #54b8b3;
	font-size: 10pt;
	font-weight: bold;
	margin: 0 0 0 0;
}

#all #content p {
	margin: 5px 0 10px 0;
}


#all #content td {
	line-height: 18px;
}

#all #content span.button {
  background-color: #f2f2f2;
  padding: 2px 5px 2px 5px;
}
#all #content a span.button  {
  color: #404040;
}
#all #content a:hover span.button {
  background-color: #e5f4f4;
}

/* --- Darstellung von Formularen */
#all #content input, 
#all #content textarea, 
#all #content select {
  font-family: Arial, Tahoma, sans-serif;
  font-size: 8pt;
}
#all #content input {
}

#all #content form .toolbar {
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  background-color: #f8f8f8; 
}
#all #content form .fontcolor {  
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  background-color: #f8f8f8; 
}

/* --- "DIV POPUP" --- */
.popup_msg {
	position: fixed;
	left: 50%;
	top: 50%; 
	width: 300px;
	height: 150px;
	padding: 10px;
	margin: -95px 0 0 -150px;
	background-color: #ffffff; 
	border: 3px solid #808080; 
	z-index:99;
}

/* --- Einstellungen im Mmitgliedsbereich --- */
#all #content .memberarea td {
  line-height: 16px;
}
#all #content .memberarea td img {
  float: left;
  margin: 0 8px 8px 0;
}

/* --- Tabellenformatierung / Listenformatierung --- */
#all #content .head {
  font-weight: bold;
  border-bottom: 1px solid #e0e0e0;
}
#all #content .zeile_a{
 	background-color: #ffffff; 
 	line-height: 22px;
}
#all #content .zeile_b {
  background-color: #f2f2f2;
 	line-height: 22px;
}
#all #content .zeile_a td,
#all #content .zeile_b td {
 	line-height: 22px;
}

#all #content .seitenzahl a,
#all #content .seitenzahl a:link,
#all #content .seitenzahl a:active,
#all #content .seitenzahl a:visited {
  padding: 1px 5px 1px 5px;
  background-color: #f2f2f2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#all #content .seitenzahl a:hover {
  padding: 2px 5px 2px 5px;
  background-color: #e5f4f4;
  border: 0px;
}
#all #content .seitenzahl_active a {
  padding: 0 5px 0 5px;
  background-color: #e5f4f4;
  border: 2px solid #e5f4f4;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


/* --- Meldungen an die User --- */
.msg_info {
  background-image: url('../../../img/info.gif');
  background-repeat: no-repeat;
  padding: 10px 0 10px 55px;
}
.msg_info .h1 {
  color: #2484ae;
  font-weight: bold;
}
.msg_info .field {
  border-left: 3px solid #2484ae;
  padding-left: 5px;
}
.msg_event {
  background-image: url('../../../img/event.gif');
  background-repeat: no-repeat;
  padding: 10px 0 10px 55px;
}
.msg_event .h1 {
  color: #efa800;
  font-weight: bold;
}
.msg_event .field {
  border-left: 3px solid #efa800;
  padding-left: 5px;
}
.msg_success {
  background-image: url('../../../img/success.gif');
  background-repeat: no-repeat;
  padding: 10px 0 10px 55px;
}
.msg_success .h1 {
  color: #75a900;
  font-weight: bold;
}
.msg_success .field {
  border-left: 3px solid #75a900;
  padding-left: 5px;
}
.msg_error {
  background-image: url('../../../img/error.gif');
  background-repeat: no-repeat;
  padding: 10px 0 10px 55px;
}
.msg_error .h1 {
  color: #d60c0c;
  font-weight: bold;
}
.msg_error .field {
  border-left: 3px solid #d60c0c;
  padding-left: 5px;
}

/* --- Memberarea --- */
.memberarea .field {
  border: 2px solid #f0f0f0;
  padding: 5px 2px 1px 2px;
}
.memberarea .field_hover {
  border: 2px solid #bbe5da;
  padding: 5px 2px 1px 2px;
}


/* --- Memberprofil --- */
.memberprofil {
  width: 100%;
}
.memberprofil .avatar_field {
  background-image: url(../../../img/design_two/avatar_bg.gif);
  background-repeat: no-repeat;
  vertical-align: top;
  padding: 17px;
}
.memberprofil .menu_field {
  background-image: url(../../../img/design_two/profil_menu_bg.gif);
  background-repeat: no-repeat;
  vertical-align: top;
  padding: 15px 15px 15px 15px;
}
.memberprofil .blubber{
 	border: 1px solid;
	border-color: #eaeaea;
 	padding: 6px;
 	margin: 0 10px 0 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #c0c0c0;
}
.memberprofil .blubber:hover{
	border-color: #c0c0c0;
	color: #808080;
}

.memberprofil .blubber_info {
	color: lightgrey;
	font-style:italic;
}


/* --- Mailbox --- */
table.mailbox {
  width: 100%;
}
table.mailbox .hover {
  background-color: #e1f7cc;
}

.mail_body .quote {
  color: #909090;
}

table .mailbox .footer,
.mail_footer {
  background-color: #f2f2f2;
}

.mail_footer a {
  margin: 0 15px 0 5px;  
}

.mail_status .full_green {
 background-color: #90ce24;
 background-image: url('img/icons/postbox_full_green.gif');
 line-height: 10px;
 height: 10px;
}
.mail_status .full_yellow {
 background-color: #90ce24;
 background-image: url('img/icons/postbox_full_yellow.gif');
 line-height: 10px;
 height: 10px;
}
.mail_status .full_orange {
 background-color: #90ce24;
 background-image: url('img/icons/postbox_full_orange.gif');
 line-height: 10px;
 height: 10px;
}
.mail_status .full_red {
 background-color: #90ce24;
 background-image: url('img/icons/postbox_full_red.gif');
 line-height: 10px;
 height: 10px;
}
.mail_status .empty {
 background-color: #e8e8e8; 
 background-image: url('img/icons/postbox_empty.gif');
 line-height: 10px;
 height: 10px;
}

/* --- Cards & Cardverwaltung --- */
.card {
  float:left;
 	padding:3px;
	margin:1px;
}
.card_highlighted{
  float:left;
  border:1px solid #4aa7ac;
  background-color:#b5e1e4;
  /*background-image: url('img/design/card_active_bg.jpg');*/
  padding:2px;
	margin:1px;
}
.highlighted{
  border:1px solid #4aa7ac;
  background-color:#b5e1e4;
  padding:2px;
	margin:1px;
}

.cardverwaltung {
  margin-bottom: 30px;
}

.cardverwaltung .field {
  text-align: center;
  width: 90px;
  float: left;
  margin: 5px 2px 5px 1px;
  padding: 3px 1px 3px 1px;
  border: 2px solid #f0f0f0;
}

.cardverwaltung .footer td {
  border-bottom: 1px solid #dedede;
  background-color: #f2f2f2;
}

.offers .offer td,
.offers .offer .comment {
  line-height: 12px;
  color: #656565;
}

/* --- News --- */
#content .news {
  width: 100%;
  text-align: justify;
}

#content .news td{
  line-height: 18px;
}

#content .news .cardupdate .cards {
	text-align: center;
}

#content .news .cardupdate .cards img {
	margin-left: 5px;
}

#content .news_footer {
  border-top: 1px solid #f0f0f0;
  text-align: right;
}

#content .news .ava {
  border: 1px solid #f0f0f0;
  background-color: #ffffff;
  padding: 8px;
}

#content .news .text {
  padding: 0 10px;
  line-height: 13pt;
}

#content .infobox {
  border-bottom: 1px solid #f0f0f0;
  text-align: right;
  line-height: 20px;
  font-style:italic;
  margin: 0 0 8px 0;
}

/* --- Sidebar --- */

#all #sidebar {
	width:214px;
}

#all #sidebar a, #all #sidebar a:link, #all #sidebar a:active, #all #sidebar a:visited {
	color: #404040;
}

#all #sidebar a:hover {
	background-image: url('../../../img/design_two/pink_dot.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

#all #sidebar div.userlist {
  /*max-height: 200px;*/
  overflow: auto;
}

#all #sidebar .menu {
 	background-image:url('../../../img/design_two/menu_bg.jpg'); 
	 background-repeat: repeat-y; 
	 padding: 4px 0 0 0; 
	 line-height: 20px;
	 padding: 5px 40px 0 23px;
}

#all #sidebar .links_pink a {
	background-image: url('../../../img/design_two/link_img.gif');
	background-repeat: no-repeat;
	background-position: center left;
	margin: 0 0 0 5px;
	padding: 0 0 0 15px;
}

#all #sidebar .links_pink a:hover {
	background-image: url('../../../img/design_two/link_hover.gif');
	background-repeat: no-repeat;
	background-position: center left;
}

#all #sidebar .menu_top_pink {
 	background-image:url('../../../img/design_two/top1.jpg'); 
	 background-repeat:no-repeat; 
	 line-height:23px; 
	 padding:10px 0 0 50px;
}

#all #sidebar .menu_top_green {
 	background-image:url('../../../img/design_two/top2.jpg'); 
	 background-repeat:no-repeat; 
	 line-height:23px; 
	 padding:10px 0 0 50px;
}

#all #sidebar .menu_top_blue {
 	background-image:url('../../../img/design_two/top3.jpg'); 
	 background-repeat:no-repeat; 
	 line-height:23px; 
	 padding:10px 0 0 50px;
}

#all #sidebar .menu_bottom {
 	background-image:url('../../../img/design_two/bottom.jpg'); 
	background-repeat:no-repeat; 
	line-height:19px; 
	height: 19px;
}


/* --- Footer --- */

#footer {
	background-image: url('../../../img/design_two/003.jpg'); 
	width:100%; 
	height:27px;
}