/***
	GENERAL
*/
* {
	margin: 0px;
	padding: 0px;
}

html {
	font-size: 100%;
	overflow-y: scroll;
}
body {
	font-family: Arial, sans-serif /*Verdana, Helvetica, */;
	color: #454545;
	background-color: #F2F2F2;
	/*background-image: url('images/bg-body-top.png');
	background-repeat: repeat-x;
	background-position: top center;
	background-attachment: fixed;*/
	font-size: 68.5%;
	padding: 0px 10px;
	margin: 0px;
	text-align: center;
}
.container-outside {
	margin: auto;
	width: 920px;
	background-color: #F2F2F2;
}
.container {
	margin: auto;
	width: 900px;
	text-align: left;
	padding: 0px 11px;

}

/**
	MAINMENU & SUBMENUS
**/
.menu {
	/*position: relative;
	z-index: 3;*/
	height: 33px;
	background-image: url('images/bg-mainnav-c.png');
	background-color: #FFD351;
	background-repeat: repeat-x;
	border-bottom: 1px solid #AB8924;
}
.menu ul, li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.menu li {
	font-family: Century Gothic, Arial, sans-serif;
	display: block;
	width: auto;
	float: left;
}
.menu a {
	display: block;
	height: 33px;
	line-height: 33px;
	text-transform: capitalize;
	text-decoration: none;
	color: #666666;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 0px 20px;
	border-left: 1px solid #FFF0C4;
	border-right: 1px solid #AB8924;
	border-bottom: 1px solid #AB8924;
}
.menu a:link, .menu a:visited, .menu a:active, .menu a:hover {
	color: #666666;
	text-decoration: none;
}

.submenu {
	z-index: 101;
	position: absolute;
}
.submenu li {
	font-family: Arial, sans-serif;
/*	width: 185px;*/
/*	white-space:nowrap;*/
}

.submenu a {
	z-index: 101;
	width: auto;
	height: auto;
	line-height: 19px;
	font-size: 1.2em;
	text-transform: none;
	margin: 0px;
	padding: 5px 5px;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	background-image: none;
	background-color: #FFFFFF;
}
.submenu a:hover {
	background-color: #F1F1F1;
}
#sub_search, #sub_offer, #sub_rent, #sub_inform, #sub_profile, #sub_admin {
	clear: both;
	float: left;
	position: absolute;
	left: -1px;
	display: none;
	visibility: hidden;
}
#sub_profile, #sub_admin {
	text-align: right;
}
#sub_search li, #sub_offer li {
	width: 182px;
}
#sub_rent li, #sub_inform li {
	width: 150px;
}
#sub_profile li {
	width: 140px;
	position: relative;
	left: -35px;
}
#sub_admin li {
	width: 145px;
	position: relative;
	left: -57px;
}
#sub_search a, #sub_offer a, #sub_rent a, #sub_inform a, #sub_profile a {
	font-weight: bold;
	padding-top: 2px;
	border-top: 0px;
}
.menu li:hover #sub_search,		.menu li a:hover #sub_search,
.menu li:hover #sub_offer,		.menu li a:hover #sub_offer,
.menu li:hover #sub_rent,		.menu li a:hover #sub_rent,
.menu li:hover #sub_inform,		.menu li a:hover #sub_inform,
.menu li:hover #sub_admin,		.menu li a:hover #sub_admin,
.menu li:hover #sub_profile,	.menu li a:hover #sub_profile {
	display: block;
	visibility: visible;
}


/***
	GLOBAL SEARCH & RECIPIENTS SEARCH
*/
#search-container {
	position: relative;
    z-index: 99;
}
#search-results {
    position: absolute;
	left: 34px;
    width: 300px;
    height: auto;
    border: 1px solid #999999;
    padding: 0px;
    margin: 0px;
    margin-top: 1px;
	background-color: #F9F9F9;
	visibility: hidden;
	display: none;
}
#search-input {
	font-size: 15px;
	padding: 1px;
	margin: 0px;
	width: 220px;
	height: 19px;
	background-color: #E5E5E5;
}
#search-button {
	font-size: 13px;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	width: 76px;
	height: 23px;
	background-color: #E5E5E5;
}
#recipients-container {
	position: relative;
    z-index: 98;
}
#recipients {
	position: absolute;
	width: 360px;
	height: auto;
    padding: 0px;
    margin: 0px;
    margin-top: 1px;
	background-color: #F5F5F5;
	border: 1px solid #C0C0C0;
	visibility: hidden;
	display: none;
}
.sr, .sr-hover {
	clear: both;
	display: block;
	overflow: hidden;
	text-align: left;
	color: #45536E;
	width: auto;
	padding: 2px 4px;
	margin: 0px;
}
.sr {
	cursor: default;
}
.sr-hover {
	background-color: #E8E8E8;
	cursor: pointer;
}
.srl {
	float: left;
	font-size: 1.1em;
}
.srr {
	float: right;
	white-space: nowrap;
	font-size: 0.9em;
}


/***
	LAYOUT
*/
#content-main {
	display: block;
	width: 900px;
	padding: 0px;
	margin: 0px;
}
#content-head {
	font-size: 1.3em;
	font-weight: bold;
	padding: 4px 0px;
	margin: 0px;
	color: #666666;
}
#content-head a:link, #content-head a:active, #content-head a:visited {
	font-size: 1.0em;
	font-weight: bold;
	padding: 4px 1px;
	margin: 0px;
	color: #85A8DE;
}
#content-text {
	font-size: 1.0em;
	padding: 0px;
	margin: 0px;
}

.img_preview, .img_preview_empty {
	display: block;
	width: 224px;
	height: 181px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	margin: 3px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.img_preview {
	cursor: hand;
	background-image: url('images/bg-loading.gif');
	background-repeat: no-repeat;
	background-position: top center;
}
.img_preview_empty {
	background-image: url('images/bg-no-image.gif');
	background-repeat: no-repeat;
	background-position: center center;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.fn {
	float: none;
}
.profile_headline {
	line-height: 25px;
	padding-left: 8px;
	padding-bottom: 4px;
	background-image: url('images/bg-profile-headline.png');
	background-repeat: no-repeat;
}
.profile_label {
	width: 120px;
	font-weight: bold;
	padding: 3px;
	margin: 0px;
}
.profile_label_aw {
	font-weight: bold;
	padding: 3px;
	margin: 0px;
}
.profile_content {
	float: left;
	width: 380px;
	padding: 3px;
	margin: 0px;
	overflow: hidden;
}
.profile_content_normal {
	padding: 3px;
	margin: 0px;
}
.profile_thumb {
	margin-right: 6px;
	margin-left: 2px;
}
#javascript_info {
	width: 910px;
	font-weight: bold;
	text-align: center;
	margin: auto;
	padding: 5px;
	color: #333333;
	background-color: #CD5C5C;
	border-bottom: 1px solid #B2B2B2;
}
div.gradient-top {
	padding: 6px;
	margin: 0px;
	background-image:url('images/bg-gradient-top.png');
	background-repeat:repeat-x;
}
ul.footer-navigation {
	padding: 0px 10px;
}
ul.footer-navigation a, ul.footer-navigation a:link, ul.footer-navigation a:active, ul.footer-navigation a:visited, ul.footer-navigation a:hover {
	color: #787878;
}
td.border-bottom {
	padding-bottom: 5px;
	border-bottom: 1px solid #C0C0C0;
}
td.border-top {
	padding-top: 5px;
	border-top: 1px solid #C0C0C0;
}

/*
	INPLACE EDITOR
*/
textarea.inplace_input  {
	width: 97%;
	font-family: Arial, sans-serif;
	font-size: inherit;
	font-family: inherit;
	padding: 2px;
	margin: 0px;
	margin-bottom: 3px;
	color: #454545;
	background-color: #F2F2F2;
}
.inplace_display {
	display: block;
	padding: 0px;
	margin: 0px;
}
.inplace_edit {
	display: none;
	padding: 0px;
	margin: 0px;
}
a.inplace_edit_button:link, a.inplace_edit_button:active, a.inplace_edit_button:visited, a.inplace_edit_button:hover {
	font-size: 11px;
	padding: 1px 3px;
	margin: 0px;
}

/*
	MEMO
*/
.memo_container {
	overflow: hidden;
	/*position: relative;
	text-align: left;
	top: 0px;
	left: 0px;*/
	margin: 0px;
	padding: 0px;
}
textarea.memo_input, textarea.memo_input_edit  {
	width: 97%;
	/*min-width: 270px;*/
	font-family: Arial, sans-serif;
	font-size: inherit;
	font-family: inherit;
	padding: 2px;
	margin: 0px;
	margin-bottom: 3px;
	color: #454545;
	background-color: #FDFFE5;
}
textarea.memo_input:hover {
	color: inherit;
	background-color: #FCFFCC;
	border: 1px inset #C0C0C0;
}

/*
	TOOLTIP
*/
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
    position: relative;
    text-decoration: none;
    font-weight: bold;
}
a.tooltip:hover {
    background: transparent;
}
a.tooltip span {
    display: none;
    text-decoration: none;
}
a.tooltip:hover span {
    z-index: 97;
    display: block;
    position: absolute;
    padding: 2px;
    top: 0px;
    left: 23px;
    width: 205px;
    color: #454545;
    font-weight: normal;
    border: 1px solid #454545;
    background: #FFFFCC;
    text-align: left;
}
/*a.tooltip span b {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weigth: bold;
    color: yellow;
    background-color: gray;
    border: 0px;
    border-bottom: 1px solid black;
}*/

/*
	OFFERS - CARDVIEW
*/
table.cardview {
	width: 100%;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
.cardview th {

}
.cardview td {
	padding: 1px;
	margin: 3px;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}
.cardview img {
	padding-top: 2px;
}
.card_container {
	display: block;
	width: 145px;
	text-align: center;
	margin: 3px;
	padding: 5px;

}
.cardview .offer_title {
	display: block;
	clear: left;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
	padding: 0px 1px 3px 1px;
}
.cardview .offer_detail {
	display: block;
	clear: left;
	padding: 1px;
}
a:visited span.offer_title { /* Besuchte Angebote hervorheben */
	/*color: #800080;*/
}


/*
	OFFERS - LISTVIEW
*/
table.listview {
	width: 100%;
	padding: 0px;
	margin: 3px 0px 0px 0px;
	border-top: 1px solid #C0C0C0;
}
.listview th {
	color: #666666;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	padding: 5px 3px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #C0C0C0;
	background-color: #F0F0F0;
}
.listview td {
	padding: 5px 0px;
	margin: 0px;
	border-bottom: 1px solid #C0C0C0;
}
.listview img {

}
.listview .offer_title {
	font-size: 1.0em;
	font-weight: bold;
}
.listview .offer_detail {
	padding: 1px;
}

/*
	WANTED - LIST
*/
table.wanted_list {
	width: 100%;
	padding: 0px;
	margin: 3px 0px 0px 0px;
	border-top: 1px solid #C0C0C0;
}
.wanted_list th {
	color: #666666;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	padding: 5px 3px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #C0C0C0;
	background-color: #F0F0F0;
}
.wanted_list td {
	padding: 9px 3px;
	margin: 0px;
	border-bottom: 1px solid #C0C0C0;
}
.wanted_list img {

}
.wanted_list .offer_title {
	font-size: 1.0em;
	font-weight: bold;
}
.wanted_list .offer_detail {
	padding: 1px;
}


/*
	PRIVATE MESSAGES
*/
table.msglist {
	width: 100%;
	padding: 0px;
	margin: 6px 0px;
	border-top: 1px solid #C0C0C0;
}
.msglist th {
	color: #696969;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	padding: 5px 3px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #C0C0C0;
	background-color: #F0F0F0;
}
.msglist td {
	font-size: 1.2em;
	padding: 5px 3px;
	margin: 0px;
	border-bottom: 1px solid #C0C0C0;
}
.msglist td table {
	font-size: 0.8em;
}
.msglist td table td {
	border: 0px;
}
.msglist input.checkbox {
	background-color: #FFFFFF;
	border: 0px;
}
blockquote.history {
	display: block;
	border-left: 4px solid #C0C0C0;
	margin: 0px 0px;
	padding: 4px 4px 0px 4px;
	font-style: italic;
	color: #808080;
}


/*
.ajax_loader {
	display: none;
}
*/

/***
	TEXT
*/
h1 {
	font-family: Century Gothic, Arial, sans-serif;
	color: #3399CC;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 130%;
}

h2, h1.alibi-h2 {
	font-family: Century Gothic, Arial, sans-serif;
	color: #3399CC;
	/*color: #CC8033;*/
	/*color: #407080;*/
	/*color: #85A8DE;*/
	font-size: 1.5em;
	font-weight: bold;
	line-height: 120%;
}

h3, h1.alibi-h3 {
	font-family: Century Gothic, Arial, sans-serif;
	color: #3399CC;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 120%;
}

h4, h1.alibi-h4 {
	color: #454545;
	margin: 0px;
	font-size: 1.1em;
	font-weight: bold;
}
h5, h1.alibi-h5 {
	color: #454545;
	margin: 0px;
	font-size: 1.0em;
	font-weight: bold;
}

p {
	font-size: 1.1em;
	margin-bottom: 11px;
}

strong {
	font-weight: bold;
}
em {
	font-style: normal;
	font-weight: bold;
}
pre {
	font-size: 11px;
}

.txtbig {
	margin: 1px;
	font-size: 1.25em;
}
.txtmed {
	margin: 1px;
	font-size: 1.15em;
}
.txtsmall {
	margin: 1px;
	font-size: 1em;
}
.highlight, .hightlight a:hover {
	background-color: #FFCC33;
}
ul, ol, li {
	margin: 0px;
	padding: 0px;
}
ul.list, li.list {
	list-style-type: none;
}
ul.list li {
    background-image: url('images/icon-bull.png');
    background-repeat: no-repeat;
    background-position: 0 4px;
    padding-left: 10px;
}
ul.list li.first {
	background-image: none;
}

/***
	LINKS
*/
a {
	/*font-size: 70%;*/
}

a:link {
	color: #206080; /* darkblue */
	text-decoration: none;
}

a:active, a:visited {
	color: #206080; /* darkblue */
	text-decoration: none;
}

a:hover {
	color: #3399CC;
	text-decoration: underline;
}

a.black:link, a.black:visited, a.black:active, a.black:hover {
	color: #454545;
}

a.profile:link, a.profile:visited {
	font-weight: bold;
	text-decoration: underline;
}
a.pagination:link, a.pagination:visited, a.pagination:active {
	padding: 2px;
	margin: 0px;
}
a.pagination:hover {
	margin: 0px;
	padding: 2px;
	text-decoration: underline;
}
h3 a:link, h3 a:active, h3 a:visited {
	color: #3399CC;
	text-decoration: none;
}
h3 a:hover {
	color: #206080;
	text-decoration: underline;
}

/***
	TABLES
*/
table {
	font-size: 1em;
}
th {
	text-align: left;
}
hr {
	height: 1px;
	color: #C0C0C0;
	border: none;
	background-color: #C0C0C0;
	padding: 0px;
	margin: 0px;
}
img {
	border: 0px;
}

/***
	FORM-ELEMENTS
*/
label {
	font-weight: bold;
}
form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
button {
	background: none;
	cursor: pointer;
	padding: 1px;
	margin: 0px;
}
input {
	color: #666666;
	font-family: Arial, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #CCCCCC;
	background-color: #F2F2F2;
}
textarea {
	overflow: auto;
	color: #666666;
	font-family: Arial, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	padding: 2px;
	border: 1px solid #CCCCCC;
	background-color: #F2F2F2;
}
select {
	color: #666666;
	font-family: Arial, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	border: 1px solid #CCCCCC;
	background-color: #F2F2F2;
}
option {
	padding-right: 1em;
}
input.radio {
	border: none;
	background-color: transparent;
}
input.white {
	border: 0px;
	background-color: #FFFFFF;
}

/***
	IMAGE-BUTTONS
*/
.submit-button, .cancel-button {
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 3px;
	text-align: center;
	white-space: nowrap;
	width: auto!important;
	width: 1%;
	border: 0px;
}
.submit-button em, .cancel-button em {
	display: block;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	line-height: 23px;
	margin: 0px 0px 0px -3px;
	padding: 0px 0px 0px 12px;
}
.submit-button span, .cancel-button span {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 12px 0px 0px;
}
.submit-button span, .submit-button em, .cancel-button span, .cancel-button em {
	background: transparent url('images/buttons.png') no-repeat 0px 0px;
}
.submit-button span, .cancel-buton span {
	background-position: right 0px;
	color: #454545;
}
.submit-button em, .cancel-button em {
	background-position: left 0px;
}
.cancel-button span {
	background-position: right -23px;
	color: #FFFFFF;
}
.cancel-button em {
	background-position: left -23px;
	color: #FFFFFF;
}

/***
	OTHER
*/
#debug {
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 98%;
	padding: 1em;
	background-color: #F1F1F1;
	border: 2px solid #B0B0B0;
	position: expression("absolute");
    top: expression(document.body.scrollTop + document.body.offsetHeight - this.offsetHeight - 15);
	z-index: 999;
}
#debug[id] {
	position: fixed;
}
#debug hr {
	display: none;
	height: 1px;
	padding: 0px;
	margin: 0px;
}