/* Forms
************************************************/

label {
	display: block;
	color: #555;
	font-size: 85%;
}

input.form, select.form {
	width: 20em;
}

input.button {
	background: #f90 url(../images/structure/buttonbg.gif) repeat-x 0 0;
	border: 1px solid #cc7a00;
	padding: 0.2em 1em;
	color: #fff;
}

input.button:hover, input.button:focus {
	background: #ffad33;
	cursor: pointer;
}

.marginLabel { margin-top: 0.85em; }



/* 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 { padding-bottom: 1.5em; overflow: hidden; }

/* 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; }

/* 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/structure/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(../images/structure/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/structure/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 {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

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

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

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