@import "jquery.rating.css";

#content { max-width:1375px; float:none; margin:0 auto}

/* CSS3 Bootstrap Rating -----------------------------------------------*/

.glyphicon-star-empty, .glyphicon-star { font-size:20px; color:#313193; cursor:pointer  }
.glyphicon-star { color:gold }
/* ------------   hreview Formatierung ----------------- */

div#company-rating { float:left; width:300px;  line-height:25px }
.fn, .votes, .count { display:none }

#ratingName { float:left }
div.hreview-aggregate { float:left}
#starwrapper2 {  float:left; display:inline-block;  margin-left:5px; margin-top:5px; width:90px;  overflow:hidden; }
/* span.average { margin-left:10px} */
span.rating { float:left; line-height:25px;}


/*------------------------------------------------------------*/

.flexbox-item:first-child { background:#f6f6f6;}


div#breadcrumb { position:relative; float:left; left:0; width:100%; margin:0; top:0}
div.inner-crumb {max-width:1375px; margin:0 auto }


#contentbottom		{ float:left; width:100%; height:30px }


div.art-wrapper			{ float:left; width: 100%;  margin: 0 0 0;padding: 20px 0 0; text-align:justify;	border-top: 1px solid #eee;}


.media { /*max-width:50%; margin:0 5% 5% 0;*/ padding:0 5% 5% 0; box-sizing:border-box }





/* Formular neuen Kommentar schreiben */
h4#wnr						{ float:left; width:100%;}



.review-wrapper,
.review-wrp {
	float: left;
	clear: both;
	width: 100%;
	background: #fafafa;
	padding: 5% 5%;
	box-sizing: border-box;
}


div#review-frm		{	max-width: 970px;margin: 0 auto;}  
#review-frm DIV		{ float:left; background: none;  }

#review-frm DIV.kname, 
#review-frm DIV.kmail, #review-frm DIV.kfon 	{ width:100%; background:none; margin:5px 0; }

	.r-frm-caption 					 { float:left;   line-height:20px; text-align:left; text-indent:0px; margin-right:10px; margin-top:5px }
	.r-frm-caption.rate  		{ float:left;  width:auto; line-height:20px; text-align:left; text-indent:0px; margin-right:10px; margin:5px 0;  }
	
	.r-frm-value						{ float:left; width:100%; line-height:20px; text-align:left; padding-top:0px; background:none}
	.r-frm-value.rate				{ float:left; width:150px; line-height:20px; text-align:left; padding-top:5px;  }
	
	
	INPUT.t_input,
	Textarea#r_text,
	Textarea#itext	{ width:100%;border-radius:0px!important; box-shadow:none!important; font-size:1em;}

	
	#frm-sbm 		{ float:left;  margin:15px 0 0 0; }
	
	span.sbm_de 		{width:100%; transition: all ease 0.3s}
	span.sbm_de:hover 	{  }
	




.hint { font-size:.8em; line-height:1.2em; color:#999}


	/*  Fehlermeldungen und Erfolgsmeldungen  */
	#msg {width:100%;}
	div#failure, div#ok	{ float:left; width:100%; padding:10px 2% 10px 2%; margin:15px 0 20px 0px}
	
	div#failure			{	border:1px solid red; background:#FFE8E8;	  }
	#failure SPAN	{	float:left; width:100%; line-height:20px; color:red }		
	div#ok					{	border:1px solid #00cc00; background:#EEFEEB;  }

	

	/* Kommentare und Bewertungen Liste */
	
#review-comments			{ float:left; width:100%;padding:20px 0 0 0; margin:20px 0 20px 0; box-sizing:border-box; border-top:1px solid #eee;}
	#review-comments H4 	{ width:100%; margin:5px 0 10px 0; padding:0px; text-indent:4px; font-size:1em; text-align:left; }	
	#review-comments OL		{ float:left; width:100%;  list-style-type:none; padding:0 0 0 0; margin:0;  }
	#review-comments LI 		{ float:left; width:100%; margin:0 0 30px 0; padding:0; }
	#review-comments .small { margin:0;}
	
	
	.reviewer								{ float:left; clear:both; line-height:1em;width:auto; min-width:175px; text-align:center; margin:5px 0 0 25px; }	
	.reviewer .small { display:none}
	.comment-wrapper			{ float:left;  width:auto; padding:3rem 3%; text-align:left; background:#f4f4f4; box-sizing:border-box; position:relative; margin:0 0 15px 0; border-radius:10px;}
	.comment-wrapper:before {
    content: " ";
    position: absolute;
    top: 100%; 
    left: 100px;
    margin-left: -15px;
    border-width: 15px;
    border-style: solid;
    border-color: #f4f4f4 transparent transparent transparent;} 
	
	.comment-wrapper P		{ float:left; width:100%; margin:10px 0 0 0; text-align:left; background:none; }

	

	
	.gstar			{ float:left; width:16px; height:16px; overflow:hidden; background:url('../images/star.png') center -32px no-repeat }
	.grstar			{ float:left; width:16px; height:16px; overflow:hidden; background:url('../images/star.png') center 0px no-repeat }
	.startext		{ float:left; width:80px; height:16px; font-size:13px }
	
	
			#sbmfrm		{ display:inline-block; float:left; color:		#fff; background:#82bb25; padding:8px 30px; margin:10px 0; cursor:pointer}
						#sbmfrm:hover 	{ background:#57585a; color:#fff }
/* -------- Blogeinträge teilen -------------------------------------------------------------- */


div#shareblog	   	{ float:right; width:100%; height:auto; background:none; margin:0; }
div#shareblog ul li {margin: 0px 5px 5px 0;}
#shr-btn	   				{ float:right; background:; margin-top:8px; text-align:left }
#shr-btn Img   	  	{ vertical-align:middle }
#shr-btn A	   			{ font-size:11px; font-weight:normal }
#gplus		   				{ float:left; width:70px; background:; margin-top:9px }
#fblike		   				{ float:left; width:120px; overflow:hidden; margin-top:1px }
#fblike Iframe 		{ margin-top: 8px }

/*---------------------------------------------------------------------------------------------*/  
@media screen and (max-width: 768px) {	
div.art-wrapper			{ text-align:left;}
}

@media screen and (max-width: 700px) {	
.media { max-width:100%; padding:0 0 5%}	
 }
@media screen and (max-width: 480px) {	 .pure-form input:not([type]), .pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form label {
	margin:0!important;
}
}