/* Allgemein */
body		{ margin: 0px; padding: 150px 0px 20px 0px; overflow: auto; background: white url(/images/layout/left.gif) repeat-y;}
body		{ color: black; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; font-size: x-small; font-weight: normal; font-style: normal;}

img		{ vertical-align: middle;}
.img_padding	{ padding-right: 5px; padding-bottom: 2px;}

/* Tabellen */
table		{ border: 2px solid #f1f1f1; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; font-size: small; border-collapse: collapse;}
table caption	{ font-size: x-small;}
th		{ border: 2px solid #f1f1f1; color: black; background: #DCDCE6; font-size: x-small; text-align: left; vertical-align: top; padding: 2px; font-weight: bold;}
td		{ border: 2px solid #f1f1f1; color: black; background: #eeeeee; font-size: x-small; text-align: left; vertical-align: top; padding: 2px;}


/* Seiten-Layout */

#top		{ position: absolute; top:   0px; left:  0px; width: 100%; height: 80px; background: url(/images/layout/top.gif) repeat-x;}
#top_left	{ position: absolute; top:   0px; left:  0px;}
#top_middle	{ position: absolute; top:   0px; left:  0px; width: 100%; text-align: center;}
#top_right	{ position: absolute; top:   0px; right: 0px; padding-top: 10px;}
#top_bottom_row	{ position: absolute; top: 80px; left: 200px;}
.ticker		{ position: absolute; top: 2px; left: 0px; width: 350px;}
.stichwort	{ position: absolute; top: 2px; left: 380px; width: 100px;}
#search		{ position: absolute; top: 2px; left: 550px; width: 200px;}


#navLeft	{ position: absolute; top: 150px; left: 0px; width: 152px; }
#navLeft_bg	{ background: url(/images/layout/left-menu.gif) repeat-y;}
#navLeft * img	{ display: block;}
#navLeft_border { position: relative; width: 144px; border-bottom: 1px solid #808080;}
#navLeft_2	{ position: relative; padding: 20px 2px 2px 2px;}
.navLeft_2row	{ padding-top: 3px; padding-bottom: 3px;}
.top_active	{ position: relative; width: 128px;}
.top_inactive	{ position: relative; width: 128px;}
.sub		{ position: relative; padding: 2px 5px 2px 10px; border-left: 1px solid #808080; border-right: 1px solid #808080;}
.sub_bullet	{ position: relative; top: 0px; left:  5px; width:  10px; color: white; background: transparent; margin-bottom: -12px;}
.sub_text	{ position: relative; top: 0px; left: 15px; width: 112px; color: white; background: transparent; margin-bottom:   0px;}
.subsub		{ position: relative; padding: 2px 5px 2px 10px; border-left: 1px solid #808080; border-right: 1px solid #808080;}
.subsub_bullet	{ position: relative; top: 0px; left: 15px; width:  10px; color: white; background: transparent; margin-bottom: -12px;}
.subsub_text	{ position: relative; top: 0px; left: 25px; width: 102px; color: white; background: transparent; margin-bottom:   0px;}

.sub		{ position: relative; padding: 2px 5px 2px 10px; border-left: 1px solid #808080; border-right: 1px solid #808080;}
.sub_dash	{ position: absolute; top: 0px; left: 2px; width: 5px; color: white; z-index: 2;}
.sub_text	{ position: relative; top: 0px; left: 0px; background: transparent; padding-left: 15px; z-index: 1;}

.subsub		{ position: relative; padding: 2px 5px 2px 10px; border-left: 1px solid #808080; border-right: 1px solid #808080;}
.subsub_dash	{ position: absolute; top: 0px; left: 7px; width: 5px; color: white; z-index: 2;}
.subsub_text	{ position: relative; top: 0px; left: 0px; background: transparent; padding-left: 25px; z-index: 1;}


#scrollbereich	{ height: 100%; width: auto; padding:   0px 0px  0px 180px; overflow: auto;}
#main		{ height: 100%; width: 800px; overflow: visible; background: #f1f1f1 url(/images/layout/dok-right.gif) right repeat-y;}
#main_top	{ position: absolute; top:   0px; left: 180px; width: 100%; height: 24px; background: url(/images/layout/dok-head-middle.gif) repeat-x;}
#main_top_left	{ position: absolute; top:   0px; left:   0px;}
#main_top_right	{ float: right;}


#main_bot	{ height: 100%; width: 100%; background: url(/images/layout/dok-bottom-middle.gif) bottom repeat-x;}
#main_bot_left	{ height: 100%; width: 100%; background: url(/images/layout/dok-bottom-left.gif) bottom left no-repeat;}
#main_bot_right	{ height: 100%; width: 100%; background: url(/images/layout/dok-bottom-right.gif) bottom right no-repeat;}

#main_content	{ height: 100%; width: 100%; overflow: visible; padding: 24px 30px 10px 0px; color: black; text-align: justify;}
.main_title	{ font-size: medium; font-weight: bold; width: 100%; margin-left: 30px; height: 50px; line-height: 50px; vertical-align: middle; border-bottom: 2px solid #c3c3e3;}
.main_text	{ margin-left: 30px; padding: 30px 20px 10px 10px;}
.main_box	{ width: 100%;}

.footer		{ float: left; width: 68%; border-top: 2px solid #c3c3e3;}

#info		{ height: 100%; width: 100%; padding:   20px 20px 20px 20px; overflow: auto;}
#info_top	{ position: absolute; top:   0px; left: 20px; width: 100%; height: 24px; background: url(/images/layout/dok-head-middle.gif) repeat-x;}
.info_body	{ padding: 20px 20px 20px 20px;; margin: 0px;}
	
/* Links */

a img		{ border: 0px;}
 
a		{ color: #000080; font-weight: bold; font-size: x-small; background-color: #f1f1f1; text-decoration: none;}
a:link		{ color: #000080; font-weight: bold; font-size: x-small; background-color: #f1f1f1; text-decoration: none;}
a:visited	{ color: #000080; font-weight: bold; font-size: x-small; background-color: #f1f1f1; text-decoration: none;}
a:hover		{ color: #800000; font-weight: bold; font-size: x-small; background-color: #f1f1f1; text-decoration: none;}
a:active	{ color: #000080; font-weight: bold; font-size: x-small; background-color: #f1f1f1; text-decoration: none;}

a.imp_dat		{ color: #ffffff; font-weight: bold; font-size: xx-small; background-color: #0F0099; text-decoration: none;}
a.imp_dat:link		{ color: #ffffff; font-weight: bold; font-size: xx-small; background-color: #0F0099; text-decoration: none;}
a.imp_dat:visited	{ color: #ffffff; font-weight: bold; font-size: xx-small; background-color: #0F0099; text-decoration: none;}
a.imp_dat:hover		{ color: #ffde00; font-weight: bold; font-size: xx-small; background-color: #0F0099; text-decoration: none;}
a.imp_dat:active	{ color: #ffde00; font-weight: bold; font-size: xx-small; background-color: #0F0099; text-decoration: none;}


/***********
 * Inhalte *
 ***********/
 
.clear		{ clear: both;}
.clear_left	{ clear: left;}
.clear_right	{ clear: right;}
 
.red		{ color: #e33449}
.blue		{ color: #6699CC;}

.bg_lightgray	{ background: #f1f1f1;}
.bg_gray	{ background: #eaeaea;}
.no_bg		{ background: transparent;}
.bg_table_col1	{ background: #c3c3e3;}
.bg_table_col2	{ background: #E6E6FF;}

.hr_blue	{ color: #c3c3e3; background: #c3c3e3; width: 100%; height: 2px; border: 0px;}
.hr_darkblue	{ color: #0000b0; background: #0000b0; width:  90%; height: 1px; border: 0px;}
.hr_darkblue2	{ color: #0000b0; background: #0000b0; width: 100%; height: 2px; border: 0px;}
.hr_yellow	{ color: #ffdE00; background: #ffdE00; width: 100%; height: 2px; border: 0px;}
      
.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;}
.no_justify	{ text-align: left;}
 
.center		{ width: 100%; text-align: center;}
.table_center	{ text-align: center; padding: 2px 5px 2px 5px;}
.right		{ width: 100%; text-align: right;}

.float_left	{ float: left;}
.float_right	{ float: right;}
.one_cols	{ width: auto; float: left; text-align:left;}
.two_cols	{ width: 46%; float: left;}
.three_cols	{ width: 30%; float: left;}
.two_cols_text	{ width: 46%; float: left;}
.three_cols_text{ width: 30%; float: left;}

.col_spacer	{ width:  4%; float: left;}

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


/* Wir über uns */
.werks_gesch_left	{ float: left;}
.werks_gesch_right	{ float: left; padding: 0px 10px 0px 4px;}

.satzung_org		{ width: 480px; display: inline;}


/* Service */
.bmi_left	{ float: left; width: 200px;}
.bmi_right	{ float: left;}
.bmi_link		{ height: 20px;}
.bmi_link a:link	{ color: #800000; border: 1px solid #1E3C64; background: #DCDCE6; padding: 2px; }
.bmi_link a:visited	{ color: #800000; border: 1px solid #1E3C64; background: #DCDCE6; padding: 2px; }
.bmi_link a:hover	{ color: #800000; border: 1px solid #1E3C64; background: #DCDCE6; padding: 2px; }
.bmi_link a:active	{ color: #800000; border: 1px solid #1E3C64; background: #DCDCE6; padding: 2px; }

.bio_left	{ float: left; width: 25%;}
.bio_right	{ float: left; width: 75%;}

.aks_top_box	{ width: 100%; background: #cccce0; padding: 5px;}
.aks_top_img	{ position: relative; left:  0px; top: 0px; width: 40px; margin-bottom: -30px; }
.aks_top_text	{ position: relative; left: 40px; top: 0px; width: auto; margin-bottom: 0px;}
.aks_top_text a,a:link,a:hover,a:active,a:visited	{ background: transparent;}

.forum_kat	{ background: #8282bc; color: white; font-weight: bold; width: 60%; padding: 2px;}
.forum_head	{ background: #eaeaea; width: 100%; padding: 2px;}
.forum_question	{ padding: 2px 2px 2px 10px;}
.forum_answer	{ padding: 2px 2px 2px 20px;}


/* Mitglied werden */
.mitglied_link		{ height: 20px; }
.mitglied_link a:link	{ border: 1px solid #1E3C64; padding: 2px;}
.mitglied_link a:visited{ border: 1px solid #1E3C64; padding: 2px;}
.mitglied_link a:hover	{ border: 1px solid #1E3C64; padding: 2px;}
.mitglied_link a:active	{ border: 1px solid #1E3C64; padding: 2px;}


/* Betriebsservice */
.beitrag_outerbox	{ width: 100%;}
.beitrag_innerbox	{ margin-left: 20px; padding: 2px;}
.beitrag_left		{ float: left; width:  60px; padding-right: 5px;}
.beitrag_left2		{ float: left; width: 100px; padding-right: 5px;}
.beitrag_right		{ float: left;}

.entgelt_caption	{ background: #8282bc; text-align: left; border: 2px solid #f1f1f1; padding: 2px;}
.bg_table_col1 a:link	{ background: transparent;}
.bg_table_col1 a:visited{ background: transparent;}
.bg_table_col1 a:hover	{ background: transparent;}
.bg_table_col1 a:active	{ background: transparent;}
.bg_table_col2 a:link	{ background: transparent;}
.bg_table_col2 a:visited{ background: transparent;}
.bg_table_col2 a:hover	{ background: transparent;}
.bg_table_col2 a:active	{ background: transparent;}


/* Impressum */
.imp_box	{}
.imp_left	{ float: left; width: 200px;}
.imp_right	{ float: left;}


/* Suche */
.search_box		{ width: 580px; background-color:#DCDCE6; margin-bottom: 2px;}
.white_bg		{ background: white;}
.searchForm_left	{ float: left; width:100px;}
.searchForm_rigth	{ float: left; width:480px;}
.search_left		{ float: left; width: 50px; text-align: center; padding: 2px;}
.search_center		{ float: left; width:464px; padding: 2px; border: 2px solid #f1f1f1; border-top: 0px; border-bottom: 0px;}
.search_right		{ float: left; width: 50px; text-align: center; padding: 2px;}


/*********
 * Oppro *
 *********/
 
.hr_oppro	{ color: #505050; background: #505050; border: 0px; width: 80%; text-align: center;}

.oppro_teaser	{ float: right; width: 250px; margin-right:50px;}
.tipps_cols	{ width: 250px; margin-bottom: 20px;}
.tipps_headline	{ border-bottom: 2px solid #c3c3e3; margin-bottom: 5px;}
.hr_tipp	{ color: #0000b0; background: #0000b0; width: 100%; height: 1px; border: 0px;}


/***********
 * Katalog *
 ***********/
/* Katalog - Shop 1 */
.kat_row	{ width: 100%;}
.kat_left	{ float: left; width: 120px; padding: 10px 20px 10px 10px;}
.kat_left img	{ width: 100px; height: 150px;}
.kat_row_1	{ width: 100%; padding-left: 60px;}
.kat_left_1	{ float: left; width: 220px; padding: 0px 20px 0px 0px;}
.kat_left_1 img	{ width: 220px;}
.kat_right	{ float: left;}

/* Katalog - Shop 2 */
.kat_bestell	{ background: #eaeaea; padding: 5px;}
.kat2_row	{ text-align: left; padding-top: 5px; padding-bottom: 5px;}
.kat2_left	{ float: left; width: 25px; text-align: left;}
.kat2_middle	{ float: left; padding-left: 5px; }
.kat2_right	{ float: right;}