body {
  background-color: white;
  color: #333;
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  font-family: Arial, sans-serif;
  text-align: center;
}

abbr {

  text-decoration: none;
  border: none;
  cursor: help;
}

a img {
  border: 0;
}

#base {
  width: 775px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  padding-top: 30px;
}

#logo {
  width: 216px;
  height: 52px;
  display: block;
  margin: 0 0 12px 3px;
}

#logo img {
  border: 0;
  display: block;
}

#headlinks {
  position: absolute;
  right: 0;
  top: 30px;
}
#headlinks a {
  padding: 0 5px 0 5px;
}

form {
  padding: 0;
  margin: 0;
}


#navi a {
  display: block;
  padding: 2px 0 2px 0;
}


#content {
  background: white url(/images/content-mid.gif) 0 0 repeat-y;
  width: 610px;
  float: left;
  margin-bottom: 10px;
}
* html #content, *:first-child+html #content {
  margin-bottom: 0;
}

#content-in {
  background: transparent url(/images/content-bot.gif) bottom left no-repeat;
  padding: 5px 5px 16px 5px;
}
#buttons {
  background: transparent url(/images/content-top.gif) 0 0 no-repeat;
  height: 70px;
  position: relative;
}

#context {
  width: 152px;
  float: right;
}

#foot {
  clear: both;
  padding: 0 0 30px 0;
  color: #777;
  font-size: 0.9em;
}
#foot a {
  padding: 0 5px 0 5px;
}

.picbg {
  background-color: #ebebeb;
  text-align: center;
  margin: 5px 0 5px 0;
}
.picbg img {
  display: inline;
}

h1, h2 {
  margin:0;
  padding: 16px 11px 0 11px;
}
h1 {
  font-size: 1.4em;
}
h2 {
  padding-top: 12px;
  font-size: 1.25em;
}
h3 {
  margin: 0;
  padding: 12px 11px 0 11px;
  font-size: 1.1em;
}

h4 {
  margin: 0;
  padding: 12px 11px 0 11px;
  font-size: 1em;
}

.invalid {
  color: red;
}

p {
  margin:0;
  padding: 5px 11px 5px 11px;
}
.subtitle {
  padding-top: 0;
}

.infotable {
  margin: 5px 16px 5px 16px;
}
.box-in .infotable {
  margin: 5px 0 5px 0;
}
.infotable td {
  font-size: 1em;
}
.box-in .infotable td {
  font-size: 0.9em;
}
.titletd {
  white-space: nowrap;
  padding-right: 8px;
}

a {
  color: #6dc41e;
  text-decoration: none;
  font-weight: bold;
}
p a, a:hover, a:focus {
  text-decoration: underline;
}

.username {
  text-decoration: none;
}

.plink {
  padding-left: 10px;
  background: transparent url(/images/plink.gif) left center no-repeat;
  text-decoration: none !important;
}

.back {
  padding-left: 10px;
  background: transparent url(/images/back.gif) left center no-repeat;
  text-decoration: none !important;
}

.forw {
  padding-right: 10px;
  background: transparent url(/images/plink.gif) right center no-repeat;
  text-decoration: none !important;
}

.num {
  font-size: 1.4em;
  font-weight: bold;
}

.input {
  border: 1px #6dc41e solid;
  background-color: white;
  color: black;
  font-family: Arial, sans-serif;
  font-size: 1em;
  margin-bottom: 2px;
}

* html .input, *:first-child+html .input {
  margin-bottom: 0;
}

* html textarea, *:first-child+html textarea {
  overflow: auto;
}

.right {
  text-align: right;
}

br {
  clear: both;
}

.stdform p {
  padding-top: 0;
  padding-bottom: 0;
}

.leftcol {
  float: left;
  width: 160px;
}
.rightcol {
  float: left;
  width: 425px;
}

.picteader_del {
  vertical-align: top;
  width: 12px;
}
.colsmall {
  float: left;
  width: 105px;
}

.superleft {
  float: left;
  width: 282px;
}

.superright {
  float: left;
  width: 282px;
}

.imgcol {
  height: 135px;
}
.imgcol img {
  display: block;
  float: left;
  margin-right: 1px;
}
.imgcol p {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.section {
  padding: 5px 0 7px 0;
  width: 100%;
  background: transparent url(/images/section.jpg) bottom left no-repeat;
  border-bottom: 1px #ddd solid;
}
.supersection {
  width: 100%;
  background: transparent url(/images/section.jpg) bottom left no-repeat;
}
.subsection {
  padding: 5px 0 7px 0;
  width: 100%;
  border-bottom: 1px #ddd solid;
}

#buttons a {
  background: #83dd29 url(/images/bigbutton.gif) 0 0 no-repeat;
  color: #333;
  font-weight: normal;
  font-size: 1.4em;
  text-decoration: none;
  width: 190px;
  height: 49px;
  display: block;
  position: absolute;
  text-align: center;
}
#buttons a span {
  display: block;
  padding-top: 11px;
}
#buttons .pressed span, #buttons a:active span {
  padding-top: 12px;
}
.b1 {
  top: 16px;
  left: 18px;
}
.b2 {
  top: 16px;
  left: 210px;
}
.b3 {
  top: 16px;
  left: 402px;
}

#buttons a:hover {
  background-position: 0 -55px;
  color: black;
}
#buttons .pressed, #buttos .pressed:hover, #buttons a:active {
  background-position: 0 -111px !important;
  color: #2A6A25 !important;
}


.box {
  background: transparent url(/images/context-top.gif) 0 0 no-repeat;
  margin: 5px 0 17px 0;
}
.box-in {
  background: transparent url(/images/context-bot.gif) bottom left no-repeat;
  min-height: 80px;
  padding: 5px 13px 5px 13px;
}

.box-in h3 {
  padding: 5px 0 5px 0;
}
.box-in p {
  padding-left: 0;
  padding-right: 0;
  font-size: 0.9em;
}

#topbox {
  height: 90px;
}

.userpic {
  border: 3px white solid;
}

.collabel {
  width: 150px;
  padding-top: 2px;
  padding-bottom: 10px;
  float: left;
}
.colinput {
  width: 200px;
  float: left;
}
.infocol {
  margin-left: 15px;
  float: left;
  width: 200px;
  font-size: 0.9em !important;
  padding-top: 2px;
}


.optioncol {
  float: left;
  width: 200px;
}
.optioncol label {
  padding-right: 10px;
}


.msg {
  background: transparent url(/images/msg-top.gif) 0 0 no-repeat;
  margin: 2px -7px 0 -7px;
}
.msg-in {
  background: transparent url(/images/msg-bot.gif) bottom left no-repeat;
  padding: 5px 10px 15px 10px;
}

.topsep {
  border-top: 1px #aaaaaa solid;
  margin-top: 7px;
  padding-top: 10px !important;
}

.fromuser {
  text-align: center;
  padding: 0 0 7px 0;
}

#hidden_puffer {
  display: none;
  width: 0px;
  height: 0px;
}

#pagepreview {
  padding: 0px !important;
}

.hidden {
  display: none;
}

.messagebox {
  width: 575px;
  height: 175px;
}

.indent {
  padding: 0px 11px;
}

#vorschlag {
  opacity: 0.7;
  width: 100%;
  height: 100px;
  border: 1px green solid;
  overflow: auto;
  background: #DCF6D6;
  margin-top: 2px;
}

#vorschlag ul {
    padding: 0px;
    margin: 0px;
}

#vorschlag li {
    list-style-type: none;
    list-style-image: none;
    padding: 2px 0px 2px 4px;
    margin: 0px;
    background:none;
}

.logout {
  color: #C82D08;
}

.friends_row {

  vertical-align: top;
  background: url(/images/icons/friend_pic_counter.gif) 0px 19px no-repeat;
  width: 24px;
}

.friends_row_pics {

  bottom:				2px;
  right: 				1px;
  font-size:		9px;
  font-weight:	bolder;
  margin:				0;
  padding:			0;
  position:			relative;
  text-align: 	right;
}

.friends_row_friends {

  bottom:				-12px;
  right: 				1px;
  font-size:		9px;
  font-weight:	bolder;
  margin:				0;
  padding:			0;
  position:			relative;
  text-align: 	right;
}

.twitter_new {
  color:								#6dc41e;
  text-align:						left;
  font-weight: 					bold;
}

.twitter_old {
  color:								#868686;
  text-align:						left;
  font-weight: 					bold;
}

.twitter_news_top {
  width:								570px;
  height:								30px;
  margin:								0px 0px 0px 14px;
  background:						url(/images/box_twitter_top.png) no-repeat;
}

.twitter_news_bottom {
  width:								570px;
  height:								16px;
  margin:								-5px 0px 0px 14px;
  background:						url(/images/box_twitter_bottom.png) no-repeat;
}

.twitter_news {
  width:								570px;
  margin:								0px 0px 0px 14px;
  padding:							5px 10px 0px 20px;
  background:						url(/images/box_twitter_center.png) repeat-y;
}

.twitter_news ul {
  list-style:						none;
  margin:								0px 15px 0px 0px;
  padding:							0px 15px 0px 0px;
  text-align:						left;
}

.twitter_news li {
  margin-bottom:				5px;
}

.new_comments_top {
  width:								570px;
  height:								18px;
  background:						url(/images/box_comments_pic_top.png) no-repeat;
}

.new_comments_center {
  width:								570px;
  background:						transparent url(/images/box_comments_pic_center.png) repeat-y scroll 0 0;
}

.new_comments_bottom {
  width:								570px;
  height:								18px;
  background:						url(/images/box_comments_pic_bottom.png) no-repeat;
}