/* Formate - ProHealth */


/* Universal ---------------------------------------------------------------------------------------------------- */


/* Hauptelemente ------------------------------------------------------------------------------------------------ */
body {
	margin: 0;
	padding: 0;
	background: #221E1F;
	font: 12px Tahoma;
	color: #FFFFFF;
}
body.Border {
	background: #000000;
}
body.Intro {
	background: #000000;
}
body.WindowAnim {
	text-align: center;
	letter-spacing: 2px
}


/* Bereiche ----------------------------------------------------------------------------------------------------- */
.Head {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 133px;
	display: block;
	z-index: 10;
	background: url(../gfx/bg_head.jpg) no-repeat;
}
.Headline {
	position: absolute;
	top: 34px;
	left: 170px;
	z-index: 20;
	font-size: 26px;
	color: #FFFFFF;
	letter-spacing: 3px;
	filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50;
}
.BGContent {
	position: absolute;
	top: 160px;
	left: 0px;
	width: 1000px;
	height: 320px;
	display: block;
	z-index: 10;
	background: url(../gfx/bg_content.jpg) no-repeat;
}
.LineBGContent {
	background: url(../gfx/line_bg_content.gif) repeat-y center top;
}
.BGStart {
	position: absolute;
	top: 160px;
	left: 0px;
	width: 1000px;
	height: 320px;
	display: block;
	z-index: 10;
	background: url(../gfx/bg_start.jpg) no-repeat;
}
.NavLeft {
	position: absolute;
	top: 160px;
	left: 0px;
	width: 100px;
	height: 320px;
	display: block;
	z-index: 20;
	text-align: center;
}
.NavRight {
	position: absolute;
	top: 160px;
	left: 900px;
	width: 100px;
	height: 320px;
	display: block;
	z-index: 20;
	text-align: center;
}
.NavLeftRight {
}
.SubNav {
	position: absolute;
	top: 442px;
	left: 0px;
	width: 1000px;
	height: 36px;
	display: block;
	z-index: 30;
	text-align: center;
	line-height: 18px;
	letter-spacing: 1px;
	font-size: 11px;
}
.Foot {
	position: absolute;
	top: 480px;
	left: 0px;
	width: 1000px;
	height: 16px;
	padding-top: 104px;
	display: block;
	z-index: 70;
	text-align: center;
	font-size: 10px;
	letter-spacing: 2px;
	background: #221E1F;
}
.ButtonCallback {
	position: absolute;
	top: 540px;
	left: 450px;
	width: 100px;
	height: 27px;
	display: block;
	z-index: 75;
}
#ContainerMenuMain {
	position: absolute;
	top: 103px;
	left: 100px;
	width: 900px;
	height: 30px;
	display: block;
	z-index: 40;
	color: #667788;
}
.ContainerInhaltStandard {
	position: absolute;
	top: 160px;
	left: 0px;
	width: 1000px;
	height: 320px;
	display: block;
	z-index: 10;
}
.ContainerInhaltInnererBereich {
	position: absolute;
	top: 182px;
	left: 100px;
	width: 800px;
	height: 255px;
	display: block;
	z-index: 10;
}

/* Animierte Bereiche ---------- */
/* Horizontal kompletter Bereich */
#ContainerInhaltHoriFull {
	position: absolute;
	top: 182px;
	left: 0px;
	width: 1000px;
	height: 255px;
	overflow: hidden;
	display: block;
	z-index: 10;
}
/* Vertikal nur Text scrollt */
#ContainerInhaltVertiHalf {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 370px;
	height: 255px;
	overflow: hidden;
	display: block;
}
/* Vertikal alles scrollt */
#ContainerInhaltVertiFull {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 255px;
	overflow: hidden;
	display: block;
}


/* Links -------------------------------------------------------------------------------------------------------- */
a {
	text-decoration: underline;
	color: #FFFFFF;
	-moz-outline-width: 0;
}
a:hover {
	color: #F0A40B;
}
a.Intro {
	text-decoration: none;
	color: #FFFFFF;
	letter-spacing: 8px;
}
a:hover.Intro {
	color: #F0A40B;
}
.Foot a {
	text-decoration: none;
	color: #EEEEEE;
}
.Foot a:hover {
	color: #F0A40B;
}
.SubNav a {
	text-decoration: none;
	color: #FFFFFF;
}
.SubNav a:hover {
	color: #F0A40B;
}
.NavLeftRight a img{
	filter: alpha(opacity=30); -moz-opacity: .30; opacity: .30;
}
.NavLeftRight a:hover img{
	filter: alpha(opacity=70); -moz-opacity: .70; opacity: .70;
}
.NavLeft a img{
	filter: alpha(opacity=30); -moz-opacity: .30; opacity: .30;
}
.NavLeft a:hover img{
	filter: alpha(opacity=70); -moz-opacity: .70; opacity: .70;
}
.NavRight a img{
	filter: alpha(opacity=30); -moz-opacity: .30; opacity: .30;
}
.NavRight a:hover img{
	filter: alpha(opacity=70); -moz-opacity: .70; opacity: .70;
}


/* Inhalts-Tags ------------------------------------------------------------------------------------------------- */
h1 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 3px;
	margin: 0px 0px 10px;
}
h2 {
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0px 0px 10px;
}
p {
	margin: 0px 0px 10px;
	line-height: 18px;
}
.LineHeight {
	line-height: 24px;
}


/* Navigation --------------------------------------------------------------------------------------------------- */
#MenuMain {list-style-type: none; margin: 0; padding: 0;}
#MenuMain li {float: left; padding: 0; margin: 0; position: relative; width: 149px; height: 29px; border-right: 1px dotted #555555; z-index: 100;}
#MenuMain li dl {position: absolute; top: 0; left: 0; margin: 0; width: 149px;  font-size: 12px; letter-spacing: 0px;}
#MenuMain li a, #MenuMain li a:visited {text-decoration: none;}
#MenuMain li dd {display: none;}
#MenuMain li a:hover {border: 0;}
#MenuMain li:hover dd, #MenuMain li a:hover dd {display: block;}
#MenuMain li:hover dl, #MenuMain li a:hover dl {background: #777777; filter: alpha(opacity=93); -moz-opacity: .93; opacity: .93;}

#MenuMain table {border-collapse: collapse; padding: 0; margin: -1px;}

#MenuMain dt {margin: 0; padding: 8px 5px 7px 10px; color: #FFFFFF;}
#MenuMain dd {margin: 0; padding: 0; text-align: left;}
#MenuMain dd.Last {border-bottom: 1px solid #F0A40B;}

#MenuMain dt a, #MenuMain dt a:visited {display: block; color: #FFFFFF;}
#MenuMain dt a.NavLevel1Active, #MenuMain dt a:visited.NavLevel1Active {display: block; color: #FAB70C;}
#MenuMain dd a, #MenuMain dd a:visited {display: block; color: #EEEEEE; text-decoration: none; padding: 4px 5px 4px 10px; width: 133px;}
#MenuMain dt a:hover {}
#MenuMain dd a:hover {background: #FFFFFF; color: #FAB70C;}


/* Diverse Formatierungen --------------------------------------------------------------------------------------- */


/* Formulare ---------------------------------------------------------------------------------------------------- */
input, textarea, select {
	background: #666666;
	border: 1px solid #444444;
	font-size: 12px;
	letter-spacing: 1px;
	color: #EEEEEE;
}
.Submit {
	border: 1px solid #F0A40B;
	font-size: 11px;
	letter-spacing: 3px;
}


/* Dummy -------------------------------------------------------------------------------------------------------- */
.dummy {  }
