body
{
  color: white;
  /* Fallback (could use .jpg/.png alternatively) */
  background-color: #040404;

  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image:
    -webkit-gradient(linear, top, bottom, from(#05060a), to(#040404));
  
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image:
    -webkit-linear-gradient(#05060a ,#040404);

  /* Firefox 3.6 - 15 */
  background-image:
    -moz-linear-gradient(#05060a ,#040404);

  /* Opera 11.1 - 12 */
  background-image:
    -o-linear-gradient(#05060a ,#040404);

  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image:
    linear-gradient(#05060a ,#040404);
}

.logo2 {
  background-image: url(../../../img/wartung.gif)
}

.borderL
{
  border-left: 1px solid #4c4e51;
}
.borderR
{
  border-right: 1px solid #4c4e51;
}
.borderT
{
  border-top: 1px solid #4c4e51;
}
.borderB
{
  border-bottom: 1px solid #4c4e51;
}

.borderBigL
{
  border-left: 1px solid #2a2c30;
}
.borderBigR
{
  border-right: 1px solid #2a2c30;
}
.borderBigT
{
  border-top: 1px solid #2a2c30;
}
.borderBigB
{
  border-bottom: 1px solid #2a2c30;
}

.menuBG
{
  background-color:#1a1b1c;
}

.smallBG
{
  background-color:#121214;
  color:#fff;
}

.profileBox
{
  background-color: rgba(18,18,20, 0.5);
  color:#fff;
}

.footer
{
  background: linear-gradient(#121314,#0b0c0c);
}

.catGradient, nav
{
  color:white;
  text-shadow:1px 1px 1px #000;
  background-color: #4e3c00;
  background-image: linear-gradient(#0097f1, #0068ae)
}

.textColor
{
  color:white;
}

/* --------------> Navi <--------------- */

a
{
  color: white;
}
a:hover
{
  color: gray;
}

.navigationbarbuttontext 
{
  color: white;
  text-shadow: 2px 1px 2px #000;
}


.navigationbarstyle:hover
{
  color:#fafafa;
  background-color: #0277ca;
  background-image: linear-gradient(#0097f1, #0068ae)
}
/* --------------> Menu <--------------- */
.SideMenuStyle
{
    cursor: pointer;
    color:white;
    background-image:linear-gradient(#333438,#1a1b1e);
}

.SideMenuStyle a
{
    color:#999;
    text-shadow:0 1px 0 #000;
}

.SideMenuStyle:hover
{
    color:#fafafa;
    background-color:#0186ba;
    background-image:linear-gradient(#4a4d56,#333438);
}

.SideMenuButton
{
  color:white;
  background-image:linear-gradient(#333438,#1a1b1e);
}
.SideMenuInfo
{
  color:white;
  background-color:#333438;
}
.SideMenuButton a
{
  color:#999;
  text-shadow:0 1px 0 #000;
}

.SideMenuButton:hover, .skilltree
{
  color:#fafafa;
  background-color:#0186ba;
  background-image:linear-gradient(#4a4d56,#333438);
}

.SideMenuNotification,.SideMenuTextNotification,.SideMenuImportantTextNotification
{
  border:1px thin white;
  color:white;
  background:#0186ba;
}
.SideMenuImportantTextNotification
{
  background:red;
}
/* --------------> schrift schatten <--------------- */
.schatten
{
  text-shadow: 2px 1px 2px #37393d;  
}

.boxSchatten
{
  box-shadow: 2px 1px 2px #37393d;
}

/* --------------> lp kp <--------------- */ 
.lpanzeige {
  background: #e00f0f;
  background: -moz-linear-gradient(#ff7a7a, #e00f0f);
  background: -webkit-linear-gradient(#ff7a7a, #e00f0f);
  background: linear-gradient(#ff7a7a, #e00f0f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7a7a', endColorstr='#e00f0f', GradientType=0)
}

.expanzeige {
    background: #5bf6ff;
    background: -moz-linear-gradient(#5bf6ff, #049180);
    background: -webkit-linear-gradient(#5bf6ff, #049180);
    background: linear-gradient(#5bf6ff, #049180);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bf6ff', endColorstr='#049180', GradientType=0)
}

.npctaskanzeige {
    background: rgb(21,255,0);
    background: -moz-linear-gradient(90deg, rgba(21,255,0,1) 0%, rgba(255,244,0,1) 50%, rgba(255,0,0,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(21,255,0,1) 0%, rgba(255,244,0,1) 50%, rgba(255,0,0,1) 100%);
    background: linear-gradient(90deg, rgba(21,255,0,1) 0%, rgba(255,244,0,1) 50%, rgba(255,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#15ff00",endColorstr="#ff0000",GradientType=1);
}

.lpanzeige2
{
  background: #e0960e;
  background: -moz-linear-gradient(#ffd079 ,#e0960e);
  background: -webkit-linear-gradient(#ffd079 ,#e0960e);
  background: linear-gradient(#ffd079 ,#e0960e);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd079', endColorstr='#e0960e',GradientType=0 );
}

.kpanzeige {
  background: #5bff84;
  background: -moz-linear-gradient(#5bff84, #049127);
  background: -webkit-linear-gradient(#5bff84, #049127);
  background: linear-gradient(#5bff84, #049127);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bff84', endColorstr='#049127', GradientType=0)
}
.kpanzeige2 {
  background: #5bf6ff;
  background: -moz-linear-gradient(#5bf6ff, #049180);
  background: -webkit-linear-gradient(#5bf6ff, #049180);
  background: linear-gradient(#5bf6ff, #049180);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bf6ff', endColorstr='#049180', GradientType=0)
}

.epanzeige {
  background: #fee358;
  background: -moz-linear-gradient(#fee358, #fcbe3f);
  background: -webkit-linear-gradient(#fee358, #fcbe3f);
  background: linear-gradient(#fee358, #fcbe3f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fee358', endColorstr='#fcbe3f', GradientType=0)
}
.epanzeige2 {
  background: #f5a152;
  background: -moz-linear-gradient(#f5a152, #d9b469);
  background: -webkit-linear-gradient(#f5a152, #d9b469);
  background: linear-gradient(#f5a152, #d9b469);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bf6ff', endColorstr='#d9b469', GradientType=0)
}

textarea
{
    color:white;
    background:#1a1b1e;
    padding:5px; 
    border:2px solid #2a2c30; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input[type=text] 
{
    color:white;
    background:#1a1b1e;
    padding:5px; 
    border:2px solid #2a2c30; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input[type=text]:focus 
{
    border-color:#2a2c30;
}
input[type=password]
{
    color: white;
    background:#1a1b1e;
    padding:5px; 
    border:2px solid #2a2c30; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input[type=password]:focus
{
    border-color:#333;
}

Button, input[type="submit"], input[type="file"]::-webkit-file-upload-button, input[type="file"]::file-selector-button, .exitFight {
    color: white;
    padding: 5px 15px;
    background: #2a2c30;
    border: 0 none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

Button:hover, input[type="submit"]:hover {
    background: linear-gradient(#0097f1, #0068ae);
}

input[type="file"]::-webkit-file-upload-button:hover {
    background: linear-gradient(#0097f1, #0068ae);
}

input[type="file"]::file-selector-button:hover {
    background: linear-gradient(#0097f1, #0068ae);
}

.exitFight:hover {
    background: linear-gradient(#0097f1, #0068ae);
}

.select 
{
  color:white;
    background:#1a1b1e; 
    border:2px solid #2a2c30; 
}

input:focus::-webkit-input-placeholder  {color:transparent;}
input:focus::-moz-placeholder   {color:transparent;}
input:-moz-placeholder   {color:transparent;}