CSS wird im Browser nicht ausgeführt

Ich verwende in einer html Datei folgenden css Code im Header:

<style> 




body: {font-family:Arial;} 
p: {margin-left:20px; } 




.bilder: 
{ 
margin-left:20px; 
border-width:10px; 
border-style:solid; 




} 




#hintergrund: 
{ 
background-color:aqua; 
} 




</style>

In meinem Exspression Web Tool wird es in der Vorschau korrekt angezeigt. Wenn ich aber die html Datei im Browser ie 11 oder Firefox 48 oder Chrome 53 starte wird kein css ausgeführt.

Daher wollte ich fragen, was ich da falsch mache.

Danke für eine Antwort

Vielen Dank für die Antwort und Lösung.

Gibt es noch eine Möglichkeit im Expression Web 4 automatisch die Umlaute in HTML Syntax umzuwandeln.

Vielen Dank