/* *_*_*_*_*_ kruse_medien _*_*_*_*_* Styles */ /* Farben schriftgrau: #272727 schriftrot: #8f0e14 */ html, body { background-image: url("../images/bg_verlauf.jpg"); background-repeat: repeat-x; background-color: #f8f2e4;margin:0; padding:0; text-align:center; } html { min-height: 101%; } body, td, p { color: #4e4e4e; font-family:Arial, Verdana, Helvetica, sans-serif;font-size: 12px;line-height: 18px;} a, a:hover, a:link, a:visited{ background-image: none;} /* ________________________________ Positionierung ______________________________________________________ */ #container { background-color: #FFF; background-image: url("../images/bg_content.jpg"); text-align: left; margin-right: auto;margin-top: 0; margin-left: auto; width: 979px } #klammer {position: relative; width: 760px; float: right; padding-left: 5px;margin-top: 4px;margin-right: 18px;} *html #klammer {width: 742px;margin-right: 9px;margin-top: 20px;} /* ________________________________ Moodbar / Hauptmenu ______________________________________________________ */ #header {font-size: 100%;position: relative; margin: 0;width: 979px; min-height: 206px } #header a {background-image:none;padding:0;margin:0 } *html #header {height: 206px } #logo {margin: 0;padding: 23px 0 0 20px;background-image: none;float:left;} #h1_mood {float:left;padding:40px 0 0 20px } #h1_mood h1{font-size: 23px;line-height:28px;color: #8f0e14;border-bottom: none;font-weight:normal;margin:0;padding:0; } #h1_mood h2{font-size: 17px;line-height:24px;color: #957b3f;border-bottom: none;font-weight:normal;margin:0;padding:0; } .bg_mood_home { background-image: url("../images/bg_mood_home.jpg");} .bg_mood_honorar { background-image: url("../images/bg_mood_honorar.jpg");} .bg_mood_kontakt { background-image: url("../images/bg_mood_kontakt.jpg");} .bg_mood_organisatorisch { background-image: url("../images/bg_mood_organisatorisch.jpg");} .bg_mood_seminare { background-image: url("../images/bg_mood_seminare.jpg");} .bg_mood_themen { background-image: url("../images/bg_mood_themen.jpg");} .bg_mood_ueber_mich { background-image: url("../images/bg_mood_ueber_mich.jpg");} .bg_mood_verfahren { background-image: url("../images/bg_mood_verfahren.jpg");} .bg_mood_impressum { background-image: url("../images/bg_mood_impressum.jpg");} /* Textformatierung */ /* ________________________________ Textformatierung ______________________________________________________ */ h1 {font-family:Georgia, Times, serif;font-size: 23px;color: #543b00;font-weight: normal;margin: 0; padding: 5px;} h2 {font-family:Georgia, Times, serif;font-size: 17px;color: #543b00;font-weight: normal;margin: 0; padding: 5px;} h3 {font-family:Georgia, Times, serif;font-size: 14px;color: #543b00;font-weight: bold;margin: 0; padding: 5px;} /* ________________________________ Mitte______________________________________________________ */ #mitte { display: inline; margin: 0; padding: 0;position: relative;min-height: 400px; float: left ;width:440px} #mitte h1,h2,h3{padding:0;margin:0 0 0 -15px} #inhalt_mitte {padding-top: 10px ; margin-left: 55px;margin-bottom:20px} #mitte p{padding: 0} #mitte td {border-top:dotted 1px #957b3f;padding-top:10px;} .leistungstabelle {border:0;padding-top:10px;} .td-leistungen {border:0;background-color:#f8f8f8} #inhalt_mitte ul {list-style-type: none;margin: 0;padding:0 0 15px 0 } .kreuzliste {padding: 0 0 5px 27px ; background-image: url("../images/tilde.jpg"); background-repeat: no-repeat;background-position: 0px 3px;} *html .kreuzliste {padding: 0 0 5px 20px ;width:280px; background-image: url("../images/tilde.jpg"); background-repeat: no-repeat;} #inhalt_mitte a{ color: #543b00; background-image: url("../images/linkpfeil.jpg"); background-repeat: no-repeat;text-decoration: underline; padding: 0 0 2px 18px ;} #inhalt_mitte a:hover{color: #8f0e14; background-image: url("../images/linkpfeil.jpg"); background-repeat: no-repeat;} .bild_umfluss { font-size: 11px; font-weight: bold; text-align: right; margin-top: 5px; margin-left: 5px; padding-bottom: 5px; float: right } .bild_umfluss_bu { font-size: 10px;font-style: italic;font-weight: normal; text-align: right ;margin-top: 5px; margin-left: 5px; padding: 5px; float: right } #oben { font-size: 11px; text-align: right;padding-bottom: 15px; } #oben a{ color: #8f0e14; background-image: url("../images/obenpfeil.jpg"); background-repeat: no-repeat;text-decoration: none; padding: 0 2px 2px 13px ;} #oben a:hover{color: #8f0e14; background-image: url("../images/obenpfeil.jpg"); background-repeat: no-repeat;} .rot {color:#8f0e14} .braun {color:#543b00} /* ________________________________ Rechts ______________________________________________________ */ #rechts {position: relative; width: 300px;float: right; margin: 0; padding: 0; } #inhalt_rechts { padding: 10px 30px 0 30px;margin: 0;} .pseudo_h3 {font-family:Georgia, Times, serif;font-size: 12px;color: #543b00;font-weight: bold;margin: 0; padding: 0;} #inhalt_rechts ul {list-style-type: none;margin: 0;padding:0 0 15px 0 } #inhalt_rechts a{ color: #543b00; background-image: url("../images/linkpfeil.jpg"); background-repeat: no-repeat;text-decoration: none; padding: 0 0 2px 18px ;} #inhalt_rechts a:hover{color: #8f0e14; background-image: url("../images/linkpfeil.jpg"); background-repeat: no-repeat;text-decoration: underline;} /* ________________________________ Links / Submenu ______________________________________________________ */ #links { margin: 0; padding: 0; position: relative; width: 190px; float: left; } #navcontainer {margin-top: 5px; margin-left: 7px; padding:15px 0 0 0;font-weight: bold;} *html #navcontainer {margin-top: 22px; margin-left: 7px;} #navlist {list-style-type: none;margin: 0;padding:0 } #navlist a, a:link, a:visited{font-size: 12px;line-height: 17px;font-weight:bold; color: #8f0e14;text-decoration: none;background-image: url("../images/linkpfeil_normal.jpg"); background-repeat: no-repeat; background-position: 0px 2px; padding: 0 2px 2px 25px;} #navlist a:hover { color: #543b00;background-image: url("../images/linkpfeil_over.jpg");} #navcontainer ul li .current { color: #543b00;background-image: url("../images/linkpfeil_over.jpg");} #navcontainer ul li {padding-bottom:5px } .zeile_2 {padding: 0 2px 2px 25px;} #navlist .sub a, a:link, a:visited{font-size: 11px;font-weight:normal;line-height: 13px;color: #8f0e14;text-decoration: none;background-image: none; padding: 0 2px 0 25px;} #navlist .sub a:hover{ color: #543b00;text-decoration: none;background-image: none; padding: 0 2px 0 25px;} #navcontainer ul li .sub_current { color: #543b00;} /* ________________________________ Footer ______________________________________________________ */ #footer { font-size: 11px; text-align: right;height: 51px; clear: both;width: 979px;border-top:dotted 1px #957b3f;background-color:#f8f2e4 } div#footer ul { color: #666; margin: 0;padding-right: 50px ;position: relative ; top: 5px } div#footer ul li {display: inline; } div#footer ul li a { color: #666;text-decoration: none; padding: 3px 3px 1px 1px;background-image:none; } div#footer ul li a:hover { color: #8f0e14; text-decoration: underline; } div#footer ul li a.current { color: #8f0e14; text-decoration: underline;} div#footer ul li span { text-decoration: none; padding-right: 428px } /* ________________________________ 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*/ #links{display:none;} #klammer, #content{width:100%; float:none;} }