/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300italic.eot');
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v18-latin-300italic.woff2') format('woff2'), 
       url('../fonts/roboto-v18-latin-300italic.woff') format('woff'), 
       url('../fonts/roboto-v18-latin-300italic.ttf') format('truetype'), 
       url('../fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); 
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300.eot');
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), 
       url('../fonts/roboto-v18-latin-300.woff') format('woff'), 
       url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), 
       url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); 
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot');
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), 
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), 
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), 
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); 
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-italic.eot');
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'), 
       url('../fonts/roboto-v18-latin-italic.woff') format('woff'), 
       url('../fonts/roboto-v18-latin-italic.ttf') format('truetype'), 
       url('../fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); 
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-700.eot');
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), 
       url('../fonts/roboto-v18-latin-700.woff') format('woff'), 
       url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), 
       url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); 
}



html, body{
padding: 0px; 
margin: 0px; 
width: 100%; 
height: auto; 
font-family: 'Roboto', Segoe, Helvetica, Arial, Verdana, Sans, Lucida;
font-size: 0.8em; 
font-weight: 300; 
background-color: #FFFFFF; 
}
.hint, #printbtn, .navtable, #tooltips, #breadcrumbs, #vor, #zurueck, #deeper_level{display:none; }

#signet, .zentriert, #footer, h2#title, #infobereich, #infobereich.startseite{
position: relative; 
left: 0px; 
top: 0px; 
float: left; 
display: block; 
width: 100%; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 50px 0px; 
}
.zentriert .xxl, .zentriert .xl, .zentriert .l, .zentriert .s, .zentriert .xs{position: absolute;opacity: 0.5; }
.zentriert .xxl{font-size: 5.5em; color: #666666;top: 90px; left: 20px; }
.zentriert .xl{font-size: 6.5em; color: #999999; top: 30px; left: 250px;} 
.zentriert .l{font-size: 2.0em; color: #D1D1D1; top: 0px; left: 150px; }
.zentriert .s{font-size: 2.5em; color: #CCCCCC; top: 50px; left: 90px; }
.zentriert .xs{font-size: 1.8em; color: #E0E0E0; top: 30px; left: 20px;}
#signet{
padding: 0px 0px 50px 0px; 
position: absolute; 
top: 0px;  
right: 0px; 
background: none; 
}
h2{
background: none; 
}

#footer{
margin: 0px 0px 50px 0px; 
}
#signet img{
right: 0px; 
margin: 50px 0px 0px 0px; 
padding: 0px; 
border: 0px solid #FF0000; 
width: 20%; 
height: auto; 

}
.zentriert{
width: 83%; 
}

#infobereich, #textbox, #infobereich.startseite{
display: block !important; 
margin: 50px 0px 0px 0px; 
padding: 0px; 
top: 0px; 
}

table.foto, table.doppelfoto, table.doppelfotogiesserei{
width: 95%; 
float: left; 
position: relative; 
display: block; 
padding: 0px 0px 50px 0px; 
border: 0px solid #FF0000; 
}
table.foto td, table.doppelfoto td, table.doppelfotogiesserei td{
display: block; 
float: left; 
width: 100%; 
}
table.foto tr, table.doppelfoto tr, table.doppelfotogiesserei tr{
display: block; 
float: left; 
width: 48%; 
}