/******************************************************************************/
/* Main body, html features  **************************************************/
HTML, BODY {
    margin:0; padding: 0;
    height: 100%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #000;
    font-size: 9pt;
	  background: #a5b8bf url(../images/body.jpg) repeat-x;
}
/******************************************************************************/

/******************************************************************************/
/* Common styles             **************************************************/
a img, img a {border: 0}
a {color: #14719C; text-decoration:none}
a:hover {color: #0099E0; text-decoration:none; border-bottom: 1px dotted #0099E0}
a.red {color: #ff0000; text-decoration:none}
a.red:hover {color: #ff0000; text-decoration:none; border-bottom: 1px dotted #ff0000}
ul {padding:0;margin:0}
ul li {padding-left:18px;list-style: none; background: url(../images/list1.gif) left center no-repeat}
hr {height:1px; border-top: 1px dotted #CCC}
.btn {text-align:center; height:25px;line-height:25px; border:1px solid #999; border-width:0 1px 1px 0; color:#fff; background: url(../images/btn.jpg) repeat-x; -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
.btn:hover {border-color:#333;background: url(../images/btn.jpg) 0px 25px}
.btn_sort {width:80px;height:22px;line-height:20px;border:0; color:#fff; background: url(../images/btn_sort.gif) 0 0}
.btn_sort:hover {background: url(../images/btn_sort.gif) 0px 22px}
input, textarea, select {border: 1px solid #3581a9}
a.llsel {font-weight:bold;color: #0099E0; text-decoration:none; border-bottom: 1px dotted #0099E0}
/******************************************************************************/

ul.help {padding:0;margin:0}
ul.help li {padding-left:18px;list-style: none;margin-bottom:1em; background: url(../images/list2.gif) left top no-repeat}

/******************************************************************************/
/* Main div of page */
#mainwrap {position: relative;width:1175px;margin-left:auto;margin-right:auto}
#main {
    position: relative;
    float:left;
    width:1000px;
    padding: 25px;
    background: #e5e5e5;
}
#right-ad {float:left; margin-left:0; margin-top: 0; width:120px; height:600px}
/******************************************************************************/

/******************************************************************************/
/* Top menu and logo */
#logo {position: absolute; top:10px; left:25px; }
#topmenu {position: relative; float:right; width:50%; height: 30px; line-height: 32px; font-size:8pt; background: url(../images/topmenu.gif) repeat-x}
#topmenu a {margin: 0 10px; color: #333; text-decoration:none}
#topmenu a:hover {border-bottom:1px dotted #444}
#topmenu a.tsel {border-bottom:1px dotted #444}
a#btn_login { float:right; color:#00bf02}
a#btn_login:hover { float:right; color:#00bf02; border-bottom:0}
/******************************************************************************/

/******************************************************************************/
/* Tab menu */
#tabmenu {position:relative; height:45px; line-height:45px; background: url(../images/tabmenu.png) repeat-x}
#tabmenu a {display: block; float:left; font-size:12pt; font-weight: bold; color: #96c9e4; padding: 0 27px; text-decoration:none}
#tabmenu a:hover {color:#fff;text-decoration:none}
#tabmenu a.tbsel {color:#fff;text-decoration:none; background: url(../images/tabmenu_hov.png) center bottom no-repeat}
.tabline {display: block;float:left;width:4px;height:45px;background: url(../images/tabline.png) center no-repeat}
#infobar {position:relative; height:20px; line-height:20px; font-size:8pt; padding:0 10px; background:url(../images/infobar.jpg) repeat-x; text-align:right}
/******************************************************************************/

/******************************************************************************/
/* Tab Client menu */
#tabmenu-client {position:relative; height:45px; line-height:45px; background: url(../images/tabmenu.png) repeat-x}
#tabmenu-client a {display: block; float:left; font-size:12pt; font-weight: bold; color: #96c9e4; padding: 0 15px; text-decoration:none}
#tabmenu-client a:hover {color:#fff;text-decoration:none}
#tabmenu-client a.tbsel {color:#fff;text-decoration:none; background: url(../images/tabmenu_hov.png) center bottom no-repeat}
.tabline {display: block;float:left;width:4px;height:45px;background: url(../images/tabline.png) center no-repeat}
#infobar {position:relative; height:20px; line-height:20px; font-size:8pt; padding:0 10px; background:url(../images/infobar.jpg) repeat-x; text-align:right}
/******************************************************************************/

/******************************************************************************/
/* Left content */
#left {position:relative; float:left; width:255px; padding:0;}

/******************************************************************************/
/* Left block style */
.ltitle {margin:0;padding:2px 5px; height:20px; line-height:20px; font-size:10pt; font-weight:bold; 
                   color: #8ecded; background: url(../images/ltitle.jpg) repeat-x;
                   -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px; }
.lblock {padding:15px; margin-bottom: 10px; background: #ffffff; -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.lblock li {list-style:none; list-style-image:none; padding-left: 20px; font-size: 8pt; background: url(../images/icon1.gif) left center no-repeat }
/******************************************************************************/

/******************************************************************************/
/* Right content */
#right {position:relative; float:right; width:705px; padding: 15px; background:#fff;
        border:1px solid #aaa; border-width:0 1px 1px 0; 
        -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
/* Form style */
.form-block {padding:1px; background: #fff; border: 1px solid #D5D5D5}
.form-block form {margin: 15px}
.form-table {width:100%;padding: 5px}
.form-block h1 {margin:0; padding:5px; text-align:left; background: #D5D5D5; font-size: 12pt}
.sel100 {width:100%}
.field100 {width:190px}
/******************************************************************************/
/* Product table style                  ***************************************/
H2.page_title {font-size: 12pt; color: #3899db}
.ptable {table-layout: fixed; border-collapse: collapse; border:0px solid #fff; empty-cells: show; background: url(../images/ptable.gif) top repeat-x}
.ptable caption {font-size: 12pt; color: #3899db; line-height:30px;}
.ptable th {color: #fff}
.ptable th, .ptable td {height:19px; text-align: center; padding: 5px; border-bottom: 1px solid #e5e5e5}
/******************************************************************************/
/******************************************************************************/

/******************************************************************************/
/* Thumbs in advert form -Add or Update ***************************************/
.thumb {padding:1px;border: 4px solid #f5f5f5}
.thumb:hover {border: 4px solid #cccccc; }
/******************************************************************************/            

/******************************************************************************/
/* Results content */
tr.dbrd {cursor: pointer}
tr.dbrd td {border-bottom: 1px dotted #ccc}
tr.dbrd:hover td {background: #f5f5f5}
/* tr.clicked td {background: #4d4d4d; color:white} */
tr.clicked td {background: url(../images/summary-clicked.png) bottom repeat-x; color:red}
tr.clicked a {color: red}
.res_img {width:50px; height:40px; border:2px solid #f5f5f5}
/******************************************************************************/
/******************************************************************************/

/******************************************************************************/
/* Advert summary content */
.wrapCell {position:relative;padding:2px; border:2px solid #e5e5e5}
#summaryNumber {float:left}
#summaryText {position:relative; float:left; text-align:left; width:496px;margin:5px}
#summaryText h3 {position:relative;margin:0;font-size:11pt}
#summaryPrice {position:absolute;top:0;right:10px;color:red;font-size:12pt;font-weight:bold}
#summaryCourtage {font-size:8pt;font-weight:normal;font-style:italic}

#summaryContacts {font-size:8pt;padding:5px 0;border-top:4px solid #ccc}

#summaryContactForm {position:relative;float:left;width:280px;padding:2px;margin-right:5px;border:1px dotted #ccc;}
#summaryContactForm td.scftd {text-align:right;font-size:8pt;font-weight:bold}
#summaryContactForm input, #summaryContactForm textarea {font-size:8pt}

#summaryContactInfo {position:relative;float:left;width:200px}

#summary-Imgs {position:relative;float:left;width:162px;margin:5px;padding:5px;background:#e5e5e5}
.summary-bImg {position:relative;display:block;width:160px;height:160px;border: 2px solid #e5e5e5}
.summary-tImg {position:relative;display:block;float:left;margin:2px;width:50px;height:30px;border-bottom: 2px solid #4d4d4d}

#summaryNavig {padding:5px;text-align:right; font-size:8pt}
#summaryNavig {background: #fff url(../images/csb.png) repeat-x}
#summaryNavig a {color:#4d4d4d}
#summaryNavig a:hover {color:#000;border-bottom:1px dotted #4d4d4d}
#summaryNavig img {padding-left:10px; padding-right:5px; border:0}
/******************************************************************************/

/******************************************************************************/
/* Results Table Styles                 ***************************************/
#tableResult {width: 100%;table-layout:fixed}
#tableResult thead {height: 25px; line-height: 20px; background: url(../images/tabmenu.png) repeat-x}
#tableResult thead a {color:#fff}
#tableResult th {border-bottom:4px solid #e5e5e5; font-size:8pt; font-weight:normal; text-align:center}
#tableResult tbody tr { color: #333333 }
#tableResult tbody td { text-align: center; padding: 4px; font-size: 9pt;}
/******************************************************************************/

/******************************************************************************/
/* Thumbs in advert form -Add or Update ***************************************/
.adImgThumb{position:relative; display:block; margin:1px; padding:2pt; float:left; text-align: center; border: 1px dotted #BBB}
.adImgThumbNo{display:block;width:15px; height:15px;position:absolute;top:0;left:0;z-index:10;background:white}
.imageBlock {display:block;border-top:1px dotted #aaa; border-bottom:1px dotted #aaa;}
/******************************************************************************/

/******************************************************************************/
/* Start      Banners *********************************************************/
.ad-start {padding:1px; border: 1px solid #4881a2}
.last-results-title { margin-top: 25px;font-size: 12pt; font-weight:bold; color: #9F9F9F}
table.last-results {width:100%; table-layout: fixed; background:#F8F8F2}
table.last-results td {color:#565656; padding: 0.3em 0.5em; border-bottom:2px solid #fff;}
table.last-results th {color:#565656; padding: 0.3em 0.5em; border-bottom:2px solid #fff; text-align:left}
/******************************************************************************/


/******************************************************************************/
/* Footer             *********************************************************/
#footer {position:relative;margin-top: 40px}
#footer-block {position:relative; margin-bottom: 10px; padding: 15px; font-size: 7pt; text-align:justify; color: #c8c8c8; border-bottom: 4px solid #f3f3f3}
#footer-menu {position:relative; font-size: 8pt; color: #0099E0; margin-bottom: 30px; text-align: center}
#footer-menu a { color: #0099E0; margin: 0 10px}
#copyright {position:relative; margin-bottom: 30px; font-size: 7pt; color: #b2b2b2; text-align: center}
/******************************************************************************/

/******************************************************************************/
div.pager {float:right;line-height: 2em;}
div.pager > a, div.pager > a.pagersel {
  line-height: 1.2em;
	background: #f2f2f2 url(../images/pager.png) repeat-x bottom left;
	padding: 2px 5px;
	border: 1px solid #b7b7b7;
	color: #606060;
}
div.pager a.next-prev {border: 1px solid #d7d7d7;}
div.pager > a:hover, div.pager > a.pagersel {background: #0b6faa; border-color:#0b6faa; color:#fff}
/******************************************************************************/

/******************************************************************************/
/* Popup window */
#popup {padding: 20px; text-align: justify; background: #fff;}
#popup table td,#popup table th {text-align:left; font-size:9pt}
#popup h1 {font-size:10pt}
/******************************************************************************/

/******************************************************************************/
/* Error text */
.error {color:red; font-size:8pt; font-weight: bold}
/******************************************************************************/

/******************************************************************************/
/* Invalid text */
.invalid {color:red; font-size:8pt}
/******************************************************************************/

/******************************************************************************/
/* Required field */
.required {font-weight:bold}
/******************************************************************************/

/******************************************************************************/
/*Advertize banners */

/* Vertical */
#advertize-vert {position: relative; float: left; padding:10px; margin-top: 15px}
#paketangebot-vert {position: relative; width:151px; height:351px; background:url(../images/paketangebot-vert.gif) no-repeat}
#einzelanzeige-vert {position: relative; width:151px; height:351px; background:url(../images/einzelanzeige-vert.gif) no-repeat}
#advertize-vert ul {margin-left:10px;font-size:8pt}
.vert-ul {position: absolute; top: 175px}

/* Horisontal */
#einzelanzeige-horiz {position: relative; margin-bottom:20px; width:700px; height:105px; background:url(../images/einzelanzeige-horiz.gif) no-repeat; cursor:pointer}
#paketangebot-horiz {position: relative; margin-bottom:20px; width:700px; height:105px; background:url(../images/paketangebot-horiz.gif) no-repeat; cursor:pointer}
#einzelanzeige-horiz ul {position: absolute; top:30px; left:290px; font-size:8pt}
#paketangebot-horiz ul {position: absolute; top:25px; left:290px; font-size:8pt}
/******************************************************************************/

/******************************************************************************/
/*ajax/load_region_cities */
#cities {position:absolute; top:0;left:-18px;width:758px;background:#D0E6F2; z-index:99; font-size:8pt}
#citiesDiv {position:relative;background:#fff;border-bottom:4px solid #54A4CE;border-right:4px solid #54A4CE}
#alphabetic {position:relative;height:25px; background:url(../images/alphabetic.gif) repeat-x}
#alphabetic a.abv {float:left;margin-top:3px; padding:4px 8px;color:#fff}
#alphabetic a.abv:hover {background: #fff; color:#408DB5; border-bottom:0}
#alphabetic a.abvSel {float:left;margin-top:3px; padding:4px 8px;background: #fff; color:#408DB5}
#alphabetic a.abvSel:hover {border-bottom:0}
#citiesTable {position:relative;background:#fff}
#citiesTable td {white-space:nowrap;padding:10px 5px;}
#citiesTable td input {border:0}
#close {position:absolute; bottom:5px;right:5px;width:14px;height:14px;background:url(../images/close.gif) no-repeat;cursor:pointer;}
/******************************************************************************/


/******************************************************************************/
/*Mandatory field */
.missing_field {padding-left: 20px; background: url(../images/missed.gif) 4px center no-repeat}
/******************************************************************************/

/* Fixing a clear float problem in IE7 ****************************************/
 .clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
 }

 .clearfix {display: inline-block;}

 /* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
 .clearfix {display: block;}
/* End hide from IE-mac */
/***************************************/