/*stylesheet bildschirm*/



/*kalibrierung - abstände in den boxen auf null setzen*/
* { padding: 0; margin: 0; }

/*kalibrierung - scrollbar rechts immer einblenden*/
html { overflow-y: scroll; }/*SCHEINT NICHT ÜBERALL ZU FUNKTIONIEREN*/
html { background-color: white; font-size: 63%; font-family: 'Helvetica', Arial; letter-spacing: 1.5px; font-weight: lighter; margin-left: 20px; margin-right: 20px; }


/*hintergrundbild*/
#bg_wrap {
z-index: -1;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-size: cover;
background-image: url(bilder/j.jpg);
background-repeat: no-repeat;
background-position: bottom center; opacity: 0.1; filter:grayscale(0%);
 }


h1 {font-family: 'Helvetica', Arial; font-size: 1rem; letter-spacing: 6px;}
a {font-family: 'Helvetica', Arial; }


body { margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto; max-width:1100px; }

/*gestaltung html-element kopfbereich*/
.header {font-size: 2rem;  letter-spacing: 6px; color: #a2a2a2; }

/*gestaltung html-element hauptbereich*/
.main {font-size: 1.5rem; margin-top: 20px; margin-bottom: 30px; color: #a2a2a2; text-align: }

/*gestaltung html-element fussbereich*/
.footer {font-size: 2rem; letter-spacing: 6px; text-align: center; color: #a2a2a2; margin-bottom: 50px;}

/*abstand zwischen bildern*/
.n { height: 50px; color: #a2a2a2;}


/*unterstreichen hyperlinks enfernen*/
a { text-decoration: none; }

/*pseudoklassen*/

/*farbe hyperlinks noch nicht besucht*/
a:link { color: black; }



/*farbe hyperlinks besucht*/
a:visited { color: black; }

a:hover,
a:focus { color: #a2a2a2; }