/*
Joonity orange:#F75521;

20.04.09

http://i.joonity.de/
*/

body{
	background-color:#fff;
	margin:0;
	padding:0;
	font-size:11px;
	color:#444;
	font-family:verdana,arial,helvetica,sans-serif;}


/* Style V.2 */
#n,#banner,#jL {
	position:absolute;
}

.j {
	width:980px;
	margin:0px auto;
	background:#fff;
	text-align:left;
}

#c,#info,#WideSkyscraper {
	margin-top:141px;
	margin-bottom:80px;

}

#c {
	width:620px;
	float:left;
	margin-right:10px;
}

#info {
	width:180px;
	float:left;
	margin-right:10px;
}

#n {
	top:80px;
	height:50px;
	border-top:1px solid #ccc;
	padding-top:1px;
}

#jL{
	clear:both;
	top:10px;
	background:url(//i.joonity.de/img/button/joonity0904212.gif);
	display:block;
	width:120px;
	height:66px;
	z-index:999;
}

#banner {
	width:468px;
	height:60px;
	top:10px;
	margin-left:342px;
}
#WideSkyscraper {
	width:160px;
	height:600px;
	float:right;
}

#f {
	clear:both;
	width:810px;
	border-top:1px solid #ccc;
	padding-top:2px;
	margin-bottom:20px;
	color:#ccc;
}
/* Style V.2 */


/*absolute Angaben*/
#content{
	position:absolute;
	width:760px;
	z-index:1;
	left:10px;
	top:135px;
	padding-top:10px;}



#jlogo{position:absolute;left:10px;top:10px;background:url(//i.joonity.de/img/button/joonity0904212.gif);display:block;width:120px;height:66px;}


hr{
	border:0;
	border-bottom:1px dotted #ddd;
	padding:0;
	margin:0;
	margin-bottom:10px;
	line-height:0px;
	height:0;
}

* html hr,*+html hr{/*Nur IE,alle Versionen*/
	margin:-7px 0;
}


/*Links als Text darzustellen*/
.none,.none:link,.none:visited{
	color:#444;
	text-decoration:none;
}
.none:hover{
	color:#f60;
	text-decoration:none;
}
.none:active{
	color:#00f;
	text-decoration:none;
}


.pointer{
	cursor:pointer;
}
.underline{
	text-decoration:underline;
}

code{/*Noch nicht CSS 2 geprüft*/
	display:block;
	margin:5px;
	padding:5px;
	background-color:#ffd;
	border:1px dotted #ddd;
}


cite.q{/*Noch nicht CSS 2 geprüft*/
	display:block;
	margin-left:10px;
	margin-top:10px;
}


q.q{/*Noch nicht CSS 2 geprüft*/
	color:#999;
	font-style:italic;
	display:block;
	margin:3px;
	margin-top:1px;
	padding:2px;
	border:1px dotted #ddd;
}

h1,h2,h3,h4{
	font-weight:normal;
	margin:0 0 10px 0;
	color:#444;
}
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4{font-size:12px;}

/*Die Schriftgröße und Abstände in den Tags definieren*/
table,td,b,p,form{
	margin:0;
	padding:0;
	font-size:11px;
}

b{color:#444;}

p, .p{ margin-bottom:10px;}


img{ border:0; }

thead{ font-weight:bold;}

/*Formular*/
input,select,textarea{
	border:1px solid #567E8C;
	font-size:11px;
	color:#444;
	background-color:#fff;
	font-family:arial,helvetica,sans-serif; /*schmalere Schrift in Formularen*/
}

.radio{ border:0; }
.checkbox{ border:0; }
.finput{ border:1px solid #f00; background-color:#FFdddd; }
.fselect{ background-color:#FFdddd; }

/*Klasse submit für Formulare*/
input.submit{
	color:#567E8C;
	/*
	IE8
	padding:1px 15px;
	*/
	/*
	Ausschalten
	padding:0;
	*/
	border:1px solid #527D8C;
	background-color:#fff;
	line-height:14px;
	font-family:verdana,arial,helvetica,sans-serif;
}

/*Klasse submit für Links*/
a.submit:link,a.submit:visited,a.submit:hover,a.submit:active{
	padding:1px 15px;
	line-height:20px; /*obere und untere Border*/
}

/*Klasse submit für Formulare und Links*/
.submit:link{color:#567E8C;text-decoration:none;}
.submit:visited{color:#567E8C;text-decoration:none;}
.submit:hover{color:#567E8C;text-decoration:underline;}
.submit:active{color:#567E8C;text-decoration:underline;}


/**
 * Alle CSS Bilder laden
 *background-position:0px -132px;
 */
.ueberblick h1,
.blick h1,
.submit,
.block h1,
.navi_strich_klein,
.navi_strich_hoch,
ul#navi1,
#navi1 a:hover,
#navi1 .href_aktiv:link,
#navi1 .href_aktiv:visited,
#navi1 .href_aktiv:hover,
#navi1 .href_aktiv:active,

ul#n1,
#n1 a:hover,
#n1 .href_aktiv:link,
#n1 .href_aktiv:visited,
#n1 .href_aktiv:hover,
#n1 .href_aktiv:active {
	background:url(//i.joonity.de/img/css/icon_css_sprites.gif);
}

/*gemeinsame Eigenschaften von form submit und Link submit*/
.submit{
	/*background:url(//i.joonity.de/img/css/background-box-hell-h1.gif);*/
	background-position:0px -132px;
	background-color:#567E8C;
	cursor:pointer;
	border:1px solid #567E8C;
}

/*Farbe für Fehlermeldungen,meistens im Kopf vom Formular verwendet.*/
.fehler_farbe{
	/*background:url(//i.joonity.de/img/css/fehler.gif) no-repeat;*/
	/*padding-left:20px;*/
	padding-bottom:5px;
	color:#FF0000;
}

/*Fehler definieren*/
.fehler{
	font-size:11px;
	color:#F00;
	padding:0 0 5px 20px;
	margin:5px 0 10px 0px;
}

/*Farbe für richtige Aktionen*/
.richtig{ color:#008040; }




/*Text Farbe*/
/*(War zuerst eine andere Farbe,kann jetzt überall entfernt werden.)*/
/*Martin 08.08.06*/
.color				{ color:#444; }
.href_color:link	{ color:#444; text-decoration:underline; }
.href_color:visited	{ color:#444; text-decoration:underline; }
.href_color:hover	{ color:#F75521; text-decoration:none; }
.href_color:active	{ color:#444; text-decoration:none; }

.href_h4:link		{ color:#444; font-size:12px; text-decoration:none; }
.href_h4:visited	{ color:#444; font-size:12px; text-decoration:none; }
.href_h4:hover		{ color:#F75521; font-size:12px; text-decoration:none; }
.href_h4:active		{ color:#444; font-size:12px; text-decoration:none; }

/*Farbe grau #A2A2A2*/

.grau				{ color:#C0C0C0; }
.href_grau:link		{ color:#C0C0C0; text-decoration:none; }
.href_grau:visited	{ color:#C0C0C0; text-decoration:none; }
.href_grau:hover	{ color:#F75521; text-decoration:none; }
.href_grau:active	{ color:#C0C0C0; text-decoration:none; }

/*Farbe blau #567E8C*/

.blau				{ color:#567E8C; }
.href_blau:link		{ color:#567E8C; text-decoration:underline; }
.href_blau:visited	{ color:#567E8C; text-decoration:underline; }
.href_blau:hover	{ color:#F75521; text-decoration:none; }
.href_blau:active	{ color:#567E8C; text-decoration:none; }


.onlineListe{height:14px;margin-bottom:2px;width:110px;overflow:hidden;display:block;}

/*Strich*/
/*(Wird jetzt durch den hr Tag überall ersetzt)*/
/*Martin 08.08.06*/
.strich{border-bottom:1px dotted #ddd;margin-top:5px;margin-bottom:10px;}

/*class H1*/
.h1{font-size:12px;font-weight:bold;color:#666666;text-indent:5px;background-color:#fff;}

/*Geschlechtsfarben 1=w | 2=m*/
/*User ist gelöscht*/
.del{ color:#999999; text-decoration:line-through; }
a.del:link,a.del:visited,a.del:active{color:#999999;text-decoration:line-through;}


/*Frau offline*/

/*.geschlecht_id_1_0{color:#FF99FF;}*/
/*Erstmal noch bisschen heller darstellen*/
.geschlecht_id_1_0{color:#FF6699;}
/*.geschlecht_id_1_0:link,.geschlecht_id_1_0:visited,.geschlecht_id_1_0:active{color:#FF99FF;text-decoration:none;}*/
.geschlecht_id_1_0:link,.geschlecht_id_1_0:visited,.geschlecht_id_1_0:active{color:#FF6699;text-decoration:none;}
.geschlecht_id_1_0:hover{text-decoration:underline;}

/*Frau online bb00bb*/

.geschlecht_id_1_1{color:#FF0099;}
.geschlecht_id_1_1:link,.geschlecht_id_1_1:visited,.geschlecht_id_1_1:active{color:#FF0099;text-decoration:none;}
.geschlecht_id_1_1:hover{text-decoration:underline;}


/*Mann offline*/

/*.geschlecht_id_2_0{color:#3399FF;}*/
.geschlecht_id_2_0{color:#3399FF;}
.geschlecht_id_2_0:link,.geschlecht_id_2_0:visited,.geschlecht_id_2_0:active{color:#3399FF;text-decoration:none;}
.geschlecht_id_2_0:hover{text-decoration:underline;}


/*Mann online 0000cc*/

.geschlecht_id_2_1{color:#3366FF;}
.geschlecht_id_2_1:link,.geschlecht_id_2_1:visited,.geschlecht_id_2_1:active{color:#3366FF;text-decoration:none;}
.geschlecht_id_2_1:hover{text-decoration:underline;}


/*User online | offline*/
/*Muß geprüft werden,ob es überhaupt noch gebraucht wird.*/
.online		{ color:#008040; }
.offline	{ color:#ccc; }



#content ul{
	padding-left:10px;
	margin:10px;
	list-style-image:url(//i.joonity.de/img/button/ul.jpg);
}
#c ul{
	padding-left:10px;
	margin:10px;
	list-style-image:url(//i.joonity.de/img/button/ul.jpg);
}


.ulListe li,.ulListe a{
	list-style-image:none;
	margin-bottom:3px;
	color:#F75521;
}
.ulListe a:link,.ulListe a:visited,.ulListe a:active{color:#F75521;text-decoration:none;}
.ulListe a:hover{text-decoration:underline;}

.ueberblick {
	border:1px solid #ccc;
	width:120px;
	margin-bottom:10px;
}
.blick {
	border:1px solid #ccc;
	width:178px;
	margin-bottom:10px;
}


.blick h1{
	/*background:url(//i.joonity.de/img/css/background-box-hell-h1.gif);*/
	background-position:0px -132px;
	margin:0px;
	padding:0px 5px;
	color:#999;
	line-height:20px;
	font-size:12px;
	font-weight:normal;
}

/* kann ab 17.06 weg */
.ueberblick h1{
	/*background:url(//i.joonity.de/img/css/background-box-hell-h1.gif);*/
	background-position:0px -132px;
	margin:0px;
	padding:0px 5px;
	color:#999;
	line-height:20px;
	font-size:12px;
	font-weight:normal;
}

/*Wenn es das linke Menu gibt*/
.center{position:absolute;left:140px;width:620px;}

.block{
	border:1px solid #ccc;
	margin-bottom:10px;
	background-color:#fff;
}
.block h1{
	/*background:url(://i.joonity.de/img/css/background-box-h1.gif) repeat-x;*/
	background-position:0px -112px;
	color:#fff;
	padding:0px 5px;
	margin:0px;
	line-height:20px;
	height:20px;
	font-size:12px;
	font-weight:normal;
	display:block;
}
#block_navi{
	background-color:#e8e8e8;
	padding:5px 5px 5px 5px;
	margin:0px;
	margin-bottom:20px;
}
#block_navi ul{
	padding:0px;
	margin:5px 0px 0px 0px;
}
#block_navi li{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}

#block_navi li a{
	color:#444;
	text-decoration:none;
	border:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	background-color:#e8e8e8;
	padding:4px; /*padding-top und padding-bottom gehen nicht im IE8 (display:block;)*/
	margin-right:5px;

	/*IE8
	display:block;
	float:left;
	*/
}


#block_navi li a:hover{
	color:#000;
	text-decoration:none;
	background-color:#f0f0f0;
	border:1px solid #555;
	border-bottom:1px solid #f0f0f0;
}

#block_navi #block_navi_checked{
	background-color:#fff;
	border:1px solid #555;
	border-bottom:1px solid #fff;
}







.padding{
	margin:5px 5px 20px 5px;
	color:#333;
}
.padding h1{
	font-size:13px;
	margin:0 0 10px 0;
	font-weight:bold;
	background-color:#fff;
	background-image:none;
	color:#666666;
}


/*Der globale Link*/
a			{ color:#444; text-decoration:underline; }
a:link		{ color:#444; text-decoration:underline; }
a:visited	{ color:#444; text-decoration:underline; }
a:hover		{ color:#F75521; text-decoration:none; }
a:active	{ color:#444; text-decoration:none; }



/*Navi oben*/
/*
#navi_strich{
	position:absolute;
	top:79px;
	left:10px;
	background:url(//i.joonity.de/img/css/navi_strich.png);
	width:760px;
	height:1px;
}
*/
#navi_strich{
	position:absolute;
	top:79px;
	left:10px;
	background:#ccc;
	width:760px;
	height:1px;
}

/*
.navi_strich_klein{
	background:url(http://i.joonity.de/img/css/navi_strich_klein.gif);
	width:2px;
	height:28px;
}
.navi_strich_hoch{
	background:url(http://i.joonity.de/img/css/navi_strich_hoch.gif);
	width:2px;
	height:28px;
}
*/
.navi_strich_klein{
	/*background:url(http://i.joonity.de/img/css/navi_strich_klein.gif);*/
	background-position:0px -84px;
	width:2px;
	height:28px;
}
.navi_strich_hoch{
	/*background:url(http://i.joonity.de/img/css/navi_strich_hoch.gif);*/
	background-position:0px -56px;
	width:2px;
	height:28px;
}


/* navi1 & navi2 */
ul#navi1{
	position:absolute;
	/*background-image:url(http://i.joonity.de/img/css/background-top-activ.gif);*/
	background-position:0 0;
	background-repeat:repeat-x;
	background-color:#fff;
	top:81px;
	height:28px;
	left:10px;
	width:760px;
	margin:0;
	padding:0;
}


ul#navi1 li{float:left;height:100%;list-style:none;}
#navi1 a:link,#navi1 a:visited{
	height:100%;
	display:block;
	color:#fff;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	line-height:28px;
	padding:0px 10px;
	font-family:georgia,verdana,arial,helvetica,sans-serif;
	float:left;
}

#navi1 a:hover,
#navi1 .href_aktiv:link,
#navi1 .href_aktiv:visited,
#navi1 .href_aktiv:hover,
#navi1 .href_aktiv:active{
	/*background:url(http://i.joonity.de/img/css/background-top-passiv.gif);*/
	background-position:0 -28px;
	color:#567E8C;
}

#navi1 .href_aktiv:link,
#navi1 .href_aktiv:visited,
#navi1 .href_aktiv:hover,
#navi1 .href_aktiv:active{border-bottom:2px solid #e8e8e8;}

ul#navi2{
	position:absolute;
	background-color:#e8e8e8;
	height:20px;
	top:110px;
	left:10px;
	width:760px;
	margin:0;
	padding:0;
}
ul#navi2 li{
	float:left;
	height:100%;
	list-style:none;
}
ul#navi2 a{
	height:100%;
	display:block;
	color:#567E8C;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	line-height:20px;
	padding:0px 10px;
	text-decoration:underline;
	float:left;
}
ul#navi2 a:hover{text-decoration:none;}
ul#navi2 .href_aktiv{color:#666666;text-decoration:none;}

/* navi1 & navi2 */

/* n1 & n2 */
ul#n1{

	/*background-image:url(http://i.joonity.de/img/css/background-top-activ.gif);*/
	background-position:0 0;
	background-repeat:repeat-x;
	background-color:#fff;
	height:28px;
	width:810px;
	margin:0;
	margin-bottom:1px;
	padding:0;
}


ul#n1 li{float:left;height:100%;list-style:none;}
#n1 a:link,#n1 a:visited{
	height:100%;
	display:block;
	color:#fff;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	line-height:28px;
	padding:0px 10px;
	font-family:georgia,verdana,arial,helvetica,sans-serif;
	float:left;
}

#n1 a:hover,
#n1 .href_aktiv:link,
#n1 .href_aktiv:visited,
#n1 .href_aktiv:hover,
#n1 .href_aktiv:active{
	/*background:url(http://i.joonity.de/img/css/background-top-passiv.gif);*/
	background-position:0 -28px;
	color:#567E8C;
}

#n1 .href_aktiv:link,
#n1 .href_aktiv:visited,
#n1 .href_aktiv:hover,
#n1 .href_aktiv:active{border-bottom:2px solid #e8e8e8;}

ul#n2{
	background-color:#e8e8e8;
	height:20px;
	width:810px;
	margin:0;
	padding:0;
}
ul#n2 li{
	float:left;
	height:100%;
	list-style:none;
}
ul#n2 a{
	height:100%;
	display:block;
	color:#567E8C;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	line-height:20px;
	padding:0px 10px;
	text-decoration:underline;
	float:left;
}
ul#n2 a:hover{text-decoration:none;}
ul#n2 .href_aktiv{color:#666666;text-decoration:none;}

/* n1 & n2 */





/*IE 5.5 IE 6 IE7 IE 8 FF*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;line-height:0;}

#affili{margin-bottom:10px;color:#c0c0c0;}
#affili a{text-decoration:none;color:#c0c0c0;}
#affili a:hover{color:#F75521;}

/*Profilansicht*/
.class_block_td{width:40%;vertical-align:top;text-indent:5px;}
.class_block_breit_td{padding-left:5px;padding-bottom:5px;}
.profil_freunde{float:left;width:100px;height:78px;margin-right:10px;text-align:center;overflow:hidden;margin-bottom:10px;}

.mr0{margin-right:0px}
.mb5{margin-bottom:5px}
.mr14{margin-right:14px}
.td{margin-right:14px}
.dn{display:none}
.db{display:block}
.dpB{display:block}
.ofH{overflow:hidden}
.tdN,a.tdN{text-decoration:none}


/*class html*/
.wk{height:14px;margin-bottom:2px;width:110px;overflow:hidden;display:block;}
/*class textarea*/
.ubb_select{line-height:16px;padding:0 2px;margin-right:2px;cursor:pointer;}
.mysmileys{padding:0 4px;margin-right:1px;background-repeat:no-repeat;background-position:center;background-color:#fff;width:21px;height:21px;border:0;cursor:pointer;}
/*class zeile*/
.getZeileM{width:100%;height:64px;margin-bottom:10px;}
.getZeile{width:100%;margin-bottom:10px;}
.getZMB{float:left;width:48px;height:64px;margin-right:10px;}
.getZMBa{width:100%;height:100%;display:block;}
.getZS{line-height:0px;margin-left:58px;margin-bottom:5px;}
/*class Profil*/
.profilActionW {width:204px;text-align:center;}
.profilActionC {width:202px;text-align:left;}

/*.profilActionB {width:40px;background:url(../img/icon/icon_profil_bg.png) top no-repeat;}*/
.profilActionB {width:40px;}

.profilIconBg {background:url(//i.joonity.de/img/icon/icon_profil_aktion.gif) no-repeat;}
.profilIconBgPos {background-position:0px -160px;}

.profilActionB a {color:#444;font-size:9px;font-family:Arial;display:block;text-decoration:none;text-align:center;}
.profilActionB a:hover {color:#F75521;}
.profilActionBpassiv a {color:#C0C0C0;}
.profilActionBpassiv a:hover {color:#C0C0C0;}
.profilActionB a span {display:block;height:40px;width:40px;margin-bottom:5px;}

/*@TODO*/
/*
.iconMessage{background:url(http://i.joonity.de/img/icon/icon_message.gif);}
.iconPin{background:url(http://i.joonity.de/img/icon/icon_pin.gif);}
.iconFriend{background:url(http://i.joonity.de/img/icon/icon_add_friend.gif);}
.iconVote{background:url(http://i.joonity.de/img/icon/icon_rose.gif);}
*/
.iconMessage{background-position:0 -40px}
.iconPin{background-position:0 -80px}
.iconFriend{background-position:0 -120px}
.iconVote{background-position:0 0}


.profilAction_1:hover{opacity:0.8; filter:alpha(opacity=80);cursor:pointer;}
.profilAction_0{opacity:0.3; filter:alpha(opacity=25);} /*passiv*/
.profilActionN{line-height:14px;padding:2px;border:1px solid #ccc; clear:left;cursor:pointer;}
.profilActionN div {font-size:11px;font-family:arial;color:#C0C0C0;}

/*Galerie*/
.galerie_box {
	width:120px;
	height:143px;
	margin:0 10px 10px 0;
	padding:10px;
	border:1px solid #eee;
}
.galerie_box:hover {
	border:1px solid #ccc;
}
.galerie_box_headline {
	height:28px;
	overflow:hidden;
	text-decoration:none;
}
a.href_galerie_box {
	width:100px;
	height:130px;
	text-decoration:none;
	overflow:hidden;
}

.galerie_box_info {
	height:25px;
	font-size:10px;
}
/*Galerie*/