@import url("jquery.rating.css");
@import url("share.css");



#content small	 		{ float:left;  font-size:11px; line-height:11px;  text-align:left; margin:0px }
#contentbottom			{ float:left; width:100%; height:30px }
div.art-wrapper			{ float:left; width: 100%;  margin-top:10px; padding:0;	}


/*div.description			{ float:left; width:552px; margin-top:5px; margin-left:2px; padding:0 10px 0px 10px; font-size:13px; background:none }
*/
							

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

 .artmedia			{ float:left; width:100%; height:260px; overflow:hidden;  padding-left:10px }
.artmedia img			{ float:left; width:100%; }

.media { margin:0 25px 25px 0}

div#reviews			{ float:left; width:100%; background:none;  }
#reviews ul			{ float:left; width:100%; list-style-type:none; margin:0; padding:0 }
#reviews ul li			{ float:left; width:100% }

div#review-frm			{float:right;background: #fafafa;margin:0;padding: 1.5% 2.5%; box-sizing:border-box; width:45%; margin:0 0 0 5%; clear:right }
h4#wnr	{ float:left; width:100%; font-weight:700;}
#review-frm DIV	{ float:left; width:100%;}

#review-frm div.rating-cancel { width:auto}
#review-frm div.star-rating { width:16px;}

#review-frm DIV.kname, #review-frm DIV.kmail { width:100%; clear:both; background:none; margin:5px 0; }
#review-frm Div.hint { font-size:0.9em; }
.hint small { float:left; width:100%; margin-top:20px !important; font-size:14px !important }

	.r-frm-caption  			{ float:left;  width:170px; line-height:20px; text-align:left; text-indent:0px; margin-right:10px; margin-top:5px }
	.r-frm-caption.rate  	{ float:left;  width:80px; line-height:20px; text-align:left; text-indent:0px; margin-right:10px; margin-top:5px;  }
	
	.r-frm-value				{ float:left; width:100%; line-height:20px; text-align:left; padding-top:0px}
	.r-frm-value.rate		{ float:left; width:300px; line-height:20px; text-align:left; padding-top:5px;  }
	.r-frm-value TEXTAREA {width: 100%;box-sizing: border-box;padding: 10px 25px; height:80px; border:1px solid #ccc;}
	
	INPUT.t_input	{width:100%; box-sizing:border-box;padding: 10px 25px;font-family: 'Source Sans Pro', sans-serif; font-size:1em; border:1px solid #ccc;}
	
	Textarea#r_text	{ font-family: 'Source Sans Pro', sans-serif;font-size:1em;}

	
	#frm-sbm 		{ float:left; width:100%; margin:15px 0 0 0; }
	
	span.sbm_de 		{ color:#fff; text-align:center; padding:5px 30px; height:40px; line-height:40px; float:left; display:block; background:#0e5f03; cursor:pointer;}
	span.sbm_de:hover 	{ background:#404040; }

	span.sbm_en	  { color:#fff; text-align:center; padding:5px 30px; height:40px; line-height:40px; float:left; display:block; background:#0e5f03; cursor:pointer; }
	span.sbm_en:hover {background:#404040; }





	div#msg	{  }


	div#failure						{	float:right; border:1px solid red; background:#FFE8E8;	padding:10px; margin:15px 0 20px 0px ; width:100%; box-sizing:border-box	}
	#failure SPAN				{	float:left; width:100%; line-height:20px; color:red	}
	div#ok, div#success		{	float:right; border:1px solid #00cc00; background:#EEFEEB; padding:10px; margin:15px 0 10px 0px ;width:100%; box-sizing:border-box	}

	
	#review-comments {float:left;width: 50%;background: none;padding: 0;clear: left;}
	#review-comments H4 	{ width:100%; margin:5px 0 10px 0; padding:0px; text-indent:4px; font-size:14px; text-align:left; text-indent:15px; }
	
	#review-comments OL {
	float: left;
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0 0;}
	#review-comments LI {
	float: left;
	width: 100%;
	margin: 0 0 2%;
	padding: 15px 25px;
	background: #fafafa;
	box-sizing: border-box;}	
	.reviewer {
	float: left;
	width: 100%;
	color: #878787;
	font-size: 0.7em;}
	.comment-wrapper	{ float:left; min-height:80px; padding:5px 0 15px 0; text-align:left;}
	.comment-wrapper P	{ float:left; width:100%; margin:15px 0 0 0; }
	
	.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:70px; height:16px; font-size:13px }


/* -------- Blogeinträge teilen -------------------------------------------------------------- */


div#shareblog	   { float:right; height:30px; background:none; margin:0 0 15px 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:100px; background:; margin-top:9px }
#fblike		   { float:left; width:120px; overflow:hidden; margin-top:1px }
#fblike Iframe { margin-top: 8px }


/* Media Queries */

@media screen and (max-width:800px) {
		div#review-comments 	{ float:left; width:100%; }
		div#review-frm 				{ float:left; width:100%; box-sizing:border-box; margin:0}
}