body{
max-width: 980px;
font-family: arial;
font-size: 14pt;
line-height: 1.5;
}

h2{
margin-top: 35px;
margin-bottom: -10px;
}



h5{
font-size: 14pt;
border-bottom:dotted #ccc;
margin-bottom:0;
}

li{
padding: 10px 10px;
}

/* - header - */
header{
background: linear-gradient(silver, white);
}
.float li{
list-style-type: none;
float: left;
margin: 10px 10px;
background-color: #ccc;
padding: 5px 5px;
}
header address{
float: right;
margin: 10px 30px;
}
#banner, hr{
clear: both;
}


@media screen and (max-width: 480px){ /* - for mobile - */
.small{
width: 100%;
height: auto;
}
.invisible{
display: none;
}}


/* - body - */
.main{
margin-bottom: 50px;
margin-right: 30px;
}
#error{
color: red;
text-align: center;
font-weight: bold;
font-size: 16pt;
line-height: 2;
margin-top: 50px;
}
#startpage{
text-align: center;
}
#startpage h2{
color: blue;
}
#startpage ul{
margin-top: 50px;
font-weight: bold;
font-size: 1.17em;
margin: 0 auto;
}
#startpage li{
list-style-type: none;
background: #b0c4de;

border-left: 10px solid blue;
border-right: 10px solid blue;
margin: 2px 2px;
padding: 1px;
}
#stefan{
float: right;
margin-left: 10px;
}

.pt{ /* - 14pt to 10pt, auszug, seite4 - */
font-size: 10pt;
margin-top: -10pt;
}

#kunden li{
list-style-type: none;
}
.margin-top{
margin-top: 50px;
}
.main figure{ /* - TSSG - */
float:left;
margin: 0 auto;
padding-right: 30px;
} 
/* -footer- */
footer{
text-align: center;
background: linear-gradient(white, gray);
}

#copy{
font-weight: nomal;
font-size: 10pt;
}
/* für den Ordner html wird im Fussbereich FETT Stefan Burkart FETT nicht auf der jeweiligen Seite gemacht, sondern mit dem Komando strong korrigiert*/
footer p::first-line{
font-weight: bold;
}