/* Allgemein */
body		{ margin: 0px; padding: 0px; overflow: hidden; background: #ffffff url(/images/layout/bg_left.gif) repeat-y left top;}
body		{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-weight: normal; font-style: normal; line-height:120%;}
DIV		{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-weight: normal; font-style: normal; line-height:120%; border-collapse: collapse; padding: 0 0 0 0; margin: 0 0 0 0}
HR		{ color: #777777;}

INPUT		{ color: #000000; font-size: 85%}
ul              {vertical-align: top; list-style-image: url(/images/bullets/menu_bullet2.gif);} 
li              {vertical-align: top; list-style-image: url(/images/bullets/menu_bullet2.gif); margin-bottom: 5px}

/* Tabellen mit Border */
table		{ border: 1px solid gray; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; font-size: 1em; border-collapse: collapse;}
th		{ border: 1px solid gray; color: #ffffff; background: #86acdb; text-align: left; vertical-align: top; padding: 4px;}
td		{ border: 1px solid gray; color: #000000; background: #ffffff; text-align: left; vertical-align: top; padding: 4px;}
caption		{font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; font-size: 1,5em; font-weight: bold; }

/* Seiten-Layout */
#top		{ position: absolute; top:   0px; left:   0px;  height: 98px; width: 100%; background: transparent url(/images/layout/bg_top.gif) repeat-x left top;; z-index: 20}
#top_img	{ position: absolute; top:   0px; right:  0px;  background: transparent;}
#top_logo	{ position: absolute; top:   0px; left:   0px;  background: transparent; z-index: 2}
#top_nav	{ position: absolute; top:  80px; right:  0px;  width: 367px;  background: transparent; vertical-align: middle;}

#main		{ position: relative; overflow: hidden; top: 98px; margin-top: 0; left: 0; width: 100%; height: 100%; background: transparent url(/images/layout/bg_right.gif) repeat-y right top;}
#scrollbereich	{ position: relative; overflow: scroll; top: 0; left: 0; width: 100%; height: 87%}

#navLeft	{ position: absolute; left: 0px; top: 0px; width: 200px; height: 100%; padding: 30px 0 0 0}
#navLeft_img	{ padding: 0px; margin: 0px; height: 52px; background: transparent;}
.navLeft_top	{ border-top: 1px solid white; margin: 0px; padding: 2px 10px 2px 10px; background: transparent; font-size: smaller;}

#main_bg	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; background: transparent; padding-bottom: 90px; padding-right: 150px}
#main_content	{ position: relative; top: 0; height: auto; width: 100%; color: #000000; overflow: hidden; margin: 0px 0px 0px 201px;}
.main_title	{ position: relative; color: #050454; font-size: 130%; font-weight: bold; width: 100%; height: auto; margin-top: 30px; margin-right: 10px; margin-left: 20px; padding-bottom: 2px; padding-left: 0; line-height: 130%; vertical-align: top; border-bottom: 1px solid #050454;}
.main_text	{ margin-left: 35px; margin-right: 0; padding: 20px 70px 10px 0px; width: auto;}

#top_link	{ clear: left; width: auto; text-align: right; margin-right: 0px; padding-right: 0px;}
#footer_box	{ position: relative; margin-top: 50px; margin-left: 21px; padding-right: 0px; font-size: 85%; width: 100%; height: auto; clear: left}
#footer_main	{ height: auto; color: #777777; text-align: center; border-top: 1px solid #777777}
#footer_left	{ position: absolute; width: auto; bottom: 160px}
#footer_search	{ padding-left:  8px;}

#navRight	{ position: absolute; overflow: visible; font-size: 100%; right: 0px; top: 0px; background: #FEC820; width: 130px; height: auto; padding-left:2px; margin-top: 6px; z-index: -3}
.navRight_link	{ padding-top: 10px; padding-bottom: 10px; font-size: 85%; width: auto; height: auto; border-top: 1px solid #E3EBFE}
.navRight_blank { padding-top: 10px; padding-bottom: 10px; font-size: 85%; width: auto; height: auto; background: #ffffff}

#bottom		{ position: absolute; overflow: hidden; font-size: 80%; bottom: 0px; left: 0px; height: 65px; width: 100%;  background: #ffffff; border-top: 1px solid #FEC820; z-index: 5;}
#bottom_left	{ position: absolute; overflow: hidden; top:     0px; left:   0px; height: 65px; width: 200px; background: #ffffff; border-right: 1px solid #FEC820; padding: 5px 5px 15px 10px; z-index: 2}
#bottom_center	{ position: absolute; overflow: hidden; top:     0px; left:   0px; height: 65px; width: 100%;  background: #ffffff; font-size: 110%; padding-left: 201px; padding-right: 150px; padding-top: 5px}
#bottom_right	{ position: absolute; overflow: hidden; top:     0px; right: 15px; height: 65px; width: 134px; background: #ffffff; border-left: 1px solid #FEC820; padding: 5px 5px 15px 1px; z-index: 2}

.ticker         { position: absolute; margin: 0 0 0 0; padding: 0 0 0 0; top: 80px; left: 141px; width:350px; height:18px; z-index: 50; overflow: hidden}

/* Menu */
div.top_inactive	{padding: 5px; padding-left: 12px; margin-bottom: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent;}
div.top_active		{padding: 5px; padding-left: 12px; margin-bottom: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff;}
div.sub			{position: relative; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent; padding: 2px; padding-left: 12px; margin-bottom:1px}
div.sub_text		{position: relative; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent;}
div.subsub		{position: relative; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent; padding: 2px; padding-left: 24px; margin-bottom:1px}
div.subsub_text		{position: relative; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent;}

a.top_active		{ color: #000000; font-weight: bold; font-size: 85%; width: 100%; background-color: transparent; text-decoration: none;}
a.top_active:visited	{ color: #000000; font-weight: bold; font-size: 85%; width: 100%; background-color: transparent; text-decoration: none;}
a.top_active:link	{ color: #000000; font-weight: bold; font-size: 85%; width: 100%; background-color: transparent; text-decoration: none;}
a.top_active:hover	{ color: #000000; font-weight: bold; font-size: 85%; width: 100%; background-color: transparent; text-decoration: none;}

a.top_inactive		{ color: #000000; font-weight: bold; font-size: 85%; width: 100%; background-color: transparent; text-decoration: none;}
a.top_inactive:visited	{ color: #000000; font-weight: bold; font-size: 85%; width: 100%; background-color: transparent; text-decoration: none;}
a.top_inactive:link	{ color: #000000; font-weight: bold; font-size: 85%; width: 100%; background-color: transparent; text-decoration: none;}
a.top_inactive:hover 	{ color: #000000; font-weight: bold; font-size: 85%; width: 100%; background-color: transparent; text-decoration: none;}

a.sub_active		{ color: #000000; font-weight: normal; font-size: 85%; width: 100%; height: auto; padding: 1px; background-color: #ffffff; text-decoration: none;}
a.sub_active:visited	{ color: #000000; font-weight: normal; font-size: 85%; width: 100%; height: auto; padding: 1px; background-color: #ffffff; text-decoration: none;}
a.sub_active:link	{ color: #000000; font-weight: normal; font-size: 85%; width: 100%; height: auto; padding: 1px; background-color: #ffffff; text-decoration: none;}
a.sub_active:hover	{ color: #000000; font-weight: normal; font-size: 85%; width: 100%; height: auto; padding: 1px; background-color: #ffffff; text-decoration: none;}

a.sub_inactive		{ color: #000000; font-weight: normal; font-size: 85%; width: 100%; height: auto; padding: 1px; background-color: transparent; text-decoration: none;}
a.sub_inactive:visited	{ color: #000000; font-weight: normal; font-size: 85%; width: 100%; height: auto; padding: 1px; background-color: transparent; text-decoration: none;}
a.sub_inactive:link	{ color: #000000; font-weight: normal; font-size: 85%; width: 100%; height: auto; padding: 1px; background-color: transparent; text-decoration: none;}
a.sub_inactive:hover	{ color: #000000; font-weight: normal; font-size: 85%; width: 100%; height: auto; padding: 1px; background-color: transparent; text-decoration: none;}


/* Links */

a img			{ border: 0px;}

a			{ color: #02044A; font-weight: bold; font-size: x-small; text-decoration: underline; background: transparent;}
a:link			{ color: #02044A; font-weight: bold; font-size: x-small; text-decoration: underline; background-color: transparent;}
a:visited		{ color: #808080; font-weight: bold; font-size: x-small; text-decoration: underline; background-color: transparent;}
a:hover			{ color: #808080; font-weight: bold; font-size: x-small; text-decoration: underline; background-color: white;}
a:active		{ color: #02044A; font-weight: bold; font-size: x-small; text-decoration: underline; background-color: white;}

a.top_nav		{ color: #000000; font-weight: normal; font-size: 85%; text-decoration: none; background-color: transparent;}
a.top_nav:link		{ color: #000000; font-weight: normal; font-size: 85%; text-decoration: none; background-color: transparent;}
a.top_nav:visited	{ color: #000000; font-weight: normal; font-size: 85%; text-decoration: none; background-color: transparent;}
a.top_nav:hover		{ color: #000000; font-weight: normal; font-size: 85%; text-decoration: underline; background-color: transparent;}
a.top_nav:active	{ color: #000000; font-weight: normal; font-size: 85%; text-decoration: none; background-color: transparent;}

a.footer		{ color: #000000; font-weight: bold; text-decoration: none; background: transparent;}
a.footer:link		{ color: #000000; font-weight: bold; text-decoration: none; background-color: transparent;}
a.footer:visited	{ color: #000000; font-weight: bold; text-decoration: none; background-color: transparent;}
a.footer:hover		{ color: #000000; font-weight: bold; text-decoration: underline; background-color: transparent;}
a.footer:active		{ color: #000000; font-weight: bold; text-decoration: none; background-color: transparent;}

a.navRight		{ color: #000000; font-weight: bold; font-size: 100%; text-decoration: none; background-color: transparent;}
a.navRight:link		{ color: #000000; font-weight: bold; font-size: 100%; text-decoration: none; background-color: transparent;}
a.navRight:visited	{ color: #000000; font-weight: bold; font-size: 100%; text-decoration: none; background-color: transparent;}
a.navRight:hover	{ color: #000000; font-weight: bold; font-size: 100%; text-decoration: underline; background-color: transparent;}
a.navRight:active	{ color: #000000; font-weight: bold; font-size: 100%; text-decoration: none; background-color: transparent;}



/***********
 * Inhalte *
 ***********/
 
.spalte_links       {position: relative; width: 50%; font-style: inherit; font-weight: bold;    float: left; height: auto; overflow: visible; margin-right:3px; margin-bottom:8px;}
.spalte_rechts      {position: relative; width: 35%; font-style: inherit; font-weight: inherit; float: left; height: auto; overflow: visible; margin-bottom:8px;}

.clear		{ clear: both;}
.clear_left	{ clear: left;}
.clear_right	{ clear: right;}

.bold		{ font-weight: bold;}
.italic		{ font-style: italic;}
.underline	{ text-decoration: underline;}
.nobr		{ white-space: nowrap;}
.small		{ font-size: xx-small;}
.big		{ font-size: medium;}

.white		{ color: white;}

.center		{ width: 100%; text-align: center;}
.right		{ width: 100%; text-align: right;}

.float_left	{ float: left; padding-right: 10px;}
.float_right	{ float: right;}

.two_cols_left	{ float: left; width: 40%; padding-right: 10px;}
.two_cols_right	{ float: left; width: 40%;}

.hr_light_gray	{ color: #505050; background: #505050; border: 0px; height: 1px; width: 100%;}

.bullet_left	{ position: relative; left: 0;    top:0; width: 16px; margin-bottom: -16px;}
.bullet_right	{ position: relative; left: 30px; top:0; width: 100%; margin-bottom: 0; padding-right: 15px;}

.menu_bullet_left	{ position: relative; left: 0;    top:0; width: 16px; margin-bottom: -16px;}
.menu_bullet_right	{ position: relative; left: 16px; top:0; width: auto; margin-bottom: 0; padding-right: 15px;}


/* Wir */
.imp_left	{ float: left; width: 165px;}
.imp_right	{ float: left; width: 70%;}

.partner_left	{ float: left; width: 265px;}
.partner_right	{ float: left; width: 131px;}


/* Mitgliedschaft */
.beitrag_left	{ float: left; width: 170px; padding-right: 10px;}
.beitrag_right	{ float: left; width: 216px;}


/* Service */
.bio_left	{ float: left; width: 150px;}
.bio_right	{ float: left; width: 246px;}

.organspende_box{ width: 100px;}


/* Gesundheit */
.ratgeber_box	{ background: #b22222; border: 1px solid gray; padding: 2px 10px 2px 10px; width: 200px; text-align: center;}


/* Sitemap */
.site_box	{ border: 1px solid #C9D7EF; margin-bottom: 30px; padding: 1px; margin-right: 20px; text-align: left; width: 95%; float: left;}
.site_title	{ margin: -1px; padding: 3px; background-color: #C9D7EF; color: black; display: block;}
.site_sub	{ padding: 3px; padding-left: 3px;}
.site_subsub	{ padding: 3px; padding-left: 28px;}


/* Katalog-Modul */

/* Shop-Nr. 1 - Ansprechpartner */
.kat_nav	{ left:0; width: 100%; text-align: center;}
.kat_row	{ position: relative; width: 100%; text-align: left;}
.kat_rowhide	{ position: absolute; top:0; left:0; width: 0; height:0; visibility: hidden; text-align: left;}
.kat_left	{ float: left; width: 137px; text-align: left; padding: 2px; padding-right: 20px;}
.kat_cover	{ position: absolute; text-align: left; top:0; left:0; z-index:50; padding: 2px; background-color: transparent}
.kat_left img	{ padding-right: 15px;}
.kat_right	{ float: left; width: 266px; padding: 2px;}
.kat_left2	{ float: left; width: 100px;}
.kat_right2	{ float: left;}
.kat_row_print	{ width: 100%; text-align: left; border-bottom: 1px solid #505050; padding: 5px 0px 5px 0px;}
.kat_left_print	{ float: left;}
.kat_right_print{ float: right; text-align: right;}

/* Galerie */
.kat_gal_box	{ width: auto;}
.kat_gal_row	{ height: 80px;}
.kat_gal_left	{ float: left; width: 100px; height: 80px; background: #c9d7ef; margin: 2px; padding: 10px; text-align: center;}
#kat_zoom_box	{ width: 100%; height: 100%;}
.kat_zoom_row	{ width: 100%; text-align: center; padding: 5px 0px 5px 0px;}
.kat_zoom_left	{ float: left;  width: 50%; text-align: left;  padding: 5px 0px 5px 100px;}
.kat_zoom_right	{ float: right; width: 50%; text-align: right; padding: 5px 100px 5px 0px;}

/* Oppro */
.oppro_img	{ padding: 5px; padding-top: 0px;}
.oppro_teaser_img	{ float: left;  padding: 5px; padding-left: 0px;}
.oppro_left	{ float: left;  width: auto; padding-right: 10px;}
.oppro_right	{ float: right; width: auto; text-align: right;}
