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: 11px;;
font-family:"Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif;
text-shadow: 0px 0px 1px #CCCCCC;
}

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

.linkf{
color:#A21E22;
text-shadow: 0px 0px 1px #CCCCCC; 
font-weight: normal !important;
text-align: left;
text-decoration: none !important;
font-size: 11px;
font-family:'Lucida Grande','DejaVu Sans', Verdana, Arial, 'Bitstream Vera Sans',sans-serif;
}

.textf {
color:#4C4C4C;
font-size: 11px;
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;
}

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

#error_text {
color:#A21E22;
font-size: 13px;
text-align: left;
font-weight: bold;
font-family:"Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif;
text-shadow: 0px 0px 1px #CCCCCC;
}

#time{
color:#A21E22;
font-size: 16px;
text-align: left;
font-weight: bold;
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: 11px !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;
}

.text4 {
color:#fff !important; 
font-size: 11px !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: 16px !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;
}

.error{
color:#A21E22;
font-size: 11px;
font-family:"Lucida Grande","DejaVu Sans", Verdana, Arial, "Bitstream Vera Sans",sans-serif;
}
.error2 {
color:#A21E22; 
font-size: 14px; 
font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;

}

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;

}


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

.submit { 

  background: #333333;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
  cursor: pointer; 
  font: 80.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif !important; 
  color: #cccccc; 
  border: 0px solid #000000; 
  width:120px; }

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

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

.signup_table {
    width:500px;
}
.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{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    height: auto !important;
    margin-left: -250px !important;
    text-align: center !important;
    -moz-user-select: none !important;
    -khtml-user-select: none !important;
    user-select: none !important;
    border-width: 5px;
    border-radius: 10px !important;
    padding: 20px;
    background: url(bg.png) repeat !important;
}

#authPlugin_apAuthLocalUserValidation{
	margin: 15px 15px 15px 15px; 
}


 div#header{
  background-color:#000;
  top:0px;
  left:0;
  width:100%;
  height:40px;
  filter:alpha(opacity=50); /* IE */
  -moz-opacity: 0.50; /* Mozilla */
  opacity: 0.50; /* Opera */
 }

 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 */
 }
 
  div#content{
margin: 6% 5% 5% 5%; 
  background-color:#FCFCFC;
  left:0;
  display: inline-block;
  min-width: 550px;
  height:100%;
    box-shadow: 0px 1px 1px #CCCCCC,
               -0px 0px 0px #CCCCCC,
                0px -1px 1px #CCCCCC, /*oben*/
               -0px -0px 0px #CCCCCC; /*links*/
	  

 
 }
 
 @media screen{
  body>div#header{
   position:fixed;
   z-index: 2;
  }
  body>div#footer{
   position:fixed;
   z-index: 2;

  }
 }
 * 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;
  padding: 0px;
  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;
  padding: 0px 15px;
  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;
  padding: 0px 10px 0px 15px;
  text-align: left;
}
#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;
  }

.button_table{
border-collapse: !important;
border-spacing: 0px !important;
}
.button_td{
padding: 0px;
}


/*Menu im Content */

.content_table{
vertical-align:top;

}



.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:220px;
}

.verticalLineLong
{
    border-left: 1px solid silver;
	height:100%;
}


.horizontalLine 
{
    border-bottom: 1px solid silver;
	margin-left:auto;
	margin-right:auto;
	width:70%;
	width:500px;
}

.horizontalLineRegister 
{
    border-bottom: 1px solid silver;
	margin-right:auto;
	width:70%;
	width:500px;
}

.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 {
  max-width:960px;
  margin: 20px auto;
  padding: 0 15px;
  width:100%;
}

.qaccordion, .qtoggle {
  border-bottom: 1px solid #cdcdcd;
  margin: 20px auto;
}
.h {
  font-size: 1em;
  margin: 0;
  padding: 0;
  position: relative;
}
  
.h a {
  background-color: #ffffff;
  border: 1px solid #cdcdcd;
  border-bottom: none;
  color: #4d4d4d;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0 70px 0 20px;
}

.h a:hover, .h a:focus {
  border: 1px solid #4d4d4d;
  color: #4d4d4d;
}
.h a:hover:after {
  color: #4d4d4d;
}

.h a:after {
  content: "+";
  color: #cdcdcd;
  font-size: 1.5em;
  position: absolute;
  right: 20px;
}

.h.open {
  border-bottom: none;
}

.h.open:after {
  content: "-";
}
.h:last-child a {
  border-bottom: 1px solid #cdcdcd;
}

.outer {
  background-color: #ffffff;
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
  -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
  padding: 10px;
}

/* Hilfe menü ende */



/* AP Liste */
 
 #apon{
  background-color: #4AD04C;
  border: 1px solid #c4c4c4;
  font: 80.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif !important;
  padding: 8px 12px;
  width: 30px;
  color: #000;
    -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 0 0 #e2e2e2, -1px 0 0 #e2e2e2,
  0 1px 0 #e2e2e2, 0 -1px 0 #e2e2e2, 0 5px 10px -5px #e2e2e2;

  -moz-box-shadow: 1px 0 0 #e2e2e2, -1px 0 0 #e2e2e2,
  0 1px 0 #e2e2e2, 0 -1px 0 #e2e2e2, 0 5px 10px -5px #e2e2e2;

  box-shadow: 1px 0 0 #e2e2e2, -1px 0 0 #e2e2e2,
  0 1px 0 #e2e2e2, 0 -1px 0 #e2e2e2, 0 5px 10px -5px #e2e2e2;
  
  
}

 #apoff{
  background-color: #BF2328;
  border: 1px solid #c4c4c4;
  color: #fff;
  font: 80.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif !important;
  padding: 8px 12px;
  width: 30px ;
    -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 0 0 #e2e2e2, -1px 0 0 #e2e2e2,
  0 1px 0 #e2e2e2, 0 -1px 0 #e2e2e2, 0 5px 10px -5px #e2e2e2;

  -moz-box-shadow: 1px 0 0 #e2e2e2, -1px 0 0 #e2e2e2,
  0 1px 0 #e2e2e2, 0 -1px 0 #e2e2e2, 0 5px 10px -5px #e2e2e2;

  box-shadow: 1px 0 0 #e2e2e2, -1px 0 0 #e2e2e2,
  0 1px 0 #e2e2e2, 0 -1px 0 #e2e2e2, 0 5px 10px -5px #e2e2e2;
  
}

/* AP Liste Ende */

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

/* Upload Feld */

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.btn-default {
  color: #333333;
  background-color: #333333;
  border-color: #333333;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

#logconn{
				
			}