iframe {

	margin: 1px;

	padding: 0 0 0 10px;

	/*border: 10px solid #000;*/

	}


td {
	text-align: left;
	}

	

html, body {

	color: #000;

	background: #778899 url(../images/bg_body.gif) repeat-y;

	font-size: 90%;

	line-height: 130%;

	font-family: Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 3px 4px 3px 4px;

	}



#banner {

	display: block;

	/*width: 99.44%;*/

	height: 60px;

	color: inherit;

	background:	#F0F8FF url(../images/bg_header.jpg) no-repeat top left;

	margin: 0 0 0 0;

	padding: 0;

	border-top: 1px solid #FF0000;

	border-right: 1px solid #CC0000;

	border-bottom: 1px solid #FFF;

	border-left: 1px solid #FF0000;

	}



#banner h1 {

	color: #FF0033;

	background: transparent;

	font-size: 150%;

	text-align: right;

	letter-spacing: 0.2em;

	margin: 20px 0 0 0;

	padding: 0 25% 0 0;

	}



#topnavigation {

	/*width: 98.65%;*/

	/*width: 98.36%;*/

	height: 20px; /* + 2px border  22px */

	clear: right; /* ie5 ?????????????????????? */

	color: #333;

	background: #F8F8FF url(../images/bg_hmenu.jpg) no-repeat left top;

	/*margin: 0 0.5% 0 0;*/

	padding: 0 1em 0 0;

	border-top: 1px solid #F5F5F5;

	border-right: 1px solid #DC143C;

	border-bottom: 1px solid #F5F5F5;

	border-left: 1px solid #DC143C;	

	}



#topnavigation a, #topnavigation a:visited {

	color: #000;

	background: transparent;

	font-size: 78%;

	font-weight: bold;

	margin:0 0.1em 0 0.1em;

	text-decoration: none;

	}

#topnavigation a:hover {text-decoration: underline;}



#topnavigation ul {

	text-align: right;

	margin: 0 0 0 0;

	padding: 0;

	list-style: none;

	}

	

#topnavigation li {

	display: inline; /*ie5 Prob ?*/

	/*float: right;*/

	margin: 0;

	padding: 0;

	list-style: none;

	}



#leftnavigation { /*siehe inc_nav.html */

	float: left;

	width: 19%;

	background: #F8F8FF url(../images/bg_menu.jpg) no-repeat top left;

	margin: 0;

	padding: 9% 0 2% 0;

	border-left: 1px solid #FF0000;

	border-bottom: 1px solid #993300;

	border-right: 1px solid #993300;

	}



#leftnavigation a {

	color: #000;

	background: transparent;

	font-size: 90%;

	line-height: 190%;

	font-weight: bold;

	margin: 0;

	padding: 0;

	text-decoration: none;

	}

	

#leftnavigation .current{ /* Startseite hervorheben */

	font-size: 110%;

	line-height: 190%;

	font-weight: bold;

	margin: 0;

	padding: 0;

	text-decoration: none;

	}



#leftnavigation ul {

	margin: 0 0 0 7%;

	padding: 0;

	list-style: none;

	}

	

#leftnavigation li {

	color: #000;

	background: transparent;

	margin: 0;

	padding: 0;

	list-style-type: square;

	list-style-position: inside;

	}

	

#leftnavigation li .ext{ /* externe Links hervorheben */

	color: #000;

	background: url(../images/ext.gif) transparent no-repeat right;

	margin: 0 0 0 0;

	padding: 0 20px 0 0;

	list-style-type: square;

	list-style-position: inside;

	}

	

#leftnavigation li .li_pdf{ /* Link PDF - Handzettel.pdf */

	color: #000;

	background: url(../images/li_pdf.gif) transparent no-repeat right;

	margin: 0 0 0 0;

	padding: 10px 25px 10px 0;

	list-style-type: square;

	list-style-position: inside;

	}

	

#leftnavigation li .li_ma{ /* Links meineapotheke.de - kleines Symbol */

	color: #000;

	background: url(../images/li_ma.gif) transparent no-repeat right;

	margin: 0 0 0 0;

	padding: 10px 25px 10px 0;

	list-style-type: square;

	list-style-position: inside;

	}



#leftnavigation a:hover {text-decoration: underline;}

	

#leftnavigation h4 { /* Überscriften in der Haupt-Nav. */

	color: #FF0000;

	font-size: 100%;

	font-weight: bold;

	margin: 0;

	padding: 1em 0 0.5em 1em;

	background: url(../images/bg_separator.gif) repeat-x;

	}



#contenttop { /* Haupt-Container aus 8 Bildern */

	width: auto;

	height: auto;

	color: #000000;

	background: #FFFFFF url(../images/bg_content_top.gif) repeat-x top;

	margin: 0 0 0 19.1%;

	padding: 0;

	}

	

/* Nur IE, alle Versionen */

*+html, * html #contenttop { 

	width: auto;

	float: left;

	margin: 0 0 0 0;

	}



#contenttopleft {background:url(../images/bg_content_top_left.jpg) no-repeat top left;}

#contenttopright {background:url(../images/bg_content_top_right.gif) no-repeat top right;}

#contentbottomright {background:url(../images/bg_content_bottom_right.gif) no-repeat bottom right;}

#contentbottomleft {background:url(../images/bg_content_bottom_left.gif) no-repeat bottom left;}

#contentleft {background:url(../images/bg_content_left.gif) repeat-y left;}

#contentright {background:url(../images/bg_content_right.gif) repeat-y right;}

#contentbottom {background:url(../images/bg_content_bottom.gif) repeat-x bottom;}



#content { /* Inhalt */

	padding: 3% 4% 3% 4%;

	border-top: 1px solid #708090;

	}



#content hr { /* als Platzhalter */

	visibility: hidden;

	display: none;

	clear: right;

	height: 0;

	}



#content .clear {

	clear: both;

	}



#content p {

	margin-top: 1em;

	font-size: 90%;

	line-height: 150%;

	}

	

#content p .justify{

	text-align: justify;

	font: 0.8em;

	line-height: 1.7em;

	}



#content p.small {

	font-size: x-small;

	text-align: right;

	}



#content a {

	color: #0033CC;

	text-decoration: underline;

	}

	

#content a:visited {

	color: #003366;

	background: none; /*mozzi*/

	}



#content h1,h3,h4 {

	color: #000;

	}

	

#content h1 {

	margin-left: 2%;

	font-size: 130%;

	letter-spacing: 0.2em;

	}

	

#content h2 {

	/*display: inline;*/

	/*width: 70%;*/

	clear: right;

	color: #FFF;

	background: #FF0000;

	margin: 0 0 2% 0;

	padding: 0.5% 2% 0.6% 2%;

	border-bottom: solid 1px #333;

	font-size: 120%;

	letter-spacing: 0.1em;

	}

	

#content h3 {

	margin: 0 0 1em 0;

	padding: 0 0 0 0;

	font-size: 110%;

	letter-spacing: 0.1em;

	}



#content h4 {

	color: #FFF;

	background: #CC0000;

	font-size: 90%;

	letter-spacing: 0.03em;

	font-weight: bold;

	margin: 0.5em 0 0 -0.5em;

	padding: 0.1% 1% 0.2% 2%;

	border-bottom: 1px solid #000;

	}

	

#content .gray table {

	width: auto;

	margin: 1em 0 1em 0;

	}

	

#content .gray table th {

	padding:0.2em 0.5em 0.2em 0.5em;

	}

	

#content .gray td {

	color: #333;

	background: #F5F5F5;

	margin: 20px;

	padding: 10px;

	font-size: 90%;

	border: 1px solid #999;

	-moz-border-radius: 4px;

	}

	

#content .gray td img{

	border: 2px solid #A9A9A9;

	}



#content img {

	margin: 0;

	padding: 0.1em;

	border: 0;

	}

	

#formmailer {

	margin: 1% 0% 1% 3%;

	}

	

#content .clearleft {

	clear: left;

	margin: 0;

	padding: 0;

	}

	

#content .clearright {

	clear: right;

	margin: 0;

	padding: 0;

	}



/****** diverse Formatierungen ******/

.center {text-align: center;}

.underline {text-decoration: underline;}

.floatleft {float: left;}

.floatright {float:right; clear:right;}

.bold {font-weight: bold;}

p.center {text-align: center;}

.email { unicode-bidi:bidi-override; direction: rtl; }



/* Formmailer und Upload-script von alex anfang */

.caution      { color: #FF0000; font-weight: bold; font-size: 120%; }

.small        { font-size: smaller; }

img.captcha   { margin:0px; padding:0px; border:1px solid #000; }

input.captcha { margin:0px; padding:0px; width:100px; height:23px; font-size:16px; }

	



.list { /* dynamische Liste für "Leistungen", diabetes */

	float: left;

	width: 45%;	

	margin: 1% 1% 2% 1%;

	padding:0;

	}

	

.list li {

	list-style: none;

	font-size: 100%;

	color: #000;

	font-weight: bold;

	margin: 2% 1% 1% 6%;

	padding: 0;

	}



.list .subliste li {

	color: #333333;

	font-size: 90%;

	list-style: none;

	list-style-image: url(../images/Info.gif);

	list-style-position: inside;

	padding: 4px;

	margin: 1px 0 1px 10px;

	border-bottom: 1px solid #CCC;

	border-left: 1px solid #F8F8FF;

	width:70%;

	}

	

#listwidth {

	float: left;

	width: 70%;	

	margin: 1em 1em 3em 1em;

	padding:0;

	}

	

#listwidth li {

	list-style: none;

	font-size: 100%;

	color: #000;

	font-weight: bold;

	margin: 0.8em 0 0.2em 1em;

	padding: 0.2em;

	}



#listwidth .subliste li {

	color: #666666;

	font-size: 90%;

	list-style: none;

	list-style-image: url(../images/Info.gif);

	list-style-position: inside;

	padding: 5px;

	margin: 0.5em 0 0.5em 3em;

	border-bottom: 1px solid #CCC;

	width: 90%;

	}



/*************	Teaser für externe Verweise  verweise.html	******************/	

#teaser_links {

	width: 90%;

	/*float: left;*/	/* VORSICHT !!!! */

	background: #FFF;

	margin: 4% 0 0 2%;

	}

	

#teaser_links .link { /* externe Verweise  Gesundheitstipps */

	height: 14em;

	min-height: 100px;

	color: inherit;

	background: url(../images/bg_contentteasershop_right.gif) repeat-y right;

	margin: 0 0.5% 1% 0;

	padding-bottom: 4px;

	border: 1px solid #666;

	-moz-border-radius: 3px;

	width: 32.3%;	

	float: left;

	}

	

#teaser_links .link .kopfzeile {

	height: 23px;

	color: #000000;

	background: #FFF url(../images/bg_teaser_grau.gif) repeat-x;

	padding: 5px 2px 1px 6px;

	font-size: 100%;

	font-weight: bold;

	border-bottom: 1px solid #000;

	-moz-border-radius: 3px;

	margin: 0 1px 0 1px;

	}



#teaser_links .link p {

	color: #444;

	background: transparent;

	padding: 1% 1% 0 3%;

	font-size: 86%;

	}

	

#teaser_links .link h3 a {

	color: #000099;

	background: transparent;

	text-decoration: none;

	}

	

#teaser_links .link h3 a:hover {

	color: #FF0000;

	background: transparent;

	text-decoration: underline;

	}

	

#teaser_links .link h3 a:visited{

	color: #000099;

	background: transparent;

	text-decoration: none;

	}

	

#teaser_links .link img {

	margin: 1em 0 0 0;

	padding: 0 0 0 0;

	border: none;

	}

	

/* ein float: right ist ganz wichtig für den ie bzw. "content  widht:auto" */	

#footer {

	float: right;

	margin: -0.4em -0.5em 0 0;

	} 

#footer a:link, #footer a:hover, #footer a:visited {

	clear: both;

	color: #999999; 

	font-size: xx-small;

	text-decoration: none;

	}

	

/* ========== Font - Zoom efa (.js-script) js/efa_fontsize.js ========== */	

#fontzoom {
	float: right;
	text-align:right;
	width: 16em;
	height: 60px;
	background:url(../images/zoom.gif) no-repeat bottom center;
	}

	

#fontzoom a {
	display: inline;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	background: inherit;
	text-decoration: none;
	margin: 0 0.5em 0 0;
	padding: 0.1em 0.2em 0.1em 0.2em;
	}

	

#fontzoom p { /* Formatierung für "noscript" bei abgeschaltetem Java */
	height: 60px;
	text-align: left;
	color: #000000;
	background: #F0F8FF;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 5px 4px 0 0;
	}

	

#fontzoom a:hover {
	text-decoration: none;
	}

	

#fontzoom a:active {
	font-weight: bold;
	}



#werbung {

	width: 100px;

	height: 190px;

	float: right;

	/*background: #FFF;*/

	padding: 20px 10px 0 10px;

	margin: 0;

	/*border: 1px solid #000;*/

	}

	

#werbung img{

	float: right;

	padding: 0 0 0 0;

	margin: 0 0 0 0;

	}

/************************	Teaser groß  index	**************************/	

#teaser_big {

	/*width: 489px;*/

	height: 208px;

	padding: 0;

	margin: 0;

	background: url(../images/bg_teaser_haus.jpg) no-repeat left bottom;

	}

	

/*#teaser_big .teaser {

	color: inherit;

	margin: 0;

	padding-bottom: 4px;

	}*/

	

/*#teaser_big .teaser .head h3{

	font-size: 130%;

	line-height: 140%;

	font-weight: bold;

	margin: 0 0 0.3em 0;

	padding: 0;

	text-decoration: underline;

	}*/

	

#teaser_big .teaser img { 

	border: none;

	float: right;

	margin: 0.5em;

	padding: 0;

	}

	

#teaser { /* Teaser overall  shop, vital, info  VORSICHT mit float ! */

	background: #FFF;

	margin: 3% 0 0 0;

	}

#teaser .shop24 { /* #52B854 */

	color: inherit;

	background: url(../images/bg_teaser_shop24.jpg) no-repeat center;

	margin: 0 1% 1% 0;

	padding-bottom: 4px;

	border: 1px outset #000;

	-moz-border-radius: 3px;

	float: left;

	width: 30.5%;

	height: 19em;

	}

#teaser .shop24 .kopfzeile {

	height: 23px;

	color: #000000;

	background: #FFF url(../images/bg_teaser_grau.gif) repeat-x;

	margin: 0 1px 0 1px;

	padding: 5px 2px 1px 6px;

	font-size: 100%;

	font-weight: bold;

	border-bottom: 1px solid #006600;

	-moz-border-radius: 3px;

	}

	

#teaser .shop24 p {

	color: #444;

	background: transparent;

	padding: 1% 1% 0 3%;

	font-size: 90%;

	}

	

#teaser .shop24 h3 a {

	color: #000099; 

	background: transparent;

	text-decoration: none;

	}

	

#teaser .shop24 h3 a:hover {

	color: #FF0000; 

	background: transparent; 

	text-decoration: underline;

	}

	

#teaser .shop24 h3 a:visited {color: #000099; background: transparent; text-decoration: none;}

#teaser .shop24 img {

	/*wichtig: float u. margin, padding 0 (border: 3px solid #00FF33;) */

	float: left; 

	height: 88%; 

	width: 98%; 

	margin: 0; 

	padding: 0;

	}



/***************	Teaser "Diabetes Vital"  index	*****************/

#teaser .vital {

	color: inherit;

	background: url(../images/bg_teaser_vital.jpg) no-repeat center bottom;

	margin: 0 1% 1% 0;

	padding-bottom: 4px;

	border: 1px outset #000;

	-moz-border-radius: 3px;

	float: left;

	width: 30%;

	height: 19em;

	}

#teaser .vital .kopfzeile {

	height: 23px;

	color: #000000;

	background: #FFF url(../images/bg_teaser_grau.gif) repeat-x;

	padding: 5px 2px 1px 6px;

	font-size: 100%;

	font-weight: bold;

	border-bottom: 1px solid #000066;

	-moz-border-radius: 3px;

	margin: 0 1px 0 1px;

	}

#teaser .vital p {

	color: #444;

	background: transparent;

	padding: 1% 1% 0 3%;

	font-size: 90%;

	}

#teaser .vital h3 a {

	color: #000099; 

	background: transparent;

	text-decoration: none;

	}

#teaser .vital h3 a:hover {

	color: #FF0000; 

	background: transparent; 

	text-decoration: underline;

	}

#teaser .vital h3 a:visited {

	color: #000099; 

	background: transparent; 

	text-decoration: none;

	}

#teaser .vital img {

	/*wichtig: float u. margin, padding 0 (border: 3px solid #00FF33;) */

	float: left; 

	height: 88%; 

	width: 98%; 

	margin: 0; 

	padding: 0;

	}



/**********	Teaser Öffnungszeiten etc.  index	***************/

#teaser .sonnenapotheke {

	color: inherit;

	background: url(../images/bg_teaser_info.jpg) no-repeat top right;

	margin: 0 0 1% 0;

	padding-bottom: 4px;

	border: 1px outset #000;

	-moz-border-radius: 3px;

	float: left;

	width: 33%;

	height: 19em;

	}

	

#teaser .sonnenapotheke .kopfzeile {

	height: 23px;

	color: #000000;

	background: #FFF url(../images/bg_teaser_grau.gif) repeat-x;

	padding: 5px 2px 1px 6px;

	font-size: 90%;

	font-weight: bold;

	border-bottom: 1px solid #990000;

	-moz-border-radius: 3px;

	margin: 0 1px 0 1px;

	}

	

#teaser .sonnenapotheke p {

	color: #444;

	background: transparent;

	padding: 0 1% 0 3%;

	font-size: 86%;

	font-weight: bold;

	}

	

#teaser .sonnenapotheke h3 a {

	color: #000099; 

	background: transparent;

	text-decoration: none;

	}

	

#teaser .sonnenapotheke h3 a:hover {

	color: #FF0000; 

	background: transparent; 

	text-decoration: underline;

	}

	

#teaser .sonnenapotheke h3 a:visited {

	color: #000099; 

	background: transparent; 

	text-decoration: none;

	}

	

#teaser .sonnenapotheke img {

	margin: 2px; 

	border: none;

	}

#leftnavigation #dmdi {
	margin-top: 8px;
	padding: 25px 0 0 20px;
	background: url(../images/bg_separator.gif) repeat-x;
}