hr { 
	border:none; 
	height:1px;
	background-color:#E3E3E3;
}

a:link, a:visited, a:active {
    color:#345488; /*#926240; ;#a05808*/
    text-decoration:none;
}
a:hover {
    color:#cc7711;
    text-decoration : underline; 
}

#toplogo {
	position: absolute; top:2px; left:0px;
}
#toplogo a {
	margin:0;
	padding:0px 0;
	color:#1f7fbb;
	color:#2f8fcb;
	color:#fff;
	font:normal 25px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	text-decoration : none; 
}
#toplogo a:hover {
	text-decoration : none; 
}
#toptext1 {
	position: absolute; top: 6px; left:49px; color:#555;
	font-style:italic;
}
#toptext2 {
	position: absolute; top: 4px; left: 47px; color:#e9e9e8;
	font-style:italic;
}
/*#toptextsmall {
	position: absolute; top: 36px; left: 28px; color:#fff;
	font-size:9px;
}*/
#toptextsmall_new {
	position:absolute;
	-o-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	transform:rotate(0deg);
	text-shadow:#111 2px 2px 5px;
	/* filter:dropshadow(color:#7a7a8a, offx=2, offy=2);  /* zusätzlicher IE-Hack */
}
#toptextsmall_new h2{font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;color:#FFF;padding:0px;margin:0px;line-height:normal}


#container {
    padding:5px 0px 0px 0px;
    width:914px;
    
    /*	Achtung dies ist ein hack für IE 
		normalerweise würde min-height reichen
	*/
    min-height:830px;
    height:auto !important;
    height:840px;
    
    
    margin:auto;
        
    
    /*background-image: url(../images/blue.jpg); 
    background-repeat:repeat-x;*/
    background-color:transparent;  
    
    /*border-right: 1px solid #cccccc; 
    border-top: 0px solid #cccccc; 
    border-left: 1px solid #d8d8d8;  
    border-bottom: 0px solid #cccccc;*/
}

#divTop {
	margin-bottom:0px;padding-left:13px; padding-right:13px; 
}
#divNaviBox {
	margin-bottom:9px;padding-left:13px; padding-right:13px;
}

#divContentBox {
	padding-left:13px; padding-right:13px; padding-top:13px; margin:auto; height:auto;
	background-color:#fafafd;  
	
	/*border:10px solid #898781;*/
	border:1px solid #ccc;
	border-top:10px solid #444;
}

#divCenterBox {
	float:left; width:657px; padding-right:0px; margin:auto; height:auto; 
	min-height:784px;
}
.styleCenterBox {
	background-color: #f9f9f9;  /* f9f9fc;*/ 
	/*background-color:yellow;*/ 
	/*background-color:transparent;
	min-height:1000px;*/
}

#divLeftBox {
	float:left; padding-top:0px; padding-left:19px; width:191px;
}

#bottomlinks {
    text-align:center;
    color:white;
    color:black;
    
    background-color: transparent;
    
    padding-top:6px;
    margin-top:6px;margin-bottom:18px;margin-left:0px; margin-right:0px;
    height: 24px;
}
#bottomlinks a {
	color:white;
	color:black;
	text-decoration: underline;
}

.withBackImage {
	padding:0px;
	background-image:url(../images/backimg.jpg);
	background-image:url(../images/bodyback/100_0065_001.JPG);
	background-repeat:no-repeat; 
	background-position:top right;
	background-size: 42%;
}
.selSpan {
	color:#de3030;
}
.selSpanBold {
	color:#de3030;
	font-weight: bold;
}

.abstand4px {
	width:100%;height:4px;background-color:transparent;
}
.abstand2px {
	width:100%;height:2px;background-color:transparent;
}
.abstand2px_white {
	width:100%;height:2px;background-color:#fff;
}

.table_default {
	border-spacing:0px; /* dies entspricht der cellspacing auf der table */
	width:100%;
}
.table_default td { 	/* dies entspricht der cellpadding auf der table */
	padding:8px; 
}

.table_leftUserList {
	border-spacing:0px;
	width:100%;
}
.td_leftUserListIcon {
	vertical-align:middle;
	padding:1px; 
	width:14px;
}
.td_leftUserListLink {
	vertical-align:middle;
	padding:1px; 
}
.td_leftUserListRight {
	vertical-align:middle;
	padding:1px; 
	text-align:right;
}

.divGrayBox {
	padding:8px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:2px;
	
	vertical-align:top;
    font-size: 11px;
    font-family: Verdana, Arial;
    background-color: #f9f9f9;
    
    border-right: 0px solid #cccccc;
    border-top: 0px solid #cccccc; 
    border-left: 0px solid #eee; 
    border-bottom: 0px solid #cccccc;
    
    /*background-image: url(../images/graybox_back.png);*/
}




#profile {
    width:540px;  /*558*/
    height:500px;
    background-color:white;
}
#chat {
    width:564px;
}


.tdStandard {
	vertical-align:top;
    font-size: 11px;
    font-family: Verdana, Arial;
    background-color:#fff;
}
.tdToggle {
	vertical-align:top;
    font-size: 11px;
    font-family: Verdana, Arial;
    background-color: #F4F4F9;
}
.tdForm {
	vertical-align:top;
    font-size: 11px;
    font-family: Verdana, Arial;
    background-color: #fff;
    border:1px  solid #bbb;
    color:#333;
}
.tdWhiteBottomed {
	border-bottom: 1px solid #ddd;
}




.navPAD {
	padding:5px 5px 0px 5px; /* top, right, bottom, left */
}
.navOFF, .navON, .navCurrent, .tabCurrent {
	text-align:center;
	border-right: 1px solid #d5e0e4;
    font-size:13px;
    height:23px;text-align:left;float:left;
}
.navOFF {
	cursor:pointer;
	color:#345488;
}
.navON {
	cursor:pointer;
	color:#ee9933;
}
.navOFFInactive {
}
.navCurrent {
	background-color:#ebf6fa; 
	cursor:pointer;
	color:#de3030;
}
.tabCurrent {
	background-color:#d5d5d5;
	cursor:pointer;
	color:#de3030;
}




.tdRahmen {
    font-size: 11px;
    background-color: #FFF7F8;
}


.h1Span {
	letter-spacing:-0.3px; color:#de5a5a;
}

h1 { font-size: 18px; display: inline; font-weight:normal; letter-spacing:-0.3px; color:#de5a5a; margin-top: 0px; padding-left:5px; }  
/* Bei dem h1 Tag handelt es sich um ein Blockelement.
   Aus diesem Grund entsteht auch dieser Zeilenumbruch, der Dich so stört. *g*
   Du kannst mit CSS jedem Blockelement vorschreiben, dass es sich wie ein Inlineelement verhalten soll und umgekehrt. */
   
h2 {font-size: 14px; font-weight:bold; color:#444; }
h2 strong {font-size: 17px; font-weight:bold; color:#222; }
h3 {font-size: 13px; font-weight:bold; color:#444; }
h4 {font-size: 12px; font-weight:bold; color:#444; }
h5,h6 {font-size: 12px; font-weight:bold; color:#444; }
p {
	vertical-align:top;
    font-size: 12px;
    font-family: Verdana, Arial;
    /*background-color: #fff;*/
    padding-left:5px;
    padding-right:5px;
    line-height:18px;
    padding-top: 2px;
}
ul, li {
	vertical-align:top;
    font-size: 12px;
    font-family: Verdana, Arial;
    /*background-color: #fff;*/
    line-height:16px;
}
form {
	display:inline;
	padding: 0;
	margin: 0;
	border: 0;
}

.JR_BUTTON {
    font-size: 11px;
    color: #FFFFFF;
    font-family: Verdana, Arial, "MS Sans Serif";
    font-weight:bold;
    background-color: #999999; /*#d5d5d6;*/
    cursor:pointer;
}
.JR_FLAT_BUTTON {
    font-size: 11px;
    color:#A56900; /*#C58917; #333333;*/
    font-family: Verdana, Arial, "MS Sans Serif";
    font-weight:normal;
    background-color: #FFFFFF; /*#d5d5d6;*/
    border-right: 0px solid silver; 
    border-top: 0px solid silver; 
    border-left: 0px solid silver; 
    border-bottom: 0px solid silver;
    cursor:pointer;
}
.JR_FLAT_LOGIN_BUTTON {
    font-size: 11px;
    color:#A56900; /*#C58917; #333333;*/
    font-family: Verdana, Arial, "MS Sans Serif";
    font-weight:normal;
    background-color: #f9f9fa; 
    border-right: 0px solid silver; 
    border-top: 0px solid silver; 
    border-left: 0px solid silver; 
    border-bottom: 0px solid silver;
    cursor:pointer;
}
.JR_TEXTBOX {
    font-size: 11px;
    color: black;
    font-family: Verdana, Arial;
    background-color: white;
    height: 19px;
}
.JR_SELECT {
    font-size: 11px;
    color: black;
    font-family: Verdana, Arial;
    background-color: white;
    height: 19px;
}
.JR_LISTBOX {
    font-size: 11px;
    color: red;
    font-family: Verdana, Arial;
    background-color: white;
}
.tabStandard {
    border-right: 0px solid #E3E3E3; 
    border-top: 0px solid #F5F5F5; 
    border-left: 0px solid #F4F4F4; 
    border-bottom: 1px solid #E3E3E3; /*#f9ebd0;*/
}

.tabForm {
    border-right: 1px solid #E3E3E3; 
    border-top: 1px solid #F5F5F5; 
    border-left: 1px solid #F4F4F4; 
    border-bottom: 1px solid #E3E3E3;
}
.smalltextwhite {
	font-size : 8px;
	color : white; 
	text-align : center; 
} 

.smalltextblack {
	font-family: Verdana, Arial;
	font-size:9px;
	color:black; 
	text-align:center; 
} 

.list{
	color:#333;
	margin-bottom:7px; 
}







/* Farbe des oberen Teils: #f9ebd0; */

.tdProfileHead {
    font-weight: bolder;
    font-size: 11px;
    font-family: Verdana, Arial;
    color: #444;
    background-color:#d5d5d5; /* #dfdfe3; /* #f3e5ca; */
    text-align: left;
    
}
.tdProfileEntry {
	vertical-align:top;
    font-size: 11px;
    font-family: Verdana, Arial;
    background-color:#f9f9f9; /*#f9f3eb;*/
}
.tdProfileEntry_Accented {
	vertical-align:top;
    font-size: 11px;
    font-family: Verdana, Arial;
    background-color:#d5d5d5;
    text-align:center;
}
.tdProfilePaging {
    font-weight: normal;
    font-size: 11px;
    font-family: Verdana, Arial;
    vertical-align:middle;
    color: black;
    text-align: right;
    height:24px;
    background-color: #dddddd;
}
.JR_PROFILE_BUT {
    font-size:11px;
    color:#000;
    font-family:Verdana,Arial,"MS Sans Serif";
    font-weight:normal;
    /*background-color:#D3D3D0;*/ /*#d5d5d6;*/
    /*width:82px;*/
    cursor:pointer;
}

img.normal {
	border: 1px solid white; padding: 0px;
}
img.hover {
	border: 1px solid #333; padding: 0px;
} 



.profileMottoDivBox {
	background-color:#fff;
	    
    font-weight: normal;
    font-size: 11px;
    font-family: Verdana, Arial;
    overflow:auto; 
    overflow-x:hidden;
 }
 



.chatDivBox {
	background-color:#fff;
	border-style:solid;
	border-right: 1px solid #bbb; 
    border-top: 1px solid #ddd; 
    border-left: 1px solid #ddd; 
    border-bottom: 1px solid #bbb;
    
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, Arial;
    overflow:auto; 
    overflow-x:hidden;
 }

.chatInputBox {
	background-color:#fff;
	border-style:solid;
	border-right: 1px solid #bbb; 
    border-top: 1px solid #ddd; 
    border-left: 1px solid #ddd; 
    border-bottom: 1px solid #bbb;
    
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, Arial;
    
    resize: none; /* in modernen browsern sind text-areas resizeable */
}






/* für die HTML-Conversation */
.chatSpan1 {
	font-weight: bolder;
    font-size: 11px;
    font-family: Arial, Verdana;
}
.chatSpan2 {
	font-weight: normal;
    font-size: 12px;
    font-family: Arial, Verdana;
}
.chatPar 
{
	margin-top:0px;
	margin-bottom:4px;
}




TD.tdRahmen {
    FONT-SIZE: 11px;
    BACKGROUND-COLOR: #FEFEFE;
    BORDER-RIGHT: #f1f1f1 0px solid; 
    BORDER-TOP: #e9e9e9 0px solid; 
    BORDER-LEFT: #f6f6f6 0px solid; 
    BORDER-BOTTOM: #e9e9e9 1px solid;
}

div.arrowimg 
{
	float:left; 
	width:23px; 
	height:14px;
	margin: 5px 0px 0px 12px;
	/*background:url(../images/mails/pfeil_hoch_links.gif) no-repeat; */
	background:url(../images/mails/pfeil_hoch_rechts.gif) no-repeat;
	display:inline;
}
div.arrowimg_right 
{
	float:left; 
	width:23px; 
	height:14px;
	margin: 5px 0px 0px 12px;
	/*background:url(../images/mails/pfeil_hoch_links.gif) no-repeat; */
	background:url(../images/mails/pfeil_rechts.gif) no-repeat;
	display:inline;
}


.divPartHead
{
    font-weight: bolder;
    font-size: 11px;
    font-family: Verdana, Arial;
    color: white;
    /*background-color: #99aebb; 
    background-color: #7d9bb6; 
    background-color: #7d98ac;*/ 
    
    background-color: #5a5a5a; /* #5f738f;  #7a90a9;*/ /* #7089a0 */
    
    text-align: left;
    height:26px;
    /*background-image: url(../images/box_header_bg.jpg);*/
    /*border-top: 1px solid white;  REZ: wichtig, sonst funkt der margin-top des kindes nicht BRAUCHT aber nur der firefox 
									=> neuer fix nun position:absolute; im divPartHeadContent */ 
}
.divPartHeadContent
{
	position:absolute;  /* SEHR wichtig, da sonst im Firefox das umschliessende div nach unten gedrückt wird */
    margin-top:5px;
    margin-left:3px;
    white-space:nowrap;
}

.divProfileHead
{
    font-weight: bolder;
    font-size: 11px;
    font-family: Verdana, Arial;
    color: #444;
    background-color: #d5d5d5; /* #dae5e9;*/
    text-align: left;
    height:22px;
    /*width:637px;*/
}
.divProfileHeadContent1
{
	position:absolute;  /* SEHR wichtig, da sonst im Firefox das umschliessende div nach unten gedrückt wird */
    margin-top:3px;
    margin-left:3px;
}
.divProfileHeadContent2
{
	position:absolute;  /* SEHR wichtig, da sonst im Firefox das umschliessende div nach unten gedrückt wird */
    margin-top:4px;
    margin-left:25px;
}
.divProfileHeadContent3
{
	margin-top:4px;
    margin-right:4px;
    float:right;
    text-align:right;
    font-weight: normal;
}






/* ein test

#navbar {
    background-image:url(../images/bar1.jpg);
    height: 23px;
    font-size:10px;
}
#navbar a {
    float: left;
    background: transparent;
    padding: 5px 9px 5px;
    color: #eee;
    font-weight: bold;
    text-decoration: none;
    border-right: 1px solid silver; 
}
#navbar a:hover {
    background-image:url(../images/bar2.jpg);
    border-right: 1px solid silver; 
    color: #666;
}
#navbar a:active {
	background-image:url(../images/bar2.jpg);
    border-right: 1px solid silver; 
    color: #666;
}
*/


.divReadableText 
{
	padding:8px;
	font-size:12px;
	line-height:16px;
}


.button_Chat_Betreten {
	background: url(../images/buttons/Chat_betreten.gif) no-repeat left;
	width:107px;
	height:22px;
	border:0;
	cursor:pointer;
}
.button_Chat_Verlassen {
	background: url(../images/buttons/Chat_verlassen.gif) no-repeat left;
	width:115px;
	height:22px;
	border:0;
	cursor:pointer;
}
.button_NachrichtAbsenden {
	background: url(../images/buttons/mails/NachrichtAbsenden.gif) no-repeat left;
	width:147px;
	height:22px;
	border:0;
	cursor:pointer;
}

.button_Abbrechen {
	background: url(../images/buttons/mails/Abbrechen.gif) no-repeat left;
	width:101px;
	height:22px;
	border:0;
	cursor:pointer;
}

.button_NickSearch {
	background: url(../images/buttons/Finden.png) no-repeat left;
	width:59px;
	height:22px;
	border:0;
	cursor:pointer;
}





#header_menu {	
	border-left: 4px solid transparent; background-color:transparent; height:33px; 
	border-top: 0px solid #999; margin-left: auto; margin-right: auto; font-size: 13px; font-weight:bold; 
}
#header_menu ul { 
	list-style: none; margin: 0; padding: 0; border: none;
}
#header_menu li { 
	display: block;	margin-top: 10px; padding: 0; float: left; width: auto;
}
#header_menu a { 
	color: #eee; display: block; width: auto; text-decoration: none; outline: none; background: transparent; /*white*/
  	margin: 0; padding-top: 5px; padding-bottom: 6px; text-align: center;	width: 100px; 
  	border-right: 1px solid #444;
}
#header_menu a:hover { 
	background: #f8f8f8; color: #444;height: 21px;  /* #FFCC99 */
}
li#aktuell a, li#aktuell a:hover { 
	color: #de5a5a; background: #f8f8f8; height: 31px; /*17*/
	border-right: 1px solid #666; /* transparent */
}