/*                                                                           */
/*  alle Anwendungen, alle Seiten                                            */
/*                                                                           */

* {
  box-sizing:border-box;
  cursor:default;
  font-family:'Roboto';
  padding:0;
  margin:0;
}

*:focus {
  outline:none !important;
}

:root {
 /* --c1:deepskyblue;*/
  --c1:#2497bd;
  --c2:deeppink;
  --c3:red;
  --c4:#0099cc;
  --c5:rgba(0,0,0,0.2);
  --c6:seagreen;

  --g1:linear-gradient(to right, gold, lightyellow);
  --g2:linear-gradient(to right, coral, pink);
  --g3:linear-gradient(to right, steelblue, lightblue);
  --g4:linear-gradient(to bottom, grey, silver);
  --g5:linear-gradient(to right, lightcoral, lightpink);

  --h1:60px;
  --h2:60px;
}


@font-face {
  font-family:'ethnocentricregular';
  font-style:normal;
  font-weight:normal;
  src:url('../fonts/ethnocentric_rg.woff2') format('woff2'),url('../fonts/ethnocentric_rg.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
     url('../fonts/roboto-v20-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/roboto-v20-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
     url('../fonts/roboto-v20-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
     url('../fonts/roboto-v20-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
     url('../fonts/roboto-v20-latin-ext_latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
     url('../fonts/roboto-v20-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
     url('../fonts/roboto-v20-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
     url('../fonts/roboto-v20-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
     url('../fonts/roboto-v20-latin-ext_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v20-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
     url('../fonts/roboto-v20-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
     url('../fonts/roboto-v20-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
     url('../fonts/roboto-v20-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
     url('../fonts/roboto-v20-latin-ext_latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


body {
/* display:none;*/
 height:100%;
 overflow:hidden;
 width:100%;
}
button {
  cursor:pointer;
}
html {
  /*background:linear-gradient(to bottom, #2497bd, #bbb);*/
  background-image:url("img/designs/d02.jpg");

  height:100%;
  width:100%;
}
li {
  width:100%;
}
ul {
  list-style:none;
  width:100%;
}


.active {
  background:linear-gradient(to right,gold,lightyellow) !important;
}
.active_menu {
  color:white !important;
  font-weight:bold !important;
}
.asc:after, .Asc:after {
   color:red;
   content:'▴';
   font-size:16px;
   height:30px;
   line-height:30px;
   position:absolute;
   right:10px;
   text-align:right;
}
.d00,.d01,.d02,.d03,.d04,.d05,.d06,.d07,.d08,.d09,.d10,.d11,.d12,.d13,.d14,.d15,.d16,.d17 {
  background:url('../img/designs/sprite.jpg') no-repeat;
  height:108px;
  overflow:hidden;
  width:192px !important;
}
.d00{background-position:  -4px   -0px;}
.d01{background-position:-208px   -0px;}
.d02{background-position:-416px   -0px;}
.d03{background-position:  -4px -116px;}
.d04{background-position:-208px -128px;}
.d05{background-position:-416px -128px;}
.d06{background-position:  -4px -240px;}
.d07{background-position:-208px -256px;}
.d08{background-position:-416px -256px;}
.d09{background-position:  -4px -368px;}
.d10{background-position:-208px -384px;}
.d11{background-position:-416px -384px;}
.d12{background-position:  -4px -496px;}
.d13{background-position:-208px -512px;}
.d14{background-position:-416px -512px;}
.d15{background-position:  -4px -624px;}
.d16{background-position:-208px -640px;}
.d17{background-position:-416px -640px;}

.dsc:after, .Dsc:after {
   color:red;
   content:'▾';
   font-size:16px;
   height:30px;
   line-height:30px;
   position:absolute;
   right:10px;
   text-align:right;
}
.float_right {
  float:right !important;
}
.red {
  color:red !important;
}
.save {
  background:red !important;
  color:white !important;
  font-weight:bold !important;
}
.save_user {
  background:red !important;
  border-top-right-radius:10px !important;
  color:white;
}
.show {
  display:block !important;
}