@charset "utf-8";
/* CSS Document */

/* ****************   */


.vorschau{
	margin-bottom:1em;
	background-color:#FFFFCC;
	display:inline-table;
	width:43%;
	border:#CCCCCC dotted thin;
	height:150px;

	text-align:center;
	padding:0.5em;
	
	margin-right:auto;
	float:left;
	font-size:12px;
	margin-left:5.6em;
	font-size:12px;
	color:#686767;
}
/* ie6*/
*html .vorschau{margin-left:0.5em;margin-bottom:1em;
	background-color:#FFFFCC; 
	
	display:inline-table;
	width:43%;
	border:#CCCCCC dotted thin;
	height:110px;

	text-align:center;
	padding:0.5em;
	
	margin-right:auto;
	float:left;
	font-size:12px;
	color:#605f5f;
	}
	
	
	+*html .vorschau
{	background-color:#FF3300; margin-left:5em;}	
	
.vorschau-2{
margin-bottom:1em;
	background-color:#FFFFCC;
	display:inline-table;
	width:98%;
	border:#CCCCCC dotted thin;
	height:70px;
	vertical-align:bottom;
	text-align:center;
	padding:0.5em;
	margin-left:auto;
	margin-right:auto;

	
}




.vorschau img { margin-right:4em; margin-top:1em;float:left; border:#ccc solid 3px; width:101px;}
.vorschau-2 img { margin-right:4em; float:left; border:#ccc solid 3px; width:101px;}
.clear{clear:both;}
.nomarginleft{margin-left:0px;}
.indextxt2{
text-align:center;

display:block;
width:71%;
margin-left:auto;
margin-right:auto;
margin-bottom:0.5em;

font-size:12px;
border-bottom:#CCCCCC dotted thin;
padding-bottom:0.5em;

}

.textab{display:block; padding-left:120px;}



/* *************  weiche chrom safari **********  */
@media screen and (-webkit-min-device-pixel-ratio:0)
{


 .vorschau 
 {
 margin-bottom:1em;
	background-color:#FFFFCC;
	display:block;
	width:41%;
	border:#CCCCCC dotted thin;
	min-height:156px;
height:auto;
	text-align:center;
	padding:0.5em;
	
	margin-right:auto;

	font-size:11px;
	margin-left:9em; /* The text will appear red only in Safari and Google Chrome */
	color:#686767;
	float:left;
 }
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
  .nomarginleft 
 {margin-left:0px;}
}

 body:nth-of-type(1)  .nomarginleft{
 margin-left:0px;
 }


/*   Ende safari Chrome */

#texte{font-size:12px; color:#686767;}

.mtop{margin-top:1em;}
.indextxt ul li{
list-style-image:url(img/star2.gif);
margin-left:2em;


}
 div.info img.calender{width:20px; height:19px; float:left; padding-left:0.5em; border:none;margin:0 5px 0 0 ;}
 div#main div#content div.indextxt div.vorschau div.info  img.information{width:60px; height:18px; float:left;margin:0 2em 0 8em; padding-right:0em;border:none;}
 .info{
	width:100%;
	height:22px;
	display: block;
}

div#main div#content  div.info img.anfrage{width:58px; height:18px; float:right; border:none; margin:0px ; }
.anfrage img{ border:none; }
.deaktiviert{color:#FFFFFF;
font-size:small;
font-weight:100;

}

#social { display: block;
position:absolute;
top:0em;left:48em;
    float: left;
    height: 2em;
    margin-top: 0;
    padding-top: 1em;
    width: 5%; margin-left:7em;}  
#social_2 {display:block; float:right; width:20%; height:1em;padding:1em;}
#social img{  margin-left:2em; border:none; }
#social_2 img{  border:none; }
.Stil1 {
	color: #FF0000;
	font-weight: bold;
	font-size:10px;
}
#texte{background-color:#FFFFCC; padding:10px;}


  div.vorschau div.icon{display:block; height:20px; width:60px; text-align:left;}
 div.vorschau div.icon  img{width:15px; height:15px; border:none; padding:0  0 0 0.5em; margin:0;}
 
  *html div.vorschau div.icon{display:block; height:20px; width:100%; text-align:left;}
 *+html div.vorschau div.icon{display:block; height:20px; width:100%; text-align:left;}
   *html div.textab h4{ font-size:12px;}
  *+html div.textab h4{ font-size:12px;}