/* 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;
	/* background-color: #fff;
	color: #333;
	font-family: 'Roboto', sans-serif;
	font-weight: 400; 
	line-height: 1.5rem;
	font-size: 16px;
	padding-top: 0; */
}
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;
}

#container {
	max-width: 900px;
}

td, th {
	border-bottom: none;
	}
div.table { 
	  display: table; 
	  border-collapse:collapse; 
	  width:100%;
	}
div.tr { 
	  display:table-row; 
	}
div.td { 
	  display:table-cell; 
/*       border:thin solid red;  */
	  padding:10px 25px 0px 0; 
	}
div.td30 { 
	  display:table-cell; 
/*       border:thin solid red; */ 
	  padding:10px 25px 0px 0; 
	  width:30%;
	}
div.td60 { 
	  display:table-cell; 
/*       border:thin solid blue; */ 
	  padding:10px 25px 0px 0; 
	  width:60%;
	  vertical-align: top;
	}
.small {
	font-size: 0.8rem;
	line-height: 1rem;
}	
	
.porbr  {
		background-image: url(kamera/portrait-brennweite_a.jpg); 
		background-repeat: no-repeat; 
		background-size: 300px;
		height: 200px;
		
	}
	.porbr:hover {
		background-image: url(kamera/portrait-brennweite_b.jpg);
		background-repeat: no-repeat;
	}