/*  MAIN MAIN MAIN */
body, h1, h2, h3, h4, h5, ul, li, dl, dd, dt, p, div, input, textarea, select { /* resetting Browserstyles */
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a img {
	border: none;
}

.clear {
	width: 100%;
	height: 1px;
	clear: both;
	float: none;
}
.clear-left {
	width: 100%;
	height: 1px;
	clear: left;
	float: none;
}
.clear-right {
	width: 100%;
	height: 1px;
	clear: right;
	float: none;
}
span.date {
	background: transparent url(dateklein.png) no-repeat top left;
	padding: 0px 0px 0px 19px;
	color: black;
	font-size: 11px;	
}
a, a:visited, a:active {
	color: #9f0020;
	text-decoration: none;
}
a:hover {
	color: #9f0020;
	text-decoration: underline;
}
#formsubmitframe {
    display: none;
}

/* NaviElemente */
#nav {
	text-align: center;
	width: 225px;
	margin: 25px;
}
.dotted-box img {
	border: 1px solid #999999;
	border-left: none;
	border-top: none;
}
/* one box */
.dotted-box {
	background: white;
	text-align: center;
	position: relative;
	border: 1px dotted #999999;
	width: 100%;
	top: -8px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
}
.dotted-box-section h3 {
	position: relative;
	height: 15px;
	display: block;
	top: -6px;
	left: -1px;
	font-size: 11px;
	display: inline;
	padding: 0px 4px 2px 4px;
	background: white;
	text-transform: uppercase;
}
.dotted-box-section h4 {
	font-size: 12px;
	color: black;
}
.dotted-box-section h3.background {
	top: 0px;
	border: 1px dotted #999999;
	border-bottom: none;
	padding: 1px 5px 0px 3px;
	color: white;
	left: 0px;
}




/* Userbox */
ul.userlisting-small {
	float: none;
	clear: both;
	margin: 0px 5px 5px 9px;
}
ul.userlisting-small li {
	list-style: none;
	width: 103px;
	float: left;
	text-align: left;
	font-size: 12px;
	padding: 10px 0px 0px 0px;
}
div.reporter ul.userlisting-small li{
    width:123px;
    overflow:hidden;
}
ul.userlisting-small li img {
	float: left;
	position: relative;
	top: -7px;
	margin: 0px 7px 0px 0px;
}


/* Placesbox */
ul.placelisting-small {
	float: none;
	clear: both;
	margin: 0px 5px 5px 9px;
}
ul.placelisting-small li {
	list-style: none;
	text-align: left;
	font-size: 12px;
	padding: 10px 0px 0px 0px;
	width: 100%;
	float: none;
	clear: both;
	color: #666666;
}
ul.placelisting-small li img {
	float: left;
	position: relative;
	top: -7px;
	margin: 0px 9px 0px 0px;
}




/* Eventsbox */
ul.eventlisting-small {
	float: none;
	clear: both;
	margin: 0px 5px 5px 9px;
}
ul.eventlisting-small li {
	list-style: none;
	text-align: left;
	font-size: 12px;
	padding: 10px 0px 0px 0px;
	width: 100%;
	float: none;
	clear: both;
	color: #666666;
}
ul.eventlisting-small li img {
	float: left;
	position: relative;
	top: -2px;
	margin: 0px 9px 0px 0px;
}
ul.eventlisting-small h4 {
	margin: 5px 0px 0px 0px;
}


/* The grid ======================================================================   */
body { background: #333333; /* margin: 6px; <- gave it to mainframe */ }
#mainframe { width: 1000px; position: relative; margin: 6px; z-index: 0; }
#mainframe.passive { /* we're in Itemview */
	overflow: hidden;
}
#main-container { /* Stuff we need in ie6 - don't know why*/ 
	text-align: left;
	position: relative;
} 
#container { width: 100%; position: relative; left: 0px; }
#stage { min-height: 600px; position: relative; width: 100%; } /* content goes here */ /* if controls area grows, change minHeight here */
#karte {
	width: 100%;
	height: 145px; /* will be overwritten by js */
	background: grey;
}
#mapcontainer {
	border: 1px solid #979797;
    height: 145px;
    max-height: 145px;
    position: relative;
}
#magazine-container	{
	position: relative;
	border: 1px solid #979797;
	border-top: none;
	background: #ecebe0;
	width: 998px;
}
#magazine-container.mapmode	{ /* mapmode */
    max-height: 10px;
    /* overflow-y: hidden; */
    border-top: 3px solid #9F0020;
}
#magazine-container.gossipmode	{ /* gossipmode */
    border-top: 3px solid #9F0020;
}

html>/**/body #magazine-container { width: auto; } /* hide it in ie6 & 7*/
#content {
	background: White;
	float: right;
	width: 810px;
	border-left: 1px solid #d5d3c6;
	min-height: 515px;
	height: 515px;
}
.mapmode #content {
    width: 100%;
    min-height: 5px;
}
html>body #content { height: auto; } /* hide it in ie6*/
#controls-container {
	width: 175px;
	position: absolute;
	top: 155px;
	left: 0px;
	text-align: center;
	padding: 10px 0px 0px 5px;
}
#mainlogo, #hover-logo {
	position: absolute;
	top: 25px;
	left: 25px;
	width: 175px;
	height: 70px;
	background: transparent url(http://www.meinberlin.de/@@/img/general/mainlogo.png) no-repeat top left;
	z-index: 1;
	cursor: pointer;
}
#hover-logo {
    background: transparent url(http://www.meinberlin.de/@@/img/general/mainlogo_white.png) no-repeat top left;
}
#mainlogo a, #hover-logo a {
    display: none;
}
#footer {
	width: 100%;
	color: #848484;
	height: 30px;
}
.column-left {
	text-align: center;
	position: relative;
	width: 600px;
	float: left;
}
.column-right {
	text-align: center;
	position: relative;
	float: right;
	width: 190px;
}
.mapmode .column-right, .mapmode .column-left {
    display: none;
}
div#pagetitle{
    height:126px;
	position: absolute;
	top: 35px;
	left: 200px;
	display: none;
}
div#pagetitle h1{
    display:block;
    font-size:38px;
    color:#fff;
    width:350px;
    text-transform:uppercase;
    text-align:left;
}
/* main search------------------------------------------------------------------*/
form#mainsearch-form {
	width: 788px;
	width: 97.3%;
	height: 50px;
	margin: 10px;
	background: #f0efe6;
	border: 1px solid #c3c3bc;
	padding: 0px;
}
form#mainsearch-form label {
	display: none;
}
form#mainsearch-form input {
    background-color:#fff;
/*    background: white url(http://www.meinberlin.de/@@/img/general/mainsearch/inputfield-background.gif) no-repeat scroll 15px 8px;
*/	border:1px solid #C3C3BC;
	float:left;
	font-size:1.3em;
	font-weight:bold;
	height:24px;
	margin:0px;
	padding:5px 0px 0px 15px;
	width:290px;
	color: #444444;
}

form#mainsearch-form input.empty {
    color: #d6d6d6;
}

form#mainsearch-form input#mainsearch-submit {
	border: none;
	width: 46px;
	height: 31px;	
	background: red url(http://www.meinberlin.de/@@/img/general/mainsearch/submit-background.png) no-repeat 0px 0px;
	font-size: 0.0em;
	padding: 0px;
}
form#mainsearch-form .input-frame {
	width: 353px;
	height: 31px;
	position: relative;
	left: 200px;
	top: 7px;
	border: 3px solid #eabfc1;
}
.mapmode form#mainsearch-form .input-frame {
    left: 390px;
}
form#mainsearch-form .input-frame.searched {
	border: 3px solid black;
	z-index: 2000;
	background: White;
	height: auto;
}
.livesearch h3 {
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px 0px 5px 23px;
	margin: 0px 0px 0px 15px;
	position: relative;
}
.livesearch h3 small {
	font-weight: normal;
	font-size: 0.7em;
	position: absolute;
	right: 55px;
	top: 3px;
	display: block;
}
.livesearch li {
	padding: 2px 15px;
	list-style: none;
}
.livesearch li:hover {
	background: #9f0020;
	color: White;
}
.livesearch li:hover a, .livesearch li:hover a:hover{
	color: White;
	text-decoration: none;
}
.livesearch ul {
	border-bottom: 1px dotted #999999;
	padding: 0px 0px 5px;
	margin: 0px 0px;
}
.livesearch ul:last-child {
	border: none;
}
.livesearch h3.news {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/18/news.png) no-repeat 2px 3px;
}
.livesearch h3.places {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/18/adress.png) no-repeat 2px 5px;
}
.livesearch h3.user {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/18/user.png) no-repeat 2px 5px;
}
.livesearch h3.events {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/18/event.png) no-repeat 2px 5px;
}
.livesearch {
	float: none;
	clear: both;
}
/* seach on mapmode*/
.mapmode .livesearch {
	width: 353px;
	position: absolute;
	bottom: 31px;
	left: -3px;
	border: 3px solid black;
	background: White;
	z-index: 2010;
	border-bottom: none;
}
.mapmode form#mainsearch-form .input-frame.searched {
	border: 3px solid black;
	z-index: 2000;
	background: White;
	height: 31px;
}



/* grid changes for the Userpage -------------------------------------------------  */
.userpage .column-left {
	width: 300px;

}
.userpage .column-right {
	width: 480px;
}


/* grid changes for the Magazinepage ----------------------------------------------  */
.magazine .column-left {
	width: 529px;
}
.magazine .column-right {
	width: 280px;
}

/* grid changes for the Gossippage -------------------------------------------------  */
.gossip .column-left {
	width: 600px;
}
.gossip .column-right {
	width: 190px;
}

/* grid changes for the Hoverpage -------------------------------------------------  */
.item .column-left {
	width: 470px;
}
.item .column-right {
	width: 320px;
}
* html .item .column-right { /* only old ies gets it */
	padding: 0px 5px 0px 0px;
}

/* grid for hoveringpages ---------------------------------------------------------- */

#hover-container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	display: none;
	margin: 6px;
}
#hover-stage {
	width: 957px;
	position: relative;
	margin: 110px 0px 0px 20px;
	padding: 13px 0px 0px 0px;
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/hover-header.png) no-repeat top right;
}
#hover-container.active {
	display: block;
	background: transparent;
	width: 100%;
	z-index: 2500;
}
#hover-filter {
	display: none;
}
#hover-filter.active, #hover-filter.black {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 2500px; /* height needs to be computed by js - this is useful for ie6 to! */
	background: white;
	z-index: 2000;
	opacity: .8; /**/
	filter: alpha(opacity=80); /**/
	/* filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80, Style=0); should work in ie8*/
}
#hover-filter.black {
	background: black;
	opacity: .6; /**/
	filter: alpha(opacity=60); /**/
}
#hover-footer {
	width: 100%;
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/hover-footer.png) no-repeat top right;
	height: 11px;
}
#hover-content {
	width: 100%;
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/hover-content.png) repeat-y right;
}
#hover-navigator {
	width: 151px;
	position: absolute;
	top: 63px;
	left: 0px;
}
#hover-navi-footer {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/hover-navi-footer.png) no-repeat left;
	width: 100%;
	height: 11px; 
}
.hover-navi {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/hover-navi.png) repeat-y left;
	width: 100%;
}
#hover-header {
	background: transparent;
	margin: 0px 10px 15px 10px;
/*	float: none;
	clear: both; */
	width: 800px;
	position: relative;
	left: 145px;
}
#hover-header h1 {
	float: left;
	margin: 0px 0px 0px 0px;
	font-size: 2.5em;
	font-weight: bold;	
}
#hover-header h1.news {
	padding: 0px 0px 0px 40px;
	float: none;
	text-align: left;
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/news.png) no-repeat 0px 5px;
}
#hover-header h1.event {
	padding: 3px 0px 2px 40px;
	float: none;
	text-align: left;
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event42.png) no-repeat 0px 0px;
}
#hover-header h1.place {
	padding: 3px 0px 2px 44px;
	float: none;
	text-align: left;
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/place.png) no-repeat 5px 5px;
}
#hover-header h1.homefolder {
	padding: 0px 0px 0px 33px;
	float: none;
	text-align: left;
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/user.png) no-repeat 0px 3px;
}
#hover-header h1.homefolder.female {
    padding:0px 0px 0px 40px;
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/user-female.png) no-repeat 0px 3px;
}
#hover-header .adress {
	text-align:left;
}
#hover-header .time {
    text-align: left;
}
#hover-header h3 {
    text-align: right;
    margin: 0px 7px 0px 0px;
}




.history-section {
	height:50px;
	left:-65px;
	padding:0px 0px 0px 10px;
	position:absolute;
	top:-43px;
	width:140px;
}
#history-handle {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/history/history-arrow.png) no-repeat top left;
	width: 60px;
	height: 21px;
	float: right;
	color: White;
	padding: 5px 0px 0px 8px;
	margin: 4px 0px 0px 0px;
}
#hover-content .column-left {
	margin: 0px 0px 0px 150px;
}
#hover-header .hover-close {
	position: absolute;
	right: 4px;
	top: -7px;
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/item-close.png) no-repeat 0px 0px;
	width: 20px;
	height: 20px;
}

/* Footer ----------------------------------------------------------------------- */

.footer-links {
	float: none;
}
.footer-links li {
	list-style: none;
	float: left;
	color: #848484;
	padding: 7px;
}
.footer-links li a {
	color: #848484;
	font-size: 0.95em;
}
.footer-links.right {
	float: right;
}
.footer-links.left {
	float: left;
}

/* LoginMenu --------------------------------------------------------------------- */

#login-menu {
    background:#F0EFE6;
    font-size:0.9em;
    padding:7px 10px;
    position:absolute;
    right:25px;
    text-align:right;
    top:0px;
    z-index:1;
    height: 13px;
}
#login-menu.logged-in a, #login-menu.logged-in span { 
    display: block;
    float: left;
    margin: 0px 3px;
    padding: 1px 0px 2px;
}
#login-menu a.neighborhood {
    padding: 1px 0px 2px 20px;
    background: transparent url(http://www.meinberlin.de/@@/img/loginmenu/loginmenu-sprite.png) no-repeat 0px -2px;
}
#login-menu a.dashboard {
    padding: 1px 0px 2px 20px;
    background: transparent url(http://www.meinberlin.de/@@/img/loginmenu/loginmenu-sprite.png) no-repeat 0px -24px;
}
#login-menu a.profile {
    padding: 1px 0px 2px 20px;
    background: transparent url(http://www.meinberlin.de/@@/img/loginmenu/loginmenu-sprite.png) no-repeat 0px -46px;
}
#login-menu a.profile.female {
    padding: 1px 0px 2px 23px;
    background: transparent url(http://www.meinberlin.de/@@/img/loginmenu/loginmenu-sprite.png) no-repeat 0px -69px;
}
#login-menu a.logout {
    padding: 1px 0px;
}
#login-menu.logged-in a,#login-menu a:active, #login-menu a:visited {
    color: black;
}
#login-menu.logged-in a.logout {
    color: #999999;
}

/* Userpage Stuff ---------------------------------------------------------------- */

.wanted-box {

}
dl.wanted-listing {
	width: 100%;
	text-align: left;
	float: none;
	clear: left;
	margin: 10px 0px 0px 8px;
}
dl.wanted-listing dt {
	float: left;
	width: 80px;
	color: #666666;
	margin: 0px 0px 5px 0px;
	clear: left;
}
dl.wanted-listing dd {
	float: left;
	width: 205px;
	margin: 0px 0px 5px 0px;
}
dl.wanted-listing dd ul {
	margin: 0px;
	padding: 0px;
}
dl.wanted-listing dd li {
	margin: 0px 0px 3px 0px;
	padding: 0px;
	list-style: none;
}



.article .wanted-box p {
	text-align: left;
	margin: 8px 8px 8px 8px;
	line-height: 1.5em;
	clear: left;
}
.wanted-box img {
	margin: 10px 0px 0px 10px;
    border:1px solid #fff;
}



/* rounded corners boxes -------- */
.rounded-corners-box {
	text-align: left;
	position: relative;
}
.rounded-corners-box h3 {
	color: #303030;
	font-size: 1.2em;
	position: relative;
	top: 2px;
	left: 9px;
}
/* small */
div.rounded-corners-box.small {
	 width: 306px;
}
.rounded-corners-box-first {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/top-border-small.png) no-repeat top right;
	margin: 0px 0px 12px 0px;
	padding: 5px 0px 0px 0px;
	width: 100%;
	position: relative;
}
.rounded-corners-box-second {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/bottom-border-small.png) no-repeat bottom right;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	width: 100%;
	position: relative;
}
.enlargeable .rounded-corners-box-second {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/bottom-border-small-enlargeable.png) no-repeat bottom right;
	padding: 0px 0px 29px 0px;
}
div.enlargeable.wide .rounded-corners-box-second {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/bottom-border-wide-enlargeable.png) no-repeat bottom right;
	padding: 0px 0px 29px 0px;
}
.rounded-corners-box-third {
	background: #f0eee5 url(http://www.meinberlin.de/@@/img/itempages/boxes/right-border.png) repeat-y right;
	margin: 0px;
	width: 100%;
}
.rounded-corners-box-fourth {
	background: #f0eee5 url(http://www.meinberlin.de/@@/img/itempages/boxes/left-border.png) repeat-y left;
	padding: 0px 0px 3px 0px;
	margin: 0px 1px 0px 0px;
	float: none;
	clear: left;
}
.rounded-box-label {
	position: absolute;
	bottom: 7px;
	left: 9px;
	color: white;
/*	display: none;*/
}

.enlargeable .rounded-box-label { /* ---------------------------------------- new ----------------------------- */
/*  display: block; */
}

.rounded-box-label a, .rounded-box-label a:visited, .rounded-box-label a:active, .rounded-box-label a:hover {
	color: white;
}
/* the wide one */
div.rounded-corners-box.wide {
	 width: 461px;
}
.wide .rounded-corners-box-first {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/top-border-wide.png) no-repeat top right;
}
.wide .rounded-corners-box-second {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/bottom-border-wide.png) no-repeat bottom right;
}
/* the wide white one */

.enlarged .rounded-corners-box-first {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/top-border-wide-white.png) no-repeat top right;
}
.enlarged .rounded-corners-box-second {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/bottom-border-wide-enlarged.png) no-repeat bottom right;
	padding: 0px 0px 29px 0px;
}
.enlarged .rounded-corners-box-third {
	background: white url(http://www.meinberlin.de/@@/img/itempages/boxes/right-border-white.png) repeat-y right;
}
.enlarged .rounded-corners-box-fourth {
	background: white url(http://www.meinberlin.de/@@/img/itempages/boxes/left-border-white.png) repeat-y left;
}
/* the wide empty one */
.empty .rounded-corners-box-first {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/top-border-empty.png) no-repeat top right;
}
.empty .rounded-corners-box-second {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/bottom-border-empty.png) no-repeat bottom right;
}
.empty .rounded-corners-box-third {
	background: white url(http://www.meinberlin.de/@@/img/itempages/boxes/right-border-empty.png) repeat-y right;
}
.empty .rounded-corners-box-fourth {
	background: white url(http://www.meinberlin.de/@@/img/itempages/boxes/left-border-empty.png) repeat-y left;
}
/* the rockable scoopable box */
.scoop .rounded-corners-box-first {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/rocken-back.png) no-repeat top right;
	padding: 0px 0px 0px 0px;
}
.rounded-corners-box.scoop h3 {
	top: 6px;
}
.rounded-corners-box .pagination {
	text-align: center;
	width: 100%;
	margin: 10px auto 0px auto;
	padding: 7px 0px;
	border-top: 1px dotted #999999;
}
.enlargeable .pagination {
	display: none;
}
.rounded-corners-box .pagination li {
	margin: 0px;
	padding: 0px 5px;
	list-style: none;
	display: inline;
	font-weight: bold;
}
.rounded-corners-box .pagination li.prev {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/pagination-prev.png) no-repeat 4px 3px;
}
.rounded-corners-box .pagination li.next {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/pagination-next.png) no-repeat 4px 3px;
}
.rounded-corners-box .pagination li.active {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/pagination-active.png) no-repeat 1px 0px;
}
.rounded-corners-box .pagination li.active a {
	color: White;
}
.wanted-box .rounded-corners-box-second {
    background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/bottom-border-small-wo-arrow.png) no-repeat bottom right;
}


/* content of boxxes --------- */
/* compliments */

ul.compliments-small {
	float: none;
	clear: left;
	margin: 9px 0px 0px 0px;
}
ul.compliments-small li {
	float: none;
	clear: left;
	list-style: none;
	line-height: 17px;
	padding: 0px 9px 0px 66px;
	margin: 0px 0px 10px;
	position: relative;
}
ul.compliments-small li.first {
}
ul.compliments-small li img {
	position: absolute;
	top: 0px;
	left: 9px;
}
ul.compliments div.compliment {
	padding: 0px 0px 3px 23px;
	font-weight: bold;
	background: transparent url(http://www.meinberlin.de/@@/img/compliments/knorke.png) no-repeat top left;
}
ul.compliments-small li div.compliment-info {
	margin: 0px 0px 0px 0px;
	color: #666666;
}
ul.compliments div.sexy {
	background: transparent url(http://www.meinberlin.de/@@/img/compliments/sexy.png) no-repeat top left;
}
ul.compliments div.chill {
	background: transparent url(http://www.meinberlin.de/@@/img/compliments/chillen.png) no-repeat top left;
}
ul.compliments div.clever {
	background: transparent url(http://www.meinberlin.de/@@/img/compliments/clever.png) no-repeat top left;
}
ul.compliments div.cool {
	background: transparent url(http://www.meinberlin.de/@@/img/compliments/cool.png) no-repeat top left;
}
ul.compliments div.coffee {
	background: transparent url(http://www.meinberlin.de/@@/img/compliments/kaffee.png) no-repeat top left;
}
ul.compliments div.knorke {
	background: transparent url(http://www.meinberlin.de/@@/img/compliments/knorke.png) no-repeat top left;
}
ul.compliments div.hug {
	background: transparent url(http://www.meinberlin.de/@@/img/compliments/kuscheln.png) no-repeat top left;
}
ul.compliments div.dance {
	background: transparent url(http://www.meinberlin.de/@@/img/compliments/schwoofen.png) no-repeat top left;
}


/* broadcasts */
ul.last-broadcasts-small {
	
}
ul.last-broadcasts-small li {
	border-top: 1px dotted #999999;
	padding: 7px 9px 7px 9px;
	list-style: none;
	float: none;
	clear: both;
	min-height: 65px;
}
ul.last-broadcasts-small li:first-child, ul.last-broadcasts-small li.first {
	border: none;
}
ul.last-broadcasts-small img {
	margin: 3px 15px 0px 0px;
	float: left;
	width: 78px;
	height: 61px;
}
ul.last-broadcasts-small img.news {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/48/news.png) no-repeat 13px 5px;
}
ul.last-broadcasts-small img.place {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/48/place.png) no-repeat 13px 5px;
}
ul.last-broadcasts-small img.event {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/48/event42.png) no-repeat 13px 5px;
}

ul.last-broadcasts-small h2 {
	display: inline;
	font-size: 1.4em;
}
ul.last-broadcasts-small h2 a {
	color: Black;
}
ul.last-broadcasts-small h2 a:hover {
	color: #9f0020;
}
ul.last-broadcasts-small p {
	font-size: 1em;
	display: inline;
}
.broadcast-info {
	color: #666666;
}

/* Track */
ul.track-small {
	padding: 7px 0px 0px 0px;
}
ul.track-small li {
	border-top: 1px dotted #999999;
	padding: 7px 9px 7px 32px;
	list-style: none;
	font-weight: bold;
	font-size: 1.1em;
	position: relative;
}
ul.track-small li.editable {
	padding: 7px 60px 7px 32px;
}
ul.track-small li.first, ul.track-small li:first-child {
	border: none;
}
ul.track-small li.place {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/adress.png) no-repeat 5px center;
}
ul.track-small li.news {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/news.png) no-repeat 5px center;
}
ul.track-small li.event {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event.png) no-repeat 5px center;
}
ul.track-small li.event1 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event1.png) no-repeat 5px center;
}
ul.track-small li.event2 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event2.png) no-repeat 5px center;
}
ul.track-small li.event3 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event3.png) no-repeat 5px center;
}
ul.track-small li.event4 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event4.png) no-repeat 5px center;
}
ul.track-small li.event5 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event5.png) no-repeat 5px center;
}
ul.track-small li.event6 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event6.png) no-repeat 5px center;
}
ul.track-small li.event7 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event7.png) no-repeat 5px center;
}
ul.track-small li.event8 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event8.png) no-repeat 5px center;
}
ul.track-small li.event9 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event9.png) no-repeat 5px center;
}
ul.track-small li.event10 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event10.png) no-repeat 5px center;
}
ul.track-small li.event11 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event11.png) no-repeat 5px center;
}
ul.track-small li.event12 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event12.png) no-repeat 5px center;
}
ul.track-small li.event13 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event13.png) no-repeat 5px center;
}
ul.track-small li.event14 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event14.png) no-repeat 5px center;
}
ul.track-small li.event15 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event15.png) no-repeat 5px center;
}
ul.track-small li.event16 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event16.png) no-repeat 5px center;
}
ul.track-small li.event17 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event17.png) no-repeat 5px center;
}
ul.track-small li.event18 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event18.png) no-repeat 5px center;
}
ul.track-small li.event19 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event19.png) no-repeat 5px center;
}
ul.track-small li.event20 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event20.png) no-repeat 5px center;
}
ul.track-small li.event21 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event21.png) no-repeat 5px center;
}
ul.track-small li.event22 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event22.png) no-repeat 5px center;
}
ul.track-small li.event23 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event23.png) no-repeat 5px center;
}
ul.track-small li.event24 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event24.png) no-repeat 5px center;
}
ul.track-small li.event25 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event25.png) no-repeat 5px center;
}
ul.track-small li.event26 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event26.png) no-repeat 5px center;
}
ul.track-small li.event27 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event27.png) no-repeat 5px center;
}
ul.track-small li.event28 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event28.png) no-repeat 5px center;
}
ul.track-small li.event29 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event29.png) no-repeat 5px center;
}
ul.track-small li.event30 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event30.png) no-repeat 5px center;
}
ul.track-small li.event31 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event31.png) no-repeat 5px center;
}
/* Friends */
ul.userlisting-medium {
	float: none;
	clear: left;
	margin: 9px 5px 5px 9px;
}
ul.userlisting-medium li {
	list-style: none;
	width: 140px;
	float: left;
	text-align: left;
	font-size: 12px;
	padding: 10px 0px 0px 0px;
}
ul.userlisting-medium li img {
	float: left;
	position: relative;
	top: -7px;
	margin: 0px 7px 0px 0px;
}

/* news */

ul.nearest-news-small {
	padding: 0px 10px 0px 10px;
	float: none;
	clear: both;
	margin: 10px 0px;
}
ul.nearest-news-small li {
	float: left;
	width: 50%;
	overflow: hidden;
	position: relative;
	height: 150px;
	background: #3f3f3f;
}
ul.nearest-news-small img {
    border: 1px solid white;
}
ul.nearest-news-small h2 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: White;
	min-width: 20px;
	padding:2px 4px;
}
ul.nearest-news-small h2 small {
	font-weight: normal;
	color: #666666;
}

/* Beginning to merge 22.04.2208 */


/* Magazine Stuff ------------------------------------------------------------------------ */
/* Header */
#magazine-header {
	position: absolute;
	bottom: -1px;
	left: 187px;
}
#magazine-header.passive {
    display: none;
}
#magazine-header ul {
	float: none;	
	width: 520px;
}
#magazine-header li {
	float: left;
	width: 96px;
	text-align: center;
	list-style: none;
	height: 19px;
	padding: 6px 0px 0px 0px;
	margin: 0px 2px 0px 0px;
	background: transparent url(http://www.meinberlin.de/@@/img/magazine/tabs/tabs-sprite.png) no-repeat 0px 0px;
}
#magazine-header li.users {
    display: none;
}
#magazine-header li.active {
	background: transparent url(http://www.meinberlin.de/@@/img/magazine/tabs/tabs-sprite.png) no-repeat -119px 0px;
}
#magazine-header img {
	margin: 0px 7px 0px 0px;
}
#magazine-header a {
	color: Black;
}
#magazine-header .active a {
	color: White;
}
#magazine-header .title a {

}
#magazine-header .news a {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/18/news.png) no-repeat 5px 0px;	
    display:block;
    margin:auto;
    padding:2px 0px 6px 17px;
    position:relative;
    top:-2px;
    width:50px;
}
#magazine-header .events a {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/18/event.png) no-repeat 0px 1px;	
    display:block;
    margin:auto;
    padding:2px 0px 6px 17px;
    position:relative;
    top:-2px;
    width:50px;
}
#magazine-header .places a {
	background:transparent url(http://www.meinberlin.de/@@/img/icons/18/adress.png) no-repeat scroll 9px 1px;
    display:block;
    margin:auto;
    padding:2px 0px 6px 17px;
    position:relative;
    top:-2px;
    width:50px;
}
#magazine-header .users a {
	background:transparent url(http://www.meinberlin.de/@@/img/icons/18/user.png) no-repeat scroll 9px 1px;
    display:block;
    margin:auto;
    padding:2px 0px 6px 17px;
    position:relative;
    top:-2px;
    width:50px;
}


/* Magazine content main page -------------------- */

#magazine-main, #magazine-main-lead, #magazine-list {
	text-align: left;
	position: relative;
	margin:0px 10px;
	position: relative;
}
#magazine-main li, #magazine-main-lead li {
	list-style: none;
	margin: 0px 0px 20px 0px;
	position: relative;
}
#magazine-main h2 {
	font-size: 2em;
	font-stretch: narrower;
	margin: 0px 0px 10px 0px;
}
#magazine-main h2.place {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/adress.png) no-repeat 3px 3px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.news {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/news.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event1 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event1.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event2 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event2.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event3 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event3.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event4 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event4.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event5 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event5.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event6 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event6.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event7 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event7.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event8 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event8.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event8 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event8.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event9 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event9.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event10 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event10.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event11 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event11.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event12 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event12.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event13 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event13.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event14 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event14.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event15 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event15.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event16 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event16.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event17 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event17.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event18 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event18.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event19 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event19.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event20 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event20.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event21 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event21.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event22 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event22.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event23 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event23.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event24 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event24.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event25 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event25.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event26 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event26.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event27 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event27.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event28 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event28.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event29 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event29.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event30 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event30.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2.event31 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/22/event31.png) no-repeat 0px 0px;
	padding: 0px 0px 5px 30px;
}
#magazine-main h2 a {
	color: Black;
}
#magazine-main h2 a:hover {
	color: #9f0020;
}
#magazine-main-lead img.wide, #magazine-leads img.wide {
	margin: 0px 0px 10px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#magazine-main-lead li.lead-story {
	height: 300px;
	background: #3F3F3F;
}
#magazine-main img.left {
	margin: 3px 7px 3px 0px;
	float: left;
}

#magazine-leads { /* starting right column */
	text-align: left;
	position: relative;
	margin:0px 10px;
}
#magazine-leads li {
	list-style: none;
	position: relative;
	height: 155px;
}
#magazine-leads h2, #magazine-main li.lead-story h2 {
	font-size: 2.1em;
	font-stretch: narrower;
	margin: 0px 0px 10px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
#magazine-leads span.creation-date {
    display: none;
}




.scoops-list {
	display: inline;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.scoops-list span span {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/scoopen/right.png) no-repeat right top;
	padding: 0px 3px 0px 0px;
	height: 18px;
	display: block;
}
.scoops-list span {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/scoopen/left.png) no-repeat left top;
	padding: 0px 0px 0px 3px;
	height: 18px;
	display: block;
	float: left;
}
.scoops-list b {
	color: White;
	background: transparent url(http://www.meinberlin.de/@@/img/icons/scoopen/back.png) repeat-x center;
	display: block;
	height: 16px;
	padding: 2px 0px 0px;
}

.list-footer {
	background: #f8f7f3;
	border: 1px solid #e1e1de;
	float: none;
	clear: left;
	width: 99.7%;
	margin: 10px 0px 0px 0px;
	height: 26px;
	position: relative;
}
.list-footer .left {
	left:5px;
	position:relative;
	top: 5px;
	font-size: 0.9em;
}
.list-footer img {
	position: relative;
	margin: 0px 0px 0px 0px;
}
.list-footer .right {
	position: absolute;
	bottom: 6px;
	right: 10px;
	z-index: 10; 
}
.list-footer .right img {
    top: 4px;
}
li.lead-story .list-footer .right, #magazine-leads .list-footer .right {
	position: absolute;
	bottom: 6px;
	right: 2px;
}
.list-footer img.userpic {
	position: relative;
	top: 3px;
}
li.lead-story .list-footer, #magazine-leads .list-footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	clear: none;
}
#magazine-leads .list-footer {
	bottom: 10px;
}
#magazine-nav {
	margin: 15px 10px;
}

/* The lists ------------------------------------------------------------------------------*/
.list h1 {
	font-size:1.8em;
	padding:0px 0px 0px 10px;
	text-align:left;
}
/* Events */
#magazine-list {
	text-align: left;
	margin: 20px 10px;
}
#magazine-list li {
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 0px 0px;
}
#magazine-list li:first-child, #magazine-list li.first {
	background: #f2f2f2;
}
#magazine-list.priorized h2 {
	font-size: 1.6em;
	display: inline;
}
#magazine-list.priorized small {
	font-size: 0.45em;
}
#magazine-list img.left {
	float: left;
	margin: 3px 10px 0px 0px;
}
#magazine-list.priorized .priority {
	font-size: 5em;
	float: left;
	font-weight: bold;
	border: 5px solid black;
	border-left: none;
	border-right: none; 
	margin: 3px 15px 5px 15px;
	text-align: center;
	min-width: 45px;
	padding: 0px 7px;
}
#magazine-list.priorized li:first-child .priority {
	color: #b50327;
	border-color: #b50327;
}
#magazine-list p {
	padding: 0px 10px 0px 0px;
}
/* right columnstuff */
#calendar {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: relative;
	text-align: left;
	padding: 0px 15px 0px 15px;
}
#calendar label {
	display: block;
	color: #7d7d7d;
	font-size: 0.95em;
	position: relative;
}
#calendar small {
	color: #7d7d7d;
}
#calendar ul.months {
	margin: 3px 0px 10px 0px;
}
#calendar li {
	list-style: none;
}
#calendar ul.selectors li {
	display: none;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px;
	position: relative;
}
#calendar li img.open-handle {
	position: absolute;
	right: 8px;
	top: 8px;
	display: none;
	border: none;
	cursor: pointer;
}
#calendar li.selected img.open-handle {
	display: inline;
}
#calendar ul.selectors li.selected {
	display: block;
}
#calendar ul.days li {
	width: 133px;
}
#calendar ul.months li.selected, #calendar ul.days li.selected {
	background: transparent url(http://www.meinberlin.de/@@/img/lists/calendar/background-month.png) repeat-x 0px 0px;
	border-left: 1px solid #d9d9cf;
	height: 18px;
	padding: 3px 0px 0px 7px;
}
#calendar ul.days {
	margin: 0px 0px 0px 0px;
}
#calendar ul.days li {
	width: 60px;
	float: left;
	margin: 0px 10px 5px 0px;
}
/* sorting-Box */
ul.sorting {
	padding: 0px 15px;
	text-align: left;
}
ul.sorting li {
	background: transparent url(http://www.meinberlin.de/@@/img/lists/calendar/background-month.png) repeat-x 0px 0px;
	border-left: 1px solid #d9d9cf;
	height: 18px;
	padding: 3px 0px 0px 7px;
	list-style: none;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	position: relative;
}
ul.sorting li.rocks a {
	background: transparent url(http://www.meinberlin.de/@@/img/lists/sorting/background-rock.png) no-repeat 0px 0px;
	padding: 0px 0px 0px 80px;
	display: block;
	height: 16px;
}
ul.sorting li.date {
	background: transparent url(http://www.meinberlin.de/@@/img/lists/sorting/background-date.png) repeat-x 0px 0px;
	text-align: center;	
	padding-bottom: 12px;
	margin-bottom: 12px;
	border: none;
	border-bottom: 1px dotted #999999;  
}
ul.sorting li.date a, ul.sorting li.date a:active, ul.sorting li.date a:link {
	color: White;
}

/* Pagination */
.pagination {
	text-align: center;
	width: 100%;
	margin: 10px auto 0px auto;
	padding: 7px 0px;
}
.pagination li {
	margin: 0px;
	padding: 0px 5px;
	list-style: none;
	display: inline;
	font-weight: bold;
}
.pagination li.prev {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/pagination-prev.png) no-repeat 4px 3px;
}
.pagination li.next {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/pagination-next.png) no-repeat 4px 3px;
}
.pagination li.active {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/pagination-active.png) no-repeat 1px 0px;
}
.pagination li.active a {
	color: White;
}







/* gossip-related stuff -------------------------------------------------------------------*/

p.gossip {
	text-align: justify;
}
.dotted-box p.gossip {
	margin: 0px 7px;
}
div.gossip-info{
    padding:0 10px;;
    text-align:left;
    margin:0 0 15px 0;
}



/* Itempages ----------------------------------------------------------------------------- */

.preface {
/*	margin: 10px 0px 10px 160px; */
	text-align: left;
	font-size: 1em;
}
.preface h5 {
	font-size: 1.2em;
	color: #3f3f3f;
	font-weight: normal;
}
.preface img {
	float: left;
	margin: 0px 7px 0px 0px;
}
.preface .adress {
	color: #969696;
}
.preface .jump {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/jump.png) no-repeat 0px 0px;
	padding: 0px 0px 0px 25px;
	color: #b50327;
}

.article {
	text-align: left;
	margin: 0px 0px 0px 10px;
}
* html .article { /* only in old ies */
	margin: 13px 0px 0px 10px;
}
.article p {
	margin: 0px 0px 18px 0px;
	line-height: 1.6em;
}
.img-container {
	background: #3f3f3f;
	margin: 0px 0px 20px 0px;
	text-align: center;
}
.img-container ul {
	width: 100%;
	float: none;
/*	clear: both; */
}
.img-container li {
	float: left;
	margin: 7px 0px 7px 10px;
	list-style: none;
}
.img-container li img {
	border: 2px solid white;
}
.author {
	width: 195px;
	padding: 5px;
	background: #f8f7f3;
	border: 1px solid #e1e1de;
	clear: left;
	float: none;
	margin:0px 0px 20px;
}
.author img {
	float: left;
	margin: 0px 7px 0px 0px;
}
/* left navigation */
ul.hover-navi-buttons {
	padding: 0px;
	margin: 1px 0px -3px 15px;
}
ul.hover-navi-buttons li {
	padding: 6px 0px 0px 15px;
	text-align: left;
	margin: 0px 0px 3px 0px;
	list-style: none;
	width: 118px;
	height: 21px;
	background: #F0EFE6;
	border-color:#969696;
	border-style:solid;
	border-width:1px 1px 2px;
	color:#3F3F3F;
}
ul.hover-navi-buttons li:hover {
	border-color: #969696;
	border-style:solid;
	border-width:2px 1px 1px;
}
ul.hover-navi-buttons a {
	color:#3F3F3F;
}
ul.hover-navi-buttons li.hidden {
    display: none;
}



/* Comments **** */

/* lets move it to the boxes section ----------------------------------------> */
.rounded-corners-box.itempage {
	 width: 461px;
}
.itempage .rounded-corners-box-first {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/comments-top-border.png) no-repeat top right;
}
.itempage .rounded-corners-box-second {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/comments-bottom-border.png) no-repeat bottom right;
}
.itempage.enlargeable .rounded-corners-box-second {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/comments-bottom-border-enlargeable.png) no-repeat bottom right;
}
.itempage.empty .rounded-corners-box-second {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/comments-bottom-border-empty.png) no-repeat bottom right;
}
.itempage.empty .rounded-corners-box-first {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/comments-top-border-empty.png) no-repeat top right;
}
.itempage.enlarged .rounded-corners-box-first {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/top-border-wide-white.png) no-repeat top right;
}
.itempage.enlarged .rounded-corners-box-second {
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/bottom-border-wide-enlarged.png) no-repeat bottom right;
}

.add-something{
	position: absolute;
	top: 3px;
	right: 10px;
}

/* / Boxes movement ----------------------------------------------------------> */

ul.comments {
	margin: 15px 0px 0px 0px;
}
ul.comments li {
	list-style: none;
	padding: 0px 0px 0px 45px;
	position: relative;
	min-height: 26px;
	margin: 0px 0px 10px 0px;
}
ul.comments li img {
	position: absolute;
	top: 3px;
	left: 10px;
}
* html ul.comments li img { /* only old ies */
	left: -34px;
}
ul.comments li h4 {
	font-size: 1em;
	font-weight: bold;
}
ul.comments li p {
	margin: 0px;
	line-height: 1em;
}
ul.comments li.editable {
	padding: 0px 70px 0px 45px;
}
/* Editables */
ul.edit-panel {
	display: none;
}
li.editable ul.edit-panel {
	display: block;
	clear: both;
	position: absolute;
	bottom: 3px;
	right: 15px;
}
ul.edit-panel li {
	list-style: none;
	float: left;
	height: 22px;
	width: 22px;
	padding: 0px;
	border: none;
}
/*fixx to get rid of edit*/
ul.comments ul.edit-panel li.edit{
}


/*  Rocken - the Flipbook-Look ---------------------------------------------------------------- */
div.scoop-box {
	height: 50px;
	position: relative;
}
ul.flipbook {
	position: absolute;
	top: 0px;
	left: 10px;
	padding: 0px 21px 0px 0px;
	background: transparent url(http://www.meinberlin.de/@@/img/icons/scoopen/right-flip.png) no-repeat 145px 5px;
}
ul.flipbook li {
	list-style: none;
	margin: 5px 1px 0px 0px;
	float: left;
	width: 36px;
	height: 39px;
	background: transparent url(http://www.meinberlin.de/@@/img/icons/scoopen/count.png) no-repeat 0px 0px;
}
ul.flipbook li.c0 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/scoopen/count0.png) no-repeat 0px 0px;
}
ul.flipbook li.c1 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/scoopen/count1.png) no-repeat 0px 0px;
}
ul.flipbook li.c2 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/scoopen/count2.png) no-repeat 0px 0px;
}
ul.flipbook li.c3 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/scoopen/count3.png) no-repeat 0px 0px;
}
ul.flipbook li.c4 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/scoopen/count4.png) no-repeat 0px 0px;
}
ul.flipbook li.c5 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/scoopen/count5.png) no-repeat 0px 0px;
}
ul.flipbook li.c6 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/scoopen/count6.png) no-repeat 0px 0px;
}
ul.flipbook li.c7 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/scoopen/count7.png) no-repeat 0px 0px;
}
ul.flipbook li.c8 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/scoopen/count8.png) no-repeat 0px 0px;
}
ul.flipbook li.c9 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/scoopen/count9.png) no-repeat 0px 0px;
}
div.scoop-box a.scoop {
    display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	height: 21px;
	width: 95px;
	text-transform: uppercase;
	color: White;
	background: transparent url(http://www.meinberlin.de/@@/img/icons/scoopen/itemview-button.png) no-repeat 0px 0px;
	border: none;
	cursor: pointer;
	padding: 8px 0px 0px 15px;
}
/* Invite-Box -------------- */
ul.userlisting-medium li.header {
	padding: 10px 0px 20px 20px;
	width: 120px;
}
ul.userlisting-medium li.header.accepted {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/symbol-true.png) no-repeat 0px 13px;
}
ul.userlisting-medium li.header.declined {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/symbol-false.png) no-repeat 0px 13px;
}
/* empty box --------------- */
.empty h3 {
	color: #969696;
}
.empty .add-something {
	color: #969696;
}
.empty .be-first {
	font-size: 2em;
	font-weight: bold;
	color: #b50327;
	background: transparent url(http://www.meinberlin.de/@@/img/itempages/boxes/empty+.png) no-repeat 0px 2px;
	padding: 0px 0px 0px 30px;
	margin: 20px 0px 20px 50px;
}

/* additional Header classes to display different dates */
#hover-header h1.event1 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event1.png) no-repeat 0px 0px;
}
#hover-header h1.event2 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event2.png) no-repeat 0px 0px;
}
#hover-header h1.event3 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event3.png) no-repeat 0px 0px;
}
#hover-header h1.event4 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event4.png) no-repeat 0px 0px;
}
#hover-header h1.event5 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event5.png) no-repeat 0px 0px;
}
#hover-header h1.event6 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event6.png) no-repeat 0px 0px;
}
#hover-header h1.event7 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event7.png) no-repeat 0px 0px;
}
#hover-header h1.event8 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event8.png) no-repeat 0px 0px;
}
#hover-header h1.event9 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event9.png) no-repeat 0px 0px;
}
#hover-header h1.event10 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event10.png) no-repeat 0px 0px;
}
#hover-header h1.event11 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event11.png) no-repeat 0px 0px;
}
#hover-header h1.event12 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event12.png) no-repeat 0px 0px;
}
#hover-header h1.event13 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event13.png) no-repeat 0px 0px;
}
#hover-header h1.event14 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event14.png) no-repeat 0px 0px;
}
#hover-header h1.event15 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event15.png) no-repeat 0px 0px;
}
#hover-header h1.event16 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event16.png) no-repeat 0px 0px;
}
#hover-header h1.event17 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event17.png) no-repeat 0px 0px;
}
#hover-header h1.event18 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event18.png) no-repeat 0px 0px;
}
#hover-header h1.event19 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event19.png) no-repeat 0px 0px;
}
#hover-header h1.event20 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event20.png) no-repeat 0px 0px;
}
#hover-header h1.event21 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event21.png) no-repeat 0px 0px;
}
#hover-header h1.event22 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event22.png) no-repeat 0px 0px;
}
#hover-header h1.event23 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event23.png) no-repeat 0px 0px;
}
#hover-header h1.event24 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event24.png) no-repeat 0px 0px;
}
#hover-header h1.event25 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event25.png) no-repeat 0px 0px;
}
#hover-header h1.event26 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event26.png) no-repeat 0px 0px;
}
#hover-header h1.event27 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event27.png) no-repeat 0px 0px;
}
#hover-header h1.event28 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event28.png) no-repeat 0px 0px;
}
#hover-header h1.event29 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event29.png) no-repeat 0px 0px;
}
#hover-header h1.event30 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event30.png) no-repeat 0px 0px;
}
#hover-header h1.event31 {
	background: transparent url(http://www.meinberlin.de/@@/img/icons/38/event31.png) no-repeat 0px 0px;
}



/* Gossip - the elements you talk about -------------------------------------------- */

#gossip-nav {
    margin: 15px 10px;
}
#fading-gossip {
    font-size: 1.6em;
    margin: 15px 10px;
    text-align: left;
}
p.gossip-nav {
    font-size: 1.1em;
}
ul.gossip-nav {
    font-size: 1.1em;
    margin: 7px;
}
ul.gossip-nav li {
    list-style: none;
    display: inline;
    margin:0px 0px 3px;
}
ul.gossip-nav li.seperator {
    margin: 0px 3px;
}



/* NEEDLES AND PINS ------------------------------------------------------*/

.hover-bubble {
    background:transparent url(http://www.meinberlin.de/@@/img/needles/bubble/background.png) no-repeat scroll 0px 0px;
    height:92px;
    padding:5px;
    position:absolute;
    text-align:left;
    width:175px;
    cursor: pointer;
}
.hover-bubble img {
    float: right;
    margin: 2px 3px 0px 5px;
}
.hover-bubble p {
    font-size: 0.9em;
    padding: 3px 5px;
    overflow-x: hidden;
}
.hover-bubble p.hover-date {
    position: absolute;
    bottom: 22px;
}
#mbBigBubble_tl, #mbBigBubble_tr, #mbBigBubble_bl, #mbBigBubble_br, #mbBigBubble_t, #mbBigBubble_l, #mbBigBubble_r, #mbBigBubble_b {
    height:0px;
    width:0px;
}
.hover-bubble img.bubble-flag {
    margin: 0px;
    position: absolute;
    left: 0px;
    bottom: -33px;
}
.hover-bubble * {
    cursor: pointer;
}
#flag-repository {
    display: none;
}
.large_bubble_shadow {
    height: 62px;
    width: 225px;
    background: transparent url(http://www.meinberlin.de/@@/img/needles/bubble/shadow.png) no-repeat 0px 0px;
    display: none;
}
#frabo {
    position: absolute;
    width: 1px;
    height: 1px;
    display: none;
}













/* Ads ==================================================================================== */
		/*
		#adslot-bigsize { background: red; height: 90px; width: 728px; float: right; }
		#adslot-sky { background: red; width: 120px; height: 600px; position: absolute; left: 1008px; top: 6px;  }
		*/

/* viewmode widget ======================================================================== */
div#viewmode{
    margin:10px;
    width:151px;
    height:60px;
    float: none;
}
div#viewmode span{
    font-size:11px;
}
div#viewmode a{
    display:block;
    float:left;
    width:50px;
    color:#000;
    text-decoration:none;
}
div#viewmode a:hover span{
    color:#9F0020;
}
div#viewmode div{
    display:block;
    height:6px;
    padding-top:50px;
    width:50px;
}

div#viewmode-map{
    background:transparent url(http://www.meinberlin.de/@@/img/general/viewmode/map_button.png) no-repeat;
}
div#viewmode-mag{
    background:transparent url(http://www.meinberlin.de/@@/img/general/viewmode/mag_button.png) no-repeat;
}
div#viewmode div#viewmode-gossip{
    background:transparent url(http://www.meinberlin.de/@@/img/general/viewmode/gossip_button.png) no-repeat;
    width:51px;
}
div#viewmode a:hover div#viewmode-map, div#viewmode-map.active {
    background:transparent url(http://www.meinberlin.de/@@/img/general/viewmode/map_button.png) no-repeat 0px -56px;
} 
div#viewmode a:hover div#viewmode-mag, div#viewmode-mag.active {
    background:transparent url(http://www.meinberlin.de/@@/img/general/viewmode/mag_button.png) no-repeat 0px -57px;
} 
div#viewmode a:hover div#viewmode-gossip, div#viewmode div#viewmode-gossip.active {
    background:transparent url(http://www.meinberlin.de/@@/img/general/viewmode/gossip_button.png) no-repeat 0px -56px;
}
/* create content widget ================================================================= */

div#create-content{
    margin:10px;
    width:151px;
    text-align:left;
}
div#create-content a, 
div#create-content a:hover{
    display:block;
    border-left:1px solid #969696;
    border-right:1px solid #969696;
    border-top:1px solid #969696;
    border-bottom:2px solid #969696;
    margin:0 0 3px 0;
    padding:5px 0 0 27px;
    height:19px;
    color:#3F3F3F;
    text-decoration:none;
}
div#create-content a:hover {
	border-color: #969696;
	border-style:solid;
	border-width:2px 1px 1px;
}


div#create-content a#create-news{
    background:#F0EFE6 url(http://www.meinberlin.de/@@/img/general/createcontent/newsitem.png) no-repeat 3px;
}
div#create-content a#create-place{
    background:#F0EFE6 url(http://www.meinberlin.de/@@/img/general/createcontent/place.png) no-repeat 3px;
}
div#create-content a#create-event{
    background:#F0EFE6 url(http://www.meinberlin.de/@@/img/general/createcontent/event.png) no-repeat 3px;
}

/* navigation slider wiget ================================================================= */
div#nav-slider{
    height:192px;
	position: relative;
	text-align: left;
}
div#slider{
    margin:0 0 0 10px;
    float:left;
	height: 185px;
	position: relative;
}
div#slider-head{
    background:transparent url(http://www.meinberlin.de/@@/img/general/navslider/slider_headshadow.gif) no-repeat 50% 0;
    width:22px;
    display:block;
    height:5px;
}
div#slider-foot{
    background:transparent url(http://www.meinberlin.de/@@/img/general/navslider/slider_footshadow.gif) no-repeat 50% 0;
    display:block;
    height:5px;
    width:22px;
    position:absolute;
    top:175px;
    z-index:1;
}
div#slider-scala-left{
    background:transparent url(http://www.meinberlin.de/@@/img/general/navslider/scala_left.png) no-repeat 0 0;
    width:5px;
    position:absolute;
    height:174px;
    left:0px;
    display:block;
}
div#slider-scala-right{
    background:transparent url(http://www.meinberlin.de/@@/img/general/navslider/scala_right.png) no-repeat 0 0;
    height:174px;
    width:5px;
    left:18px;
    position:absolute;
    display:block;
}
div#slider-button{
    background:transparent url(http://www.meinberlin.de/@@/img/general/navslider/slider_background.gif) no-repeat;
    position:absolute;
    z-index:1;
    width: 22px;
    height: 174px;
}
div#nav{
    width:122px;
    display:block;
    float:left;
    height:185px;
    padding:0 0 0 8px;
    margin:0;
	position: relative;
}
div#nav-top a{
    display:block;
    border-left:1px solid #969696;
    border-right:1px solid #969696;
    border-top:1px solid #969696;
    border-bottom:2px solid #969696;
    margin:0 0 3px 0;
    padding:3px 0 0 0;
    height:18px;
    color:#3F3F3F;
    text-decoration:none;
    background-color:#F0EFE6;
    width:124px;
}

div#nav-middle{
    background:transparent url(http://www.meinberlin.de/@@/img/general/navslider/dropdown_bg.png) no-repeat 0 0;
    height:17px;
    width:124px;
    display:block;
    position:absolute;
    top:80px;
    color:#fff;
    text-align:left;
    padding:3px 0 0 10px;
    left: 10px;
}
div#nav-bottom{
    position:absolute;
    bottom:5px;
    left:9px;
}
div#nav-bottom input{
    border-style:solid;
    border-color:#3F3F3F;
    border-width:2px 1px 1px 1px;
    color:#969696;
    width:124px;
    height:20px;
}
div#nav-bottom input.filled {
    padding-top:5px;
    }
div#nav-bottom input.empty {
    padding-top:5px;
    }

.ui-slider-handle { 
    position: absolute; 
    z-index: 1; 
    height: 45px; 
    width: 22px; 
    top: 0px; 
    left: 0px; 
    background:transparent url(http://www.meinberlin.de/@@/img/general/navslider/slider_button.gif) no-repeat 0 0;
	cursor: move;
}

/* Live Search Box */
div.live-search-box div.column-left {
    width:10px;
    float: left;
    }
div.live-search-box div.arrow {
    margin-top:8px;
    width:10px;
    height:20px;
    background: url(http://www.meinberlin.de/@@/img/box/searchbox_arrow.png) no-repeat scroll 0pt 0px;
    }
div.live-search-box div.column-right {
    float:left;
    width:auto;
    }
div.live-search-box div.top {
    background: url(http://www.meinberlin.de/@@/img/box/searchbox_top.png) no-repeat scroll 0pt 0px;
    width:147px;
    height:6px;
    }
div.live-search-box div.content {
    background: url(http://www.meinberlin.de/@@/img/box/searchbox_middle.png) repeat-y;
    width:147px;
    height:auto;
    min-height:50px;
    text-align:left;
    }
div.live-search-box div.bottom {
    background: url(http://www.meinberlin.de/@@/img/box/searchbox_bottom.png) no-repeat scroll 0pt 0px;
    width:147px;
    height:6px;
    float:left;
    }



div#sliderLocationSearchResult {
    position:absolute;
    top:-4px;
    left:129px;
    width:187px;
    }
div.live_search span.street{
    color:#000;
    }
div.live_search ul{
        list-style:none;
        padding-top:10px;
        padding-bottom:10px;
    }
div.live_search li{
        padding-bottom:2px;
        padding-left:10px;
        padding-right:10px;
        padding-top:2px;
    }
div.live_search li:hover{
        margin-left:2px;
        margin-right:2px;
        padding-left:8px;
        padding-right:8px;
        color:#fff;
        background-color:#990000;
    }
div.live_search li:hover span.street{
        color:#fff;
    }
div.live_search p {
        padding:10px;
    }
div#nav-bottom img.loadanimation {
        position:absolute;
        top:6px;
        left:105px;
        width:16px;
        height:16px;
        border:none;
    }



/* login -------------------------------------------------------------------- */

fieldset {
    border:none;
}

.btnred, .btngreen {
    width:40px;
    height:20px;
    text-align:center;
    color:white;
    font-size:14px;
    padding-top:5px;
    cursor:pointer;
}

.btnred {background:no-repeat url("http://www.meinberlin.de/@@//img/forms/btn-red.png");}
.btngreen {background:no-repeat url("http://www.meinberlin.de/@@//img/forms/btn-green.png");}

ul.errors {
    list-style:none;
}



.loginbox p.error,
#changePasswordForm p.error,
#passwordForgottenForm p.error {
    color: #b40226;
    font-size:11px;
    margin-bottom:8px;
}

.loginbox div.inputblock div.input {
    padding: 3px 2px 1px 0px;
    border-top:solid #3e3e3e 1px;
}

.loginbox input {
    font-size:12px;
}

.loginbox div.loginLinks {
    float: left;
    height: 50px;
    padding-top:2px;
    vertical-align: middle;
}

.loginbox div.loginLinks a {
    padding-top:0px;
    margin-top:0px;
    color: #b40226;
    font-size:10px;
}

.loginbox div.inputblock {
    margin-bottom:4px;
}

.loginbox div.stepblock,
.loginbox div.inputblock {
    width: 100%;
}


/* preform styles */

.ts-description {
    font-weight:bold;
    margin:10px 0px;
    font-size:12px;
}

.ts-results {
    height:205px;
    overflow:auto;
}

.as-description {
    color:#dddbd0;
}

.as-map {
    margin-right:15px;
    width:490px;
    float:right;
    font-size:11px;
    line-height:15px;
}

div#as-mapcontainer {
    position:relative;
    float:left;
    background-color:#333333;
    z-index:998;
}

div#as-zoom {
    float:right;
    position:relative;
    top:0px;
    left:15px;
    width:30px;
    height:175px;
    background: transparent url('http://www.meinberlin.de/@@//img/general/navslider/widget-scala.gif') no-repeat;
}
div#as-zoom-background {

}
div#as-zoomslider {
    position: relative;
    height: 168px;
    margin: 4px 0px;
    width: 22px;
    left: -3px;
    background: transparent url('http://www.meinberlin.de/@@//img/general/navslider/slider_background.gif') no-repeat 0px -140px;
}
div#as-zoomslider .ui-slider-handle {
    position: absolute;
    left: 0px;
    cursor: move;
    z-index: 1;
    display:block;
    width: 22px;
    height: 45px;
    background: transparent url('http://www.meinberlin.de/@@//img/general/navslider/slider_button.gif') no-repeat 0px 0px;
}

.as-discovered {
    margin-top:16px;
    height:155px;
    overflow:auto;
}


div.as-left {
    float:left;
    width:380px;
}

.as-results {
    position:absolute;
    border:solid #f0efe6 1px;
    z-index:1000;
    background-color:white;
    width:304px;
    max-height:200px;
    top:65px;
    left:25px;
    overflow:auto;
}

.as-results .result {
    padding:3px 5px;
    border-bottom:solid #f0efe6 1px;
    cursor:pointer;
}

.as-results .result:hover, .as-hover-remote {
    background-color:#f0efe6;
}


.as-results .lsr-title {
    color:#b40226;
}

div#co-mapcontainer {
    width:205px;
    height:190px;
    background-color:#3e3e3e;
}

div.co-details {
    margin-top:25px;
}
div.co-details .title {
    font-size:14px;
    font-weight:bold;
}

/* form input blocks --------------------------------------------------- */

div.inputblock {
    margin-bottom:12px;
    font-size:11px;
}

div.inputblock .label {
    font-size: 11px;
    float:left;
    margin-bottom:2px;
}

div.inputblock .info {
    float:right;
    color:#dddddd;
    font-size: 11px;
}

div.inputblock.error div.info {
    color:#b40226;
    font-size: 11px;
}

div.inputblock.error div.input {
    background-color:#b40226;
    font-size: 11px;
}

div.inputblock.error div.input input, div.inputblock.error div.input textarea {
    background-color:#b40226;
    border:none;
    color:#ffffff;
}

div.inputblock.noerror div.input {
    background-color:#ffffff;
}
div.inputblock.noerror div.input input {
    background-color:#ffffff;
    color:#3e3e3e;
}


div.inputblock div.accept {
    margin-top:6px;
}
div.inputblock div.accept input {
    margin-right:3px;
}

div.inputblock div.input {
    clear:both;
}

div.error input,
div.error textarea{
    background-color:#b40226;
    border:none;
    color:#ffffff;
    font-size:14px;
}
div.error div.info{
    float:right;
    color:#b40226;
}
/* textinput block ------------------------------------------------------- */

div.inputblock.text .input {
    clear:both;
    border:solid 1px #efeee5;
    padding:5px 3px;
    position:relative;
}

div.inputblock.text div.input input {
    border:solid white 1px;
    width:100%;
    font-size:14px;
}

div.inputblock.text.error div.input input{
    border:none;
}



/* next -------------------------------------------------------------------- */
div.inputblock.next img {
}


div.inputblock.next input {
    font-size:14px;
    margin-right:6px;
    padding:6px 2px 2px 2px;
    height:16px;
    border:solid #efeee5 1px;
    float:left;
}

.narrowbox div.inputblock.next input {
    width:163px;
}

.broadbox div.inputblock.next input, {
    width:408px;
}


fieldset.location div.inputblock.next input {
    width:300px;
}


/* datetime combo block ------------------------------------------------ */


div.inputblock.datetime .input {
    padding-top:2px;
    font-size:16px;
}

div.inputblock.datetime .input input, div.inputblock.datetime .input select {
    border:solid #dddddd 1px;
    text-align:center;
}

div.inputblock.datetime .month, div.inputblock.datetime .day {
    width:50px;
}

div.inputblock.datetime .year {
    width:70px;
}

div.inputblock.datetime .hour, div.inputblock.datetime .minute {
    text-align:center;
    margin-top:5px;
    width:50px;
}

/* textarea block ------------------------------------------------ */

textarea.alotoftext {
    height:200px;
    width:100%;
    border:solid 1px #dddddd;
    clear:both;
    font-size:11px;
}

div.inputblock.textarea .input {
    clear:both;
    border:solid 1px #dddddd;
    padding:5px 3px;
}

div.inputblock.textarea .input textarea {
    width:100%;
    height:93px;
    border:solid white 1px;
    font-size:14px;
}

div.inputblock.textarea.medium .input textarea {
    height:170px;
}

div.inputblock.textarea.big .input textarea {
    height:270px;
}
div.inputblock.textarea.small .input textarea {
    height:30px;
}

/* fixed size dropdown block ------------------------------------------------ */

div.inputblock.dropdown {
    position:relative;
    z-index:20;
    width:215px;
    margin-bottom:12px;
    font-size:11px;
}

div.inputblock.dropdown .info {
    float:right;
    color:#dddddd;
    margin-right:10px;
}

div.inputblock.dropdown .input {
    clear:both;
}


/* fixed size button block ------------------------------------------------ */

div.inputblock.upload {
    height:40px;
    
}

div.inputblock.upload input.hidden {
    position:absolute;
    opacity: 0;
    filter: alpha(opacity=0, finishopacity=0, style=0);
    -moz-opacity: 0;
    z-index:2;
    margin-top: 8px;
    height: 25px;
    margin-left: 30px;
}


div.inputblock.upload .visible_text {
    border:solid #dddddd 1px;
    height:20px;
    padding-top:2px;
    margin-top:1px;
    font-size:14px;
    width:175px;
}

div.inputblock.upload .visible_browse {
    position:relative;
    left:5px;
    top: 8px;
    cursor:pointer;
} 

/* fixed size button block ------------------------------------------------ */

div.inputblock.button, div.inputblock.locationwidget {
    width:205px;
    margin-bottom:12px;
    font-size:11px;
}

div.inputblock.button .input, div.inputblock.locationwidget .input {
    clear:both;
}


/* radio block*/

div.inputblock.radio .input {
    font-size:16px;
}

div.inputblock.radio .input .middle {
    float:left; 
    margin-left:8px
}

div.inputblock.radio .input .left {
    float:left;
    width:150px;
    text-align:right;
}
div.inputblock.radio .input .left input {
    float:right;
    margin-left:4px;
    margin-top:2px;
}

div.inputblock.radio .input .right {
    float:right;
    width:150px;
}




/* change step block -------------------------------------------------------- */

div.stepblock {
    clear:both;
    height:50px;
    position:absolute;
    bottom:10px;
    left:25px;
    right:25px;
}

.narrowbox div.stepblock {
    width:215px;
}

.broadbox div.stepblock  {
    width:460px;
}

fieldset.location .stepblock {
    width:353px;
}

fieldset.location .inputblock.next {
    width:353px;
}

div.stepblock img, div.stepblock input {
    margin:5px 0px;
    cursor:pointer;
}

div.stepblock img.floatleft {
    float: left;
}

/* the submit button */
div.stepblock input {
    float:right;
    color:#ffffff;
    font-size:14px;
    width:40px;
    height:25px;
    background:url("http://www.meinberlin.de/@@//img/forms/btn-green.png");
    border:none;
}

div.stepblock input.red {
    background:url("http://www.meinberlin.de/@@//img/forms/btn-red.png");
}

div.stepblock img.prev {
    float:left;
}

div.stepblock img.next {
    float:right;
}
    
div.stepblock div.stop, div.stepblock div.ok {
    cursor:pointer;
    float:right;
    margin:5px 2px 0px 0px;
    padding-top:5px;
    width:67px;
    height:25px;
    text-align:center;
    font-size:14px;
    color:#ffffff;
}

div.stepblock div.stop {
    background:no-repeat url("http://www.meinberlin.de/@@//img/forms/btn-red.png");
}
div.stepblock div.ok {
    background:no-repeat url("http://www.meinberlin.de/@@//img/forms/btn-green.png");
}


.broadbox div.stepblock div.stop {
    margin-right:254px;
}

/* preview block */

dl.preview {
    margin:0px 0px;
}

dl.preview img.icon {
    float:left;
    margin: 0px 4px 0px 2px;
}


dl.preview dd.title {
    margin-bottom:8px;
    font-weight:bold;
    font-size:14px;
}

dl.preview dt.title {
    margin:5px 0px 0px 0px;
    font-weight:bold;
    font-size:14px;
}

dl.preview dt {
    font-weight:bold;
}

dl.preview dd {
    overflow:auto;
    max-height:50px;
    padding-right:20px;
    margin-bottom:3px;
}

/*
div.privacyblock {
    margin: 14px 0px;
}
div.privacyblock td.radio {
    width:30px;
    text-align:center;
}*/


/* compliment form ------------------------------------------------------------- */

/*.complimentForm 
*/
.complimenttypes div {
    width:70px;
    height:18px;
    border: solid #dddddd 1px;
    margin:2px;
    float:left;
    padding-top:2px;
    padding-left:25px;
    font-size:14px;
    cursor:pointer;
    
    background-repeat:no-repeat;
    background-position:3px 3px;
}


.complimenttypes.reply div {
    width:140px;
}

.complimenttypes div.active {
    background-color:#efefe5;
}

.complimenttypes div.hug {
    background-image:url('http://www.meinberlin.de/@@//img/compliments/kuscheln.png');
}
.complimenttypes div.coffee {
    background-image:url('http://www.meinberlin.de/@@//img/compliments/kaffee.png');
}
.complimenttypes div.clever {
    background-image:url('http://www.meinberlin.de/@@//img/compliments/clever.png');
}
.complimenttypes div.cool {
    background-image:url('http://www.meinberlin.de/@@//img/compliments/cool.png');
}
.complimenttypes div.dance {
    background-image:url('http://www.meinberlin.de/@@//img/compliments/schwoofen.png');
}
.complimenttypes div.chill {
    background-image:url('http://www.meinberlin.de/@@//img/compliments/chillen.png');
}
.complimenttypes div.sexy {
    background-image:url('http://www.meinberlin.de/@@//img/compliments/sexy.png');
}
.complimenttypes div.knorke {
    background-image:url('http://www.meinberlin.de/@@//img/compliments/knorke_2.png');
}

.complimenttypes div.whereandwhen {
    background-image:url('http://www.meinberlin.de/@@//img/dashboard/bt-add-gruen-ohne.gif');
}
.complimenttypes div.thanks {
    background-image:url('http://www.meinberlin.de/@@//img/dashboard/bt-add-gruen-ohne.gif');
}

.complimenttypes div.youmustbecrazy {
    background-image:url('http://www.meinberlin.de/@@//img/dashboard/bt-del-rot-ohne.gif');
}
.complimenttypes div.idontthinkso {
    background-image:url('http://www.meinberlin.de/@@//img/dashboard/bt-del-rot-ohne.gif');
}

#lw-zoomslider {
	position: absolute;
	top: 98px;
	left: 5px;
}
/* flag this form */
.flag-form textarea {
    width: 100%;
    height: 130px;
    border:1px solid #EFEEE5;
}
.flag-form .username {
    font-size: 0.9em;
}
.flag-form .date, .flag-form .url {
    display: none;
}
.flag-form .this-entry {
    margin: 5px 0px 3px;
}
.flag-form h3 {
    font-size: 1.4em;
    padding: 0px 0px 0px 25px;
    margin: 0px 0px 0px 20;
}
.flag-form h3.news {
	background: transparent url(http://www.meinberlin.de/@@//img/icons/18/news.png) no-repeat 2px 0px;
}
.flag-form h3.place {
	background: transparent url(http://www.meinberlin.de/@@//img/icons/18/adress.png) no-repeat 2px 1px;
}
.flag-form h3.homefolder {
	background: transparent url(http://www.meinberlin.de/@@//img/icons/18/user.png) no-repeat 2px 2px;
}
.flag-form h3.event {
	background: transparent url(http://www.meinberlin.de/@@//img/icons/18/event.png) no-repeat 2px 0px;
}



/* inputwidgets */


/* generic rounded box -------------------------------------------------------*/

.roundedbox {
    position:relative;
    text-align:left;
    margin: 0 auto;
}

.roundedbox .rb-content {
    padding:25px;
    position:absolute;
    z-index:100;
}

.roundedbox .rb-border {
    position:absolute;
    width:100%;
}
.roundedbox li {
    list-style: none;
}

.roundedbox .rb-clt {
    position:absolute;
    top:0px;
    left:0px;
    width:25px;
    height:25px;
    background:url('http://www.meinberlin.de/@@//img/box/clt.png') no-repeat;
}
.roundedbox .rb-crt {
    position:absolute;
    top:0px;
    right:0px;
    width:25px;
    height:25px;
    background:url('http://www.meinberlin.de/@@//img/box/crt.png') no-repeat;
}
.roundedbox .rb-crb {
    position:absolute;
    bottom:0px;
    right:0px;
    width:25px;
    height:25px;
    background:url('http://www.meinberlin.de/@@//img/box/crb.png') no-repeat;
}
.roundedbox .rb-clb {
    position:absolute;
    bottom:0px;
    left:0px;
    width:25px;
    height:25px;
    background:url('http://www.meinberlin.de/@@//img/box/clb.png') no-repeat;
}

.roundedbox .rb-bt {
    position:absolute;
    right:25px;
    left:25px; 
    height:25px;
    background:url('http://www.meinberlin.de/@@//img/box/bt.png') repeat-x; 
}

.roundedbox .rb-bb {
    position:absolute;
    bottom:0px;
    right:25px;
    left:25px; 
    height:25px;
    background:url('http://www.meinberlin.de/@@//img/box/bb.png') repeat-x; 
}

.roundedbox .rb-bl {
    position:absolute;
    width:25px;
    top:25px;
    bottom:25px; 
    background:url('http://www.meinberlin.de/@@//img/box/bl.png') repeat-y; 
}

.roundedbox .rb-br {
    position:absolute;
    width:25px;
    top:25px;
    bottom:25px; 
    right:0px;
    background:url('http://www.meinberlin.de/@@//img/box/br.png') repeat-y; 
}

/* end generic box positions*/

.roundedbox .rb-head {
    height:40px;
    margin-bottom:10px;
    font-size:14px;
    font-weight:bold;
    color:$color.red;
}
.roundedbox .rb-head  h2 {
    font-size: 1.5em;
}
.roundedbox.broadbox .rb-head {
/*    width:705px;
*/}

.roundedbox .rb-bg {
    left:25px;
    top:25px;
    right:25px;
    bottom:25px;
    background-color:white;
}



/* login box ---------------------------------------------------------------*/
.loginbox .rb-clt {
    width:25px;
    height:42px;
    background:url('http://www.meinberlin.de/@@//img/box/login-clt.png') no-repeat;
}
.loginbox .rb-crt {
    height:42px;
    background:url('http://www.meinberlin.de/@@//img/box/login-crt.png') no-repeat;
}
.loginbox .rb-bt {
    height:42px;
    width: 163px;
    background:url('http://www.meinberlin.de/@@//img/box/login-bt.png') no-repeat; 
}
.loginbox .rb-br,
.loginbox .rb-bl {
    top: 42px;
    height: 238px;
}
.loginbox .rb-bb {
  width: 163px;
}
.loginbox .rb-bg {
  background-color: transparent;
}

.loginbox,
.loginbox .rb-border {
    width: 213px;
    height: 305px;
}
.loginbox .rb-head {
    height:17px;
    margin-bottom: 0px;
    font-size:14px;
    font-weight:bold;
    color:$color.red;
    position: relative;
    top: -5px;
}
.loginbox .rb-bg .rb-body {
  top: 42px;
  padding-top: 10px;
  background-color: white;
  height: 238px;
  width: 163px;
}


/* narrow box dimensions-------------------------------------------------------*/
.narrowbox, .narrowbox .rb-border {
    width:265px;
    height:420px;
}

.narrowbox .rb-bb, .narrowbox .rb-bt {
    width:215px;
}

.narrowbox .rb-br, .narrowbox .rb-bl {
    height:370px;
}
.narrowbox .rb-bg {
    width:215px;
    height:370px;
}

.narrowbox .rb-content {
    width:215px;
}

/* broad box dimensions---------------------------------------------------------*/
.broadbox, .broadbox .rb-border {
    width:510px;
    height:420px;
}

.broadbox .rb-bb, .broadbox .rb-bt {
    width:460px;
}

.broadbox .rb-br, .broadbox .rb-bl {
    height:370px;
}
.broadbox .rb-bg {
    width:460px;
    height:370px;
}
.broadbox .rb-content {
    width:460px;
}

/* popup box dimensions---------------------------------------------------------*/
.popupbox, .popupbox .rb-border {
    width:380px;
    height:475px;
}

.popupbox .rb-bb, .popupbox .rb-bt {
    width:330px;
}

.popupbox .rb-br, .popupbox .rb-bl {
    height:425px;
}
.popupbox .rb-body, .popupbox .rb-content, .popupbox .rb-bg  {
    width:330px;
    height:425px;
}


/* alert box dimensions---------------------------------------------------------*/
.alertbox, .alertbox .rb-border {
    width:255px;
    height:215px;
}

.alertbox .rb-bb, .alertbox .rb-bt {
    width:205px;
}

.alertbox .rb-br, .alertbox .rb-bl {
    height:165px;
}
.alertbox .rb-body, .alertbox .rb-content, .alertbox .rb-bg  {
    width:205px;
    height:165px;
}

.alertbox .stepblock {
    width:205px;
}

/* search result boxes */

div#district_overlay {
    display:none;
    left:119px;
    padding:20px;
    position:absolute;
    top:52px;
    width:187px;
    z-index:1;
}

div.live_search span.street{
    color:#000;
    }
div.live_search ul{
        list-style:none;
        padding-top:10px;
        padding-bottom:10px;
    }
div.live_search li{
        padding-bottom:2px;
        padding-left:10px;
        padding-right:10px;
        padding-top:2px;
    }
div.live_search li:hover{
        margin-left:2px;
        margin-right:2px;
        padding-left:8px;
        padding-right:8px;
        color:#fff;
        background-color:#990000;
    }
div.live_search li:hover span.street, 
div.live_search li:hover a {
        color:#fff;
        text-decoration: none;
    }
div.live_search p {
        padding:10px;
    }
/* Please register layer*/
#registerlayer_main * {
    font-size: 1.1em;
}
#registerlayer_main p {
    margin: 7px 0px;
}
#registerlayer_main li {
    margin: 3px 10px;
    list-style-image:url(http://www.meinberlin.de/@@//img/loginmenu/dots.png);
    list-style-position:outside;
    list-style-type:none;
}
#registerlayer_main ul {
    margin:10px 5px 30px 30px;
}

/* dashboard box dimensions---------------------------------------------------------*/
.dashboardhead, .dashboardhead .rb-border {
    width:940px;
    height:75px;
}

.dashboardhead .rb-bb, .dashboardhead .rb-bt {
    width:890px;
}

.dashboardhead .rb-br, .dashboardhead .rb-bl {
    height:25px;
}
.dashboardhead .rb-body, .dashboardhead .rb-content, .dashboardhead .rb-bg  {
    width:890px;
    height:25px;
}

.dashboardbody, .dashboardbody .rb-border {
    width:940px;
    height:500px;
}

.dashboardbody .rb-bb, .dashboardbody .rb-bt {
    width:890px;
}

.dashboardbody .rb-br, .dashboardbody .rb-bl {
    height:450px;
}
.dashboardbody .rb-body, .dashboardbody .rb-content, .dashboardbody .rb-bg  {
    width:890px;
    height:450px;
}


/* head */

.dashboardhead h4 {
    color:#B40226;
    font-size:12px;
    background:repeat-y right url('http://www.meinberlin.de/@@//img/main/dottedline-vertical.png');
    padding:0px 15px;
    float:left;
}

.dashboardhead ul {
    list-style:none;
    float:left;
}

.dashboardhead ul.create {
    background:repeat-y right url('http://www.meinberlin.de/@@//img/main/dottedline-vertical.png');
    padding-right:15px;
}

.dashboardhead li {
    float:left;
    width:65px;
    padding-left:25px;
    margin:0px 8px;
    height:25px;
    background-repeat:no-repeat;
    background-position:0px 4px;
    position: relative;
    padding:0px 5px 0px 30px;
}

.dashboardhead li a {
    font-size:11px;
    color:#3E3E3E;
    text-decoration:none;
    height:100%;
}

.dashboardhead div.closedashboard {
    float:right;
    position:relative;
    top:-5px;
    left:5px;
    cursor:pointer;
    font-size:12px;
    padding-left:35px;
    padding-top:10px;
    width:86px;
    height:25px;
    background:no-repeat url('http://www.meinberlin.de/@@//img/dashboard/close-dashboard.png');
    color:#ffffff;
    font-weight:bold;
}

.dashboardhead li.place {
    background-image:url("http://www.meinberlin.de/@@//img/dashboard/addplace.png");
}
.dashboardhead li.news {
    background-image:url("http://www.meinberlin.de/@@//img/dashboard/addnews.png");
}
.dashboardhead li.event {
    background-image:url("http://www.meinberlin.de/@@//img/dashboard/addevent.png");
}
.dashboardhead li.favourites {
    background-image:url("http://www.meinberlin.de/@@//img/dashboard/favourites.png");
}
.dashboardhead li.messagecenter {
    background:url("http://www.meinberlin.de/@@//img/dashboard/messagebox.png") no-repeat top left;
}
.dashboardhead li.settings {
    background:url("http://www.meinberlin.de/@@//img/dashboard/settings.png") no-repeat top left;
}
.dashboardhead li.active {
    background-color:#B40226;
    background-position:5px 14px;
    border-bottom:1px solid #c6616d;
    border-top:1px solid #c6616d;
    height:35px;
    padding:12px 5px 0px 30px;
    top:-12px;
}
.dashboardhead li.active a {
  color: White;
}

/* body */

.dashboardbody h2 {
    margin-bottom:20px;
}

.dashboardbody .caption {
    color:#3E3E3E;
    font-size:10px;
    margin-bottom:10px;
}

.dashboardbody h3 {/*.caption h3, .dashboardbody .content-column h3, .dashboardbody .right-column h3 { */
    font-size:14px;
    margin-bottom:10px;
}

.dashboardbody .caption img {
    float:left;
    margin-right:5px;
    position:relative;
    top:-5px;
}

.dashboardbody .left-column {
  width:249px;
  float: left;
  height: 90%;
  padding-right: 10px;
  background:url('http://www.meinberlin.de/@@//img/main/dottedline-vertical.png') right top repeat-y;
}

.dashboardbody .left-column ul {
    clear:both;
    list-style:none;
}

.dashboardbody .left-column li a {
    color:#B40226;
    text-decoration:underline
}

.dashboardbody div.content-body
{
   background: transparent url('http://www.meinberlin.de/@@//img/dashboard/double-content-lines.gif') repeat-y center;
   width: 880px;
   float: none;
   clear: both;  
   margin-top:20px;
}
.dashboardbody .clear
{
   width: 100%;
   clear: both; 
}
.dashboardbody .content-column {
  float: left;
  width: 350px;
  margin: 0px 10px 0px 10px;
  font-size: 13px;
}
.dashboardbody .content-column small
{
  color: #b2b2b2;
  font-size: 10px;
}
.dashboardbody .content-column h4
{
  font-size: 13px;
  font-weight: bold;
}
.dashboardbody .db-item
{
  margin: 0px 0px 20px 0px;
  position: relative;
  left: -2px;
  padding: 0px 0px 0px 55px;
}
.dashboardbody .content-column .new
{
   background: transparent url('http://www.meinberlin.de/@@//img/dashboard/new-item.gif') no-repeat top left;
}
.dashboardbody .db-item p
{
  margin: 3px 0px 0px 0px;
}
.dashboardbody .db-item a {
    color:#B40226;
    text-decoration:underline;
}
.dashboardbody .right-column {
  width: 250px;
  height: 90%;
  float: right;
  padding-left: 10px;
  padding-right: 1px;
  background:url('http://www.meinberlin.de/@@//img/main/dottedline-vertical.png') left top repeat-y;
}
.dashboardbody .right-column a {
    color:#B40226;
    text-decoration:underline;
}
.dashboardbody dl.db-compliments {
  margin: 0px;
  padding: 0px;
  width: 100%;  
}
.dashboardbody dl.db-compliments dd, .dashboardbody dl.db-compliments dt {
  float: left;
  height: 27px;
}
.dashboardbody dl.db-compliments dd {
  width: 75px;
  padding: 0px 0px 0px 20px;
  float: left;
  position: relative;
  left: 6px;
}

.dashboardbody dl.db-compliments dd.sexy { background: transparent url('http://www.meinberlin.de/@@//img/compliments/sexy.png') no-repeat top left; }
.dashboardbody dl.db-compliments dd.dance { background: transparent url('http://www.meinberlin.de/@@//img/compliments/schwoofen.png') no-repeat top left; }
.dashboardbody dl.db-compliments dd.hug { background: transparent url('http://www.meinberlin.de/@@//img/compliments/kuscheln.png') no-repeat top left; }
.dashboardbody dl.db-compliments dd.knorke { background: transparent url('http://www.meinberlin.de/@@//img/compliments/knorke_2.png') no-repeat top left; }
.dashboardbody dl.db-compliments dd.coffee { background: transparent url('http://www.meinberlin.de/@@//img/compliments/kaffee.png') no-repeat top left; }
.dashboardbody dl.db-compliments dd.cool { background: transparent url('http://www.meinberlin.de/@@//img/compliments/cool.png') no-repeat top left; }
.dashboardbody dl.db-compliments dd.clever { background: transparent url('http://www.meinberlin.de/@@//img/compliments/clever.png') no-repeat top left; }
.dashboardbody dl.db-compliments dd.chill { background: transparent url('http://www.meinberlin.de/@@//img/compliments/chillen.png') no-repeat top left; }
.dashboardbody .content-header {
  width: 900px;
  padding: 0px 0px 0px 13px;
  height: 65px;
  background: white url('http://www.meinberlin.de/@@//img/dashboard/content-head-back.gif') repeat-x bottom;
  position: relative;
  left: -12px;
}
.dashboardbody .content-header h2 {
  font-size: 16px;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
}
.dashboardbody .content-header ul, .dashboardbody .content-header li {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  position: relative;
}


.complimentfullread {
    height:160px;
    overflow-y:auto;
}

.complimentreply textarea#form\.text {
    height:30px;
}

.complimentstatement {
    clear:both;
    height:50px;
    margin-bottom:10px;
}

.complimentstatement div {
    float:left;
}
.complimentstatement .senderleft, .complimentstatement .senderright {
    position:relative;
    border:solid white 1px;
    width:100px;
}

.complimentstatement .senderleft img.user {
    float:right;
}
.complimentstatement .senderleft img.arrow {
    position:absolute;
    left:104px;
    top:10px;
}
.complimentstatement .senderright img.arrow {
    position:absolute;
    top:10px;
    left:-17px;
}


.complimentstatement .senderright img.user {
    float:left;
    margin-right:6px;
}


.complimentstatement .msg {
    border:solid #B7B7B7 1px;
    padding:10px;
    width:350px;
    margin:0px 15px 10px 15px;
    max-height:40px;
    overflow-y:auto;
    overflow-x:hidden;
}



.content-header a {
    display:block;
    width:91px;
    height:21px;
    text-align:center;
    padding-bottom: 3px;
    padding-top:4px;
    text-decoration:none;
}

.dashboardbody .db-functions {
    left:20px;
}

.content-header .db-functions a {
    background: transparent url('http://www.meinberlin.de/@@//img/dashboard/content-head-button-dark.png') no-repeat top left;
    color:white;
}

.content-header .db-folder a {
    background: transparent url('http://www.meinberlin.de/@@//img/dashboard/content-head-button-white.png') no-repeat top left;
}

.content-header a.active {
    background: transparent url('http://www.meinberlin.de/@@//img/dashboard/content-head-button-active.png') no-repeat top left;
}

.content-header .db-functions a.active, .content-header .db-folder a.active {
    color:white;
}

.dashboardbody .db-folder a {
  color: #3f3f3f;
  text-decoration: none;
}

.dashboardbody div.wo-lines {
  background: none;
}
.dashboardbody .db-inbox
{
  width: 100%;
    max-height: 320px;
    overflow:auto;
}
.dashboardbody .db-inbox dt {
  width: 33%;
  float: left;
  clear: both;
  padding: 0px 0px 0px 2%;
  margin: 0px 0px 8px 0px;
}
.dashboardbody .db-inbox dt.active {
  background: transparent url('http://www.meinberlin.de/@@//img/dashboard/dot-active.png') no-repeat left center;
}
.dashboardbody .db-inbox dt img {
  float: left;
  margin: 0px 5px 0px 0px;
}
.dashboardbody .db-inbox dt input {
  float: left;
  margin: 0px 5px 0px 0px;
  position: relative;
  top: 7px;
}
.dashboardbody .db-inbox dd {
  width: 65%;
  float: left;
  margin: 0px 0px 8px 0px;
}
.dashboardbody .db-inbox dd a,  .dashboardbody .db-inbox dt a {
  color:#000000;
}
.dashboardbody .db-inbox dd.active a,  .dashboardbody .db-inbox dt.active a {
  color:#B40226;
}
.dashboardbody .db-msg-top {
    padding: 0px;
}
.dashboardbody .db-msg-frame {
  padding: 0px;
  margin-left: 30px;
  margin-right: 30px;
}
.dashboardbody .db-msg-top div {
  position: relative;
  left: 15px;
}
.dashboardbody .db-msg-top img.user {
  float: left;
  margin: 0px 5px 0px 0px;
}
.dashboardbody .db-msg-top div.db-msg-top-bubble {
  position: relative;
  left: 20px;
  top: 1px;
}
.dashboardbody .db-msg-body {
  border: 1px solid #b7b7b7;
  padding: 10px;
  clear: both;
  float: none;
  max-height:115px;
  width: 50%;
  overflow:auto;
}

.dashboardbody .db-msg-body.noreply {
    max-height:255px;
}

.dashboardbody .db-msg-body p {
  margin: 7px 0px 0px 0px;
}
.dashboardbody .db-msg-bottom
{
  height: 140px;
  width: 900px;
  padding: 0px 0px 0px 13px;
  background: white url('http://www.meinberlin.de/@@//img/dashboard/msg-create-back.gif') repeat-x top;
  position: relative;
  left: -12px;
  top: 30px;
}

.dashboardbody .db-msg-bottom div.content {
    padding: 10px 30px;
}

.dashboardbody .db-msg-reply-sent {
    padding:15px 0px 0px 30px;
}

.dashboardbody .messagecentersections h4 {
    margin-bottom:15px;
}

#db-msg-form
{
  position: relative;
  margin: 0px;
  padding: 0px;
  top: 15px;
}

#db-msg-form div.db-msg-left-col {
  padding-top: 1px;
  float: left;
  width: 410px;
}
#db-msg-form div.db-msg-right-col {
  float: left;
  width: 410px;
  padding-top: 1px;
}
#db-msg-form div.db-msg-left-col-image{
    float:left;
    margin:0 20px 0 0;
}
#db-msg-form div.db-msg-left-col textarea,
#db-msg-form div.db-msg-right-col textarea {
  width: 330px;
  height: 60px;
}

#db-msg-form textarea {
  width: 486px;
  height: 50px;
  border: 1px solid #b7b7b7;
  margin: 7px 0px 7px 0px;
  padding: 7px;
}
#db-msg-form input, #db-msg-form .pseudo {
  height: 15px;
  border: 1px solid #b7b7b7;
  margin: 7px 0px 7px 0px;
  padding: 3px;
}
#db-msg-form div.inlineCheckBox {
  height: 5px;
}
#db-msg-form div.inlineCheckBox input{
  margin: 0;
  padding: 0;
  border: 0 solid #fff;
}

#db-msg-form input, div.value {
  margin: 7px 0 7px 0;
}

#db-msg-form .pseudo {
  border:none;
}

#db-msg-form select {
  height: 15px;
  border: 1px solid #b7b7b7;
  margin: 7px 0px 7px 0px;
}
#db-msg-form select option {
  padding: 3px;
}
#db-msg-form input.upload.hidden {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0, finishopacity=0, style=0);
  -moz-opacity: 0;
  z-index: 100;
  height:25px;
  width: 250px;
}
#db-msg-form input.visible_text {
    height:15px;
    font-size:12px;
    width:175px;
    border: 1px solid #b7b7b7;
    margin: 7px 0px 7px 0px;
    padding: 3px;
}
#db-msg-form img.visible_browse {
  margin-left: 7px;
}
.dashboardbody .content-body a {
    color:#B40226;
    text-decoration:underline;
}

.dashboardbody .content-body a.db-msg-button {
    text-decoration:none;
    color:white;
    display:block;
    padding-top:6px;
}


.db-msg-frame #db-msg-form textarea {
  height: 150px;
}
#db-msg-form ul.errors, 
ul#msg-failures li.failure{
  color: #b40226;
}
ul#msg-failures li{
    display:inline;
}

#db-msg-form input#form\.subject {
  width: 494px;
}
#db-msg-form input#form\.recipient {
  width: 200px;
}
#db-msg-form label {
  display: block;
  font-size: 9px;
  color: #b2b2b2;
  margin-top: 7px;
}
#db-msg-form div.info {
  font-size: 9px;
  padding-top: 7px;
  padding-right: 65px;
}

#db-msg-form div.form-label {
  width: 410px;
}
#db-msg-form div.form-label label{
  float: left;
  display: block;
}
#db-msg-form div.form-label div.info{
  text-align: right;
}



#db-msg-form div.inlineCheckBox label {
  display: inline;
  font-size: 10px;
  color: #3e3e3e;
  margin-top: 0;
}

#db-msg-form.msg-create {
  top: 0px;
}

#db-msg-adress-set {
    position:relative;
    padding-left:0px;
}
.dashboardbody .db-msg-button,
#db-msg-form .db-msg-button {
  border: 0px solid transparent;
  background: transparent url('http://www.meinberlin.de/@@//img/dashboard/content-head-button-dark.png') no-repeat top left;
  width: 91px;
  height: 21px;
  text-align: center;
  font-size: 12px;
  padding: 0;
  color: white;
  cursor: pointer;
}

/* welcomemessage */

.welcomemessage {
    line-height:16px;
}

.welcomemessage p {
    margin-bottom:6px;
}

.welcomemessage ul {
    list-style:none;
    margin-bottom:6px;
}

.welcomemessage a {
    color:#b40226;
}


#db-msg-adress-set .db-msg-button {
  position: relative;
  top: -5px;
}

#db-msg-adress-set a {
  position: relative;
  top: -5px;
  left: 15px;
  font-size: 10px;
}

#db-msg-adress-set .searchresults {
    border:solid #3e3e3e 1px;
    position:absolute;
    top:100px;
}


/* favourites reply */

dl.editFavourites {
    width:840px;
    margin-top:15px;
}

dl.editFavourites > div {
    width:180px;
    height:120px;
    float:left;
    margin-right:10px;
}

dl.editFavourites dt {
    font-weight:bold;
    margin-bottom:5px;
}

.calendar_div, input, select, textarea, button {
color:#333333;
}
input.calendarInput {
background:#FFFFFF url(/@@/img/itempages/datepicker/icon_date_picker_input.gif) no-repeat scroll right 50%;
width:20em;
}
.calendar_div, .calendar_inline {
background:#FFFFFF none repeat scroll 0%;
font-size:1em;
height:18em;
margin:0pt;
padding:1em;
}
.calendar_div {
border:1px solid #DDDDDD;
display:none;
position:relative;
top:0pt;
z-index:999999;
}
.calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar {
width:16.2em;
}
.calendar_inline {
border:0pt none;
display:block;
}
.calendar_dialog {
padding:0.5em !important;
}
button.calendar_trigger {
width:2.5em;
}
img.calendar_trigger {
margin:0.2em;
vertical-align:middle;
}
.calendar_prompt {
background:#DDDDDD none repeat scroll 0%;
color:#000000;
float:left;
padding:0.2em;
width:18.1em;
}
* html .calendar_prompt {
width:18.4em;
}
.calendar_control, .calendar_links, .calendar_header, .calendar {
clear:both;
color:#666666;
}
.calendar_control {
background:#440000 none repeat scroll 0%;
}
.calendar_links {
}
.calendar_control, .calendar_links {
font-size:80%;
font-weight:bold;
letter-spacing:0.1em;
}
.calendar_links label {
padding:0.2em 0.5em;
}
.calendar_clear, .calendar_prev {
float:left;
}
.calendar_current {
display:none;
}
.calendar_prev, .calendar_next {
background:transparent url(/@@/img/itempages/datepicker/btn_month_select_prev.gif) no-repeat scroll 0pt 0pt;
float:left;
font-size:1px;
height:20px;
text-indent:-9000px;
width:16px;
}
.calendar_next {
background:#FFFFFF url(/@@/img/itempages/datepicker/btn_month_select_next.gif) no-repeat scroll 0pt 0pt;
float:right;
}
.calendar_prev:hover, .calendar_next:hover {
background-position:0pt -20px;
}
.calendar_header {
height:2.6em;
position:relative;
}
.calendar_header select {
background:#EEEEEE none repeat scroll 0%;
border:0pt none;
color:#444444;
font-weight:bold;
}
.calendar {
background:transparent none repeat scroll 0%;
font-size:100%;
text-align:center;
}
.calendar a {
display:block;
}
.calendar thead {
background:transparent none repeat scroll 0%;
padding:0.6em 0pt !important;
}
.calendar tbody {
border-collapse:collapse;
text-align:right;
width:16.2em;
}
.calendar tbody td {
padding:0.3em;
text-align:right;
}
.calendar .calendar_titleRow {
background:#DDDDDD url(/@@/img/itempages/datepicker/bg_date_picker_thead.gif) repeat-x scroll center top;
}
.calendar .calendar_titleRow td {
color:#666666;
font-size:0.9em;
font-weight:bold;
padding:0.4em 0pt;
text-align:center;
text-transform:uppercase;
}
.calendar .calendar_daysRow {
background:transparent none repeat scroll 0%;
}
.calendar .calendar_daysCell {
padding:0.4em;
}
#calendar .calendar_daysCell a {
display:block;
}
.calendar .calendar_weekEndCell {
}
.calendar .calendar_daysCellOver {
background:#DDDDDD none repeat scroll 0% !important;
}
.calendar .calendar_daysCellOver a {
color:#333333 !important;
}
.calendar .calendar_unselectable {
color:#DDDDDD;
}
.calendar td.calendar_today {
background:#DDDDDD none repeat scroll 0% !important;
}
.calendar td.calendar_currentDay {
background:#EEEEEE none repeat scroll 0% !important;
}
.calendar td.currentSelection {
background:#4E92C8 none repeat scroll 0% !important;
}
.calendar td.currentSelection a {
color:#FFFFFF !important;
}
.calendar_div a, .calendar_inline a {
color:#666666;
cursor:pointer;
margin:0pt;
padding:0pt;
}
.calendar_inline .calendar_links a {
padding:0pt 0.5em !important;
}
.calendar_control a, .calendar_links a {
color:#EEEEEE !important;
padding:0.2em 0.5em !important;
}
.calendar_titleRow a {
color:#C3C3C3 !important;
}
.calendar_control a:hover {
color:#333333 !important;
}
.calendar_links a:hover, .calendar_titleRow a:hover {
color:#444444 !important;
}
.calendar_cover {
display:block;
height:200px;
left:-4px;
position:absolute;
top:-4px;
width:193px;
z-index:-1;
}
.calendar_control, .calendar_current {
display:none;
}
div.monthYearContain {
left:1.6em;
position:absolute;
top:0pt;
}
div.monthYearContain h2 {
background:transparent url(/@@/img/itempages/datepicker/bg_date_picker_select_rt.gif) no-repeat scroll right top;
color:#444444 !important;
cursor:pointer;
font-size:1em;
font-weight:bold;
left:0pt;
margin:0pt;
padding:0pt 2em 0pt 0pt !important;
position:absolute;
text-align:center;
top:0pt;
width:11em !important;
}
div.monthYearContain h2 span {
background:transparent url(/@@/img/itempages/datepicker/bg_date_picker_select.gif) no-repeat scroll left top;
display:block;
font-size:1.1em;
height:20px;
line-height:20px;
padding:0pt !important;
position:relative;
width:100%;
z-index:1000;
}
div.monthYearContain h2:hover {
background-position:right -20px;
color:#FFFFFF;
}
div.monthYearContain h2:hover span {
background-position:0pt -20px;
}
div.monthYearContain.display h2 {
background-position:right -40px;
}
div.monthYearContain.display h2 span {
background-position:0pt -40px;
}
div.menu_contain {
background:transparent url(/@@/img/itempages/datepicker/bg_date_picker_select_menu.gif) no-repeat scroll left bottom;
border-right:1px solid #D9D9D9;
height:0pt;
left:0pt;
opacity:0.9;
overflow:hidden;
padding:0pt;
position:absolute;
top:20px;
width:0pt;
}
div.monthYearContain.display div.menu_contain {
height:19em;
overflow:hidden;
width:12.9em;
}
div.menu_pad {
background:transparent url(/@@/img/itempages/datepicker/bg_date_picker_select_menu_topDivide.gif) no-repeat scroll left top;
height:31em;
padding-top:0.2em;
}
.calendar_monthYear {
height:18em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
overflow:hidden;
padding:0.4em 0.2em 0.4em 0pt;
text-align:left;
width:12.6em;
}
div.monthYearContain.display .calendar_monthYear {
overflow:auto;
}
.calendar_div .calendar_monthYear li {
color:#444444;
cursor:pointer;
font-size:1em;
font-weight:bold;
line-height:2em;
margin:0pt 0pt 0pt 0.2em;
padding:0pt 0.5em;
width:87% !important;
}
.calendar_div .calendar_monthYear li.selected {
background:#4E92C8 none repeat scroll 0%;
color:#FFFFFF;
}
.calendar_div .calendar_monthYear li:hover {
background:#4E92C8 none repeat scroll 0%;
color:#FFFFFF;
}
div.monthYearContain.display .calendar_monthYear {
height:18em;
overflow:auto;
}
div.monthYearContain.display .calendar_monthYear.display li {
text-align:left;
}
div.dateRange_contain {
height:0pt;
left:16px;
position:absolute;
right:auto;
top:19px;
width:20em;
z-index:99999999;
text-align: left;
}
div.rangePicker div.dateRange {
background:#F9F9F9 none repeat scroll 0%;
border:1px solid #DDDDDD;
left:0pt;
position:absolute;
top:0pt !important;
}
div.dateRange ul.dateRange_presets {
background:#F9F9F9 none repeat scroll 0%;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:-1px 0pt 0pt;
padding:1em 0.2em 0pt;
width:13em;
}
div.dateRange_wide ul.dateRange_presets {
width:194px;
}
div.dateRange ul.dateRange_presets li {
height:2em;
margin:0pt;
padding:0pt;
position:relative;
}
div.dateRange ul.dateRange_presets li a {
color:#333333;
display:block;
height:2em;
line-height:2em;
outline-color:invert !important;
outline-style:none !important;
outline-width:0pt !important;
padding:0pt 0.5em;
position:absolute;
text-decoration:none;
width:13em;
}
div.dateRange ul.dateRange_presets li.dateRange_allDates {
border-bottom:1px dotted #EEEEEE;
margin-bottom:0.5em;
padding-bottom:0.5em;
}
div.dateRange_wide ul.dateRange_presets li a {
width:18em;
}
div.dateRange ul.dateRange_presets li a:hover {
background:#4E92C8 none repeat scroll 0%;
color:#FFFFFF;
}
div.dateRange ul.dateRange_presets li.dateRange_on a {
background:#FFFFFF url(/@@/img/itempages/datepicker/icon_arrow_right.gif) no-repeat scroll right center;
color:#4E92C8;
width:14.5em;
}
div.dateRange_wide ul.dateRange_presets li.dateRange_on a {
width:19.4em;
}
div.dateRange div.calendar_div {
left:17em;
position:absolute;
top:4.2em;
}
div.dateRange_wide div.calendar_div {
left:22.3em;
}
div.position2 {
left:37.5em;
}
div.dateRange_wide div.position2 {
left:41.5em;
}
div.dateRange h2.selectDate {
color:#666666 !important;
display:none;
font-size:1.4em;
left:12.5em;
position:absolute;
text-align:left;
top:1em;
}
div.dateRange_wide h2.selectDate {
color:#666666;
left:16em;
top:0pt;
}
a.dateRange_close {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #DDDDDD;
color:#666666;
display:none;
font-size:1.1em;
padding:0.3em 1em 0.5em;
position:absolute;
right:0.5em;
text-align:center;
text-decoration:none;
top:1em;
width:auto;
}
a.dateRange_close:hover {
background:#EEEEEE none repeat scroll 0%;
border-color:#CCCCCC;
color:#444444;
}
div.rangePicker {
position:relative;
}
div.rangePickerWithLabel {
float:right;
margin-right:31px;
}
a.range_prev, a.range_next {
float:left;
height:20px;
outline-color:invert !important;
outline-style:none !important;
outline-width:0pt !important;
overflow:hidden;
text-indent:-9999px;
width:16px;
}
a.range_prev {
background:transparent url(/@@/img/itempages/datepicker/btn_month_select_prev.gif) no-repeat scroll 0pt 0pt;
}
a.range_next {
background:transparent url(/@@/img/itempages/datepicker/btn_month_select_next.gif) no-repeat scroll 0pt 0pt;
}
a.range_prev:hover, a.range_next:hover {
background-position:0pt -20px;
}
a.rangeDisplay {
background: #c4c4c4;
color:#444444 !important;
float:left;
outline-color:invert !important;
outline-style:none !important;
outline-width:0pt !important;
text-decoration:none;
width:160px;
display: block;
position: relative;
left: 5px;
}
a.rangeDisplay:hover {
background-position:right -20px;
}
a.rangeDisplay_on, a.rangeDisplay_on:hover {
background-position:right -40px;
color:#111111 !important;
}
#publishTimeOfDay a.rangeDisplay {
width:15em;
}
#publishTimeOfDay div.dateRange_contain {
left:0pt;
}
a.rangeDisplay span {
background:transparent url(/@@/img/itempages/datepicker/bg_date_picker_select.gif) no-repeat scroll left top;
display:block;
height:20px;
line-height:2em;
padding-left:7px !important;
}
a.rangeDisplay:hover span {
background-position:0pt -20px;
}
a.rangeDisplay_on span, a.rangeDisplay_on:hover span {
background-position:0pt -40px;
}


/* custom dropdown widget --------------------------------------------------- */


.custom-dd {
    position:relative;
    left:-4px;
    height:24px;
}

.custom-dd a {
    text-decoration:none;
    font-weight:normal;
}

.custom-dd .selected div {
    float:left;
}

.custom-dd .selected .left {
    background-repeat:no-repeat;
    width:9px;
    height:23px;
}

.custom-dd .selected .left {
    background-image:url('http://www.meinberlin.de/@@/img/forms/dd-open-left.png');
    cursor:pointer;
}

.custom-dd.closed .selected .left {
    cursor:pointer;
    background-image:url('http://www.meinberlin.de/@@/img/forms/dd-closed-left.png');
}

.custom-dd .selected .right {
    background-repeat:no-repeat;
    width:28px;
    height:23px;
    cursor:pointer;
}

.custom-dd.open .selected .right {
    background-image:url('http://www.meinberlin.de/@@/img/forms/dd-open-right.png');
}

.custom-dd.closed .selected .right {
    background-image:url('http://www.meinberlin.de/@@/img/forms/dd-closed-right.png');
}

.custom-dd .selected .middle {
    cursor:pointer;
    background-image:url('http://www.meinberlin.de/@@/img/forms/dd-middle.png');
    background-repeat:repeat-x;
    width:174px;
    height:20px;
    padding-top:3px;
    padding-left:2px;
    font-size:15px;
}

.custom-dd .options {
    position:absolute;
    z-index:999;
    top:23px;
    width:213px;
    clear:both;
    font-size:15px;
}

.custom-dd.open .options {
    display:block;
}
.custom-dd.closed .options {
    display:none;
}

.custom-dd .options .body {
    background-image:url('http://www.meinberlin.de/@@/img/forms/dropdown-body.png');
    background-repeat:repeat-y;
    height:auto;
}

.custom-dd .options .container {
    margin-right:5px;
    width:auto;
    padding-left:5px;
    padding-bottom:5px;
}

.custom-dd .options .bottom {
    width:213px;
    height:10px;
    background-image:url('http://www.meinberlin.de/@@/img/forms/dropdown-bottom.png');
    background-repeat:no-repeat;
}

.custom-dd .options .container div {
    padding-left:6px;
    padding-top:2px;
    cursor:pointer;
}

.custom-dd .options .container div:hover {
    cursor:pointer;
    background-color:#BBBBBB;
}

/* custom btn ---------------------------- */

div.custom_btn {
    margin: 10px 0px;
}



/* trail widget */


div.trailbuild {
    height:25px;
    background-color:#f0efe6;
    margin:10px 0px;
    font-size:16px;
    padding:15px;
    text-align:center;
    font-weight:bold;
}

div.trailbuild textarea {
    border:solid #3e3e3e 1px;
    width:150px;
    height:12px;
    padding:4px;
    margin:0px 5px;
    font-weight:normal;
    top:2px;
    position:relative;
}


div.trailpreview  .entry {
    background:url('http://www.meinberlin.de/@@/img/magazine/footstep-small.png') no-repeat;
    padding-left:20px;
    height:20px
}

div.trailpreview p.title {
    margin:10px 0px 5px 0px;
    font-weight:bold;
}

div.trailpreview .pseudolink {
    color:#b40226;
}


div.custom-ul {
    clear:both;
    width:205px;
    height:95px;
}

div.custom-ul .btn {
    background-image:url("http://www.meinberlin.de/@@/img/forms/btn-upload.png");
    height:100%;
    cursor:pointer;
}


/* -------------------------------------------------------------------------- */

div.genderselector {
    background-color:#efefe5;
    height:50px;
    width:205px;
}

.error div.genderselector {
    background-color:#b40226;
}

div.genderselector div.active,
div.genderselector div.inactive {
    float:left;
}
div.genderselector div.female,
div.genderselector div.male {
    width:40px;
    height:40px;
    margin-top:5px;
    cursor:pointer;
}
div.genderselector div.female {
    margin-left:62px;
    background:url('http://www.meinberlin.de/@@/img/forms/gender-female-passive.png') no-repeat;
}
div.genderselector div.active div.female {
    background:url('http://www.meinberlin.de/@@/img/forms/gender-female-active.png') no-repeat;
}


div.genderselector div.male {
    margin-left:1px;
    background:url('http://www.meinberlin.de/@@/img/forms/gender-male-passive.png') no-repeat;
}
div.genderselector div.active div.male {
    background:url('http://www.meinberlin.de/@@/img/forms/gender-male-active.png') no-repeat;
}