html{
	color: #000000;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 0.9em;
}
body {
	color: #000000;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 0.9em;
}

body{
	margin: 10px 0px 0px 0px;
	}

#site{
	background: white;
	width: 1000px;
	background-image: url(../img/back2.gif);
	background-position: bottom right;
	background-position: right bottom;
	background-position: 100% 100%;
	background-repeat: no-repeat;
}

#site_person{
	background: white;
	width: 500px;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #A2A2A2;
	color: white;
	font-weight: 400;
	padding: 2px;
	margin: 0px;

}
h3{
	padding: 0px;
	margin: 0px;
}

h2, h3,h4,.p1,.p2,.p3,.p4{
	font-family: Verdana,Helvetica,Arial,sans-serif;
}
.p1, h1{
	font-size: 1.1em;
}
.p2,p2, h2{
	font-size: 14px;
}
.p3, h3{
	font-size: 12px;
}
.p4,h4{
	font-size: 11px;
}

a{
	color: #000096;
	outline: none;
	text-decoration: none;
	cursor: pointer;
}
a:hover, a:active{
	color: #0000FF;
	outline: none;
	text-decoration: none;
}
a:visited:hover, a:visited:active{
	color: #0000FF;
	outline: none;
	text-decoration: none;
}
a:visited{
	color: #000096;
	outline: none;
	text-decoration: none;
}
a img {
	outline: none;
	border: none;
	text-decoration: none;
}
sup {
	font-size: 0.7em;
}
.small{
	font-size:0.85em;
}
/*kat buttons*/
.kat {
	background-color: #A2A2A2;
	color: #FFFFFF;
	font-family: Arial,sans-serif;
	font-size: 1.1em;
	text-align: left;
	width: 115px;
	height: 59px;
	cursor: pointer;
	display: block;
   position: relative;
/*	font: 14px Arial,sans-serif;*/
	line-height: 1.7em;
}
.kat a, .kat a:visited{
	color: white;
}
.kat a:hover, .kat a:active, .kat a:visited:hover,.kat #leistung_akt,.kat #geschaeft_akt,.kat #unternehmen_akt,.kat #qualitaet_akt,.kat #ausbildung_akt,.kat #ansprech_akt{
	color: black;
}
.kat #leistung,.kat #leistung_akt{
	width: 115px;
	height: 59px;
}
.kat #leistung:hover, .kat #leistung:active,.kat #leistung_akt, #side_leistung{
	background-color: #EA0000;
}
.kat .leistung a:hover, .kat .leistung a:active{
	background-color: #EA0000;
}
.kat #geschaeft,.kat #geschaeft_akt{
	width: 115px;
	height: 59px;
}
.kat #geschaeft:hover, .kat #geschaeft:active, .kat #geschaeft_akt, #side_geschaeft{
	background-color: orange;
}
.kat .geschaeft a:hover, .kat .geschaeft a:active{
	background-color: orange;
}

.kat #unternehmen,.kat #unternehmen_akt{
	width: 115px;
	height: 59px;
}
.kat #unternehmen:hover, .kat #unternehmen:active, .kat #unternehmen_akt, #side_unternehmen{
 background-color: #FFFF80;
}
.kat .unternehmen a:hover, .kat .unternehmen a:active{
	background-color: #FFFF80;
}

.kat #qualitaet,.kat #qualitaet_akt{
	width: 115px;
	height: 59px;
}
.kat #qualitaet:hover, .kat #qualitaet:active, .kat #qualitaet_akt, #side_qualitaet{
	background-color: #00B92F;
}
.kat .qualitaet a:hover, .kat .qualitaet a:active{
	background-color: #00B92F;
}
.kat #ausbildung,.kat #ausbildung_akt{
	width: 115px;
	height: 59px;
}
.kat #ausbildung:hover, .kat #ausbildung:active, .kat #ausbildung_akt, #side_ausbildung{
	background-color: #0075CA;
}
.kat .ausbildung a:hover, .kat .ausbildung a:active{
	background-color: #0075CA;
}
.kat #ansprech,.kat #ansprech_akt{
	width: 115px;
	height: 59px;
}
.kat #ansprech:hover, .kat #ansprech:active, .kat #ansprech_akt, #side_ansprech{
	background-color: purple;
}
.kat .ansprech a:hover, .kat .ansprech a:active{
	background-color: purple;
}
#blueline, #blueline_footer{
	background: #0075CA;
	
}
#blueline{
		height: 6px;
}

#blueline_footer, #blueline_footer a{
	height: 8px;
	color: #FFFFFF;
	font-family: Arial,sans-serif;
	font-size: 0.9em;
	line-height: 1.0em;
	text-decoration: none;
}

#redline, #redline_footer{
	background: #EA0000;
	width: 1013px;
}
#redline{
		height: 3px;
}
#redline_footer{
		height: 5px;
}

#side_start{
	background-color: #A2A2A2;
}

/*Leistung*/
#leistung_site, #geschaeft_site, #unternehmen_site, #qualitaet_site, #ausbildung_site, #ansprech_site{
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 1.0em;
	text-align: left;
	margin: 0px 3px 0px 0px;
	padding: 0;
	border-bottom-width: 0;
}

#leistung_site h2, #leistung_site h3, #leistung_site .p3 {
	color: #EA0000;
}

#geschaeft_site h2, #geschaeft_site h3 {
	color: orange;
}

#unternehmen_site h2, #unternehmen_site h3 {
	color: black;
}

#qualitaet_site h2, #qualitaet_site h3 {
	color: #00B92F;
}

#ausbildung_site h2, #ausbildung_site h3 {
	color: #0075CA;
}
#ausbildung_site .quelle{
	font-size: 0.8em;
	font-style: italic;
}
#ansprech_site h2, #ansprech_site h3 {
	color: purple;
}
.hae{
		line-height: 1.1em;
}

ul{
	line-height: 1.3em;
	text-align: left;
	
}
li{
	font-size: 0.85em;
	text-decoration: none;
}

/*Bilder*/
#logo{
	width: 263px;
	height: 59px;
	background: url(../img/logo.gif) no-repeat;
}
#logo_small{
	width: 180px;
	height: 40px;
	background: url(../img/logo_small.gif) no-repeat;
}

#footer_text{
	color: #A2A2A2;
	font-family: Arial,sans-serif;
	font-size: 0.9em;
	line-height: 1.1em;
	text-decoration: none;
}
a.footer_text{
	color: #A2A2A2;
	text-decoration: none;
}
a.footer_text:active, a.footer_text:hover,a.footer_text:visited:hover{
	color: #515151;
}
a.footer_text:visited{
	color: #A2A2A2;
}
.link_back{
background: #EDEDED;	
}


a .vcard {
	background: url(../img/vcard_icon_grey.gif) no-repeat top;
	height: 30px;
	width: 40px;
}
a:hover .vcard{
	background: url(../img/vcard_icon.gif) no-repeat top;
}

#hinweis{
	width: 550px;
	background: #FFFFB9;
	border: thin solid Red;
}

#hilfe_h1{
	font-size: 2.5em;
	font-weight: bold;
	width: 700px;
}
#display{
	background: url(../img/display.gif) no-repeat top;
	height: 128px;
	width: 128px;
}
#browser{
	background: url(../img/browser.gif) no-repeat top;
	height: 128px;
	width: 128px;
}
#ff1{
	background: url(../img/ff1.jpg) no-repeat top;
	height: 220px;
	width: 243px;
}
#ff2{
	background: url(../img/ff2.jpg) no-repeat top;
	height: 220px;
	width: 243px;
}
#ff3{
	background: url(../img/ff3.jpg) no-repeat top;
	height: 26px;
	width: 150px;
}
#sa1{
	background: url(../img/sa1.jpg) no-repeat top;
	height: 205px;
	width: 200px;
}
#sa2{
	background: url(../img/sa2.jpg) no-repeat top;
	height: 203px;
	width: 250px;
}
#sa3{
	background: url(../img/sa3.jpg) no-repeat top;
	height: 162px;
	width: 250px;
}
#sa4{
	background: url(../img/sa4.jpg) no-repeat top;
	height: 22px;
	width: 144px;
}
#opq1{
	background: url(../img/opq1.jpg) no-repeat top;
	height: 240px;
	width: 200px;
}
#opq2{
	background: url(../img/opq2.jpg) no-repeat top;
	height: 20px;
	width: 153px;
}
#op1{
	background: url(../img/op1.jpg) no-repeat top;
	height: 317px;
	width: 200px;
}
#op2{
	background: url(../img/op2.jpg) no-repeat top;
	height: 199px;
	width: 250px;
}
#op3{
	background: url(../img/op3.jpg) no-repeat top;
	height: 199px;
	width: 250px;
}
#op4{
	background: url(../img/op4.jpg) no-repeat top;
	height: 23px;
	width: 142px;
}
#gc1{
	background: url(../img/gc1.jpg) no-repeat top;
	height: 278px;
	width: 250px;
}
#gc2{
	background: url(../img/gc2.jpg) no-repeat top;
	height: 255px;
	width: 250px;
}
#gc3{
	background: url(../img/gc3.jpg) no-repeat top;
	height: 255px;
	width: 250px;
}
#gc4{
	background: url(../img/gc4.jpg) no-repeat top;
	height: 255px;
	width: 250px;
}
#gc5{
	background: url(../img/gc5.jpg) no-repeat top;
	height: 24px;
	width: 388px;
}
#ie1{
	background: url(../img/ie1.jpg) no-repeat top;
	height: 268px;
	width: 202px;
}
#ie2{
	background: url(../img/ie2.jpg) no-repeat top;
	height: 268px;
	width: 202px;
}
#ie3{
	background: url(../img/ie3.jpg) no-repeat top;
	height: 239px;
	width: 210px;
}
#ie4{
	background: url(../img/ie4.jpg) no-repeat top;
	height: 82px;
	width: 144px;
}
#a_box {
	position: static;
	background-color: white;
	width: 300px;
	font-size: 0.85em;
}
.a_box_small {
	font-size: 0.85em;
	position: static;
}
#a_h1{
	position: relative;
	top:  2px;
	left: 2px;

}
.a_h2_small{
	font-size: 0.85em;
}
span.codedirection { unicode-bidi:bidi-override; direction: rtl; }

.a_table_small{
	font-size: 0.85em;
}
.a_mail2_small a{
	color: #000096;
	font-size: 0.765em;
	outline: none;
	text-decoration: none;
	cursor: pointer;
}

.a_mail2_small a:hover, .a_mail2_small a:active{
	color: #0000FF;
	outline: none;
	text-decoration: none;
}

.a_mail2_small a:visited:hover, .a_mail2_small a:visited:active{
	color: #0000FF;
	outline: none;
	text-decoration: none;
}

.a_mail2_small a{
color: #000096;
	outline: none;
	text-decoration: none;
}

#ct1{
	background: url(../img/ct1.gif) no-repeat top;
	height: 227px;
	width: 202px;
}
#ct2{
	background: url(../img/ct2.gif) no-repeat top;
	height: 227px;
	width: 202px;
}
#ct3{
	background: url(../img/ct3.gif) no-repeat top;
	height: 157px;
	width: 236px;
}
#ct4{
	background: url(../img/ct4.gif) no-repeat top;
	height: 50px;
	width: 401px;
}
#start a{
	color: black;
}
#komp_drehen,#komp_haerten,#komp_schleifen,#komp_hartdrehen,#komp_fraesen,#komp_montage{
		
	height: 150px;
	width: 150px;
	color: #EDEDED;
	font-family: Arial,sans-serif;
	font-size: 2.0em;
	line-height: 1.8em;
}
#komp_drehen{
	background: url(../img/komp_drehen2.jpg) no-repeat top;

}
#komp_haerten{
	background: url(../img/komp_haerten.jpg) no-repeat top;
}
#komp_schleifen{
	background: url(../img/komp_schleifen.jpg) no-repeat top;
}
#komp_hartdrehen{
	background: url(../img/komp_hartdrehen.jpg) no-repeat top;
}
#komp_fraesen{
	background: url(../img/komp_fraesen.jpg) no-repeat top;
}
#komp_montage{
	background: url(../img/komp_montage2.jpg) no-repeat top;
}
#rand{
border:	solid 1px #A2A2A2;
}
#kurz{
	border: solid 1px #A2A2A2;
/*	background: #FFFFB9;*/
background: #EDEDED;
}
#note{
	background: url(../img/note.gif) no-repeat top;
	width: 230px;
	height: 223px;
	line-height: 1em;
}
#visiten{
	background: url(../img/visiten.gif) no-repeat top;
	width: 288px;
	height: 142px;
	padding: 5px 0px 0px 3px;
}

.ansprech_h1{
	color: black;
	font-size: 20px;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	text-align: left;
}

.sprach{
	color: #A2A2A2;
	font-family: Arial,sans-serif;
	font-size: 0.85em;
	line-height: 1.1em;
	text-decoration: none;
}
.aus{
	color: black;
}

a .lang_de{
	background: url(../img/de3_grey.gif) no-repeat top;
	width: 34px;
	height: 11px;
}
a:hover .lang_de{
background: url(../img/de2.gif) no-repeat top;
}
.lang_de_act{
background: url(../img/de2.gif) no-repeat top;
width: 34px;
height: 11px;
}
a .lang_en{
	background: url(../img/en3_grey.gif) no-repeat top;
	width: 34px;
	height: 11px;
}
a:hover .lang_en{
background: url(../img/en2.gif) no-repeat top;
}
.lang_en_act{
background: url(../img/en2.gif) no-repeat top;
width: 34px;
height: 11px;
}
.a_kat {
	background-color: #A2A2A2;
	color: #FFFFFF;
	font-family: Arial,sans-serif;
	font-size: 1.2em;
	text-align: center;
	width: 170px;
	height: 59px;
	cursor: pointer;
	display: block;
   position: relative;
	line-height: 1.0em;
}
.a_kat a, .a_kat a:visited,.a_kat a:hover, .a_kat a:active, .a_kat a:visited:hover{
	color: white;
}
.a_kat #an{
	width: 170px;
	height: 59px;
}
.a_kat #an:hover, .a_kat #an:active{
	background-color: orange;
}
.a_kat .an a:hover, .a_kat .an a:active{
	background-color: orange;
}

.redtext{
	color: #EA0000;
}

.ol{
	height: 7px;
	width: 7px;
	background: url('../img/ol.gif') no-repeat scroll top left;
}
.or{
	height: 7px;
	width: 7px;
	background: url('../img/or.gif') no-repeat scroll top right;
}
.om{
	height: 7px;
	background: url('../img/om.gif') repeat-x scroll top;
}
.lm{
	width: 7px;
	background: url('../img/lm.gif') repeat-y scroll top;
}
.rm{
	width: 7px;
	background: url('../img/rm.gif') repeat-y scroll top;
}
.ul{
	height: 7px;
	width: 7px;
	background: url('../img/ul.gif') no-repeat scroll top left;
}
.ur{
	height: 7px;
	width: 7px;
	background: url('../img/ur.gif') no-repeat scroll top right;
}
.um{
	height: 7px;
	background: url('../img/um.gif') repeat-x scroll top;
}
#start_drehen{
	background: url(../img/detail_drehen4.jpg) no-repeat top;
	width: 200px;
	height: 200px;
}
#start_branchen{
	background: url(../img/detail_geschaeft.jpg) no-repeat top;
	width: 200px;
	height: 200px;
}
#start_quali{
	background: url(../img/detail_quali.jpg) no-repeat top;
	width: 200px;
	height: 200px;
}
#l_angebot{
	background: url(../img/angebot.jpg) no-repeat top;
	width: 100px;
	height: 100px;
}

.ol_t{
	height: 7px;
	width: 7px;
	background: url('../img/ol_t.gif') no-repeat scroll top left;
}
.or_t{
	height: 7px;
	width: 7px;
	background: url('../img/or_t.gif') no-repeat scroll top right;
}
.om_t{
	height: 7px;
	background: url('../img/om_t.gif') repeat-x scroll top;
}
.lm_t{
	width: 7px;
	background: url('../img/lm_t.gif') repeat-y scroll top;
}
.rm_t{
	width: 7px;
	background: url('../img/rm_t.gif') repeat-y scroll top;
}
.ul_t{
	height: 7px;
	width: 7px;
	background: url('../img/ul_t.gif') no-repeat scroll top left;
}
.ur_t{
	height: 7px;
	width: 7px;
	background: url('../img/ur_t.gif') no-repeat scroll top right;
}
.um_t{
	height: 7px;
	background: url('../img/um_t.gif') repeat-x scroll top;
}
#start_komp {
	background-color: #DAE0D5;
}

#start_komp:hover {
	background-color: #EA0000;
}
#start_geschaeft {
	background-color: #DAE0D5;
}

#start_geschaeft:hover {
	background-color: orange;
}
#start_qualitaet {
	background-color: #DAE0D5;
}

#start_qualitaet:hover {
	background-color: #00B92F;
}