* { font-family: Arial; font-size: 12px; color: #DDDDDD; margin: 0px; } body { background-color: #000000; margin: 0px; } /* Links */ a { font-family: Arial; font-size: 12px; text-decoration: none; color: #FFFFFF} a:hover { font-family: Arial; font-size: 12px; text-decoration: none; color: #66DD00} a.menue_bottom { font-family: Arial; font-size: 14px; text-decoration: none; color: #FFFFFF} a.menue_bottom:hover { font-family: Arial; font-size: 14px; text-decoration: none; color: #66DD00} a.vcard { font-family: Arial; font-size: 14px; text-decoration: none; color: #FFFFFF} a.vcard:hover { font-family: Arial; font-size: 14px; text-decoration: none; color: #AAAAAA} /* Mainmenue */ a.start {display: block; width: 70px; height: 40px; background-image: url(../images/button_start.png);} a.start:hover {display: block; width: 70px; height: 40px; background-image: url(../images/button_start_hover.png);} a.start_hover {display: block; width: 70px; height: 40px; background-image: url(../images/button_start_hover.png);} a.unternehmen {display: block; width: 130px; height: 40px; background-image: url(../images/button_unternehmen.png);} a.unternehmen:hover {display: block; width: 130px; height: 40px; background-image: url(../images/button_unternehmen_hover.png);} a.unternehmen_hover {display: block; width: 130px; height: 40px; background-image: url(../images/button_unternehmen_hover.png);} a.leistungen {display: block; width: 110px; height: 40px; background-image: url(../images/button_leistungen.png);} a.leistungen:hover {display: block; width: 110px; height: 40px; background-image: url(../images/button_leistungen_hover.png);} a.leistungen_hover {display: block; width: 110px; height: 40px; background-image: url(../images/button_leistungen_hover.png);} a.referenzen {display: block; width: 110px; height: 40px; background-image: url(../images/button_referenzen.png);} a.referenzen:hover {display: block; width: 110px; height: 40px; background-image: url(../images/button_referenzen_hover.png);} a.referenzen_hover {display: block; width: 110px; height: 40px; background-image: url(../images/button_referenzen_hover.png);} a.kontakt {display: block; width: 90px; height: 40px; background-image: url(../images/button_kontakt.png);} a.kontakt:hover {display: block; width: 90px; height: 40px; background-image: url(../images/button_kontakt_hover.png);} a.kontakt_hover {display: block; width: 90px; height: 40px; background-image: url(../images/button_kontakt_hover.png);} /* DIVs */ div.top { position: absolute; width: 100%; height: 100px; top: 0px; left: 0px; background-color: #181818; } div.menue { position: absolute; width: 100%; height: 200px; top: 100px; left: 0px; background-image: url(../images/background_menue_top.png); background-color: #181818; } div.menue_frame { position: absolute; width: 900px; top: 40px; left: 50%; margin-left: -450px; } div.menue_logo { position: absolute; left: -75px; top: -25px; width: 250px; height: 180px; background-image: url(../images/logo_oben.png); } div.menue_buttons { position: absolute; right: 0px; top: 20px; width: 600px; height: 40px; } div.content { position: absolute; width: 100%; top: 300px; left: 0px; height: auto; background-color: #181818; } div.content_frame { position: relative; width: 900px; left: 50%; margin-left: -450px; min-height: 350px; } div.bottom { position: absolute; width: 100%; bottom: 0px; left: 0px; height: 200px; margin-bottom: -200px; background-image: url(../images/background_menue_bottom.png); background-color: #181818; } div.bottom_frame { position: relative; top: 50px; width: 900px; left: 50%; margin-left: -450px; } div.bottom_vcard { position: absolute; top: 0px; left: -20px; width: 180px; height: 130px; } div.bottom_menue { position: absolute; top: 50px; left: 215px; width: 400px; height: 30px; text-align: center; } div.bottom_logo { position: absolute; top: 0px; right: 0px; width: 224px; height: 162px; background-image: url(../images/logo_unten.png); text-align: center; } div.bottom_spacer_1 { position: absolute; top: 0px; left: 185px; width: 5px; height: 150px; background-image: url(../images/menue_bottom_spacer.png); text-align: center; } div.bottom_spacer_2 { position: absolute; top: 0px; left: 640px; width: 5px; height: 150px; background-image: url(../images/menue_bottom_spacer.png); text-align: center; } /* System */ tr.admin-navigation-sitemap-l1 { background-color: #EEEEEE; } tr.admin-navigation-sitemap-l2 { background-color: #DDDDDD; } tr.admin-navigation-sitemap-l3 { background-color: #CCCCCC; } tr.admin-navigation-sitemap-l4 { background-color: #BBBBBB; } tr.admin-navigation-sitemap-l5 { background-color: #AAAAAA; } tr.admin-navigation-sitemap-l1:hover { background-color: #AAFFAA; } tr.admin-navigation-sitemap-l2:hover { background-color: #DDDDDD; } tr.admin-navigation-sitemap-l3:hover { background-color: #CCCCCC; } tr.admin-navigation-sitemap-l4:hover { background-color: #BBBBBB; } tr.admin-navigation-sitemap-l5:hover { background-color: #AAAAAA; } input.admin { width: 100%; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-width: 1px; border-color: #000000 } select.admin { border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-width: 1px; border-color: #000000 } /* ADMININTERFACE */ div.ai { position: fixed; top: 0px; left: 0px; width: 100%; height: 80px; z-index: 9999; margin-bottom: 80px; } table.ai { background-color: #CCCCCC; margin-bottom: 1px; width: 100%} tr.ai:hover { background-color: #DDDDDD; } td.ai { padding: 5px; } td.ai:hover { background-color: #EEEEEE; } a.ai { color: #000000; } /* NAVIGATION */ div.mn1 { margin-left: 0px; position: relative; } div.mi1 { margin: 3px; position: relative; } a.mn1a { font-family: Arial; font-size: 14px; text-decoration: none; color: #FFFFFF; font-weight: bold} a.mn1a:hover { font-family: Arial; font-size: 14px; text-decoration: none; color: #FFFFFF; font-weight: bold} a.mn1i { font-family: Arial; font-size: 12px; text-decoration: none; color: #000000} a.mn1i:hover { font-family: Arial; font-size: 12px; text-decoration: none; color: #FF0000} div.mn2 { margin-left: 10px; position: relative; } div.mi2 { margin: 3px; position: relative; } a.mn2a { font-family: Arial; font-size: 14px; text-decoration: none; color: #FFFFFF; font-weight: bold} a.mn2a:hover { font-family: Arial; font-size: 14px; text-decoration: none; color: #FFFFFF; font-weight: bold} a.mn2i { font-family: Arial; font-size: 12px; text-decoration: none; color: #000000} a.mn2i:hover { font-family: Arial; font-size: 12px; text-decoration: none; color: #FF0000} div.mn3 { margin-left: 10px; position: relative; } div.mi3 { margin: 3px; position: relative; } a.mn3a { font-family: Arial; font-size: 14px; text-decoration: none; color: #FFFFFF; font-weight: bold} a.mn3a:hover { font-family: Arial; font-size: 14px; text-decoration: none; color: #FFFFFF; font-weight: bold} a.mn3i { font-family: Arial; font-size: 12px; text-decoration: none; color: #000000} a.mn3i:hover { font-family: Arial; font-size: 12px; text-decoration: none; color: #FF0000} div.mn4 { margin-left: 10px; position: relative; } div.mi4 { margin: 3px; position: relative; } a.mn4a { font-family: Arial; font-size: 14px; text-decoration: none; color: #FFFFFF; font-weight: bold} a.mn4a:hover { font-family: Arial; font-size: 14px; text-decoration: none; color: #FFFFFF; font-weight: bold} a.mn4i { font-family: Arial; font-size: 12px; text-decoration: none; color: #000000} a.mn4i:hover { font-family: Arial; font-size: 12px; text-decoration: none; color: #FF0000} div.mn5 { margin-left: 10px; position: relative; } div.mi5 { margin: 3px; position: relative; } a.mn5a { font-family: Arial; font-size: 14px; text-decoration: none; color: #FFFFFF; font-weight: bold} a.mn5a:hover { font-family: Arial; font-size: 14px; text-decoration: none; color: #FFFFFF; font-weight: bold} a.mn5i { font-family: Arial; font-size: 12px; text-decoration: none; color: #000000} a.mn5i:hover { font-family: Arial; font-size: 12px; text-decoration: none; color: #FF0000}