body {
  background-color: #ffffff;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  scrollbar-face-color: #0086AB;
  scrollbar-shadow-color: #006682;
  scrollbar-3dlight-color: #02286B;
  scrollbar-arrow-color: #E5F3F7;
  scrollbar-track-color: #E5F3F7;
  scrollbar-darkshadow-color: #02286B;
}

/*################################################################
Patienteninformation
################################################################*/

.elementPatienteninfo			{color:#999999; padding:10px 0 15px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.elementPatienteninfo a			{color:#999999; text-decoration:none; white-space:nowrap;}
.elementPatienteninfo a:hover	{color:#999999; text-decoration:underline; white-space:nowrap;}

.hwg {color:#999999; padding:15px 36px 15px 36px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.hwg br	{line-height:7px;}

.hwgStart	{text-align:center; color:#999999; padding:15px 2px 15px 2px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.hwgStart	br {line-height:7px;}


/*################################################################
Linkfarbe aller Links: hellblau und immer unterstrichen
################################################################*/
a 			{color:#008BB1;text-decoration:underline;}
a:hover		{color:#008BB1; text-decoration:none;}

.link 			{color:#008BB1;text-decoration:underline;}
.link:link		{color:#008BB1;}
.link:activ		{color:#008BB1;}
.link:visited	{color:#008BB1;}
.link:hover		{color:#008BB1; text-decoration:none;}

hr {background-color:#7FC5D8;color:#7FC5D8;height:1px;border-style:none;}

/* ################################################################
Farben Hintergrund
################################################################*/
.bgDunkelBlau  {
	background-color : #008BB1;
}
.bgMittelBlau  {
	background-color : #B0DBE7;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #00708F;
	text-decoration: none;
}
.bgHellBlau  {
	background-color : #E5F3F7;
}

.bgNavDunkelBlau {
	background-color:#2694BA;
}

.bgNavMittelBlau {
	background-color:#C7E6EE;
}

.bgNavHellBlau {
	background-color:#9BD2E1;
}

.bgNavUPDunkel {
	background-color:#9BD2E1;
}

.bgNavRot {
	background-color:#C20010;
}


/* ################################################################
Ebenenpositionierung Inhalt
################################################################*/
.ElementBildText {
	position:relative;
	margin-top:20px;
	widht:748px;
	z-index:1;
}

.FragmentBildFloatLeft  {width:214px; float:left; margin-top:-20px; z-index:3;} 
.FragmentTextFloatLeft  {width:560px;margin-left:-28px;float:left; margin-top:2px; z-index:1;}

.Fragment2BildFloatRight  {width:214px; float:left; margin-top:15px; position:relative; z-index:1;} 
.Fragment2TextFloatLeft  {width:560px; padding-left:10px;float:left; margin-top:2px; margin-right:-41px; z-index:1;}

/* ################################################################
Ebenenpositionierung Zovirax Logo und Tube
################################################################*/

.LayerTube {
	position:relative; 
	padding:0px;
	z-index:1; 
	width:160px;
	left: 326px; 
	top:3px;
	margin-bottom:-47px;
}

.LayerZoviraxLogo {
	position:relative; 
	width:212; 
	height:53; 
	z-index:1; 
	left: -259px; 
	top: 10px;
	margin-bottom:-47px;
}

.LayerTubeIndex {
	position:relative; 
	width:156; 
	height:85; 
	z-index:1; 
	left: -318px!important; left: -319px; 
	top: 38px;
}

*html .LayerTubeIndex {
	left: -319px; 
}

/* ################################################################
Textformatierung
################################################################*/
.text  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #000000;
	text-decoration: none;
	line-height: 16px;
	vertical-align:top;
}

.textInvert  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #FFFFFF;
	text-decoration: none;
	line-height: 16px;
}

.linkInvert  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #FFFFFF;
	text-decoration: underline;
	line-height: 16px;
}
.textBold  {
	font-weight : bold;
}
.textItalic  {
	font-style : italic;
}
.textHeadline  {
	font-size : 13px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #008BB1;
	text-decoration: none;
	line-height: 16px;
}

.textklein  {
	font-size : 10px;
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #00708F;
	text-decoration: none;
	line-height: 14px;
}

.textkleinSchwarz  {
	font-size : 10px;
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #000000;
	text-decoration: none;
	line-height: 14px;
}

.textBlau  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #008BB1;
	text-decoration: none;
	line-height: 16px;
}
.abstand {
	line-height:20px;
}
/* ################################################################
Textformatierung Icons
################################################################*/
.linkIcon {
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #00708F;
	text-decoration: none;
	line-height: 14px;
}

.linkIcon:hover {
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #005167;
	text-decoration: none;
	line-height: 14px;
}
.linkIconOver {
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #005167;
	text-decoration: none;
	line-height: 14px;
	background-color:#87C8DB
}

.linkIconOut {
	font-size : 14px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #00708F;
	text-decoration: none;
	line-height: 14px;
	background-color:#B0DBE7
}
/* ################################################################
Listen
################################################################*/
ul {
	margin-left: 0px; 
	margin-top: 3px; 
	margin-bottom: 0px; 
	padding:0px; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	color:#000000; 
	line-height: 16px; 
	list-style-image:url(/d/img/inhalt/but_liste_pfeil.gif);
}
li {
	margin-left: 15px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	padding:0px; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	color:#000000; 
	line-height: 16px; 
	list-style-image:url(/d/img/inhalt/but_liste_pfeil.gif);
}
ol {
	margin-left: 16px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	padding:0px; font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	color:#02286B; 
	line-height: 16px; 
}

ol li {
	margin-left: 15px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	padding:0px; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	color:#000000; 
	line-height: 16px; 
	list-style-image:none;
	font-weight:bold;
	color:#008BB1;
}

ol li span {font-weight:normal; color:#000000;}

/* ################################################################
Formulare
################################################################*/
.input  {
	color : #008BB1;
	background : #E5F3F7;
	border : #008BB1 solid 1px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	padding-left:2px;
	width:300px;
}

.inputSearch  {
	color : #000000;
	background : #E5F3F7;
	border : #008BB1 solid 1px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	padding-left:2px;
	width:250px;
}
.inputBox   {
	color : #008BB1;
	background : #E5F3F7;
	border : #008BB1 solid 1px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	padding-left:2px;
	width:300px;
	height:100px;
}	
.inputButton  {
	color : #FFFFFF;
	background : #008BB1;
	border : #008BB1 solid 1px;
	font-family : Arial, Helvetica, sans-seri;
	font-size : 12px;
	font-weight : normal;
	cursor:pointer;
}

.elementClearFloat	{clear:both; height:1px; line-height:1px; font-size:1px;}
.formCaption	{float:left; width:150px;font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000000; line-height: 16px; }
.formField		{padding:6px 0 0;}
.formField input {width:282px;}
.select				{color : #008BB1;	background : #E5F3F7;	border : #008BB1 solid 1px;	font-family : Arial, Helvetica, sans-serif;	font-size : 12px;	font-weight : normal;	padding-left:2px;}
.formButton		{padding:10px 0 0 0;}

/* ################################################################
Border
################################################################*/
.border{
	border-style:solid;
	border-color:#008BB1;
	border-width:1px;
	}
	
/*  ##############################################################
Grusskarten
##################################################################*/

.grusskartePopup  {padding:20px;}
.bgRadiobutton {padding-left:10px;padding-top:5px;padding-bottom:20px;background-image:url(/d/img/inhalt/bg_grusskarte_auswaehlen.gif);background-repeat:no-repeat;}
.bgRadiobuttonKlein {padding-left:4px;padding-top:5px;padding-bottom:20px;background-image:url(/d/img/inhalt/bg_grusskarte_auswaehlen_kl.gif);background-repeat:no-repeat;}
.borderGrusskarte  {border-style:solid;border-color:#008BB1;border-width:1px;}
.TextBoxGrusskarte  {color:#008BB1;background:#E5F3F7;border:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;padding:4px;scrolling:no;width:240px;height:260px;border-style:solid;border-width:1px;border-color:#008BB1;margin-top:10px;}
/*.TextBoxGrusskarte  {color:#008BB1;background:#FFFFFF;border:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;padding-left:0px;scrolling:no;width:240px;height:300px}*/



@media print {
  /* ... Formatdefinitionen zum Drucken ... */
  #LayerTube {display:none;}
  #LayerZoviraxLogo {display:none;}
  #elementNavi {display:none;}
  #elementIcons {display:none;}
  #elementFooter {display:none;}
  body {margin-left:0px; padding-left:0px;}
  #ecke_oben_links {display:none;}
  #ecke_oben_rechts {display:none;}
  #ecke_unten_links {display:none;}
  #ecke_unten_rechts {display:none;}
  #ecke_inhalt_oben_links {display:none;}
  #ecke_inhalt_oben_rechts {display:none;}
  #ecke_inhalt_unten_links {display:none;}
  #ecke_inhalt_unten_rechts {display:none;}
}