root, html, body { display: block; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4,
h5, h6, pre, form, fieldset, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
  color: #333;
}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	box-sizing: border-box; border-collapse: collapse; }
a { text-decoration: none; color: #2BA6CB; }
a:hover { cursor: pointer; }
button:hover { cursor: pointer; }
p { line-height: 140%; padding: 4px 0; text-align: justify; }

.header {
  padding: 8px 0;
  height: 60px;
  background-color: #00A6FC;
}
.header * { color: #fff; font-size: 12px; }
.header a { font-weight: bold; font-size: 20px; }
.header h1 { font-weight: normal; display: inline; }
.header .column { padding-left: 20px; }
#logout	{ display: block; margin-top: 10px; font-size: 11px; text-align: right; }

.row {
	min-width: 768px;
	max-width: 960px;
	margin: 0 auto;
}

.column							{	float: left; }
.column + .column:last-child	{	float: right; }
.half							{	width: 49%; }
.box .half						{	width: 50%; }


.header .column + .column:last-child a	{ font-size: 14px; }
/*.header .column + .column:last-child a:last-child { float: right; margin-right: 0; }*/

.clear		{	clear: both; float: none; }
div.box div.clear		{	clear: both; float: none; }

.box		{	background-color: #eee; margin-bottom: 12px; padding: 6px 8px; }
.box.row	{	padding: 5px 0; }
.inner		{	background-color: #fff; padding: 6px; }
.box h2		{	margin: 5px 0 10px 0.5%; font-size: 16px; font-weight: bold; }
.box h1		{	margin: 5px 0 10px 0.5%; font-size: 16px; font-weight: bold; }
.box legend	{	margin: 5px 0 10px 0.5%; font-size: 16px; font-weight: bold; }
.box, .inner{	border-radius: 4px; border: solid 1px #e6e6e6; position: relative; }
.inner ul	{	padding-left: 30px; line-height: 140%; }
.inner ol	{	padding-left: 30px; line-height: 140%; }
.inner ul li{	list-style-type: disc; }
.inner ol li{	list-style-type: decimal; }

.content	{	width: 65%; }
.sidebar	{	width: 33%; }

.search	form	{	margin-left: -0.5%; }
.search span	{	display: block; }
.search .input	{	float: left; width: 24%; margin: 0 0.5%; }
.search label	{	display: block; color: #4D4D4D; padding-left: 10px; }
.search input	{	width: 90%; background-color: white; border: solid 1px #DDD; padding: 5px;
					box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.search select	{	width: 90%; background-color: white; border: solid 1px #DDD; padding: 5px;
					box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.search .buttons{	clear: left; margin-top: 50px; }
.search button	{	float: right; }
.search a		{	float: left; margin-left: 0.5%; }
/*.search button, .search a {
					font-size: 17px; padding: 8px 20px 6px; border-radius: 3px;
					-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
					margin-top: 10px; font-weight: bold; color: #fff;
}*/



.navigation				{	background-color: #4d4d4d; }
.navigation ul			{	height: 40px; line-height: 1.6; margin: 17px 0; }
.navigation li			{	float: left; border: solid 1px #333; border-right: none;
							box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; }
.navigation li:last-child{	border: solid 1px #333; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); }
.navigation a			{	display: block; padding: 8px 20px; color: #E6E6E6; font-weight: bold; }
.navigation .active a:hover		{	background-color: #2387A5; }
.navigation a:hover		{	background-color: #333; color: #fff; }
.navigation li.active		{	color: #fff; background-color: #2BA6CB; border-color: #2284A1; }

.news .image			{	float: left; margin-right: 20px; }
.news .left				{	float: left; margin-right: 20px; }
.news .comments			{	float: right; margin-top: -10px; text-align: center; padding-top: 6px; font-size: 10px;
							background-image: url('../img/icons/comment.png'); height: 32px; width: 32px; }
.news .game				{	font-size: 11px; color: #4D4D4D; }
.news .blue				{	float: left; }
.news .red				{	float: right; }
.news .preview			{	font-size: 12px; margin: 0 50px 0 70px; color: #666; }

.comments .date			{	font-size: 11px; color: #4D4D4D; }

.game .blue				{	float: left; }
.game .red				{	float: right; }
.game .genre,
.game .location			{	float: right; margin: 4px 15px 0 0; background-color: #899; color: #fff;
							font-size: 12px; font-weight: bold; padding: 2px 8px; border-radius: 8px;
							box-shadow: #333 1px 1px 3px; border: solid 1px #666; }
.meta .line				{	float: left; width: 49%; }
.meta label				{	float: left; width: 110px; font-weight: bold; }
.meta hr				{	clear: left; border: none; border-bottom: solid 2px #eee; padding-top: 5px; margin: 0 -5px 5px -5px; }


.tabs					{	margin: 10px 0 5px 0; }
.tabs a					{	background-color: #fafafa; padding: 10px 15px; border-radius: 4px;
							border: solid 1px #e6e6e6; border-bottom: none; }
.tabs .active			{	background-color: #eee; }

/*.votes .entry			{	padding: 6px 0; }*/
.votes span				{	float: left; width: 22px; }
.votes .likes			{	float: right; color: #FF8382; }
.votes .count			{	float: right; color: #2BA6CB; }
.votebox img			{	margin: 3px 3px -3px 3px; }
#Box2, #Box3			{	display: none; }

.games .image			{	float: left; margin-right: 20px; }
.gameinfo .entry		{	font-size: 13px; }
.gameinfo img			{	margin: 3px 5px -3px 0; }
.gameinfo .button		{	width: 49%; text-align: center; margin: 0 0 3px 0; }
.gameinfo .blue			{	float: left; }
.gameinfo .red			{	float: right; }

.foot					{	text-align: right; margin-right: 5px; font-size: 12px; }
.foot a					{	margin-left: 25px; }
.foot img				{	margin: 4px 0 -4px 0; }

.entry					{	clear: left; padding: 6px 0; }
.entry:nth-child(2n)		{	background-color: #f3f3f3; }
.entry .gameTitle		{	font-weight: bold; }
.entry .newsTitle		{	font-weight: bold; }
.entry a img			{	border-radius: 4px; }

.filter label			{	float: left; margin-top: 6px; font-weight: bold; font-size: 12px; color: #4D4D4D; width: 40%; }
.filter input			{	float: right; background-color: white; border: solid 1px #DDD; padding: 3px 5px;
							box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); width: 60%; }
.checkbox input			{	width: auto; float: left; margin: 7px 0 0 0; }
.filter select			{	float: right; background-color: white; border: solid 1px #DDD; padding: 2px 5px;
							box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); width: 60%; }
.filter div				{	clear: both; }
.filter button			{	float: right; }

.developer a			{	float: right; }
.sidebar .news a			{	float: right; }

.sidebar .button		{	font-size: 15px; padding: 6px 15px 4px; }
.button					{	font-size: 17px; padding: 8px 20px 6px; border-radius: 3px;
							-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
							margin-top: 10px; font-weight: bold; color: #fff; }
.blue					{	background-color: #2BA6CB; border: 1px solid #1E728C; }
.red					{	background-color: #C60F13; border: 1px solid #7F0A0C; }
button.blue:hover, a.blue:hover			{	background-color: #2284a1; }
button.red:hover, a.red:hover				{	background-color: #970b0e; }
.green					{	background-color: #5DA423; }

.info					{	color: #fff; padding: 5px 8px; font-weight: bold; border: none; margin-bottom: 12px;
							text-shadow: 0 -1px rgba(0, 0, 0, 0.3); border-radius: 3px; }


/** add mask **/
fieldset				{	border: none; }
fieldset label			{	float: left; width: 34%; margin-top: 6px; }
fieldset.images			{	margin: 20px 0; }
fieldset.images .single	{	float: left; width: 180px; position: relative; }
fieldset.images .single .delete		{	position: absolute; top: 10px; right: 40px; color: red; font-weight: bold;	}
fieldset.images label	{	float: none; width: auto; margin-right: 20px; vertical-align: top; }
fieldset.images input	{	width: auto; vertical-align: top; }
.userProfil label		{	float: left; width: 34%; font-weight: bold; color: #666; }
fieldset input			{	background-color: white; border: solid 1px #DDD; padding: 3px 5px;
							box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); width: 65%; }
.half input				{	width: 60%; }
fieldset .file input	{	border: none; box-shadow: none; padding-top: 0; }
fieldset select			{	background-color: white; border: solid 1px #DDD; padding: 3px 5px;
							box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); width: 65%; }
.half select			{	width: 60%; }
fieldset textarea		{	background-color: white; border: solid 1px #DDD; padding: 3px 5px;
							box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); width: 100%; min-height: 12em; }
.half textarea			{	width: 95%; }
fieldset .input			{	clear: left; }
.required label:after	{	content: ' *'; }
fieldset p				{	padding: 5px 0; font-size: 13px; font-style: italic; width: 95%; clear: left; }
fieldset + fieldset legend{	padding-top: 15px; }

#overlay				{	position: absolute; top: 10%; left: 10%; height: 80%; width: 80%;
							display: none; box-shadow: #000 0px 0px 10px; border-radius: 8px;
							padding: 5px; background-color: #fff;
						}
#overlay img			{	border-radius: 6px; max-width: 1000px; max-height: 800px; }


.forums .entry					{	height: 50px; }
.forums .entry:first-child		{	height: 20px; margin-right: 20px; font-weight: bold; padding-top: 0; }
.forums .entry:first-child div	{	font-size: 13px; }
.forums .entry div:first-child	{	width: 20px;  padding: 0; }
.forums .entry>div				{	float: left; padding: 0 10px; }
.forums .entry>div + div		{	width: 600px; }
.forums .entry>div + div + div	{	width: 100px; text-align: right; }
/*.forums div + div				{	width: 40px; }*/

.topics .head a					{	float: right; margin-top: 0px;  }
.topics h1						{	margin-top: 12px; }
.topics .entry					{	min-height: 50px; }
.topics .entry:first-child		{	min-height: 20px; height: 20px; font-weight: bold; padding-top: 0; white-space: nowrap; }
.topics .entry:first-child div	{	font-size: 13px; }
.topics .entry div:first-child	{	width: 10px; padding: 0; }
.topics .entry>a				{	display: block; }
.topics .entry>div				{	float: left; padding: 0 10px; }
.topics .description			{	font-size: 12px; color: #666; padding: 5px; }
.topics .entry>div + div		{	width: 500px; }
.topics .entry>div + div + div	{	width: 100px; text-align: right; }
.topics .entry>div + div.last	{	width: 200px; text-align: center; }
.topics .topic img				{	margin-right: 3px; }
.last .datetime					{	font-size: 11px; }
.topics .entry div.last div		{	width: auto; float: none; }

.topics img, .replies img		{	margin: 3px 3px -3px 0; }

.replies .options				{	margin: -25px 3px 3px 0; float: right; }
.box>.options					{	float: right; margin: 7px 3px 0 0; }
.game.options					{	float: right; margin: -2px 3px 0 0; }
.options .date					{	float: left; font-size: 11px; margin: 0 3px 0 0; color: #999; }

.read							{	height: 60px; }
.unread							{	background-color: #2BA6CB; height: 60px; }

#featured { background-color: #eee !important; }
.orbit-wrapper img { border-radius: 6px; margin: auto; width: 606px }

.orbit-wrapper .orbit-caption .inner-caption {
  font-size: 16px;
  text-align: left;
  color: #fff;
  padding: 0 10px;
}

div#featured, div.orbit-wrapper {
  /*overflow: hidden;*/
  /*height: 350px !important;*/
	width: auto !important;
	height: 350px !important;
}

#UserLoginForm { width: 500px; margin: 50px auto; }
#UserLoginForm label { width: 30%; }
#UserLoginForm button { float: right; margin-right: 5%; }
#UserLoginForm a { margin-top: 20px; float: right; }
#UserLoginForm a:first-child { float: left; }
#UserLoginForm .checkbox input { margin: 8px 5px 0 30%; }

#UserLostpassForm { width: 500px; margin: 50px auto; }
#UserLostpassForm label { width: 30%; }
#UserLostpassForm button { float: right; margin-right: 5%; }
#UserLostpassForm a { margin-top: 20px; float: right; }
#UserLostpassForm a:first-child { float: left; }

#UserAddForm { width: 500px; margin: 50px auto; }
#UserAddForm label { width: 30%; }
#UserAddForm button { float: right; margin-right: 5%; }

#UserLosthashForm { width: 500px; margin: 50px auto; }
#UserLosthashForm label { width: 30%; }
#UserLosthashForm button { float: right; margin-right: 5%; }

/*#UserAddForm a { margin-top: 20px; float: right; }*/
/*#UserAddForm a:first-child { float: left; }*/

.footer	{	border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 20px 0; margin: 30px auto; }
.footer iframe { display: block;  margin: 0 auto;}
.footer p { margin-bottom: 10px; text-align: center; }
.four	{	width: 24.9%; text-align: center; vertical-align: top; border-left: solid 1px #ccc; min-height: 120px; }
.four:first-child { border: none; }

#GameAddForm button { float: right; margin: 5px 0 0 0; }
#TopicAddForm button { float: right; }
#ReplyAddForm button { float: right; }
#ReplyEditForm button { float: right; }
#GameEditForm button.red { float: right; }
#CommentEditForm button.red { float: right; }

.error { position: relative; }
div .error input { border: solid 1px #C60F13; }
div .error select { border: solid 1px #C60F13; }
div .error textarea { border: solid 1px #C60F13; }
.error .error-message { display: none; position: absolute; top: 0; right: 4%;
						border: solid 1px #C60F13; background-color: #ecc;
						font-size: 11px; font-weight: bold; padding: 3px; }
/*label:hover + .error-message { display: block; }*/

.replies .head a	{	float: right; margin-top: 0px;  }
.replies .foot a	{	float: right; margin-top: 6px;  }
.replies h1						{	margin-top: 12px; }
.replies .inner		{	padding: 0; }
.replies .title		{	background-color: #eee; padding: 5px; border-top: solid 1px #e6e6e6;
						border-bottom: solid 1px #e6e6e6; margin: 0 -1px;  }
.replies .datetime	{	float: right; width: 24%; text-align: center; font-size: 11px; }
.replies .post		{	min-height: 150px; float: left; width: 75%; padding: 10px; background-color: #fff; }
.replies .meta		{	float: right; width: 24%; text-align: center; }
.replies .entry		{	line-height: 150%; background-color: #f6f6f6; padding: 0; }

.pager		{	float: right; font-size: 12px; font-weight: bold; }
.pager.bottom	{	float: left; margin: 5px 0 0 5px; }
.pager span	{	border: solid 1px #999; display: inline-block; width: 20px;
				height: 20px; text-align: center; padding-top: 2px; margin: 0; }
.pager a	{	display: block; height: 100%; margin: 0; }
.foot .pager a	{	float: none; margin: 0; }

.add label	{	display: inline-block; width: 15%; vertical-align: top; margin-top: 5px; }
.add input	{	width: 85%; background-color: white; border: solid 1px #DDD; padding: 5px;
				box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.add textarea	{	width: 85%; background-color: white; border: solid 1px #DDD; padding: 5px;
				box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); min-height: 20em; }

div.admin				{	margin: 15px 5px 5px 5px; border: solid 2px #ee432e;
							padding: 10px; border-radius: 6px; background-color: #ffb380; }

div.admin label			{	width: 20%; }
.sidebar .admin label	{	width: auto; margin-left: 5px; }
div.admin .text input	{	width: 74%; }
.sidebar .admin			{	margin: 0 0 5px 0; padding: 0 5px 5px 5px; }

.adminstrations label+span	{	float: left; width: 60px; margin-top: 7px; }

.cke_skin_v2 .cke_button a { height: 24px !important; }

#likeCode		{	font-size: 12px; white-space: pre-wrap; background-color: #fff;
					border: solid 1px #666; padding: 5px; margin-top: 10px; }


/*#gTop				{	text-align: center; }*/
.gad				{	margin-top: 12px; text-align: center; }
.gad:before			{	content: "Werbung"; position: absolute; right: 20px;
						color: #999; font-size: 11px; top: -16px; }

#likeBg				{	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
						background-color: #fff; opacity: 0.85; z-index: 1000; }
#likeOverlay		{	position: absolute; top: 200px; right: 0; left: 0; z-index: 2000; }
#likeOverlay>div	{	background-color: #fff; width: 400px; height: 200px; margin: auto;
						border: solid 1px #333; box-shadow: 0px 0px 15px #333; border-radius: 10px; }
#likeOverlay form	{	margin: 20px; }
#likeOverlay .red	{	float: right; }
#likeOverlay h2		{	font-size: 18px; text-align: center; }
#likeOverlay p		{	height: 80px; text-align: center; margin-top: 10px; }

.users .username	{	display: none; }
.users .email		{	display: none; }

table { width: 100%; }
td { padding: 2px 5px; }
tr:nth-child(2n) { background-color: #eee; }


/* button */
.social {
	text-align: center;
}
.social > div {
  padding: 0;
  line-height: 125%;
  font-size: 9pt;
  border-radius: 3px;
  text-shadow: 0.1em 0.1em 0.2em #000;
  font-weight: bold;
  border: 1px solid #2d2d2d;
  /*margin-right: 13px;*/
  /*float: left;*/
  display: inline-block;
}
.social > div + div {
	margin-left: 15px;
}
.social a {
  color: #fff;
}
.social .share {
	padding: 5px 10px;
	width: 55px;
	display: inline-block;
	text-align: center;
}
.social .counter {
	padding: 5px 10px;
}
.social .facebook {
  background-image: -webkit-linear-gradient(#3b65bd 0%, #284e8b 100%);
  background-image: -moz-linear-gradient(#3b65bd 0%, #284e8b 100%);
  background-image: -o-linear-gradient(#3b65bd 0%, #284e8b 100%);
  background-image: linear-gradient(#3b65bd 0%, #284e8b 100%);
}
.social .twitter {
  background-image: -webkit-linear-gradient(#30baec 0%, #0d90bf 100%);
  background-image: -moz-linear-gradient(#30baec 0%, #0d90bf 100%);
  background-image: -o-linear-gradient(#30baec 0%, #0d90bf 100%);
  background-image: linear-gradient(#30baec 0%, #0d90bf 100%);
}
.social .gplus {
  background-image: -webkit-linear-gradient(#d84937 0%, #a7281a 100%);
  background-image: -moz-linear-gradient(#d84937 0%, #a7281a 100%);
  background-image: -o-linear-gradient(#d84937 0%, #a7281a 100%);
  background-image: linear-gradient(#d84937 0%, #a7281a 100%);
}
.social .pinterest {
  background-image: -webkit-linear-gradient(#d7575c 0%, #cb2027 100%);
  background-image: -moz-linear-gradient(#d7575c 0%, #cb2027 100%);
  background-image: -o-linear-gradient(#d7575c 0%, #cb2027 100%);
  background-image: linear-gradient(#d7575c 0%, #cb2027 100%);
}
.social .linkedin {
  background-image: -webkit-linear-gradient(#449ac8 0%, #0073b2 100%);
  background-image: -moz-linear-gradient(#449ac8 0%, #0073b2 100%);
  background-image: -o-linear-gradient(#449ac8 0%, #0073b2 100%);
  background-image: linear-gradient(#449ac8 0%, #0073b2 100%);
}
.social .xing {
  background-image: -webkit-linear-gradient(#206768 0%, #02494a 100%);
  background-image: -moz-linear-gradient(#206768 0%, #02494a 100%);
  background-image: -o-linear-gradient(#206768 0%, #02494a 100%);
  background-image: linear-gradient(#206768 0%, #02494a 100%);
}