/*********************************
 **       Schriften
 *********************************/
body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
h1, h2, h3 {
	text-transform:uppercase;
}
h1 {
	font-weight: 400;
	letter-spacing: 0.15em;
	font-size:0.9em;	
}

p {
	font-weight: 400;
	letter-spacing: 0.05em;
	font-size:0.85em;	
}
#teaser a {
	font-weight: 600;
	color: #a91a24;
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing: 0.15em;
	font-size:0.7em;
}
#teaser p {
	margin-bottom:2px;
}
#content p,
#content h1,
#content h2 {
	margin-left: 24%;
}
#content h1 {
	padding: 15px 0 5px 0;
	color: #A91A24;
	font-weight: 600;
}
#content h2 {
	padding: 5px 0 0 0;
	color: #000;
	font-weight: 600;
	font-size: 0.8em;
	letter-spacing: 0.15em;
}
#teaser p {
	padding-right: 5%;
}

.footercontent a {
	font-weight: 600;
	color: #969696;
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing: 0.15em;
	font-size:0.7em;	
}
.footercontent a:hover,
.footercontent a:focus {
	color: #A91A24;
}

/*********************************
 **       Maße, Positionierung
 *********************************/
body { 
  width: 95%;
  margin: 0 auto;
/*  background: white;*/
  padding:0 10px 0 10px;
}
#kopf {
	position:relative;
	height: 64px;
} 
#logo {
	margin-top: 20px;
}
#content,
#teaser {
	margin: 0 -20px 0 -20px;
	padding: 0 20px 0 20px;
	position:relative;
}
.span_1 {
	float: left;
}

.cf {
	clear:both;
}

/*********************************
 **       Hintergrundbilder
 *********************************/

#content {
	background: url(../images/hintergrund_content.gif);
	border-top: 1px solid #dfdecf;
	border-bottom: 1px solid #dfdecf;
}

.footerlinie {
	clear:both;
	background: url(../images/linie_footer.gif) top left repeat-x;
	height: 2px;
	margin: 0 -20px -16px -20px;
}

/*********************************
 **       Navigation
 *********************************/
#navi{
	position:absolute;
	top:25px;
	right:50px;
}
#navi li {
	list-style: none;
	float: left;
	width: 4em;
	position: relative;
	font-size: 12px;
        height: 35px;
}
#navi a{
	display: block;
	padding: 0.1em 0.1em;
	text-decoration: none;
	text-transform: uppercase;
	color: #4b4b4b;
	letter-spacing: 0.12em;
	font-size: 9px;
}

#umsetzung a {
	display: block;
	height: 37px;
	width: 37px;
	text-indent: -9999px;
	background: url(../images/icons_navi_umsetzung.gif) top left no-repeat;
	margin-top:-38px;

}
#umsetzung a:hover,
#umsetzung a:focus  {
	display: block;
	height: 95px;
	width: 37px;
    text-indent:0px;
    line-height: 94px;
    vertical-align:bottom;
	background: url(../images/icons_navi_umsetzung_hover.gif) top left no-repeat;
	margin-top:-38px;
}
.active#umsetzung a {
	display: block;
	height: 95px;
	width: 37px;
    text-indent:-9999px;
    line-height: 94px;
    vertical-align:bottom;
	background: url(../images/icons_navi_umsetzung_active.gif) top left no-repeat;
	margin-top:-38px;
}
#agentur a {
	display: block;
	height: 37px;
	width: 37px;
	text-indent: -9999px;
	background: url(../images/icons_navi_agentur.gif) top left no-repeat;
	margin-top:-38px;
}
#agentur a:hover,
#agentur a:focus {
	display: block;
	height: 95px;
	width: 37px;
    text-indent:0px;
    line-height: 94px;
	background: url(../images/icons_navi_agentur_hover.gif) top left no-repeat;
	margin-top:-38px;
}
.active#agentur a {
	display: block;
	height: 95px;
	width: 37px;
    text-indent:-9999px;
    line-height: 94px;
    vertical-align:bottom;
	background: url(../images/icons_navi_agentur_active.gif) top left no-repeat;
	margin-top:-38px;
}
#dienstleistung a {
	display: block;
	height: 37px;
	width: 37px;
	text-indent: -9999px;
	background: url(../images/icons_navi_dienstleistung.gif) top left no-repeat;
	margin-top:-38px;
}
#dienstleistung a:hover,
#dienstleistung a:focus {
	display: block;
	height: 95px;
	width: 37px;
    text-indent:0px;
    line-height: 94px;
	background: url(../images/icons_navi_dienstleistung_hover.gif) top left no-repeat;
	margin-top:-37px;
}
.active#dienstleistung a {
	display: block;
	height: 95px;
	width: 37px;
    text-indent:-9999px;
    line-height: 94px;
    vertical-align:bottom;
	background: url(../images/icons_navi_dienstleistung_active.gif) top left no-repeat;
	margin-top:-38px;
}
#software a {
	display: block;
	height: 37px;
	width: 37px;
	text-indent: -9999px;
	background: url(../images/icons_navi_software.gif) top left no-repeat;
	margin-top:-38px;
}
#software a:hover,
#software a:focus {
	display: block;
	height: 95px;
	width: 37px;
    text-indent:0px;
    line-height: 94px;
	background: url(../images/icons_navi_software_hover.gif) top left no-repeat;
	margin-top:-38px;
}
.active#software a {
	display: block;
	height: 95px;
	width: 37px;
    text-indent:-9999px;
    line-height: 94px;
    vertical-align:bottom;
	background: url(../images/icons_navi_software_active.gif) top left no-repeat;
	margin-top:-38px;
}
#referenzen a {
	display: block;
	height: 37px;
	width: 37px;
	text-indent: -9999px;
	background: url(../images/icons_navi_referenzen.gif) top left no-repeat;
	margin-top:-38px;
}
#referenzen a:hover,
#referenzen a:focus {
	display: block;
	height: 95px;
	width: 37px;
    text-indent:0px;
    line-height: 94px;
	background: url(../images/icons_navi_referenzen_hover.gif) top left no-repeat;
	margin-top:-38px;
}
.active#referenzen a {
	display: block;
	height: 95px;
	width: 37px;
    text-indent:-9999px;
    line-height: 94px;
    vertical-align:bottom;
	background: url(../images/icons_navi_referenzen_active.gif) top left no-repeat;
	margin-top:-38px;
}
/*********************************
 **      Icons Teaser
 *********************************/

.umsetzung_teaser,
.agentur_teaser,
.dienstleistung_teaser,
.software_teaser,
.referenzen_teaser {
/*	display: block;*/
	height: 63px;
	width: 100%;
	clear:both;
	float: left;
	margin-top:-30px;
	margin-bottom: 10px;
	margin-left: 28%;
}
.umsetzung_teaser{
	background: url(../images/teaser_umsetzung.gif) 0px 0px no-repeat;
}
.agentur_teaser {
	background: url(../images/teaser_agentur.gif) 0px 0px no-repeat;
}
.dienstleistung_teaser {
	background: url(../images/teaser_dienstleistung.gif) 0px 0px no-repeat;
}
.software_teaser {
	background: url(../images/teaser_software.gif) 0px 0px no-repeat;
}
.referenzen_teaser {
	background: url(../images/teaser_referenzen.gif) 0px 0px no-repeat;
}
/*********************************
 **      Footer
 *********************************/
footer {
	clear:both;
}
.footercontent {
	margin: 0px -20px 0 -20px;
	padding: 0 20px 0 20px;
	clear: both;
	position:relative;
	right:50px;
}

.footercontent li {
	list-style: none;
	float: left;
	padding-right: 10px;
	margin-left:10px;
}
/*********************************
 **      Unterseiten
 *********************************/