body {
	font-family: Verdana, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
a {
	color:#FFFFFF;
	text-decoration:none;
}
.blacklink {
	color:#000000;
}
h2.boxTitle {
	color:#FFFFFF;
	font-weight:bold;
	margin:0;
	font-size:14px;
}
#allContainer {
	width:100%;
	height:100%;
}
#closeButton {
	margin-left:145px;
	margin-top:1px;
	cursor:pointer
}
#header {
	width:700px;
	height:100px;
}
#logo {
	background-image:url(../images/logo.jpg);
	width:341px;
	height:93px;
	float:left;
	cursor:pointer;
}
.lang_icon {
	float:left;
	width:16px;
	height:11px;
	margin-top:20px;
	margin-left:3px;
}
#languages {
	float:left;
	width:60px;
	margin-left:50px;
}
#newMessage {
	background-color:#FFFFFF;
	margin:2px 0 0 220px;
	position:absolute;
	z-index:39;
	width:150px;
	height:100px;
	border:3px solid #B11116;
}
.onlineRohling {
	background-image:url(../images/online_Rohling.gif);
	background-repeat:no-repeat;
	margin-top:4px;
	font-size:10px;
	height:18px;
	width:237px;
}
span.user_online {
	background-image:url(../images/userOnline_Aktiv.gif);
	background-repeat:no-repeat;
	display:block;
	font-size:10px;
	height:18px;
	color:#FFFFFF;
	white-space:nowrap;
	padding:4px;
}
.UserOnlineNumber {
	position:absolute;
	margin:-15px 0 0 10px;
	font-size:10px;
	color:#FFFFFF;
}
#loginBox {
	background-image:url(../images/loginBox.gif);
	background-repeat:no-repeat;
	width:212px;
	height:79px;
	padding:5px;
	float:right;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
}
#Navigation {
	width:700px;
	height:17px;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Verdana;
}
#men1:hover {
	background-image:url(../images/men1_hover.jpg);
}
#men2:hover {
	background-image:url(../images/men2_hover.jpg);
}
#men3:hover {
	background-image:url(../images/men3_hover.jpg);
}
#men4:hover {
	background-image:url(../images/men4_hover.jpg);
}
#men5:hover {
	background-image:url(../images/men5_hover.jpg);
}
#men6:hover {
	background-image:url(../images/men6_hover.jpg);
}
#men7:hover {
	background-image:url(../images/men7_hover.jpg);
}
#men1 a:hover, #men2 a:hover {
	color:#ffffff;
}
#men1 {
	background-image:url(../images/men1.jpg);
	width:69px;
	float:left;
}
#men2 {
	background-image:url(../images/men2.jpg);
	width:77px;
	float:left;
}
#men3 {
	background-image:url(../images/men3.jpg);
	width:92px;
	float:left;
}
#men4 {
	background-image:url(../images/men4.jpg);
	width:69px;
	float:left;
}
#men5 {
	background-image:url(../images/men5.jpg);
	width:94px;
	float:left;
}
#men6 {
	background-image:url(../images/men6.jpg);
	width:75px;
	float:left;
}
#men7 {
	background-image:url(../images/men7.jpg);
	width:222px;
	float:left;
}
#logmen1 {
	background-image:url(../images/men5.jpg);
	width:94px;
	float:left;
}
#logmen2 {
	background-image:url(../images/men2.jpg);
	width:77px;
	float:left;
}
#logmen3 {
	background-image:url(../images/men3.jpg);
	width:92px;
	float:left;
}
#logmen4 {
	background-image:url(../images/men5.jpg);
	width:94px;
	float:left;
}
#logmen5 {
	background-image:url(../images/men5.jpg);
	width:94px;
	float:left;
}
#logmen6 {
	background-image:url(../images/men6.jpg);
	width:75px;
	float:left;
}
#logmen7 {
	background-image:url(../images/men5.jpg);
	width:94px;
	float:left;
}
#logmen8 {
	background-image:url(../images/men6.jpg);
	width:75px;
	float:left;
}
#wrapper {
	width:700px;
}
#sucheBox {
	width:254px;
	height:300px;
	background-image:url(../images/sucheBox.gif);
	background-repeat:no-repeat;
	float:left;
	color:#ffffff;
	padding:10px;
	text-align:left;
	margin-top:10px;
}
#infoBox {
	width:407px;
	height:390px;
	float:right;
	margin-top:10px;
	cursor:pointer;
}
#onlineBox {
	width:254px;
	height:120px;
	background-image:url(../images/onlineBox.gif);
	background-repeat:no-repeat;
	float:left;
	margin-top:10px;
	text-align:left;
	padding:10px;
}
#werbung {
	width:698px;
	float:left;
	height:90px;
	border:1px solid #B11116;
	margin-top:5px;
}
.text {
	font-family: Verdana;
	font-size: 10px;
	color:#6E6E6E
}
.text_main {
	font-family: Verdana;
	font-size: 13px;
	color:#000000
}
.text_members {
	font-family: Verdana;
	font-size: 13px;
	color:#000000
}
.text_search {
	font-family: Verdana;
	font-size: 11px;
	font-weight:bold;
	color:#ffffff;
}
.tablehead {
	padding-left:9px;
	float:left;
	margin-bottom:2px;
}
.tablehead1 {
	padding-left:9px;
	float:left;
	width:85px;
	margin-bottom:2px;
}
.loginhead1 {
	padding-left:9px;
	float:left;
	width:70px;
	margin:2px;
}
#suchContent {
	width:250px;
	margin-top:30px;
	margin-left:10px;
}
input.input_blue {
	border:1px solid #000000;
}
.mainselect {
	width:73px;
	height:20px;
	font-family:Verdana;
	font-size:11px;
	border:1px solid #84888D;
	color:#424141;
}
.longselect {
	width:134px;
	height:20px;
	font-family:Verdana;
	font-size:11px;
	border:1px solid #84888D;
	color:#424141;
}
.shortselect {
	width:39px;
	height:20px;
	font-family:Verdana;
	font-size:11px;
	border:1px solid #84888D;
	color:#424141;
}
.link_footer {
	color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana;
}
.link_menu {
	color: #ffffff;
	font-size: 11px;
	font-family: Verdana;
	font-weight:bold
}
.link {
	color: #962A2A;
	font-size: 11px;
	font-family: Verdana;
}
.profile_opt_name {
	font-size: 11px;
	font-family: Verdana;
}
.profile_opt_value {
	color: #000000;
	font-size: 11px;
	font-family: Verdana;
}
select, input, textarea {
	color: #000000;
	font-size: 11px;
	font-family: Verdana;
}
.profile_save {
	font-size: 11px;
	font-family: Verdana;
	font-weight:bold;
	color:#FFFFFF;
}
.profile_save_value {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana;
}
.error_msg {
	color: #CC6666;
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
}
.error {
	margin-bottom:10px;
	padding:10px;
	border:3px solid #E23223;
	color:#E23223;
	font-weight:bold;
	background-color:#FFFFFF;
}
.success {
	margin-bottom:10px;
	padding:10px;
	border:3px solid #12B300;
	color:#12B300;
	font-weight:bold;
	background-color:#FFFFFF;
}
.search_butt {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
	text-decoration: none;
}
/*KAROUSELL*/

#letzteBox {
	display:block;
	width:159px;
	height:180px;
	float:right;
	margin-top:10px;
	color:#fff;
}
/*KAROUSELL*/

#carouselBox {
	display:block;
	width:496px;
	float:left;
	margin-top:10px;
	color:#fff;
}
.carousel-component .carousel-list li {
	margin:4px;
	width:104px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
                   img.border-left (1) + img.border-right (1)*/
	/*    margin-left: auto;*/ /* for testing IE auto issue */
	float:left;
	list-style:none;
	overflow:hidden;
}
.carousel-component .carousel-list li a {
	display:block;
	outline:none;
	-moz-outline:none;
}
.carousel-component .carousel-list li a:hover {
}
.carousel-component .carousel-list li img {
	display:block;
}
.carousel-component .carousel-list li strong {
	display:block;
}
#prev-arrow {
	position:absolute;
	top:36px;
	z-index:3;
	cursor:pointer;
	left:20px;
}
#next-arrow {
	position:absolute;
	top:36px;
	z-index:3;
	cursor:pointer;
	right:20px;
}
/**
 * Copyright (c) 2006-2007, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 *
 * Version 0.6.1 - 07.08.2007
 *
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component {
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */
	padding:10px;
	background-image:url(../images/topBack.gif);
	background-repeat:no-repeat;
	color:#fff;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	float:left;
}
.carousel-component ul.carousel-list {
	width:10000000px;
	position:relative;
	z-index:1;
}
/**
 * VERTICAL CAROUSEL DEFAULTS
 **/
.carousel-component .carousel-vertical li {
	margin-bottom:0px;
	/* Fix for extra spacing in IE */
	float:left;
	clear:left;
	/* Force the LI to respect the HEIGHT specified */
	overflow:hidden;
	display:block;
}
/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */	 
.carousel-component ul.carousel-vertical {
/*	width:auto;*/
}
.carousel-component .carousel-clip-region {
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative;
}
.carousel-clip-region {
	background-color:#D2272D;
	padding:11px;
}
/**
 * ==============================================================================
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component ul.carousel-list {
	margin:0px;
	padding:0px;
	line-height:0px;
}
.carousel-component .carousel-list li {
	text-align:center;
	margin:0px;
	padding:0px;
	font:10px verdana, arial, sans-serif;
	color:#fff;
}
#footer {
	margin-top:5px;
	color:#FFFFFF;
	background-image:url(../images/footerBack.gif);
	width:700px;
	height:40px;
	font-family: Verdana;
	font-size: 13px;
}
#linkeSeite {
	float:left;
	width:191px;
	font-size:12px;
	text-align:left;
	margin-top:10px;
}
#main {
	float:right;
	width:491px;
	margin:10px 0 0 0;
	font-size:12px;
	text-align:left;
}
.BoxContent {
	padding:10px;
	color:#000000;
	border:1px solid #BC0501;
	background-color:#D2272D
}
.ProfileContent {
	color:#000000;
	border:1px solid #BC0501;
}
.ProfilBox {
	background-color:#D2272D;
}
.legende {
	padding:10px;
}
.profTitle {
	padding:5px 0 0 5px;
	background-image:url(../images/profTitle.gif);
	color:#FFFFFF;
	font-weight:bold;
	height:20px;
	background-repeat:no-repeat;
}
.topTitle {
	height:20px;
	padding:5px 0 0 5px;
	background-image:url(../images/topTitle.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
}
.detailTitle {
	height:20px;
	padding:5px 0 0 5px;
	background-image:url(../images/detail_back.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
}
#mainReg {
	padding:5px 0 0 5px;
	background-image:url(../images/bigTitle.gif);
	background-repeat:no-repeat;
	margin-top:10px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	width:700px;
	height:20px;
}
.ContentBox {
	float:left;
	color:#000000;
	border:1px solid #BC0501;
	font-size: 11px;
	text-align:left;
	width:697px;
	height:1000px;
}
.profDescr {
	padding:10px;
	color:#000000;
	border:1px solid #BC0501;
}
.profImg {
	width:108px;
	height:108px;
	background-color:#000000;
	margin-bottom:5px;
}
.links {
	color:#FFFFFF;
	font-size:10px;
}
ul.linkeBox {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
ul.linkeBox li {
	margin-bottom:2px;
}
#profileLI {
	background-image:url(../images/icons/edit_user.png);
	background-repeat:no-repeat;
	height:16px;
}
#fotosLI {
	background-image:url(../images/icons/pictures.png);
	background-repeat:no-repeat;
	height:16px;
}
#inboxLI {
	background-image:url(../images/icons/mail_generic.gif);
	background-repeat:no-repeat;
	height:16px;
}
#outboxLI {
	background-image:url(../images/icons/mail_forward.gif);
	background-repeat:no-repeat;
	height:16px;
}
#erstellenLI {
	background-image:url(../images/icons/message2.gif);
	background-repeat:no-repeat;
	height:16px;
}
#audioLI {
	background-image:url(../images/icons/irc_voice.png);
	background-repeat:no-repeat;
	height:16px;
}
#videosLI {
	background-image:url(../images/icons/video2.png);
	background-repeat:no-repeat;
	height:16px;
}
#favoritenLI {
	background-image:url(../images/icons/knewstuff.png);
	background-repeat:no-repeat;
	height:16px;
}
#friendsLI {
	background-image:url(../images/icons/edit_group.png);
	background-repeat:no-repeat;
	height:16px;
}
#blacklistLI {
	background-image:url(../images/icons/delete_group.png);
	background-repeat:no-repeat;
	height:16px;
}
#creditsLI {
	background-image:url(../images/icons/creditcards.png);
	background-repeat:no-repeat;
	height:16px;
}
#datenLI {
	background-image:url(../images/icons/folder_database.png);
	background-repeat:no-repeat;
	height:16px;
}
#alarmLI {
	background-image:url(../images/icons/bell.png);
	background-repeat:no-repeat;
	height:16px;
}
#newsletterLI {
	background-image:url(../images/icons/mail_new.png);
	background-repeat:no-repeat;
	height:16px;
}
#treffenLI {
	background-image:url(../images/icons/add_group.png);
	background-repeat:no-repeat;
	height:16px;
}
#profileLI a, #fotosLI a, #audioLI a, #videosLI a, #favoritenLI a, #friendsLI a, #blacklistLI a, #creditsLI a, #datenLI a, #alarmLI a, #newsletterLI a, #treffenLI a, #inboxLI a, #outboxLI a, #erstellenLI a {
	margin-left:18px;
}
.status_icon {
	position:absolute;
	margin-top:-20px;
}
.delete_icon {
	margin-left:88px;
	position:absolute;
	margin-top:-20px;
}
.status {
	margin-top:10px;
	width:400px;
}
.form_left {
	float:left;
	width:100px;
	margin:3px;
	margin-right:10px;
}
.form_right {
	margin:3px;
	float:left;
}
#personalInfo input {
	border:1px solid #000000;
	width:150px;
}
#personalInfo select {
	border:1px solid #000000;
}
#personalInfo textarea {
	width:390px;
	height:110px;
	border:1px solid #000000;
}
table.personalInfo {
	margin-top:8px;
}
.newCount {
	position:absolute;
	color:#FFFFFF;
	font-weight:normal;
	font-size:10px;
	margin-top:-19px;
	margin-left:125px;
}
.uploadLeft {
	float:left;
	margin-right:20px;
}
.profileLeft {
	width:150px;
	color:#000000;
	font-weight:bold;
	border-bottom:1px solid #B11116;
	border-right:1px solid #B11116;
	float:left;
	padding:5px 0 3px 10px;
}
.profileRight {
	width:318px;
	padding:5px 0 3px 10px;
	border-bottom:1px solid #B11116;
	color:#000000;
	float:left;
}
.profileTab {
	margin:1px 0 0 368px;
	background-color:#B11116;
	height:255px;
	width:123px;
	position:absolute;
	color:#FFFFFF;
}
/*- Menu Tabs I--------------------------- */

    #tabContainer {
	width:100%;
	border-bottom:2px solid #B11116;
	background-color:#FCF2F2;
	height:32px;
}
#tabsI {
	width:700px;
	font-size:12px;
	line-height:normal;
}
#tabsI ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
}
#tabsI li {
	display:inline;
	margin:0;
	padding:0;
}
#tabsI a {
	float:left;
	background:url("../images/tableftI.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
}
#tabsI a span {
	float:left;
	display:block;
	background:url("../images/tabrightI.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsI a span {
	float:none;
}
/* End IE5-Mac hack */
    #tabsI a:hover span {
	color:#FFF;
}
#tabsI a:hover {
	background-position:0% -42px;
}
#tabsI a:hover span {
	background-position:100% -42px;
}
/*- Menu Tabs G--------------------------- */

    #tabsG {
	float:left;
	width:492px;
	background:#ffffff;
	font-size:12px;
}
#tabsG ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
}
#tabsG li {
	display:inline;
	margin:0;
	padding:0;
}
#tabsG a {
	float:left;
	background:url("../images/tableftG.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabsG a span {
	float:left;
	display:block;
	background:url("../images/tabrightG.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsG a span {
	float:none;
}
/* End IE5-Mac hack */
    #tabsG a:hover span {
	color:#FFF;
}
#tabsG a:hover {
	background-position:0% -42px;
}
#tabsG a:hover span {
	background-position:100% -42px;
}
#lightbox {
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}
#lightboxCaption {
	float: left;
}
#keyboardMsg {
	float: right;
}
#closeButton {
	top: 5px;
	right: 5px;
}
#lightbox img {
	border: none;
	clear: both;
}
#overlay img {
	border: none;
}
#overlay {
	background-image: url(../images/overlay.png);
}
* html #overlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
}
#profileListe li {
	border-bottom:1px solid #bc0501;
	padding:5px 0 5px 22px;
}
#profileListe a {
	padding-left:17px;
}
#thumb {
	background-position:20px 4px;
	background-image:url('../icons/thumb_up.gif');
	background-repeat:no-repeat;
}
#friend {
	background-position:20px 4px;
	background-image:url('../icons/edit_group.gif');
	background-repeat:no-repeat;
}
#favorite {
	background-position:20px 4px;
	background-image:url('../images/icons/knewstuff.png');
	background-repeat:no-repeat;
}
#melden {
	background-position:20px 4px;
	background-image:url('../icons/error_melden.gif');
	background-repeat:no-repeat;
}
ul.helpNavi {
	margin:0px;
	padding:0px 0 0 10px;
	list-style-type:none;
}
li.helpLI {
	padding:5px 0 3px 0;
	font-weight:bold;
	background-image:url('../icons/bullet_yellow.gif');
	background-repeat:no-repeat;
	background-position:-5px 4px;
}
.helpLI a {
	padding-left:10px;
}
.td_back {
	background-image:url('../images/td_back.gif');
	background-repeat: repeat-x;
	background-color:#E9E9CE;
	border:1px solid #C4C5A6;
	padding:10px;
}
.btn1 {
	cursor:pointer;
	position:absolute;
	margin:15px 0 0 15px;
	width:200px;
	height:270px;
	display:block;
}
.btn2 {
	cursor:pointer;
	position:absolute;
	margin:15px 0 0 238px;
	width:200px;
	height:270px;
}
.btn3 {
	cursor:pointer;
	position:absolute;
	margin:15px 0 0 456px;
	width:200px;
	height:270px;
}
a.paylink {
	display:block;
	position:absolute;
	color:#000000;
	margin:73px 0 0 114px;
	cursor:pointer;
}
.werbung_home {
	position:absolute;
	margin-left:720px;
	margin-top:10px;
}
#accordion {
	border: 1px solid #1F669B;
	width: 600px;
	height: 310px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
h3 {
	font-size: 12px;
	padding: 4px 6px 4px 6px;
	margin: 0;
	border-style: solid none solid none;
	border-top-color: #BDC7E7;
	border-bottom-color: #182052;
	border-width: 1px 0px 1px 0px;
	color:#fff;
	background-color: #63699C;
	cursor:pointer;
}
#visible {
	color:#CED7EF;
	background-color: #63699C;
}
#panel1, #panel2, #panel3, #panel4 {
	margin: 0;
	padding-bottom: 0;
	border: none;
}
.panel_body {
	height:199px;
}

.gender_m{
margin:10px;
cursor:pointer;
float:left;
background-image:url(../images/men.jpg);
background-repeat:no-repeat;
width:45px;
height:76px;
}
.gender_w{
cursor:pointer;
margin:10px;
float:left;
background-image:url('../images/woman.jpg');
background-repeat:no-repeat;
width:45px;
height:76px;
}

#gender_m:hover{background-image:url('../images/men.jpg');}
#gender_w:hover{background-image:url('../images/woman.jpg');}

.gender_m_inactive{
float:left;
cursor:pointer;
margin:10px;
background-image:url('../images/men_inactive.jpg');
background-repeat:no-repeat;
width:45px;
height:76px;
}
.gender_w_inactive{
float:left;
cursor:pointer;
margin:10px;
background-image:url('../images/woman_inactive.jpg');
background-repeat:no-repeat;
width:45px;
height:76px;
}

.prefectInfo{
float:left;color:#000000;width:180px;text-align:center;margin-top:50px;
}

/* put the left rounded edge on the track */
#track1-left, #track2-left, #track3-left, #track4-left, #track5-left, #track6-left,#track7-left  {
	position: absolute;
	width: 5px;
	height: 9px;
	background: transparent url(../images/slider-images-track-left.png) no-repeat top left;
}

/* put the track and the right rounded edge on the track */
#track1, #track2, #track3, #track4, #track5, #track6, #track7 {
	background: transparent url(../images/slider-images-track-right.png) no-repeat top right;
}