@font-face {
    font-family: 'ubuntuc';
    src:   url('ubuntuc.woff') format('woff'),
       url('ubuntuc.ttf') format('truetype');
}

@font-face {
    font-family: 'ubuntum';
    src:   url('ubuntu-m.woff') format('woff');

}
@font-face {
    font-family: 'efont';
    src:   url('efont.woff') format('woff'),
       url('efont.ttf') format('truetype');
}
@font-face {
    font-family: 'ubuntur';
    src:   url('ubuntu-r.woff') format('woff');

}

.wcircle{
	position:absolute; display: inline-block;
	bottom: -10px;
	right: 5px;
	background: #ff0000;
	color:white;
	border-radius: 50%;
	border: 3px solid ;
	font-weight:900; 
	font-size:20px;
	}


body, table, td, div, b, i  {  font-family: ubuntur,Verdana, Arial, Helvetica, sans-serif;  color: #000000;cursor: help; font-size:16px; cursor:context-menu;position: relative;}
table{table-layout: fixed;}
font    {  font-family: ubuntur,Verdana, Arial, Helvetica, sans-serif; }

.gruppe{ 

padding:5px;

border-style:solid; 
border-width:1px; 
 border-color:#ddd; box-sizing:border-box; }


input, select, textarea    { 
box-shadow: inset 3px 2px 5px hsla(0, 0%, 0%, 0.1), 3px 5px 5px hsla(0, 0%, 0%, 0.1);
border-radius:5px; 
border-style:solid; 
border-width:2px; 

font-size: 16px;
padding: 5px;
margin: 5px;
margin-bottom: 15px;

}


@-webkit-keyframes tryk 
{
0%   {background-color: #ffc; }
100% {background-color:#f90;}
}

@keyframes tryk 
{
0%   {background-color: #ffc; }
100% {background-color:#f90;}
}



@media screen and (max-width: 1000px) { 
.help1{display:none; visibility:collapse;word-wrap: break-word;overflow:hidden;table-layout: fixed;}
}
@media screen and (min-width: 1000px) { 
.help2{display:none;visibility:collapse;}
}
.none{display:none;}
.help {  line-height:16px; font-size: 14px; }

H1        {  font-family: cinzel,Verdana, Arial, Helvetica, sans-serif; font-size: 54px;  text-align:center;}
H2        {  font-family: ubuntum,Verdana, Arial, Helvetica, sans-serif; font-size: 32px; text-align:center;}
H3        {  font-family: ubuntum,Verdana, Arial, Helvetica, sans-serif; font-size: 20px; text-align:center;}

.xxl        {  font-size: 24px;  }
.xl        {  font-size: 20px;  }
.large        {  font-size: 20px; }
.textbox        {   font-size: 16px;  }
.negativ12        {  font-size: 16px;  color: #FFFFFF; }
.negativ12f        {  font-size: 16px; font-weight: bold;  color: #FFFFFF; }
.negativ11        {  font-size: 16px;  color: #FFFFFF; }
.fixed        {  font-family: Courier New, Courier, mono;  }

.rubrik      {  
text-align: right;
font-family: ubuntum,Verdana, Arial, Helvetica, sans-serif; 
font-size: 16px;  
font-weight: bold; 
letter-spacing: 1px; 
color: #ffffff; 

}
.red      {  

color: #cc0033; 
}
.redalert      {  
font-size: 16px;  
font-weight: bold; 
color: #FFFFFF; 
background-color:#cc0000;
}

.redtext      {    color: #cc0000;}
.orangealert      {    font-weight: bold; color: #cc6600;}
orange      {    font-weight: bold; color: #cc6600;}
.yellowalert      { font-weight: bold; color: #cc9900;}
.greenalert      {   font-weight: bold; color: #009900}
.green      {  color: #009900}
.bluealert      { font-weight: bold; color: #003366}
.blue      {  color: #003366}

.graa      {   color: #999966}
graa      { color: #999966}



A:link{color:#000000}
A:visited{color:#000000}

A:hover {
	color:#ff6600;
}