/* In the Web GbR Cascading Style Sheet */ /* Author: Antonio D'Ambrosio */ /* Copyright 2009 - In the Web GbR */ /* Media: Screen */ /* Globale Zurücksetzung */ * { margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; } /* Global geltende Werte */ body { width: 100%; height: 100%; background-color: #F2F2F2; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 14px; text-align: center; color: #1E1E1E; } i { font-style: italic; } b { font-weight: bold; } h3 { font-size: 16px; margin: 5px 0 5px 0; font-weight: bold; } h4 { font-size: 15px; margin: 5px 0 5px 0; font-weight: bold; } h5 { font-size: 14px; margin: 5px 0 5px 0; font-weight: bold; } /* Header */ #header { width: 1015px; height: 209px; margin:auto; margin-left:1px; background-image:url(../images/itw-header.jpg); background-repeat:no-repeat; background-position:center;} /* Menü */ #menu { width: 683px; height: 51px; margin:auto; margin-left:323px; padding-top:140px;} #menu .startseite { width:109px; height:51px; float:left; background-image:url(../images/startseite-normal.gif); } #menu .startseite a { width:109px; height:51px; float:left; text-decoration:none; background-image:url(../images/startseite-normal.gif); } #menu .startseite a:hover { width:109px; height:51px; float:left; text-decoration:none; background-image:url(../images/startseite-hover.gif); } #menu .profil { width:117px; height:51px; float:left; background-image:url(../images/unser_profil-normal.gif); } #menu .profil a { width:117px; height:51px; float:left; text-decoration:none; background-image:url(../images/unser_profil-normal.gif); } #menu .profil a:hover { width:117px; height:51px; float:left; text-decoration:none; background-image:url(../images/unser_profil-hover.gif); } #menu .leistungen { width:177px; height:51px; float:left; background-image:url(../images/unsere_leistungen-normal.gif); } #menu .leistungen a { width:177px; height:51px; float:left; text-decoration:none; background-image:url(../images/unsere_leistungen-normal.gif); } #menu .leistungen a:hover { width:177px; height:51px; float:left; text-decoration:none; background-image:url(../images/unsere_leistungen-hover.gif); } #menu .referenzen { width:187px; height:51px; float:left; background-image:url(../images/unsere_referenzen-normal.gif); } #menu .referenzen a { width:187px; height:51px; float:left; text-decoration:none; background-image:url(../images/unsere_referenzen-normal.gif); } #menu .referenzen a:hover { width:187px; height:51px; float:left; text-decoration:none; background-image:url(../images/unsere_referenzen-hover.gif); } #menu .kontakt { width:93px; height:51px; float:left; background-image:url(../images/kontakt-normal.gif); } #menu .kontakt a { width:93px; height:51px; float:left; text-decoration:none; background-image:url(../images/kontakt-normal.gif); } #menu .kontakt a:hover { width:93px; height:51px; float:left; text-decoration:none; background-image:url(../images/kontakt-hover.gif); } /*Admin - Menü */ #menu { width: 683px; height: 51px; margin:auto; margin-left:323px; padding-top:140px;} #menu .administration { width:137px; height:51px; float:left; background-image:url(../admin/images/administration-normal.gif); } #menu .administration a { width:137px; height:51px; float:left; text-decoration:none; background-image:url(../admin/images/administration-normal.gif); } #menu .administration a:hover { width:137px; height:51px; float:left; text-decoration:none; background-image:url(../admin/images/administration-hover.gif); } #menu .aquise { width:88px; height:51px; float:left; background-image:url(../admin/images/aquise-normal.gif); } #menu .aquise a { width:88px; height:51px; float:left; text-decoration:none; background-image:url(../admin/images/aquise.gif); } #menu .aquise a:hover { width:88px; height:51px; float:left; text-decoration:none; background-image:url(../admin/images/aquise-hover.gif); } #menu .datenbank_backup { width:178px; height:51px; float:left; background-image:url(../admin/images/datenbank_backup-normal.gif); } #menu .datenbank_backup a { width:178px; height:51px; float:left; text-decoration:none; background-image:url(../admin/images/datenbank_backup-normal.gif); } #menu .datenbank_backup a:hover { width:178px; height:51px; float:left; text-decoration:none; background-image:url(../admin/images/datenbank_backup-hover.gif); } #menu .domain_configuration { width:197px; height:51px; float:left; background-image:url(../admin/images/domain_configuration-normal.gif); } #menu .domain_configuration a { width:197px; height:51px; float:left; text-decoration:none; background-image:url(../admin/images/domain_configuration-normal.gif); } #menu .domain_configuration a:hover { width:197px; height:51px; float:left; text-decoration:none; background-image:url(../admin/images/domain_configuration-hover.gif); } #menu .logout { width:83px; height:51px; float:left; background-image:url(../admin/images/logout-normal.gif); } #menu .logout a { width:83px; height:51px; float:left; text-decoration:none; background-image:url(../admin/images/logout-normal.gif); } #menu .logout a:hover { width:83px; height:51px; float:left; text-decoration:none; background-image:url(../admin/images/logout-hover.gif); } /* SubMenü */ #submenu { width:584px; } #submenu .submenu_title { width:584px; height:38px; background-image:url(../images/sub_bg.jpg); text-align:left; margin-top:10px; } #submenu .submenu_title a { color:#ffffff; font-size:18px; font-weight:bold; text-decoration:none; padding:7px 0 0 40px; display:block; } #submenu .submenu_title a:hover { text-decoration:underline; } #magic_menu1, #magic_menu2, #magic_menu3, #magic_menu4 { width:100%; text-align:justify; display:none; } #submenu #magic_menu1 p, #submenu #magic_menu2 p, #submenu #magic_menu3 p, #magic_menu4 p { margin: 8px 0 8px 0; color:red; } #submenu #magic_menu1 p a, #submenu #magic_menu2 p a, #submenu #magic_menu3 p a, #magic_menu4 p a { font-size:10px; color:#323232; text-align:left; } /* Grundgerüsst */ #container { width: 1016px; margin: auto; margin-top: 0px; background-image:url(../images/bg_container.jpg); background-repeat: repeat-y; position:relative; background-position:center; } /* Rahmen Oben */ #content_box_up { width: 940px; height: 33px; margin: auto; margin-top:5px; background-image:url(../images/bg-cube_box_up.jpg); background-repeat: no-repeat;} /* Gerüst für den Inhalt */ #content_box { width: 940px; margin: auto; background-image:url(../images/bg-cube_box.jpg); background-repeat: repeat-y; } /* Rahmen Oben */ #content_box_down { width: 940px; height: 33px; margin: auto; background-image:url(../images/bg-cube_box_down.jpg); background-repeat: no-repeat; } /* Untermenü mit Würfel*/ #submenu_box { width: 308px; height:615px; float: left; padding-top:40px; background-image:url(../images/bg_cube_alone.jpg); background-repeat:no-repeat;} /* Content Text */ #maincontent_box { width: 632px; float: right; text-align: justify; margin-top:8px; min-height:500px; } #maincontent_box h1 { font-weight: bold; font-size: 17px; margin-top:32px;} #maincontent_box p { padding: 10px 20px 10px 0px; line-height: 19px; text-align: left; } /* Footer */ #footer { width: 1015px; height: 106px; background-image:url(../images/itw-footer.jpg); margin:auto; margin-left:1px; text-align:right; } #footer span { left: 910px; top: 20px;} /* Aktive Navigationslinks*/ #startseite_body .startseite a { width: 109px; display: block; background: url(../images/startseite-active.gif) no-repeat;height:51px;width:109px; margin: 0px 0; text-decoration: none; } #profil_body .profil a { width: 117px; display: block; background: url(../images/unser_profil-active.gif) no-repeat;height:51px;width:117px; margin: 0px 0; text-decoration: none; } #leistungen_body .leistungen a { width: 177px; display: block; background: url(../images/unsere_leistungen-active.gif) no-repeat;height:51px;width:177px; margin: 0px 0; text-decoration: none; } #referenzen_body .referenzen a { width: 187px; display: block; background: url(../images/unsere_referenzen-active.gif) no-repeat;height:51px;width:187px; margin: 0px 0; text-decoration: none; } #kontakt_body .kontakt a { width: 93px; display: block; background: url(../images/kontakt-active.gif) no-repeat;height:51px;width:93px; margin: 0px 0; text-decoration: none; } #administration_body .administration a { width: 109px; display: block; background: url(../images/administration-active.gif) no-repeat;height:51px;width:137px; margin: 0px 0; text-decoration: none; } /* Tool-Tipp */ .tool-tip { color: #fff; width: 139px; z-index: 13000; } .tool-title { font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; padding: 8px 8px 4px; background: url(bubble.png) top left; } .tool-text { font-size: 11px; padding: 4px 8px 8px; background: url(bubble.png) bottom right; } .custom-tip { color: #000; width: 130px; z-index: 13000; } .custom-title { font-weight: bold; font-size: 11px; margin: 0; color: #3E4F14; padding: 8px 8px 4px; background: #C3DF7D; border-bottom: 1px solid #B5CF74; } .custom-text { font-size: 11px; padding: 4px 8px 8px; background: #CFDFA7; }