/*****************************************************************************************************/
/***     CSS FILE für des MODUL inserat ohne anmeldung                                             ***/
/*****************************************************************************************************/

.ins_add_header_text { padding:7px 0px; }
.ins_add_header_text h1 { font-size:1.2em; }
.ins_add_header_text span { font-size:1.2em; color:#800000; font-weight:bold; }


.ins_add_schritte_bereich { margin:10px 0 0 0; display: table; width:100%; height:80px; border-top:2px solid #ccc; border-bottom:2px solid #ccc; padding:0.5em 0; }
.ins_add_schritte_bereich .schritt_rahmen { display: table-cell !important; vertical-align:middle;  overflow: hidden; text-align:left; }
.ins_add_schritte_bereich .schritt_rahmen span { line-height:80px; color:#ccc; }
.ins_add_schritte_bereich .schritt_rahmen span.text_aktiv { color:#603913; }
.ins_add_schritte_bereich .schritt_rahmen .icon_block { display:inline; }

.ins_add_schritte_bereich .icon { display:inline-block;  position:relative; border:4px solid #ccc; padding-top:0.5em; vertical-align: middle; width:80px; height:80px; text-align:center; line-height:120%; -moz-border-radius:55%; -webkit-border-radius:55%; -khtml-border-radius:55%; border-radius:55%; background-color:#efefef; margin:0 5px 0px 0; }
.ins_add_schritte_bereich .icon:after{ color:#ccc; font-size:2em; position: absolute; top:17px; left:-5px; font-size:40px; }
.ins_add_schritte_bereich .icon_aktiv:after{ color:#603913; }
.ins_add_schritte_bereich .icon_aktiv { border:4px solid #cdb59e; background-color:#fbfaf6; }

@media (max-width: 1000px) {
	.ins_add_schritte_bereich .schritt_rahmen { text-align:center; } 
	.ins_add_schritte_bereich .schritt_rahmen span { display:block; line-height:120%; padding-top:8px; } 
	.ins_add_schritte_bereich .schritt_rahmen .icon_block { width:100%;}
}


@media (max-width: 600px) {
	.ins_add_schritte_bereich .schritt_rahmen span { display:none; }
	.ins_add_schritte_bereich .icon { width:50px; height:50px; }
	.ins_add_schritte_bereich .icon:after{ font-size:1em; position: absolute; top:8px; left:-5px; font-size:25px; }
}



.marktplatz_block { margin-top:20px;  height:215px; padding:0px 0px 5px 0px; background-color:#FEFBED; text-align:center; border:solid #ccc 1px; overflow:hidden; }
.marktplatz_block a { text-decoration:none; }
.marktplatz_block a:hover { text-decoration:none; }
.marktplatz_block:hover { border:1px solid #800000; }
.marktplatz_block .header { font-size:1.0em; font-weight:bold; padding:10px 0px; }
.marktplatz_block .bild { margin:0px 0px 5px 0px; }
.marktplatz_block .link { padding:10px 0px 0px 0px; color:#444; }



/*** breadcrumb der Kategorieauswahl ***/
.ins_add_kat_pfad  { font-size:0.9em; padding:10px 0px 0.5em 0px; color:#444444; white-space:nowrap; overflow:hidden; font-weight:bold; border-bottom:2px solid #ccc; }
.ins_add_kat_pfad a { font-size:1.0em; padding-right:10px; white-space:nowrap; text-decoration:none; font-weight:normal;  }
.ins_add_kat_pfad a:hover { text-decoration:underline; }
.ins_add_kat_pfad a:before { content: "» "; text-decoration:none; }
.ins_add_kat_pfad span { font-weight:normal; }
.ins_add_kat_pfad span:before { content: "» "; text-decoration:none; font-weight:normal; }
.ins_add_kat_pfad a:first-of-type { content: ""; }



/*** Kategorieauswahl ***/
.ins_add_kat_auswahl { margin:10px 0px 0px 0px; }
.ins_add_kat_auswahl .kat_text { margin:0px 0px 0px 0px; font-size:0.9em; color:#444; font-weight:bold; line-height:150%; }

.ins_add_kat_auswahl .kat_bloecke { margin-top:10px; }

.ins_add_kat_auswahl .kat_bloecke .kat_block { padding:0px 10px; }

.ins_add_kat_auswahl .kat_bloecke .kat_block a { 
	font-size:0.9em; padding:0.3em 0.2em 0.3em 15px;;
	margin-top:15px; 
	display:block; border:1px solid #ccc; background-color:#fbfaf6; 
	-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;
	-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


/*** Eingabe der Basisdaten ***/
.ins_add_daten { margin:15px 0px 0px 0px; }
.ins_add_daten .daten_header { background-color:#603913; color:#fff; font-size:0.9em; font-weight:bold; padding:8px 10px; letter-spacing:0.1em; }

.ins_add_daten .add_block { margin:15px 20px 0px 0px; }
.ins_add_daten .add_block .feldbeschreibung { font-weight:bold; font-size:0.9em; }
.ins_add_daten .add_block .feldbeschreibung span { color:#ff0000; font-size:0.8em; }
.ins_add_daten .add_block input, .ins_add_daten .add_block textarea, .ins_add_daten .add_block select { font-size: 0.9em; color:#603913; border:2px solid #ccc; padding:12px 10px; resize: none; margin-top:5px; }
.ins_add_daten .add_block input[type=text]:focus { background-color:#fbfaf6;  border:2px solid #FEFBED; }


.ins_add_daten .add_block .input_100 { width:100%; }  
.ins_add_daten .add_block .input_40 { width:30%; margin-right:15px; }  
.ins_add_daten .add_block .input_60 { width:62%; }  
.ins_add_daten .add_block .input_50 { width:45%; xmargin-right:10px; }  


.ins_add_daten .button_block { margin:20px 20px 0 0; }
.ins_add_daten .button_block input { width:100%; color:#fff; padding:12px 5px; border:0px; }


/* Fehler Bereich */
.ins_add_daten .eingabe_error_text { font-size:0.8em; padding:5px 5px; color:#ff0000; }
.ins_add_daten .eingabe_error_block input, .ins_add_daten .eingabe_error_block textarea, .ins_add_daten .eingabe_error_block select { border:2px solid #ff0000; background-color:#F8EDED; margin-bottom:5px; }


.ins_add_daten .info_block { font-size:0.9em; }
.ins_add_daten .info_block .info_header { font-weight:bold; }
.ins_add_daten .info_block .info_text { padding-left:10px; }
.ins_add_daten .info_block .info_text span { color:#444; font-weight:bold; }
.ins_add_daten .info_block .info_text .red_line { background-color: #880000; display:inline; margin-top:10px; 
    padding: 5px 10px 5px 10px;
    color: #fff;
    font-weight: bold;
}


/*****************************************************************************************************/
/** Inserat VORSCHAU
/*****************************************************************************************************/
.inserat_vorschau { margin:20px 20px 0px 20px; }
.inserat_vorschau .ins_header { color:#603913; font-weight:bold; font-size:1.2em; }
.inserat_vorschau .bild_text { margin-top:20px; }
.inserat_vorschau .bild_text img { float:left;margin:0 1em 1em 0; }


.inserat_vorschau .block_header { font-weight:bold; }
.inserat_vorschau .block_bereich { margin:3px 0px 10px 20px; font-size:12px; color:#444444; line-height:160%;}
.inserat_vorschau .block_bereich b { color:#444444; }
.inserat_vorschau .block_bereich img { float:left; padding:10px; border:1px solid #ccc; margin-right:20px; }
.inserat_vorschau .block_bereich .red_text { color:#800000; font-weight:bold; line-height:160%;  }