/* CSS Document */

#page 		{ height: 100%;} /* für den ie */
#page[id] 	{ height:auto; min-height:100%;} /* wird nicht vom ie interpretiert */
	
html 		{height:100%; margin:0; padding:0;}
	
body 		{height:100%; margin:0; padding:0; text-align: center; background-color:#E5EEF7;}
	
div 		{padding:0; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #505550;}
img		    {padding:0; margin:0; border: none;}
td 		    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #505550; padding:0px; margin:0px;}
table		{padding:0px; margin:0px;}
form		{padding:0px; margin:0px;}

hr		    {height:2px; border: solid 1px #AF1A20; margin: 20px 0 0 0; padding:0;}

h1		    {font-size: 12px; padding: 0 0 4 0; margin: 0 0 20px 0; color: #AF1A20; border-bottom: 2px solid #AF1A20;}
h2		    {font-size: 12px; padding: 0 0 0 0; margin: 0 0 10px 0; color: #004FA0;}

strong		{font-weight: bold;}

ul		    {list-style-image:url(/d/img/design/bullets/bullet_list.gif); margin:15px 0 15px 17px; padding:0px;}
li		    {margin:0 0 5px 0;}
ol		    {margin:15px 0 15px 20px; padding:0px;}
ol li		{margin:0 0 15px 0;}


a		    {color: #004FA0; text-decoration:underline;}
a:hover		{color: #AF1A20;}

.reg		{font-size:9px;}
.regSmall	{font-size:6px;}


.textBold	{font-weight: bold;}
.textItalic	{font-style:italic;}
.textSmall	{font-size: 11px;}

sup        	{vertical-align:top; font-size:0.8em; line-height:100%;} 

/* Blöcke */
.blockMain 					    {width: 768px; background-image:url(/d/img/design/bg_main.gif); background-repeat:repeat-y; margin: 0 auto; min-height:100%; position: relative; text-align: left; background-color:#FFFFFF;} 
.blockTop					    	{position: relative; background-image:url(/d/img/design/bg_top.gif); background-repeat:no-repeat; background-color: #AF1A20;}
.blockContentIndex				{position: relative; padding-bottom:25px;} /*padding-bottom entsprechend der Höhe von blockBottomIndex*/
.blockContent						{position: relative; padding-bottom:25px;} /*padding-bottom entsprechend der Höhe von blockBottom*/
.blockContentLeft				{float:left; width: 217px; padding-bottom:30px; border-top:1px solid #FFFFFF;}
.blockContentRight				{float:left; width:551px;}
.blockBottom			 			{position:absolute; margin: 0 auto; width: 768px; height:24px; border-top:1px solid #FFFFFF; background-color: #FFFFFF; bottom: 0px; left:0px;}
.blockBottomHWG			 		{position:relative; margin: 0 auto; width: 768px; height:500px; border-top:1px solid #FFFFFF; background-color: #FFFFFF; bottom: 0px; left:0px;}
.blockBottomIndex			 	{position:absolute; margin: 0 auto; width: 768px; height:79px; border-top:1px solid #FFFFFF; background-color: #FFFFFF; bottom: 0px; left:0px;}


/* Elemente allgemein*/
.elementClearFloat				        {clear:both; height:1px; font-size: 1px;line-height:1px;}
.elementBalkenTop				        {height:26px; padding: 0 8px 0 8px;}
.elementBalkenBottom			        {height:24px; background-color:#AF1A20; padding: 0 8px 0 8px;}
.elementBalkenBottom a			        {text-decoration:none;}
a.elementSeiteDrucken				    {font-weight: bold; display:block; padding: 7px 0 1px 0; float:right; color: #FFFFFF; text-decoration:none;}
a.elementSeiteDrucken:hover			    {color: #FFFFFF; text-decoration:none;}
a.elementImpressum				        {font-weight: bold; display:block; float:right; color: #FFFFFF; padding: 5px 0 0 0;}
a.elementImpressum:hover			    {color: #FFFFFF;}
a.elementHWG					        {font-weight: bold; display:block; float:left; color: #FFFFFF; padding: 5px 0 0 0;}
a.elementHWG:hover				        {color: #FFFFFF;}

.elementPatienteninfo					{float:right;width:502px;padding-bottom:25px;}
.elementPatienteninfoInner				{padding-right:63px; text-align:center;}
.elementPatienteninfo a					{text-decoration:none; white-space:nowrap;}
.elementPatienteninfo a:hover			{text-decoration:underline; white-space:nowrap;}


/* Elemente Block Top*/
.elementTop						        {background-color:transparent; margin-left:267px; padding:19px 0 15px 0;}

/* Elemente Block Left*/
.elementNavigation						{}

.elementNav						        {border-bottom:1px solid #FFFFFF;}
.elementNavOpen						    {border-bottom:none;}
.elementSubNav						    {border-bottom:1px solid #FFFFFF;}

a.elementNavLevel1					    {text-decoration: none; display: block; padding: 4px 8px 5px 7px; border-top:1px solid #AF1A20; border-right:1px solid #AF1A20; border-bottom:1px solid #AF1A20; font-weight: bold; color: #FFFFFF; cursor: pointer; background-color:#AF1A20;}
a.elementNavLevel1:hover				{text-decoration: none; display: block; padding: 4px 8px 5px 7px; border-top:1px solid #AF1A20; border-right:1px solid #AF1A20; border-bottom:1px solid #AF1A20; font-weight: bold; color: #AF1A20; cursor: pointer; background-color:#FFFFFF;}
a.elementNavLevel1Open					{text-decoration: none; display: block; padding: 4px 8px 5px 7px; border-top:1px solid #AF1A20; border-right:1px solid #AF1A20; border-bottom:1px solid #AF1A20; font-weight: bold; color: #003F7C; cursor: pointer; background-color:#FFFFFF;}
a.elementNavLevel1Open:hover			{text-decoration: none; display: block; padding: 4px 8px 5px 7px; border-top:1px solid #AF1A20; border-right:1px solid #AF1A20; border-bottom:1px solid #AF1A20; font-weight: bold; color: #AF1A20; cursor: pointer; background-color:#FFFFFF;}
a.elementNavLevel1OpenSelected			{text-decoration: none; display: block; padding: 4px 8px 5px 7px; border-top:1px solid #AF1A20; border-right:1px solid #AF1A20; border-bottom:1px solid #AF1A20; font-weight: bold; color: #AF1A20; cursor: pointer; background-color:#FFFFFF;}
a.elementNavLevel1OpenSelected:hover	{text-decoration: none; display: block; padding: 4px 8px 5px 7px; border-top:1px solid #AF1A20; border-right:1px solid #AF1A20; border-bottom:1px solid #AF1A20; font-weight: bold; color: #AF1A20; cursor: pointer; background-color:#FFFFFF;}
a.elementNavLevel1Selected				{text-decoration: none; display: block; padding: 4px 8px 5px 7px; border-top:1px solid #AF1A20; border-right:1px solid #AF1A20; border-bottom:1px solid #AF1A20; font-weight: bold; color: #AF1A20; cursor: pointer; background-color:#FFFFFF;}
a.elementNavLevel1Selected:hover		{text-decoration: none; display: block; padding: 4px 8px 5px 7px; border-top:1px solid #AF1A20; border-right:1px solid #AF1A20; border-bottom:1px solid #AF1A20; font-weight: bold; color: #AF1A20; cursor: pointer; background-color:#FFFFFF;}

a.elementNavLevel2					    {text-decoration: none; display: block; padding: 4px 8px 5px 20px; margin: 0px; color: #003F7C; text-indent: -12px; curser: pointer; border-right:1px solid #AF1A20; background-color:#FFFFFF;}
a.elementNavLevel2:hover				{text-decoration: none; display: block; padding: 4px 8px 5px 20px; margin: 0px; color: #AF1A20; text-indent: -12px; curser: pointer; border-right:1px solid #AF1A20; background-color:#FFFFFF;}
a.elementNavLevel2Selected				{text-decoration: none; display: block; padding: 4px 8px 5px 20px; margin: 0px; color: #AF1A20; text-indent: -12px; curser: pointer; border-right:1px solid #AF1A20; background-color:#FFFFFF;}
a.elementNavLevel2Selected:hover		{text-decoration: none; display: block; padding: 4px 8px 5px 20px; margin: 0px; color: #AF1A20; text-indent: -12px; curser: pointer; border-right:1px solid #AF1A20; background-color:#FFFFFF;}

#last									{border-bottom:1px solid #AF1A20;}

a.elementNavLevel1FK					{text-decoration: none; display: block; padding: 4px 8px 5px 7px; border-top:1px solid #AF1A20; border-right:1px solid #AF1A20; border-bottom:1px solid #AF1A20; font-weight: bold; color: #FFFFFF; cursor: pointer; background-color:#AF1A20; background-image:url(/d/img/design/nav/key.gif); background-repeat:no-repeat; background-position:123px 5px;}
a.elementNavLevel1FK:hover				{text-decoration: none; display: block; padding: 4px 8px 5px 7px; border-top:1px solid #AF1A20; border-right:1px solid #AF1A20; border-bottom:1px solid #AF1A20; font-weight: bold; color: #AF1A20; cursor: pointer; background-color:#FFFFFF; background-image:url(/d/img/design/nav/key_selected.gif); background-repeat:no-repeat; background-position:123px 5px;}
a.elementNavLevel1OpenFK				{text-decoration: none; display: block; padding: 4px 8px 5px 7px; border-top:1px solid #AF1A20; border-right:1px solid #AF1A20; border-bottom:1px solid #AF1A20; font-weight: bold; color: #003F7C; cursor: pointer; background-color:#FFFFFF; background-image:url(/d/img/design/nav/key_open.gif); background-repeat:no-repeat; background-position:123px 5px;}
a.elementNavLevel1OpenFK:hover			{text-decoration: none; display: block; padding: 4px 8px 5px 7px; border-top:1px solid #AF1A20; border-right:1px solid #AF1A20; border-bottom:1px solid #AF1A20; font-weight: bold; color: #AF1A20; cursor: pointer; background-color:#FFFFFF; background-image:url(/d/img/design/nav/key_selected.gif); background-repeat:no-repeat; background-position:123px 5px;}
a.elementNavLevel1OpenSelectedFK		{text-decoration: none; display: block; padding: 4px 8px 5px 7px; border-top:1px solid #AF1A20; border-right:1px solid #AF1A20; border-bottom:1px solid #AF1A20; font-weight: bold; color: #AF1A20; cursor: pointer; background-color:#FFFFFF; background-image:url(/d/img/design/nav/key_selected.gif); background-repeat:no-repeat; background-position:123px 5px;}
a.elementNavLevel1SelectedFK			{text-decoration: none; display: block; padding: 4px 8px 5px 7px; border-top:1px solid #AF1A20; border-right:1px solid #AF1A20; border-bottom:1px solid #AF1A20; font-weight: bold; color: #AF1A20; cursor: pointer; background-color:#FFFFFF; background-image:url(/d/img/design/nav/key_selected.gif); background-repeat:no-repeat; background-position:123px 5px;}
a.elementNavLevel1SelectedFK:hover		{text-decoration: none; display: block; padding: 4px 8px 5px 7px; border-top:1px solid #AF1A20; border-right:1px solid #AF1A20; border-bottom:1px solid #AF1A20; font-weight: bold; color: #AF1A20; cursor: pointer; background-color:#FFFFFF; background-image:url(/d/img/design/nav/key_selected.gif); background-repeat:no-repeat; background-position:123px 5px;}

/* Elemente Block Content */
.elementText						    {margin:25px 67px 35px 50px; padding: 0 0 20px 0; line-height:1.4em; border-bottom: 2px solid #AF1A20; padding: 0 0 20px 0;}
.elementLinkAktiv					    {text-decoration: none; width: auto; background-image: url(/d/img/design/arrow_r.gif); color: #AF1A20; background-repeat:no-repeat; background-position: 0px 1px; padding: 0 0 0 23px; overflow: visible;}
a.elementLinkAktiv					    {text-decoration: none; width: auto; background-image: url(/d/img/design/arrow_r.gif); color: #AF1A20; background-repeat:no-repeat; background-position: 0px 1px; padding: 0 0 0 23px; overflow: visible;}
a.elementLink						    {text-decoration: none; width: auto; background-image: url(/d/img/design/arrow.gif); background-repeat:no-repeat; background-position: 0px 1px; padding: 0 0 0 23px; overflow: visible;}
a.elementLink:hover					    {text-decoration: none; width: auto; background-image: url(/d/img/design/arrow_r.gif);}
a.elementFAQ						    {display:block; text-decoration: none; width: auto; background-image: url(/d/img/design/bullet_faq_n.gif); background-repeat:no-repeat; background-position: 0px 2px; padding: 0 0 10px 15px; overflow: visible;}
a.elementFAQ:hover					    {text-decoration: none; width: auto; background-image: url(/d/img/design/bullet_faq_r.gif);}
.elementLinkTop						    {text-align:right;}
a.elementLinkTop					    {text-decoration: none; width: auto; background-image: url(/d/img/design/arrow_top.gif); background-repeat:no-repeat; background-position: 0px 2px; padding: 0 0 0 15px; overflow: visible;}
a.elementLinkTop:hover					{text-decoration: none; width: auto; background-image: url(/d/img/design/arrow_top_r.gif);}
a.elementLinkBack					    {text-decoration: none; width: auto; background-image: url(/d/img/design/arrow_back_n.gif); background-repeat:no-repeat; background-position: 0px 1px; padding: 0 0 0 23px; overflow: visible;}
a.elementLinkBack:hover				    {text-decoration: none; width: auto; background-image: url(/d/img/design/arrow_back_r.gif); background-repeat:no-repeat; background-position: 0px 1px; padding: 0 0 0 23px; overflow: visible;}
a.elementClosePopup						{display:block; text-decoration:none; float:right; padding-left:17px; background-image:url(/d/img/design/close_n.gif); background-repeat:no-repeat; background-position:0px 2px;}
a.elementClosePopup:hover				{display:block; text-decoration:none; float:right; padding-left:17px; background-image:url(/d/img/design/close_r.gif); background-repeat:no-repeat; background-position:0px 2px;}

.elementTippBox						    {margin: 0; padding: 10px 12px 12px 12px; background-color:#E5EEF7;}
.elementYellowBox				        {margin: 0; padding: 0px; background-color:#FFFF00;}

.elementLine							{height:15px; border-bottom:2px solid #AF1A20; margin-bottom:15px;}

.elementBetroffene							                {margin: 0 0 15px 0;}
.elementBetroffene .elementButtonSenioren				    {float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/senioren_n.jpg); display: block; margin-right:1px;}
.elementBetroffene .elementButtonSeniorenAktiv				{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/senioren_r.gif); display: block; margin-right:1px;}
.elementBetroffene a.elementButtonSenioren:hover			{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/senioren_r.gif); display: block; margin-right:1px;}
.elementBetroffene .elementButtonRaucher				    {float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/raucher_n.jpg); display: block; margin-right:1px;}
.elementBetroffene .elementButtonRaucherAktiv				{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/raucher_r.gif); display: block; margin-right:1px;}
.elementBetroffene a.elementButtonRaucher:hover				{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/raucher_r.gif); display: block; margin-right:1px;}
.elementBetroffene .elementButtonSchwangere				    {float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/schwangere_n.jpg); display: block; margin-right:1px;}
.elementBetroffene .elementButtonSchwangereAktiv			{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/schwangere_r.gif); display: block; margin-right:1px;}
.elementBetroffene a.elementButtonSchwangere:hover			{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/schwangere_r.gif); display: block; margin-right:1px;}
.elementBetroffene .elementButtonDiabetiker				    {float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/diabetiker_n.jpg); display: block; margin-right:1px;}
.elementBetroffene a.elementButtonDiabetiker:hover			{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/diabetiker_r.gif); display: block; margin-right:1px;}
.elementBetroffene .elementButtonDiabetikerAktiv			{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/diabetiker_r.gif); display: block; margin-right:1px;}
.elementBetroffene .elementButtonStress					    {float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/personen_mit_stress_n.jpg); display: block; margin-right:1px;}
.elementBetroffene a.elementButtonStress:hover				{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/personen_mit_stress_r.gif); display: block; margin-right:1px;}
.elementBetroffene .elementButtonStressAktiv				{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/personen_mit_stress_r.gif); display: block; margin-right:1px;}
.elementBetroffene .elementButtonKinder					    {float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/kinder_jugendliche_n.jpg); display: block; margin-right:1px;}
.elementBetroffene a.elementButtonKinder:hover				{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/kinder_jugendliche_r.gif); display: block; margin-right:1px;}
.elementBetroffene .elementButtonKinderAktiv				{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/betroffene/kinder_jugendliche_r.gif); display: block; margin-right:1px;}

.elementRisikofaktoren  						            {margin: 0 0 15px 0;}
.elementRisikofaktoren .elementButtonKinder				    {float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/risikofaktoren/kinder_n.jpg); display: block; margin-right:1px;}
.elementRisikofaktoren .elementButtonKinderAktiv			{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/risikofaktoren/kinder_r.gif); display: block; margin-right:1px;}
.elementRisikofaktoren a.elementButtonKinder:hover			{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/risikofaktoren/kinder_r.gif); display: block; margin-right:1px;}
.elementRisikofaktoren .elementButtonJugendliche			{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/risikofaktoren/jugendliche_n.jpg); display: block; margin-right:1px;}
.elementRisikofaktoren .elementButtonJugendlicheAktiv		{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/risikofaktoren/jugendliche_r.gif); display: block; margin-right:1px;}
.elementRisikofaktoren a.elementButtonJugendliche:hover		{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/risikofaktoren/jugendliche_r.gif); display: block; margin-right:1px;}
.elementRisikofaktoren .elementButtonBeruf				    {float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/risikofaktoren/beruf_n.jpg); display: block; margin-right:1px;}
.elementRisikofaktoren .elementButtonBerufAktiv				{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/risikofaktoren/beruf_r.gif); display: block; margin-right:1px;}
.elementRisikofaktoren a.elementButtonBeruf:hover			{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/risikofaktoren/beruf_r.gif); display: block; margin-right:1px;}
.elementRisikofaktoren .elementButtonSenioren				{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/risikofaktoren/senioren_n.jpg); display: block; margin-right:1px;}
.elementRisikofaktoren a.elementButtonSenioren:hover		{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/risikofaktoren/senioren_r.gif); display: block; margin-right:1px;}
.elementRisikofaktoren .elementButtonSeniorenAktiv			{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/risikofaktoren/senioren_r.gif); display: block; margin-right:1px;}
.elementRisikofaktoren .elementButtonIch				    {float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/risikofaktoren/ich_n.gif); display: block; margin-right:1px;}
.elementRisikofaktoren a.elementButtonIch:hover				{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/risikofaktoren/ich_r.gif); display: block; margin-right:1px;}
.elementRisikofaktoren .elementButtonIchAktiv				{float:left; height:71px; width:71px; background-image:url(/d/img/design/buttons/risikofaktoren/ich_r.gif); display: block; margin-right:1px;}

.elementVerhindern							                {margin: 15px 0 15px 0;}
.elementButtonMundhygieneAktiv						        {float:left; height:71px; width:144px; background-image:url(/d/img/design/buttons/verhindern/mundhygiene_r.gif); margin-right:1px;}
.elementButtonMundhygiene						            {float:left; height:71px; width:144px; background-image:url(/d/img/design/buttons/verhindern/mundhygiene_n.gif); display: block; margin-right:1px;}
.elementButtonMundhygiene:hover						        {float:left; height:71px; width:144px; background-image:url(/d/img/design/buttons/verhindern/mundhygiene_r.gif); display: block; margin-right:1px;}
.elementButtonUntersuchungenAktiv					        {float:left; height:71px; width:144px; background-image:url(/d/img/design/buttons/verhindern/untersuchungen_r.gif); display: block; margin-right:1px;}
.elementButtonUntersuchungen						        {float:left; height:71px; width:144px; background-image:url(/d/img/design/buttons/verhindern/untersuchungen_n.gif); display: block; margin-right:1px;}
a.elementButtonUntersuchungen:hover					        {float:left; height:71px; width:144px; background-image:url(/d/img/design/buttons/verhindern/untersuchungen_r.gif); display: block; margin-right:1px;}
.elementButtonZahnreinigung						            {float:left; height:71px; width:144px; background-image:url(/d/img/design/buttons/verhindern/zahnreinigungen_n.gif); display: block; margin-right:1px;}
.elementButtonZahnreinigungAktiv					        {float:left; height:71px; width:144px; background-image:url(/d/img/design/buttons/verhindern/zahnreinigungen_r.gif); display: block; margin-right:1px;}
a.elementButtonZahnreinigung:hover					        {float:left; height:71px; width:144px; background-image:url(/d/img/design/buttons/verhindern/zahnreinigungen_r.gif); display: block; margin-right:1px;}

.elementCheckCaption							            {padding-left:24px; text-indent: -24px;}

.elementSpace								                {height: 7px;}
/* Elemente Block Bottom */
.elementLogoGSK								                {position:absolute; padding-left: 27px; margin-top:-80px;}

/*Formulare*/
.input  								    {background:#FFFFFF;border:#AECCE7 solid 1px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #505550;font-weight:normal;padding:0 2px 2px 2px;width:320px;margin:0 0 5px 0;}
.inputSmall  								{background:#FFFFFF;border:#AECCE7 solid 1px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #505550;font-weight:normal;padding:0 2px 2px 2px;width:150px;margin-bottom:2px;}
.inputBox   								{background:#FFFFFF;border:#AECCE7 solid 1px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #505550;font-weight:normal;padding:0 2px 2px 2px;width:320px;height:100px;}