/*************************************************
*  www.steinmetz-rager.de
*  style.css : 19.09.2008
* ------------------------------------------------
* Bedios eBusniess Solutions 
* www.bedios.de
*************************************************/


/********/
/* Body */
/********/

body {
  background: url(img/bg.jpg) top center repeat-x #af4645;
  margin: 0px;
  padding: 21px 0px;
  font-family: Arial, Helvetica, "Nimbus Sans L", "Lucida Grande", Lucida, Verdana, sans-serif;
  font-size: 101.01%;
  word-spacing: 1px;
  color: #3a3a3a;
  text-align: center;
}

img {
  border-style: none;
}

/***************/
/* Link-Farben */
/***************/

a {
  color: #af4545;
  text-decoration: none;
}
a:hover {
  color: #af4545;
}

/*************/
/* Container */
/*************/

#container {
  /*position: relative;*/
  width: 654px;
  margin: 0px auto;
  padding: 0px;
  text-align: left;
}

/********/
/* head */
/********/

#head {
  width: 654px;
  height: 193px;
  margin: 0px;
  padding: 0px;
  background: url(img/top_bg.jpg) no-repeat;
}

#logo {
  float: left;
  margin: 20px 0px 0px 25px;
  width: 137px;
  height: 129px;
  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:"\"}\"";
  voice-family:inherit;
  /* Korrektur fuer richtige Browser ;) */
  width: 107px;
  height: 109px;
  display:inline;
}

#address {
  float: left;
  text-align: right;
  margin: 20px 25px 0px 0px;
  width: 512px;
  font-size: 10px;
  line-height: 1.25;
  color: #575757; /*#a09e9e;*/
  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:"\"}\"";
  voice-family:inherit;
  /* Korrektur fuer richtige Browser ;) */
  width: 487px;
  display:inline;
}



/********/
/* Menü */
/********/

#menuarea {
  width: 639px;
  height: 173px;
  color: #717171;
  font: 10.5px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
  background: url(img/menu_bg.jpg) repeat-x;
  padding: 0px 8px 0px 7px;
  overflow: hidden;
}


/*********/
/* Items */
/*********/


/*------------ Startseite --------------*/

#startseite_single_on {
  float: left;
  height: 28px;
  background: url(img/bg_hover.jpg);
  padding: 0px;
  width: 82px;
  overflow: hidden;
  text-decoration: none;
}

#startseite .item a , #startseite_single_on .item a{
  float: left;
  height: 28px;
  padding: 6px 0px 0px 15px;
  background: url(img/item_bg.gif);
  width: 67px;
  color: #575757;
  overflow: hidden;
  text-decoration: none;
}

#startseite .item a:active , #startseite .item a:hover , #startseite .item a:focus {
  float: left;
  height: 28px;
  padding: 6px 0px 0px 15px;
  background: url(img/item_bg_hover.gif);
  width: 67px;
  color: #ab0028;
  overflow: hidden;
  text-decoration: none;
}


/*----------- Firmenprofil ------------*/

#firmenprofil_open {
  float: left;
  height: 165px;
  background: url(img/firmenprofil_bg.jpg);
  padding: 0px;
  width: 101px;
  overflow: hidden;
  text-decoration: none;
}

#firmenprofil .item a {
  float: left;
  height: 28px;
  padding: 6px 0px 0px 15px;
  background: url(img/item_bg.gif);
  width: 86px;
  color: #575757;
  overflow: hidden;
  text-decoration: none;
}

#firmenprofil .item a:active , #firmenprofil .item a:hover , #firmenprofil .item a:focus {
  float: left;
  height: 28px;
  padding: 6px 0px 0px 15px;
  background: url(img/item_bg_hover.png);
  width: 86px;
  color: #ab0028;
  overflow: hidden;
  text-decoration: none;
}

#firmenprofil_open .item a {
  float: left;
  height: 28px;
  padding: 6px 0px 0px 15px;
  width: 86px;
  color: #ab0028;
  overflow: hidden;
  text-decoration: none;
}

#firmenprofil_open .subitem {
  float: left;
  color: #ab0028;
  border-bottom: 1px solid #ffffff;
  overflow: hidden;
  text-decoration: none;
  height: 21px;
  width: 101px;
}

#firmenprofil_open .subitem a {
 float: left;
  color: #575757;
  height: 15px;
  padding: 3px 0px 3px 15px;
  width: 86px;
  overflow: hidden;
  text-decoration: none;
}

#firmenprofil_open .subitem a:active , #firmenprofil_open .subitem a:hover , #firmenprofil_open .subitem a:focus {
 float: left;
  height: 15px;
  padding: 3px 0px 3px 15px;
  background: url(img/submenu_hover.png);
  width: 86px;
  color: #ab0028;
  overflow: hidden;
  text-decoration: none;
}


/*------------ Leistungen --------------*/

#leistungen_open {
  float: left;
  height: 165px;
  background: url(img/leistungen_bg.jpg);
  padding: 0px;
  width: 126px;
  overflow: hidden;
  text-decoration: none;
}

#leistungen .item a {
  float: left;
  height: 28px;
  padding: 6px 0px 0px 15px;
  background: url(img/item_bg.gif);
  width: 111px;
  color: #575757;
  overflow: hidden;
  text-decoration: none;
}

#leistungen .item a:active , #leistungen .item a:hover , #leistungen .item a:focus {
  float: left;
  height: 28px;
  padding: 6px 0px 0px 15px;
  background: url(img/item_bg_hover.gif);
  width: 111px;
  color: #ab0028;
  overflow: hidden;
  text-decoration: none;
}

#leistungen_open .item a {
  float: left;
  height: 28px;
  padding: 6px 0px 0px 15px;
  width: 111px;
  color: #ab0028;
  overflow: hidden;
  text-decoration: none;
}

#leistungen_open .subitem {
  float: left;
  color: #ab0028;
  border-bottom: 1px solid #ffffff;
  overflow: hidden;
  text-decoration: none;
  height: 21px;
  width: 126px;
}

#leistungen_open .subitem a {
 float: left;
  color: #575757;
  height: 15px;
  padding: 3px 0px 3px 15px;
  width: 111px;
  overflow: hidden;
  text-decoration: none;
}

#leistungen_open .subitem a:active , #leistungen_open .subitem a:hover , #leistungen_open .subitem a:focus {
 float: left;
  height: 15px;
  padding: 3px 0px 3px 15px;
  background: url(img/submenu_hover.png);
  width: 111px;
  color: #ab0028;
  overflow: hidden;
  text-decoration: none;
}

/*------------ Referenzen --------------*/


#referenzen_single_on {
  float: left;
  height: 28px;
  background: url(img/bg_hover.jpg);
  padding: 0px;
  width: 117px;
  overflow: hidden;
  text-decoration: none;
}

/*
#referenzen_open {
  float: left;
  height: 165px;
  background: url(img/referenzen_bg.jpg);
  padding: 0px;
  width: 117px;
  overflow: hidden;
  text-decoration: none;
}*/

#referenzen .item a , #referenzen_single_on .item a {
  float: left;
  height: 28px;
  padding: 6px 0px 0px 15px;
  background: url(img/item_bg.gif);
  width: 102px;
  color: #575757;
  overflow: hidden;
  text-decoration: none;
}

#referenzen .item a:active , #referenzen .item a:hover , #referenzen .item a:focus {
  float: left;
  height: 28px;
  padding: 6px 0px 0px 15px;
  background: url(img/item_bg_hover.gif);
  width: 102px;
  color: #ab0028;
  overflow: hidden;
  text-decoration: none;
}



/*------------ Jobs --------------*/

#jobs_single_on {
  float: left;
  height: 28px;
  background: url(img/bg_hover.jpg);
  padding: 0px;
  width: 118px;
  overflow: hidden;
  text-decoration: none;
}


#jobs_single_on .item a {
  float: left;
  height: 28px;
  padding: 6px 0px 0px 15px;
  width: 103px;
  color: #ab0028;
  overflow: hidden;
  text-decoration: none;
}


#jobs .item a {
  float: left;
  height: 28px;
  padding: 6px 0px 0px 15px;
  background: url(img/item_bg.gif);
  width: 103px;
  color: #575757;
  overflow: hidden;
  text-decoration: none;
}

#jobs .item a:active , #jobs .item a:hover , #jobs .item a:focus {
  float: left;
  height: 28px;
  padding: 6px 0px 0px 15px;
  background: url(img/item_bg_hover.gif);
  width: 103px;
  color: #ab0028;
  overflow: hidden;
  text-decoration: none;
}

/*------------ Kontakt --------------*/

#kontakt_open {
  float: left;
  height: 165px;
  background: url(img/kontakt_bg.jpg);
  padding: 0px;
  width: 95px;
  overflow: hidden;
  text-decoration: none;
}

#kontakt .item a {
  float: left;
  height: 28px;
  padding: 6px 0px 0px 15px;
  background: url(img/item_bg.gif);
  width: 80px;
  color: #575757;
  overflow: hidden;
  text-decoration: none;
}

#kontakt .item a:active , #kontakt .item a:hover , #kontakt .item a:focus {
  float: left;
  height: 28px;
  padding: 6px 0px 0px 15px;
  background: url(img/item_bg_hover.gif);
  width: 80px;
  color: #ab0028;
  overflow: hidden;
  text-decoration: none;
}

#kontakt_open .item a {
  float: left;
  height: 28px;
  padding: 6px 0px 0px 15px;
  width: 80px;
  color: #ab0028;
  overflow: hidden;
  text-decoration: none;
}

#kontakt_open .subitem {
  float: left;
  color: #ab0028;
  border-bottom: 1px solid #ffffff;
  overflow: hidden;
  text-decoration: none;
  height: 21px;
  width: 95px;
}

#kontakt_open .subitem a {
  float: left;
  color: #575757;
  height: 15px;
  padding: 3px 0px 3px 15px;
  width: 80px;
  overflow: hidden;
  text-decoration: none;
}

#kontakt_open .subitem a:active , #kontakt_open .subitem a:hover , #kontakt_open .subitem a:focus {
  float: left;
  height: 15px;
  padding: 3px 0px 3px 15px;
  background: url(img/submenu_hover.png);
  width: 80px;
  color: #ab0028;
  overflow: hidden;
  text-decoration: none;
}


/********/
/* main */
/********/

#main {
  padding: 0 12px;
  margin: 0px;
  background: url(img/main_bg.jpg) repeat-y;
  width: 664px; /* falsch für ie 5x */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 640px; /* richtig */
}


/***********/
/* content */
/***********/

#content {
  float: left;
  padding: 31px;
  width: 402px; /* falsch für ie 5x */
  font-family: Arial, Helvetica, Lucida, Verdana, sans-serif;
  font-size: 0.75em;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 340px; /* richtig */
}

#content h2 {
  font-size: 15px;
  font-weight: bold;
  font-family: Arial, Helvetica, Verdana;
  line-height: 21px;
  letter-spacing: 1px;
  margin: 0 0 20px 0;
  background: transparent;
}

#content h3 {
  font-size: 13px;
  font-family: Arial, Helvetica, Verdana;
  line-height: 14px;
  letter-spacing: 1px;
  font-weight: normal;
  margin: 0 0 12px 0;
  padding: 6px 0 0 0px;
}

#content b {
  color:  #ab0028;
}

#content ul {
  list-style: url(img/li_dots.gif);
}

#content dl dt {
  color:  #ab0028;
}

#content .quotation {
  font: 12px Verdana, Helvetica, Arial;
  color: #5d5d5d;
  letter-spacing: 1px;
}

#content .spacer {
  height: 10px;
  background: url(img/spacer.gif) center repeat-x;
}

#content .msgstatus {
  background-color: #e7e2e3;
  border: 1px dotted #5e5e5e;
  padding: 5px;
  margin: 0px;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica;
  color: #5e5e5e;
}


#content .formspacer {
  margin-bottom: 3px;
  clear:left;
}

#content label {
  display: block;
  padding: 0 0 5px 0;
  width: 80px;
  float: left;
}

input.eingabefeld {
  float: left;
  display: block;
  width: 236px;
  font-size: 11px;
  border:  1px solid #ffffff;
  background-color: #f5f5f5;
  border-bottom: 1px solid #a09e9e;
}

input.optionalfeld {
  float: left;
  display: block;
  width: 236px;
  font-size: 11px;
  border:  1px solid #ffffff;
  border-bottom: 1px solid #a09e9e;
}

#content .plz {
  float: left;
  display: block;
  width: 45px;
  margin-right: 5px;
  font-size: 11px;
  border:  1px solid #ffffff;
  border-bottom: 1px solid #a09e9e;
}

#content .ort {
  float: left;
  display: block;
  width: 184px;
  font-size: 11px;
  border:  1px solid #ffffff;
  border-bottom: 1px solid #a09e9e;
}

#content textarea.nachricht {
  width: 236px;
  margin: 0px;
  padding: 0px;
  height: 140px;
  font-size: 11px;
  border:  1px solid #ffffff;
  background-color: #f5f5f5;
  border-bottom: 1px solid #a09e9e;
}

#content em.adresse {
  display: block;
  font-style: normal;
  width: 55px;
  float:left;
}

#content em.register {
  display: block;
  font-style: normal;
  width: 115px;
  float:left;
}

#line {
  background: url(../grafik/line.gif) repeat #0081C3;
  padding: 0px;
  width: 640px;
  height: 7px;
}


/***********/
/* infobar */
/***********/

#infobar {
  float: left;
  padding: 35px 25px 31px 41px;
  margin: 0px auto;
  width: 238px; /* falsch für ie 5x */
  font-family: Arial, Helvetica, Lucida, Verdana, sans-serif;
  font-size: 0.75em;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 172px; /* richtig */
  border: 0px solid #ff0000;
}

#infobar ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#infobar li {
  border: 0px solid #ffffff;
  border-bottom: 1px dotted #5d5d5d;
  margin: 0px;
  padding: 3px 2px;
}

/**********/
/* footer */
/**********/

#footer {
  width: 638px;
  height: 26px;
  color: #788994;
  font-size: 10px;
  text-align:right;
  background: url(img/footer_bg.jpg) bottom no-repeat;
  padding: 0px 8px;
}

.imprint {
  float: left;
  width: 251px;
  height: 23px;
  color: #717171;
  font-size: 10px;
  text-align:left;
  padding: 3px 0px 0px 31px;
}

#webdesign {
  font: 10px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
  word-spacing: 1px;
  color: #3a3a3a;
  text-align:right;
  padding: 0px 8px 0px 0px;
}


#webdesign a {
  font: 10px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
  word-spacing: 1px;
  color: #3a3a3a;
  text-align:right;
  text-decoration: none;
}

#webdesign a:active , #webdesign a:hover , #webdesign a:focus {
  font: 10px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
  word-spacing: 1px;
  color: #3a3a3a;
  text-align:right;
  text-decoration: underline;
}