#balken { background-image: url(../grafx/trans_gelb.png); position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 60px; z-index: 3; }
#headline { margin-top: 0; margin-right: 0; margin-left: 0; position: absolute; top: 180px; left: 95px; width: auto; height: 240px; z-index: 0; }
#headline_buero { position: relative; top: 220px; z-index: 1; width: 600px; height: auto; float: left; margin-right: 20px; padding-right: 20px; padding-bottom: 50px; padding-left: 5px; border-left: 1px dotted #f6f6f6; }
#buero_pic { position: absolute; top: 150px; left: 700px; z-index: 0; width: auto; height: auto; }
#buero_master { margin-right: 20px; padding-right: 20px; padding-bottom: 50px; padding-left: 5px; position: absolute; z-index: 0; top: 0; left: 95px; width: auto; height: auto; float: left; clear: left; }
#headline_projekte { margin-top: 0; margin-right: 0; margin-left: 0; position: absolute; z-index: 1; top: 180px; left: 95px; width: auto; height: 80px; }
#navbar { position: relative; top: 50px; left: 54px; width: 550px; height: 69px; z-index: 1; }
#navbar a {display: block; height: 24px;}
#navbar li {float: left; margin: 0 20px 0 0; list-style: none;}
#navbar #business a { background-image: url(../grafx/navi/home_off.gif); background-repeat: no-repeat; background-attachment: scroll; width: 68px; }
#navbar #business a:hover,
#navbar #business a.selected { background-image: url(../grafx/navi/home_on.gif); background-repeat: no-repeat; background-position: 0 0; top left no-repeat;}
#navbar #contact a { background-image: url(../grafx/navi/kontakt_off.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 112px; }
#navbar #contact a:hover,
#navbar #contact a.selected { background-image: url(../grafx/navi/kontakt_on.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; top left no-repeat;}
#navbar #references a { background-image: url(../grafx/navi/projekte_off.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 112px; }
#navbar #references a:hover,
#navbar #references a.selected { background-image: url(../grafx/navi/projekte_on.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; top left no-repeat;}
#navbar #services a { background-image: url(../grafx/navi/buero_off.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 63px; }
#navbar #services a:hover,
#navbar #services a.selected { background-image: url(../grafx/navi/buero_on.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; top left no-repeat;}
#spalte_eins { position: relative; top: 0; left: 0; width: 215px; float: left; }
#spalte_zwei { position: relative; top: 0; left: 30px; width: 215px; float: left; margin-left: 20px; }
#spalte_drei { position: relative; top: 0; left: 30px; width: 215px; float: left; margin-left: 20px; }
#spalte_vier_schmal { position: relative; top: 0; left: 50px; width: 215px; float: left; margin-left: 20px; }
#spalte_quero { position: absolute; top: 0; width: 1034px; height: 140px; float: left; margin-left: -95px; }
#spalte_quero a { display: block; height: 194px; }
#spalte_quero li { position: relative; left: 54px; list-style: none; float: left; margin-right: 30px; }
#spalte_quero #cover a { background-image: url(../grafx/projekte_grfx/cover_off.png); background-repeat: no-repeat; background-attachment: scroll; width: 194px; }
#spalte_quero #internet a { background-image: url(../grafx/projekte_grfx/internet_off.png); background-repeat: no-repeat; background-attachment: scroll; width: 194px; }
#spalte_quero #kataloge a { background-image: url(../grafx/projekte_grfx/kataloge_off.png); background-repeat: no-repeat; background-attachment: scroll; width: 194px; }
#spalte_quero #editorial a { background-image: url(../grafx/projekte_grfx/editorial_off.png); background-repeat: no-repeat; background-attachment: scroll; width: 194px; }
#spalte_quero #cover a:hover, #spalte_quero #cover a.selected { background-image: url(../grafx/projekte_grfx/cover_on.png); background-repeat: no-repeat; background-position: 0 0; }
#spalte_quero #internet a:hover, #spalte_quero #internet a.selected { background-image: url(../grafx/projekte_grfx/internet_on.png); background-repeat: no-repeat; background-position: 0 0; }
#spalte_quero #kataloge a:hover, #spalte_quero #kataloge a.selected { background-image: url(../grafx/projekte_grfx/kataloge_on.png); background-repeat: no-repeat; background-position: 0 0; }
#spalte_quero #editorial a:hover, #spalte_quero #editorial a.selected { background-image: url(../grafx/projekte_grfx/editorial_on.png); background-repeat: no-repeat; background-position: 0 0; }
#spalte_queru { position: absolute; top: 180px; left: 95px; width: 1034px; height: 140px; }
#spalte_queru a { display: block; height: 194px; }
#spalte_queru li { list-style: none; margin-right: 30px; position: relative; left: -45px; float: left; }
#spalte_queru #infografik a { background-image: url(../grafx/projekte_grfx/infografik_off.png); background-repeat: no-repeat; background-attachment: scroll; width: 194px; }
#spalte_queru #typedesign a { background-image: url(../grafx/projekte_grfx/typedesign_off.png); background-repeat: no-repeat; background-attachment: scroll; width: 194px; }
#spalte_queru #anfrage a { background-image: url(../grafx/projekte_grfx/anfrage_off.png); background-repeat: no-repeat; background-attachment: scroll; width: 194px; }
#spalte_queru #herzblut a { background-image: url(../grafx/projekte_grfx/herzblut_off.png); background-repeat: no-repeat; background-attachment: scroll; width: 194px; }
#spalte_queru #infografik a:hover, #spalte_queru #infografik a.selected { background-image: url(../grafx/projekte_grfx/infografik_on.png); background-repeat: no-repeat; background-position: 0 0; }
#spalte_queru #typedesign a:hover, #spalte_queru #typedesign a.selected { background-image: url(../grafx/projekte_grfx/typedesign_on.png); background-repeat: no-repeat; background-position: 0 0; }
#spalte_queru #anfrage a:hover, #spalte_queru #anfrage a.selected { background-image: url(../grafx/projekte_grfx/anfrage_on.png); background-repeat: no-repeat; background-position: 0 0; }
#spalte_queru #herzblut a:hover, #spalte_queru #herzblut a.selected { background-image: url(../grafx/projekte_grfx/herzblut_on.png); background-repeat: no-repeat; background-position: 0 0; }
#startbild { margin-top: 0; margin-right: 0; margin-left: 0; position: absolute; top: 450px; left: 0; width: 1024px; height: 573px; }
#startbild_neu { margin-top: 0; margin-right: 0; margin-left: 0; position: absolute; top: 35px; left: 0; width: 1944px; height: 1296px; }
#content_folgeseite { position: relative; top: 215px; left: 0; float: left; padding-left: 95px; }
#footer { background-color: black; margin-top: 0; margin-right: 0; margin-left: 0; position: absolute; top: 1200px; left: 0; width: 100%; height: 480px; float: left; }
#footer_port { background-color: black; position: relative; top: 400px; width: 100%; height: 480px; clear: both; }
#footer_projekte { background-color: black; position: relative; top: 800px; left: 0; width: 100%; height: 480px; clear: both; }
#preloader { position: absolute; top: 900px; left: 0; width: 50px; height: 30px; z-index: -2; visibility: hidden; float: left; }
#formular { background-image: url(../grafx/formular_back.png); background-repeat: no-repeat; position: absolute; left: 95px; width: 668px; height: 525px; visibility: visible; border: none; }
#formular_text { position: absolute; top: 0; left: 780px; width: 210px; }


#formular p, #formular textarea { color: #fff; text-decoration: none; text-align: right; width: 630px; margin: 10px 20px; padding-bottom:10px; display: block; }
#formular input {
    width:485px;
    margin:0 0 0 3px;
    
}
#formular textarea { width:630px; height:200px; text-align:left; }
#formular input , #formular textarea { color:#fff; background: #67c8ee; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; border-color: #79cdf0 #79cdf0 #fff; border-style: solid solid dotted; border-width: 0 0 1px; }
#submitb input{ color: white; margin-left:265px; width:auto; height:auto; border-bottom-color: #67c8ee; border-bottom-style: none; background:none;  }
#feedback { height: 200px; width: 670px; left: 95px; position: absolute; top: -10px; visibility: visible; }
#fehler { color: #fa0036; visibility: visible; position: absolute; top: -60px; left: 95px; width: 670px; height: auto; z-index: 200; }
#spalte_eins_port { position: static; width: 210px; float: left; padding-top: 171px; }
#spalte_zwei_port { position: static; width: 210px; float: left; margin-left: 10px; padding-top: 171px; }
#spalte_drei_port { position: static; width: 210px; float: left; margin-left: 10px; padding-top: 171px; }
#spalte_vier_port { position: static; width: 275px; float: left; margin-left: 10px; }
#abschluss { text-align: right; position: static; height: 30px; width: 940px; float: left; margin-top: 10px; padding-top: 3px; border-top: 1px solid black; }
#weiter { position: fixed; top: 290px; left: 900px; width: 260px; height: 200px; z-index: 1; }
#weiter li { font-size: 12px; line-height: 20px; padding-left: 4px; list-style: none; display: block; }
#weiter a { color: #808080; text-decoration: none; display: block; }
#weiter a:hover { color: #1da7f2; text-decoration: none; display: block; }
#news { background-image: url(../grafx/back_75.png); position: absolute; top: 470px; left: 0; width: 860px; z-index: 2; padding: 42px 50px 50px 90px; }
#backimg { left:0; position:fixed; top: 100px; width:100%; z-index:-1; }