/*----------------------------------------------------------------------*/
/* BrowserVersion - Box Styles
/*----------------------------------------------------------------------*/
#BrowserVersion{
	font-size: 12px;
	text-align: center;
	background: #eee url('images/schatten.png') repeat-x left bottom;
	position: relative;
	z-index: 9999;
}


#BrowserVersion *{
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}

#BrowserVersion .inner{ padding: 20px; }

#BrowserVersion .headline{
	font-size: 2em;
	font-weight: bold;
	color: #b31120;
}
#BrowserVersion .text{ font-size: 1.25em; }
#BrowserVersion .hinweisSchliessen{ 
	font-size: 0.9em;
	position: absolute;
	right: 20px; top: 20px;
}

#BrowserVersion .browserItems{ display: block; overflow: hidden; }
#BrowserVersion .browserItem{
	width: 125px;
	padding: 15px;
	border: 1px solid #ddd;
	background: #fff;
	overflow: hidden;
	display: block;
	float: left;
	vertical-align: top;
	margin-right: 20px;
	position: relative;
}

#BrowserVersion .browserItem.last{ margin-right: 0px; }

#BrowserVersion .browserItem{ text-align: center; }
#BrowserVersion .browserItem .icon{ margin: 0 auto 10px auto !important; display: block;  }
#BrowserVersion .browserItem .name{ font-weight: bold; }
#BrowserVersion .browserItem .version{ margin-top: 5px; }

#BrowserVersion .browserItem .download{ 
	display: block;
	border: 1px solid #66a75c;
	margin-top: 10px;
	line-height: 1.75em;	
	position: relative;
	background: #82c377;
	color: #135f07;
	text-decoration: none;
}
#BrowserVersion .browserItem .download:hover{  background: #75af6b; }

#BrowserVersion .browserItem.s125{ width: 125px; }
#BrowserVersion .browserItem.s125 .icon{ width: 125px; height: 135px; background: url('images/browser-sprite-125.png') no-repeat; }
#BrowserVersion .browserItem.s125 .icon.chrome{ background-position: 0 0; }
#BrowserVersion .browserItem.s125 .icon.mozilla{ background-position: -125px 0; }
#BrowserVersion .browserItem.s125 .icon.safari{ background-position: -375px 0; }
#BrowserVersion .browserItem.s125 .icon.opera{ background-position: -250px 0; }
#BrowserVersion .browserItem.s125 .icon.msie{ background-position: -500px 0; }
#BrowserVersion .browserItem.s125 .name{ font-size: 1.25em; }
#BrowserVersion .browserItem.s125 .version{ font-size: 1em; }

#BrowserVersion .browserItem.s100{ width: 100px; }
#BrowserVersion .browserItem.s100 .icon{ width: 100px; height: 105px; background: url('images/browser-sprite-100.png') no-repeat; }
#BrowserVersion .browserItem.s100 .icon.chrome{ background-position: 0 0; }
#BrowserVersion .browserItem.s100 .icon.mozilla{ background-position: -100px 0; }
#BrowserVersion .browserItem.s100 .icon.safari{ background-position: -200px 0; }
#BrowserVersion .browserItem.s100 .icon.opera{ background-position: -300px 0; }
#BrowserVersion .browserItem.s100 .icon.msie{ background-position: -400px 0; }
#BrowserVersion .browserItem.s100 .name{ font-size: 1em; }
#BrowserVersion .browserItem.s100 .version{ font-size: 0.75em; }

#BrowserVersion .browserItem.s85{ width: 96px;}
#BrowserVersion .browserItem.s85 .icon{ width: 85px; height: 89px; background: url('images/browser-sprite-85.png') no-repeat; }
#BrowserVersion .browserItem.s85 .icon.chrome{ background-position: 0 0; }
#BrowserVersion .browserItem.s85 .icon.mozilla{ background-position: -85px 0; }
#BrowserVersion .browserItem.s85 .icon.safari{ background-position: -255px 0; }
#BrowserVersion .browserItem.s85 .icon.opera{ background-position: -170px 0; }
#BrowserVersion .browserItem.s85 .icon.msie{ background-position: -340px 0; }
#BrowserVersion .browserItem.s85 .name{ font-size: 1em; }
#BrowserVersion .browserItem.s85 .version{ font-size: 0.75em; }