/* =Allgemein
-----------------------------------------------------------------------------*/


/* Entferne padding und margin */
* {
  margin: 0;
  padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 0.4em 0;
}

/* Class for clearing floats */
.clear {
  clear: both;
}


/* Entferne border um linked images */
img {
	border: 0;
}

.highslide img .left { margin-right: 7px;}
.highslide img .right { margin-left: 7px; }

/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 68.5%/1.6 Verdana, Arial, Tahoma, sans-serif;
}

input, textarea, select {
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-size: 11px;
}


h1 {
  font-size: 16px;
  color: #888888;
  line-height: 1.3em;
  margin-bottom: 0.5em;
}

.suche_kunden h1, .suche_ref h1 {
  font-size: 12px;
  line-height: 1.3em;
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 14px;
   color: #888888;
  line-height: 1.3em;
  margin-bottom: 0.5em;
}

h3 {
   color: #888888;
   font-size: 12px;
  line-height: 1.3em;
  margin-bottom: 0.5em;
}

h4 {
  color: #888888;
  font-size: 11px;
  line-height: 1.3em;
  margin-bottom: 0.5em;
}

h5 {
  font-size: 15px;
  color: #777777;
  margin: 0 0 5px 0;
}

#links_branchen h5 {
    border: 0;
}

h6 {
  font-size: 12px;
  color: #838383;
  margin: 21px 0 2px 0;
}

.absatz9 {
  color: #888888;
  font-size: 9px;
  font-weight: normal;
}

/* =Headings
-----------------------------------------------------------------------------*/

body {
  background: #BDB9B4 url(/b_grafik/bg_main.jpg) repeat-x top;
}

/* =Links
-----------------------------------------------------------------------------*/
a {
  text-decoration: none; 
  color: #c50119;
}

#navi_oben a {
  margin-left: 25px;
  color: #c50119;
  background: url(/b_grafik/link.gif) no-repeat left;
  padding-left: 10px;

}

#navi_oben a.aktiv {
  color: #888888;
  background: url();  
}

a#navi_fuss {
  margin-left: 40px;
  color: #635E5E;
  font-size: 11px;
  font-weight: normal;
}

a#navi_fuss_rechts {
  float: right;
  margin: -18px 10px 0 0;
  color: #635E5E;
  font-size: 11px;
  font-weight: normal;
}

.links a, .links_ref a, .links_contact a, .mitte a, .mitte_ref a, .mitte_contact a, .unten a, #suche a, a#pfeil, .highslide-body a{
  background: url(/b_grafik/link.gif) no-repeat left;
  padding-left: 10px;
  background-position:
}

a#mehr {
  background: url(/b_grafik/link.gif) no-repeat left;
  padding-left: 10px;
}

.links a.aktiv, #links_ref, #links_komp, a.aktiv {
  color: #888888;
  background: url();
}

a#link_pur, #mitte_branchen a, .aktuelle_referenzen a {
    background: url();
    padding: 0;
    margin: 0;
}

.ref_kunden a {
  margin-left: 20px;
}

.glossar_kompetenzen {
  margin-left: 25px;
}

.glossar_kompetenzen h1 {
  font-size: 11px;
  color: #000000;
  font-weight: normal;
  line-height: 1em;
  margin: 0;  
}

.glossar_kompetenzen strong {
  font-weight: normal;
}

.glossar_smalltext {
  font-size: 9px;
  color: #777777;
}

a.glossar_alternativen {
  background: no-repeat;
  color: #000000;
  padding: 0;  
}

a#untergruppen {
  color: #000000;
  padding-left: 0px;
  background: no-repeat;
}

a#untergruppen:hover {
  text-decoration: underline; 
  color: #c50119;
  padding-left: 0px;
  background: no-repeat;
}

/* =AJAX -> Newsletter
-----------------------------------------------------------------------------*/
.contentWrap {
	width: 280px;
	}

.resultText {
	padding: 3px;
	position: relative;
	font-weight:bold;
	height: 35px;
}
.mailWrap {
	margin: 0;
	font-size:11px;
	color:#000000;
}
.newsletterInput {
	border: grey solid 1px;
	padding: 3px;
	color: #333333;
	font-size:11px;
	width: 155px;
}
.newsletterButton {
	font-size:11px;
	margin: 7px;
}
.contactWrap {
	margin: 11px auto 0 auto;
	text-align:center;
	color: #fff;
	line-height: 12px;
}
.contactWrap A:link, .contactWrap A:visited, .contactWrap A:active{
	
	text-decoration: none;
	background-color:#fff;
	padding: 4px;
}
.contactWrap A:hover {
	text-decoration: underline;
}


/* =Huelle
-----------------------------------------------------------------------------*/
#schatten {
  width: 983px;
  height: 573px;
  margin: auto;
  margin-top: 8px;
  background: url(/b_grafik/bg_schatten.jpg) no-repeat bottom center;
}

#screen {
  text-align: left;
  margin: auto;
  width: 900px;
  border: 0px solid;
}

/* =Kopf
-----------------------------------------------------------------------------*/
#navi_oben {
  position: relative;
  height: 36px;
  margin-left: 30px;
  padding-top: 15px;
}

#logo {
  position: absolute;
  right: 0px;
  top: 0px;
}

#kopf {
  height: 16px;
  background: url(/b_grafik/bg_kopf_left.jpg) no-repeat left;
}

/* =Haupt- Navigation
-----------------------------------------------------------------------------*/
#navi {
  position: relative;
  margin-left: 30px;
  height: 420px;
  width: 320px;
}


/* =Haupt- Inhalt
-----------------------------------------------------------------------------*/
.rahmen {
  position: absolute;
  height: 424px;
  width: 798px;
  margin: 0;
  padding: 35px 50px 35px 50px;
  border-left: 1px solid #C0B9B4;
  border-right: 1px solid #C0B9B4;
  background-color: #FFFFFF;

}

#rahmen_ref {
  padding-right: 0px;
  width: 848px;
}

.links {
  float: left;
  width: 412px;
  height: 400px;
}


.links_contact {
  float: left;
  width: 255px;
  height: 400px;
}

#links_branchen {
  width: 148px;
}

#links_komp {
  height: 400px;
  width: 333px;
}

#links_ref {
  height: 275px;
  width: 170px;
  padding-top: 7px;
}

#sub_links_ref {
  height: 275px;
  width: 163px;
  padding-top: 7px;
}

#submenu {
   padding-top: 7px;
   float:left;
  
}

.smalltext {
	color:#888888;
	text-transform:uppercase;
	font-size:10px;
	}


.mitte {
  float: left;
  width: 382px;
  height: 400px;
  overflow: hidden;
}
.mitte_contact {
  float: left;
  width: 520px;
  height: 400px;
  overflow-y: auto;
}

#mitte_branchen {
  width: 645px; height: 400px;
}

#mitte_liste {
  width: 595px;
  margin-left: 30px;
  overflow-y: auto;
  padding-right: 20px
  
}

#mitte_ref_hintergrund {
  width: 515px;
  height: 295px;
  background: url(/b_grafik/bg_inhalt.jpg) no-repeat bottom;
  padding-top: 0px;
 
}

#mitte_ref {
  margin-left: 50px;
  padding: 7px;
  width: 392px;
  height: 269px;
  overflow: auto;
  border: 1px solid #AAAAAA;
  background: #FFFFFF url();
}

.unten_ref {
  float: left;
  width: 795px;
  height: 80px;
}

.unten_ref_li {
  float: left;
  width: 380px;
  height: 80px;
}

.unten_komp {
  float: left;
  width: 450px;
  height: 90px;
  padding-left: 10px;
}

.unten_komp_re {
  float: left;
  width: 405px;
  height: 100px;
  margin: 0 0 0 35px;
  line-height: 1.3em;  
}

.unten_komp_re h6 {
  margin-top: 15px;
}

.unten_ref_li_text {
  color: #838383;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.1em;
  margin: -10px 0 10px 13px;
  padding-top: 10px;
  background: url(/b_grafik/bg_mehr_ref.jpg) no-repeat top left;
}
.meinung_liste {
  color: #838383;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.1em;
  margin: -10px 0 10px 13px;
  padding-top: 10px;
  
}
.unten_ref_re {
  float: left;
  width: 405px;
  height: 100px;
  margin: 0px 0 0 5px;
  line-height: 1.3em;  
}

#neueste_Arbeiten h6 {
  margin-top: 15px;
}

.branchen {
  display: inline;
}

img.liste {
  border: 1px solid #BBBBBB;
  margin: 0 4px 0 0;
}

/* IE6 */
* html img.liste {
  margin: 0 4px 4px 0;
}

/* IE7 */
*+html img.liste {
  margin: 0 4px 4px 0;
}

img.liste:hover {
  border: 1px solid #C41126;
}

img.weitere_ref {
  border: 1px solid #CCCCCC;
  margin: 2px 2px;
}

img.weitere_ref:hover {
  border: 1px solid #C41126;
}

.seiten_blaettern {
  position: absolute;
  top: 440px;
  left: 200px;
  width: 635px;
  height: 20px;
}

.seiten_anzahl {
  float: right;
  color:#999999;  
}

#ref_auswahl {
  position: absolute;
  bottom: 440px;
  right: 0;
  width: 472px;
}

/* IE6 */
* html #ref_auswahl {
  bottom: 447px;
}
/* IE7 */
*+html #ref_auswahl {
  bottom: 447px;
}

.button_vor {
  position: absolute;
  top: 195px;
  right: 31px;
}

.button_zurueck {
  position: absolute;
  top: 148px;
  right: 465px;
}

.button_info {
  position: absolute;
  top: 290px;
  left: 409px; 
}

.button_info_zu {
  float: left;
  padding: 10px 10px 10px 0;
}

.teasertext {
  position: absolute;
  top: 268px;
  left: 50px; 
  width: 359px;
  height: 60px; 
  padding: 10px;
  border: 1px solid #BBBBBB;
  border-right: 0;
  background-color: #FFFFFF;
}

.small_lightgrey {
  font-size: 9px; 
   color:#CCCCCC;
}

.teaserbox {
  position: absolute;
  z-index: 100;
  top: 400px;
  left: 608px; 
  width: 420px;
  height: 120px; 
  padding: 10px;
  border: 1px solid #BBBBBB;
  background-color: #FFFFFF;
  visibility: hidden;  
}

img.left {
  margin-right: 20px;
}

img.right {
  margin-left: 20px;
}


/* =Haupt- Inhalt Kundensuche
-----------------------------------------------------------------------------*/

div.suche_kunden {
  clear: left;
}

#suche img {
  float: left;
  margin-top: -10px;
  margin-right: 10px;
}

/* =Haupt- Inhalt aktuelle Referenzen
-----------------------------------------------------------------------------*/

.aktuelle_referenzen {
  padding: 5px;
  margin-bottom: 5px;
  margin-left: -5px;
  width: 380px;
  height: 55px;
}

.aktuelle_referenzen img {

  border: 1px solid #FFFFFF;
  float: left;
  margin-right: 10px;
}

.aktuelle_referenzen img:hover {
  border: 1px solid #C41126;
}

.aktuelle_referenzen img.img_pur:hover {
  border: 1px solid #FFFFFF;
}

/* =Footer
-----------------------------------------------------------------------------*/
#fuss {
  position: absolute;
  top: 555px;
  width: 859px;
  height: 16px;
  background: url(/b_grafik/bg_fuss_left.jpg) no-repeat left;
  padding: 0 0 3px 40px;
}

/* =Print
-----------------------------------------------------------------------------*/
body.print {
  margin: 20px;
  background: #FFFFFF url();    
}

.print_logo {
  float: right;
}

.print_adr {
  float: left;
  padding: 10px 10px 10px 0;
}


/* =Formulare
-----------------------------------------------------------------------------*/

.label {
  position: absolute;
  left: -130px;
  top: 0px;
  line-height: 1.3em;
  padding-top: 4px;
}

.element {
  position: relative;
  left: 130px;
  padding-top: 8px;
}

/* Entferne fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

input.suchfeld {
  width:130px;
  
  padding: 3px;
  border: 1px solid #999999;
}

.submitbutton{
  width:65px;
  height:25px;
  cursor:pointer;
  margin: 5px 0 0 1px;
  padding-bottom:6px;
  padding-left:2px;
  border:0px;
  color:white;
  background: url(../b_grafik/suchen_button.gif) no-repeat left;
  font-size: 9px;
}

.suchergebnis {
background: #C41126;
color:#FFFFFF;
margin-left:3px;
margin-right: 3px;


}


/* =Tabellen
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
  border-collapse: collapse;
}

td {
  text-align: left;
  font-weight: normal;

}


/* =Einstellungen Bildvergroesserung 
-----------------------------------------------------------------------------*/

.highslide { /* Grundeinstellungen */
    cursor: url(/b_grafik/zoomin.cur), pointer;
}

.highslide-image { /* Rahmen ums Bild */
	border: 1px solid #333333;
}

.highslide-dimming {
	background-color:   black;
}

.highslide-caption { /* Bildunterschrift */
    display:          none;
    border:           0px;
    padding:          5px;
    background-color: white;
}

.highslide-loading { /* Anzeige, wenn Bild geladen wird */
  display:            block;
	color:              black;
	font-size:          0.9em;
	font-weight:        bold;
	text-transform:     uppercase;
  text-decoration:    none;
	padding:            5px;
	border:             1px solid #333333;
  background-color:   white;
}

.highslide-display-block {
    display: block;
}

.highslide-display-none {
    display: none;
}

/* =Einstellungen Textbox
-----------------------------------------------------------------------------*/
.highslide-html {
	background-color: white;
}

.highslide-html-content {
	display: none;
	width: 450px;
}

.highslide-body {
  line-height: 1.3em;
  padding: 5px 5px 5px 5px;  
}