body { background-color:white; float:left;}

#webseite { width:800px; margin: auto; }

a.one:link {color:#000000;}    /* unvisited link */
a.one:visited {color:#000000;} /* visited link */
a.one:hover {color:#2E9AFE;}   /* mouse over link */
a.one:active {color:#2E9AFE;}  /* selected link */

a.one:link {text-decoration:none;}    /* unvisited link */
a.one:visited {text-decoration:none;} /* visited link */
a.one:hover {text-decoration:none;}   /* mouse over link */
a.one:active {text-decoration:none;}  /* selected link */

a.two:link {opacity:1;color:#000000;}    /* unvisited link */
a.two:visited {opacity:1;color:#000000;} /* visited link */
a.two:hover {opacity:0.7;color:#2E9AFE;}   /* mouse over link */
a.two:active {opacity:1;color:#2E9AFE;}  /* selected link */

a.two:link {text-decoration:none;}    /* unvisited link */
a.two:visited {text-decoration:none;} /* visited link */
a.two:hover {text-decoration:none;}   /* mouse over link */
a.two:active {text-decoration:none;}  /* selected link */


a.three:link {color:#2E9AFE;}    /* unvisited link */
a.three:visited {color:#2E9AFE;} /* visited link */
a.three:hover {color:#000000;}   /* mouse over link */
a.three:active {color:#2E9AFE;}  /* selected link */

a.three:link {text-decoration:none;}    /* unvisited link */
a.three:visited {text-decoration:none;} /* visited link */
a.three:hover {text-decoration:none;}   /* mouse over link */
a.three:active {text-decoration:none;}  /* selected link */




#header {float:center; background-color:#FFFFFF; width:350px; position: fixed; margin-top:20;margin-left:20;}

#header ul { font-family: Arial,Helvetica,sans-serif; font-size: 24px; color:#2E9AFE; text-align: left; line-height:150%;}
#header h { font-family: Arial,Helvetica,sans-serif; font-size: 16px; color:#2E9AFE; text-align: left;line-height:110%;}


#inhalt {background:white; float: left; margin-top: 88; margin-left: 380;margin-right: 20; padding:40px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}


/* fonts im inhalt */

#inhalt h1 {

font-family: Arial,Helvetica,sans-serif;
font-weight:600;
font-size: 12px;
color:#2E9AFE;
text-align: left;
padding-left: 0px;
display:inline;
}

#inhalt ul {

font-family: Arial,Helvetica,sans-serif;
font-weight:600;
font-size: 12px;
color:#2E9AFE;
text-align: left;
padding-left: 0px;
display:inline;

}

#inhalt h2 {

padding-left: 0px;
font-size: 12px;
font-weight: bold;
text-align: left;
color:black;
font-family: Arial,Helvetica,sans-serif;
display:inline;
}

#inhalt h3 {

font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:regular;
text-align: left;
letter-spacing:0,4pt;
color:black;
line-height:140%;
display:inline;
}


#inhalt p {

font-family:Arial,Helvetica,sans-serif;
font-size:12px;
word-spacing: 0,5;
letter-spacing:0,8pt;

text-align: left; 
line-height:128%;
display:inline;
}


#inhalt p1 {

font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight: 600;
text-align: left; 
color:black;
line-height:128%;
display:inline;
}

#inhalt p2 {

font-family:Arial,Helvetica,sans-serif;
font-size:10px;

word-spacing: 1;
text-align: left; 
color:black;
line-height:135%;
display:inline;
}

#inhalt p3 {

font-family:Arial,Helvetica,sans-serif;
font-weight:600;
font-size:10px;
color:black;
line-height:135%;
display:inline;
}

#inhalt p4 {

font-family:Arial,Helvetica,sans-serif;
font-size:12px;

text-align: left; 
color:#2E9AFE;
line-height:125%;
display:inline;
}



#footer {
float: center

background:white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
text-align:left;
padding-bottom: 40px;
display:inline;}

#footer ul{
font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  float: left;  
margin-left: 40px;
padding:10px;;
text-align: left;
display:inline;

}

#footer p{
font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  float: left;  

 margin-left: 10px;
  padding:10px;;
text-align: left;
display:inline;

}







/*DROPDOWN*/




.preload1 {background: url(blank_over.gif);}
.preload2 {background: url(blank_overa.gif);}


/* menubox -> pojects new! about contact */

#nav {padding:0; margin-left:4; list-style:none; height:0px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; letter-spacing:0,8pt}
#nav li.top {display:block; float:left;}
#nav li a.top_link {margin-left: 20; display:block; float:left; height:60px; line-height:27px; color:black; text-decoration:none; font-size:12px; font-weight:regular; padding:0 0 0 18px;}

#nav li:hover > a.top_link {color: #49A3FF;}



#nav li:hover {position:relative; z-index:200;}



/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{ position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding-left:0; padding-top:20; list-style:none;}
 

/* hintergrundbox text - projects  */		

#nav li:hover ul.sub
{left:10; top:32px; padding-right:20px; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:25px; width:220px;position:relative; float:left; font-weight:normal; background-color:white; padding-bottom:6px;}

/* pojects box - hintergrund */
#nav li:hover ul.sub li a
{margin-left: 22;display:block; font-size:12px; height:25px; width:160px; line-height:24px; text-indent:5px;  color:black; text-decoration:none;}

/* projecktbox - links */
#nav li:hover ul.sub li a.fly:hover
{color:black  text-decoration:underline;}


/* submenu - links */
#nav li:hover ul.sub li a:hover 
{color: #49A3FF;}


#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul

/* submenu -> box für unterkategorien  */

{padding: 10;left:106px; top:-4px;padding-top:4px; white-space:nowrap; width:160px; z-index:400; height:auto;}


<style type="text/css">
<!--
.dragme{position:relative;}
-->
</style>