/* ********************** CSS FUER DRAHT BREMER GMBH ********************** */

/* ********************** BODY FORMATE ********************** */

body.hg
{ 
	/* background-image:  url(pic/hgbrief.gif); 
	background-repeat:no-repeat; 
	background-position:top center; 
	background-attachment:fixed; */
	background-color: #FFFFFF;
	color: #006D33;
	font-family: Arial, Helvetica, sans serif;
	font-size: 13px;
	
	scrollbar-arrow-color: #006D33;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #006D33;
	scrollbar-face-color: #FFFFFF;
	scrollbar-3dlight-color: #006D33;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #006D33;
}

body.start
{
	background-color: #FFFFFF;
	
	scrollbar-arrow-color: #006D33;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #006D33;
	scrollbar-face-color: #FFFFFF;
	scrollbar-3dlight-color: #006D33;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #006D33;
}

body.top
{
	background-color: #F1FEE4;
}

body.menu
{
	background-color: #FFFFD9;
	color: #006D33;
	font-family: Arial, Helvetica, sans serif;
	background-repeat:no-repeat; 
	background-position:top left; 
	
	scrollbar-arrow-color: #006D33;
	scrollbar-track-color: #FFFFD9;
	scrollbar-darkshadow-color: #006D33;
	scrollbar-face-color: #FFFFD9;
	scrollbar-3dlight-color: #006D33;
	scrollbar-highlight-color: #FFFFD9;
	scrollbar-shadow-color: #006D33;
}

body.topmenue
{
	background-color: #006D33;
	color: #FFFFFF; 
}

/* ********************** LINK FORMATE ALLGEMEIN ********************** */

a, a:visited  
{
	color: #006D33;
	text-decoration: underline;
}

a:active, a:hover  
{
	color: #006D33;
	text-decoration: none;
}

a.pdf
{
	background-image: url(pic/pdf.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 18px;
}

a img
{
	border: none;
}

a.mini, a.mini:visited, a.mini:hover, a.mini:active
{
	text-decoration: none;
	font-size: 11px;
}

/* ********************** SCHRIFT FORMATE ALLGEMEIN ********************** */

h1 
{	
	font-size: 18px;
	color: #006D33;
	font-style: italic;
	font-weight: bold;
}

h2 
{	
	font-size: 16px;
	color: #006D33;
	font-style: italic;
	font-weight: bold;
}

div.center
{
	vertical-align: middle;
	text-align: center;
}

.bold
{
	font-weight: bold;
}

.italic
{
	font-style: italic;
}

.hinweis
{
	font-size: 10px;
}

.grau
{
	color: #999999;
}

ul
{
	list-style-image: url(pic/pfeil_s.gif);
}

ul.txt li
{
	list-style-type: none;
	list-style-image: none;
}

/* ********************** TABELLEN FORMATE ALLGEMEIN ********************** */

table.content 
{
	font-size: 13px;
	color: #000000;
	width: 98%;
	height: 100%;
	border: 0px;
	padding: 0px;
}

table.intern 
{
	font-size: 13px;
	color: #000000;
	width: 95%;
	border: 0px solid black;
	padding: 0px;
}

/* ********************** STARTSEITE ********************** */

div.startbild
{
	color: #006D33;
	font-family: Arial, Helvetica, sans serif;
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0px; left: 0px;
}

/* ********************** SEITE START DBP ********************** */

td.dbp_tabol
{
	width: 50%;
	padding: 3px 3px 8px 0px;
	font-weight: bold;
}

td.dbp_tabor
{
	width: 50%;
	padding: 3px 3px 8px 10px;
	font-weight: bold;
}

td.dbp_tabl
{
	width: 50%;
	padding: 3px 3px 3px 0px;
}

td.dbp_tabr
{
	width: 50%;
	padding: 3px 3px 3px 10px;
}

/* ********************** SEITE MENU ********************** */

table.menu
{
	width: 100%;
	height: 80%;
	padding: 3px;
	margin-top: 50px;
}

p.update
{
	color: #999999;
	font-size: 10px;
	bottom: 0px;
	left: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}

/* ********************** SEITE TOPMENU ********************** */

table.topmenue
{
	width: 100%;
	height: 100%;
	padding: 0px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #F8F200;
	font-size: 12px;
	font-weight: bold;
}

a.top, a.top:visited 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F8F200;
	text-decoration: none;
	background: url(pic/punkt1.gif) no-repeat left;
	padding: 0px 10px 0px 23px;
}

a.top:active, a.top:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

td.white
{
	height: 3px;
	background-color: #FFFFFF;
}

td.yellow
{ 
	height: 15px; 
	background-color: #F8F200; 
}

td.green
{ 
	background-color: #006D33; 
	vertical-align: middle; 
	height: 15px; 
	padding-left: 30px;
}

/* ********************** SEITE TOP ********************** */

table.top
{
	width: 100%;
	height: 100px;
	background-image: url(pic/hgtop.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

a.homelink, a.homelink:visited, a.homelink:hover, a.homelink:active
{
	display: block;
	width: 350px;
	height: 80px;
	text-decoration: none;
	text-align: left;
}

/* ********************** SEITE IMPRESSUM ********************** */

ul.imp
{
	line-height: 2em;
	font-weight: bold;
	list-style-image: url(pic/pfeil.gif);
	vertical-align: top;
}

td.imp1
{
	font-weight: bold;
	width: 20%;
	vertical-align: top;
}

td.imp2
{
	vertical-align: top;
	width: 40%;
}

td.implogo
{
	vertical-align: top;
	width: 40%;
	text-align: left;
}

/* ********************** SEITE KONTAKT ********************** */

td.kont1
{
	font-weight: bold;
	width: 20%;
	vertical-align: top;
	padding-top: 30px;
}

td.kont2
{
	vertical-align: top;
	padding-top: 30px;
}

table.kontaktintern
{
	font-size: 13px;
	color: #000000;
	width: 70%;
	border: 0px solid black;
	padding: 0px;
}

td.kont3
{
	font-weight: bold;
	vertical-align: top;
	padding: 3px;
}

td.kont4
{
	vertical-align: top;
	padding: 3px;
}

td.kont5
{
	vertical-align: top;
	padding: 3px;
	text-align: right;
}

input.button
{
	background-color: #006D33;
	border: 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans serif;
	font-size: 13px;
	font-weight: bold;
	margin: 5px 5px 3px 0;
}

input.textfeld
{
	width: 150px; 
	height: 20px; 
	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
	border: 1px solid #006D33;
	background-color: #F1FEE4;
}

select
{
	width: 150px; 
	height: 20px; 
	font-family: Arial, Helvetica, sans serif;
	font-size: 13px;
	border: 1px solid #006D33;
	background-color: #F1FEE4;
}

textarea
{
	width: 100%; 
	height: 100px; 
	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
	border: 1px solid #006D33;
	background-color: #F1FEE4;
	margin: 5px 5px 3px 0;
}

/* ********************** SEITE NEWS ********************** */

td.news1
{
	font-weight: bold;
	width: 20%;
	vertical-align: top;
}

td.newsbild
{
	padding: 0 15px 10px 0;
	vertical-align: top;
}

/*
div.weiter
{
	color: #006D33;
	text-decoration: underline;
	cursor: pointer;
	width: 20%;
	padding: 0;
	margin: 0;
}

div.weiter:hover
{
	color: #006D33;
	text-decoration: none;
	cursor: pointer;
	width: 20%;
	padding: 0;
	margin: 0;
}
*/

input.weiter
{
	font-family: Arial, Helvetica, sans-serif;
	color: #006D33;
	background-color: #ffffff;
	border: 0px solid black;
	text-decoration: underline;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

input.weiter:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #006D33;
	background-color: #ffffff;
	border: 0px solid black;
	text-decoration: none;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

/* ********************** SEITE SUCHE ********************** */

td.suche1
{
	font-weight: bold;
	width: 20%;
	vertical-align: top;
	padding: 0 0 15px 0;
}

td.suche2
{
	width: 90%;
	vertical-align: top;
	padding: 0 0 15px 0;
}

td.suchelinie
{
	height: 15px;
	border-top: 1px solid #006D33;
}

input.suchfeld
{
	width: 250px; 
	height: 20px; 
	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
	border: 1px solid #006D33;
	background-color: #F1FEE4;
}

select.suchselect
{
	width: 250px; 
	height: 20px; 
	font-family: Arial, Helvetica, sans serif;
	font-size: 13px;
	border: 1px solid #006D33;
	background-color: #F1FEE4;
}

div.versatz
{
	margin: 0px;
	padding: 5px 0 10px 20px;
}

/* table.sucherg
{
	font-size: 13px;
	color: #000000;
	width: 100%;
}

table.sucherg td
{
	padding: 0 5px 0 5px;
}

table.sucherg td.1
{
	width: 20%;
	text-align: center;
	vertical-align: top;
} */

/* ********************** SEITE LINKS ********************** */

ul.links
{
	font-weight: bold;
	list-style-image: url(pic/pfeil.gif);
	vertical-align: top;
}

table.links
{
	width: 95%;
	height: 20%;
	font-size: 13px;
	color: #000000;
	border: 0px solid black;
	padding: 0px;
}

td.links1
{
	vertical-align: top;
	text-align: center;
	width: 120px;
}

td.links2
{
	font-weight: bold;
	width: 30%;
	vertical-align: middle;
	height: 30px;
}

td.links3
{
	vertical-align: middle;
	height: 30px;
	padding-left: 10px;
}

/* ********************** SEITE HISTORIE ********************** */

td.hist1
{
	width: 10%;
	font-weight: bold;
	vertical-align: top;
	padding: 5px;
}

td.hist2
{
	vertical-align: top;
	padding: 5px;
}

/* ********************** SEITE ORGANIGRAMM ********************** */

table.organigramm
{
	width: 826px;
	height: 386px;
}

td.orga1
{
	background-image:url(pic/db/orga1.jpg);
	width: 275px;
	height: 193px;
	padding: 0px;
	margin: 0px;
}

td.orga2
{
	background-image:url(pic/db/orga2.jpg);
	width: 275px;
	height: 193px;
	padding: 0px;
	margin: 0px;
}

td.orga3
{
	background-image:url(pic/db/orga3.jpg);
	width: 276px;
	height: 193px;
	padding: 0px;
	margin: 0px;
}

td.orga4
{
	background-image:url(pic/db/orga4.jpg);
	width: 275px;
	height: 193px;
	padding: 0px;
	margin: 0px;
}

td.orga5
{
	background-image:url(pic/db/orga5.jpg);
	width: 275px;
	height: 193px;
	padding: 0px;
	margin: 0px;
}

td.orga6
{
	background-image:url(pic/db/orga6.jpg);
	width: 276px;
	height: 193px;
	padding: 0px;
	margin: 0px;
}

/* ********************** SEITE MITARBEITER ********************** */

td.abt
{
	border: 1px solid #006D33;
	background-color: #F1FEE4;
	color: #000000;
	height: 20px;
	padding: 3px 0 3px 10px;
	font-size: 16px;
	font-weight: bold;
}

td.mit1
{
	width: 20%;
	vertical-align: top;
	padding: 10px;
}

td.mit2
{
	width: 25%;
	vertical-align: top;
	text-align: left;
	padding: 10px;
}

td.mit3
{
	width: 55%;
	vertical-align: top;
	text-align: left;
	padding: 10px;
}

div.noimg
{
	border: 1px solid black;
	width: 80px;
	height: 80px;
	text-align: center;	
}

/* ********************** SEITE PRODUKTE ********************** */

table.produktintern
{
	font-size: 13px;
	color: #000000;
	width: 100%;
	border: 0px solid black;
	padding: 0px;
}

td.produktbild
{
	width: 50%;
	text-align: center;
	vertical-align: top;
}

div.al
{
	text-align: right;
	width: 300px;
	margin: 0 auto 10px auto;
}

a.al, a.al:visited
{
	text-align: right;
	font-size: 11px;
	color: #006D33;
	text-decoration: underline;
}

a.al:hover, a.al:active
{
	text-align: right;
	font-size: 11px;
	color: #006D33;
	text-decoration: none;
}

a.lupe
{
	cursor: pointer;
	text-decoration: none;
	color: #000000;
}

div.produkttext
{
	text-align: left;
	width: 300px;
	vertical-align: top;
	margin: 0 auto 3px auto;
}

img.produktbild
{
	border: 1px solid #006D33;
	margin: 10px 0 10px 0;
}

table.eigenschaften
{
	width: 100%;
	font-size: 13px;
	color: #000000;
	border: 0px solid black;
	padding: 0px;	
	margin: 5px 0 5px 0;
}

td.eig /* Eigenschaftsbezeichnung */
{
	width: 40%;
	vertical-align: top;	
}

td.wert /* Wert */
{
	vertical-align: top;	
}

td.teccoeig /* Eigenschaftsbezeichnung TECCO */
{
	font-weight: bold;
	font-style: italic;
	vertical-align: top;	
}

div.h1produkt
{
	font-size: 18px;
	font-weight: bold;
}

div.eingerueckt
{
padding-left: 100px;
}

/* ********************** CSS FUER DRAHT BREMER GMBH ********************** */