/*-------------------------------------------------
Allgemeine Einstellungen der Seite
-------------------------------------------------*/
* {
    margin:               0;
    padding:              0;
    font-family:		  verdana, arial, "Lucida Grande", helvetica, sans-serif;
}

body {
	color:			      #454545;
	background:			  #fff;
	text-align:			  center;
	font-size:			  12px;
	height: 			101%;
}

option {
	padding-right:		  5px; /* Fixing a Firefox Bug */
}

img {
    border:               0;
}

a img, a img:link, a img:visited, a img:hover {
	background:		      none;
	border:			      none;
}

.cleaner {
    clear:             	  both;
	height:            	  1px;
	font-size:         	  0px;
	line-height:       	  0px;
	border:            	  none;
	background:           transparent;
}

.clean {
    clear:             	  both;
}

.left {
	float:				  left;
}

.right {
	float:				  right;
	/*text-align:		 	right;*/
}


/*-------------------------------------------------
Definitionen
-------------------------------------------------*/
a, a:link, a:visited, a:active {
	font-size:		     11px;
	color:			     #8D0101;
	text-decoration:	 underline;
	background:		     none;
}

a.big_green, a:link.big_green, a:visited.big_green, a:active.big_green {
	font-size:		    13px;
	line-height:		18px;
	color:				#4FAA00;
}

a:hover, a:hover.big_green {
	color:			     #E66900;
}

p, input, select, textarea, td {
	font-size:		      11px;
	line-height:		  16px;
	color:			      #454545;
}

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

h1 {
	font-family:		 verdana, arial, "Lucida Grande", sans-serif;
	padding:		     0;
	border-bottom:		 0;
	margin:			     0;
	color:			     #520042;
	font-size:		     18px;
	font-weight:		 normal;
	line-height: 1.2em;
}

h2 {
	font-family:		verdana, arial, "Lucida Grande", sans-serif;
	color:			    #333;
	font-size:		    12px;
}

h3 {
	font-family:		verdana, arial, "Lucida Grande", sans-serif;
	font-size:		    12px;
}

a.xsmall, a:link.xsmall, a:visited.xsmall, a:active.xsmall, p.xsmall, span.xsmall {
	font-size:		     9.5px;
	line-height:		 13px;
}

a.small, a:link.small, a:visited.small, a:active.small, p.small, span.small {
	font-size:		     10px;
	line-height:		 13px;
}

a.bigger, a:link.bigger, a:visited.bigger, a:active.bigger, p.bigger, span.bigger {
	font-size:		    12px;
}

a.big, a:link.big, a:visited.big, a:active.big, p.big, span.big {
	font-size:		    13px;
	line-height:		18px;
}

a.bold, a:link.bold, a:visited.bold, a:active.bold, p.bold, span.bold  {
	font-weight:		bold;
}

a.tahoma, a:link.tahoma, a:visited.tahoma, a:active.tahoma, p.tahoma, span.tahoma  {
    font-family:		Tahoma, verdana, arial, "Lucida Grande", helvetica, sans-serif;
}

.green {
	color:				#4FAA00;
}

.grey_headline {
	color:				#333;
}

a.grey, a.grey:link, a.grey:visited, a.grey:active, a.grey:hover, p.grey, span.grey {
	color:			    #454545;
}

a.red, p.red, p.red_headline, span.red {
	color:			    #8d0101;
}

ul li {
	list-style:        	none;
}

li {
	font-size:		    11px;
	line-height:		16px;
}

label {
	color:				#8C000C;
	font-size:			12px;
	font-weight:		bold;
}

/*-------------------------------------------------
Boxen
-------------------------------------------------*/
.outa {
	width:				770px;
	margin:				20px auto;
	text-align:			left;
	background-color: #b782b2;
	background-image: url(casualsex/images/hintergrund2.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.inna {
	width:				770px;
}

.inna.top {
	height:				10px;
	line-height:		1px;
	font-size:			1px;
	background-image: url(casualsex/images/oben.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.inna.middle {
	background-position: left top;
}

.inna.bottom {
	height:				10px;
	line-height:		1px;
	font-size:			1px;
	background-image: url(casualsex/images/unten.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.inna.middle .login {
	height:				23px;
	width:				480px;
	margin:				1px 13px 5px 0px;
	float:				right;
	text-align:			right;
	display:			inline;
}

* html .inna.middle .login {
	margin-right:		11px;
}

.inna.middle .menu {
	width:				193px;
	margin:				0px 11px 0 13px;
	float:				left;
	display:			inline;
}

.inna.middle .content {
	width:				540px;
	margin-bottom:		20px;
	float:				left;
}

.imprint {
	padding-bottom:		10px;
	font-size:			10px;
	line-height:		14px;
	color: 				#b9b9b9;
}

.imprint a, .imprint a:visited, .imprint a:focus, .imprint a:hover, .imprint a:active , .imprint p {
	font-size:			10px;
	color: 				#b9b9b9;
	text-decoration: 	none;
}


/*-------------------------------------------------
Login
-------------------------------------------------*/
.inna.middle .login .submit {
	float:				right;
}

.inna.middle .login .input {
	height:				15px;
	width:				110px;
	margin:				2px 6px 0 0;
	float:				right;
	font-size:			11px;
	color:			    #454545;
}
* html .inna.middle .login .input {
	height:				19px;
}

.inna.middle .login .label {
	margin:				3px 8px 0 8px;
	float:				right;
}

.inna.middle .login .img {
	height:				16px;

	margin-top:			4px;
	float:				right;
}

.inna.middle .login p {
	margin:				4px 20px 5px 5px;
	float:				right;
}

.inna.middle .login a {
	font-size:			11px;
	color:				#fff;
	text-decoration:	none;
	font-weight:		bold;
}


/*-------------------------------------------------
Menü
-------------------------------------------------*/
.inna.middle .menu .logo_blank {
	height:				60px;
	margin-top:			35px;
	margin-bottom:		40px;
	margin-left:		2px;
}

.inna.middle .menu li {
	height:				27px;
	width:				193px;
	text-align:			left;
	text-indent:		-999px;
}

.inna.middle .menu li.anmelden { background: url(./images/bm_anmelden.gif) no-repeat; }
.inna.middle .menu li.mailbox  { background: url(./images/bm_mailbox.gif) no-repeat; }
.inna.middle .menu li.suche	   { background: url(./images/bm_suche.gif) no-repeat; }
.inna.middle .menu li.chat	   { background: url(./images/bm_chat.gif) no-repeat; }
.inna.middle .menu li.magazin  { background: url(./images/bm_magazin.gif) no-repeat; }
.inna.middle .menu li.partner  { background: url(./images/bm_partner.gif) no-repeat; }
.inna.middle .menu li.kontakt  { background: url(./images/bm_kontakt.gif) no-repeat; }
.inna.middle .menu li.hilfe	   { background: url(./images/bm_hilfe.gif) no-repeat; }

.inna.middle .menu li a {
	height:				27px;
	display:			block;
	text-decoration:	none;
}

.inna.middle .menu .wio {
	height:				87px;
	width:				193px;
	margin-top:			12px;
	padding-top:		10px;
	background: 		url(./images/back_wio.gif) no-repeat;
}

.inna.middle .menu .wio .sum_wio {
	height:				15px;
	margin:				0 0 0 13px;
}

.inna.middle .menu .wio .left_wio {
	width:				70px;
	margin:				14px 0px 0 13px;
	float:				left;
	display:			inline;
}

.inna.middle .menu .wio .right_wio {
	width:				90px;
	margin:				19px 13px 0 0px;
	float:				right;
	text-align:			right;
	display:			inline;
}

.inna.middle .menu .wio a {
	height:				12px;
	line-height:		17px;
}

.inna.middle .menu .wio .balken_wio {
	height:				9px;
	margin-bottom:		8px;
}


/*-------------------------------------------------
Content
-------------------------------------------------*/
.inna .content {
	background-repeat: repeat-y;
	padding-left: 200px;
}

.inna .content .top {
	height:				12px;
	width:				540px;
	line-height:		1px;
	font-size:			1px;
	background-image: url(casualsex/images/bild_oben.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.inna .content .middle {
	padding-left: 8px;
	background-image: url(casualsex/images/bild_seite.gif);
	background-repeat: no-repeat;
}

.inna .content .middle .content_bordered {
    min-height: 		369px;
    height: 			auto !important; /* IE min-height Speed-Hack */
    height: 			369px;

	width: 				516px;
    margin-left: 		15px;
    padding-bottom: 	5px;
}
* html .inna .content .middle .content_bordered {
  	height: 			374px;
}

.inna .content .bottom {
	height:				10px;
	width:				540px;
	line-height:		1px;
	font-size:			1px;
	background-image: url(casualsex/images/bild_unten.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.inna .content .middle .content_bordered .headline, .popup .headline, .inna .content .middle .content_bordered .user_headline {
	height:				25px;
	float:				left;
	margin-bottom:		14px;
}
.inna .content .middle .content_bordered .user_headline {
	height:				25px;
	float:				left;
	margin-bottom:		10px;
}

.inna .content .middle .content_bordered .sub_headline  {
	margin-top:	 		7px;
	margin-bottom: 		9px;
}

.inna .content .middle .content_bordered p.left.green, .inna .content .middle .content_bordered p.left.red_headline, .inna .content .middle .content_bordered p.left.grey_headline {
	float:				left;
	margin:				13px 0 0 12px;
	font-weight:		bold;
}
* html .inna .content .middle .content_bordered p.left.green, * html .inna .content .middle .content_bordered p.left.red_headline, * html .inna .content .middle .content_bordered p.left.grey_headline {
	margin-top:			12px;
}

.inna .content .middle .content_bordered .sub_menue {
	float:				left;
	margin:				0 8px 10px 0;
}

.inna .content .middle .content_bordered .sub_menue.last {
	margin-left:		1px;
	margin-right:		0px;
}

.inna .content .middle .content_bordered .box, .popup .box {
	width:				510px;
}

.inna .content .middle .content_bordered .box.top, .popup .box.top {
	height:				6px;
	width:				510px;
	background:			url(./images/back_content_gray_510_top.gif) no-repeat top left;
	line-height:		1px;
	font-size:			1px;
}

.inna .content .middle .content_bordered .box.middle, .popup .box.middle {
	width:				496px;
	padding:			0 7px 0 7px;
	background:			#F3F3F3;
}
* html .inna .content .middle .content_bordered .box.middle, * html .popup .box.middle {
	width:				510px;
}

.inna .content .middle .content_bordered .box.bottom, .popup .box.bottom {
	height:				6px;
	margin-bottom:		8px;
	background:			url(./images/back_content_gray_510_bottom.gif) no-repeat bottom left;
	line-height:		1px;
	font-size:			1px;
}


.kugeln {
	float:left;

url(./images/kugeln.gif) no-repeat bottom left;
	width:200px;
	background-image: url(casualsex/images/kugeln.gif);
	height: 200px;
}