* { margin:0; padding:0;}
html{height:100%}
/* ----------------------------------MICHAELS----------------------------------*/
body {min-height:101%;
font-family:Arial,Verdana,Sans-Serif;
background-color:#2f2f37;}
h1 {font-family:Arial,Verdana,Sans-Serif;
color:#0b0728;
margin-top:18px;margin-bottom:13px;margin-left:80px;}
h2 {color:#808080; margin-right:0; font-size:95%; margin-top:-50px;}
h3 {color:#808080; margin-left:60px; font-size:70%; margin-top:10px; margin-bottom:10px;}
h4 {color:#0b0728; ; margin-right:0; font-size:95%; margin-top:-20px;}
ul {list-style:none;}
ol {list-style:none;}
p{font-size:85%;
font-family:Rockwell,serif;line-height:18px; margin-bottom:20px;}
p.rechtsbuendig {float:right;}
p.clear {clear:left;}
p {font-family:Arial,Verdana,Sans-Serif; color:#c0c0c0;}
p.untertitel{font-size:65%;}
p.untertitel2{font-size:55%;}
strong {font-weight:normal;}/* das gegengewicht zu strong schrift*/
/*-----------------------------------------haupdiv ------------------------------------------------*/
div#umschlag{ margin-right:auto; margin-left:auto;
width:960px;
/* background-color:#9a9a9a; unbrauchbar für fotoseiten aber für Schriftseiten gut*/}
/*-----------------------------------------------------------------------------------------------------*/
div#head{ position:fixed;
width:960px;height:82px;
z-index:2;
top:0; background-color:#6f6f6f;}
.menue {
width:960px;text-decoration:none;
list-style:none;
height:25px;
color:#ffffcc; background-color:#0b0728; font-size:14px;
}
/* -----------------Hauptmenue-----------Position 1ster punkt beim Hauptmenue--------*/
.abstand {margin-left:80px;}
/*----------position Hauptmenü --------- abstände zwischen weiteren menüPunkten------------*/
ul li a { padding-top:5px;
margin-right:30px;
text-decoration:none;
float:left !important;
color:#ffffcc;}
/*----------position UNTERmenü----Projekte-------------------------------------------*/
#untermenue { position:absolute;background-color:#2f2f37;padding-right:10px;
margin-left:454px;
height:42px;
border-left:1px solid #ffffcc;
border-bottom:1px solid #ffffcc;
list-style:none;
font-size:13px;}
#untermenue li {margin-top:20px; float:left; margin-left:22px;}
a { text-decoration:none; }
.muepunkt a {margin-left:-12px;}
/*-------------position UNTERmenü------Texte-------------------------------------------*/
#untermenuetext {position:absolute;background-color:#2f2f37;padding-right:10px;
margin-left:496px;
height:42px;
border-left:1px solid #ffffcc;
border-bottom:1px solid #ffffcc;
list-style:none;
font-size:13px;}
#untermenuetext li {margin-top:20px; float:left; margin-left:22px;}
/*--------------------------------------- Inhalt container---------------------------------*/
div#inhalt { border-top:105px;
margin-top:113px;}
/*---------------------------------------Bild position -Index --------------------------------*/
.bilderindex{margin-top:105px;
margin-left:35px;
font-size:14px;
float:left;}
/*---------------------------------------Bilder position - Unterseiten---------------------------------*/
ul#galerie { padding-top:111px;
padding-left:80px;}
ul#galerie li{ margin-bottom:40px;
font-size:14px;}
ul#galerie li a{margin-bottom:6px;}
.nebeneinander{float:left;margin-right:60px;}
.break {clear:left;}
/*--------------------------------------Textseiten ---divs---------------------------*/
div.texte{ width:400px;
margin-top:85px;
margin-left:50px;
font-size:114%;
color:#808080;/*#c0c0c0;#ffffcc; crem-farben*/
float:left;/*#000015*/
/* #0b0728; vorherige Farbe Farbe der Startseite*/}
div.texte img {float:right;margin-left:5px; margin-top:6px; margin-bottom:6px; margin-right:0;}
div.kontakt{color:#808080;padding-top:80px;}
p{margin-bottom:20px;}
.listelinks{font-size:80%;color:#808080;}
.tiefer{margin-top:110px;}
/*------------------------------------------das betrifft die vitvvvvv a--------------------------------*/
table.vita {width:90%;
font-family:Rockwell,serif;
line-height:18px; color:#808080; /*#0b0728;vorherig blau*/}
table.vita td {vertical-align:top; padding-left:12px; font-size:90%; }
td.jahreszahl {width:80px;text-align:right;}
/*------------------- allgemeines -----------------------------------*/
a img{border:none}/*Entfernung des automatischen Rands von verlinkten Bildern*/
a.geklickt:link{color:#ffffcc;} /*Zustand wenn der Link noch nicht geklickt wurde*/
a.geklickt:active{color:#bdfdf7;}/*Zustand wenn der Link geklickt wurde*/
a.geklickt:visited{color:#ffffcc;}/*Zustand wenn der Link schon geklickt wurde*/
a.geklickt:focus{color:#80ff80;}/*wichtig Zustand wenn der Link mit Tastatur überfahren wird*/
/*----------Schnee---------------/
.fall_snow {
background-image: url('./bilder/snow1.png'), url('./bilder/snow2.png'), url('./bilder/snow3.png');
height: 100%;
left: 0;
position: absolute;
z-index:1;
top: 0;
width: 100%;
-webkit-animation: snow 10s linear infinite;
-moz-animation: snow 10s linear infinite;
-ms-animation: snow 10s linear infinite;
animation: snow 10s linear infinite;
}
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
--------------------------------------------- */