@viewport {
	width: device-width !important;
	user-zoom:fixed;
}

a.AGB:link {
   color:            #000;
}

a.AGB:visited {
   color:            #000;
}

a.AGB:hover {
   color:            #000;
}

a.AGB:active {
   color:            #000;
}

.textf {
color:#4C4C4C;
font-size: 14px;
text-align: center;
font-weight: bold;
font-family:"Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif;
text-shadow: 0px 0px 1px #CCCCCC;
}

.text1 {
    color: #000 !important;
    font-size: 14px !important;
    text-align: left !important;
    font-family: "Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif !important;
    text-shadow: 0px 0px 1px #CCCCCC !important;
}

.logo {
	background: url(../images/logo_klein.png) no-repeat;
	background-position: center;
	padding:5px;
	height:200px;
}

.help {
	background: url(../images/help_4.png) no-repeat;
	background-position: center;
	width: 40px;
	height: 40px;
	position:relative;
}

.home {
	background: url(../images/home_4.png) no-repeat;
	background-position: center;
	width: 40px;
	height: 40px;
	position:relative;
}

.optionen {
	background: url(../images/options_4.png) no-repeat;
	background-position: center;
	width: 40px;
	height: 40px;
	position:relative;
}

.logout {
	background: url(../images/logout_4.png) no-repeat;
	background-position: center;
	width: 40px;
	height: 40px;
	position:relative;
}

.content {
	background-color:#FCFCFC;
	width: 100%;
	height: 120%;
    font-size:1em;
}

/* Content weg schieben  */

div#content {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  padding: 0px;
  text-align: center !important;
  background: #fcfeff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: -3px 0 6px #E5E5E5;
  -webkit-box-shadow: -3px 0 6px #E5E5E5;
  box-shadow: -3px 0 6px #E5E5E5;
  -moz-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

div#content div.menu-trigger {
  position: fixed;
  top: 10px;
  left: 10px;
  width: 36px;
  height: 36px;
  background: #dfe5eb;
  cursor: pointer;
  -moz-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
div#content div.menu-trigger:before {
  content: '\e801';
  display: inline-block;
  width: 36px;
  height: 36px;
  color: black;
  font-family: "ico";
  font-style: normal;
  font-size: 1.2em;
  font-weight: normal;
  font-variant: normal;
  text-align: center;
  text-transform: none;
  line-height: 36px;
}
div#content div.menu-trigger:hover {
  background: #A21E22;
}
div#content div.menu-trigger:hover:before {
  color: #A21E22;
}

body.menu-active div#content {
  left: 284px;
}

body.menu-active div#content .menu-trigger {
  left: 294px;
}



/* Textboxen Einstellungen */

input.placeholder {
    text-align: center;
}
.inputbox {
    height: 60px;
    border: none;
    font-size: 56;
    text-align: center;
}

.noonecares {
	width:90%;
    height: 60px;
    border: medium none !important;
    font-size: 56;
    text-align: center;
	border-radius: 5px 5px 5px 5px !important;
}

input[type="text"]{
	width:90%;
	line-height:30px;
    height:50px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 1px 1px #848484,
               -0px 0px 0px #848484,
                0px -1px 1px #848484, /*oben*/
               -0px -0px 0px #848484; /*links*/
	text-align: center;

	

}

input[type="password"]{
	width:90%;
	line-height:30px;
    height:50px;
	box-shadow: 0px 1px 1px #848484,
               -0px 0px 0px #848484,
                0px -1px 1px #848484, /*oben*/
               -0px -0px 0px #848484; /*links*/
	border-radius: 5px 5px 5px 5px;
	text-align: center;


}

input[name="ap_user[email]"]{
	width:90%;
	line-height:30px;
    height:50px;
	box-shadow: 0px 1px 1px #848484,
               -0px 0px 0px #848484,
                0px -1px 1px #848484, /*oben*/
               -0px -0px 0px #848484; /*links*/
	border-radius: 5px 5px 5px 5px;
	text-align: center;


}

input[name="ap_user[old_password]"]{
	width:90%;
	line-height:30px;
    height:50px;
	box-shadow: 0px 1px 1px #848484,
               -0px 0px 0px #848484,
                0px -1px 1px #848484, /*oben*/
               -0px -0px 0px #848484; /*links*/
	border-radius: 5px 5px 5px 5px !important;
	text-align: center;
	background-color:#FFFFFF

}

input[name="apAuthLocalUser[username]"]{
	width:90%;
	line-height:30px;
    height:50px;
	box-shadow: 0px 1px 1px #848484,
               -0px 0px 0px #848484,
                0px -1px 1px #848484, /*oben*/
               -0px -0px 0px #848484; /*links*/
	border-radius: 5px 5px 5px 5px !important;
	text-align: center;
	background-color:#FFFFFF

}

table tr.online td {
	background-color: PaleGreen !important;
	font-size: 14px !important;
	font-weight: bold;
	font-family:"Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif;
	text-shadow: 0px 0px 1px #CCCCCC;

}

table tr.offline td {
	background-color: #ff8080 !important;
	font-size: 14px !important;
	font-weight: bold;
	font-family:"Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif;
	text-shadow: 0px 0px 1px #CCCCCC;

}

.inputbox_myaccount{
	width:90%;
    height: 60px;
    border: none;
    font-size: 56;
    text-align: center;
	border-radius: 5px 5px 5px 5px !important;
}

#vollgutversteckt
{
visibility: hidden; 
width:0px;
height:0px;
}

.clear
{
   clear:both;
}




a:link{
color:#A21E22;
text-decoration: underline;
}
a:visited{
color:#A21E22;
text-decoration: underline;
}
a:hover{
color:#A21E22;
text-decoration: underline;
}
a:active{
color:#A21E22;
text-decoration: underline;
}

.text {
color:#4C4C4C;
font-size: 13px;
width=80%;
font-family:"Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif;
text-shadow: 0px 0px 1px #CCCCCC;
}

.texta {
color:#4C4C4C;
font-size: 13px;
font-family:"Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif;
text-shadow: 0px 0px 1px #CCCCCC;
}

.checkboxtext {
color:#4C4C4C;
font-size: 15px;
font-family:"Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif;
text-shadow: 0px 0px 1px #CCCCCC;
vertical-align: super;
}

.checkboxtext2 {
color:#4C4C4C;
font-size: 15px;
width=70%;
font-family:"Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif;
text-shadow: 0px 0px 1px #CCCCCC;

}

.text2 {
color:#4C4C4C;
font-size: 0.7em;
text-align: center;
font-family:"Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif;
text-shadow: 0px 0px 1px #CCCCCC;
}

.text3 {
color:#fff !important; 
font-size: 0.7em !important;
font-family:"Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif;
text-shadow: 0px 0px 1px #CCCCCC;
text-align: left;
margin: 0px 0px 0px 0px; 
z-index: 5;
}

.text5 {
color:#A21E22 !important; 
font-size: 1.0em !important;
font-family:"Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif;
text-shadow: 0px 0px 1px #A21E22;
text-align: left;
margin: 0px 0px 0px 0px; 
z-index: 5;
}

.text4 {
color:#fff !important; 
font-size: 1em !important;
font-family:"Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif;
text-shadow: 0px 0px 1px #CCCCCC;
text-align: left;
z-index: 5;
}

.link{
color:#fff !important; 
font-size: 0.7em !important;
font-family:"Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif;
text-shadow: 0px 0px 1px #CCCCCC;
text-align: right;
margin: 0px 0px 0px 30px;
}
h1 {
color:#4C4C4C !important; 
font-size: 1.2em !important;
text-align: center;
font-family:"Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif;
text-shadow: 0px 0px 1px #CCCCCC;
z-index: 5;
}

.error{
color:#A21E22; 
font-weight:bold; 
font-size: 1em; 
font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
}

::-webkit-input-placeholder {
color:#A21E22; 
font-weight:bold; 
font-size: 1em; 
font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
}

:-moz-placeholder { /* Firefox 18- */
color:#A21E22; 
font-weight:bold; 
font-size: 1em; 
font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; 
}

::-moz-placeholder {  /* Firefox 19+ */
color:#A21E22; 
font-weight:bold; 
font-size: 1em; 
font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
}

:-ms-input-placeholder {  
color:#A21E22; 
font-weight:bold; 
font-size: 1em; 
font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
}

.error2 {
color:#A21E22; 
font-size: 14px; 
font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;

}

.online{
color:#4C4C4C !important; 
font-size: 1.2em !important;
text-align: center;
font-family:"Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif;
text-shadow: 0px 0px 1px #CCCCCC;
text-align: left;
z-index: 5;
}

#field
{
border-bottom: 1px solid silver;
border-top: 1px solid silver;
background-color:#F4F3F8 !important; 
}

.field {
text-shadow: 0px 0px 1px #CCCCCC; 
color:#4C4C4C; 
font-size: 0.7em; 
font-weight: normal !important;
text-align: left;
font-family:'Lucida Grande','DejaVu Sans', Verdana, Arial, 'Bitstream Vera Sans',sans-serif;
}

.submit { 
  background: #A21E22;
  height: 50px;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0px solid;
  cursor: pointer; 
  font: 80.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif !important; 
  color: #cccccc !important; 
box-shadow: 	0px 1px 1px #848484,
                0px 1px 1px #848484,
                0px -1px 1px #848484, /*oben*/
               -0px -0px 0px #848484; /*links*/
  border-radius: 5px 5px 5px 5px;
  width:90%; 
  -webkit-appearance: none;
  }
  
.signup { 

  background: #A21E22;
  height: 50px;
  list-style: none;
  padding: 0px;
  border: 0px solid;
  cursor: pointer; 
  font: 80.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif !important; 
  color: #cccccc !important; 
box-shadow: 	0px 1px 1px #848484,
                0px 1px 1px #848484,
                0px -1px 1px #848484, /*oben*/
               -0px -0px 0px #848484; /*links*/
  border-radius: 5px 5px 5px 5px;
  width:90%; 
  -webkit-appearance: none;
  }

table
{
    border-collapse: collapse; /* 'cellspacing' equivalent */
}

table td, table th
{
    padding: 5px 5px 0px 5px; /* 'cellpadding' equivalent */
}

.signup_table {
    width:500px;
	border: 1px solid #999;
}
.signup_table tr {
    margin:0;
    padding:4px;
}


/*Menü Mitte */
.logo
{
margin-right: 25px;
}

#trans{
  display: inline;
  filter:alpha(opacity=90); /* IE */
  -moz-opacity: 0.90; /* Mozilla */
  opacity: 0.90; /* Opera */

}

#authPlugin_apAuthLocalUser{
	margin: 50px;
	margin-left: auto;
	margin-right: auto;
}

#authPlugin_apAuthLocalUserValidation{
	margin: 50px;
	margin-left: auto;
	margin-right: auto;
}


 div#header{
  background-color:#333333;
  top:0px;
  left:0;
  width:100%;
  height:40px;
 }

 div#footer{
  background-color:#000;
  bottom:0;
  left:0;
  width:100%;
  height:20px;
  filter:alpha(opacity=50); /* IE */
  -moz-opacity: 0.50; /* Mozilla */
  opacity: 0.50; /* Opera */
 }
  
 @media screen{
  body>div#header{
   position:fixed;
   z-index: 2;
  }
  body>div#footer{
   position:fixed;
   z-index: 2;

 }
 
 #tab
 {
 width: 90%;
 margin: 0 auto;
 }
 
  #tabr
 {
  text-align: left;
  width:72%;
  margin: 0px auto;
 }
 
 
 
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  position:absolute;
  z-index: 1;
}

/* Menu nebeneinander */

#menu{
position:fixed;
right: 0px;
top:0px;
z-index: 3;

}

#cssmenu {
  z-index: 100;
  border: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font: 80.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif !important;
  font-size: 14px;
  font-weight: bold;
  width: auto;
}
#cssmenu ul {
  background: #333333;
  height: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu li {
  float: left;
  border-right: 1px #a9a9a9 solid;
  }
#cssmenu li a {
  background: #333333 url('seperator.png') bottom right no-repeat;
  display: block;
  font-weight: normal;
  line-height: 40px;
  margin: 0px;
  text-align: center;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  color: #cccccc;
}
#cssmenu ul ul a {
  color: #cccccc;
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
  background: #A21E22;
  display: block;
  color: #FFFFFF;
  text-decoration: none;
}
#cssmenu li ul {
  background: #333333;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 225px;
  z-index: 200;
  /*top:1em;
	/*left:0;*/

}
#cssmenu li:hover ul {
  display: block;
}
#cssmenu li li {
  background: url('sub_sep.png') bottom left no-repeat;
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 250px;
}
#cssmenu li:hover li a {
  background: none;
  
}
#cssmenu li ul a {
  display: block;
  height: 40px;
  font-size: 12px;
  font-style: normal;
  margin: 0px;
  text-align: center;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
  background: #A21E22 url('hover_sub.png') center left no-repeat;
  border: 0px;
  color: #ffffff;
  text-decoration: none;
}
#cssmenu p {
  clear: left;
}
.last {
  float: left;
  padding: 0px;
  border-right: 0px #fff solid !important;
  }

.sub_menu
  {
  text-align: center;
}
  
.button_table{
}

.button_td{
z-index: 300;
padding: 0px;
}


/*Menu im Content */

.tbl
{
	
	margin: -5px -15px 0px auto !important;
	padding: 0px 0px 0px 0px !important;
	border-collapse: !important;
	border-spacing: 0px !important;
	padding: 0px;
	}

/*Linien */

.verticalLine 
{
    border-left: 1px solid silver;
	height:120px;
}

.horizontalLine 
{
    border-bottom: 1px solid silver;
	margin: 0 auto;
	width:100%;
}

.register
{
    border-bottom: 1px solid silver;
	margin-left:80000px;
	position: absolute;
	margin-right:auto;
	z-index: 8;
	width:70%;
	width:500px;
}

.ul
{
  background: #333333;
  height: 40px;
  display:inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}


/* Hilfe Menü */

 #hilfe{
  text-align: left;
  width:80%;
  margin: 0 auto;
 }

/* Hilfe menü ende */
 

/* Checkbox Mobile */

label {
display: inline;
}
.regular-checkbox {
display: none;
}
.regular-checkbox + label {
background-color: #fafafa;
border: 1px solid #cacece;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
padding: 9px;
border-radius: 3px;
display: inline-block;
position: relative;
}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.regular-checkbox:checked + label {
background-color: #e9ecee;
border: 1px solid #adb8c0;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
color: #99a1a7;
}
.regular-checkbox:checked + label:after {
content: '\2714';
font-size: 14px;
position: absolute;
top: 0px;
left: 3px;
color: #99a1a7;
}
.big-checkbox + label {
padding: 18px;
}
.big-checkbox:checked + label:after {
font-size: 28px;
left: 6px;
}
.tag {
font-family: Arial, sans-serif;
width: 200px;
position: relative;
top: 5px;
font-weight: bold;
text-transform: uppercase;
display: block;
float: left;
}

.big-checkbox + label {
padding: 14px;
}
.big-checkbox:checked + label:after {
font-size: 24px;
left: 0px;
}

/* Overthrow CSS:
   Enable overflow: auto on elements with overthrow class when html element has overthrow class too */
.overthrow-enabled .overthrow {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.overthrow-enabled #foo {
    height: 100%;
}

#floater {
float: left;
margin: 0 0 0 20px;
}

#wrapper{
background: url(bg.png) repeat !important;
padding: 10px;
border-radius: 30px;
margin: auto;
width: 90%
	
}