/****
 * Farben
 *    Schrift-Weinrot: #9E0000  (allgemeine Schriftfarbe)
 *    Balken-Orange:   #F89643  (obere Navigation und trennende Überschriften)
 *    Dunkles Orange:  #D86E00  (aus der unteren Navigation)
 *    Hell-Orange:     #FEF3E3  (Hintergrund von alternierenden Tabellenzellen)
 *    Grau:            #787878  (Tabellenzeilenbeschriftungen)
 */
body {
  margin: 0;
/*  background: url(../images/body_back.png) center repeat-y; */
  background: #666; 
  color: #9E0000;
}

body, p, input, textarea, option, select {
    font-family: tahoma, verdana, arial, sans-serif;
    font-size: 12px;
}
body, p, textarea, option {
    text-align: left;
}

p.footer, p.footer a{
text-align:center;
color: silver;
}

#righthalf input.submit, #righthalf input.text, #righthalf select, textarea {
  border: 1px solid #9E0000;
  color: #9E0000;
  background-color: white;
}
legend {
  color: #9E0000;
}

img { border: none; }
a { color: #9E0000; }
a:hover, a:active { 
  background-color: #9E0000;
  color: white;
  text-decoration: none;
}

h1 {
  margin: 0;
  padding: 0;
}
h1 a {
  display: block;
  width: 190px;
  height: 130px;
  text-indent: -100000em;
}
h1 a:active, h1 a:hover {
  background-color: transparent;
}

h2, h3, h5, h6 {
  clear: both;
  margin: 0;
  padding: 3px 0 3px 10px;
  color: white;
  background-color: #F89643;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}

h4 {
  clear: both;
  margin: 0;
  padding: 3px 0 3px 10px;
  color: #F89643;
  /**background-color: #F89643;**/
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}

h2 {
  border-bottom: 1px solid white;
  background-color: #9E0000;
}

th {
  color: #787878;
  text-align: left;
  font-weight: normal;
}

#top {
  background: url(../images/top_back.png);
  height: 130px;
  margin: auto;
  width: 1000px;
}

#fullpage {
  width: 1000px;
  margin: auto;
  background: url(../images/fullpage_back.png) repeat-y;
  overflow: hidden;
}

#lefthalf {
  width: 190px;
  color: white;
  float: left;
}

#lefthalf ul {
  margin: 0 0 20px 0;
  padding: 0;
  list-style-type: none;
}

#lefthalf a, #lefthalf span {
  color: white;
  text-decoration: none;
  display: block;
  padding: 2px 0 2px 30px;
  background-color: #F89643;
  border-bottom: 1px solid #9E0000;
  width: 150px;
  font-weight: bold;
}

#lefthalf #lower_navigation a {
  background-color: #D86E00;
}

#lefthalf a:hover, 
#lefthalf #lower_navigation a:hover,
#lefthalf a:active, 
#lefthalf #lower_navigation a:active,
#lefthalf span,
#lefthalf #lower_navigation span {
  color: #9E0000;
  background: white;
  border-right: 10px solid white;
}
#lefthalf span,
#lefthalf #lower_navigation span {
  background: white url(../images/navi_arrow.png) no-repeat 6px center;
}

#lefthalf fieldset {
  margin: 0 0 20px 15px;
  padding: 0 0 20px 0;
  border: none;
}
#lefthalf legend {
  display: none;
}
#lefthalf input.text {
  width: 130px;
}
#lefthalf input.submit {
  background: #F89643;
  padding: 0;
  width: 17px;
  height: 17px;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border: none;
}

#righthalf {
  margin: 0;
  margin-bottom: 30px;
  padding: 0 20px;
  overflow: hidden;
  background: white;
  float: left;
  width: 770px; 
}

#righthalf th, #righthalf li, #righthalf td, #righthalf p {
  padding: 3px 0 3px 10px;
}

#righthalf tr td, #righthalf tr th {
  border: none; 
  border-bottom: 1px solid #F89643;
}

table {
  border-collapse: collapse;
  width: 100%;
}
tr, td, th {
  margin: 0;
}
th {
  width: 30%;
} 
#righthalf tr.even {
  background-color: #FEF3E3;
}

table.check_boxes tr td{
  border-width:0px;
}

#leftpage {
  width: 200px;
  float: left;
  overflow: hidden;
}

#rightpage {
  width: 550px;
  float: right;
  overflow: hidden;
}

ul.user_navigation {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#righthalf ul.user_navigation li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #F89643;
}

ul.user_navigation li a {
  display: block;
  text-decoration: none;
  padding: 3px 0 3px 10px;
}

p.annotate, .errorExplanation {
  margin-top: 0;
  background-color: #FEF3E3;
}

div.group {
  margin-bottom: 20px;
}

#righthalf ul.foto_collection {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#righthalf ul.foto_collection li {
  margin: 0;
  padding: 0;
  float: left;
  border: none;
  text-align: center;
  width: 60px;
  margin: 3px;
}
#righthalf ul.foto_collection li a {
  display: block;
  text-decoration: none;
}
#righthalf ul.foto_collection li div {
  width: 60px;
  height: 72px;
  overflow:hidden;
}
#righthalf ul.foto_collection li a img {
  border-bottom: 1px solid white;
}

.proceed {
  float: right;
}
.proceed {
  margin-top: 0;
  margin-right: 5px;
}
#leftpage .proceed {
  margin: 12px 0;
}

ul.school_collection {
  list-style-type: none;
  margin: 0;
  padding: 0 5px 0 0;
  width: 95px;
  float: left;
}
#righthalf ul.school_collection li {
  padding-left: 0;
  border: none;
}

p#yourself {
  font-weight: bold;
  text-align: center;
}

.entry {
  overflow: hidden;
  border-bottom: 1px solid #F89643;
}
.friendship_request.entry, .vevent.entry {
  border-bottom: none;
}
.friendship_request.entry.even, .vevent.entry.even {
  margin-top: 3px;
  background-color: #FEF3E3;
}
.entry ul {
  overflow:hidden;
}

.entry .head img {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.entry p {
  padding-right: 20px;
  margin: 0 10px 10px 0;
}
.entry .head {
  margin-top: 10px;
}

.connection {
  margin: 10px 0;
  overflow: hidden;
}
.connection a {
  display: block;
  margin: 3px;
  width: 60px;
  float:left;
  text-decoration: none;
  text-align: center;
}
.connection a:hover span {
  background: white;
}
.connection a img {
  border-bottom: 1px solid white;
}
.connection img.connector {
  margin: 40px 8px 0;
  float:left;
}

ul.rumor_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin-bottom: 2em;
}

ul.rumor_list li {
  width:48%;
  float:left;
  
}
div.rumor {
  width:500px;
	float: left;
}

div.rumor_sidebar {
	width: 140px;
	float: left;
	text-align: center;
}

div.rumor_sidebar img {
	margin: 5px;
}

ul.rumor_list li h3, div.rumor h3 {
  font-size: 16px;
  font-weight:bold;
  color: #9E0000;
  background-color:#fff;
}
ul.rumor_list li h4, div.rumor h4 {
  font-size: 12px;
  font-weight:bold;
  color: #F89643;
  background-color:#fff;
}
ul.rumor_list li h5, div.rumor h5 {
  font-size: 10px;
  font-weight:normal;
  color: #787878;
  background-color:#fff;
}


ul.rumor_list p.rumor_preview_img a {
	display:block;
	float: left;
	margin: 10px;
	text-align: center;
}

.polaroid_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin-bottom: 2em;
}
#righthalf .polaroid_list li {
  float: left;
  background-color: #F89643;
  width: 160px;
  padding: 10px;
  margin: 0 5px 10px 5px;
}
#righthalf .polaroid_list.large li {
  width: 220px;
}
.polaroid_list li img {
  padding: 10px;
  background: white;
}
#righthalf .polaroid_list li .img_box a:hover {
  text-decoration: none;
  border: none;
  background: transparent;
}
.polaroid_list li img:hover {
  background-color: #FEF3E3;
}
.polaroid_list h3 {
  padding: 0;
  margin: 0;
  color: white;
  text-align: center;
}
.polaroid_list h3 a {
  color: white;
  display: block;
  width: 160px;
  padding: 5px 0;
}
.polaroid_list.large h3 a {
  width: 220px;
}
.polaroid_list.large .fotodetails {
  text-align: center;
}

.large .img_box {
  width: 220px;
  height: 260px;
  text-align: center;
}
.img_box {
  width: 160px;
  height: 160px;
  text-align: center;
}

#righthalf .fotodetails {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: auto;
}
#righthalf .fotodetails li {
  margin: 0;
  padding: 0;
  width: auto;
}

fieldset {
  border: 1px solid #9E0000;
  margin-left: 10px;
  margin-right: 10px;
  width:92%;
}
fieldset ul{
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
fieldset ul ul{
  padding-left: 2em;
}

label.for_normal_field {
  display: block;
  float: left;
  padding-top: 2px;
  margin-right: 1em;
  width: 10em;
}
span.for_checkboxes {
  display: block;
  float: left;
}
span.for_checkboxes input {
  clear: left;
}

textarea.full {
  margin-left: 0;
  margin-right: 0;
  width: 96%;
}

input.file {
  width: 98%;
}

.full_foto {
  text-align: center;
}

.flash {
  border: 1px solid #9E0000;
  margin-bottom: 1em;
  padding: 1em;
}
.error {
  background: #9E0000;
  color: white;
}
#righthalf .fieldWithErrors.text {
  background: #9E0000;
  color: white;
}

.person_list {
  padding-left: 0;
	list-style: none;
  overflow: hidden;
}

.person_list li {
	text-align: center;
	width: 120px;
	float: left;
}

.person_list li .image_thumb {
  width: 120px;
}

.pagination {
  text-align: center;
  padding: 3px;
  margin: 0 0 10px;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #F89643;
  text-decoration: none;
  color: #F89643;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #F89643;
  background-color: #F89643;
  color: white;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #F89643;
  font-weight: bold;
  background-color: #F89643;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}

span.image_thumb {
  display: block;
  width: 60px;
  height: 75px;
  overflow: hidden;
  text-align: center;
}
span.image {
  display: block;
  width: 200px;
  height: 244px;
  overflow: hidden;
  text-align: center;
}

table.message_table th{
	text-align: center;
	padding: 5px;
}

table.message_table .profile_image{
	width: 3%;
}
table.message_table .message_user{
	width: 10%;
}
table.message_table .message_received{
	width: 8%;
}
table.message_table .message_action{
	width: 5%;
}

table.message_table td.message_title{
	font-size: 1.2em;
}

.message_block {
	width: 100px;
	display: block;
	float: left;
}

.small_message {
	font-size: 0.95em;
}

.small_message .date {
	color:  #787878;
	font-weight: normal;
}

.small_message p.head {
	font-weight: bold;
	font-size: 0.95em;
}

.small_message .small_body {
	font-size: 0.95em;
	font-weight: normal;
}

.auto_complete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
}

.auto_complete ul {
      list-style-type: none;
      margin:0px;
      padding:0px;
}

.auto_complete ul li.selected 
{ 
        background-color: #bbf;

}

.auto_complete ul li {
      list-style-type: none;
      display:block;
      margin:0;
      padding:2px;
      height:16px;
}

ul.feed {
  list-style-type: none;
  padding-left: 44px;
  text-indent: -44px;
  margin: 0px;
  margin-bottom: 10px;
  overflow-hidden;

}

ul.feed li {
  height: 35px;
}

ul.feed li img{
  position: relative;
  top: 10px;
  padding-right: 5px;
}

.hover{
  cursor: hand;
  cursor: pointer;
  font-weight: bold;
}

.tooltip {
  padding: 2px;
	width: 65px;
	height: 90px;
	background-color: white;
	border: 1px solid #9E0000;
	text-align: center;
	position: absolute;
	display: none;
}

.bday {
  display: none;
}
table.contact a {
  text-decoration: none;
  cursor: default;
}
table.contact a:hover {
  background: transparent;
  color: #9E0000;
}

#righthalf table td p {
  margin: 0;
  padding: 0;
}

.hidden {
  display: none;
}

.groups p.small{
  text-align: center;
  font-size: 0.8em;
}