* {
        margin: 0;
        padding: 0;
}
body  {
        font: 0.75em/1.2em "Gill Sans", Arial, sans-serif;
        text-align: center;
        color: #454545;
        background: #ededed url(/img/allgemein/schatten/bg_body.gif) repeat-x;
        margin: 0 1em;
}
#container {
        width: 936px;
        margin: 0 auto;
        text-align: left;
}
#kopfzeile {
        height: 107px; /* 95px */
        width: 936px;
}
#logo span {
        display: none;
}
#logo a {
        display: block;
        background: url(/img/allgemein/hinz_logo.gif) no-repeat;
        width: 213px; /* 169px */
        height: 102px; /* 82px */
        margin: 5px 0 0 10px;
        float: left;
}
* html #logo a {
        margin: 5px 0 0 -5px;
}
h1, h2, h3, h4, h5, h6 {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 1.3em;
}
h1 {
        font-size: 2em;
        margin: 30px 35px 24px 32px;
}
h2 {
        font-size: 1.19em;
        line-height: 1.1em;
        padding: 0 0 10px 0;
}
h3 {
        font-size: 1.1em;
}
h4 { /* Sublines mit Linie */
        color: #000;
        font: normal normal 1.22em/1.2em "Gill Sans", Arial, sans-serif;
        width: 100%;
        padding: 0 0 23px 0;
        margin: 0 0 15px 0;
        border-bottom: 3px solid #454545;
        clear: both;
}
h4.gefolgt {
        margin: 0 0 10px 0;
}
h4 a {
        color: #000;
        text-decoration: none;
}
h4 a:hover {
        color: #777;
}
h4.gelb { /* Sublines fuer Druck mit gelber Linie */
        border-bottom: 3px solid #c27e36;
}
h4.gruen{ /* Sublines fuer Doku mit gruener Linie */
        border-bottom: 3px solid #3f822e;
}
h4.rot { /* Sublines fuer Mobil mit roter Linie */
        border-bottom: 3px solid #ab202e;
}
h4.blau { /* Sublines fuer Online mit blauer Linie */
        border-bottom: 3px solid #2f4b8e;
}
h5 { /* graue Thematik bei News */
        color: #777;
        padding: 0.7em 0 0 0;
        font: italic normal 1em/1.3em "Gill Sans", arial, sans-serif;
}
h5.subline {
        padding: 0 0 0.7em 0;
}
h6 { /* kleine Zwischenueberschrift */
        color: black;
        padding-top: 22px;
        font: 1em/1.3px "Gill Sans", arial, sans-serif;
}
a {
        outline: none;
        text-decoration: none;
        color: #777;
}
p {
        padding: 0 0 1em 0;
        font-size: 1em;
        line-height: 1.6em;
        color: #000;
}
p a, ol a { /* Links innerhalb Text */
        color: #777;
        font-style: italic;
}
p a:hover {
        color: #000;
}
.schmal {
        width: 196px;
}
.schmal2 {
        width: 40%;
        float: left;
}
p + h4, ul.text + h4 { /* wenn ueberschrift h4 nach p kommt, gibt es mehr Abstand nach oben */
        margin-top: 30px;
}
br + h4 { /* wenn ueberschrift h4 nach br kommt, gibt es mehr Abstand nach oben */
	margin-top: 20px;
}
a.mehr, a:hover.mehr {
        padding-left: 0.7em;
        color: #777;
        background: none;
        font-style: italic;
        white-space: nowrap;
}
a:hover.nolink {
        color: #000;
}
a.obenlink { /* Anker nach oben */
	line-height: 3em;
}
em {
        padding-left: 0.7em;
        color: #8d8d8d;
}
table {
        border: none;
        border-collapse: collapse;
        border-spacing: 13px;
        margin: 0 0 2em 0;
        color: #000;
}
tr {
        border: none;
        border-bottom: 10px solid #fff;
}
th, td {
        border: none;
        vertical-align: top;
        text-align: right;
        padding-right: 1em;
        font-weight: normal;
        font-style: normal;
}
td {
        text-align: left;
}
#inhalt {
        width: 710px;
        float: left;
        margin: 0 0 0 -4px;
        background: url(/img/allgemein/schatten/bg_inhalt.gif) repeat-y right;
}

/* ------- Bilder und Bildunterschriften */

img {
        margin: 0 0 10px 0;
}
a img {
        border: none;
        border-top: 3px solid #fff;
}
a img:hover {
        border-top: 3px solid #454545;
}
img.bild {  /* Bilder fuer Spalte1, io */
        margin: 0 0 10px 0;
}
.bildrechts { /* Bilder fuer Spalte4, rechts angeordnet */
        margin: 3px 0 7px 15px;
        float: right;
}
.bildrechts-zwei{ /* zwei Bilder fuer Spalte4, rechts untereinander angeordnet */
        margin: 3px 0 7px 15px;
        float: right;
}
.bildlinks img {
        float: left;
}
.float {
        float: left;
}
.bildlinks { /* Bilder fuer Spalte4, links angeordnet */
        margin: 3px 14px 7px 0;
        float: left;
}
div.bildlinks + h4, div.bildrechts + h4 {
        padding-top: 17px;
}
.endereihe { /* fuer Bilder, die am Ende einer Reihe stehen */
        margin: 3px 0 5px 0;
}
p.bildunterschrift, .bildlinks p { /* Bildunterschriften */
        margin: 0 0 12px 0;
        padding: 0;
        font-size: 0.9em;
        line-height: 1.3em;
        color: #8d8d8d;
}
p.abstand {
        margin-left: 35px;
}
img.rahmen /* sorgt fuer Rahmen um ein Bild */ {
        border: 1px solid #777;
}
.zwei {width: 200px;}
.drei {width: 128px;}
.vier {width: 92px;}
.fuenf {width: 70px;}

img#headerbild { /* Kopfbild */
        width: 702px; height: 180px;
        margin: 0 0 0 4px;
}
* html img#headerbild {
        margin-right: 2px;
}

/* ------- Spalten */

#spalte1, #spalte0, .spalte2, .spalte3, .spalte5 {
    margin: 0 0 20px 34px;
    float: left;
    width: 196px;
}
* html #spalte1, * html #spalte0, * html .spalte2, * html .spalte3 {
    margin-left: 17px;
}
#spalte0, .spalte3 {
    margin: 0 0 20px 27px;
}
.spalte5 {
        margin: 0;
}
* html #spalte0, * html .spalte3 {
    margin-left: 27px;
}
#spalte4 {
    margin: 0 34px 40px 0;
    float: right;
    width: 419px;
}
* html #spalte4  {
     margin-right: 17px;
}

/* ------- Infobox */

.infobox {
        margin: 0 0 35px -30px;
        padding: 1.5em 30px;
        background: #f1f1f1 url(/img/allgemein/bg_infobox.gif) repeat-x;
        width: 166px;
        border-bottom: 1px solid #ddd;
}
* html .infobox {
        margin: 0 0 35px 0;
        padding: 1.5em 15px;
        width: 196px; /* ie5 + ie6 */
        voice-family: "\"}\"";
        width: 164px; /* ie6 */
        voice-family: "\"}\"";
}
.infobox p {
        font-style: italic;
        font-size: 1em;
        color: #454545;
        padding: 0;
        margin: 0;
}

/* ------- Infobox Liste */

.infobox ul {
        font-style: italic;
        font-size: 1em;
        padding: 15px 0 0 15px;
        margin: 0;
}
.infobox ul li {
        padding: 0 0 0.6em 0; margin: 0;
        list-style-image: url(/img/allgemein/listen/infobox_anstrich.gif);
}

/* ------- Listen */
/* Listen innerhalb des Textes */
.spalte2 ul.text, .spalte3 ul.text, #spalte4 ul.text, #spalte4 ul.schmal2 {
        padding: 0 0 5px 30px;
        margin: -0.7em 0 0 0;
        color: #000;
        list-style-image: url(/img/allgemein/listen/liste_text_anstrich.gif);
}
.spalte2 ul.text li, .spalte3 ul.text li, #spalte4 ul.text li, #spalte4 ul.schmal2 {
        padding: 0 0 0.7em 0;
        margin: 0;
        line-height: 1.6em;
}
/* 2-spaltige Liste in Spalte4*/
#spalte4 ul.schmal2 {
                padding: 0 0 5px 30px;
                margin-bottom: 20px;
}
.spalte2 ul.text ul.text, .spalte3 ul.text ul.text, #spalte4 ul.text ul.text {
        padding: 10px 0 10px 40px;
}
*+html .spalte2 ul.text ul.text,*+html .spalte3 ul.text ul.text,*+html #spalte4 ul.text ul.text {
                padding: 17px 0 0 40px;
}
.spalte2 ul.liste, .spalte3 ul.liste, #spalte4 ul.liste  {
        padding-top: 10px;
}
.spalte2 ul.text ul.text li, .spalte3 ul.text ul.text li, #spalte4 ul.text ul.text li{
        padding: 0 0 5px 0;
        margin: 0;
        line-height: 1.4em;
}
.spalte2 ol, .spalte3 ol, #spalte4 ol{
        padding: 0; margin: 0;
        list-style-type: none;
        color: #000;
        text-indent: 0;
}
.spalte2 ol li, .spalte3 ol li, #spalte4 ol li{
        line-height: 1.6em;
        padding: 0 0 20px 0; margin: 0;
}
.spalte2 ol ol, .spalte3 ol ol, #spalte4 ol ol{
        padding: 0 0 1.7em 20px; margin: 0;
        list-style-type: none;
}

/* Startseite */

#news {
        margin: 0 0 20px 4px;
        padding: 25px 0 0 30px;
        float: left;
        width: 196px;
        min-height: 320px;
        background: #fff url(/img/allgemein/startseite/bg_news_3.jpg) right top no-repeat;
}
* html #news {
        margin-left: 2px;
        width: 226px; /* ie5 + ie6 */
        voice-family: "\"}\"";
        width: 196px; /* ie6 */
        voice-family: "\"}\"";
}
#news h4 {
        padding: 10px 0 15px 0;
        margin: 0 0 5px 0;
}
#news p {
        padding-top: 5px;
}
#startseitenbild {
        margin: 0 4px 0 0;
        float: right;
        width: 476px; height: 240px;
        background: #fff url(/img/allgemein/startseite/bg_home_3.jpg) no-repeat right top;
}
* html #startseitenbild{
        margin-right: 2px;
}

/* Uebersicht 4 Bereiche */

#ueberprodukte {
        margin: 0 4px 30px 0;
        padding: 0;
        float: right;
        width: 476px;
        background: #fff;
}
* html #ueberprodukte {
        margin-right: 2px;
}
.ueberbox {
        float: left;
        width: 206px; /* ie5 + ie6 */
        voice-family: "\"}\"";
        width: 206px; /* ie6 + andere */
        voice-family: "\"}\"";
}
#ueberprodukte p {
        font-size: 1em;
        line-height: 1.4em;
        margin: 0 1.5em 0 1em;
        padding: 0;
}
#ueberprodukte a {
        color: #fff;
        font-size: 1em;
        line-height: 1.4em;
        font-style: normal;
}
#ueberdruck {
        margin: 0 0 0 30px;
        float: left;
        background: url(/img/allgemein/produktbereich/druck_bg.gif) repeat-y;
}
* html #ueberdruck {
        margin-left: 15px;
}
#ueberdoku {
        margin: 0 26px 0 0;
        float: right;
        background: url(/img/allgemein/produktbereich/doku_bg.gif) repeat-y;
}
* html #ueberdoku {
        margin-right: 13px;
}
#uebermobil {
        margin: 10px 0 0 30px;
        clear: both;
        float: left;
        background: url(/img/allgemein/produktbereich/mobil_bg.gif) repeat-y;
}
* html #uebermobil {
        margin: 5px 0 0 15px;
}
#ueberonline  {
        margin: 10px 26px 0 0;
        float: right;
        background: url(/img/allgemein/produktbereich/online_bg.gif) repeat-y;
}
* html #ueberonline {
        margin: 5px 13px 0 0;
}
#druck_oben, #doku_oben, #mobil_oben, #online_oben{
        width: 206px;
        height: 74px;
        background: url(/img/allgemein/produktbereich/druck_oben.gif) no-repeat;
}
#doku_oben {
        background: url(/img/allgemein/produktbereich/doku_oben.gif) no-repeat;
}
#mobil_oben {
        background: url(/img/allgemein/produktbereich/mobil_oben.gif) no-repeat;
}
#online_oben {
        background: url(/img/allgemein/produktbereich/online_oben.gif) no-repeat;
}
#druck_unten, #doku_unten, #mobil_unten, #online_unten {
        width: 206px;
        height: 16px;
        background: url(/img/allgemein/produktbereich/druck_unten.gif) no-repeat;
}
#doku_unten {
        background: url(/img/allgemein/produktbereich/doku_unten.gif) no-repeat;
}
#mobil_unten {
        background: url(/img/allgemein/produktbereich/mobil_unten.gif) no-repeat;
}
#online_unten {
        background: url(/img/allgemein/produktbereich/online_unten.gif) no-repeat;
}


/* Fusszeile */

#footer {
        padding: 10px 0 35px 0; /* Abstaende Fusszeile */
        margin: 0;
        width: 720px; float: right;
        text-align: center;
        font-size: 1em;
        line-height: 1.7em;
}
#footer a {
        text-decoration: none;
        color: #454545;
}
#footer a:hover {
        color: #999;
}
.clearfloat {
        clear: both;
}

/* Platzhalter */

.platz20 {  height: 20px; }
.platz50 {  height: 50px; }
.platz100 { height: 100px; }
.platz300 { height: 300px; }
.platz500 { height: 500px; }

/* Schatten */

#schattenoben {
        height: 107px;
        width: 392px;
        background: url(/img/allgemein/schatten/bg_inhalt_oben.gif) repeat-x 0 bottom;
        float: right;
}
#schattenunten {
        clear: both; float: none;
        height: 6px;
        background: url(/img/allgemein/schatten/bg_inhalt_unten.gif) repeat-x 0 bottom;
}

/* Formular */

form#kontakt dl.zend_form {
        margin-bottom: 20px;
}
.zend_form p.fieldDescription {
        color: #777;
        font-style: italic;
        padding: 0 0 0 95px;
}
/* vielen dank... */
.zend_form p.fieldDescription b {
        color: #000;
        font-weight: normal;
        font-style: normal;
}
/* abschicken */
.zend_form input#submit {
        margin: 10px 0 0 95px;
}
.zend_form .formprodukte {
        float: left;
        margin-right: 5px;
}
.zend_form label {
       	margin: 0 5px 0 0;
        padding: 0;
}
.zend_form .formlinks {
		padding-left: 95px;
}
.zend_form .formfelder {
        clear: both;
        width: 80px;
        float: left;
        margin: 0 15px 10px 0;
        text-align: right;
}
.zend_form dd {
        margin-bottom: 7px;
}
.zend_form input {
        margin: 0 15px 3px 0;
        padding: 3px;
        vertical-align: middle;
}
* html .zend_form input, *+html .zend_form input {
        margin: -10px 15px 0 0;
        vertical-align: text-bottom;
}
*+html .zend_form input#name, *+html .zend_form input#vorname, *+html .zend_form input#funktion, *+html .zend_form input#strasse, *+html .zend_form input#plz, *+html .zend_form input#ort, *+html .zend_form input#telefon, *+html .zend_form input#email {
		margin-top: 1px;
}
.zend_form input#anrede-Herr, .zend_form input#anrede-Frau {
        margin-right: 5px;
}
*+html .zend_form input#anrede-Herr, *+html .zend_form input#anrede-Frau {
        vertical-align: text-bottom;
}
.zend_form dd textarea {
		width: 280px;
}

/* Fehlermeldungen */

.errors {
        color: #f35e1e;
}
ul.errors {
        list-style: none;
}