#container {
		position:absolute;
		top:100px; left:0px;
		width: 990px;
	}
	
	#main{
		position:relative;
		top:0px; left:0px;	
		margin: 20px 10px;
		width: 830px;
		float:none;
		clear:both;
	}
	
	#logo{
		width: 270px;
		height: 42px;
		background: url('../images/logo.gif') no-repeat;
	}
	
	#header{
		background: #0087C9 url('../images/bg_header.gif') repeat-x;		
		padding: 23px 10px 11px 19px;
		height: 51px;
	}
	
	#menu{
		position: absolute;
		top: 49px; left: 300px;
		z-index:auto;
		height: 26px;
		width: 505px;
		list-style-type: none;
		margin: 0; padding: 0;
	}
	
	#menu li{
		margin:0;
		width: 123px;
		height: 26px;		
		float:left;
		margin-right: 3px;
		background: #000 url('../images/bg_bt_index.gif') no-repeat;
		text-align: center;
		
	}
	
	#menu a{
		font-weight: bold;
		color: #FFF;
		padding-top: 5px;
		display: block;
		text-decoration: none;
	}
	
	#menu li.active{
		height: 27px;	
	}
	
	#submenu{
		position: absolute;
		top: 76px; left: 0px;
		z-index:auto;
		height: 19px;
		list-style-type: none;
		margin: 0; padding: 0;
		padding-left: 300px;		
	}	
	
	#submenu li{
		margin:0;
		height: 19px;		
		padding: 0 10px;
		float:left;
		margin-right: 3px;
		text-align: center;		
	}	
	
	#submenu a{
		color: #FFF;
		text-decoration: none;
	}		
	#submenu li.active a{
		font-weight:bold;
	}			
	
	iframe
	{
		border:1px solid #0088C9; 
	}

	.tab
	{
		width:70px; 
		height:20px; 
		border:1px solid #ccc; 
		padding-top:3px; 
		padding:5px;
		display:inline;
		font-weight:bold;
		background-color:#FFFFFF;
	}
	
	.tab a {
		text-decoration:none;
		color:#000000;
	}
	
	.on a
	{ 
		color:#ccc;
/*		visibility:hidden;*/
	}
	
	.off a
	{ 
		color:#000;
/*		visibility:visible;*/
	}
	
	input.searchbt, input.helpbt{
		background: #FFF url('../images/bg_searchbutton.gif') no-repeat;
		padding: 0;	margin: 0;
		width: 20px;
		height: 20px;
		border: none;
		cursor:pointer;
	}		
	
	input.helpbt {
		background: #FFF url('../images/bg_help.gif') no-repeat;
	}
	
	
	#info
	{ 
		position: absolute;
		top: 86px; left: 0px;
		width: 800px;
		background: url('../images/bg_info.gif') repeat-x;
		color: #333;
		font-weight:bold;
	}
	
/*	recipes.php
	*/	
	.recipes { width:700px; padding:20px; }
	.recipes h1 { font-size:1.5em; color:#32CC32; border-bottom:2px solid #32CC32; }
	.recipes h2{ font-size:1.2em; color:#fff; background-color:#32CC32; padding:3px; margin:10px; }	
	.recipes p { padding:0 30px; }
	.recipes ul { padding:10px 30px; }
	
/**
	Login
	*/
	#login { width:140px; float:left; padding:10px; padding-top:40px; }
	#infotext { float:right; width:600px; padding:30px; border-left:1px solid #AAA; }
	#login input { width:120px; }
	#login input.bt {
		background: #EEE url('../images/bg_button.gif') no-repeat;
		padding: 0 2px 0 23px;
		width: 137px;
		height: 21px;
		border: none;
		font-weight:bold;
		color: #000;
		cursor:pointer;
	}	

/*
	*/
	#photoTitle { position:absolute; top:20px; left:10px; }
	#photo { position:absolute; top:40px; left:10px; }
	#photo iframe { width:150px; height:200px; }

	#profileTitle { position:absolute; top:20px; left:170px; }
	#profile { position:absolute; top:40px; left:170px; }
	#profile iframe { width:300px; height:520px; }
	
	#questionaireTitle { position:absolute; top:20px; left:480px; }
	#questionaire { position:absolute; top:40px; left:480px; }
	#questionaire iframe { width:300px; height:520px; }

/*	fitness.php
	iframe: foods.php
	*/
	#lookup { position:absolute; top:10px; left:5px; }
	#foods { position:absolute; top:40px; left:0; }
	#foods iframe { width:380px; height:480px; }
	
/*	fitness.php
	iframe: today.php
	*/
	#todayTitle { position:absolute; top:15px; left:595px;}
	#today { position:absolute; top:40px; left:590px; }
	#today iframe { width:380px; height:480px; }
	
	#addFood { position:absolute; top:45px; left:390px; padding: 0px 10px;}	
	
/*	fitness.php
	iframe: notepad.php
	*/
	#notepadTitle { position:absolute; top:45px; left:390px; }
	#notepad { position:absolute; top:64px; left:390px; }
	#notepad iframe { width:190px; height:330px; }
	
/*	fitness.php
	iframe: weight.php
	*/
	#weightTitle { position:absolute; top:395px; left:390px; }
	#weight { position:absolute; top:395px; left:390px; }
	#weight iframe { width:190px; height:160px; }	
	
/*
	*/
	#snapshotsTitle { position:absolute; top:10px; left:10px; }
	#snapshots { position:absolute; top:30px; left:10px; }
	#snapshots iframe { width:760px; height:520px; }
	
/*
	*/
	#chartTitle { position:absolute; top:10px; left:10px; }
	#chart { position:absolute; top:30px; left:10px; }
	#chart iframe { width:400px; height:250px; }
	
    /* tables */
	.fitnesstable{
		border: 1px solid #32CC32;
		border-top: none;
	}
	
	.fitnesstable tbody td{
		background-color: #FFF;
		color: #545454;		
		border-bottom: 1px solid #32CC32;
		padding: 3px 5px;
	}		
	
	.fitnesstable .ruled td{
		background-color:#E0F7E0;
		border-bottom: 1px solid #32CC32;
	}		
	
	.fitnesstable thead th{	
		background: #32CC32 url('../images/bg_today.gif');				
		border-bottom: 2px solid #FFF;
		height: 18px;
		padding: 5px;
		color: #fff;
		text-align: left;		
	}			
	
	.fitnesstable tfoot td{
		background-color: #E0F7E0;
		padding: 1px 5px;
		color: #545454;
		font-weight: normal;

	}
	
/*	meinedaten.php
	*/
	.statsbox {
		float:right;
		width:250px; 
		border:1px solid #0088C9;
		margin-right:20px;
	}

	.statsbox .menu td {
		background-color:#E9F0FA;
		font-weight:bold;
		height:28px;
		padding:0 5px;
		text-align:center;
		vertical-align:middle;
	}

	.statsbox .header td {
		background:#0088C9 url('../images/bg_note.gif');
		color:#FFF;
		font-weight:bold;
		height:28px;
		padding:0 5px;
		text-align:left;
		vertical-align:middle;
	}	
		
	.statsbox .body td {
		background-color:#FFF;
		border-bottom: 1px solid #0088C9;
		padding:3px 5px;
	}
	
    /*
     * Erfolgskontrollblatt
     */
    #ekbkoerperdaten {
		position:relative;
    	float:left;
		border: 1px solid #068CCC;		
    }
    
    #ekbkraft {
		position:relative;
    	float:left;
    	margin-left:20px;
		border: 1px solid #068CCC;		
    }
    
	#ekbausdauer {
		position:relative;
    	float:left;
    	margin-left:20px;
		border: 1px solid #068CCC;
    }
	
	#ekbkoerperdaten th, #ekbkraft th, #ekbausdauer th{
		color: #FFF;
		background:#068CCC url('../images/bg_lightblue.gif');
		height: 25px;
		padding: 0 1em;
		text-align:left;
	}
	#ekbkoerperdaten td, #ekbkraft td, #ekbausdauer td{
		padding: 0.2em 0.5em;
	}
	
	#ekbmonthnav{
		border: 1px solid #32CC32;
	}
	
	
	#ekbmonthnav th {
		background-color:#E0F7E0;
		font-weight:bold;
		height:28px;
		padding:0 5px;
		text-align:center;
		vertical-align:middle;
	}
	#ekbmonthnav a {
		color:#32CC32;
		text-decoration:none;
	}
	#ekbmonthnav .active { background: #32CC32 url('../images/bg_today.gif'); color:#FFF; }
	#ekbmonthnav .active a { color:#FFF; }	
	
    /*
     * Gästebuch
     */	
	 
	#guestbook .enterpost {
		width: 320px;
		float:left;
		border: 1px solid #F28F00;
	}
    #guestbook .gbentrys {
		border: 1px solid #F28F00;
		width: 490px;
		float:right;		
	}
	
	#guestbook .gbentry {
		background-color: #FEF9F2;
		padding: 0.5em;	
		margin-top: 1em;
	}
	#guestbook h3{
		font-size: 1.2em;
	  	border-bottom: 1px solid #F28F00;
	}
	#guestbook form{
		padding: 1em;
	}
	#guestbook .message{
		padding: 0.3em;
	  	background-color: #FFF;
	}
	h2.orange, h2.green{
		margin:0; padding:0;
		background:#F28F00 url('../images/bg_orange.gif') repeat-x;
		color: #FFF;
		height:28px;
		line-height:28px;		
		padding: 0 0.5em;
	}
	
	h2.green{
		background: #32CC32 url('../images/bg_today.gif');	
	}