/*****************************************************/
/*                                                   */
/*              (:      STYLESHEET     :)            */
/*              (:   BODFELD-APOTHEKE  :)            */
/*              (: ROVALS  ©  TURA NET :)            */
/*                 All rights reserved.              */
/*****************************************************/

body {
	background: url(../images/body_hg.gif) repeat-y;
	background-color: #D0E6F3;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 101%;
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;

}

html, body, div, p, h1, h2, h3, h4, ul, ol, 
span, a, form, img, li {
   margin: 0;
   padding: 0;
}

.versteckt
{
	display: none;
}

#seite   {
	margin: 0;
	width: auto;
	min-width: 600px;
	background-image: url(../images/seite_hg.gif);
	background-repeat: repeat-x;
}

#mitte {
	background: url(../images/mitte_hg.gif) repeat-y;
	min-height: 1080px;
	height: auto;
/*---------------------------------------------------*/
/*              (: EXTRA FUER MS IE :)               */
/*---------------------------------------------------*/
	_height: 1080px;

}

a {
  color: #407693;
  text-decoration: underline;
}

  
a:hover {
  color: #FF0000;
  text-decoration: none;

}


/*---------------------------------------------------*/
/*                   (: KOPF :)                      */
/*---------------------------------------------------*/

#kopf {	
	background: url(../images/kopf_hg.gif) repeat-x;
	width: 915px;	
	height: 113px;
	white-space:nowrap;
}

#foto {	
	position: absolute;
	left:544px;top:0px;
}

#foto_chat {	
	position: absolute;
	right:0px;top:0px;
}

div#kopf h3 {	
	padding: 0px;
	margin: 0px;
}

a.logo {background-image: url(../images/logo_off2.gif);width:544px;height:113px;display: block; padding: 0;}
a.logo:hover {background-image: url(../images/logo_on2.gif);width:544px;height:113px;display: block;}

a.fotolink {background-image: url(../images/fotomotiv.jpg);width:371px;height:113px;display: block;}
a.fotolink:hover {background-image: url(../images/fotomotiv.jpg);width:371px;height:113px;display: block;}




/*---------------------------------------------------*/
/*                   (: MENUE :)                     */
/*---------------------------------------------------*/

a span {
display: none;
}

div#navigation1 {
padding: 0;
margin: 0 0 0 20;
left: 0px;
width: 196px;
}

/*Navigation*/	
	
#navigation {
	width:200px;
	float:left;
	}
	
#navigation ul  {
	list-style-type:none;
	font-family: 'Times New Roman',Times,serif;
	font-size:18px;
	margin-left:20px;
	background-color: #5e95ae;
	color:#FFFFFF;
	}
	

#navigation ul ul{
	font-size:0.9em;
	color: #000000;
	background-color: #C3D5FD;
	}
	
#navigation ul ul.nav2nd a {
	color:#407693;
	text-decoration:none;
	display:block;
	width:152px;
	height:39px;
	padding:3px 0 3px 24px;
	background:#ECF5FA;	
	}
#navigation ul ul.nav2nd a:hover {
	font-weight:bold;
	background:#ECF5FA;	
	}	
	
#navigation a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:159px;
	padding:13px 0 13px 17px;	
	
	}
#navigation a:hover, .current, li.active a {
	font-weight:bold;
	
	}






ul.ebene1 {
list-style-type: none;
padding: 0;
margin: 0;
border: 0;
background: url(images/null.gif);
}

#site{
	margin-left: 6%;
	margin-right: 6%; 
	text-align: center; 
	font-family: verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	
}	

ul.ebene1 li {
/*---------------------------------------------------*/
/*              (: EXTRA FUER MS IE :)               */
/*---------------------------------------------------*/
_margin: 0 0 0 0px;
}

/*---------------------------------------------------*/
/*                 (: UNTERMENUE :)                  */
/*---------------------------------------------------*/

a.subnav {
  color: #407693;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  background: url(../images/nav_ul2_lipfeil_off.gif) no-repeat left;
  padding: 0 0 0 10px;
}

a.subnav:hover {
  color: #FF0000;
  background: url(../images/nav_ul2_lipfeil_on.gif) no-repeat left;  
}

ul.ebene2 {
padding: 4 0 6 20px;
margin-left: 35px;
background: url(../images/nav_ul2_hg.gif) repeat-y left;
background-color: #ECF5FA;
list-style-type: none;
font-size: 0.90em;
font-weight: normal;
line-height: 1.30em;
}

ul.ebene2 li {
/*---------------------------------------------------*/
/*              (: EXTRA FUER MS IE :)               */
/*---------------------------------------------------*/
_margin: 0 0 0 0px;
}




/*---------------------------------------------------*/
/*                   (: HAUPTTEIL :)                 */
/*---------------------------------------------------*/

#inhalt {
	width: 450px;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 212px;
	padding-top: 10;
	padding-right: 15px;
	padding-bottom: 30;
	padding-left: 5px;
}


h1 {
padding-top: 0px;
padding-bottom: 10px;
font-size: 0.9em;
text-decoration: none;
color: #5E95AF;
}

h2 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 0.8em;
font-weight: bold;
color: #5E95AF;
}

h3 {
padding: 15 0 12 0px;
font-size: 0.70em;
font-weight: normal;
color: #5E95AF;
}

h4 {
padding-top: 8px;
padding-bottom: 8px;
font-size: 0.8em;
text-decoration: none;
color: #5E95AF;
}

#wichtig{
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height: 1.7em;
margin-bottom: 1.0em;
	color: #5E95AF;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height: 1.7em;
margin-bottom: 1.0em;
}

.text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height: 1.3em;
color: #456899;
margin-bottom: 1.0em;
}

#links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color:#000000

}
#foot {
	margin-left: 6%;
	margin-right: 6%; 
	text-align: center; 
	font-family: verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	
}	

hr {
height: 1px;
color: #A4C3D7;
background-color: #A4C3D7;
border: 0;
}


/*---------------------------------------------------*/
/*              (: HAUPTTEIL LISTEN :)               */
/*---------------------------------------------------*/

div#inhalt ul {
font-size: 0.75em;
line-height: 1.50em;
margin: 1em;
padding: 1em;
border: 0px;
}


/*---------------------------------------------------*/
/*             (: HAUPTTEIL TABELLEN :)              */
/*---------------------------------------------------*/

div#tabelle table {
width: 100%;
border-space: 0px;
border: solid 1px #DBE9EF;
border-collapse:collapse;
table-layout:auto; 
}

div#tabelle th {
background: url(../images/th_inhalt_hg.gif) repeat-x;
color: #5E95AF;
text-align: left;
font-size: 11px;
font-weight: bold;
height: 18px;
padding: 0 0 0 6px;
margin: 0;
}

div#tabelle td {
vertical-align: top;
margin:0px;
padding: 8px;
font-size: 0.70em;
border-bottom: solid 1px #DBE9EF;
}

div#tabelle1 table {
width: 100%;
border-space: 0px;
border: solid 1px #DBE9EF;
border-collapse:collapse;
table-layout:auto; 
}

div#tabelle1 th {
background: url(../images/th_inhalt_hg.gif) repeat-x;
color: #5E95AF;
text-align: left;
font-size: 11px;
font-weight: bold;
height: 18px;
padding: 0 0 0 6px;
margin: 0;
}

div#tabelle1 td {
vertical-align: top;
margin:0px;
padding: 8px;
font-size: 0.70em;
border-bottom: solid 1px #DBE9EF;
}

div#tabelle2 table {
width: 100%;
border-space: 0px;
border: solid 1px #DBE9EF;
border-collapse:collapse;
table-layout:auto; 
}

div#tabelle2 th {
background: url(../images/th_inhalt_hg.gif) repeat-x;
color: #5E95AF;
text-align: left;
font-size: 11px;
font-weight: bold;
height: 18px;
padding: 0 0 0 6px;
margin: 0;
}

div#tabelle2 td {
vertical-align: top;
margin:0px;
padding: 8px;
font-size: 0.70em;
border-bottom: solid 1px #DBE9EF;
}

div#tabelle3 table {
width: 100%;
border-space: 0px;
border: solid 1px #DBE9EF;
border-collapse:collapse;
table-layout:auto; 
}

div#tabelle3 th {
background: url(../images/th_inhalt_hg.gif) repeat-x;
color: #5E95AF;
text-align: left;
font-size: 11px;
font-weight: bold;
height: 18px;
padding: 0 0 0 6px;
margin: 0;
}

div#tabelle3 td {
vertical-align: top;
margin:0px;
padding: 8px;
font-size: 0.70em;
border-bottom: solid 1px #DBE9EF;
}


.wechsel {
background-color: #F5FAFC;
}


/*---------------------------------------------------*/
/*     (: Werkzeuge_Tabelle_Trenner_Linktypen :)     */
/*---------------------------------------------------*/

div#werkzeug table {
width: 100%;
border-space: 0px;
border: solid 1px #DBE9EF;
border-collapse:collapse;
table-layout:auto; 
margin: 0 0 10 0px;
}

div#werkzeug th {
background: url(../images/th_inhalt_hg.gif) repeat-x;
color: #5E95AF;
text-align: left;
font-size: 11px;
font-weight: bold;
height: 18px;
padding: 0 0 0 6px;
margin: 0;
}

div#werkzeug td {
vertical-align: top;
margin:0px;
padding: 6px;
font-size: 0.70em;
border-bottom: solid 0px #DBE9EF;
}


div.trenner1 {
background:url(../images/trenner_werkzeug.gif) repeat-x;
margin: 0 0 0 0px;
padding: 0;
width: 100%;
height: 10px;
font-size: 0px;
}


div#werkzeug h3 {
padding: 0 0 10 0px;
font-size: 0.70em;
font-weight: normal;
color: #5E95AF;
}

h3 a {
  color: #5E95AF;
  font-size: 1.5em;
  text-decoration: none;
  font-weight: bold;
}
  
h3 a:hover {
  color: #FF0000;
  font-weight: bold;
}

.werkzeugbildrahmen {
width: 98%;
text-align: center;
padding:  6 6 10 6px;
margin: 0 0 10 0px;
border: solid 1px #DBE9EF;
}

.werkzeugbildrahmena {
width: 98%;
text-align: left;
padding:  6 6 10 6px;
margin: 0 0 10 0px;
border: solid 1px #DBE9EF;
}

.tippbild {
width: 98%;
text-align: center;
padding:  0px;
margin: 0 0 10 0px;
border: solid 0px #DBE9EF;
}

.galeriewerkzeug {
list-style-type: none;
}

div#galerie table {
width: 100%;
border-space: 0px;
border: solid 1px #DBE9EF;
border-collapse:collapse;
table-layout:auto;
margin: 0 0 10 0px;
}

div#galerie td {
padding: 6px; 
vertical-align: middle;
text-align: center;
border: solid 1px #DBE9EF;
}

a.galerie img {
border: solid 1px #DBE9EF;
}
  
a.galerie:hover img {
border: solid 1px #FF0000;
}

div#galerienav table {
width: 150px;
border-space: 0px;
border-collapse:collapse;
table-layout:auto;
margin: 0 0 10 170px;
}

div#galerienav td {
padding: 6px;
font-size: 0.70em; 
vertical-align: middle;
text-align: center;
border: solid 0px #DBE9EF;
}


a.galerienavzurueck {
background: url(../images/galerienav_link_zurueck_off.gif); width:47px;height:15px;display: block;;
}

a.galerienavzurueck:hover {
background-image:url(../images/galerienav_link_zurueck_on.gif);
}

a.galerienavvor {
background: url(../images/galerienav_link_vor_off.gif); width:47px;height:15px;display: block;;
}

a.galerienavvor:hover {
background-image:url(../images/galerienav_link_vor_on.gif);
}


/*---------------------------------------------------*/
/*                  (: Linktypen :)                  */
/*---------------------------------------------------*/


a.zusatzlink {
background: url(../images/zusatzinfokasten_link_off.gif) no-repeat left  ;
font-size: 1.0em;
font-weight: bold;
text-decoration: none;
color: #5E95AF;
padding: 0 0 0 16px;
}

a.zusatzlink:hover {
background-image:url(../images/zusatzinfokasten_link_on.gif);
color: #FF0000;
}

a.externlink {
background: url(../images/externlink_off.gif) no-repeat left  ;
font-size: 1.0em;
font-weight: bold;
text-decoration: none;
color: #5E95AF;
padding: 0 0 0 16px;
}

a.externlink:hover {
background-image:url(../images/externlink_on.gif);
color: #FF0000;
}

a.downloadlink {
background: url(../images/downloadlink_off.gif) no-repeat left  ;
font-size: 1.0em;
font-weight: bold;
text-decoration: none;
color: #5E95AF;
padding: 0 0 0 16px;
}

a.downloadlink:hover {
background-image:url(../images/downloadlink_on.gif);
color: #FF0000;
}

a.startlink {
background: url(../images/startlink.gif) no-repeat 0px 0px  ;
font-size: 0.9em;
font-weight: bold;
text-decoration: none;
color: #FF0000;
padding: 0 0 10 24px;
height: 22px;
}

a.startlink:hover {
background-image:url(../images/startlink.gif);
color: #FF0000;
}



/*---------------------------------------------------*/
/*               (: Formualrelemente :)              */
/*---------------------------------------------------*/



div#inhalt table span  {
	color: red;
}

div#inhalt table input {
	width: 350px;
	margin: 0 0 4 0px;
	font-size: 1.0em;
	color: #666666;
}

div#inhalt table select {
	width: 350px;
	margin: 0 0 4 0px;	
	font-size: 1.0em;
	color: #666666;
}

div#inhalt table textarea {
	width: 350px;
	margin: 0 0 4 0px;	
	font-size: 1.0em;
	color: #666666;
}


/*---------------------------------------------------*/
/*                    (: RECHTS :)                   */
/*---------------------------------------------------*/


#rechts {
	position: absolute;
	left: 736px;
	top: 126px;
	width: 72px;
}


/*---------------------------------------------------*/
/*                   (: ZUSATZINFO :)                */
/*---------------------------------------------------*/


.zusatzinfokasten {
width: 165px;
background: url(../images/zusatzinfokasten_hg.gif) repeat-x;
background-color: #FFFFFF;
font-size: 0.70em;
text-align: center;
border: solid 1px #DBE9EF;
padding: 0 0 6 0px;
margin: 0 0 12 0px;
}

.zusatzinfokasten h3 {
background: url(../images/h3_zusatz_hg.gif) repeat-x;
background-color: #AFCEDC;
text-align: left;
font-size: 11px;
font-weight: bold;
height: 18px;
padding: 2 0 0 5px;
margin: 0 0 6 0px;
}

.zusatzinfokasten p {
line-height: 1.5em;
text-align: left;
font-size: 1.0em;
color: #5E95AF;
margin: 0 0 0 6px;
}

.zusatzinfokasten a {
/*background: url(images/zusatzinfokasten_link_off.gif) no-repeat left ;*/
display: block;
line-height: 1.5em;
text-align: center;
font-size: 1.0em;
font-weight: bold;
text-decoration: none;
color: #5E95AF;
/*margin: 4 0 0 6px;*/
padding: 0 0 0 10px;
}

.zusatzinfokasten a:hover {
/*background-image:url(images/zusatzinfokasten_link_on.gif);*/
color: #FF0000;
}


.zusatzinfokasten input {
	width: 150px;
	margin: 0 0 4 0px;
	font-size: 1.0em;
	color: #666666;
}

.zusatzinfokasten select {
	width: 150px;
	margin: 0 0 4 0px;	
	font-size: 1.0em;
	color: #666666;
}

/*---------------------------------------------------*/
/*                    zusatzkasten 2                 */
/*---------------------------------------------------*/

.zusatzinfokastena {
width: 165px;
background: url(../images/zusatzinfokasten_hg.gif) repeat-x;
background-color: #FFFFFF;
font-size: 0.70em;
text-align: left;
border: solid 1px #DBE9EF;
padding: 0 0 6 0px;
margin: 0 0 12 0px;
}

.zusatzinfokastena h3 {
background: url(../images/h3_zusatz_hg.gif) repeat-x;
background-color: #AFCEDC;
text-align: left;
font-size: 11px;
font-weight: bold;
height: 18px;
padding: 2 0 0 5px;
margin: 0 0 6 0px;
}

.zusatzinfokastena p {
line-height: 1.5em;
text-align: left;
font-size: 1.0em;
color: #5E95AF;
margin: 0 0 0 6px;
}

.zusatzinfokastena a {
	/*background: url(images/zusatzinfokasten_link_off.gif) no-repeat left ;*/
display: block;
	line-height: 1.5em;
	text-align: left;
	font-size: 0.90em;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	padding-top: 0;
	padding-right: 4px;
	padding-bottom: 4;
	padding-left: 4px;
}

.zusatzinfokastena a:hover {
/*background-image:url(images/zusatzinfokasten_link_on.gif);*/
color: #FF0000;
}


.zusatzinfokastena input {
	width: 150px;
	margin: 0 0 4 0px;
	font-size: 1.0em;
	color: #666666;
}

.zusatzinfokastena select {
	width: 150px;
	margin: 0 0 4 0px;	
	font-size: 1.0em;
	color: #666666;
}

/*---------------------------------------------------*/
/*                     (: FUSS :)                    */
/*---------------------------------------------------*/


#fuss {	
	width: 915px;
	height: 15px;
	clear: both;
	background-image:url(../images/fuss_hg.gif);
	vertical-align: bottom; 
	padding: 0px;
}

#fuss_a {	
	float: left;
	width: 214px;
	}

#fuss_b {	
	float: left;	
	background-color: #D0E6F3;	
	padding: 0 0 0 109px;
}

#fuss_c {
	float: right;
}

a.agblink {background-image: url(../images/agb_off.gif);background-position:right; background-repeat:no-repeat; width:30px; height:15px; display:block;}
a.agblink:hover {background-image: url(../images/agb_on.gif);}

a.impressumlink {background-image: url(../images/impressum_off.gif);background-position:right; background-repeat:no-repeat; width:75px; height:15px; display:block;}
a.impressumlink:hover {background-image: url(../images/impressum_on.gif);}

a.toplink {background-image: url(../images/top_off.gif);background-position:right; background-repeat:no-repeat; width:190px; height:15px; display:block; float:right;}
a.toplink:hover {background-image: url(../images/top_on.gif);}

.center{ margin-left:4px;
}

.Werbung 
{
	font-size:16px;
	color:#FF0000;
	background-color:#FFFF00;
	font-weight: bold;
}

/* Tabellen Layaout */

.daten { 
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.daten caption { 
	margin-top: 30px;
	padding: 8px;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	background-color: #005aab;
}

.daten td {
	border: 1px solid #005aab;
	padding: 3px;
	text-align: left;
	vertical-align: middle;
}

.daten th {
	border: 1px solid #005aab;
	padding: 8px 3px;
	text-align: center;
	vertical-align: middle;
	background-color: #e5eef6;
	font-weight: bold;
	color: #000000;
}

.daten .subtitle td { 
	padding: 8px 3px;
	background-color: #e5eef6;
	font-weight: bold;
}

.daten tfoot td {
	font-size:16px;
	background-color:#FFFF00;
	color: #FF0000;
}

.Stern {
	background-image: url(../images/stern.gif);
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	line-height: 50px;
}


.3{
width: 100%;
border-space: 0px;
border: solid 1px #DBE9EF;
border-collapse:collapse;
table-layout:auto; 
}

.1{
	color: #5E95AF;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	height: 18px;
	padding: 0 0 0 6px;
	margin: 0;
	background-image: url(../images/th_inhalt_hg.gif);
	background-repeat: repeat-x;
}

.2{
	vertical-align: top;
	margin:0px;
	padding: 8px;
	font-size: 0.70em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBE9EF;
}

/* Beispiel CSS von Sven Jansen
im Feld "Block-Name" zweier für die Spaltenart "zweispaltig" und dreier für die Spaltenart "dreispaltig" angegeben */

/* 2+3 */
.zweier, .dreier {
 margin: 15px;
 width: 600px;
}

/* 2 */
.zweier .spalte_1 {
 width: 49%;
 float: left;
}

.zweier .spalte_2 {
 width: 49%;
 float: right;
}


/* 3 */
.dreier .spalte_1 {
 width: 30;
 float: left;
 margin-right: 10px;
}

.dreier .spalte_2 {
 width: 60%;
 float: left
 text-align: center;
}

.dreier .spalte_3 {
 width: 30%;
 float: right;
}

.Werbung1 
{
	font-size:14px;
	color:#ff0000;
	font-weight: bold;
	background-repeat: no-repeat;
	left: 31px;
	top: 123px;
	right: auto;
	bottom: auto;
	clip: rect(auto,auto,auto,auto);
	background-position: center center;
	text-align: center;
	vertical-align: bottom;
	position: absolute;
	height: 150px;
}

.Werbung2 
{
	font-size:14px;
	color:#ff0000;
	font-weight: bold;
	background-position: center center;
	vertical-align: text-bottom;
	background-image: none;
}

div#tabellea table {
width: 100%;
border-space: 0px;
border: solid 1px #DBE9EF;
border-collapse:collapse;
table-layout:auto; 
}

div#tabellea th {
	background: url(../images/th_inhalt_hg.gif) repeat-x;
	color: #5E95AF;
	font-size: 11px;
	font-weight: bold;
	height: 18px;
	padding: 0 0 0 6px;
	margin: 0;
}

div#tabellea td {
	vertical-align: top;
	margin:0px;
	padding: 8px;
	font-size: 0.70em;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

ul.ebene3 {
padding: 4 0 6 10px;
background-color: #ECF5FA;
list-style-type: none;
font-size: 0.90em;
font-weight: normal;
line-height: 1.30em;
}
ul.ebene3 li {
/*---------------------------------------------------*/
/*              (: EXTRA FUER MS IE :)               */
/*---------------------------------------------------*/
_margin: 0 0 0 0px;
}