/* *_*_*_*_*_ kruse_medien _*_*_*_*_* Styles */ /* Farben */ html, body { margin:0; padding:0; text-align:center; } body, td, li, a, p { color: #444; font-size: 12px; font-family: "Trebuchet MS",Arial, Verdana, Helvetica, sans-serif ;line-height: 18px;} /* Positionierung */ #container { width:780px; text-align:left; margin-left:auto; margin-right:auto; } #klammer {width:595px; float:right; position:relative; } /* Textformatierung */ h1 { color: #f1a410; font-size: 20px; font-weight: normal; margin: 5px 25px 0; padding-top: 1px; padding-bottom: 0; padding-left: 25px; border-bottom: 1px solid #f1a410 } h2 { color: #f1a410; font-size: 14px; font-weight: bold; margin: 5px 25px -10px 50px; padding-top: 0; padding-bottom: 0; padding-left: 0 } /* ________________________________ Content ______________________________________________________ */ #content { background-color: #fff; display: inline; margin: 0; padding: 0; position: relative; width: 410px; min-height: 350px; float: left } * html #content {height: 340px;} #content p { margin: 8px 25px 0; padding-top: 5px; padding-right: 10px; padding-left: 25px } #content .breadcrumb { color: #aaa; font-size: 10px; margin-top: 1px; margin-left: 25px; padding-top: 0; padding-left: 25px } #content .breadcrumb a { color: #aaa; font-size: 10px; font-weight: 500; line-height: 12px; text-decoration: none; } #content .breadcrumb a:hover { color: #F1A410;text-decoration: underline; } #content .aktiv { color: #aaa; font-size: 10px; font-weight: 500; line-height: 12px; text-decoration: underline;} .oben { text-align: right; margin: 8px 25px 0; padding-top: 5px; padding-right: 10px; padding-left: 25px } #content a { color: #F1A410; font-size: 12px; font-weight: 700; line-height: 12px; text-decoration: none; text-align: center } #content a:hover {color:#444} .bild_umfluss { margin: 8px 10px 0 0; padding: 0; float: left } #content .referenzen { font-size: 10px; line-height: 16px; margin: 8px 0 5px 0; padding-top: 0; padding-right: 0; padding-left: 0 } .projekte { margin: 8px 25px 5px 50px; border-top: 2px dotted #f1a410 } h3 { color: #f1a410; font-size: 10px; font-weight: 700; margin: 0 25px 5px 0; padding: 0 } #content .referenzen a { color:#444 ; font-size: 10px; font-weight: 500; line-height: 12px; text-decoration: underline; text-align: center } #content .referenzen a:hover {color:#F1A410} .ref_liste { color:#444 ; font-size: 10px; font-weight: 500; line-height: 8px; padding-bottom: 8px} #contentlist { list-style-image: url("../images/pfeil_weiss.gif"); list-style-position: outside; margin: 8px 25px 0 50px; padding: 3px 10px; border-top: 2px dotted #f1a410; border-right: 2px dotted #f1a410; border-bottom: 2px dotted #f1a410 } #contentlist a { font-weight: 700; } .contentlist { list-style-image: url("../images/pfeil_weiss.gif"); list-style-position: outside; margin: 8px 25px 0 50px; padding: 3px 10px; border-top: 2px dotted #f1a410; border-right: 2px dotted #f1a410; border-bottom: 2px dotted #f1a410 } .contentlist a { font-weight: 700; } #navlist_ablauf ul { white-space: nowrap; margin-top: 8px; margin-bottom: 0; margin-left: 51px; padding-bottom: 0; padding-left: 0 } #navlist_ablauf li {list-style-type: none; display: inline } #navlist_ablauf li a { color: #444; font-size: 12px; font-style: italic; font-weight: 700; line-height: 7px; text-decoration: none } #navlist_ablauf li a:hover{color:#F1A410; text-decoration: underline} .pfeil_ablauf { color: #f1a410; font-size: 14px; line-height: 7px; text-decoration: none; padding-right: 2px; padding-left: 7px } /* ________________________________ Sprache ______________________________________________________ */ #sprache { background-color: #fff; margin: 0; padding: 0; position: relative; width: 100%; height: 13px } #sprache h1 { color: #ddd; font-size: 12px; font-style: italic; font-weight: normal; margin: 3px 20px 0; padding: 0; border: 0 } ul#navlist_sprache { font-size: 11px; white-space: nowrap; margin-top: 5px; margin-bottom: 0; margin-left: 0; padding-bottom: 0; padding-left: 12px } #navlist_sprache li{ list-style-type: none; display: inline; font-size: 10px;color:#777; } #navlist_sprache li a{ font-size: 11px;color:#777; text-decoration: none } #navlist_sprache li a:hover{color:#F1A410; text-decoration: underline} .trenner_sprache{ font-size: 10px;color:#777; text-decoration: none; padding-left: 7px; padding-right: 2px} /* ________________________________ Moodbar / Hauptmenu ______________________________________________________ */ #header {position:relative; height:131px; background-color:#fff; width:100%;} #navcontainer { padding-top: 14px; padding-left: 236px } * html #navcontainer {padding-top: 10px} ul#navlist { font-size: 12px; font-weight: 700; white-space: nowrap; margin: 0; padding: 0 } #navlist li { color: #fff; font-size: 11px; font-weight: 700; list-style-type: none; display: inline } #navlist li a { color: #fff; font-size: 12px; font-weight: 700; text-decoration: none } #navlist li a:hover{color:#F1A410;} #navlist .aktiv{color:#F1A410;} .trenner { color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; padding-right: 7px; padding-left: 10px } .bg_mood_home { background-image: url("../images/mood_home.jpg") } .bg_mood_leistungen { background-image: url("../images/mood_leistungen.jpg") } .bg_mood_referenzen { background-image: url("../images/mood_referenzen.jpg") } .bg_mood_china { background-image: url("../images/mood_china.jpg") } /* ________________________________ Links / Submenu ______________________________________________________ */ #links { margin: 0; padding: 0; position: relative; width: 185px; float: left } #links a { color: #F1A410; font-size: 11px; font-weight: 700; line-height: 12px; text-decoration: none; text-align: center } #links a:hover {color:#fff} #top_l {color:#F1A410; font-size: 18px; padding-top: 15px; padding-left: 34px; height: 35px } #bot_l { font-size: 12px; padding-top: 5px; padding-left: 50px; height: 38px } #submenu { margin: 0; padding-left: 20px; width: 148px; min-height: 180px } * html #submenu {height: 180px;} #nav_submenu li { list-style: none; margin: 0; padding: 2px; border-bottom: 2px dotted #fff } #nav_submenu li a { text-decoration: none; font-size: 12px; font-weight: 500; color:#fff } #nav_submenu li a:hover {color:#F1A410} #nav_submenu .aktiv{color:#F1A410;} #subsubmenu { margin: 0; padding-left: 6px;} #subsubmenu li { list-style: none; margin: 0; padding: 2px; border-bottom: 0px ; font-size: 10px;line-height: 12px;} #subsubmenu li a { text-decoration: none; font-size: 10px; font-weight: 500; color:#fff ; line-height: 10px;} #subsubmenu li a:hover {color:#F1A410} #subsubmenu .aktiv{color:#F1A410;} .bg_l_home {background-image: url("../images/bgs_menue/bg_l_home_all.jpg")} .top_l_home {background-image: url("../images/bgs_menue/bg_l_home_top.jpg"); background-repeat: no-repeat;} .bot_l_home {background-image: url("../images/bgs_menue/bg_l_home_bot.jpg"); background-repeat: no-repeat; } .bg_l_leistungen {background-image: url("../images/bgs_menue/bg_l_leistungen_all.jpg")} .top_l_leistungen {background-image: url("../images/bgs_menue/bg_l_leistungen_top.jpg"); background-repeat: no-repeat;} .bot_l_leistungen {background-image: url("../images/bgs_menue/bg_l_leistungen_bot.jpg"); background-repeat: no-repeat; } .bg_l_referenzen {background-image: url("../images/bgs_menue/bg_l_referenzen_all.jpg")} .top_l_referenzen {background-image: url("../images/bgs_menue/bg_l_referenzen_top.jpg"); background-repeat: no-repeat;} .bot_l_referenzen {background-image: url("../images/bgs_menue/bg_l_referenzen_bot.jpg"); background-repeat: no-repeat; } .bg_l_china {background-image: url("../images/bgs_menue/bg_l_china_all.jpg")} .top_l_china {background-image: url("../images/bgs_menue/bg_l_china_top.jpg"); background-repeat: no-repeat;} .bot_l_china {background-image: url("../images/bgs_menue/bg_l_china_bot.jpg"); background-repeat: no-repeat; } /* ________________________________ Rechts ______________________________________________________ */ #rechts {margin: 0; padding: 0; position: relative; width: 185px; float: right } #rechts a { color: #F1A410; font-size: 12px; font-weight: 700; line-height: 12px; text-decoration: none; text-align: center } #rechts a:hover {color:#fff} .bild { color: #f1a410; margin-top: 0; margin-bottom: 0px; margin-left: 5px; padding-top: 0; padding-bottom: 0; border-top: 1px solid white } .bild_2 { color: #f1a410; margin-top: 0; margin-bottom: 0px; margin-left: 5px; padding-top: 0; padding-bottom: 0; border-top: 1px solid white; border-bottom: 1px solid white } * html .bild {margin-bottom: -5px} .bild_bu { color: #f1a410; margin-top: 0; margin-bottom: 0; margin-left: 5px; padding-top: 0; padding-bottom: 0; border-top: 1px solid white; border-bottom: 1px solid white } #top_r h1 { color: #f1a410; font-size: 18px; margin:0;padding-top: 15px; padding-left: 26px; height: 35px; border:0 } #rechts_text { margin: 0; padding: 0 } #rechts_text p { color: #fff; font-size: 12px; margin: 0; padding: 0 15px 10px 17px } #rechts_text .bu { color: #fff; font-size: 10px; line-height: 12px; margin: 0; padding: 5px 15px 10px 17px } a.bu_link { color: #fff; font-size: 10px} a.bu_link:hover { color: #f1a410;} #bot_r { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; padding-left: 25px; height: 40px } .bg_r_home {background-image: url("../images/bgs_menue/bg_r_home_all.jpg")} .top_r_home {background-image: url("../images/bgs_menue/bg_r_home_top.jpg"); background-repeat: no-repeat;} .bot_r_home {background-image: url("../images/bgs_menue/bg_r_home_bot.jpg"); background-repeat: no-repeat; } .bg_r_leistungen {background-image: url("../images/bgs_menue/bg_r_leistungen_all.jpg")} .top_r_leistungen {background-image: url("../images/bgs_menue/bg_r_leistungen_top.jpg"); background-repeat: no-repeat;} .bot_r_leistungen {background-image: url("../images/bgs_menue/bg_r_leistungen_bot.jpg"); background-repeat: no-repeat; } .bg_r_referenzen {background-image: url("../images/bgs_menue/bg_r_referenzen_all.jpg")} .top_r_referenzen {background-image: url("../images/bgs_menue/bg_r_referenzen_top.jpg"); background-repeat: no-repeat;} .bot_r_referenzen {background-image: url("../images/bgs_menue/bg_r_referenzen_bot.jpg"); background-repeat: no-repeat; } .bg_r_china {background-image: url("../images/bgs_menue/bg_r_china_all.jpg")} .top_r_china {background-image: url("../images/bgs_menue/bg_r_china_top.jpg"); background-repeat: no-repeat;} .bot_r_china {background-image: url("../images/bgs_menue/bg_r_china_bot.jpg"); background-repeat: no-repeat; } /* ________________________________ Footer ______________________________________________________ */ #footer {height:15px; background-color:#fff; clear:both; margin-bottom: 30px;} ul#navlist_footer { font-size: 11px; white-space: nowrap; margin-top: 0; margin-left: 70px; padding-left: 0 } #navlist_footer li { color: #777; font-size: 10px; list-style-type: none; display: inline } #navlist_footer li a{ font-size: 11px;color:#777; text-decoration: none } #navlist_footer li a:hover{color:#F1A410; text-decoration: underline} #navlist_footer .aktiv{color:#F1A410;} .trenner_footer{ font-size: 10px;color:#777; text-decoration: none; padding-left: 7px; padding-right: 2px} .trenner_kruse { color: #777; font-size: 10px; font-weight: bold; text-decoration: none; padding-right: 53px } .abschluss { margin: 5px 11px 5px 9px; padding: 0; border-bottom: 1px solid #ccc } .valide { padding-left: 75px } /* Formatierungen fuer Formular */ #formular { font-size: 85%; text-align: left; margin-left: 20px; padding: 0 } #formular p { color: #e0d0b0; background-color: transparent; margin-top: 0; margin-right: 0; margin-bottom: 10px } fieldset { margin: 20px 25px 10px; padding: 5px 10px; border: solid 1px #f1a410 } * html fieldset { margin: 10px 25px; padding: 5px 10px; border: solid 1px #f1a410 } legend { font-weight: bold; background-color: #fff; margin: 0 0 10px 15px; padding: 2px 10px; border: solid 1px #f1a410 } form { line-height: 150%; } input, textarea { font-size: 120% } .inpt { color: #000; background-color: #fff2a3; margin: 0 0 3px; width: 335px; border: solid 1px #f1a410 } * html .inpt { margin: 0 0 3px; padding: 0; width: 280px } .txt { color: #000; background-color: #fff2a3; width: 335px; border: solid 1px #f1a410 } * html .txt { width: 280px } input.inpt:focus, textarea.txt:focus { background-color: #fff; color: #000; } .senden { color: #1f4181; font-size: 100%; font-weight: bold; background-color: #fff2a3; cursor: pointer; margin: 15px 0 0; padding: 5px 0; width: 335px; border: solid 1px #f1a410; voice-family: inherit } * html .senden { margin: 15px 0 0; padding: 5px 0; width: 280px } .klick { cursor: pointer; voice-family: "\"}\""; voice-family:inherit; cursor: pointer; } /* ________________________________ Popup ______________________________________________________ */ h1.popup { color: #f1a410; font-size: 16px; font-weight: 700; margin: 8px 10px 10px; padding-top: 0; padding-bottom: 0; padding-left: 25px; border-bottom: 1px solid #f1a410 } a.close { color: #444; font-size: 10px; font-weight: 500; line-height: 12px; text-decoration: none; text-align: center; margin-right: 10px } a.close:hover {color:#f1a410} a.popup { color: #444; font-size: 12px; font-weight: 500; line-height: 12px; text-decoration: none; text-align: center; margin-top: 10px; margin-left: 10px; padding-top: 10px } a.popup:hover {color:#f1a410} /* ________________________________ Sitemap ______________________________________________________ */ #sitemap li { color: #666; font-size: 11px; list-style: none url("../images/pfeil_weiss.gif") ;margin-left: 11px; } #sitemap li a { text-decoration: none; font-size: 11px; font-weight: 500; color:#666 } #sitemap li a:hover {color:#F1A410} /* ________________________________ Fixes / Printer ______________________________________________________ */ /* *** Float containers fix *** */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix{height: 1%;} .clearfix{display: block;} /* End hide from IE-mac */ /*printer styles*/ @media print{ /*hide the left column when printing*/ #leftcol{display:none;} /*hide the right column when printing*/ #rechts{display:none;} #klammer, #content{width:100%; float:none;} }