/*Textfarbe weiss, Hintergrundfarbe schwarz, Aussenabstand 0, Innenabstand 0*/
body{ color: White; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background-color: Black; margin: 0; padding: 0; text-align:center;}
/*Text mit erzwungenem Absatz, Aussenabstand nach unten 7 Pixel, Aussenabstand nach oben 5 Pixel*/
p { font-size: 10pt;  margin-bottom: 1px; margin-top: 1px; }
/*Link mit Farb Goldenrot, keine Textdekoration*/
a { color: #F49B00; text-decoration: none; }
/*Zustand des Links, wenn sich Mauszeiger darüber befindet*/
a:hover { text-decoration: underline;  color: White;   }
/*id="HEADER" definiert einen 800Pixel breiten roten und mittigen Hintergrund */
#HEADER {width: 800px; margin:  auto; background-color:Black; text-align:left; }
/* heigt: Höhe der Leiste; line-height: Wo soll die Schrift sein */
#HEADER ul{ margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; height: 35px; line-height: 35px; display: block; list-style: none; background-color: #4D4D4D; }
/*So soll Link-Liste aussehen, wenn Cursor nicht darüber ist.*/
#HEADER li{ display: inline; background-color: #222222;  float: right;  }
/**/
#HEADER li a{ height: 35px; line-height: 35px; display: inline; padding-left: 27px; padding-right: 27px; border-left: 1px solid Black; float: left; }
/*Mit Maus angewählte Links in der Leiste*/
#HEADER li a:hover{ background-color: #444444; text-decoration: none;}
/*Bild mit 220mal800 Pixel und mit schwarzem Rand nach oben*/
#HEADER .Visual{ height:220px; width:800dx; background-image: url(mosaik.jpg);  background-repeat: no-repeat;   border-top:20px solid Black; margin-bottom:30px; margin-top:0px;    }
#HEADER .Visual2 {margin-top:20px; margin-bottom: -10px; height: 75px; width: 250px; background-image: url(schrift20002.jpg); background-repeat: no-repeat; }
#HEADER .Visual3 {margin-top:100px; height:124px; width:200px; background-image: url(laptopatelier.jpg); background-repeat: no-repeat; float: right; }
#IMAGE {width:800px; margin-left:auto; margin-right:auto; background-color:Black; }
#IMAGE .Visual4 {margin-top:50px; margin-bottom:50px; height: 200px; width:300px; background-image:url(shop.jpg); background-repeat: no-repeat; margin-left:auto; margin-right:auto; }

h2{ margin: 0; padding: 24px 0 7px 40px; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: normal; letter-spacing: .005em; color: White; font-size: 15pt; }
h1{ margin: 0; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: normal; letter-spacing: .005cm; color: White; font-size: 13pt;}
#CONTENT{ width:800px; margin-left:auto; margin-right:auto; text-align:left;  }
#TEXT{ padding: 35px 40px 35px 40px; background-color: Black; }
#TEXT2{ padding-left: 250px; background-color: Black; }
#TEXT2 p{	margin-bottom: 1em;}
#TEXT p{	margin-bottom: 1em;}
#FOOTER{	width:800px; margin-top:27px; margin-bottom:15px; margin-left:auto; margin-right:auto;  border-top: 1px solid #363636;  text-align: right;  padding-top: 5px;   }
#FOOTER p{ font-size: 11px; line-height: 14px; margin: 0;  color: #DDDDDD; }
#FOOTER a{ font-size: 11px;	font-weight: normal;	text-decoration: none;  color: White;    }
#FOOTER a:hover{ color: white; text-decoration: underline; }
*/