/* Boxes
************************************************/

div.grayBox {
	background-color: #f5f5f5;
	padding: 7px 5px;
	margin-bottom: 0.5em;
}

div.grayBox h3 { margin-top: 0; }

div.grayBox p:last-child { margin-bottom: 0; }

div.tripple { width: 28%; }

/* Teaserboxen (tb) */

div.tb { margin-bottom: 1.5em; }

div.tbHead {
	background: #f90 url(../images/tbheadbg-2.png) no-repeat 100% 0;
	border-bottom: 1px solid #cc7a00;
	padding: 0 5px;
	min-height: 20px;
}

div.tbHead h2 {
	float: left;
	width: 240px;
	font-size: 100%;
	color: #fff;
	font-weight: normal;
	padding-top: 0.3em;
	margin: 0;
}

div.tbHead div.tbHeadToggle {
	float: right;
	width: 50px;
	text-align: right;
	padding-top: 0.2em;
}

div.tbHead div.tbHeadToggle a { background: url(../images/tbheadtoggler.gif) no-repeat -12px 0; }
div.tbHead div.tbHeadToggle a:hover { background-position: 0 2px; }

div.tbHead div.tbHeadToggle a img {
	width: 12px;
	height: 16px;
	vertical-align: middle;
}

/* TwoRows
************************************************/

div.twoRows div.L, div.twoRows div.R { width: 230px; }
div.twoRows div.L { margin-right: 10px; }
div.twoRows div.R { margin-left: 10px; }
div.twoRows div.tbHead h2 { width: 190px; }
div.twoRows div.tbHead div.tbHeadToggle { width: 30px; }

/* Stars
************************************************/

div.ratingStars0, div.ratingStars05, div.ratingStars10, div.ratingStars15, div.ratingStars20,
div.ratingStars25, div.ratingStars30, div.ratingStars35, div.ratingStars40, div.ratingStars45, div.ratingStars50 {
	width: 55px;
	height: 11px;
	background: url(../images/ratingstarsgray.png) no-repeat 100% 0;
	text-indent: 200em;
}

div.grayBox div.ratingStars0, div.grayBox div.ratingStars05, div.grayBox div.ratingStars10, div.grayBox div.ratingStars15,
div.grayBox div.ratingStars20, div.grayBox div.ratingStars25, div.grayBox div.ratingStars30, div.grayBox div.ratingStars35,
div.grayBox div.ratingStars40, div.grayBox div.ratingStars45, div.grayBox div.ratingStars50 {
	background-image: url(ratingstarsgray.png);
}

div.ratingStars0  { background-position: 0 0; }
div.ratingStars05 { background-position: 0 -11px; }
div.ratingStars10 { background-position: 0 -22px; }
div.ratingStars15 { background-position: 0 -33px; }
div.ratingStars20 { background-position: 0 -44px; }
div.ratingStars25 { background-position: 0 -55px; }
div.ratingStars30 { background-position: 0 -66px; }
div.ratingStars35 { background-position: 0 -77px; }
div.ratingStars40 { background-position: 0 -88px; }
div.ratingStars45 { background-position: 0 -99px; }
div.ratingStars50 { background-position: 0 -110px; }

/* Images
************************************************/

img.screenshot { border: 1px solid #ccc; }
#sidebarLeft img.screenshot { width: 178px; }


/* Misc
************************************************/

.dev { background-color: green; }
.noMargin { margin-bottom: 0 !important; }
.noMarginRight { margin-right: 0 !important; }

/* Ads
************************************************/

div.ad468x60 {
	background: url(../images/anzeigesmall.gif) no-repeat 0 35px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 8px 0;
	text-align: right;
	margin: 1.5em 0;
}

div.ad300x250 {
	margin: 1.5em 0;
}

/* clearfix
************************************************/

.L {
	float: left;
	margin-right: 1em;
}

.R {
	float: right;
	margin-left: 1em;
}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after, div.tbHead:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix, div.tbHead { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix, * html div.tbHead { height: 1%; }

.clearfix, div.tbHead { display: block; }
/* End hide from IE-mac */