@charset "utf-8";
/* ingenieurbuero-erb.de | media:screen */
/*============================================================================*/
/*general tags definition*/
body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  direction: ltr;
  background-image: url(../media/body-bgrd.png);
  background-position: left;
  background-repeat: repeat-y;
  color: #333;
}
h1 {
  color: #ff0000;
  font-size: 24px;
  margin: 0 0 13px 0;
  padding: 0;
}
h2 {
  color: #000;
  font-size: 16px;
  margin: 10px 0 4px 0;
  padding: 0;
}
h3 { 
	color: #f00;
	margin: 20px 0 5px 0;
}
h4 {
  color: #ff0000;
  font-size: 24px;
  margin: 0 0 13px 0;
  padding: 0;
}
h5 {
  color: #ff0000;
  font-size: 12px;
  margin: 4px 0;
  padding: 0;
}
a {
  color: #000;
}
a:visited {
  color: #333;
}
p, address {
  margin: 2px 0 8px 0;
}
address {
  font-style: normal;
}
img {
  border: none;
}
fieldset {
  border: none;
  margin: 0 0 10px 0;
  padding: 0;
}
label {
  display: block;
  font-size: 11px;
  font-weight: bold;
  margin: 8px 0 2px 0;
}
abbr { border-bottom: 1px dotted; }
/*============================================================================*/
/*Structure of Website*/
#main {
  width: 1105px;/*1105px*/
  background-image: url(../media/main-bgrd2.png);
  background-position: top;
  background-repeat: no-repeat;
  margin: 0 auto;
}
#head {
  height: 208px;
  width: 100%;
  overflow: hidden;
}
#logo {
  float: right;
  width: 351px;
  height: 78px;
  margin: 21px 145px 0 0;
}
#hnav {
  width: 573px;/*401*/
  height: 30px;
  overflow: hidden;
  background-color: #999;
}
#hnav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#hnav li {
  float: left;
}
#hnav a {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  display: block;
  height: 22px;
  color: #fff;
  font-size: 12px;
  padding: 8px 12px 0 9px;
}
#hnav a:hover {
  text-decoration: underline;
  background-color: #ccc;
}
.current {
    background-color: #ccc !important;
    color: #f00 !important;
}
div#hsubnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #ccc;
	width: 573px;
	height: 30px;
}
div#hsubnav ul li {
	float: left;
}
div#hsubnav ul li a {
	text-decoration: none;
	display: block;
	height: 22px;
	color: #333;
	font-size: 12px;
	padding: 8px 12px 0 9px;
}
div#hsubnav ul li a:hover {
	text-decoration: underline;
}
#content_left {
  width: 391px;
  float: left;
  margin-top: 15px;
  margin-right: 10px;
  padding-right: 10px;
}
#content_right {
  margin-top: 15px;
  width: 549px;
  float: left;
}
#bottom {
  width: 401px;
  clear: both;
  font-size: 10px;
  color: #666;
  /*border-top: 1px solid #666;*/
}
/*============================================================================*/
/*Classes*/
.box1 {
  width: 176px;
  height: 210px;
  float: left;
  margin-right: 7px;
  overflow: visible;
}
.box2 {
  width: 359px;
  float: left;
  margin-right: 7px;
  overflow: hidden;
}
.grey {
  background-color: #D9DADB;
}
/*Tab List*/
.tablist {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tablist li {
  float: left;
  margin-right: 1px;
}
.tablist a {
  background-color: #fff;
  color: #FF0000;
  padding: 2px 3px 0 3px;
  font-weight: bold;
  text-decoration: none;
  height: 17px;
}
.tablist a:hover, #currComp1 {
  background-color: #f00;
  color: #fff;
}
#kompetenzen {
  clear: both;
  margin: 0;
  border-top: 1px solid #f00;
  padding-top: 10px;
}
#kompetenzen ul, .list1 {
  margin: 0;
  padding: 0;
  list-style: none;
}
#kompetenzen li, .list1 li {
  background-color: #D9DADB;
  margin-bottom: 1px;
  padding: 1px 2px;
}
.list1 li:hover {
    background-color: #ff0000;
}
.list1 a {
    text-decoration: none;
    display: block;
}
.list1 a:hover {
    text-decoration: underline;
    color: #fff;
}
.list1 a:focus, .list1 a:active {
    text-decoration: underline;
    color: #fff;
}

/*============================================================================*/
/*E-Mail Form*/
#dfltForm {
    margin: 0 0 20px 0;
}
#dfltForm td {
    vertical-align: top;
}
.feFormInputs {
  border: 1px solid #999;
  width: 270px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  direction: ltr;
  padding: 1px;
}
#Telefon {
  width: 150px;
}
#submit {
  padding: 3px 8px;
  border: 1px outset #999;
  background-color: #ccc;
  color: #000;
  font-weight: bold;
}
#submit:hover {
  border-style: inset;
}
.txtSmall {
    font-size: 11px;
    display: block;
    margin: 10px 0;
}
.error {
  font-weight: bold;
  color: #E30019;
}
.imgTxt {
    float: left;
    margin: 0 10px 5px 0;
}

/* promotion banner */
div#promotion {
	position: absolute;
	top: 5%;
	left: 18%;
	width: 64%;
	padding: 2%;
	background: #fff url(../media/body-bgrd.png) left repeat-y;
	font-size: 14px;
	border: 1px solid #b2b2b2;
	-webkit-box-shadow: 3px 3px 3px #333;
	-moz-box-shadow: 3px 3px 3px #333;
	box-shadow: 3px 3px 3px #333;
}
div#promotion div.promotion-content {
	padding: 0 4% 4% 4%;
}
div#promotion h2 {
	margin: 30px 0 10px 0;
	color: #403152;
	font-size: 22px;
}