* { margin: 0; padding: 0; }
html { height: 101%; }

body {
background-image: url(img/bg.jpg);
background-attachment: fixed;
background-position: top;
background-repeat: repeat-x;
background-color: #9f9286;
font-size: 62.5%; /* fuer ie */
font-family: verdana, arial, tahoma, sans-serif;
padding: 16px 0 20px 0;
text-align: center;
color: #252525;
}

html>body { font-size: 10px; }


#wrapper {
position: relative;
width: 930px;
margin: 0 auto;
background-color: #ffffff;
border-top: 5px solid #0f3b67;
text-align: left;
}

#spalten {
width: 930px;
vertical-align: top;
table-layout: fixed;
}

#spalten tr {
width: 930px;
vertical-align: top;
}

td#zelle1 {
width: 173px;
}

td#zelle2 {
width: 584px;
}

td#zelle3 {
width: 173px;
}

/* ----------------------------- index intro ----------------------------------- */

#index #wrapper {
border-top: 12px solid #0f3b67;
border-bottom: 12px solid #a9131e;
text-align: center;
}

#index #wrapper img {
margin: 0px auto;
display: block;
}


/* ----------------------- Elemente ------------------------------- */

img {
border: 0;
}


a {
outline: 0;
color: black;
}

h1, h2, h3, h4, h5 { font-size: 1em }


/* -----------------------kopf---------------------------- */

#kopf {
height: 217px;
background-image: url(img/head.jpg);
border-top: 2px solid #a9131e;
border-bottom: 2px solid #a9131e;
}

#kopf ul { margin: 0; padding: 0; list-style-type: none; position: relative;}

#kopf li.home a { height: 30px; width: 120px; position: absolute; left: 409px; top: 78px; background: transparent url(img/vz/home.jpg) no-repeat; }
#home #kopf li.home a { height: 30px; width: 120px; position: absolute; left: 409px; top: 78px;
										background: transparent url(img/vz/home.jpg) no-repeat; background-position: 0 -30px;}
#kopf li.home a:hover { height: 30px; width: 120px; position: absolute; left: 409px; top: 78px;
										background: transparent url(img/vz/home.jpg) no-repeat; background-position: 0 -60px;}

#kopf li.person a { height: 30px; width: 120px; position: absolute; left: 409px; top: 109px; background: transparent url(img/vz/person.jpg) no-repeat; }
#person #kopf li.person a { height: 30px; width: 120px; position: absolute; left: 409px; top: 109px;
										background: transparent url(img/vz/person.jpg) no-repeat; background-position: 0 -30px;}
#kopf li.person a:hover { height: 30px; width: 120px; position: absolute; left: 409px; top: 109px;
										background: transparent url(img/vz/person.jpg) no-repeat; background-position: 0 -60px;}

#kopf li.leistungen a { height: 30px; width: 120px; position: absolute; left: 409px; top: 141px; background: transparent url(img/vz/leistung.jpg) no-repeat; }
#leistungen #kopf li.leistungen a { height: 30px; width: 120px; position: absolute; left: 409px; top: 141px;
										background: transparent url(img/vz/leistung.jpg) no-repeat; background-position: 0 -30px;}
#kopf li.leistungen a:hover { height: 30px; width: 120px; position: absolute; left: 409px; top: 141px;
										background: transparent url(img/vz/leistung.jpg) no-repeat; background-position: 0 -60px;}

#kopf li.referenzen a { height: 153px; width: 134px; position: absolute; left: 82px; top: 15px; background: transparent url(img/vz/ref.jpg) no-repeat; }
#referenzen #kopf li.referenzen a,
#kopf li.referenzen a:hover { height: 153px; width: 134px; position: absolute; left: 82px; top: 15px;
										background: transparent url(img/vz/ref.jpg) no-repeat; background-position: 0 -153px;}

#kopf li.impressum a { height: 60px; width: 60px; position: absolute; left: 855px; top: 55px; background: transparent url(img/vz/imp.jpg) no-repeat; }
#kopf li.impressum a:hover { height: 60px; width: 60px; position: absolute; left: 855px; top: 55px;
										background: transparent url(img/vz/imp.jpg) no-repeat; background-position: 0 -60px;}

#kopf li.links a { height: 31px; width: 26px; position: absolute; left: 607px; top: 85px; background: transparent url(img/vz/links.jpg) no-repeat; }
#kopf li.links a:hover { height: 31px; width: 26px; position: absolute; left: 607px; top: 85px;
										background: transparent url(img/vz/links.jpg) no-repeat; background-position: 0 -31px;}

#kopf strong { display: no; text-indent: -9999px; position: absolute; top: -9999px; left: -9999px; }

/* ---------------------------------------------------------------- */










/* ---------------------leiste--------------------------------- */

#leiste {
border-top: 5px solid #0f3b67;
border-bottom: 1px solid #b4aca5;
text-align: center;
height: 12px;
padding: 4px 20px;
background-color: #cdc8c6;
background-image: url(img/bgleiste.jpg);
letter-spacing: 2px;
}

#leiste .pfeil {
letter-spacing: -4px;
font-size: 1.1em;
padding-left: 4px;
padding-right: 8px;
width: 22px;
}

#leiste .position {
color: #0F3B67;
font-weight: bold;
}

/* ----------------- content --------------------- */

#contentwrap {
/* margin: 22px 173px 0 173px; (alt) */
margin-top: 22px;
font-size: 1.3em;
line-height: 1.4em;
border-right: 2px solid #22486e;
border-left: 2px solid #22486e;
}

div#contentwrap { 
min-height: 500px;
height: auto !important;  /* fuer moderne Browser */
height: 500px;  /* fuer IE */
}

* html #contentwrap { /* 3 px bug */
/* margin: 25px 170px 0 170px; (alt) */
margin-top: 25px;
} 

#content {
border-right: 2px solid #9b0b16;
border-left: 2px solid #9b0b16;
padding: 7px 35px 17px 35px;
}

div#content { 
min-height: 500px;
height: auto !important;  /* fuer moderne Browser */
height: 500px;  /* fuer IE */
}

/* ----------------- content referenzen --------------------- */

#refbody div#contentwrap { 
min-height: 800px;
height: auto !important;  /* fuer moderne Browser */
height: 900px;  /* fuer IE */
}

#refbody div#content { 
min-height: 800px;
height: auto !important;  /* fuer moderne Browser */
height: 900px;  /* fuer IE */
}


/* --------------slider---------------- */

#slide {
float: right;
width: 173px;
padding: 0px;
text-align: center;
margin-top: 40px;
}

#slide #flashcontent div {
font-size: 0.9em;
color: #a0676b;
margin: 30px;
margin-top: 35px;
border: 1px dashed #a0676b;
padding: 27px 0 170px 0;
}

* html #slide { 
margin-left: -3px; 
}

/* -----------linke spalte------------------- */

#linkespalte {
margin-top:20px;
float: left;
width: 152px;
padding: 32px 0 0 15px;
text-align: left;
}

#kontakt {
margin-right: 12px;
padding: 9px 0 20px 0;
}

* html #linkespalte { /* 3 px bug */
margin-right: -3px; 
} 

#linkespalte h2 {
font-size: 1em;
margin: 8px 0 5px 0;
}

#weitereref, #haase {
padding-top: 12px;
margin-right: 12px;
border-top: 1px dashed #A9131E;
}

#haase {
padding-bottom: 20px;
}

#weitereref ul {
list-style-type: none;
}

#weitereref li {
padding-bottom: 5px;
}

#weitereref ul a
{
color: black;
}





/* -----------footer--------------------------- */

#footer {
clear: both;
margin: 0px;
padding: 8px 0 9px 0;
text-align: center;
letter-spacing: 1px;
color: #555555;
}

#footer a {
text-decoration: none;
color: #555555;
border-bottom: 1px dashed #777777;
}

#footer a:hover {
text-decoration: none;
color: #333333;
border-bottom: 1px solid #555555;
}



/* ----------- tooltips --------------------------- */

.tooltip
{
width: 58px;
color: #000000;
text-decoration: none;
text-align: center;
border: 1px solid black;
background-color: #ffffff;
}

.tooltip span.top
{
padding: 2px 2px 0;
background: url(img/vz/blase.gif) no-repeat top;
font: lighter 10px/1 arial, sans-serif;
}

.tooltip b.bottom
{
padding: 0 2px 3px;
color: #000000;
background: url(img/vz/blase.gif) no-repeat bottom;
font: lighter 10px/1 arial, sans-serif;
}
/* ie7  */
*:first-child+html .tooltip {
background-color: #ffffe1;
}
  
*:first-child+html .tooltip span.top {
background: url(img/vz/blaseie.gif) no-repeat top;
}

*:first-child+html .tooltip b.bottom {
background: url(img/vz/blaseie.gif) no-repeat top;
padding: 0 2px 2px;
}

/* Ende Tooltips */
  

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


#content .csc-textpic-imagewrap {
margin-top: 12px;
margin-bottom: 5px;
width: 260px;
}

#content p.bodytext {
color: #1b1b1b;
color: black;
}

#content h2.ersteueb {
color: #9b0b16;
margin: 5px 0 5px;
}

#content h3.artikelueb {
font-size: 1.5em;
line-height: 1.3em;
font-family: serif;
font-weight: normal;
margin: 15px 0 5px;
}

#content h4.absatzueb {
margin-bottom: 9px;
}

#content .csc-header-n1 h2 {
margin-top: 5px;
}

#linkespalte h2 {
color: #0F3B67;
font-weight: normal;
font-size: 1.1em;
}

#refliste {
margin-top: 10px;
}

#refliste ul {
list-style-type: none;
}

#refliste a {
color: black;
}

#linkespalte a, #content a {
text-decoration: none;
border-bottom: 1px dashed black;
}

#linkespalte a:hover, #content a:hover {
border-bottom: 1px solid black;
}

#content .csc-textpic-caption {
font-size:10px;
line-height: 14px;
margin-top: 2px;
}

#unterreferenz {
margin-left: 19px;
}

#unterreferenz li {
list-style-image:url(img/subbullet.gif);
}


#c133 .csc-textpic-imagewrap { width: 240px; }
#c5 .csc-textpic-imagewrap { width: 245px; } 

#c181 p {
font-size: 5px;
line-height: 5px;

}