a.mailbox {
  padding:5px 4px 5px 4px;
}

a.mailbox:hover {
  background: #F8FFF8;
}

.profilattribute {
   width:30%;
   font-size:80%;
   vertical-align:bottom;
   padding-bottom:3px;
}
.profilvalue {
   padding-top:7px;
   padding-bottom:6px;
   width:70%;
   font-weight:bold;
   padding-left:8px;
}
.bottomline {
   border-bottom:1px solid #ACA899;
}

.paddedbottom {
   padding-bottom: 10px;
}

/* Banner ganz oben */
div#headimage {

   background-image:url(/images/Sj-Logo-Sommer_2010.jpg); 
   background-repeat: no-repeat;
   width: 794px;
   height: 137px;
}

/* Navigation */
#topbox {
   width: 794px;
   background-image:url(/images/Sj-Logo-Sommer_2010.jpg); 
   background-repeat: no-repeat;
   background-position: 0px -137px;
   border-top: 0px;
   padding-top: 3px;
   float:none;
}

div#headlinks {
  float:right;
  margin-top: 5px;
  margin-right: 5px; 
  color: white;
  font-weight:bold;
}
  
a.headlink:link, a.headlink:hover, a.headlink:active, a.headlink:visited, a.headlink:focus, .headlink {
  color: white;
  margin-left: 10px; 
  margin-right: 10px; 
   
}

.headlinkshadow {
  left:1px;
  top:1px;
  font-weight:bold;
  color: black;
  position:absolute
}
  
div#headhome {
 /*
  position: relative;
  left: -165px; 
 
  width: 480px; 
  height: 55px;
  */
 /* width: 275px;
  height: 30px; */

} 

div#headquicklinks {
  white-space:nowrap;
  text-align:right;
  width:789px;
  padding-right:5px;
  margin-top: 101px;
  color: white;
  font-size: 90%;
}

a.quicknavitem:link, a.quicknavitem:active, a.quicknavitem:visited {
   color: white; 
   font-weight:bolder; 
   text-decoration: none;
   padding: 0px 2px 0px 2px;
   opacity: 1;
}

a.quicknavitem:hover {
   color: white; 
   font-weight:bolder; 
   text-decoration: underline;
   opacity: 1;
}

/* topnav */


div.navigation {
  color: #334088;
  /* border: dotted pink 2px; */
  width: 525px;
  /* height: 25px;  */
  margin:0;
  padding:0;
  /* float:left; */
}

ul#topnavigation {
  line-height: 1.35; 
  list-style: none;
  font-size: 110%;
  margin:0;
  padding:0;
}

  

ul#topnavigation  li {
  border-left:  #334088 1px solid;
  border-bottom: #334088 1px solid;
  cursor: pointer;
  float: left;
  margin:0;
  padding: 0;
  line-height: 21px;

}


ul#topnavigation li:hover, ul#topnavigation  li.aktiv {
  border-left:  #334088 1px solid;
  border-bottom:  #334088 1px dotted;
  margin:0;
  padding:0; 
/* padding: 5px 14px 3px 5px; */
}



ul#topnavigation li:hover a, ul#topnavigation li.aktiv a {
  background-color: #FFFFCC;
  /* border-left: #334088 1px solid;
  border-right:  #334088 1px solid;
  border-bottom: #334088 1px dotted; */
  margin:0;
/*  padding: 0px 0px 4px 0px; */
  padding: 5px 20px 3px 15px; 
}



ul#topnavigation li a {
  display: block !important;
  font-weight: bold;
  margin:0;
  padding: 5px 20px 3px 15px; 
  text-decoration: none;
}

ul#topnavigation li a:hover {
  margin:0;
  padding: 5px 20px 3px 15px; 
}

ul#topnavigation li.erster a {
  border-left: 1px !important;
}

/* ----- */

ul#subnavigation {
  line-height: 1.15;
  list-style: none;
  margin:0;
  padding:0;
  height: 18px; 
}

ul#subnavigation  li {
  cursor: pointer;
  float: left;
  margin:0px 0px 1px 0px;
  padding: 0px;
  line-height: 15px;
}

ul#subnavigation  li:hover, ul#subnavigation   li.aktiv {
  margin:0;
  padding: 0px;
}

ul#subnavigation  li:hover a, ul#subnavigation  li.aktiv a {
  background-color: #FFFFCC;
  margin:0;
  font-weight: bold;
  font-size: x-small;
  border-left:  #334088 1px solid;
  border-bottom: #334088 1px dotted;
  padding-bottom: 0px 0px 0px 0px;
}

ul#subnavigation  li a {
  display: block; 
  font-weight: bold;
  font-size: x-small;
  margin:0;
  border-left:  #334088 1px solid;
  padding: 5px 14px 3px 5px;
  text-decoration: none;
}

ul#subnavigation  li.erster a {
  border-left: 1px !important;
}

div.login {
  font-size: 85%;
  width: 248px;
  /* height: 50px; 
  background-color: #FDF0B5;*/
}

div.login * td {
  font-size: 85%;
}



div.title2 {
/*   border-top: solid 3px #FDF0B5; */
   border-top: solid 3px #C9EBC9; 
   margin-top: 6px;
   margin-bottom: 6px;
   margin-right: 2px;
}


span.title2 {
  font-weight: bold;
/*  background-image:url(/images/round_yellow.png); */
   background-image:url(/images/round_green.png); 
  background-repeat:no-repeat;
  background-position: right bottom;
  padding-left: 10px;
  padding-right: 20px;
  padding-bottom: 1px;
/*  background-color: #FDF0B5; */
    background-color: #C9EBC9; 
}
/* 
div.navigation {
   margin-left:3px;
   border-left: 3px solid #EAFFEA;
}
*/

span.highlight {
   background: #3A6B63;
   color: #EAFFEA;
}

span.roterstern {
   color: red;
   font-weight:bold;
   font-family: Courier New, Courier, monospace;
   font-size: 12pt;
}

.input {
   background: #F8FFF8;
   border: 1px solid #3A6B63;
}


.button {
   background: #D4F2D4;
   color: #334088;
   border: 1px solid #3A6B63;
   font-weight: bold;
}
.button:hover {
   background: #EAFFEA;
}

body {
  background: #C9EBC9;
  font-family: Verdana,Tahoma,Arial,Helv,sans-serif;
  font-size: 10pt;
  color: #333333;
  margin: 0px;
  padding: 0px;
}

div.forumquote {
   font-size:10px;
   margin-top:10px;
   margin-bottom:10px;
   margin-left:4px;
   margin-right:4px; 
   border:solid 2px #C9EBC9;
}

td.pseudobutton, div.pseudobutton, span.pseudobutton {
   background:#C9EBC9;
   border:1px solid #3A6B63;
   margin:1px;
   font-size: 80%;
   color: #334088;
}

div.forumquoteheader {
   top:-7px;
   left:5px;
   position:relative;
   float:left;
   background:#C9EBC9;
   font-weight:bold;
   padding:0px 4px 0px 2px;
}

div.pictext {
  font-size: 80%; 
  background: #C9EBC9;
  text-align: center;
}

div.pictextright {
  font-size: 80%; 
  background: #C9EBC9;
  text-align: center;
  margin-left: 6px;
  margin-top: 4px;
  margin-bottom:4px;
}

.header {
  background: #C9EBC9;
  font-weight: bold;
  padding: 5px;
}

.searchheader {
  border-bottom: #ACA899 solid 1px;
  background: #DEFBDE; 
  padding: 0px 5px 0px 5px;
  height:30px;
}


div.nav {
   border-bottom: solid 1px #334088;
   color: #334088; 
   font-weight:bold; 
   padding-bottom:5px;
   padding-top:0px;
   margin-right:2px;
   padding-left:8px; 
}



.navheader {
   font-size:140%;
   margin-left:-15px;
   padding-bottom:5px;
   padding-top:5px;
   font-weight:bold;
   white-space:nowrap;
}

div.pictextleft {
  font-size: 80%; 
  background: #C9EBC9;
  text-align: center;
  margin-right: 6px;
  margin-top: 4px;
  margin-bottom:4px;
}

span.homeheadline {
   font-size: 10pt;
   font-weight:bold;
}

span.hometext {
   font-size: 80%;
}

a, a:link, a:visited, a:active { 
  color: #334088; 
  text-decoration:none;
  font-weight:bold;
  z-index: 24;
  position: relative;

}

a:hover {
  text-decoration:underline ; 
  z-index: 25; 
}


.pseudobutton a:link, .pseudobutton a:active, .pseudobutton a:visited {
   color: #334088; 
   font-weight:bold; 
   text-decoration: none;
   display:block;
}

.pseudobutton a:hover {
   color: #334088; 
   background: #EAFFEA;
   font-weight:bold; 
   text-decoration: none;
}


textarea, input {
  font-size: 10pt;
  font-family: Verdana,Tahoma,Arial,Helv,sans-serif;
}

.title { 
   border-style:solid;  
   border-color:#ACA899; 
   border-top-width:1px; 
   border-bottom-width:1px; 
   border-left-width:0px; 
   border-right-width:0px; 
   margin-top:7px; 
   margin-bottom:7px;
   font-weight:bold;
   padding:3px;
}

div.titlesmall { 
   border-style:solid;  
   border-color:#ACA899; 
   border-top-width:0px; 
   border-bottom-width:1px; 
   border-left-width:0px; 
   border-right-width:0px; 
   margin-top:2px; 
   margin-bottom:2px;
   font-weight:bold;
   padding:2px;
   text-align:center;
}

td {
  text-align: left;
  font-family: Verdana,Tahoma,Arial,Helv,sans-serif;
}

td.communitypanel {
  background: #C9EBC9;
  border: 3px solid #EAFFEA;
  padding: 2px;
}

td.navigation {
   border-bottom: solid 1px #334088;
   color: #334088; 
   font-weight:bolder; 
}

.tdbottom {
   border-bottom: solid 1px #334088;
}

.td1 {
  background: #C9EBC9;
}
.td2 {
  background: #D4F2D4;
}
.td3 {
  background: #EAFFEA;
}
.td4 {
  background: #DEFBDE;
}
.td5 {
  background: #3A6B63;
}
.td6 {
  background: #334088;
}
tr.trhover:hover, tr.trhover:hover td.td4 {
  background: #C9EBC9!important;
}

.tdtabactive {
  background: #DEFBDE;
  border-top: solid 1px #334088;
  border-left: solid 1px #334088;
  border-right: solid 1px #334088;
  font-weight:bold;
  text-align: center;
}

.tdtabinactive {
  background: #C9EBC9;
  border-bottom: solid 1px #334088;
  border-left: solid 1px #ACA899;
  border-right: solid 1px #ACA899;
  text-align: center;
}

.tdtabinactiveempty {
  border-bottom: solid 1px #334088;
}

.tdtabcontent {
  background: #DEFBDE;
  border-bottom: solid 1px #334088;
  border-left: solid 1px #334088;
  border-right: solid 1px #334088;
}

.forumnav {
   text-align: center;
   font-weight: bold;
}

.forumnav a:link, .forumnav a:active, .forumnav a:visited {
  font-size: 80%;
  display:block;
  padding:4px 1px 4px 1px;
}

.forumnav a:hover {
  background: #C9EBC9;
}

.forumnav2 {
   font-weight: bold;
   font-size: 90%;
}

.forumtext {
   font-size: 100%;
   text-align: justify;
   padding:8px 3px 8px 3px;
}

.headline {
   color: black
}

small, .small, .navsmall {
   font-size: 80%;
}


.smaller {
   font-size: 75%;
}


.online {
  color: #334088;
  font-weight: bold;
}

.echt {
  background:#3A6B63;
  color: #F8FFF8;
  border:1px solid #3A6B63; 
}

span.otherpage a, span.otherpage a:link, span.otherpage a:visited, span.otherpage a:active, span.otherpage { 
   font-weight:normal;
   white-space: nowrap;
}

div.panelfriends a, div.panelfriends a:link, div.panelfriends a:visited, div.panelfriends a:active { 
   font-weight: normal;
}

div.panelfriends {
   white-space:nowrap;
}

div.msgstring {
  background: #DEFBDE;
  border:#C9EBC9 solid 3px;
  padding:10px;
  margin:10px;
  font-size:80%;
  font-weight:bold;
}

div.feature {
  background: #DEFBDE;
  border:#C9EBC9 solid 3px;
  padding:3px;
}

.currentpage {
   white-space: nowrap;
   font-weight: bold;
}


.padded {
   padding: 10px;
}

.bold {
   font-weight: bold;
}

.center {
   text-align: center;
}
.neu, .red {
  color: red;
  font-weight: bold;
}

a.anker:hover {
  text-decoration:none;
}

div.panelforum a, div.panelforum a:link, div.panelforum a:visited, div.panelforum a:active { 
   font-weight:normal;
   white-space:nowrap;
   display:block;
   position: relative;
   z-index: 24;
}

div.panelforum a:hover {
   background: #EAFFEA;
   z-index: 25; 
   text-decoration:none;
}

div.panelforum a span, span.personhover, .hover, span.hovernow { 
    display:none;
}

div.panelforum a:hover span, 
div.hovercontainer:hover span.hovernow,
a:hover span.personhover, 
a.mailbox:hover span.personhover, 
a.forumnav:hover span.personhover, 
a.panel:hover span.personhover, 
a.navitem:hover span.personhover {
    display: block;
    position: absolute;
    top: 2.5em;
    left: -2em;
    width: 20em;
    border: 1px solid #ACA899;
    background-color: #F8FFF8;
    color: #333333;
    padding: 2px;
    text-decoration:none !important;
    white-space:normal;
    opacity: 0.92;
    text-align:left;
    font-weight:normal;
    font-size:8pt;
    -moz-border-radius:10px;
}

div.hovercontainer {
  cursor:help;
}

.hover {
    position: absolute;
    left: -13em;
    display: block !important; 
    width: 12em;
    border: 1px solid #ACA899;
    background-color: #F8FFF8;
    color: #333333;
    padding: 2px;
    text-decoration:none !important;
    white-space:normal;
    opacity: 0.87;
    text-align:left;
    font-weight:normal;
    font-size:8pt;
    -moz-border-radius:10px;
    z-index: 28;
}

span.personhover {
    text-decoration:none !important;
} 

span.personhover span {
   display:block;
   margin: 0 0 0 1em;
   padding: 0px;
   text-indent: -1em;
}

a.panel:hover {
   background: #EAFFEA;
   text-decoration: none;
}

span.emptyspace {
    font-size: 1px;
    display:inline !important;
    width: 1px;
}
/* 2005-12-08
a.navitem:link, a.navitem:active, a.navitem:visited {
   color: #334088; 
   font-weight:bolder; 
   text-decoration: none;
   display:block;
}

a.navitem:hover {
   color: #40488F; 
   background: #EAFFEA;
   font-weight:bolder; 
   text-decoration: underline;
}
*/
.date {
	background: #F8FFF8;
	border-right: 1px solid #DEFBDE;
	border-bottom: 1px solid #DEFBDE;
	float: left;
	text-align: center;
	line-height: 1.1em;
	padding: 2px 1px 5px 1px;
	width: 2.2em;
	color: #3A6B63;
	margin: 0 0.5em 1em 0;
}

#navigationsspalte ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#navigationsspalte li {
  display:inline;
}

#navigationsspalte ul a, 
#navigationsspalte ul a:link, 
#navigationsspalte ul a:active, 
#navigationsspalte ul a:visited {
   color: #334088; 
   font-weight: bolder; 
   text-decoration: none;
   display:block;
}

#navigationsspalte ul a:hover {
   background: #EAFFEA;
   text-decoration: underline;
}

.forumtext hr, .pmstext hr {
   border: #3A6B63 solid 1px;
   margin: 20px 7px 7px 7px;
}

table#grundtabelle {
   width: 794px;
}

#contentspalte {
   width: 600px;
}

@media print {
  #navigationsspalte, #communityspalte, #top, .noprint {
    display:none;
  }
  #content:before {
    content: "SchwuleJungs.de";
    font-size:200%;
    display:block;
  }
  #grundtabelle {
    width:100%;
    page-break-inside: avoid;
  }
  td.contentspalte{
    width:100%;
  }
}