/*================================================*/
html {
  width: 100%; height: 100%; padding: 0 0 0 0; 
	color: #242424; background-color: #f8f8f8;  
  font-family: Verdana, sans-serif; font-size: 100.1%; line-height: 1em;    
  text-decoration: none; /*entfernt Linie bei Links*/
}

body {
  height: 95%; padding: 24px 0em 0em 0em; margin: 0 0 0 0;
  text-align: center; /*center hack*/
  background-image: url("../images/backgr_verlauf.jpg"); background-repeat: repeat-x; background-position: left top; background-attachment: fixed;
}

.clr {clear: both;}
/*================================================*/



/*================================================*/
#headerarea {
  width: 54em; /*(=864px)*/ padding: 0 0 0 0; margin: 0 auto; /*center hack*/
  height: 96px;
  /*font-size: 12px;*/
  text-align: left;
  color: #242424; background-color: transparent;
}

#navicontainer {
  margin: 0 0 0 240px;
  height: 65px;
  color: #242424; background-color: #f8f8f8;
  border: 1px solid #ffffff;
}/*IE fix*/ * html #navicontainer {margin: 0 0 0 250px;}

img.header_image {
  width: 75px; margin: 0 0 0 0; padding: 0 0 0 0;
  height: 65px;
  float: left;
  border-right: 1px solid #ffffff;
}/*IE fix*/ * html img.header_image {margin: 0 -3px 0 -3px;}

#hauptnavigation {
  margin: 46px 0 0 0; padding: 0 0 0 10px;
  float: left;
  height: 15px;
  color: #686a6f; background-color: transparent;
  font-size: 11px;
}

#subnavicontainer {
  margin: 0 0 0 240px; padding: 0 0 0 238px;
  height: 28px;
  line-height: 1em;
  color: #c9cdd7; background-color: transparent;
  font-size: 0.8em; 
}/*IE fix*/ * html #subnavicontainer {margin: 0 0 0 250px; padding: 0 0 0 221px;}
/*================================================*/



/*================================================*/
#bodycontainer {
  width: 55em; /*(=880px)*/ padding: 0 0 0 0; margin: 0 auto; /*center hack*/
  height: /*568px;*/ 35.5em;
  text-align: left;
  color: #242424; background-color: #f8f8f8;
  /*border-top: 1px solid #f5f5f5; */  
}

#content_headline {
  padding: 0px 0 0 250px;
  height: 70px;
  font-size: 10px; line-height: 11px;
  color: #686a6f; background-color: transparent;
  background-image: url("../images/bpi2_logo_web.png"); background-repeat: no-repeat; background-position: 18px 18px;
}

#content { padding: 0 0 0 250px; }

#contentfullwidth { padding: 0 0 0 120px; }

#content p {
  width: 40em;
  font-size: 11px; line-height: 1.2em;
}

#content li {
  display: list-item;
  width: 40em; margin: 0em 0em 1.5em -1.5em; padding: 0 0 0 1.5em;
  vertical-align: text-top;
  font-size: 0.8em; font-weight: normal;
  color: #242424; background-color: transparent;
  /*list-style-type: square;*/
  list-style-type: none;
  /*list-style-image: url("");*/
}

#content li ul li {
  display: list-item;
  width: 40em; margin: 0em 0em 2px 0em; padding: 0em 0em 0em 1.2em;
  /*height: 1.2em;*/
  vertical-align: text-top;
  font-size: 0.8em; font-weight: normal;
  color: #242424; background-color: transparent;
  /*list-style-type: square;*/
  background-image: url("../images/list-style.png");
  background-repeat: no-repeat;
  background-position: 0px 5px;
  /*list-style-image: url("");*/
}

#contentfooter {
  padding: 0 12px 5px 250px; margin: -20px 0 0 0;
  font-size: 11px; font-weight: normal;
  color: #686a6f; background-color: transparent;
  clear: both;
}
/*================================================*/




/*================================================*/
/* SCHATTEN */
/*================================================*/
#schattenlinks {  
  height: 100%;
  background-image: url("../images/shadow_leftrepeat.jpg"); background-repeat: repeat-y; background-position: left top;
}
img.schattenlinks {
  width: 8px; height: 550px; float: left;
}
img.schattenrechts {
  width: 8px; height: 550px; float: right;
}
#schattenrechts {
  height: 100%;
  background-image: url("../images/shadow_rightrepeat.jpg"); background-repeat: repeat-y; background-position: right top;
}
#schattenunten {
  width: 55em;
  height: 8px;
  margin: 0 auto;
  background-image: url("../images/shadow_bottom.jpg"); background-repeat: repeat-x; background-position: 0px 0px;
}
#eckeul {
  width: 16px; height: 8px;  
  float: left;
  background-image: url("../images/shadow_bottomleft.jpg"); background-repeat: no-repeat; background-position: 0px 0px;
}
#eckeur {
  width: 16px; height: 8px;  
  float: right;
  background-image: url("../images/shadow_bottomright.jpg"); background-repeat: no-repeat; background-position: 0px 0px;
}
/*================================================*/



div.teamprofil, div.teamprofil_wide {
  width: 150px; height: 400px; margin: 0 0 0 0; padding: 0 0 0 0;
  float: left;
  font-size: 10px;
  line-height: 12px;
}

div.teamprofil_wide {
  width: 250px;
}

div.teamprofil i, div.teamprofil_wide i {
  font-style: normal;
  color: #686a6f; background-color: transparent;
}

div.teamprofil h1, div.teamprofil_wide h1 {
  font-size: 10px;
  margin: 50px 0 0 0;
}

img.portrait {
  width: 92px; height: 110px;
  border: 1px solid #242424;
}




/*================================================*/
/* Leistungen > Tabelle */
/*================================================*/
div.tableleistungen {
  margin: 0 10px 0 0; padding: 10px 0 0 0;
  border: 1px solid #edf0df;
  color: #ffffff; background-color: #005989;/*#006da8;/*#242424;*/
  font-size: 10px;
  float: left;
  text-align: center;
}

div.spalte {
  padding: 10px 10px 10px 10px;
  color: #242424; background-color: #ffffff;
  text-align: left;
}

div.zelle {
  width: 135px; margin: 0 0 0 0; padding: 10px 0 10px 5px;
  font-size: 10px;
  text-align: left;
  line-height: 12px;
  /*background-image: url("../images/list-style.png"); background-repeat: no-repeat; background-position: 0px 15px;*/
}

p.pleistungen {
  width: 50em;
  float: left;
  font-size: 11px;
}

a.referenzlogokbw {position:absolute; margin: -52px 0 0 -150px;}
a.referenzlogoversatel {position:absolute; margin: -42px 0 0 -140px;}
a.referenzlogobionorica {position:absolute; margin: -42px 0 0 -145px;}
a.referenzlogobitkom {position:absolute; margin: -42px 0 0 -157px;}
a.referenzlogobipro {position:absolute; margin: -22px 0 0 -138px;}
a.referenzlogointalio {position:absolute; margin: -42px 0 0 -155px;}

* html a.referenzlogokbw {position:relative; margin: 0; top: -40px; left: -380px;} /* IE6 fix */
* html a.referenzlogoversatel {position:relative; margin: 0; top: -25px; left: -380px;} /* IE6 fix */
* html a.referenzlogobionorica {position:relative; margin: 0; top: -25px; left: -288px;} /* IE7 fix */
* html a.referenzlogobitkom {position:relative; margin: 0; top: -30px; left: -420px;} /* IE6 fix */
* html a.referenzlogobipro {position:relative; margin: 0; top: 0px; left: -440px;} /* IE6 fix */
* html a.referenzlogointalio {position:relative; margin: 0; top: -36px; left: -170px;} /* IE6 fix */

* + html a.referenzlogokbw {position:relative; margin: 0; top: -40px; left: -380px;} /* IE7 fix */
* + html a.referenzlogoversatel {position:relative; margin: 0; top: -25px; left: -380px;} /* IE7 fix */
* + html a.referenzlogobionorica {position:relative; margin: 0; top: -25px; left: -288px;} /* IE7 fix */
* + html a.referenzlogobitkom {position:relative; margin: 0; top: -30px; left: -420px;} /* IE7 fix */
* + html a.referenzlogobipro {position:relative; margin: 0; top: 0px; left: -440px;} /* IE7 fix */
* + html a.referenzlogointalio {position:relative; margin: 0; top: -36px; left: -170px;} /* IE7 fix */

a img {
  border: 0 none;
  color: #ffffff;
  background-color: transparent;
}

#kontakt {

}

#kontakt p {
  width: 200px;
}

#kontakt p.contactform {
  font-size: 0.6em;
}

div.kontaktinfo {
  width: 300px;
  float: left;
}

div.kontaktformlinks {
  width: 200px;
  float: left;
}
div.kontaktformrechts {
  width: 310px;
  float: left;
}

form {
  width: 600px;
  float: left;
}

input {
  width: 150px; margin: 0 0 10px 0;
  border: 1px solid #242424;
}

textarea {
  width: 380px;
  height: 150px;
  border: 1px solid #242424;
  font-family: Verdana, sans-serif; line-height: 1em;
}

input.fehler {
  border: none;
  width: 500px;
  font-size: 12px;
  color: #ff0000; background-color: transparent;
}

/*================================================*/
/* ANKER */
/*================================================*/
a {
  color: #242424; background-color: transparent;
  font-size: 0.9em; font-weight: bold;
  text-decoration: underline;
  border: 1px solid #f8f8f8;
}

a:link {

}

a:visited {

}

a:hover {
  text-decoration: none;
  border: 1px dotted #e2e2e2;
}

a:active {

}

a.navi {
  color: #242424; background-color: transparent;
  font-size: 11px; font-weight: normal;
  text-decoration: none;
  border: none;
}
a.navi_active {
  color: #242424; background-color: transparent;
  font-size: 11px; font-weight: bold;
  text-decoration: none;
  border: none;
}
a.subnavi {
  color: #686a6f; background-color: transparent;
  font-size: 10px; font-weight: normal;
  text-decoration: none;
  border: none;
}
a.subnavi_active {
  color: #686a6f; background-color: transparent;
  font-size: 10px; font-weight: bold;
  text-decoration: none;
  border: none;
}
a.navi:hover, a.subnavi:hover {text-decoration: underline; border: none;}
a.navi_active:hover, a.subnavi_active:hover {text-decoration: none; border: none;}


/*================================================*/






/*================================================*/
#footer {
  width: 100%; margin: 30px 0 0 0; padding: 10px 0 0 0;
  height: 38px;
  text-align: right;
  font-size: 9px;
  clear: both;
  color: #686a6f; background-color: #f8f8f8;
  border-top: 1px solid #e2e2e2;
}
#footer a {
  font-size: 9px; font-weight: normal;
  color: #686a6f; background-color: transparent;
}
/*================================================*/




/*================================================*/
img {
  margin: 0 0 0 0; padding: 0 0 0 0;
}

h1 {
  margin-bottom: 1em;
  color: #242424; background-color: transparent;
  font-size: 0.8em; font-weight: bold;  
}

h2 {
  margin-bottom: 0;
  color: #242424; background-color: transparent;
  font-size: 0.8em; font-weight: bold;  
}

h3 {
  margin: 0 0 0 0;
  color: #242424; background-color: transparent;
  font-size: 10px; font-weight: bold;  
}

p {
  padding: 0 0 0 0; margin: 0 0 0 0;
  font-size: 0.8em; font-weight: normal;
  color: #242424; background-color: transparent;  
}

ul {
  /*padding: 0em 0em 0em 1.2em; margin: 0;*/
  padding: 0em 0em 0em 0em; margin: 0;
}

ul li ul {padding: 0; margin: 0 0 30px 0;}
* html ul li ul {padding: 0; margin: 0 0 0 0;} /* IE 6 fix */
* + html ul li ul {padding: 0; margin: 0 0 -10px 0;} /* IE 7 fix */

li {
  margin: 0em 0em 0.2em 0em;
  font-size: 0.8em; font-weight: normal; line-height: 1.2em;
  color: #242424; background-color: transparent;
  list-style-type: square;
  padding: 0em 0em 0em 1.2em;
}

hr {
  height: 1px;
  margin: 2px 0 2px 0;
  border: none; border-top: 1px solid #edf0df;
}

strong {

}

em {
  color: #818279; background-color: transparent;
}

/*============================================================================*/
/*  Lizenzbestimmungen                                                        */
/*  ==================                                                        */
/*                                                                            */
/*  Dieses Dokument ist Eigentum von:                                         */
/*                                                                            */
/*  BPI2 GmbH                                                                 */
/*  Business Process Improvement and Implementation Company                   */            
/*                                                                            */
/*  Edith-Stein-Weg 18                                                        */
/*  D-63322 Rödermark                                                         */
/*                                                                            */
/*  Geschäftsführung: Peter Knippel, Roland Volk                              */
/*                                                                            */
/*  http://www.bpi2.eu                                                        */
/*                                                                            */
/*  Code-Autor: Christoph Manschitz | http://www.manschitz.com                */
/*                                                                            */
/*  Copyright 16.07.2007                                                      */
/*                                                                            */
/*  Nicht authorisierte Verwendung oder Änderungen sind nicht gestattet und   */
/*  werden straf- und zivilrechtlich verfolgt.                                */
/*                                                                            */
/*============================================================================*/