body	{	margin: 0px;
			background: url(images/bg.gif) 0 0;
			background-repeat: repeat-x;
			background-color: #FFFFFF;
			font-family: verdana;
			font-size: 12px;
			color: #000000;
		}
h2		{ 	display: none; }
h3		{	font-size: 14px; color: #31388b; margin: 0px;}
b		{	color: #31388b; }
i		{	color: #31388b; }
a		{	color: #31388b; font-size: 12px; text-decoration: none;}
a:hover	{	text-decoration: underline;}
		
#mainContent	{	position: relative;
					width: 810px;
					#height: auto;
					background: url(images/mainContent_bg.gif) 0 0;
					background-repeat: repeat-y;
					vertical-align: top;
				}
#header			{	position: relative;
					width: 810px;
					height: 290px;
					background: url(images/header.gif) 0 0;
					background-repeat: no-repeat;
					border: 0px solid #FF0000;
				}
#logo			{ 	position: absolute;
					width: 200px;
					height: 290px;
					top: 0px;
					left: 570px;
					border: 0px solid #FF0000;
				}
				
#content		{	position: relative;
					width: 730px;
					height: auto;
					margin-left: 40px;
					border: 0px solid #FF0000;
				}
				
#textBox		{	position: relative;
					width: 508px;
					height: auto;
					float: left;
					left: 0px;
					top: -90px;
					margin-bottom: -90px;
					border: 0px solid #FF0000;
					font-size: 12px;
					line-height: 18px;
					display: block;
				}
				
#donwloadBox	{	position: relative;
					width: 210px;
					height: 370px;
					float: right;
					background: url(images/downloadBox_bg.gif) 0 0;
					background-repeat: no-repeat;
					top: 20px;
					margin-bottom: 20px;
					border: 0px solid #FF0000;
					color: #31388b;
					font-size: 10px;
					line-height: 14px;
					display: block;
				}

#downloadHolder	{	width: 170px; margin-left: 20px; padding-top: 20px; }				

#footer			{	position: relative;
					width: 810px;
					height: 80px;
					background: url(images/footer_bg.gif) 0 0;
					background-repeat: no-repeat;
					vertical-align: top;
				}
#footerLinks	{	position: relative;
					width: 220px;
					height: auto;
					top: 15px;
					left: 570px;
					vertical-align: top;
					border: 0px solid #FF0000;
				}

.downloadSmall	{	position: relative;
					width: 165px;
					height: 48px;
					background: url(images/downloadSmall.gif) 0 0;
					display: block;
					margin-bottom: 5px;
				}
.downloadBig	{	position: relative;
					width: 165px;
					height: 67px;
					background: url(images/downloadBig.gif) 0 0;
					display: block;
					margin-bottom: 5px;
				}
.downloadLink	{	position: absolute;
					left: 45px;
					top: 10px;
					font-weight: normal;
					text-decoration: none;
					font-size: 10px;
				}
				
.neuBox			{	width: 512px; height : 144px; display: block; background : url(images/neuBox.gif) no-repeat; }
							
/*------------------------------------------------------------------------------- NAVIGATION */

#navi			{	position: absolute;
					width: 534px;
					height: 40px;
					left: 26px;
					top: 104px;
					background: url(images/navi_bg.gif) 0 0;
					background-repeat: no-repeat;
					border: 0px solid #FF0000;
				}

#home			{	position: relative;
					width: 44px;
					height: 40px;
					background: url(images/navi_home.gif) 0 0;
					background-repeat: no-repeat;
					margin-left: 12px;
					float: left;
					display: block;
				}
#home:hover		{	background: url(images/navi_home.gif) 44px 0px; }

#home_active	{	position: relative;
					width: 44px;
					height: 40px;
					background: url(images/navi_home_active.gif) 0 0;
					background-repeat: no-repeat;
					margin-left: 12px;
					float: left;
					display: block;
				}
				
#angebote		{	position: relative;
					width: 79px;
					height: 40px;
					background: url(images/navi_angebote.gif) 0 0;
					background-repeat: no-repeat;
					margin-left: 0px;
					float: left;
					display: block;
				}
#angebote:hover	{	background: url(images/navi_angebote.gif) 79px 0px; }

#angebote_active{	position: relative;
					width: 79px;
					height: 40px;
					background: url(images/navi_angebote_active.gif) 0 0;
					background-repeat: no-repeat;
					margin-left: 0px;
					float: left;
					display: block;
				}

#gedaechtnis		{	position: relative;
					width: 93px;
					height: 40px;
					background: url(images/navi_gedaechtnis.gif) 0 0;
					background-repeat: no-repeat;
					margin-left: 0px;
					float: left;
					display: block;
				}
#gedaechtnis:hover{	background: url(images/navi_gedaechtnis.gif) 93px 0px; }

#gedaechtnis_active{	position: relative;
					width: 93px;
					height: 40px;
					background: url(images/navi_gedaechtnis_active.gif) 0 0;
					background-repeat: no-repeat;
					margin-left: 0px;
					float: left;
					display: block;
				}
				
#herz			{	position: relative;
					width: 67px;
					height: 40px;
					background: url(images/navi_herz.gif) 0 0;
					background-repeat: no-repeat;
					margin-left: 0px;
					float: left;
					display: block;
				}
#herz:hover	{	background: url(images/navi_herz.gif) 67px 0px; }

#herz_active{	position: relative;
					width: 67px;
					height: 40px;
					background: url(images/navi_herz_active.gif) 0 0;
					background-repeat: no-repeat;
					margin-left: 0px;
					float: left;
					display: block;
				}
				
#fibro			{	position: relative;
					width: 90px;
					height: 40px;
					background: url(images/navi_fibro.gif) 0 0;
					background-repeat: no-repeat;
					margin-left: 0px;
					float: left;
					display: block;
				}
#fibro:hover	{	background: url(images/navi_fibro.gif) 90px 0px; }

#fibro_active{	position: relative;
					width: 90px;
					height: 40px;
					background: url(images/navi_fibro_active.gif) 0 0;
					background-repeat: no-repeat;
					margin-left: 0px;
					float: left;
					display: block;
				}

#diabetes		{	position: relative;
					width: 73px;
					height: 40px;
					background: url(images/navi_diabetes.gif) 0 0;
					background-repeat: no-repeat;
					margin-left: 0px;
					float: left;
					display: block;
				}
#diabetes:hover	{	background: url(images/navi_diabetes.gif) 73px 0px; }

#diabetes_active{	position: relative;
					width: 73px;
					height: 40px;
					background: url(images/navi_diabetes_active.gif) 0 0;
					background-repeat: no-repeat;
					margin-left: 0px;
					float: left;
					display: block;
				}
				
#kontakt		{	position: relative;
					width: 64px;
					height: 40px;
					background: url(images/navi_kontakt.gif) 0 0;
					background-repeat: no-repeat;
					margin-left: 0px;
					float: left;
					display: block;
				}
#kontakt:hover	{	background: url(images/navi_kontakt.gif) 64px 0px; }

#kontakt_active{	position: relative;
					width: 64px;
					height: 40px;
					background: url(images/navi_kontakt_active.gif) 0 0;
					background-repeat: no-repeat;
					margin-left: 0px;
					float: left;
					display: block;
				}
				
#sportangebote	{	width: 100%;
					font-family: verdana;
					font-size: 10px;
				}
.tDay			{	width: 11%;
					font-weight: bold;
					color: #31388b;
				}
.tTime			{	width: 22%;
				}
.tAction		{	width: 25%;
				}
.tLocation		{	width: 22%;
				}
.tPerson		{	width: 20%;
				}
.dark			{	background-color: #cbcde2; }
.light			{	background-color: #e0e1ee; }

.report			{	color: #31388b; }

.inputBoxLeft	{ 	width: 245px; height: auto; float: left; border: 0px solid #31388b; margin-bottom: 10px; }
.inputBoxRight	{ 	width: 245px; height: auto; float: right; border: 0px solid #31388b; margin-bottom: 10px; }

input.txt		{	width: 240px; height: 25px; padding: 3px; border: 0px solid #31388b; color: #31388b; font-size: 12px; background: url(images/inputBox.gif) 0 0; }
textarea		{	width: 500px; height: 89px; padding: 3px; border: 0px solid #31388b; color: #31388b; font-size: 12px; background: url(images/textareaBox.gif) 0 0; font-family: verdana; font-size: 11px;}

.button			{	width: 150px; margin-top: 10px; }
