body {
    /*background: url(./img/OE12_Background-2.jpg) center bottom fixed;*/
    background: url(./img/background-2012.jpg) repeat;
	
    margin: 0px 0px 30px 60px;
	margin: 1ex auto;
    font: Normal 13px Arial, Helvetica, sans-serif;
/*	        color: #555;*/
	/*background-color: #000;*/
}

a:link {color:#777777; text-decoration:none;} 
a:visited {color:#777777; text-decoration:none;}  
a:active {color:#777777; text-decoration:none;}
a:hover {text-decoration: underline; color: #999999;}
table{font-family:verdana,arial,helvetica;font-size:12px;}
h1{font-family:Georgia,Times New Roman,Times,serif;font-size:20px;display:inline;color:#777777;}
h2{font-family:Georgia,Times New Roman,Times,serif;font-size:13px;display:inline;color:#777777;}
select{font-family:verdana,arial,helvetica;font-size:12px;}
input{font-family:verdana,arial,helvetica;font-size:12px;}
form{display:inline;}
.small{font-size:9px;}
.navright{font-size:10px;}
.navtop{font-size:12px;font-weight:bold;color:#666666;}
.inputs{font-size:9px;color:#666666;border:1px solid #666666;height:16px;}
.nav1{background-color:#FFFFFF;color:#777777;}
.nav2{background-color:#EFEFEF;color:#777777;}
.sex_m{color:#0000FF;}
.sex_w{color:#FF0000;}
.errbox{padding:5px;border:1px solid #FF0000}
.edith1{font-family:Georgia,Times New Roman,Times,serif;font-size:20px;display:inline;color:#777777;border:1px solid #CCCCCC;}
.edittxt{font-family:verdana,arial,helvetica;font-size:12px;border:1px solid #CCCCCC;}
#opecntdown { position: absolute; top: 25px; left: 180px;}
#recaptcha_area { margin: 1ex auto; }
.menulink a:hover { color: #666666;}
blockquote { color: #777777; font-style: italic; background: url("../img/blockquote.png") 20px 0 no-repeat; padding-left: 65px; margin-bottom: 1em; min-height: 25px; }
.zusatz {
        border:1px solid #777777;
        background-color:#EEEEEE;
        padding:8px;
        margin-top:8px;
}

.hover {
  font-size:10px;
  list-style:none;
  margin:0;
  padding:0;
}
.hover a .preview {
  display: none;
}

.hover a:hover .preview {
  display: block;
  position: absolute;
  top: 15px;
  left: 70px;
  z-index: 5;
}

.hover li {
  position: relative;
}

.hover li.member {
  background: url(http://www.twoleftfeet.ch/img/tlfmember.gif) left center no-repeat;
  padding-left:20px;
  height: 15px;
  position: relative;
}

.hover li.admin {
  background: url(http://www.twoleftfeet.ch/img/blingbling.gif) left center no-repeat;
  padding-left:20px;
  height: 15px;
  position: relative;
}

.hover li.foto {
  background: url(http://www.twoleftfeet.ch/img/tlffoto.gif) left center no-repeat;
  padding-left:20px;
  height: 15px;
  position: relative;
}

.hover li.rg {
  background: url(http://www.twoleftfeet.ch/img/rg.gif) left center no-repeat;
  padding-left:20px;
  height: 15px;
  position: relative;
}

.hover li.new {
  background: url(http://www.twoleftfeet.ch/img/new.gif) left center no-repeat;
  padding-left:20px;
  height: 15px;
  position: relative;
}

.hover li.birthday {
  background: url(http://www.twoleftfeet.ch/img/birthday_1.gif) left center no-repeat;
  padding-left:20px;
  height: 15px;
  position: relative;
}

.hover li.none {
  padding-left:20px;
  position: relative;
  height: 15px;
}

a.delmsg
{
	margin-left: 10px;
}

.chk {
	margin-right:3px;
	cursor: url('../edding.png'), url('../edding.cur'), pointer;
}

.shrtcmt
{
	border-bottom: 1px solid #CCCCCC;
	margin: 10px 5px;
}

.box
{
/*	border-bottom: 1px solid #CCC;*/
	margin-bottom: 10px;
/*	padding-bottom: 3px;*/
}

.msgborder
{
	border-bottom: 1px solid #CCC;
	height: 1px;
	padding-top: 3px;
}

#container
{
	background: url(http://www.twoleftfeet.ch/img/bg_nav.gif) repeat;
	width: 100%;
	border: 1px solid #CCC;
	padding: 2px;
}

fieldset {
	/*border-style:none;*/
}

img
{
	border: 0;
}

a.friend_m {
	margin-right:2px;
	margin-bottom:2px;

	display:block;
	float:left;
	border-bottom:2px solid #5D72FF;
	border-top:2px solid #fff;
	
}

a.friend_w {
	margin-right:2px;
	margin-bottom:2px;

	display:block;
	float:left;
	border-bottom:2px solid #FF718A;
	border-top:2px solid #fff;
}

a.friend_m_online {
	margin-right:2px;
	margin-bottom:2px;

	display:block;
	float:left;
	border-bottom:2px solid #5D72FF;
	border-top:2px solid #78FF7E;
}

a.friend_w_online {
	margin-right:2px;
	margin-bottom:2px;

	display:block;
	float:left;
	border-bottom:2px solid #FF718A;
	border-top:2px solid #78FF7E;
}

.tooltip {
	display:none;
	position:absolute;
    background:transparent url(/img/black_big.png); 
    font-size:12px; 
    height:105px; 
    padding:40px 30px 10px 30px; 
    width:240px;
    color:#fff;
	z-index: 3;
	left:0;
	right:0;
	overflow:hidden;
}

.tooltip .label_m {
	color:#5D72FF;
}
.tooltip .label_w {
	color:#FF718A;
}
.tooltip img { float:left;}
.tooltip table td { color:#fff;}
ul.userlist {
	height:100%;
	
}
ul.userlist li {
	height:auto;
	display:block;
}

ul.userlist li ul {
	clear:both;
	padding:5px;
	margin-bottom:20px;
	padding-top:15px;
}
ul.userlist li.premium {
	background-color:#999874;
}

ul.userlist li.admin {
	background-color:#99736E;
}

ul.userlist li ul li {
	margin-right:3px;
	margin-top:3px;
	width:40px;
	height:40px;
	float:left;
}

ul.userlist li ul li.last {
	clear:both;
}
ul.userlist li ul li a {
	display:block;
}

#featuredposts
{
	margin-left: 22px;
	float: left;
	text-transform: lowercase;
}

#featuredposts td.withcontent
{
	border: 0px solid #000;
	width: 150px;
	height: 250px;
}

#featuredposts td.withcontent:hover
{
	cursor: pointer;
}

#featuredposts #fleft,
#featuredposts #fmiddle,
#featuredposts #fright
{
	width: 150px;
	height: 250px;
	background-color: #ccc;
	overflow: hidden;
}

#featuredposts #fleft:hover,
#featuredposts #fmiddle:hover,
#featuredposts #fright:hover
{
	cursor: pointer;
}

#featuredposts #fleft
{
	float: left;
}

#featuredposts #fmiddle
{
	margin-left: 5px;
	float: left;
}

#featuredposts #fright
{
	margin-left: 310px;
	margin-top: -150px;
}

#featuredposts .overlay
{
	margin-top: 150px;
}

#featuredposts #fright .overlay
{
	padding-top: 150px;
}


#featuredposts .overlay .overlay_title,
#featuredposts .overlay .overlay_published,
#featuredposts .overlay .overlay_note
{
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	color: #fff;
	font-weight: bold;
}

#featuredposts .overlay .overlay_title
{
	line-height:19px;
	height: 36px;
	font-size: 110%;
	background-color: #404040;
	overflow: hidden;
	padding-top: 9px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
}

#featuredposts .overlay_title
{
	width: 140px;
	overflow: hidden;
}

#featuredposts .overlay .overlay_published {
	height:25px;
}

#featuredposts .overlay .overlay_published span
{
	background-color: #61d2fa;
	line-height:25px;
	padding:0;
	margin:0;
	width:auto;
	padding:5px;
}

#featuredposts .overlay .overlay_note
{
	height:25px;
}

#featuredposts .overlay .overlay_note span
{
	background-color: #eb5e4c;
	line-height:25px;
	padding:0;
	margin:0;
	width:auto;
	padding:5px;
}

/* polls */
ul.BEpolls {
	margin:0px;
	padding:0px;
}
ul.BEpolls li {
	display:block;
	width:100%;
	background-color:#F2F5F5;
	margin-bottom:5px;
	height:31px;
	line-height:31px;
	padding:2px;

}

ul.BEpolls li div.status {
	float:left;
	line-height:31px;
	width:50px;
}

ul.BEpolls li div.name {
	float:left;
	width:50%;
	font-size:15px;
	line-height:31px;
}

ul.BEpolls li div.date {
	float:left;
	line-height:15px;
}
ul.BEpolls li div.actions {
	line-height:31px;
	float:right;
	padding-right:5px;
}

.newform label {
	display:block;
}

#coop-ad
{
	width: 160px;
	height: 600px;
/*	background-color: #666;*/
/*	border: 1px solid black;*/
	position: absolute;
	margin-left: -170px;
	margin-top: 290px;
}

/* ALOT_LOGO ---------------------------------------*/

.shop_alot_logo {
    height:108px;
    width:250px;
    background-image:url('img/logo_alot.jpg');
    display:block;
    -webkit-transition: all 0.5s;

}

a.shop_alot_logo:hover {
    opacity:0.5;filter:alpha(opacity=50);
    -webkit-transition: all 0.5s;
    
}