@charset "UTF-8";

/*********************/
/**** overviewbox ****/
/*********************/

h2 {
  margin-top:0;
}

#smallads-menu h3 {
	display:none;
}

#smallads-menu ul {
	margin:0 0 1em 0;
	padding:0;
	list-style-type:none;
	background-color:#f9e5e1;
}

#smallads-menu ul li {
	height:14px;
	margin:0 0 5px 0;
	padding:0;
	background-color:#eeada7;
}

#smallads-menu ul li a {
	display:block;
	float:left;
	height:14px;
	background-color:#6d6f71;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;
}

#smallads-menu ul li.adc1  a { width:49px;  background-image:url(/img/smallads/gruesse.gif); }
#smallads-menu ul li.adc2  a { width:100px; background-image:url(/img/smallads/wiedersehen.gif); }
#smallads-menu ul li.adc3  a { width:114px; background-image:url(/img/smallads/freizeitkontakte.gif); }
#smallads-menu ul li.adc4  a { width:86px;  background-image:url(/img/smallads/sie-sucht-ihn.gif); }
#smallads-menu ul li.adc5  a { width:81px;  background-image:url(/img/smallads/er-sucht-sie.gif); }
#smallads-menu ul li.adc6  a { width:83px;  background-image:url(/img/smallads/sie-sucht-sie.gif); }
#smallads-menu ul li.adc7  a { width:84px;  background-image:url(/img/smallads/er-sucht-ihn.gif); }
#smallads-menu ul li.adc8  a { width:60px;  background-image:url(/img/smallads/sex-and-co.gif); }
#smallads-menu ul li.adc9  a { width:33px;  background-image:url(/img/smallads/jobs.gif); }
#smallads-menu ul li.adc19 a { width:147px; background-image:url(/img/smallads/praktikum+ausbildung.gif); }
#smallads-menu ul li.adc10 a { width:81px;  background-image:url(/img/smallads/wohnungen.gif); }
#smallads-menu ul li.adc20 a { width:33px;  background-image:url(/img/smallads/wgs.gif); }
#smallads-menu ul li.adc21 a { width:146px; background-image:url(/img/smallads/mietautos+transporte.gif); }
#smallads-menu ul li.adc11 a { width:48px;  background-image:url(/img/smallads/reisen.gif); }
#smallads-menu ul li.adc22 a { width:172px; background-image:url(/img/smallads/ferienwohnungen+ferienhaeuser.gif); }
#smallads-menu ul li.adc12 a { width:110px; background-image:url(/img/smallads/foto-kreatives.gif); }
#smallads-menu ul li.adc23 a { width:99px;  background-image:url(/img/smallads/computerhilfe.gif); }
#smallads-menu ul li.adc13 a { width:195px; background-image:url(/img/smallads/kurse-workshops-unterricht.gif); }
#smallads-menu ul li.adc14 a { width:79px;  background-image:url(/img/smallads/leib-seele.gif); }
#smallads-menu ul li.adc15 a { width:141px; background-image:url(/img/smallads/initiativen-gruppen.gif); }
#smallads-menu ul li.adc16 a { width:95px;  background-image:url(/img/smallads/bands-musik.gif); }
#smallads-menu ul li.adc17 a { width:92px;  background-image:url(/img/smallads/ankauf-verkauf.gif); }
#smallads-menu ul li.adc18 a { width:85px;  background-image:url(/img/smallads/vermischtes.gif); }

#smallads-menu ul li a:hover,
#smallads-menu ul li a:focus,
#smallads-menu ul li a:active,
#smallads-menu ul li.active a {
	background-position:left bottom;
}
	
#smallads-menu ul li span {
	display:block;
	float:left;
	background-color:#eeada7;
	color:#ffffff;	
	height:12px;
	font-size:10px;
	font-weight:700;
	padding:1px 0 1px 8px;
	margin:0;
	background-image:url(/img/smallads/overview-box_spacer.gif);
	background-repeat:repeat-y;
}

#smallads-menu ul li span.füllstoff {
	display:none;
}


/******************************/
/**** AdvertisementOrderTag ***/
/******************************/

div.klaz-sortierung h4,
div.klaz-sortierung p {
	display:none;
}
div.klaz-sortierung ul {
	margin:0 0 1.4em 0;
	padding:0;
	height:15px;
	border:1px solid #d11538;
}

div.klaz-sortierung ul li {
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
}

div.klaz-sortierung ul li a,
div.klaz-sortierung ul li strong.active {
	display:block;
	height:15px;
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
div.klaz-sortierung ul li.erscheinungsdatum a,
div.klaz-sortierung ul li.erscheinungsdatum strong.active {
	width:140px;
	margin:0 9px 0 0;
}
div.klaz-sortierung ul li.erscheinungsdatum a {
	background-image:url(/img/headings/weiss/erscheinungsdatum.gif);
}
div.klaz-sortierung ul li.erscheinungsdatum a:hover,
div.klaz-sortierung ul li.erscheinungsdatum a:focus,
div.klaz-sortierung ul li.erscheinungsdatum a:active,
div.klaz-sortierung ul li.erscheinungsdatum strong.active {
	background-image:url(/img/headings/dunkelrot/erscheinungsdatum.gif);
}

div.klaz-sortierung ul li.postleitzahl a,
div.klaz-sortierung ul li.postleitzahl strong.active {
	width:110px;
	margin:0 9px 0 0;
}
div.klaz-sortierung ul li.postleitzahl a {
	background-image:url(/img/headings/weiss/postleitzahl.gif);
}
div.klaz-sortierung ul li.postleitzahl a:hover,
div.klaz-sortierung ul li.postleitzahl a:focus,
div.klaz-sortierung ul li.postleitzahl a:active,
div.klaz-sortierung ul li.postleitzahl strong.active {
	background-image:url(/img/headings/dunkelrot/postleitzahl.gif);
}

div.klaz-sortierung ul li.alphabetisch a,
div.klaz-sortierung ul li.alphabetisch strong.active {
	width:110px;
}
div.klaz-sortierung ul li.alphabetisch a {
	background-image:url(/img/headings/weiss/alphabetisch.gif);
}
div.klaz-sortierung ul li.alphabetisch a:hover,
div.klaz-sortierung ul li.alphabetisch a:focus,
div.klaz-sortierung ul li.alphabetisch a:active,
div.klaz-sortierung ul li.alphabetisch strong.active {
	background-image:url(/img/headings/dunkelrot/alphabetisch.gif);
}

/******************************/
/**** smallads-content-box ****/
/******************************/

.smallads-category-footer {
	margin:1em 0 2em 0;
	color:#d11538;
}

/************ smallads searchbox ************/

.smallads-searchbox {
	margin: 0 0 1em 0;
}
.smallads-searchbox img {
	vertical-align:middle;
}

.smallads-searchbox input.search-input {
	width:92px;
	height:13px;
	padding: 1px 0px 0px 3px;
	font-size:90%;
	border:1px solid #5a5b5d;
	vertical-align:middle;
}

.smallads-searchbox input.search-submit {
	vertical-align:middle;
}

.smallads-searchbox a {
	margin: 0.5em 0 0 0;
	text-decoration:none;
}


.smallads-searchbox a:hover {
	color:#e6827c;
}


/*****************************/
/**** smallads - place ad ****/
/*****************************/

#smallads-placead h2 {
	margin:0 0 1.4em 0;
	padding:0px;
	
	display:block;
	height:15px;
	border:1px solid #d11538;
	color:#d11538;
	
	font-size:8px;
	text-indent:-9999px;
	
	background-repeat:no-repeat;
}

.smallads-formbox {
	float:left;
	width:172px;
}
/** 
 * Für Browser ohne JavaScript das Formular für den Anzeigen-Text auf die ganze Breite strecken,
 * das Margin rechts zurücksetzen und die Vorschaubox verstecken, damit sie keinen Abstand aufträgt. 
 */
.zweispaltig .anzeige {
	width:380px;
	margin-right:0;
}
#vorschau {
	display:none;
	margin-left:36px;
}

.smallads-formbox h3,
#meincoolibri-my-smallads h3,
form.zweispaltig h3 {
	margin:10px 0 8px 0;
	padding:0;
	display:block;
	position:relative;
	height:15px;
	border:1px solid #6d6f71;
	color:#d11538;
	font-size:8px;
	text-indent:-9999px;
	background-repeat:no-repeat;
} 

/** Dieses Element wird per JavaScript erzeugt! */
.smallads-formbox h3 a {
	margin:0;
	padding:0;
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	height:15px;
	width:17px;
	font-size:8px;
	text-indent:-9999px;
	background-image:url(/img/smallads/form_icon-info.gif);
	background-repeat:no-repeat;
}

#smallads_textarea {
	height:72px;
	width:372px;
	border:1px solid #6d6f71;
	background-color:#f3f4f4;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#6d6f71;
	padding: 1px 3px;
}

#smallads_text_counter {
	margin-top:10px;
}

#smallads_previewbox {
	margin:3px 0 0 0;
}

.smallads_previewbox_normal {
	text-align:justify;
	min-height:100px;
	color:#000000;
}

/* schwarz eingerahmt */
.smallads_previewbox_1 {
	text-align:justify;
	min-height:92px;
	padding:3px;
	border:1px solid #000000;
}
/* rot eingerahmt */
.smallads_previewbox_2 {
	text-align:justify;
	min-height:92px;
	padding:3px;
	border:1px solid #d11538;
}
/* text zentriert */
.smallads_previewbox_3 {
	text-align:center;
	min-height:100px;
}
/* Text fett */
.smallads_previewbox_4 {
	text-align:justify;
	font-weight:700;
	min-height:100px;
}
/* Text fett, Negativdruck */
.smallads_previewbox_5 {
	text-align:justify;
	color:#ffffff;
	font-weight:700;
	background-color:#000000;
	min-height:94px;
	padding:3px;
}
/* Text fett und rot */
.smallads_previewbox_6 {
	text-align:justify;
	font-weight:700;
	color:#d11538;
	min-height:100px;
}
/* Text Text fett, Anz. gelb hinterlegt */
.smallads_previewbox_7 {
	text-align:justify;
	font-weight:700;
	background-color:#ffed00;
	min-height:94px;
	padding:3px;
}
/* Text fett, Anz. blau hinterlegt */
.smallads_previewbox_8 {
	text-align:justify;
	font-weight:700;
	background-color:#009ee0;
	color:#ffffff;
	min-height:94px;
	padding:3px;
}

input.smallads-inputtext {
	width:164px;
	margin:0 0 5px 0;
	padding: 2px 3px 2px 3px;
	border:1px solid #6d6f71;
	background-color:#f3f4f4;
	color:#6d6f71;
	font-size:95%;
}

.email input.smallads-inputtext {
	margin-bottom:10px;
}

.smallads-select {
	width:172px;
	padding: 1px 3px;
	border:1px solid #6d6f71;
	background-color:#f3f4f4;
	color:#6d6f71;
	font-size:95%;
	margin-bottom:1em;
}

.adpart,
.adprice {
	display:block;
	float:left;
	margin-bottom:0.4em;
}

.adpart {
	width:100px;
}

.adprice {
	width:70px;
}

.adpart-total,
.adprice-total {
	margin-top:0.4em;
	margin-bottom:1em;
	padding-top:0.4em;
	border-top:1px solid #6d6f71;
	font-weight:700;
}

div.smallads-formbox .smallads-inputcheckbox,
div.smallads-formbox .smallads-label {
	margin-bottom:0.30em;
	vertical-align:middle;
	/** Störende Einstellungen von .zweispaltig zurückstellen */
	display:inline;
}

.smallads-inputfile {
}

.zweispaltig h3.irt {
	border:1px solid #6d6f71;
}

#smallads-info li {
	margin-bottom:0.5em;
	line-height:1.5em;
}

a.faq {
	display:block;
	line-height:1.5em;
	background-position: left 5px;
	padding-right:0px;
	padding-left:13px;
}

.faq-entry {
	border-top: 1px solid #d11538;
	padding: 1em 0;
}

.faq-entry a {
	display:block;
	text-decoration:none;
	
	font-size:125%;
	font-weight:700;
	color:#5a5b5f;
	margin: 0.4em 0 0.4em 0;
}


/** Die Preis-Tabellen und die Annahmeschluss-Tabelle in der KlAz-Hilfe */

#kleinanzeigen-preise h3 {
	background-color:#ffffff;
	color:#d11538;
	text-transform:uppercase;
	font-size:120%;
	font-weight:700;
	margin-top:2em;
}

.preistabelle {
	font-size:90%;
}
.preistabelle,
.deadlines {
	width:100%;
	border-spacing: 0;
}

.preistabelle thead tr,
.deadlines thead tr {
	background-color:#d11538;
	color:#ffffff;
}
.preistabelle thead th {
	padding:3px 1px 3px 2px;
	border:0px;
}
.deadlines thead th {
	padding:3px 0;
	border:0px;
}

.preistabelle a:hover,
.preistabelle a:focus,
.preistabelle a:active {
	color:#d11538;
}

.preistabelle tr {
	background-color:#f9e5e1;
	text-align:right;
}
.deadlines tr.next {
	font-weight: 700;
}

.preistabelle td,
.deadlines td {
	border-style:solid;
	border-color:#d11538;
	border-width: 1px 0px 0px 0px;
	padding:2px;
}

.preistabelle tr {
	background-color:#f9e5e1;
}

.deadlines tr {
	background-color:#f9e5e1;
}
.deadlines tr td,
.deadlines tr th {
	text-align:left;
	padding-left:2em;
}

.preistabelle tr.preis-reminder td {
	font-weight: 700;
	border-bottom:0px;
	padding: 4px 0px 4px 3px;
}

.preistabelle tbody th {
	font-weight:700;
	color:#d11538;
	border:0px;
	text-transform:uppercase;
	text-align:left;
	padding: 8px 0 2px 3px;
}



/** Inline-Hilfe */
 
 a.inline-hilfe {
 	display: block;
 	height:1em;
 	margin-top:50em;
 	background-color: white;
 }

#kleinanzeigen-hilfe {
	margin-bottom:50em;
}



/** Sonstiges... */

#kleinanzeigen-annahmeschluss dl {
	margin: .5em 0 1em 0;
}
#kleinanzeigen-annahmeschluss dl dt {
	float:left;
	width:19.5em;
	font-weight: 700;
	margin-right: 1em;
}
#kleinanzeigen-annahmeschluss dl dd {
	float:left;
	margin-bottom: .2em;
}


/** 
 * Anpassungen des zweispaltigen Layouts für die Online-Auftrags-Formulare
 * und die Zusammenfassung der Kleinanzeigen im Mein-Coolibri Bereich
 */

#meincoolibri-my-smallads div.zweispaltig ul,
form.zweispaltig ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
#meincoolibri-my-smallads div.zweispaltig ul li,
form.zweispaltig ul li {
	margin:0 0 3px 0;
	padding:0;
}

/** Ergänzungen für die Bestätigungs-Seite und mein-coolibri */
#meincoolibri-my-smallads div.zweispaltig ul li span,
form.zweispaltig ul li span {
	display:block;
}
#meincoolibri-my-smallads div.zweispaltig ul li span strong,
form.zweispaltig ul li span strong {
	display:block;
	padding:2px 3px 2px 3px;
	margin:3px 0 5px 0;
	border:1px solid #6d6f71;
}

#meincoolibri-my-smallads div.zweispaltig div.kleinanzeige {
	font-size:115%;
}

#meincoolibri-my-smallads div.zweispaltig div.margin-right {
	margin-right:36px;
}

#meincoolibri-my-smallads div.zweispaltig div.slim {
	width:142px;
}

#meincoolibri-my-smallads div.zweispaltig div.aufgeben {
	margin:8px 0 0 0;
	padding:4px 0 0 0;
	border-top:1px solid #6d6f71;
}

/** Ergänzungen für die 1. Seite des Online-Auftrags */
form.zweispaltig div.smallads-formbox a.link-rot {
	margin-top:7px;
}
form.zweispaltig div.smallads-formbox h3.hellrot-allgemeines {
	margin-top:17px;
}

/************ Kleinanzeigen-Auflistung */

ul#kleinanzeigen,
#kleinanzeigen ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#kleinanzeigen li,
#kleinanzeigen ul li {
	padding:0;
	margin:0;
}
div.kleinanzeige,
ul#kleinanzeigen li div#banner-content,
#kleinanzeigen ul li div#banner-content {
	padding:.5em 0 1em 0;
}

div.kleinanzeige div.details,
div.kleinanzeige div.kontakt {
	color:#d11538;
	font-size:90%;
}
div.kleinanzeige div.details {
	margin:0 0 .2em 0;
	border-bottom:1px solid #d11538;
}
div.kleinanzeige div.details a {
	display:block;
	float:left;
	margin-right:5px;
	color:#d11538;
}
div.kleinanzeige div.kontakt {
	margin:.5em 0 0 0;
	padding:1px 0 0 0;
	border-top:1px solid #d11538;
}
div.kleinanzeige div.kontakt a {
	float:left;
	color:#d11538;
}


/************ Kleinanzeigen Detail/Sofortkontakt-Seite */

#kleinanzeige div.links {
	width:200px;
	float:left;
}

#kleinanzeige .rechts {
	width:164px;
	float:right;
}

#kleinanzeige .irt-dunkelrot {
	margin-bottom:7px;
}

#kleinanzeige div.details,
#kleinanzeige div.post,
#kleinanzeige div.anmelden,
#kleinanzeige div.captcha {
	margin-bottom:10px;
}

#kleinanzeige div.captcha form input#captcha {
	width:156px;
	border:1px solid #6d6f71;
	background-color:#f3f4f4;
	color:#6d6f71;
	font-size:95%;
	padding:2px 3px 2px 3px;
	margin:0 0 5px 0;
}
#kleinanzeige div.captcha .irt-dunkelrot {
	margin-bottom:0;
}
#kleinanzeige div.captcha form img {
	width:164px;
}
#kleinanzeige div.captcha form div.submit {
	width:164px;
	background-color:#5a5b5f;
}

#kleinanzeige form.nachricht label,
#kleinanzeige div.nachricht span {
	display:block;
	margin:0 0 5px 0;
}
#kleinanzeige form.nachricht div input,
#kleinanzeige form.nachricht div textarea,
#kleinanzeige div.nachricht div strong {
	width:192px;
	height:auto;
	border:1px solid #6d6f71;
	background-color:#f3f4f4;
	color:#6d6f71;
	font-size:95%;
	font-weight:500;
	padding:2px 3px 2px 3px;
	margin:0 0 10px 0;
}
#kleinanzeige div.nachricht div strong {
	display:block;
}
#kleinanzeige form div.attachment input {
	float:left;
	margin-right:5px;
	width:auto;
	border:none;
	background-color:transparent;
}
#kleinanzeige form div.file input {
	width:380px;
}
#kleinanzeige form span.absenden {
	display:block;
	width:165px;
	float:right;
	background-color:#5a5b5f;
	margin:5px 0 0 0;
}

#kleinanzeige form.nachricht div.submit {
	border-top:1px solid #6d6f71;
}
#kleinanzeige form.nachricht div.submit input {
	float:right;
	width:auto;
	border:none;
	background-color:transparent;
	padding:0;
}

#kleinanzeige div.hinweise {
	margin:1.5em 0 0 .5em;
}
