/* --- Allgemein ----------------------------------------------------------------------*/ body {font-family:Verdana, Arial, Helvetica, sans-serif; background: #e7e7e7; margin:0; padding:0; text-align:center; color:#666666; font-size:11px;} img {border:0} a:link {color:#33cc00; text-decoration:none;} a:active {color:#33cc00; text-decoration:none;} a:visited {color:#33cc00; text-decoration:none;} a:hover {text-decoration:underline;} a.extern { background:url(/images/layout/icon-link.gif) no-repeat 0 4px; padding-left:11px;} .clear {clear:both; height:0px; font-size:0px; max-height:0px; line-height:0px;} .clear-bottom {clear:both; height:50px; display:block;} #main {width:945px; position:relative; text-align:left; margin:0px auto; background-color:#FFFFFF; padding:15px;} #header {width:945px; float:left; background-color:#666666; height:80px; margin-bottom:15px; color:#FFFFFF; font-size:11px;} #title {width:750px; float:left; height:40px; line-height:40px; padding-left:194px; font-weight:900;} #content {width:945px; float:left; background-color:#CCCCCC; padding-bottom:80px;} #resultate {background-color:#D1D1D1; display:block; height:350px; width:650px; padding:12px;} #resultate p {background-color:#FFFFFF; display:block; height:100px; width:100px; margin-right:10px; float:left; padding:12px; border:15px solid #FFFFFF; background-position:center;} #resultate p img {} /* --- Navigation -------------------------------------------------------------------------*/ #spalteL {display:block; float:left; width:179px; margin-right:15px;} #navigation {display:block; float:left; width:149px; background-color:#FFFFFF; margin-right:15px; padding:15px; line-height:18px; padding-bottom:30px; margin-bottom:15px;} #navigation a {display:block; background-color:#FFFFFF; padding-left:15px; color:#666;} #navigation a:hover {background-image:url(/images/layout/pfeil-gruen.gif); background-repeat:no-repeat; color:#33CC00; background-position:0px 4px;} #navigation a.aktiv {background-image:url(/images/layout/pfeil-grau.gif); background-repeat:no-repeat; color:#33CC00; background-position:0px 4px;} #navigation .space_bottom {display:block; height:8px;} /* --- Rechte Spalte ----------------------------------------------------------------------*/ #spalteR {display:block; float:right; width:150px;} #rightbox {display:block; float:right; width:120px; background-color:#FFFFFF; padding:15px; margin-bottom:15px;} #searchBox {display:block; float:right; width:120px; background-color:#FFFFFF; padding:15px; margin-bottom:15px;} #searchBox input {display:block; float:left; width:116px; background-color:#FFF; margin-bottom:15px; border:1px solid #999999; padding-left:3px;} #searchBox input.button {display:block; width:121px; background-image:url(/images/layout/bg-button.jpg); border:1px solid #999999;} #searchBox h1 {display:block; float:left; font-size:11px; font-weight:900; margin:0 0 3px; padding:0; width:61px;} .sortTitle {display:block; float:right; width:120px; background-color:#FFFFFF; padding:15px;} #boxAnsicht .vorschau a:link {display:block; width:14px; height:14px; background-image:url(/images/layout/portfolio/icon-vorschau.gif);} #boxAnsicht .vorschau a:active {border:none;} #boxAnsicht .vorschau a:visited {display:block; width:14px; height:14px; background-image:url(/images/layout/portfolio/icon-vorschau.gif);} #boxAnsicht .vorschau a:hover {text-decoration:none; background-image:url(/images/layout/portfolio/icon-vorschau-g.gif);} #boxAnsicht .liste a:link {display:block; width:14px; height:14px; background-image:url(/images/layout/portfolio/icon-liste.gif);} #boxAnsicht .liste a:active {border:none;} #boxAnsicht .liste a:visited {display:block; width:14px; height:14px; background-image:url(/images/layout/portfolio/icon-liste.gif);} #boxAnsicht .liste a:hover {text-decoration:none; background-image:url(/images/layout/portfolio/icon-liste-g.gif);} /* --- Farbfelder -------------------------------*/ #colorFields {display:block; float:right; width:120px; background-color:#FFFFFF; padding:15px; margin-bottom:15px;} #colorFields a:link {display:block; width:15px; height:15px; float:left; border:none; margin-right:1px; margin-bottom:3px;} #colorFields a:visited {display:block; width:15px; height:15px; float:left; border:none; margin-right:1px; margin-bottom:3px;} #colorFields a:hover {text-decoration:none; background-image:url(/images/layout/bg-button.jpg); opacity:0.8; filter:alpha(opacity=80)} #colorFields .gruen {background-color:#5c7f32;} #colorFields .gelb {background-color:#d9b52d;} #colorFields .blau {background-color:#4c5891;} #colorFields .rot {background-color:#882727;} #colorFields .orange {background-color:#c37f2e;} #colorFields .schwarz {background-color:#000000;} #colorFields .grau {background-color:#CCCCCC;} #colorFields .gold {background-color:#947723;} #colorFields .noColor {background-color:none; background-image:url(/images/layout/portfolio/icon-noColor.gif);} /* --- Portfolio ----------------------------------------------------------------------*/ #bgBlack {min-height:100%; min-width:100%; background-color:#000; position:absolute; z-index:100;} #previews {width:520px; display:block; float:left;} #previews p {background-color:#FFFFFF; display:block; height:85px; width:85px; margin-right:15px; margin-bottom:15px; float:left; border:15px solid #FFFFFF; background-position:center; background-repeat:no-repeat; margin-top:0px;} #previews p a {display:block; height:85px; width:85px;} #previews p a:hover {text-decoration:none; background-image:url(/images/layout/bg-detail.gif);} #previews p a.kunde {text-decoration:none; background-color:#CC0033;} #previews p .kunde a:hover {text-decoration:none; background-image:url(/images/layout/bg-kunde.gif);} #previews p .kunde a:hover {text-decoration:none; background-image:url(/images/layout/bg-kunde.gif);} #previews p.list {float:left; background-color:#FFFFFF; margin-bottom:5px; padding:5px; padding-left:15px; height:15px; width:485px; border:none; } #previews p.list a:hover {background-image:none;} #previews .divDetail {position:absolute; left:150px; top:350px; text-align:center; z-index:100; border:none; background-image:url(/images/layout/bg-objekte.png); width:326px; height:246px; padding:30px;} .dogvdvbdy {width:auto; border:15px solid #FFFFFF;} .divInfos {display:block;} .divInfos h1 {margin:0; padding:0; font-size:11px; font-weight:900; margin-bottom:5px;} .divInfos table {display:block; width:100%; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; line-height:18px} .divInfos table .cTitle {display:block; width:125px; text-align:right; float:left; margin-bottom:10px; font-size:11px;} .divInfos table .cContent {display:block; float:left; margin-left:8px; margin-bottom:10px; font-size:11px; width:175px;} .divInfos a {display:block; background-color:#FFFFFF; padding-left:15px;} .divInfos a:hover {background-image:url(/images/layout/pfeil-gruen.gif); background-repeat:no-repeat; color:#33CC00; background-position:0px 4px;} #rightbox .dropdown {height:20px; display:block; width:135px; padding:0; height:40px;} #rightbox .dropdown h1 {padding:0; margin:0; font-size:11px; font-weight:900; float:left; display:block; width:120px; margin-bottom:3px;} #rightbox .dropdown select {display:block; clear:left; width:120px; margin-left:0px; background-color:#FFF; border:1px solid #999999;} #kundenInfos {width:490px; padding:15px; background-color:#FFFFFF; display:block; float:left;} #linkDiv {display:block; margin-top:15px; float:left; width:480px;} #detailview {display:none; background:url(/images/layout/bg-overlay.png) transparent; width:100%; height:130%; position:absolute; top:0; left:0; z-index:99999;} #detailview #projectCard {width:475px; margin:150px auto; position:relative; display:block; background:#fff; min-height:450px; left:-26px; padding:15px;} #detailview #projectCard h1 {width:465px; background:#666666; color:#fff; font-size:11px; text-align:left; height:30px; line-height:30px; padding-left:10px; margin:0 0 15px 0;} #detailview #projectCard h1.close {background:url("/images/layout/close.gif") no-repeat scroll 456px 11px #666666; cursor:pointer;} #detailview #projectCard table {text-align:left; margin-bottom:20px;} #detailview #projectCard .left {width:140px;} #detailview #projectCard .content {width:475px;} /* --- Admin ----------------------------------------------------------------------*/ #formFields {display:block; float:left; width:375px;} #formFields input {border:medium none; display:block; float:left; height:15px; margin-bottom:12px; padding:2px; width:295px;} #formFields input.upload {border:none; margin:0; padding:0; display:block; float:left; height:20px; margin-bottom:12px; padding:0px; width:295px;} #formFields textarea {display:block; height:84px; width:295px; margin-bottom:12px; float:left; padding:2px; border:none;} #formFields select {display:block; height:20px; width:150px; margin-bottom:12px; float:left;} #formFields input.button {display:block; height:20px; width:150px !important; margin-bottom:5px; margin-top:15px; clear:left;} #formFields input.hidden {display:none; height:0px; width:0px; margin:0px; border:none;} #formFields input.checkbox {padding:0; margin:0; float:left; margin-right:5px; width:15px;} #formFields .labelCkeck {float:left; width:345px; height:20px;} #labelSpalte {display:block; float:left; width:150px;} #labelSpalte label {display:block; height:18px; line-height:20px; font-size:12px; margin-bottom:13.5px;} #content #index {width:505px; display:block; float:left;} #content #index .divListe {display:block; float:left; background-color:#FFFFFF; margin-bottom:5px; padding-left:5px; padding-right:5px; height:23px;} #content #index .divListe .objektid {display:block; width:45px; text-align:right; float:left; margin-top:5px;} #content #index .divListe .s2b {display:block; width:20px; float:left;} #content #index .divListe .s1b {display:block; width:190px; float:left; margin-top:5px; margin-left:5px;} #content #index .divListe .title {display:block; width:250px; float:left; margin-top:5px; margin-left:5px; margin-right:5px;} .infoTxt {display:block; width:471px !important; padding:15px !important; background-color:#FFFFFF; margin-bottom:15px !important; margin-top:0px !important; border:none !important; height:15px !important;} .divImg {display:block; float:left;} .divImg h1 {font-size:12px; margin:0; padding:0;} .infoTxt input {border:medium none; display:block; height:15px; margin-bottom:12px; margin-right:15px; padding:2px; width:180px; border:1px solid #999999; float:left;} .infoTxt select {display:block; margin-right:15px; height:20px; width:155px; margin-bottom:12px; float:left;} .infoTxt input.hidden {display:none; height:0px; width:0px; margin:0px; border:none;} .infoTxt input.button {width:100px; float:right; margin:0px 0px 15px 0px; height:21px; line-height:21px;} .dropdown {height:20px; padding:15px; display:block; margin-bottom:15px; width:196px; background-color:#FFFFFF;} .dropdown h1 {padding:0; margin:0; font-size:11px; font-weight:900; float:left; display:block; width:50px; width:61px;} .dropdown select {display:block; float:left; width:119px; margin-left:15px;} .dropdown input {display:block; float:left; width:118px; margin-bottom:5px; border:1px solid #999;} .dropdown input.button {display:block; float:left; width:120px; margin-bottom:30px; background-image:url(/images/layout/bg-button.jpg); } #content #logins {width:520px; display:block; float:left;} #content #logins p {display:block; margin-bottom:15px; background-color:#FFFFFF; padding:15px; margin-top:0px; height:45px;} #content #logins .spalte1 {display:block; width:120px; float:left;} #content #logins .spalte2 {display:block; width:90px; float:left;} #content #logins .spalte3 {display:block; width:250px; float:left;} #content #logins .spalte4 {display:block; width:20px; float:right;} /* --- Startseite ---------------------------*/ #homepage {width:945px; float:left; background-color:#90e419;} #homepage #rightbox input {width:135px; float:left; background-color:#e2e2e2; margin-bottom:15px; border:none;} #homepage #previews {width:700px; height:332px; margin-left:17px;} #homepage #previews .icons {margin:0px; margin-right:45px; margin-bottom:30px; float:left;} #homepage #previews #miniheader {width:700px; display:block; float:left; margin-top:66px; margin-bottom:18px;} #homepage #previews .txtField {background-color:#FFFFFF; color:#666666;} #WzBoDyI h1 {display:block; float:left; font-size:11px; font-weight:900; margin:0 0 3px; padding:0; width:270px; color:#666666;} /* --- Kunden ---------------------------*/ #content #kundenInfos .divInfo {display:block; margin-bottom:15px; background-color:#EAEAEA; padding:15px; height:auto; width:460px;} #content #kundenInfos .divInfo h1 {font-size:11px; margin:0; padding:0; margin-bottom:15px; width:465px; float:left;} #content #kundenInfos .divInfo label {display:block; width:120px; float:left;} #content #kundenInfos .divInfo .data {display:block; float:left; width:338px;} #content #kundenInfos .divInfo ul {display:block; margin:0; padding:0; width:460px; float:left; margin-bottom:15px;} #content #kundenInfos .divInfo a {display:block; padding-left:15px; height:15px; line-height:15px; width:325px;; float:left; } #content #kundenInfos .divInfo a:hover {background-image:url(/images/layout/pfeil-gruen.gif); background-repeat:no-repeat; color:#33CC00; background-position:0px 2px; background-color:#FFFFFF; height:15px; line-height:15px;} #content #kundenInfos .divInfo ul li h2 {display:block; float:left; width:120px; font-size:11px; font-weight:100; margin:0; padding:0;} #content #kundenInfos .divInfo ul li h3 {display:block; float:left; font-size:11px; font-weight:100; margin:0; padding:0;} #content #kundenInfos .divInfo ul li {list-style-type:none; margin-left:15px; background-color:#FFFFFF; padding:15px; float:left; width:415px;} /* --- Header -----------------------------------------*/ #header #logo {width:915px; height:30px; text-align:left; font-size:14px; margin-left:15px; margin-top:30px;} #header #login {width:915px; text-align:right; margin-right:10px; float:right} #header #login a:link {color:#93fb00;} #header #login a:visited {color:#93fb00;} /*alt: 78f541**/ /* --- Footer -----------------------------------------*/ #footer {width:487px; height:15px; text-align:left; margin-top:50px; margin-left:195px; background-color:#FFF; float:left; padding:15px; } #footer #contact {float:left;} /* --- Musikbox ---------------------------------------------------------------------------*/ #music {width:970px; position:relative; text-align:left; margin:0px auto; padding-top:10px; padding-left:5px;} #music a {display:block; padding-left:15px; color:#666; background-image:url(/images/layout/sound-on.gif); background-repeat:no-repeat; color:#666666; background-position:0px 2px;} #music a:hover {background-image:url(/images/layout/sound-off.gif); color:#33CC00; } /* --- Login -----------------------------------------*/ #loginBox {width:451px; background-color:#FFFFFF; padding:15px; float:left;} #loginBox input {display:block; width:148px; background-color:#EAEAEA; border:none; float:left; margin-right:15px; height:15px;} #loginBox input.button {display:block; width:121px; background-image:url(/images/layout/bg-button.jpg); border:1px solid #999999; background-color:#FFFFFF; margin-right:0px; height:17px;} /* --- Kontakt -----------------------------------------*/ #previews #map {width:505px; background-color:#FFFFFF; padding:0px; display:block; float:left; margin-top:25px;} #previews p.list .label1 {width:55px; display:block; float:left;} #previews p.list .label2 {width:400px; display:block; float:left;} #previews #map #mapcontainer {width:475px; height:300px; border:0px;} /* --- Copyright -----------------------------------------*/ #copyright {width:520px; display:block; float:left;} #copyright div {background-color:#FFFFFF; display:block; width:490px; margin-bottom:15px; padding:15px; float:left; } #copyright h1 {margin:0; padding:0; font-size:11px; margin-bottom:10px; margin-top:25px;} /* --- Titleliste -----------------------------------------*/ #content #title a:link {color:#666666;} #content #title a:visited {color:#666666;} #content #title a:hover {color:#33cc00;} /* --- Büro -----------------------------------------*/ #previews #buero {width:475px; background-color:#FFFFFF; padding:15px; padding-bottom:30px; display:block; float:left;} #previews #jobTxt {width:505px; display:block; background-color:#FFF; float:left;} #previews #bueroImg {width:505px; display:block; background-color:#FFF; float:left;} #previews p.list .label3 {width:125px; display:block; float:left;} #previews p.list .label4 {width:330px; display:block; float:left;} #previews h1 {width:475px; display:block; margin:0; padding:0; margin-bottom:15px; margin-top:30px; font-size:11px; float:left;}