/* Colors: Grau = #6D7070 Orange = #FBAD17 Gelb = #FFF328 Blau = #95BEDD Grün = #9CCC5A Umrechnungsfaktur Pixel -> em: 0,0625 */ @media screen, projection { /*Container-,Boxes-Styles*/ body { background: transparent url('./images/bgcolor.png'); color: #ffffff; font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif, Verdana; text-align: center;} #page_margins { min-width: 1000px; max-width: 62.5em; text-align: left; margin: 0 auto 0 auto; border: 0px solid red;} #page { width: 1000px; height: 685px; margin: 68px auto 0 auto; background: transparent url('./images/bg.png') no-repeat top; border: 0px solid lime; } #header {width: 555px; height: 107px; margin: 0 auto 0 auto; text-align: center; border: 0px solid yellow;} #topnav {width: auto; height: 13px; line-height: 13px; padding-left: 222px; margin: 62px auto 0 auto; text-align: left; border: 0px solid red;} #content {height: 483px; margin: 10px auto 0 auto; text-align: left; border: 0px solid red;} #main {width: 875px; margin: 0 auto 0 auto; font-family: Arial, Helvetica, Lucida Grande, Lucida Sans Unicode, sans-serif, Verdana; font-size: 0.7em; border: 0px solid orange;} #footer {width: 555px; height: auto; min-height: 15px; margin: 0 auto 0 auto; padding: 0 0 30px 10px; font-family: Arial, Helvetica, Lucida Grande, Lucida Sans Unicode, sans-serif, Verdana; font-size: 0.625em; color: #DDDEDE; text-align: left; border: 0px solid blue;} /*Element-Styles*/ #clearfix,:after .clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden; line-height: 0; } #clearfix, .clearfix {clear: both; display: block; height: 0; line-height: 0;} /*#header h1 {font-size: 1.5em; line-height: 0.8em; text-transform: uppercase; } #header h2 {font-size: 1.5em; line-height: 0.8em; text-transform: uppercase; letter-spacing: 0.08em; margin-top: 10px; margin-bottom: 28px;} #header h3 {font-size: 0.93em; line-height: 0.8em; text-transform: uppercase; letter-spacing: -0.04em; margin-top: 10px;}*/ #header h1 {width: 243px; height: 47px; background: transparent url('./images/head.png') no-repeat; margin: 0 auto 27px auto;} #header h2 {width: 555px; height: 33px; background: transparent url('./images/subhead.png') no-repeat;} #topnav a, #topnava:link, #topnav a:active, #topnav a:visited, #topnav a:hover {font-size: 0.9em; font-weight: normal; color: #ffffff; text-decoration: none; padding-left: 24px; padding-right: 86px; margin-left: 5px;} #topnav a.orange {background: transparent url('images/orange.gif') no-repeat left; text-decoration: none;} #topnav a.orange:active {background: transparent url('images/orange.gif') no-repeat left; color: #FBAD17; } #topnav a.orange:visited {background: transparent url('images/orange.gif') no-repeat left; color: #ffffff; } #topnav a.orange:hover {background: transparent url('images/orange.gif') no-repeat left; color: #FBAD17; } #topnav a.orange_active {background: transparent url('images/orange.gif') no-repeat left; color: #FBAD17; } #topnav a.yellow {background: transparent url('images/yellow.gif') no-repeat left;text-decoration: none; } #topnav a.yellow:active {background: transparent url('images/yellow.gif') no-repeat left; color: #FFF328; } #topnav a.yellow:visited {background: transparent url('images/yellow.gif') no-repeat left; color: #ffffff; } #topnav a.yellow:hover {background: transparent url('images/yellow.gif') no-repeat left; color: #FFF328; } #topnav a.yellow_active {background: transparent url('images/yellow.gif') no-repeat left; color: #FFF328; } #topnav a.blue {background: transparent url('images/blue.gif') no-repeat left;text-decoration: none; } #topnav a.blue:active {background: transparent url('images/blue.gif') no-repeat left; color: #95BEDD; } #topnav a.blue:visited {background: transparent url('images/blue.gif') no-repeat left; color: #ffffff; } #topnav a.blue:hover {background: transparent url('images/blue.gif') no-repeat left; color: #95BEDD; } #topnav a.blue_active {background: transparent url('images/blue.gif') no-repeat left; color: #95BEDD; } #topnav a.green {background: transparent url('images/green.gif') no-repeat left; text-decoration: none;} #topnav a.green:active {background: transparent url('images/green.gif') no-repeat left; color: #9CCC5A; } #topnav a.green:visited {background: transparent url('images/green.gif') no-repeat left; color: #ffffff; } #topnav a.green:hover {background: transparent url('images/green.gif') no-repeat left; color: #9CCC5A; } #topnav a.green_active {background: transparent url('images/green.gif') no-repeat left; color: #9CCC5A; } #topnav a.inactive {background: transparent url('images/grey.gif') no-repeat left; color: #D1D2D4; } #topnav a.inactive:hover {background: transparent url('images/white.gif') no-repeat left; color: #ffffff; } /*Content*/ #content h1 { height: 75px; margin: -7px auto 0 222px; font-size: 0.9em; font-weight: normal; border: 0px solid red;} #content h3 {text-align: center; padding-top: 30px; font-size: 150%; color: #ffffff; clear: both; } #content .orange { color: #FBAD17; padding-left: 29px; } #content .yellow { color: #FFF328; padding-left: 177px; } #content .blue { color: #95BEDD; padding-left: 348px; } #content .orange a { color: #ffffff; text-decoration: none;} #content .orange a.active { color: #FBAD17;} #content .impressum {padding-top: 30px; height: 45px; padding-left: 177px;} /*Main*/ #main a {color: #ffffff;text-decoration: none;} /*#main a[href $='.pdf'] { background: transparent url('images/link_pdf.png') no-repeat right; padding-right: 16px; }*/ #main a[href^="http:"], #main a[href^="https:"] { background: url('images/link_extern.png') no-repeat left; margin-left: 3px; padding-left: 10px; padding-top: 3px; } .images {text-align: center; margin: 0 auto; } .border { border: 1px solid #D1D2D4; margin: 0px 5px 10px 5px; float: left; } #main .text { padding: 0 0 0 7px; border: 0px dotted white; font-size: 1.2em; } #main .text p { margin: 0 0 20px 0; padding: 0;} #main .text table {width: 412px; margin: 0 0 20px 0; padding: 0; border: 0;} #main .text table * {margin: 0; padding: 0; border: 0; height: 0;} #main .text td { text-align: left; vertical-align: top;} #main .text .no_bottom_margin { margin-bottom: 0;} #main .text .left {width: 412px; padding-left: 0; float: left; text-align: justify; } #main .text .right {width: 412px; margin-left: 412px; padding-left: 40px; padding-right: 0; text-align: justify; } #main .impressum {margin: 0; padding: 0; font-size: 1.0em; text-align: left;} #main .impressum a.mail:hover {color: #95BEDD; text-decoration: none;} #main .impressum a.extern:hover {color: #FFF328; text-decoration: none; background: url('images/link_extern_active.png') no-repeat left;} #main #boxes {height: 250px; margin: 0 auto 20px auto;} #main #boxes div.no_border {width: 162px; min-height: 162px; float: left; margin: 0 7px 12px 6px; border: 0; tex-align: center;} #main #boxes div {width: 163px; height: 163px; border: 1px solid #D1D2D4; margin: 0 0 5px 0;} /*Seite Kontakt*/ #main #boxes.kontakt {width: 542px; } #main #boxes.kontakt div {width: 143px; height: 138px; float: left; margin: 0 5px 12px 10px; padding: 12px 10px 10px 10px;} #main #boxes.kontakt .middle { width: 156px; padding: 12px 0px 10px 7px; font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif, Verdana; font-size: 0.9em; line-height: 170%;} /*Seite Projekte - Kategorien*/ #main #boxes.projektkat {min-width: 110px; max-width: 875px; margin: 0 auto; text-align: center; border: 0px solid red;} #main #boxes.projektkat div {width: 110px; text-align: center; margin: 0 7px 10px 7px; } #main #boxes.projektkat div img {width: 110px; height: 110px; float: left; border: 1px solid #D1D2D4;} #main #boxes.projektkat div p {margin-top: 120px; } #main #boxes.projektkat div a:hover {color: #FFF328;} #main #boxes a.mail {background: transparent url('images/mail_inactive.png') no-repeat right; color: #ffffff; padding: 0 35px 0 0;} #main #boxes a.mail:hover {background: transparent url('images/mail_active.png') no-repeat right; color: #95BEDD;} #main #boxes a.lage {background: transparent url('images/arrow_inactive.png') no-repeat right; color: #ffffff; padding: 8px 41px 10px 0;} #main #boxes a.lage:hover {background: transparent url('images/arrow_active.png') no-repeat right; color: #95BEDD;} #main #boxes #scroller {border: 0; text-align: center;} #main #boxes.news { font-size: 0.8em; line-height: 130%;} /*Mailformular*/ form * { font-family: Arial, Helvetica, Lucida Grande, Lucida Sans Unicode, sans-serif, Verdana; } form p { margin-bottom: 5px;} form input, textarea { font-size: 1.0em; width: 137px; padding: 3px 0 3px 1px;} form input { height: 14px; } form textarea { height: 64px; } form input.button { height: 24px; width: 65px; background: transparent url("./images/buttongrau.png") no-repeat; border: 0; padding: 0 3px 0 3px; } form input.send {background: url("./images/buttonblau.png"); font-weight: bold; } p.small {font-size: 0.8em;} .error, .error ul li {color: #ff9900; font-weight: bold;} .success {color: #9CCC5A; font-weight: bold;} /*Footer*/ #footer a, #footer a:link, #footer a:active, #footer a:visited { font-weight: bold; color: #DDDEDE; text-decoration: none;} #footer a:hover { color: #ffffff; } }