/*  ----------------Header---------------------- */ 
#header {
width: 900px;
height: 190px;
margin: 0px;
text-align: left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-image:url("../images/jhstechnik.jpg");
background-position:top;
background-repeat:no-repeat;
background-color: #f1f1f1;
} 

/*  ----------------Navigation------------------- */ 
#navigation {
width: 900px;
height: 30px;
margin: 0px;
text-align: left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-color: #e3e6e7;
} 

/*  ---------------UnterNavigation--------------- */ 
.undernavigation {
width: 225px;
margin: 0px;
text-align: left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
} 

/*  ---------------UnterNavigation2-------------- */ 
.undernavigation2 {
width: 180px;
margin: 0px;
text-align: left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 0px;
} 

/*  ----------------Content---------------------- */ 
#content {
width: 900px;
margin: 0px;
text-align: left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
background-image:url("../images/trans.gif");
background-position:top;
background-repeat:no-repeat;
} 

/*  ----------------Angebot---------------------- */ 
.angebot {
text-align: left;
width: 91px;
height: 200px;
border-top: 1px solid #000000; 
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 10px;
background-image:url("../images/bg_kataloge.gif");
background-position:top;
background-repeat:repeat-x;
}

.angebot1b {
text-align: left;
width: 91px;
height: 260px;
border-top: 1px solid #000000; 
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 10px;
background-image:url("../images/bg_kataloge.gif");
background-position:top;
background-repeat:repeat-x;
}

.angebot1c {
text-align: left;
width: 91px;
height: 150px;
border-top: 1px solid #000000; 
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
background-image:url("../images/bg_kataloge.gif");
background-position:top;
background-repeat:repeat-x;
}

.angebot1d {
text-align: left;
width: 91px;
height: 100px;
border-top: 1px solid #000000; 
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 10px;
background-image:url("../images/bg_kataloge.gif");
background-position:top;
background-repeat:repeat-x;
}

.angebot2 {
text-align: left;
width: 330px;
height: 200px;
border-top: 1px solid #000000; 
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-image:url("../images/bg_kataloge2.gif");
background-position:top;
background-repeat:repeat-x;
}

.angebot2b {
text-align: left;
width: 330px;
height: 260px;
border-top: 1px solid #000000; 
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-image:url("../images/bg_kataloge2.gif");
background-position:top;
background-repeat:repeat-x;
}

.angebot2bb {
text-align: left;
width: 330px;
height: 400px;
border-top: 1px solid #000000; 
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-image:url("../images/bg_kataloge2.gif");
background-position:top;
background-repeat:repeat-x;
}

.angebot2c {
text-align: left;
width: 330px;
height: 150px;
border-top: 1px solid #000000; 
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
background-image:url("../images/bg_kataloge2.gif");
background-position:top;
background-repeat:repeat-x;
}

.angebot2d {
text-align: left;
width: 330px;
height: 100px;
border-top: 1px solid #000000; 
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-image:url("../images/bg_kataloge2.gif");
background-position:top;
background-repeat:repeat-x;
}

.angebot3 {
text-align: left;
width: 180px;
height: 150px;
border-top: 1px solid #000000; 
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-image:url("../images/bg_kataloge3.gif");
background-position:top;
background-repeat:repeat-x;
}

.angebot5 {
text-align: left;
width: 79px;
height: 150px;
border-top: 1px solid #000000; 
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-image:url("../images/bg_kataloge2.gif");
background-position:top;
background-repeat:repeat-x;
}

.angebot6 {
text-align: left;
width: 130px;
height: 150px;
border-top: 1px solid #000000; 
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-image:url("../images/bg_kataloge.gif");
background-position:top;
background-repeat:repeat-x;
}

.angebot_ue {
text-align: left;
font-size:11px;
font-weight: bold;
color: #000000;
width: 91px;
height: 15px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 10px;
background-color: #dee2e4;
}

.angebot_ue2 {
text-align: left;
font-size:11px;
font-weight: bold;
color: #000000;
width: 330px;
height: 15px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
background-color: #eef0f1;
}

.angebot_ue3 {
text-align: left;
font-size:11px;
font-weight: bold;
color: #000000;
width: 190px;
height: 15px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 10px;
background-color: #f7f8f8;
}

.angebot_ue4 {
text-align: left;
font-size:11px;
font-weight: bold;
color: #000000;
width: 293px;
height: 15px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 10px;
background-color: #f7f8f8;
}

.angebot_ue5 {
text-align: left;
font-size:11px;
font-weight: bold;
color: #000000;
width: 89px;
height: 15px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 10px;
background-color: #eef0f1;
}

.angebot_ue6 {
text-align: left;
font-size:11px;
font-weight: bold;
color: #000000;
width: 140px;
height: 15px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 10px;
background-color: #dee2e4;
}

/*  ----------------Footer---------------------- */ 
#footer {
width: 900px;
height: 82px;
margin: 0px;
color:#000000;
text-align: left;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px;
background-image:url("../images/footer.jpg");
background-position:top;
background-repeat:no-repeat;
} 

/*  ----------------Formular---------------------- */ 

.formimg{ 
border:0px;
}

input, textarea, select {
font-size: 12px;
font-family: Arial, Helvetica, Verdana, Sans-Serif;
background-color: #ffffff;
color: #314a54;
border:solid #b6b6b6 1px;
}

form{ 
position: relative; 
margin: 0px; 
}