/* Styles der matti ragaz hitz architekten*/

body     { font: 12px/16px Helvetica, Arial, sans-serif; background: black; margin: 0; padding: 0 }
#banner    { margin: 0; padding: 0; position: absolute; top: 10px; left: 0 }
/* alle navigationen hauptmenu */
#mainMenu, #kopfadresse     { color: #fff; font-family: Helvetica, Arial, serif; display: block; margin: 0; padding: 0; position: absolute; z-index: 10; top: 55px; left: 230px; width: 220px; height: 64px }
.mainMenu, .mainMenuA   { font-size: 12px; font-family: Helvetica, Arial, sans-serif; line-height: 16px; text-decoration: none; text-align: left; text-transform: lowercase }
.mainMenuA a { color: #fff; font-weight: bold; text-decoration: none; display: block }
.mainMenu a   { color: #999; text-decoration: none; display: block }
.mainMenu a:link, .mainMenu a:visited, .mainMenu a:focus   { color: #999 }
.mainMenu a:hover { color: #fff; font-weight: bold }
.kopfadresse a, .kopfadresse a:link, .kopfadresse a:visited, .kopfadresse a:active, .kopfadresse a:focus, .kopfadresse a:hover  { color: white; font-family: Helvetica, Arial; font-weight: normal; text-decoration: none }
/* alle navigationen submenu */
#menuContainer             { display: block; margin: 0 0 0 0; padding: 0 0 0 0; position: absolute; z-index: 10; top: 141px; left: 5px; width: 200px }
.subMenu1, .subMenu1A      { font-size: 12px; font-family: Helvetica, Arial, sans-serif; line-height: 16px; text-align: right; text-transform: lowercase }
.subMenu2, .subMenu2A           { font-size: 12px; font-family: Helvetica, Arial, sans-serif; line-height: 16px; text-align: right; text-transform: lowercase }
.subMenu1A a     { color: #fff; text-decoration: none; background: transparent; display: block }
.subMenu2A a      { color: #fff; text-decoration: none; background: transparent; display: block }
.subMenu1 a     { color: #999; text-decoration: none; display: block }
.subMenu2 a      { color: #999; text-decoration: none; display: block }
.subMenu1 a:link, .subMenu1 a:visited, .subMenu1 a:focus      { color: #999 }
.subMenu2 a:link, .subMenu2 a:visited, .subMenu2 a:focus      { color: #999 }
.subMenu1 a:hover, .subMenu2 a:hover    { color: #fff; font-weight: bold }
/* ganzer inhalt schriftenverwaltung */
#whole          { position: absolute; top: 141px; left: 230px; width: 650px; height: 520px }
#blind       { width: 1px; height: 500px; float: left }
#content         { color: white; font-size: 12px; font-family: Helvetica, Arial, sans-serif; line-height: 16px; padding-bottom: 10px; width: 650px }
#content a, #content a:visited, #content a:link, #content a:active, #content a:focus,#content a:hover { color: #fff; font-size: 12px; line-height: 16px; text-decoration: none; background: transparent }
#content p   { color: #fff; font-size: 12px; line-height: 16px; margin: 0; padding: 0 }
#content p, #content span, #content strong, #content input, #content textarea, #content label   { color: #fff; font-size: 12px; line-height: 16px }
#content table, #content tbody, #content tr, #content td  { color: #fff; font-size: 12px; line-height: 16px; padding: 0; spacing: 0  }
#content h1   { color: #fff; font-size: 14px; line-height: 16px; font-weight: bold; background: transparent; margin: 0 0 6px; padding: 0 }
#content h2      { color: #fff; font-size: 12px; line-height: 16px; font-weight: bold; background: transparent; margin: 3px 0; padding: 0 }
#content .main    { margin: 0; width: 320px; float: left }
#content .right     { margin: 0 0 0 330px; padding: 0; width: 320px }
/* büroadresse footer top */
#footer1 { width: 650px; height: 10px; border-bottom: 1px solid white }
#footer2        { color: #999; font-size: 12px; background: transparent; text-transform: lowercase; padding: 8px 0 0; width: 650px; clear: both; border-top: 1px inset white }
#footer2 a, #footer2 a:link, #footer2 a:visited, #footer2 a:active, #footer2 a:focus, #footer2 a:hover   { color: #999; font-weight: normal; text-decoration: none; background: transparent }