* {
    padding: 0;
    border: 0;
    margin: 0;
}

a {
    text-decoration: none;
    outline: none;
}

html {
    color: #898989;
    background-color: white;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
}

#wrapper {
    position: relative;
    width: 975px;
    height: 605px;
    margin: 0 auto;
}

/* @group Kopf */

#kopf {
    position: relative;
    background-image: url(../bilder/head.gif);
    height: 190px;
}

#kopf h1 {
    position: absolute;
    top: 15px;
}

#kopf #homelink {
    position: absolute;
    top: 15px;
}

/* @end */

/* @group Menue */

#menue-hayndesign, #menue-news, #menue-referenzen, #menue-kontakt,
#div-hayndesign, #div-news, #div-referenzen, #div-kontakt {
    position: absolute;
    top:  190px;
    width: 240px;
    height: 460px;
}

#menue-hayndesign, #div-hayndesign { background-image: url(../bilder/hintergrund_hayndesign.jpg); z-index: 100; }
#menue-news, #div-news { background-image: url(../bilder/hintergrund_news.jpg); z-index: 100; }
#menue-referenzen, #div-referenzen { background-image: url(../bilder/hintergrund_referenzen.jpg); z-index: 100; }
#menue-kontakt, #div-kontakt { background-image: url(../bilder/hintergrund_kontakt.jpg); z-index: 100; }

#news #div-hayndesign, #newsarchiv #div-hayndesign, #referenzen #div-hayndesign, #kundenliste #div-hayndesign, #impressum #div-hayndesign, #kontaktformular #div-hayndesign,
#philosophie #div-news, #team #div-news, #referenzen #div-news, #kundenliste #div-news, #impressum #div-news, #kontaktformular #div-news,
#philosophie #div-referenzen, #team #div-referenzen, #news #div-referenzen, #newsarchiv #div-referenzen, #impressum #div-referenzen, #kontaktformular #div-referenzen,
#philosophie #div-kontakt, #team #div-kontakt, #news #div-kontakt, #newsarchiv #div-kontakt, #referenzen #div-kontakt, #kundenliste #div-kontakt { z-index: 10; }

.hintergrund {
    position: absolute;
    background-image: url(../bilder/menue_hintergrund.png);
    top:  20px;
    width: 235px;
    height: 340px;
    overflow: hidden;
}

#menue-hayndesign li, #menue-news li, #menue-referenzen li, #menue-kontakt li { list-style-type: none; }

.oberpunkt-hayndesign,
.oberpunkt-news,
.oberpunkt-referenzen,
.oberpunkt-kontakt {
    position: absolute;
    top: 0;
    width: 235px;
    height: 68px;
    overflow: hidden;
}

#menue-hayndesign .oberpunkt-hayndesign,
#menue-news .oberpunkt-news,
#menue-referenzen .oberpunkt-referenzen,
#menue-kontakt .oberpunkt-kontakt {
    height: 136px;
}

#menue-news .oberpunkt-news,
#menue-referenzen .oberpunkt-news,
#menue-kontakt .oberpunkt-news { top: 68px; }

#menue-hayndesign .oberpunkt-news,
#menue-referenzen .oberpunkt-referenzen,
#menue-kontakt .oberpunkt-referenzen { top: 136px; }

#menue-hayndesign .oberpunkt-referenzen,
#menue-news .oberpunkt-referenzen,
#menue-kontakt .oberpunkt-kontakt { top: 204px; }

#menue-hayndesign .oberpunkt-kontakt,
#menue-news .oberpunkt-kontakt,
#menue-referenzen .oberpunkt-kontakt {top: 272px; }

#menue-hayndesign a, #menue-news a, #menue-referenzen a, #menue-kontakt a {
    position: absolute;
    display: block;
    width: 235px;
    background-image: url(../bilder/menue.png);
}

.oberpunkt-hayndesign a.oberpunkt,
.oberpunkt-news a.oberpunkt,
.oberpunkt-referenzen a.oberpunkt,
.oberpunkt-kontakt a.oberpunkt {
    top: 0;
    height: 60px;
}

.oberpunkt-hayndesign a.oberpunkt,
#startseite .oberpunkt-news a.oberpunkt,
#startseite .oberpunkt-referenzen a.oberpunkt,
#startseite .oberpunkt-kontakt a.oberpunkt {
    top: 2px;
}

a.unterpunkt { height: 30px; }

.unterpunkt-philosophie a,
.unterpunkt-news a,
.unterpunkt-referenzen a,
.unterpunkt-impressum a {
    top: 68px;
}

.unterpunkt-team a,
.unterpunkt-newsarchiv a,
.unterpunkt-kundenliste a,
.unterpunkt-kontaktformular a {
    top: 102px;
}

/* .oberpunkt-hayndesign */

.oberpunkt-hayndesign a.oberpunkt { background-position: 0 -2px; }
#menue-hayndesign .oberpunkt-hayndesign a.oberpunkt,
.oberpunkt-hayndesign a.oberpunkt:hover,
.oberpunkt-hayndesign a.oberpunkt:focus { background-position: 0 -152px; }
#startseite .oberpunkt-hayndesign a.oberpunkt { background-position: 0 -152px; }

.unterpunkt-philosophie a { background-position: 0 -68px; }
#philosophie #menue-hayndesign .unterpunkt-philosophie a,
#startseite .unterpunkt-philosophie a,
.unterpunkt-philosophie a:hover,
.unterpunkt-philosophie a:focus { background-position: 0 -218px; }

.unterpunkt-team a { background-position: 0 -102px; }
#team #menue-hayndesign .unterpunkt-team a,
.unterpunkt-team a:hover,
.unterpunkt-team a:focus { background-position: 0 -252px; }

/* .oberpunkt-news */

.oberpunkt-news a.oberpunkt { background-position: -250px 0; }
#menue-news .oberpunkt-news a.oberpunkt,
.oberpunkt-news a.oberpunkt:hover,
.oberpunkt-news a.oberpunkt:hover,
.oberpunkt-news a.oberpunkt:focus { background-position: -250px -150px; }
#startseite .oberpunkt-news a.oberpunkt { background-position: -250px -152px; }

.unterpunkt-news a { background-position: -250px -68px; }
#news #menue-news .unterpunkt-news a,
#startseite .unterpunkt-news a,
.unterpunkt-news a:hover,
.unterpunkt-news a:focus { background-position: -250px -218px; }

.unterpunkt-newsarchiv a { background-position: -250px -102px; }
#newsarchiv #menue-news .unterpunkt-newsarchiv a,
.unterpunkt-newsarchiv a:hover,
.unterpunkt-newsarchiv a:focus { background-position: -250px -252px; }

/* .oberpunkt-referenzen */

.oberpunkt-referenzen a.oberpunkt { background-position: -500px 0; }
#menue-referenzen .oberpunkt-referenzen a.oberpunkt,
.oberpunkt-referenzen a.oberpunkt:hover,
.oberpunkt-referenzen a.oberpunkt:focus { background-position: -500px -150px; }
#startseite .oberpunkt-referenzen a.oberpunkt { background-position: -500px -152px; }

.unterpunkt-referenzen a { background-position: -500px -68px; }
#referenzen #menue-referenzen .unterpunkt-referenzen a,
#startseite .unterpunkt-referenzen a,
.unterpunkt-referenzen a:hover,
.unterpunkt-referenzen a:focus { background-position: -500px -218px; }

.unterpunkt-kundenliste a { background-position: -500px -102px; }
#kundenliste #menue-referenzen .unterpunkt-kundenliste a,
.unterpunkt-kundenliste a:hover,
.unterpunkt-kundenliste a:focus { background-position: -500px -252px; }

/* .oberpunkt-kontakt */

.oberpunkt-kontakt a.oberpunkt { background-position: -750px 0; }
#menue-kontakt .oberpunkt-kontakt a.oberpunkt,
.oberpunkt-kontakt a.oberpunkt:hover,
.oberpunkt-kontakt a.oberpunkt:focus { background-position: -750px -150px; }
#startseite .oberpunkt-kontakt a.oberpunkt { background-position: -750px -152px; }

.unterpunkt-impressum a { background-position: -750px -68px; }
#impressum #menue-kontakt .unterpunkt-impressum a,
#startseite .unterpunkt-impressum a,
.unterpunkt-impressum a:hover,
.unterpunkt-impressum a:focus { background-position: -750px -218px; }

.unterpunkt-kontaktformular a { background-position: -750px -102px; }
#kontaktformular #menue-kontakt .unterpunkt-kontaktformular a,
.unterpunkt-kontaktformular a:hover,
.unterpunkt-kontaktformular a:focus { background-position: -750px -252px; }

/* @group Menue Startseite */

#startseite #menue-hayndesign { left: 0; }
#startseite #menue-news { left: 245px; }
#startseite #menue-referenzen { left: 490px; }
#startseite #menue-kontakt { left: 735px; }

#startseite #div-hayndesign, #startseite #div-news, #startseite #div-referenzen, #startseite #div-kontakt { display: none; }

#startseite ul.hintergrund {
    top: 265px;
    height: 68px;
}

#startseite .oberpunkt-hayndesign,
#startseite .oberpunkt-news,
#startseite .oberpunkt-referenzen,
#startseite .oberpunkt-kontakt {
    display: none;
}

#startseite #menue-hayndesign .oberpunkt-hayndesign,
#startseite #menue-news .oberpunkt-news,
#startseite #menue-referenzen .oberpunkt-referenzen,
#startseite #menue-kontakt .oberpunkt-kontakt {
    display: block;
    top: 0;
}

#startseite .overlay {
    position: absolute;
    width: 235px;
    height: 380px;
    background-image: none;
}

#logosContent ul li,
#printContent ul li,
#webContent ul li,
#plakateContent ul li,
#messeContent ul li{
         margin-left:18px;
}

/* @end Menue Startseite */

/* @end */

/* @group Inhalt */

#inhalt_01_1x, #inhalt_01_2x, #inhalt_01_3x,
#inhalt_02_1x, #inhalt_02_2x, #inhalt_03_1x {
    position: absolute;
    top: 190px;
    height: 380px;
}

#inhalt_01_1x { left: 245px; width: 240px; }
#inhalt_01_2x { left: 245px; width: 485px; }
#inhalt_01_3x { left: 245px; width: 730px; }
#inhalt_02_1x { left: 490px; width: 240px; }
#inhalt_02_2x { left: 490px; width: 485px; }
#inhalt_03_1x { left: 730px; width: 240px; }

#textblock h1, #textblock h2, #textblock h3, #textblock p, #textblock ul, #textblock dl {
    padding-left: 15px;
    padding-right: 10px;
}

#textblock ul {
    margin-left: 15px;
}

#textblock {
    position: absolute;
    overflow: auto;
    bottom: 0;
    width: 240px;
    max-height: 380px;
}

#blaetternavigation {
    position: absolute;
    bottom: 0;
    right: 0;
}

#blaetternavigation li {
    display: inline;
}

/* @end */

/* @group Schriftformatierungen */

#impressum-link p {
    text-align: right;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
}

#impressum-link a:link, #impressum-link a:visited {
    color: #898989;
    background-color: transparent;
    text-decoration: none;
}

#impressum-link a:hover, #impressum-link a:focus {
    color: #92007a;
    background-color: transparent;
    text-decoration: underline;
}

#impressum-link a:active {
    color: white;
    background-color: #898989;
    text-decoration: underline;
}

/* changes sg */
#textblock h1 {
    font-size: 18px;
    font-weight: normal;
    color: #92007a;
    background-color: transparent;
    padding-bottom: 15px;
}

#textblock h2 {
    font-size: 14px;
    font-weight: normal;
    color: #92007a;
    background-color: transparent;
    padding-bottom: 15px;
}

#textblock h3 {
    font-size: 14px;
    font-weight: normal;
    color: #92007a;
    background-color: transparent;
    padding-bottom: 5px;
}

#textblock .grau {
    color: #898989;
    background-color: transparent;
}

#textblock .lila {
    color: #92007a;
    background-color: transparent;
}

#textblock p {
    font-size: 11px;
    font-weight: normal;
    padding-bottom: 10px;
}

#textblock ul  {
    list-style-type: none;
    margin-left: 0;
}

#textblock li {
    font-size: 11px;
    font-weight: normal;
    padding-bottom: 10px;
}

#textblock .team dt {
    font-size: 11px;
    font-weight: normal;
    color: #92007a;
    background-color: transparent;
}

#textblock .team dd {
    font-size: 11px;
    font-weight: normal;
    padding-bottom: 10px;
}

#textblock .news dt,
#textblock .newsarchiv dt {
    font-size: 11px;
    font-weight: normal;
}

#textblock .news dd,
#textblock .newsarchiv dd {
    font-size: 11px;
    font-weight: normal;
    color: #92007a;
    background-color: transparent;
    padding-bottom: 10px;
}

#textblock .kundenliste li {
    padding-bottom: 0;
}

#textblock #letzter,
#textblock .letzter,
#textblock .team .letzter,
#textblock .news .letzter,
#textblock .newsarchiv .letzter {
    padding-bottom: 1px;
}

#textblock p a:link, #textblock p a:visited,
#textblock li a:link, #textblock li a:visited,
#textblock dd a:link, #textblock dd a:visited {
    color: #92007a;
    background-color: transparent;
    text-decoration: none;
}

#textblock p a:hover, #textblock p a:focus,
#textblock li a:hover, #textblock li a:focus,
#textblock dd a:hover, #textblock dd a:focus {
    color: #92007a;
    background-color: transparent;
    text-decoration: underline;
}

#textblock p a:active,
#textblock li a:active,
#textblock dd a:active {
    color: white;
    background-color: #898989;
    text-decoration: underline;
}

#quelle {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 11px;
    color: #898989;
    background-color: transparent;
}

/* @end */


/* @group seitenspezifische Formatierungen */

/* @group Kontaktformular */

form {
    padding-left: 15px;
    padding-right: 10px;
}

label {
    display: block;
    cursor: pointer;
    margin-bottom: 3px;
}

input#name,
input#email,
input#telefon,
textarea {
    color: black;
    background: transparent;
    width: 350px;
    padding: 3px;
    border: 1px solid #898989;
    margin-bottom: 10px;
}

textarea {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    height: 75px;
}

input.fehler {
    background-color: #e4bfde !important;
    margin: 0 !important;
}

#kontaktformular form p.lila {
    padding: 3px 0 10px 0 !important;
    margin: 0 !important;
}

input#name:focus,
input#email:focus,
input#telefon:focus,
textarea:focus {
    outline: none;
    background-color: #eeeeee;
    border: 1px solid #92007a;
}

input#senden {
    cursor: pointer;
    color: #92007a;
    background-color: transparent;
}

input#senden:link,
input#senden:visited {
    color: #92007a;
    background-color: transparent;
}

input#senden:hover,
input#senden:focus {
    text-decoration: underline;
}

input#senden:active {
    color: white;
    background-color: #898989;
    text-decoration: underline;
}

/* @end */

#textblock .subnaviTopItem {
         padding-left:15px;
         cursor:pointer;
         padding-bottom: 10px;
         font-size:13px;
}

#subnavi #textblock li {

}
/* @end */