/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}






body, p
{
Color: #111111;
Background-Color: #ffffff;
Font-Family: "Roboto",sans-serif !important;
font-weight: 300;
Font-Size: 12pt;
line-height: 1.6rem;
}
p {
	max-width: 800px;
}

A
{
Font-Family: "Roboto",sans-serif !important;
text-decoration: none;
color: #000099;
}

.klein
{
Font-Family: "Roboto",sans-serif !important;
Font-Size: 0.8rem;
line-height: 1.2rem;
text-decoration: none;
}



a:link
{
color: #aa0000;
}

a:visited 
{ 
color:#aa0000; 
}

a:hover 
{ 
color:#5F00CE; 
}

a:active 
{ 
color:#5F00CE; 
}



H1
{
Color: #aa0000;
Background-Color: #ffffff;
Font-Family: "Roboto",sans-serif !important;
Font-Size: 2.5rem;
Font-Weight: 100;
line-height: 1rem;
text-transform: uppercase;
/* letter-spacing: 0.8rem; */
}

H2
{
Color: #111111;
Background-Color: #ffffff;
Font-Family: "Roboto",sans-serif !important;
Font-Size: 1.5rem;
Font-Weight: 300;
line-height: 1.4em; 
}
a {
  position: relative;
}
a[data-tooltip]:before {
  position: absolute;
  left: 0;
  top: -40px;
  background-color: #eee;
  color: #333;
  border: 1px dotted #ccc;
  min-height: 30px;
  max-width: 200px;
  line-height: 30px;
  border-radius: 0;
  padding: 0 15px;
  content: attr(data-tooltip);
  white-space: nowrap;
  display: none;
}
/*
a[data-tooltip]:after {
  position: absolute;
  left: 15px;
  top: -10px;
  border-top: 7px solid #ff0000;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: none;
}
*/

a[data-tooltip]:hover:after, a[data-tooltip]:hover:before {
  display: block;
}