1:
2:
3:
4:

#picture {
      float:left;
      width: 100px;
    }

1:
2:
3:
4:
5:
6:

<div id="picture">
      <img src="Grafiken/Welcome.png" alt="Bill Gates">
    </div>

    <p>causas naturales et antecedentes, 
    idciro etiam nostrarum voluntatum...</p>

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:

* {
margin:0;padding:0;
}


html, body {
margin: 0; padding: 0;
text-align:center; /*Zentrierung im IE*/

background-image: url(../HG.jpg);

color: white; /*Schriftfarbe*/
font-size: 12px; font-family:"Arial", Helvetica, sans-serif;
}



#Main {
 position:absolute;
      top: 34%;
      left: 25%;
          width: 55%;
      margin: 20px auto;
          padding: 10px;


background-image: url(../HGMenue.png);
border: 1px #618283 solid;

text-align:left; /*Ohne diese Angabe wäre der Text zentriert!*/
}

#Menue {
 position:absolute;
      bottom: 65%;
      left: 25%;
          width: 60%;
          height: 7%;

text-align:center; /*Zentrierung im IE*/
}

#Header {
 position:relative;
      bottom: -10%;
      left: 25%;
          width: 15%;
          height: 12%;
}

#DesignBild {
 position:absolute;
      top: 10%;
      right: 78%;
          width: 280px;
          height: 793px;
 border: 1px #618283 solid;
}

#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}
#pmenu {margin:20px 0 200px 0%; position:relative; z-index:500;}
#pmenu li {float:left;position:relative;}
#pmenu a, #pmenu a:visited {display:block; width:120px; font-size:12px; font:Tahoma; color:#000; height:25px; line-height:25px; text-decoration:none; text-indent:5px; background:#a8d0d1; border:1px solid #fff; border-width:0px 1px 1px 0px;}
#pmenu li:hover > a{background:#a7a7a7; color:#000000;}
#pmenu li ul {display: none;}
#pmenu li:hover > ul {display:block; position:absolute; top:0; left:101px;}
#pmenu > li:hover > ul {left:0; top:24px;}


//Tabellen// 

#Registrierungstabelle {
}

#Registrierungstabelle td {
  font-size: 12px; 
  font-family: Tahoma;
  color:#000000;
  table-layout: auto;
  width: 200px;
}


#Login {
  position:absolute;
      left: 65%;
          top: 25.8%;
          width:250px;
          height:63px;
 background-image: url(../HGMenue.png);
          border: 1px #618283 solid;
  table-layout: auto;
  padding: 10px;
}

#Login td {
  font-size: 12px; 
  font-family: Tahoma;
  color:#FFFFFF;
  width: 90px;
}

// Grafiken // 


#picture {
      float:left;
    }