/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.my../fonts.net/count/2b049a");

  
@font-face {font-family: 'Museo';src: url('../fonts/2B049A_0_0.eot');src: url('../fonts/2B049A_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2B049A_0_0.woff') format('woff'),url('../fonts/2B049A_0_0.ttf') format('truetype');font-weight: 700;font-style: normal;}/*Museo 700*/
 
/*  
@font-face {font-family: 'Museo';src: url('../fonts/2B049A_1_0.eot');src: url('../fonts/2B049A_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2B049A_1_0.woff') format('woff'),url('../fonts/2B049A_1_0.ttf') format('truetype');font-weight: 300;font-style: normal;} /*Museo 300*/
 
/*  
@font-face {font-family: 'Museo';src: url('../fonts/2B049A_2_0.eot');src: url('../fonts/2B049A_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2B049A_2_0.woff') format('woff'),url('../fonts/2B049A_2_0.ttf') format('truetype');font-weight: 500;font-style: normal;}/*Museo 500*/

body {
	overflow-x: hidden;
	letter-spacing: 1px;
	font-size: 12px;
}
h1,h2,h3,.h1,.h2,.h3 {
	font-weight: 600;
	text-transform: uppercase;
}
h1,.h1 {font-size: 24px;}
h2,.h2 {font-size: 22px;}
h3 ,.h3{font-size: 18px;font-weight: 400;}


#mobilewrapper {
	float: left;
}

/* Navbar */
.navbar-inverse {
	background-image: none;
	background-color: rgba(30,30,30,0.7);
	border: none;
}
.navbar-header {
	text-align: center;
}
.navbar-toggle {
	border: none;
	border-radius: 0;
	margin-left: 5px;
	float: left;
}
#logo {
	display: inline-block;
	padding: 10px;
	height: 35px;
	width: auto;
}
@media (max-width:767px) {
	#logo {
		margin: auto;
	}
	.navbar-nav {
		margin: 0;
	}


/* Menu */
#jPanelMenu-menu {
	background-color: #d9d9d9;
}

#jPanelMenu-menu>ul>li>a {
	color: #1e1e1e;
	border-bottom: 1px solid #cbcbcb;
	font-size: 18px;
	padding: 30px;
	vertical-align: baseline;
}
#jPanelMenu-menu>ul>li.active>a {
	color: #1f9ab7;
}
.menu-icon {
	width: 32px;
	height: 32px;
	margin-right: 15px;
	margin-top: -7px;
	display: block;
	float: left;
}
.icon-loomox {background-position: 0 0;}
li.active>a>.icon-loomox, a:hover>.icon-loomox {background-position: 0 -64px;}
.icon-highscore {background-position: 0 -128px;}
li.active>a>.icon-highscore, a:hover>.icon-highscore {background-position: 0 -192px;}
.icon-games {background-position: 0 -256px;}
li.active>a>.icon-games, a:hover>.icon-games {background-position: 0 -320px;}
.icon-settings {background-position: 0 -384px;}
li.active>a>.icon-settings, a:hover>.icon-settings {background-position: 0 -448px;}
}
/* Hauptcontent */
#mainwrapper
{
	padding-top: 90px;
	line-height: 1.5;
}
.panel {
	padding: 7px 10px 5px;
	border: none;
	background-color: #1e1e1e;
}
.panel h2,
.panel h3
{
	margin: 0;
	line-height: 42px;
	vertical-align: middle;
}
.panel a {
	display: block;
	color: #fff;
}
.panel-primary>.panel-heading, .panel-group .panel-heading + .panel-collapse .panel-body, .panel-body
{
	background-color: #1e1e1e;
	background-image: none;
	border: none;
	padding: 0;
}
.panel-body {
	margin-top: 10px;
}


/* Footer */
#footer
{
	/*background-color: #333333;*/
	color: #808080;
	
	margin-top: 40px;
	text-align: center;
}
#footer-inner {padding: 40px 0 10px;}
.hidden {display: none;}


/* modal */
.modal-content
{
	background-color: rgba(30,30,30,0.9);
}

/* Helper */
.img-responsive
{	
	image-rendering:optimizeQuality;
	-ms-interpolation-mode:bicubic;
}
.spaceafter
{
	margin-bottom: 40px;
}
.center {
	text-align: center;
}
hr.wide, hr.top-hr, hr.divider {
	margin: 0 auto;
	height: 16px;
	border: none;
	background: url(../images/css/dot.png) repeat-x;
}
hr.top-hr , hr.divider{
	width: 33%;
}
hr.divider {
	margin-top: 20px;
	margin-bottom: 20px;
}
.icon {
	background-image: url(../images/css/loomox-sprite.png);
	background-repeat: no-repeat;
	display: block;
}
.alert {
	border-width: 2px;
	border-radius: 15px;
	padding: 20px;
}
.alert-danger {
	background-image: none;
	background-color: transparent;
	color: #ff5757;
	border-color: #ff5757;
}
.alert-dismissable .close
{
	color: #ffffff;
	text-shadow: none;
	opacity: 1.0;
	right: 0;
}
.donate {
	border: 2px solid #fff;
	background: #333;
	text-align: center;
	padding: 20px;
	border-radius: 15px;
	margin: 20px 0;
}
/* Start */
/* Projekt */
#carousel {
	margin-bottom: 20px;
	margin-top: 16px;
	border-bottom: 2px solid #fff;
}
/* Games */
.game-icon {
	float: left;
	width: 42px;
	height: 42px;
	margin-right: 15px;
}
.icon-frisbee {background-position: 0 -512px;}
.icon-monsters {background-position: 0 -808px;}
.icon-bubbles {background-position: 0 -660px;}
.icon-muted {background-position: 0 -896px; margin: 5px;}

.util-icon {
	float: right;
	width: 36px;
	height: 36px;
	margin: 3px;
}

.icon-up {background-position: 0 -960px;margin-top: 5px; height: 30px;}
.icon-right {background-position: 0 -1032px;width: 30px;}
.icon-down {background-position: 0 -1104px;margin-top: 10px; height: 25px;}
.icon-left {background-position: 0 -1176px;width: 30px;}
.icon-info {background-position: 0 -1247px;}
/* hi-res */
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width:767px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width:767px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width:767px),
only screen and (        min-device-pixel-ratio: 2) and (max-width:767px),
only screen and (                min-resolution: 192dpi) and (max-width:767px),
only screen and (                min-resolution: 2dppx) and (max-width:767px) { 
	.icon {
		background-image: url(../images/css/loomox-sprite2x.png);
		background-size: 42px 1320px;
	}
}



/* Formulare */

div.form-group {margin-bottom: 10px;}
.checkbox, .radio {
	text-align: center;
}
input {}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
	float: none;
}
/*input[type="email"]
input[type="password"]
input[type="checkbox"]
input[type="file"]
input[type="button"]
input[type="color"]
input[type="date"]
input[type="datetime"]
input[type="datetime-local"]
input[type="hidden"]
input[type="image"]
input[type="month"]
input[type="number"]
input[type="radio"]
input[type="range"]
input[type="reset"]
input[type="search"]
input[type="submit"]
input[type="tel"]
input[type="text"]
input[type="time"]
input[type="url"]
input[type="week"]*/
.form-control {
	background-color: transparent;
	border: 2px solid #fff;
	border-bottom-width: 0px;
	border-radius: 0px;
	box-shadow: none;
	font-size: 18px;
	height: auto;
	line-height: 1.30769;
	padding: 20px;
	transition: none;
	margin: 0 auto;
	letter-spacing: 1px;
	color: #fff;
}
form /*fieldset*/.form-control:first-child{border-top-left-radius: 15px;border-top-right-radius: 15px;}
form /*fieldset*/.form-control:last-child{border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;border-bottom-width: 2px;}
.form-control:focus {
	color: #fff;
	box-shadow: none;
	border-color: #fff;	
}
.form-control::-moz-placeholder {color: #808080;transition: color 0.15s ease-in-out 0s;}
.form-control::-webkit-input-placeholder {color: #808080;transition: color 0.15s ease-in-out 0s;}
.form-controls:-moz-placeholder {color: #808080;transition: color 0.15s ease-in-out 0s;}
.form-controls:-ms-input-placeholder {color: #808080;transition: color 0.15s ease-in-out 0s;}
:focus::-webkit-input-placeholder {color: #fff;}
:focus:-moz-placeholder {color: #fff;}
:focus::-moz-placeholder {color: #fff;}
:focus:-ms-input-placeholder {color: #fff;}
textarea{}
label {}
fieldset {}
legend {}
select {}
optgroup {}
option {}
button {}
.btn {
    -moz-user-select: none;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 15px;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.30769;
    margin-bottom: 0;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	height: auto;
	text-transform: uppercase;
}
.btn-lg, .btn-group-lg > .btn {
    border-radius: 15px;
    font-size: 16px;
    line-height: 1.33;
    padding: 20px;
}
.btn-block,
input.btn-block[type="submit"]{
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    box-shadow: none;
    text-shadow: none;
}
.btn-primary {
    background-image: none;
    background-color: transparent;
    border-color: #68e2ff;
    color: #68e2ff;
}
.btn-primary:hover {
	background-color: rgba(115,248,255,0.1);
	color: #73f8ff;
}
datalist {}
keygen {}
output{}

/*  Settings */
#settings_checkbox h3
{
	display: inline-block;
}

#settings_checkbox label
{
	text-align: left;
	display: block;
	margin-bottom: 0;
}


/* Base for label styling */
.switch[type="checkbox"]:not(:checked),
.switch[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.switch[type="checkbox"]:not(:checked) + label,
.switch[type="checkbox"]:checked + label {
  position: relative;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: right 0 top 3px;
  background-size: 48px 33px;
}

.switch[type="checkbox"]:not(:checked) + label
{
	background-image: url(../images/css/switch_off.png);
}
.switch[type="checkbox"]:checked + label
{
	background-image: url(../images/css/switch_on.png);
}

.btn-fullblock
{
	width: 100% !important;
	white-space: normal;
}
#buttoncontainer .btn-block + .btn-block {
    margin-top: 0;
}

#reg_submit
{
	margin-top: 30px;
}

.social-fb,
.social-gplus,
.social-twitter
{
	display: inline-block;
	padding: 5px 10px;
}
.social-fb
{
	position: relative;
	top: -4px;
}