/* Stylesheet fuer den Paradox Feet Footbag Club */

/*************************************************
 * Folgende Elemente kommen vor *****************
 *	body, div, h1, h2, h3, dl, dt, dd, p, img, div, 
 *	a, 
 *
 * ***********************************************/

* 
{
	margin: 0;
	padding: 0;
}

body
{
	width: 750px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
/** Header **/
div#header 
{
    height: 240px;
    background-image: url('img/head.png');
    background-position: bottom left;
    background-repeat: no-repeat;
}

div#header h2
{
    color: #fff;
}

/** Navigation **/
div#nav 
{
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 40px;
    
}


div#nav ul 
{
	list-style-type: none;
}

div#nav ul li 
{
	float: left;
	margin-right: 10px;
	padding: 5px;
	background: #ddd;
}

div#nav ul li a 
{
	color: #999;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

/** Main **/
div#main 
{
    clear: both;
    width: 500px;
    margin-top: 80px;
    padding-left: 50px;
    padding-right: 50px;
}

div#main dl 
{
	margin-top: 20px;
}

div#main dt
{
	margin-top: 20px;
	font-weight: bold;
}

div#main dd
{
	margin-top: 10px;
}

div#main ul
{
	margin-left: 70px;
	margin-top: 20px;
}


div#main h1, h2, h3
{
	margin-top: 30px;
	margin-bottom: 25px;
	color: #999;
}

div#main p
{
	margin-top: 10px;
}

/** Box **/
div#box 
{
    position: absolute;
    top: 300px;
    left: 600px;
    border: 3px solid #999;
    padding: 20px;
}

div#box ul
{
	list-style-type: none;
}

/** Fuss **/
div#fuss 
{
    width:750px;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}