/* IconScreen ----------------------------------------------------------- Building 03.2009 // Last Revision: 16.03.09 Color Schema -- lightred: d4442c -- darkred: dc5c44 -- darkgrey: 646c6c -- middlegrey: 8c8c8c -- lightgrey: c4c4c4 Font-Size -- */ /* BASICS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ body { margin: 0; padding: 15px 0 0 0; background: #a9a9a9; } body, table, th, td { color: #646c6c; text-align: left; font-family: Verdana, arial, sans-serif; font-style: normal; line-height: 135%; font-size: 12px; } a, a:visited { color: #c4c4c4; text-decoration: none; } :focus { -moz-outline-style: none; outline-style: none; } /* LAYOUT CHANGE COLORS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #subheadleft { background: #8c8c8c; } #miniboxleft { background: #8c8c8c; } #subheadright { background: #c4c4c4; } #miniboxright { background: #c4c4c4; } #contentleft { background: #c4c4c4; } #contentright { background: #fff; } #footerleft { background: #8c8c8c; } #footerright { background: #c4c4c4; } /* LAYOUT + ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #wrapper { width: 940px !important; margin: 0 auto; } #logo { width: 312px; height:139px; background: url(/images-basic/logo.gif) no-repeat 0 0; } #headleft { width: 312px; height: 139px; float: left; } #headright { width: 628px; height: 139px; background: #dc5c44; float: right; } #ULnavileft { width: 85px; float: left; padding: 18px 0 0 19px; } #ULnaviright { width: 85px; float: left; padding-top: 18px; } #subheadleft { width: 312px; height: 27px; float: left; } #miniboxleft { position: absolute; top: 148px; width: 17px; height: 6px; } #subheadright { width: 628px; height: 21px; float: right; padding-top: 6px; color: #c4c4c4; } #subheadright span { padding-left: 105px; font-weight: bold; } #miniboxright { position: absolute; top: 181px; width: 17px; height: 6px; } #contentleft { width: 312px; height: auto; float: left; } #contentright { width: 628px; height: 462px; float: right; } #footerleft { width: 312px; height: 72px; float: left; } #footerright { width: 628px; height: 72px; float: right; } #print { display:none; } /* CONTENT ALL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ img.minitop { padding-top: 54px !important; } h2 { padding-top: 28px; padding-bottom: 6px; } h3 { padding-top: 8px; padding-bottom: 6px; } p { padding-bottom: 10px; } p.last { padding-bottom: 32px; } ul.contentlist { list-style: square; } .contentlist li { padding: 3px 0; } ul.fakelist { list-style: square; color: #dc5c44; } .fakelist li { padding: 3px 0; } h2, h3 { font-size: 13px; font-weight: bold; color: #dc5c44; line-height: 18px; } h3.secondheadline { font-size: 12px; padding-top: 2px; padding-bottom: 8px; line-height: 15px; } .fakeheadline { display: block; padding-top: 18px !important; padding-bottom: 6px !important; font-size: 13px; font-weight: bold; color: #dc5c44; line-height: 18px; } th { vertical-align: top; font-weight: normal; color: #dc5c44; padding-right: 5px; } /* CONTENT LEFT +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #contentleft h1, #contentleft h2, #contentleft h3, #contentleft p, table#contentleft { padding-left: 35px; padding-right: 20px; } h3.signet { color: #fff; } #metadata th { padding: 0 0 0 18px !important; font-size: 10px; font-weight: bold; color: #d4442c; } #metadata td { padding: 0 0 0 5px !important; font-size: 10px; font-weight: bold; color: #d4442c; } /* CONTENT RIGHT +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #contentright h2, #contentright h3, #contentright p { padding-left: 104px; padding-right: 60px; } table#metadata { } #metaimage { height: 390px;padding-bottom: 12px !important; } ul.contentlist { padding-left: 122px; padding-right: 20px; } ul.fakelist { padding-left: 104px; padding-right: 60px; } .kontakt-bigred { font-size: 12px; font-weight: bold; color: #dc5c44; padding-right: 8px; } a.linkwhite { color: #fff; } a.linkgrey { color: #c4c4c4!important; } strong { font-size: 11px !important; } /* PROJEKT-NAVIGATION ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #ProjekteCoporate { float: left; padding: 18px 0 0 18px; z-index: 100; font-size: 11px; color: #fff; } #ProjekteCoporate img { padding-right: 9px; } #ProjekteCoporate a span { display: none;} #ProjekteCoporate a:hover span { color: #fff; background: #dc5c44; z-index: 102; width: 270px; height: 16px; display: block; position: absolute; margin-left: 121px; } #ProjekteCoporate a:hover span { margin-top: 0; } /*MSIE 7 */ #ProjekteCoporate a:hover span { margin-left: 108px; } /*MSIE 7 */ /* HAUPT-NAVIGATION ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #Start a, #Projekte a, #Profil a, #Kontakt a, #Impressum a, #Corporate a, #Signet a, #Publikationen a, #Raum a, #Kartenflut a, #Leistungen a, #Referenzen a, #Vita a { width: 85px; height: 21px; *height: 19px; } /* *height: 19px; fuer IE 6,7 */ #ULnavileft li, #ULnaviright li { list-style-type: none; } #ULnavileft span, #ULnaviright span { display: none !important; } #Start a { display: block; background: url(/images-basic/nav-Start.gif) no-repeat 0 0; } #Start a.aktiv, #Start a:hover { background: url(/images-basic/nav-Start.gif) no-repeat -85px 0!important; } #Projekte a { display: block; background: url(../images-basic/nav-Projekte.gif) no-repeat 0 0; } #Projekte a.aktiv, #Projekte a:hover { background: url(../images-basic/nav-Projekte.gif) no-repeat -85px 0!important; } #Profil a { display: block; background: url(../images-basic/nav-Profil.gif) no-repeat 0 0; } #Profil a.aktiv, #Profil a:hover { background: url(../images-basic/nav-Profil.gif) no-repeat -85px 0!important; } #Kontakt a { display: block; background: url(../images-basic/nav-Kontakt.gif) no-repeat 0 0; } #Kontakt a.aktiv, #Kontakt a:hover { background: url(../images-basic/nav-Kontakt.gif) no-repeat -85px 0!important; } #Impressum a { display: block; background: url(../images-basic/nav-Impressum.gif) no-repeat 0 0; } #Impressum a.aktiv, #Impressum a:hover { background: url(../images-basic/nav-Impressum.gif) no-repeat -85px 0!important; } #Corporate a { display: block; background: url(../images-basic/nav-Corporate.gif) no-repeat 0 0; } #Corporate a.aktiv, #Corporate a:hover { background: url(../images-basic/nav-Corporate.gif) no-repeat -85px 0!important; } #Signet a { display: block; background: url(../images-basic/nav-Signet.gif) no-repeat 0 0; } #Signet a.aktiv, #Signet a:hover { background: url(../images-basic/nav-Signet.gif) no-repeat -85px 0!important; } #Publikationen a { display: block; background: url(../images-basic/nav-Publikationen.gif) no-repeat 0 0; } #Publikationen a.aktiv, #Publikationen a:hover { background: url(../images-basic/nav-Publikationen.gif) no-repeat -85px 0!important; } #Raum a { display: block; background: url(../images-basic/nav-Raum.gif) no-repeat 0 0; } #Raum a.aktiv, #Raum a:hover { background: url(../images-basic/nav-Raum.gif) no-repeat -85px 0!important; } #Kartenflut a { display: block; background: url(../images-basic/nav-Kartenflut.gif) no-repeat 0 0; } #Kartenflut a.aktiv, #Kartenflut a:hover { background: url(../images-basic/nav-Kartenflut.gif) no-repeat -85px 0!important; } #Leistungen a { display: block; background: url(../images-basic/nav-Leistungen.gif) no-repeat 0 0; } #Leistungen a.aktiv, #Leistungen a:hover { background: url(../images-basic/nav-Leistungen.gif) no-repeat -85px 0!important; } #Referenzen a { display: block; background: url(../images-basic/nav-Referenzen.gif) no-repeat 0 0; } #Referenzen a.aktiv, #Referenzen a:hover { background: url(../images-basic/nav-Referenzen.gif) no-repeat -85px 0!important; } #Vita a { display: block; background: url(../images-basic/nav-Vita.gif) no-repeat 0 0; } #Vita a.aktiv, #Vita a:hover { background: url(../images-basic/nav-Vita.gif) no-repeat -85px 0!important; } /* CSS HACKS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */