body {
  text-align: center;   
  font-style: normal; 
  font-weight: normal; 
  font-size: 13px;
  font-family: Arial, sans-serif;
  background-color: #fff;
  height:900px;}

img {
  border: 0;
}

dt { 
  letter-spacing: +1px;
  margin-top: +6px
}

dd { 
  margin-left: +18px;
}

.logo {
  position:relative;
  top:15px;
  left:20px;
}

.headline { 
  font-weight: bold; 
  }
  
.minput { 
  color: black;
  background-color: #FFFFFF; 
  border: solid 1px #808080;  
}

.prompt { 
  color: black;
  background-color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;}
  
.promptrot { 
  color: red;
  background-color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;}

.input { 
  color: black;
  font-size: 110%;
  font-family: Arial, Verdana, Helvetica; 
  background-color: #FFFFFF; 
  border: solid 1px #808080; 
  width: 100px 
}

.font90 {	
  font-size: 90%;
}

a { 
  color: #393939; 
  text-decoration: underline
}

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

.projekte a { 
  color: #393939; 
  text-decoration: none
}

.projekte a:hover { 
  color: #df2e2f; 
  text-decoration: none;
}

.listenueberschrift { 
  color: #111;
  border-bottom: 1px #111 solid;}

.liste { 
  color: #111; 
  margin-top: +6px
}

.rechts { 
  color: #111; 
  text-align: right
}

.mehr {   
  padding:0 0.25em 0 0;
  vertical-align: middle;
  text-align: right}

#wrapper {   
  width: 900px; 
  height: 100%; 
  visibility: visible; 
  display: block; 
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: -10px;
  text-align: left;
  /*background-image: url(../bctoepfer2.gif);
  background-repeat: no-repeat;
  background-position: 20px 15px;*/}


#container { 
  color: black; 
  border: solid 1px #808080; 
  position: absolute; 
  top: 278px; 
  left: 318px; 
  width: 507px; 
  min-height:420px;
  display: block 
}

#content { 
  color: #111; 
  font-size: 100%;
  line-height: 1.4em;
  position: relative; 
  top: 10px; 
  left: 30px; 
  width: 450px; 
  visibility: visible; 
  display: block;
  min-height: 337px;
  padding-bottom: 2em;
  text-align: justify; 
  text-justify: newspaper 
}

#content_ohne { 
  color: #111; 
  font-size: 100%;
  line-height: 1.4em;
  position: relative; 
  top: 10px; 
  left: 30px; 
  width: 450px; 
  visibility: visible; 
  min-height: 337px;
  padding-bottom: 2em;
}

#Flash  { 
  background-color: #e7e7e7; 
  border: solid 1px #808080; 
  position: absolute; 
  top: 116px; 
  left: 20px; 
  width: 280px; 
  height: 280px; 
  overflow: hidden; 
  visibility: visible; 
  display: block 
}

#ueberschrift {   
  position: relative;
  left: 0px;
  color: #111; 
  font-weight: bold;
  padding: 0 0 0 0;
  background-image: url(../icon_rechts.gif);
  background-repeat: no-repeat;
  background-position: 0px;
  vertical-align:text-top;
  text-indent: 25px;}


#free { 
  border: solid 1px #808080; 
  position: absolute; 
  top: 418px; 
  left: 20px; 
  width: 280px; 
  height: 280px; 
  visibility: visible; 
  display: block;
}

#Headline { 
  background-color: #e7e7e7;
  border: solid 1px #808080; 
  position: absolute; 
  top: 116px; 
  left: 318px; 
  width: 507px;
  height: 142px; 
  display: block 
}

#Menuleiste { 
  background-image: url(../bg_menu.gif);  
  position: absolute; 
  top: 74px; 
  left: 20px; 
  width: 807px; 
  height: 23px; 
  visibility: visible; 
  display: block; 
  float:left;
  padding:0;
}

  
#Menu { 
  position: absolute;
  float: left;
  margin:0px;
  padding:0px;
  left: auto;
  right:0px;
  font-size:11px;
  visibility: visible; 
  display: list-item;
  list-style-type: none;}

#Menu li { 
  float:left;
  padding-left:2px;
}
  
#Menu a { 
  float:left; 
  display: block;
  margin:0 0 0 0px;
  width:67px; /* für IE: width:86px; */
  text-decoration: none;
  text-align: center;  
  color:#fff;
  height: 23px; 
  padding:2px 8px 0 8px;
  background: #fff url(../bg_menuitem.gif) repeat-x top left;}

#Menu a:hover, body#start #li_start a,
      body#angebot #li_angebot a,
      body#projektmanagement #li_angebot a,
      body#konzeption #li_angebot a,
      body#entwicklung #li_angebot a,
      body#qualitaetsmanagement #li_angebot a,
      body#projekte #li_projekte a,
      body#crime #li_projekte a,
      body#zgronline #li_projekte a,
      body#pks #li_projekte a,
      body#oip #li_projekte a,
      body#sola #li_projekte a,
      body#profil #li_profil a,
      body#profil_uebersicht #li_profil a,
      body#pmp #li_profil a,
      body#kontakt #li_kontakt a,
      body#kontakt_nachricht #li_kontakt a,
      body#impressum #li_impressum a { 
  float:left; 
  display:block;
  margin:0 0 0 0px;
  width:67px;
  text-decoration: none;
  text-align: center;  
  color:#fff;
  height: 23px; 
  padding:2px 8px 0 8px;
  background: #fff url(../bg_menuitem_current.gif) repeat-x top left;}
    

#suche { 
  position: absolute; 
  top: 120px; 
  left: 625px; 
  width: 182px; 
  height: 46px; 
  visibility: visible; 
  display: none
}
  
#teaser { 
  position: absolute; 
  top: 178px; 
  left: 347px; 
  width: 377px; 
  height: 51px; 
  visibility: visible; 
  display: block
}

#tagcloud {
	margin: 25px 15px 0px 15px ;
  line-height: 1.7em;
  display: block; 
}

#tagcloud span {padding:2px;}
#tagcloud a {text-decoration:none}
.tag1    {font-weight:400;font-size:12px}
.tag2    {font-weight:500;font-size:14px}
.tag3    {font-weight:600;font-size:15px}
.tag4    {font-weight:800;font-size:16px}
.tag5    {font-weight:900;font-size:17px}