/* Layout */
body  { background-image: url(../pics/bg1.gif); background-repeat: repeat; margin: 0 }

#container                { background-color: #fff; background-image: none; text-align: left; visibility: visible; margin-top: -260px; margin-left: -480px; position: absolute; z-index: 10; top: 50%; left: 50%; width: 960px; height: 520px; border: solid 1px #000 }
#head                    { background-image: url(../pics/design.jpg); background-repeat: no-repeat; background-position: center top; visibility: visible; position: absolute; z-index: 20; top: 0; width: 960px; height: 60px }
#logo              { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 18px; text-align: center; visibility: visible; position: absolute; z-index: 30; top: 100px; width: 960px; height: auto }
#navi         { text-align: center; position: absolute; z-index: 30; top: 34px; width: 960px; height: 25px }
#submenu                { background-image: none; background-repeat: repeat-x; position: absolute; z-index: 20; top: 140px; left: 36px; width: 180px; height: 322px; border-right: 1px solid #09c }
#suchbox  { background-image: none; background-repeat: repeat-x; text-align: right; position: absolute; z-index: 20; top: 372px; left: 36px; width: 164px; height: 90px }
#headline               { color: #09c; font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; position: absolute; z-index: 20; top: 140px; left: 270px; width: 240px; height: 30px }
#textbox                 { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 18px; text-align: left; position: absolute; z-index: 30; top: 198px; left: 270px; width: 300px; height: 264px; overflow: auto; clip: rect(auto, auto, auto, auto); scrollbar-3dlight-color: #a6caf0; scrollbar-arrow-color: #a6caf0; scrollbar-darkshadow-color: #a6caf0; scrollbar-face-color: white; scrollbar-shadow-color: #d4dfff; scrollbar-track-color: white         }
#philosophie { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 18px; text-align: left; position: absolute; z-index: 30; top: 200px; left: 270px; width: 250px; height: 264px; overflow: auto; clip: rect(auto, auto, auto, auto); scrollbar-3dlight-color: #a6caf0; scrollbar-arrow-color: #a6caf0; scrollbar-darkshadow-color: #a6caf0; scrollbar-face-color: white; scrollbar-shadow-color: #d4dfff; scrollbar-track-color: white         }
#textbox-person   { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 18px; text-align: left; position: absolute; z-index: 30; top: 198px; left: 270px; width: 300px; height: 270px; overflow: auto; clip: rect(auto, auto, auto, auto); scrollbar-3dlight-color: #a6caf0; scrollbar-arrow-color: #a6caf0; scrollbar-darkshadow-color: #a6caf0; scrollbar-face-color: white; scrollbar-shadow-color: #d4dfff; scrollbar-track-color: white           }
#infobox     { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 18px; text-align: left; position: absolute; z-index: 30; top: 198px; left: 270px; width: 584px; height: 254px; overflow: auto; clip: rect(auto, auto, auto, auto); scrollbar-3dlight-color: #a6caf0; scrollbar-arrow-color: #a6caf0; scrollbar-darkshadow-color: #a6caf0; scrollbar-face-color: white; scrollbar-shadow-color: #d4dfff; scrollbar-track-color: white        }
#kontaktbox { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 18px; text-align: left; padding-top: 16px; position: absolute; z-index: 30; top: 221px; left: 270px; width: 686px; height: 228px; clip: rect(auto, auto, auto, auto); scrollbar-3dlight-color: #a6caf0; scrollbar-arrow-color: #a6caf0; scrollbar-darkshadow-color: #a6caf0; scrollbar-face-color: white; scrollbar-shadow-color: #d4dfff; scrollbar-track-color: white   }
#rubrik-bild           { background-position: center; visibility: visible; position: absolute; z-index: 20; top: 124px; left: 540px; width: 320px; height: 340px }
#rubrik-bild-studio    { background-position: center; visibility: visible; position: absolute; z-index: 20; top: 114px; left: 600px; width: 330px; height: auto }
#rubrik-agentur  { background-position: center; visibility: visible; position: absolute; z-index: 20; top: 124px; left: 440px; width: 416px; height: 340px }
#rubrik-philosophie { background-position: center; visibility: visible; position: absolute; z-index: 20; top: 152px; left: 510px; width: 416px; height: 300px }
#info-bild { background-position: center; visibility: visible; position: absolute; z-index: 20; top: 140px; left: 500px; width: 450px; height: 324px }
#portrait { margin-top: 60px; margin-left: 170px }
#flashbox  { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 18px; text-align: left; position: absolute; z-index: 30; top: 143px; left: 540px; width: 324px; height: 324px; overflow: auto; clip: rect(auto, auto, auto, auto); scrollbar-3dlight-color: #a6caf0; scrollbar-arrow-color: #a6caf0; scrollbar-darkshadow-color: #a6caf0; scrollbar-face-color: white; scrollbar-shadow-color: #d4dfff; scrollbar-track-color: white      }
#footer                      { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 18px; background-image: none; background-position: 0 bottom; text-align: center; margin-right: 40px; margin-left: 40px; padding-top: 3px; position: absolute; z-index: 30; top: 493px; width: 880px; height: 25px; border-top: 1px solid #09c }

.tabelle    { color: #333593; font-size: 1em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #fff; text-align: justify }
.adresse { font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 18px; text-align: right }

p, h2 { margin: 0px; }
p     { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 18px }
h1          { color: #09c; font-size: 16px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; text-transform: uppercase; margin: 0 }
h2  { color: #09c; font-size: 13px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; text-transform: uppercase; margin-bottom: -1px }
h3      { color: #000; font-size: 13px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; text-transform: uppercase; margin-bottom: -1px }
h4          { color: #000; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; margin: 12px 0 0 10px }
h5   { color: #09c; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; margin: 0 0 0 10px }
h6  { color: #000; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; margin-top: -12px }

a:link           { color: #000; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: none }
a:visited    { color: #999; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: none }
a:hover         { color: #09c; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif }

/* Werbestudio */
.studio        { color: #09c; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold }
a.studio:link         { color: #ccc; font-size: 10px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: none }
a.studio:visited    { color: #ccc; font-size: 10px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: none }
a.studio:hover      { color: #c03; font-size: 10px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: none }

.studio2:link    { color: #09c; font-size: 10px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal }
a.studio2:link           { color: #ccc; font-size: 10px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: none }
a.studio2:visited      { color: #ccc; font-size: 10px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: none }
a.studio2:hover        { color: #b81b3b; font-size: 10px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: none }


/* Formularelemente */

#mailbox          { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 18px; background-color: transparent; text-align: left; position: absolute; z-index: 30; top: 200px; left: 270px; width: 600px; height: 254px; clip: rect(auto, auto, auto, auto); scrollbar-3dlight-color: #a6caf0; scrollbar-arrow-color: #a6caf0; scrollbar-darkshadow-color: #a6caf0; scrollbar-face-color: white; scrollbar-shadow-color: #d4dfff; scrollbar-track-color: white             }
form           { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; padding: 0; border: none }
.td   { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; width: 600px }
label     { font-size: 12px; text-align: left; padding: 0; }
input.txt                   { color: #000; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-image: url("../pics/bg1.gif"); width: 180px; border-style: solid; border-width: 0 1px 1px 0; border-color: #09c }
input.suche  { color: #000; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-image: url("../pics/bg1.gif"); margin-top: 6px; width: 156px; border-style: solid; border-width: 0 1px 1px 0; border-color: #09c }
textarea                { color: #000; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #dff1ff; background-image: url("../pics/bg1.gif"); width: 480px; overflow: hidden; border-style: solid; border-width: 0 1px 1px 0; border-color: #09c }
input:focus, textarea:focus    { background-color: #f0f8ff }
input.button   { color: #000; background-color: transparent; margin-top: 0; margin-right: 0; padding: 2px 4px; border-style: solid; border-width: 0 1px 1px 0; border-color: #09c }
.button  { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
.button:hover   { color: #09c; background-color: #f0f8ff; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }

.text1 { color: black; font-size: 10pt }
.text2 { color: black; font-size: 8px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif }

.hiddentext { font-size: 6px }
.fieldset             { color: #09c; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-indent: 4px; width: 340px; border: solid 1px }
.legend  { font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-align: center }

/*
.link { color: #09c; font-size: 10pt; text-decoration: none }
.link2 { color: #09c; font-size: 10pt; text-decoration: none }
.studio1   { color: #09c; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; text-align: center }
.studio2 { color: #09c; font-weight: bold; text-align: center }
*/

/*
.form    { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; padding-top: 2px }
input.mail             { color: #000; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #fff; background-repeat: repeat-x; margin-bottom: 1px; padding-top: 1px; padding-left: 2px; width: 140px; height: 18px; border-style: none none solid; border-width: medium medium 1px; border-color: #b2bfd0 }
input.message         { color: #000; font-size: 9px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #fff; width: 140px; height: 150px; border: solid 1px #b2bfd0; scrollbar-3dlight-color: #a6caf0; scrollbar-arrow-color: #a6caf0; scrollbar-darkshadow-color: #a6caf0; scrollbar-face-color: white; scrollbar-shadow-color: #d4dfff; scrollbar-track-color: white  }

/*  
#mitteilung  {font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #b2bfd0; width: 375px } wurde ersetzt durch textarea  
*/

/*
textarea    { font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #fff; width: 480px; overflow: auto; clip: rect(auto, auto, auto, auto); scrollbar-3dlight-color: #a6caf0; scrollbar-arrow-color: #a6caf0; scrollbar-darkshadow-color: #a6caf0; scrollbar-face-color: white; scrollbar-shadow-color: #d4dfff; scrollbar-track-color: white }
input:focus, textarea:focus   { background-color: #dee7f6 }
.formbutton   { color: #000; font-size: 10px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; background-color: #b2bfd0; background-repeat: repeat; width: 60px; height: 18px }
*/