/* This file sets the style for http://www.sanmei.de */ .empty { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; color: #333333; text-decoration: none; line-height: 19px} .head_red { font-family: Times New Roman, Times, serif; font-size: 18px; letter-spacing: 0.5px; color: #C9032D; text-decoration: none; line-height: 19px} .grey_light { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; color: #333333; text-decoration: none; line-height: 19px} .grey_bold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; text-decoration: none; line-height: 19px} .bold_seminar{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; text-decoration: none; line-height: 30px} a:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: underline} a:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #C9032D; text-decoration: none} a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: underline} a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #C9032D; text-decoration: none} ul { /*list-style-image: url(../images/layout/bullet_red.gif);*/ list-style: none; list-style-position: outside; } ul li { padding-left: 15px; background: transparent url(../images/layout/bullet_red.gif) left 6px no-repeat;} /**** Flagge ausgeblendet. Wenn sie wieder angezeigt werden soll, einfach die folgende Zeile l–schen ****/ #header .flagge a{ display: none; } /********************************************************************************************************/ * { margin: 0; padding: 0; } html{ height: 100%; padding: 0; margin: 0; background-color: #CC0013; background-image:url('../images/layout/bg_bottom.gif'); background-repeat:repeat-x; background-attachment:fixed; background-position:bottom; } body { min-height: 100.1%; /* erzeugt immer Scrollbalken bei Gecko und Webkit */ height: auto !important; height: 100%; position: relative; margin: 0 auto; width: 790px; background-color: #ffffff; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; color: #333333; } h1 { font-family: Times New Roman, Times, serif; font-size: 18px; letter-spacing: 0.5px; color: #D8002B; text-decoration: none; line-height: 19px; margin-bottom:16px; margin-right:60px; padding: 0; font-weight: normal; } p { margin-bottom: 16px; margin-right: 60px;} #site { width: 790px; height: 100%; border: none; cellpadding: 0; cellspacing: 0; background-color: #ffffff; padding-bottom: 20px; } #header .headerbild img { border-bottom: 1px solid #D8002B; } table { border-collapse: collapse; border-spacing:0; border: none; } #header .spacer1 { width: 21px; height: 113px; } #header .spacer2 { width: 392px; height: 113px; } #header .flagge { width: 34px; height: 113px; } #header .flagge a { width: 34px; height: 113px; display: block; background: url(images/nav/nav1_F.gif) center center no-repeat;} #header .spacer3 { width: 6px; height: 113px; } #header .spacer4 { width: 10px; height: 113px; } #header .spacer5 { width: 26px; } #header .logo { vertical-align: middle; width: 269px; height: 113px; } #header .logo a, #header .logo a img { color: #ffffff; background: none; border: none;} #header .impressum { width: 58px; height: 113px; } #header .impressum a { background: transparent url(../images/nav/nav1_G.gif) center bottom no-repeat; width: 58px; height: 27px; display: block;} #header .impressum a:hover, #header .impressum a.active, #header .impressum a.active:hover { background: transparent url(../images/nav/nav1_G2.gif) center bottom no-repeat; width: 58px; height: 27px; } .nav1_bg { background: transparent url(../images/layout/bg_nav1.gif) left bottom repeat-x;} /***** Navigation: 1.Ebene *****/ #nav_ebene01 td { width: 26px; height: 27px; background: transparent url(../images/nav/spacer.gif) center bottom repeat; padding: 0 17px; } #nav_ebene01 td.last { width: auto;} #nav_ebene01 td a { height: 27px; display: block; } #nav_ebene01 td.unternehmen { width: 83px; padding-left: 26px;} #nav_ebene01 td.unternehmen a { background: transparent url(../images/nav/nav1_A.gif) center bottom no-repeat; } #nav_ebene01 td.unternehmen a:hover, #nav_ebene01 td.unternehmen a.active, #nav_ebene01 td.unternehmen a.active:hover { background: transparent url(../images/nav/nav1_A2.gif) center bottom no-repeat; } #nav_ebene01 td.leistungen { width: 68px; } #nav_ebene01 td.leistungen a { background: transparent url(../images/nav/nav1_B.gif) center bottom no-repeat; } #nav_ebene01 td.leistungen a:hover, #nav_ebene01 td.leistungen a.active, #nav_ebene01 td.leistungen a.active:hover { background: transparent url(../images/nav/nav1_B2.gif) center bottom no-repeat; } #nav_ebene01 td.termine { width: 50px; } #nav_ebene01 td.termine a { background: transparent url(../images/nav/nav1_C.gif) center bottom no-repeat; } #nav_ebene01 td.termine a:hover, #nav_ebene01 td.termine a.active, #nav_ebene01 td.termine a.active:hover { background: transparent url(../images/nav/nav1_C2.gif) center bottom no-repeat; } #nav_ebene01 td.impressionen { width: 83px; } #nav_ebene01 td.impressionen a { background: transparent url(../images/nav/nav1_D.gif) center bottom no-repeat; } #nav_ebene01 td.impressionen a:hover, #nav_ebene01 td.impressionen a.active, #nav_ebene01 td.impressionen a.active:hover { background: transparent url(../images/nav/nav1_D2.gif) center bottom no-repeat; } #nav_ebene01 td.kontakt { width: 50px; } #nav_ebene01 td.kontakt a { background: transparent url(../images/nav/nav1_E.gif) center bottom no-repeat; } #nav_ebene01 td.kontakt a:hover, #nav_ebene01 td.kontakt a.active, #nav_ebene01 td.kontakt a.active:hover { background: transparent url(../images/nav/nav1_E2.gif) center bottom no-repeat; } /***** Navigation: 2.Ebene *****/ #nav_ebene02 { width: 790px; height: 26px; } #nav_ebene02 td { width: 26px; height: 26px; background: transparent url(../images/nav/spacer.gif) center bottom repeat; padding: 0 15px; } #nav_ebene02 td.last { width: auto;} #nav_ebene02 td a { height: 26px; display: block; } /* Unternehmen */ #nav_ebene02 td.philosophie { width: 67px; padding-left: 26px; } #nav_ebene02 td.philosophie a { background: transparent url(../images/nav/nav2_1A_A.gif) center top no-repeat; display: block;} #nav_ebene02 td.philosophie a:hover, #nav_ebene02 td.philosophie a.active, #nav_ebene02 td.philosophie a.active:hover { background: transparent url(../images/nav/nav2_1A_A2.gif) center top no-repeat; } #nav_ebene02 td.unserTeam { width: 66px; } #nav_ebene02 td.unserTeam a { background: transparent url(../images/nav/nav2_1A_B.gif) center top no-repeat; display: block;} #nav_ebene02 td.unserTeam a:hover, #nav_ebene02 td.unserTeam a.active, #nav_ebene02 td.unserTeam a.active:hover { background: transparent url(../images/nav/nav2_1A_B2.gif) center top no-repeat; } #nav_ebene02 td.referenzen { width: 64px; } #nav_ebene02 td.referenzen a { display: block; background: transparent url(../images/nav/nav2_1A_C.gif) center top no-repeat;} #nav_ebene02 td.referenzen a:hover, #nav_ebene02 td.referenzen a.active, #nav_ebene02 td.referenzen a.active:hover { background: transparent url(../images/nav/nav2_1A_C2.gif) center top no-repeat; } /* Leistungen */ #nav_ebene02 td.interkul { width: 135px; padding-left: 26px; } #nav_ebene02 td.interkul a { background: transparent url(../images/nav/nav2_1B_A.gif) center top no-repeat; display: block;} #nav_ebene02 td.interkul a:hover, #nav_ebene02 td.interkul a.active, #nav_ebene02 td.interkul a.active:hover { background: transparent url(../images/nav/nav2_1B_A2.gif) center top no-repeat; } #nav_ebene02 td.beratung { width: 54px; } #nav_ebene02 td.beratung a { background: transparent url(../images/nav/nav2_1B_B.gif) center top no-repeat; display: block;} #nav_ebene02 td.beratung a:hover, #nav_ebene02 td.beratung a.active, #nav_ebene02 td.beratung a.active:hover { background: transparent url(../images/nav/nav2_1B_B2.gif) center top no-repeat; } #nav_ebene02 td.uebersetzung { width: 163px; } #nav_ebene02 td.uebersetzung a { display: block; background: transparent url(../images/nav/nav2_1B_C.gif) center top no-repeat;} #nav_ebene02 td.uebersetzung a:hover, #nav_ebene02 td.uebersetzung a.active, #nav_ebene02 td.uebersetzung a.active:hover { background: transparent url(../images/nav/nav2_1B_C2.gif) center top no-repeat; } /***** Navigation: 3.Ebene *****/ #nav_ebene03 { width: 145px; height: auto; border: 0; cellpadding: 0; cellspacing: 0;} #nav_ebene03 td { text-align: left; width: 145px; height: 14px; background: transparent url(../images/nav/spacer.gif) center bottom repeat; padding: 5px 0; } #nav_ebene03 td a { height: 14px; display: block; } /* Unternehmen */ #nav_ebene03 td.person1 { margin-top: 4px;} #nav_ebene03 td.person1 a { display: block; background: transparent url(../images/nav/nav3_1A_2B_A.gif) left center no-repeat;} #nav_ebene03 td.person1 a:hover, #nav_ebene03 td.person1 a.active, #nav_ebene03 td.person1 a.active:hover { background: transparent url(../images/nav/nav3_1A_2B_A2.gif) left center no-repeat; } #nav_ebene03 td.person2 a { display: block; background: transparent url(../images/nav/nav3_1A_2B_B.gif) left center no-repeat;} #nav_ebene03 td.person2 a:hover, #nav_ebene03 td.person2 a.active, #nav_ebene03 td.person2 a.active:hover { background: transparent url(../images/nav/nav3_1A_2B_B2.gif) left center no-repeat; } #nav_ebene03 td.person3 a { display: block; background: transparent url(../images/nav/nav3_1A_2B_C.gif) left center no-repeat;} #nav_ebene03 td.person3 a:hover, #nav_ebene03 td.person3 a.active, #nav_ebene03 td.person3 a.active:hover { background: transparent url(../images/nav/nav3_1A_2B_C2.gif) left center no-repeat; } /* Leistungen -- interkulturelles Training */ #nav_ebene03 td.einfuehrung { margin-top: 4px;} #nav_ebene03 td.einfuehrung a { display: block; background: transparent url(../images/nav/nav3_1B_2A_A.gif) left center no-repeat;} #nav_ebene03 td.einfuehrung a:hover, #nav_ebene03 td.einfuehrung a.active, #nav_ebene03 td.einfuehrung a.active:hover { background: transparent url(../images/nav/nav3_1B_2A_A2.gif) left center no-repeat; } #nav_ebene03 td.verstehen a { display: block; background: transparent url(../images/nav/nav3_1B_2A_B.gif) left center no-repeat;} #nav_ebene03 td.verstehen a:hover, #nav_ebene03 td.verstehen a.active, #nav_ebene03 td.verstehen a.active:hover { background: transparent url(../images/nav/nav3_1B_2A_B2.gif) left center no-repeat; } #nav_ebene03 td.zusammenarbeit { height: 24px; } #nav_ebene03 td.zusammenarbeit a { height: 24px; display: block; background: transparent url(../images/nav/nav3_1B_2A_C.gif) left center no-repeat;} #nav_ebene03 td.zusammenarbeit a:hover, #nav_ebene03 td.zusammenarbeit a.active, #nav_ebene03 td.zusammenarbeit a.active:hover { background: transparent url(../images/nav/nav3_1B_2A_C2.gif) left center no-repeat; } #nav_ebene03 td.multikult a { display: block; background: transparent url(../images/nav/nav3_1B_2A_D.gif) left center no-repeat;} #nav_ebene03 td.multikult a:hover, #nav_ebene03 td.multikult a.active, #nav_ebene03 td.multikult a.active:hover { background: transparent url(../images/nav/nav3_1B_2A_D2.gif) left center no-repeat; } #nav_ebene03 td.alltag a { display: block; background: transparent url(../images/nav/nav3_1B_2A_E.gif) left center no-repeat;} #nav_ebene03 td.alltag a:hover, #nav_ebene03 td.alltag a.active, #nav_ebene03 td.alltag a.active:hover { background: transparent url(../images/nav/nav3_1B_2A_E2.gif) left center no-repeat; } #nav_ebene03 td.reflexion a { display: block; background: transparent url(../images/nav/nav3_1B_2A_F.gif) left center no-repeat;} #nav_ebene03 td.reflexion a:hover, #nav_ebene03 td.reflexion a.active, #nav_ebene03 td.reflexion a.active:hover { background: transparent url(../images/nav/nav3_1B_2A_F2.gif) left center no-repeat; } #nav_ebene03 td.deutschland a { display: block; background: transparent url(../images/nav/nav3_1B_2A_G.gif) left center no-repeat;} #nav_ebene03 td.deutschland a:hover, #nav_ebene03 td.deutschland a.active, #nav_ebene03 td.deutschland a.active:hover { background: transparent url(../images/nav/nav3_1B_2A_G2.gif) left center no-repeat; } #nav_ebene03 td.bewerbung a { display: block; background: transparent url(../images/nav/nav3_1B_2A_H.gif) left center no-repeat;} #nav_ebene03 td.bewerbung a:hover, #nav_ebene03 td.bewerbung a.active, #nav_ebene03 td.bewerbung a.active:hover { background: transparent url(../images/nav/nav3_1B_2A_H2.gif) left center no-repeat; } /* Leistungen -- Beratung */ #nav_ebene03 td.standort { margin-top: 4px;} #nav_ebene03 td.standort a { display: block; background: transparent url(../images/nav/nav3_1B_2B_A.gif) left center no-repeat;} #nav_ebene03 td.standort a:hover, #nav_ebene03 td.standort a.active, #nav_ebene03 td.standort a.active:hover { background: transparent url(../images/nav/nav3_1B_2B_A2.gif) left center no-repeat; } #nav_ebene03 td.messeberatung a { display: block; background: transparent url(../images/nav/nav3_1B_2B_B.gif) left center no-repeat;} #nav_ebene03 td.messeberatung a:hover, #nav_ebene03 td.messeberatung a.active, #nav_ebene03 td.messeberatung a.active:hover { background: transparent url(../images/nav/nav3_1B_2B_B2.gif) left center no-repeat; } /***** Kontaktformular *****/ .kontaktform input, .kontaktform textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; } .kontaktform { width: 100%; clear: both; height: auto; } .kontaktform fieldset { padding: 20px 30px; border: none; width: 425px; margin: 0 0px 10px 0px; background-color: #f5f5f5; border: 1px solid #f2f2f2; } .kontaktform fieldset div { height: 24px; width: 100%; padding: 4px 0; } .kontaktform label { float: left; display: block; width: 110px; height: 24px; line-height: 24px; } .kontaktform .button { padding: 10px 0 0 0; margin: 0 auto; width: auto; float: right; } .kontaktform .button input{ float: left; margin-left: 5px; } .kontaktform .messagebox { height: 206px; padding-top: 20px;} .kontaktform input.textfeld { float: left; width: 300px; height: 16px; line-height: 20px; padding: 2px; } .kontaktform input.short {width: 50px; margin-right: 3px;} .kontaktform input.middle { width: 239px; } .kontaktform textarea { width: 300px; height: 200px; padding: 2px; } span.required{ color: #D8002B; } .kontaktform .feedback { line-height: 25px; height: auto; padding: 0 10px; margin: 5px 0;} .kontaktform .feedback span { display: block; height: 24px; width: auto; padding: 2px 5px; font-weight: bold;} .kontaktform .feedback span.error { border: 1px solid #D8002B; } .kontaktform .feedback span.success { border: 1px solid #00CC33; } .no-margin p{ margin-right: 0;} #trailer { width: 400px; height:272px; background: transparent url(../film/flash_ersatz.jpg) no-repeat left top; }