/* ---------------------------- Style für html-Seiten von BRINKMANN GMBH */

body, html {
 color: #000;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 line-height: 16px;
 margin: 0;
 padding: 0;
 }

body {
 background-color: #fff;
 margin-bottom: 10px;
}

#wrapper {
 background-color: #FFFFFF;
 margin: 15px 0 0 0;
 text-align: left;
 padding: 0;
/* width: 760px;*/
}


/* ----------------------------------------------------- Haupt-NAVI-Icons */
#div_navi_icon {
 display: none;
 left: 146px;
 margin: 0;
 padding: 0;
 position: absolute;
 text-align: left;
 top: 21px;  
 width: 130px;
 z-index: 10;
 }
#navi_icon {
 display: none;
 height: 22px;
 margin: 0;
 padding: 0;
 }
#navi_icon li {
 float: left;
 display: inline;
 height: 22px;
 margin: 0;
 text-indent: -8000px;
 overflow: hidden;
 padding: 0;
 width: 27px;
 }
#navi_icon li a, #navi_icon li a:active, #navi_icon li a:hover, #navi_icon li a:visited {
 background-position: 0 0;
 background-repeat: no-repeat;
 display: block;
 height: 22px;
 }
#navi_icon li#navi1 a {
 background-image: url(images/icon_home.gif);
 }
#navi_icon li#navi2 a {
 background-image: url(images/icon_kont.gif);
 }
#navi_icon li#navi3 a {
 background-image: url(images/icon_deu.gif);
 }
#navi_icon li#navi4 a {
 background-image: url(images/icon_engl.gif);
 }


/* ----------------------------------------------------- Haupt-NAVI-links und rechts */
#navi_wrapper {
 display: none;
 background-color: #FFF;
 height: 15px;
 margin: 0 20px;
 padding: 0;
 }
#navi_left {
 display: none;
 float: left;
 margin: 0;
 padding: 0;
 text-align: left;
 width: 450px;
 }
#navi_right {
 display: none;
 float: right;
 margin: 0;
 padding: 0;
 text-align: right;
 width: 250px;
 }
#navi_right, #navi_left {
 height: 12px;
 }
#navi_left li, #navi_right li, #navi_left li#active, #navi_right li#active {
 font-size: 10px;
 line-height: 10px;
 list-style-type: none;
 margin: 0;
 padding: 0 6px;
 }
#navi_left li {
 float: left;
 }
#navi_right li {
 float: right;
 }
#navi_left li a, #navi_right li a {
 color: #A3A5A9;
 font-weight: normal;
 text-decoration: none;
 text-transform: uppercase;
 }
#navi_left li#active a, #navi_right li#active a, #navi_left li a:hover, #navi_right li a:hover, #navi_left li#active a:hover, #navi_right li#active a:hover {
 color: #F41002;
 text-decoration: none;
 }
/*
#navi_left li#active a, #navi_right li#active a {
 color: #F41002;
 text-decoration: underline;
 }
*/

/* ----------------------------------------------------- Sub-NAVI */
#subnavi_wrapper {
 display: none;
 float: left;
 margin: 0;
 padding: 0 0 46px 0;
 width: 175px;
 text-align: right;
 }
#subnavi_wrapper h4 {
 border-bottom: #A3A5A9 solid 1px;
 font-size: 10px;
 font-weight: normal;
 line-height: 12px;
 margin: 0 0 0 20px;
 padding: 6px 10px 5px 10px;
 text-align: right;
 text-transform: uppercase;
}
#subnavi_wrapper h4 a {
 color: #A3A5A9;
 text-decoration: none;
 }
#subnavi_wrapper h4 a:hover, #subnavi_wrapper h4 b, #subnavi_wrapper h4 b a:hover {
 color: #F41002;
 text-decoration: none;
 }

#subnavi_second {
 display: none;
 margin: 0 0 0 20px;
 padding: 0;
}
#subnavi_second li, #subnavi_second li#active {
 border-bottom: #D4D7DC solid 1px;
 font-size: 10px;
 line-height: 11px;
 list-style-type: none;
 margin: 0;
 padding: 6px 10px 5px 10px;
 text-align: right;
}
#subnavi_second li#active {
 background-image: url(images/list.gif);
 background-position: center right;
 background-repeat: no-repeat;
}
#subnavi_second li a {
 color: #C7CBCF;
 font-weight: normal;
 text-decoration: none;
 text-transform: none;
 }
#subnavi_second li a:hover, #subnavi_second li#active a, #subnavi_second li#active a:hover {
 color: #F49481;
 text-decoration: none;
 }


/* ----------------------------------------------------- HEADER */
#header {
 display: none;
 background-image: url(images/header.gif);
 background-repeat: no-repeat;
 background-color: #FFFFFF;
 height: 137px;
 margin: 0;
 padding: 0;
 text-align: left;
 text-indent: -8000px;
 }
#header h1 {
 font-size: 1px;
 line-height: 1px;
 margin: 0;
 padding: 0;
 }


/* ----------------------------------------------------- HEADER - LOGO links und rechts */

#header_logo_left {
	 display: none;
 height: 93px;
 float: left;
 width: 118px;
 margin: 0 0 0 19px;
 padding: 0;
 background-image: url(images/brista_verzinkerei.gif);
 background-repeat: no-repeat;
 text-align: left;
}
#header_logo_right {
	 display: none;
 height: 81px;
 float: right;
 width: 98px;
 margin: 15px 0 0 0;
 padding: 0;
 background-image: url(images/brista_metallwaren.gif);
 background-repeat: no-repeat;
 text-align: left;
}
#header_logo_left img, #header_logo_right img {
	 display: none;
 border: 0;
 height: 81px;
 margin: 0;
 padding: 0;
 width: 98px;
 }

/* ----------------------------------------------------- FLASH */
#flash {
 display: none;
 background-image: url(images/flash_bg.jpg);
 background-repeat: no-repeat;
 border-bottom: #FFF solid 23px;
 height: 250px;
 margin: 0;
 padding: 0;
 }


/* ----------------------------------------------------- CONTENT */
#content {
 color: #333;
 clear: both;
 font-size: 13px;
 line-height: 16px;
 margin: 0;
 padding: 25px 0;
 }
/* the following rule is recognized only by IE */
* html body div#content	{
 float: left;
 margin: 0 0 0 0;
 }
#content h1 {
 color: #333;
 border-left: 12px solid #CCC;
 font-size: 16px;
 font-weight: normal;
 line-height: 18px;
 margin: 0;
 padding: 0 0 0 7px;
 width: 480px;
 }
#content h1 strong {
 color: #F41002;
 font-weight: bold;
 }
#content p {
 margin: 0;
 padding: 10px 0 10px 0;
 }
#content a {
 color: #F41002;
 text-decoration: none;
 }
#content a:hover{
 color: #F41002;
 text-decoration: underline;
 }
#content table{
 margin-left: 0px;
 }


/* ----------------------------------------------------- PRINT */
#print {
 display: none;
}


/* ----------------------------------------------------- FOOTER */
#footer {
 display: none;
}
#footer_adress {
 border-top: #000 solid 1px;
 color: #000;
 font-size: 11px;
 letter-spacing: 0.05em;
 line-height: 14px;
 margin: 25px 0 0 0;
 padding: 25px 0 0 0;
 word-spacing: 0.2em;
 }
#footer_adress a, #footer_adress a:hover {
 color: #999;
 }


/* ----------------------------------------------------- KONTAKT-Formular */
/*textarea, input	{
 background-color: #282C7B;
 border: #282C7B 1px solid;
 color: #FFF;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 11px;
 font-weight: bold;
 width: 220px;
 }
.submit {
 background-color: #282C7B;
 border: #282C7B 1px solid;
 cursor: pointer;
 padding: 5px 0;
 width: 100px;
 }
.td {
 background-color: #282C7B;
 border: #F93 1px solid;
 color: #FFF;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 11px;
 padding: 2px 6px;
 }
*/


/* ----------------------------------------------------- KLASSEN */
.clear {
 clear: both;
 }
/*.blocksatz {
 text-align: justify;
 }*/
.k {
 font-size: 10px;
 line-height: 12px;
 }
.bild {
 border: #FFF solid 1px;
 margin: 0;
 }
.bild_re {
 border: #FFF solid 1px;
 float: right;
 margin: 0 0 5px 0;
 }
.bild_re_anfahrt_small {
display: none;
 }
.bild_re_anfahrt_big {
 border: #FFF solid 1px;
 margin: 0 0 5px 0;
 }
.bild_li {
 border: #FFF solid 1px;
 float: left;
 margin: 0 15px 5px 0;
 }
.auszeichnung {
 border-bottom: #F41002 solid 1px;
 color: #F41002;
 font-weight: bold;
 }
div.textabschluss {
 background-image: url(images/linie.gif);
 background-position: left center;
 background-repeat: no-repeat;
 clear: both;
 height: 16px;
 margin: 0 0 16px 0;
 padding: 0;
 }
.table {
 border: #CCC solid 1px;
border-collapse: collapse;
 padding: 2px;
 width: 520px;
 vertical-align: top;
}
#content tr01 {
border: #000 solid 1px;
border-collapse: collapse;
}
#content td {
 border: #CCC solid 1px;;
border-collapse: collapse;
}
#content tr {
 border: #CCC solid 1px;
border-collapse: collapse;
}
.trhead {
 border: #CCC solid 1px;
border-collapse: collapse;
font-weight:bold;
}
.ul_links {
border-left: #000 solid 3px;
margin: 15px 20px 0 0;
padding: 0 12px;
list-style-type: none;
}
.ul_links li {
padding: 5px 0 0 0;
}