/* Singletreffen Stil */
/* CSS Datingnetzwerk Hauptseite */

/* ################################# */

/* Allgemeine Struktur */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	background-color: #e4e4e4;
	margin: 0;
	padding: 0;
        /* overflow-y: scroll; */
}

#page {
	width: 900px;
	margin: 0 auto;
	background-color: #fff;
	border: 5px solid #fff;
	position: static;
	z-index: 50;
}

#header {
	height: 60px;
	padding: 10px;
}

#logo {
	width: 300px;
	height: 60px;
	background-image: url(/media/img/logo.gif);
	background-repeat: no-repeat;
	float: left;
}

#logo .logo_text {
	font-size: 23px;
	letter-spacing: -1px;
	color: #666;
	font-weight: bold;
	padding: 10px 5px;
}

#header_right {
	width: 580px;
	float: left;
	text-align: right;
}

#header_links {
	color: #bdbdbd;
	font-size: 10px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#header_links a {
	color: #bdbdbd;
}

#header_login {
	font-size: 12px;
	text-align: right;
}

#header_login .login_field {
	width: 130px;
	border: 1px solid #ddd;
	font-size: 12px;
	background-image: url(/media/img/header_login.gif);
	background-repeat: repeat-x;
	padding: 2px;
	margin-right: 10px;
	vertical-align: top;
}

#header_login .login_field:focus {
	color: #ff9900;
	background-image: url(/media/img/header_login_hover.gif);
}

#header_login .login_submit {
	width: 30px;
	height: 20px;
	border: none;
	background-image: url(/media/img/header_login_submit.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	font-size: 0px;
	vertical-align: top;
}

#header_login .login_submit:hover {
	background-image: url(/media/img/header_login_submit_hover.gif);
	cursor: pointer;
}

#header_login .header_login_info {
	margin-top: 5px;
	font-size: 9px;
	text-transform: uppercase;
}

#header_login .header_login_info a {
	color: #555;
	margin-left: 10px;
}

#footer {
	text-align: center;
	padding: 10px;
	background-color: #ccc;
	clear: both;
	font-size: 11px;
	margin-top: 10px;
}


/* Spalten Erzeugung */

/* ################################# */

#content_1 {
	padding: 12px 20px;
	clear: both;
}

/* ################################# */

#content_2 {
	padding: 20px;
	clear: both;
}

#content_2_left {
	width: 660px;
	float: left;
	margin-right: 20px;
}

#content_2_right {
	width: 180px;
	float: left;
}

/* ################################# */

#content_3 {
	padding: 20px;
	clear: both;
}

#content_3_left {
	width: 180px;
	float: left;
	margin-right: 20px;
}

#content_3_middle {
	width: 460px;
	float: left;
	margin-right: 20px;
}

#content_3_right {
	width: 180px;
	float: left;
}

/* ################################# */

.content_box {
	padding: 10px;
	border: 1px solid #ccc;
	background-image: url(/media/img/content_box.gif);
	background-repeat: repeat-x;
}

.anmeldung_box {
	width: 640px; /* 680 */
	height: 260px; /* 300 */
	margin: 0 auto;
	background-image: url(/media/img/anmeldung_box.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 20px;
}


/* ################################# */

/* Navigation */

#navi {
background-image: url(/media/img/navi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 890px;
	height: 60px;
	margin: 0px 5px;
	text-align:left;
}

#navi ul {
	margin: 0px;
	width: 860px;
	height: 20px;
	list-style-type: none;
	clear: both;
}

#navi ul#navi_main {
	padding: 10px 20px 0px;
}

#navi ul#navi_user {
	padding: 0px 20px 10px;
	margin-top: 5px;
}

#navi ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
	height: 20px;
}

#navi ul#navi_main li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-right: 30px;
	display: block;
}

#navi ul#navi_main li a:hover {
	text-decoration: underline;
}

#navi ul#navi_user li a {
	color: #666;
	font-weight: normal;
	width: 170px; /* 205 */
	text-decoration: none;
	padding-right: 5px;
	padding-left: 30px;
	display: block;
	text-align: left;
}

#navi ul#navi_user li ol {
	list-style-type: none;
	width: 200px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	margin: 4px 0px 0px;
	padding: 0px;
	display: none;
	position: absolute;
	z-index: 100;
}

#navi ul#navi_user li:hover ol {
	display: block;
}

#navi ul#navi_user li:hover a {
	font-weight: bold;
}

#navi ul#navi_user li:hover ol a {
	font-weight: normal;
}

#navi ul#navi_user li ol li {
	float: none;
	display: block;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#navi ul#navi_user li ol li a {
	display: block;
	text-decoration: none;
	padding: 3px 5px;
	width: 190px;
	background-color: #e6e6e6;
	border-bottom: 1px solid #fff;
	text-align: left;
}

#navi ul#navi_user li ol li a:hover {
	font-weight: bold;
	background-color: #cccccc;
	text-decoration: none;
}

#navi .new_message {
	background-image: url(/media/img/new_message_icon.gif);
	background-repeat: no-repeat;
	background-position: 180px;
}

#footernavi {
	width: 500px;
	text-align: center;
	height: 16px;
	margin: 0 auto;
}

#footernavi a {
	padding: 0px 15px;
	border-right: 1px solid #fff;
	height: 16px;
	color: #333;
	text-decoration: none;
}

#footernavi a.last {
	border-right: 0;
}

#footernavi a:hover {
	text-decoration: underline;
}


/* ################################# */

/* Buttons (profil, suche, sonstige) */

.button {
	font-weight: bold;
	padding: 2px 8px;
	display: block;
	text-align: center;
}

.button_blank {
	border: none;
	background-color: transparent;
	font-size: 0px;
}

.narrow {
	font-size: 14px;
}

.wide {
	font-size: 13px;
}

.button_special {
	width: 150px; /* 150 */
	height: 40px; /* 40 */
	background-image: url(/media/img/button_special.gif);
	background-repeat: no-repeat;
	color: #666;
	text-align: center;
	font-weight: bold;
	padding: 7px;
	border: none;
	display: block;
}

.button_special:hover {
	background-image: url(/media/img/button_special_hover.gif);
	color: #fff;
	cursor: pointer;
}


.profil_contact {
	height: 35px;
	width: 130px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	text-decoration: none;
}

.profil_contact_sms {
	background-image: url(/media/img/profil_contact_sms.gif);
}

.profil_contact_sms:hover {
	background-image: url(/media/img/profil_contact_sms_hover.gif);
}

.profil_contact_message {
	background-image: url(/media/img/profil_contact_message.gif);
}

.profil_contact_message:hover {
	background-image: url(/media/img/profil_contact_message_hover.gif);
}

.profil_contact_chat {
	background-image: url(/media/img/profil_contact_chat.gif);
}

.profil_contact_chat:hover {
	background-image: url(/media/img/profil_contact_chat_hover.gif);
}


.profil_onlinestatus {
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	margin-left: 380px;
	margin-top: 10px;
	position: absolute;
}

.profil_onlinestatus_online {
	background-image: url(/media/img/profil_onlinestatus_online.png);
}

.profil_onlinestatus_offline {
	background-image: url(/media/img/profil_onlinestatus_offline.png);
}


.profil_button_list {
	width: 260px;
	height: 25px;
	margin: 10px auto;
}

.profil_button {
	width: 45px;
	height: 25px;
	background-repeat: no-repeat;
	margin-right: 20px;
	float: left;
	display: block;
}

.profil_button:hover .hidden {
	display: block;
	position: relative;
	margin-top: 30px;
	width: 100px;
}

.profil_button_favoriten {
	background-image: url(/media/img/profil_button_favoriten.gif);
}

.profil_button_blacklist {
	background-image: url(/media/img/profil_button_blacklist.gif);
}

.profil_button_melden {
	background-image: url(/media/img/profil_button_melden.gif);
}

.profil_button_gruss {
	background-image: url(/media/img/profil_button_gruss.gif);
}

.profil_button_geburtstag {
	background-image: url(/media/img/profil_button_geburtstag.gif);
}


.suche_button_list {
	width: 260px;
	height: 25px;
	margin: 3px auto;
}

.suche_button {
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	margin-right: 1px;
	float: left;
	display: block;
}

.suche_button:hover .hidden {
	display: block;
	position: relative;
	margin-top: 30px;
	width: 100px;
}

.suche_button_sms {
	background-image: url(/media/img/suche_button_sms.png);
}

.suche_button_message {
	background-image: url(/media/img/suche_button_message.png);
}

.suche_button_chat {
	background-image: url(/media/img/suche_button_chat.png);
}

.suche_button_favoriten {
	background-image: url(/media/img/suche_button_favoriten.png);
}

.suche_button_blacklist {
	background-image: url(/media/img/suche_button_blacklist.png);
}

.suche_button_melden {
	background-image: url(/media/img/suche_button_melden.png);
}

.suche_button_gruss {
	background-image: url(/media/img/suche_button_gruss.png);
}

.suche_button_geburtstag {
	background-image: url(/media/img/suche_button_geburtstag.png);
}


.button_anmeldung {
	width: 180px;
	height: 50px;
	background-image: url(button_anmeldung.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 10px 0px;
}

.button_premium {
	width: 180px;
	height: 50px;
	background-image: url(/media/img/button_premium.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 10px 0px;
}

.button_premium_profil {
	width: 390px;
	height: 35px;
	background-image: url(/media/img/button_premium_profil.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 5px 0px;
}

.button_premium_profil:hover {
	background-image: url(/media/img/button_premium_profil_hover.gif);
}

.button_messsage {
	width: 500px;
	height: 50px;
	background-repeat: no-repeat;
	background-color: #fff;
	border: none;
	display: block;
	margin: 5px auto;
}

.button_messsage:hover {
	cursor: pointer;
}

.button_messsage_answer {
	background-image: url(/media/img/button_message_answer.gif);
}
.button_messsage_answer:hover {
	background-image: url(/media/img/button_message_answer_hover.gif);
}

.button_messsage_send {
	background-image: url(/media/img/button_message_send.gif);
}
.button_messsage_send:hover {
	background-image: url(/media/img/button_message_send_hover.gif);
}


.button_galerie {
	width: 180px;
	height: 50px;
	background-repeat: no-repeat;
	display: block;
	margin: 10px 0px;
}

.button_galerie_male {
	background-image: url(/media/img/galerie_male.gif);
}

.button_galerie_female {
	background-image: url(/media/img/galerie_female.gif);
}


/* ################################# */

/* Headlines */

h2.headline {
	margin: 0px 0px 10px;
	font-size: 18px;
	color: #FF9900;
	font-weight: bold;
}

.headline_text {
	color: #666;
	margin-bottom: 25px;
}

h3.content {
	margin: 25px 0px 5px;
	font-size: 16px;
	color: #FF6600;
	font-weight: bold;
}


/* ################################# */

/* Flirtfaktor */

.flirtfaktor {
	width: 330px; /* 350 */
	height: 25px;  /* 55 */
	background-image: url(/media/img/flirtfaktor.gif);
	background-repeat: no-repeat;
	padding: 15px 10px;
	margin-left: -5px;
}

.flirtfaktor div {
	width: 27px;
	height: 23px;
	float: left;
	vertical-align: middle;
}

.flirtfaktor .flirtfaktor_full {
	background-image: url(/media/img/flirtfaktor_full.gif);
}

.flirtfaktor .flirtfaktor_blank {
	background-image: url(/media/img/flirtfaktor_blank.gif);
}

.flirtfaktor .flirtfaktor_half {
	background-image: url(/media/img/flirtfaktor_half.gif);
}

.flirtfaktor .flirtfaktor_prozent {
	float: left;
	color: #666;
	font-weight: bold;
	font-size: 18px;
	margin-left: 10px;
}


/* ################################# */

/* Fotogrößen (Rahmen etc) */

.foto_small {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.foto_big {
	padding: 5px;
	background-color: #fff;
	border: 2px solid #ddd;
}


/* ################################# */

/* Tabellen */

.table {
	border-collapse: collapse;
}

.table_100 {
	width: 100%;
}

.table_75 {
	width: 75%;
}

.table_50 {
	width: 50%;
}

.table_s td {
	padding: 3px;
}

.table_m td {
	padding: 5px;
}

.table_l td {
	padding: 10px;
}

.table_center {
	margin: 0 auto;
}

.table_border td {
	border: 1px solid #eee;
}

.td_head {
	background-color: #f3f3f3;
	font-weight: bold;
	padding: 10px!important;
}

.td_content, .td-content {
	background-color: #FF9900;
	color: #fff;
}

.td_content a:hover, .td-content a:hover {
	color: #fff;
}

.table_profil {
	border-collapse: collapse;
	margin-bottom: 10px;
}

.table_profil td {
	/*border: 1px solid #eee;*/
	vertical-align: top;
}

.table_profil td.item {
	font-weight: bold;
	width: 35%;
}

.td_1 {
	background-color: #fff;
}

.td_2 {
	background-color: #f9f9f9;
}

.table_box {
	border: 1px solid #eee;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 15px;
}

.table_box td {
	padding: 3px;
}

.list_foto {

}

.list_foto_row {
	margin-top: 15px;
}

.list_foto .entry {
	width: 191px;
	min-height: 210px;
	border: 1px solid #eee;
	float: left;
	margin-right: 15px;
	padding: 5px;
	background-image: url(/media/img/list_foto_entry.gif);
	background-repeat: repeat-x;
}

.list_foto .entry_last {
	margin-right: 0px!important;
}

.list_foto .entry .foto_rahmen {
	width: 183px;
	height: 150px;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	text-align: right;
	display: block;
	overflow: hidden;
	margin-bottom: 3px;
}

.list_foto .entry .foto {
	width: 183px;
	height: auto;
	z-index: 30;
}

.list_foto .entry .onlinestatus {
	width: 181px;
	height: 13px;
	text-align: right;
	position: absolute;
	padding: 5px;
	background-image: url(/media/img/list_foto_entry_onlinestatus.png);
	background-repeat: no-repeat;
	background-position: 130px 3px;
	z-index: 40;
}

.list_foto .entry .infos_text {
	padding: 8px 10px;
	background-image: url(/media/img/list_foto_entry_infos.gif);
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

.list_foto .entry .infos {
	padding: 3px 5px;
	background-image: url(/media/img/list_foto_entry_infos.gif);
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

.list_foto_contentbox .entry {
	margin-right: 7px;
}

.list_foto_contentbox .entry_last {
	margin-right: 0px!important;
}

.list_foto_contentbox .entry .ajax_loading {
	width: 16px!important;
	height: 16px!important;
	padding: 63px 83px;
	z-index: 30;
}


/* ################################# */

/* Profil Browse Navigation */

#profil_navi {
	height: 25px;
	margin-bottom: 15px;
}

.profil_navi_browse {
	float: left;
	width: auto;
	text-align: left;
}

.profil_navi_ad {
	position: absolute;
	margin-left: -190px;
	left: 50%;
	padding-top: 5px;
	width: 468px;
	height: 20px;
	text-align: center;
}

.profil_navi_back {
	float: right;
	width: 105px;
	text-align: right;
}

#profil_navi a {
	width: 105px;
	height: 25px;
	background-repeat: no-repeat;
	display: block;
}

#profil_navi a.profil_vorherige {
	background-image: url(/media/img/profil_navi_vorherige.gif);
	float: left;
}

#profil_navi a.profil_naechste {
	background-image: url(/media/img/profil_navi_naechste.gif);
	float: left;
}

#profil_navi a.profil_zurueck {
	background-image: url(profil_navi_zurueck.gif);
	float: right;
}


/* ################################# */

/* Profilansicht */

.profil_left {
	float: left;
	margin-right: 15px;
	width: 404px;
}

.profil_right {
	float: right;
	margin-left: 15px;
	width: 404px;
}

.profil_randomsingles_list {
	text-align: center;
}

.profil_randomsingles_list img {
	width: 80px;
	height: 80px;
	margin-right: 5px;
}


/* ################################# */

/* Tooltips */

.tooltip_text {
	text-align: left;
	position: absolute;
	width: 250px;
	float: left;
	height: auto;
	background-color: #fff;
	border: 1px solid #dddddd;
	padding: 3px;
	display: none;
	z-index: 150;
}

.tooltip_foto {
	text-align: center;
	position: absolute;
	width: 250px;
	float: left;
	height: auto;
	background-color: #fff;
	border: 1px solid #dddddd;
	padding: 3px;
	display: none;
	margin-top: -125px;
	z-index: 150;
}

.help_box {
	position: absolute;
	margin-left: inherit;
	width: 180px;
	height: auto;
	display: none;
	border: 3px solid #fff;
	margin-top: -3px;
}

.help_text {
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 3px;
}


/* ################################# */

/* Formular Stile */

.text_field, .select_field {
	width: auto;
	border: 1px solid #ddd;
	padding: 2px;
}

.text_field:focus, .select_field:focus {
	background-color: #eee;
}

form {
	margin: 0;
	padding: 0;
}


/* ################################# */

/* Diverses */

.message {
	border: 2px solid #ddd;
	background-color: #eee;
	padding: 10px;
	margin: 25px auto;
	text-align: center;
}

.browse_ad {
	text-align: center;
	margin: -15px auto 5px;
	padding-top: 5px;
	width: 468px;
	height: 20px;
}

.highlight {
	color: #FF9900;
	font-weight: bold;
}

.imgalign_left {
	float: left;
	margin-right: 15px;
}

.imgalign_right {
	float: right;
	margin-left: 15px;
}

.hidden {
	display: none;
}

a {
	color: #333;
	text-decoration: underline;
}

a:hover {
	color: #ff9900;
	text-decoration: none;
}

a img {
	border: none;
}

.clear {
	clear: both;
}

.line {
	margin: 15px auto;
	border-bottom: 1px solid #ddd;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

#footer_poweredby {
	width: 100px;
	height: 30px;
	float: right;
	margin-top: -7px;
}


/* ################################# */

/* Profil Galerie */

.profil_galerie_1 {
	width: 404px;
	height: 392px;
	background-image: url(/media/img/galerie_1.gif);
	background-repeat: no-repeat;
}

.profil_galerie_2 {
	width: 404px;
	height: 464px;
	background-image: url(/media/img/galerie_2.gif);
	background-repeat: no-repeat;
}

.profil_galerie_container {
	position: relative;
	width: 372px;
	height: 357px;
	top: 16px;
	left: 16px;
}

.profilbildgallerie {
    cursor: pointer;
}
#profilbild {
	/*height: 277px;*/
	max-height: 277px;
	z-index: 90;
}

.profil_galerie_foto {
	width: 372px;
	height: 277px;
	overflow: hidden;
}

.profil_galerie_foto_align {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}

.profil_galerie_foto_align td {
	vertical-align: middle;
	text-align: center;
	padding: 0;
}

#profil_galerie_browse_left, #profil_galerie_browse_right {
	cursor: pointer;
	background-repeat: no-repeat;
	position: absolute;
	top: 110px;
	z-index: 100;
	width: 31px;
	height: 67px;
}

#profil_galerie_browse_left {
	background-image: url(/media/img/galerie_prev.png);
	left: -11px;
}

#profil_galerie_browse_right {
	background-image: url(/media/img/galerie_next.png);
	right: -11px;
}

.profil_galerie_list {
	padding: 5px 8px;
	margin: 15px 0px;
}

.profil_galerie_list a {
	width: 65px;
	height: 65px;
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #fff;
}

.profil_galerie_list a:hover, .profil_galerie_list a.current_foto {
	border: 1px solid #ff9900;
	cursor: pointer;
}

.profil_galerie_list a.last {
	margin-right: 0px;
}

.profil_galerie_list a img {
	width: 65px;
	height: 65px;
}


/* ################################# */

/* Messenger Layer */

#messenger_besucher_layer, #messenger_post_layer {
	display: none;
	z-index: 125;
}

.messenger {
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 195px;
	height: 150px;
	background-repeat: no-repeat;
}

.messenger_besucher {
	background-image: url(/media/img/messenger_layer_besucher.png);
}

.messenger_post {
	background-image: url(/media/img/messenger_layer_post.png);
}

.messenger .messenger_text {
	position: absolute;
	top: 55px;
	left: 15px;
	width: 95px;
	font-size: 11px;
}

.messenger .messenger_foto {
	position: absolute;
	top: 55px;
	right: 15px;
	width: 60px;
	height: 80px;
	overflow: hidden;
}

.messenger .messenger_foto img {
	width: 60px;
	height: auto;
}

.messenger .messenger_close {
	position: absolute;
	top: 10px;
	right: 15px;
	display: block;
	text-decoration: none;
}

/* ########################################### */
/* SEO */

h1 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline
}