body
{
	background-image:url(pics/bg.jpg);
	background-color:#00ccff;
	background-repeat:repeat;
	height:auto;

}

#logo a
{
	width:180px;
	margin-left:-472px;
	left:50%;
	position:fixed;
}

#logo img
{
	border-width:0px;
	
}

/*
navigation
------------
*/

#navi 
{
	background-image:url(pics/divbg.png);
	background-repeat:repeat;
	
	width:180px;
	height:95px;
	margin-left:-472px;
	margin-top:150px;
	margin-right:500px;
	left:50%;
	position:fixed;
}

#navi a
{

	width:167px;
	height:30px;
	margin-left:7px;
	background-repeat:no-repeat;
	display:block;
}


#about
{
	background-image:url(pics/navi_abou_nor.png);
	margin-top:20px;

}

#about:hover
{
	background-image:url(pics/navi_abou_hov.png);
	margin-top:20px;
}

#about.now
{
	background-image:url(pics/navi_abou_a.png);
	margin-top:20px;
}


#project
{
	background-image:url(pics/navi_proj_nor.png);
}

#project:hover
{
	background-image:url(pics/navi_proj_hov.png);
}

#project.now
{
	background-image:url(pics/navi_proj_a.png);
}

/*
ratking
------------
*/

#ratking 
{
	background-image:url(pics/divbg.png);
	background-repeat:repeat;
	
	
	width:180px;
	height:205px;
	margin-left:-472px;
	margin-top:257px;
	margin-right:500px;
	left:50%;
	position:fixed;
	
	text-align:center;
	padding-top:10px;
}

#ratking a img
	{
	border-width:0px;
	}


/* Hauptteil
------------
*/

#haupt
{
	width:750px;
	height:100%;
	left:50%;
	margin-left:-280px;
	margin-bottom:15px;
	position:relative;

	background-image:url(pics/divbg.png);
	background-repeat:repeat;
	
	border-bottom:3px solid #ff3300;
	border-top:3px solid #ff3300;
	padding-bottom:3px;
	
	text-align:left;
	
	
}

#abstand
{
	padding-top:15px;
	padding-bottom:5px;
}



#uber
{
	margin-left:75px;
}

#uber span
{
	
	color:#ff3300;
	font-size:24px;
	font-weight:bold;
	font-family: arial, sans-serif;
	letter-spacing:0.01em;
	
	border-bottom:3px solid #ff3300;
	padding-bottom:3px;

}



#text
{
	margin-left:75px;
	margin-right:60px;
	margin-top:20px;
	margin-bottom:20px;
	
	color:#00ccff;
	font-size:14px;
	font-weight:lighter;
	font-family: verdana, sans-serif;
}

#text a
{
	color:#ff3300;
	text-decoration:underline;
}



#haupt img
{
	border:solid;
	border-width:1px;
	border-color:#00ccff;
	margin-right:14px;
}

#haupt img.no
{
	border:solid;
	border-width:0px;	
}

#haupt img.link
{
	border-width:1px;	
	border-color:#ff3300;
}