/* *_*_*_*_*_ kruse_medien _*_*_*_*_* Styles */ /* Farben */ html, body {background-color: #fff;background-image: url("../images/bg_all.jpg"); background-repeat: repeat-x;margin:0; padding:0; text-align:center; } html { min-height: 101%; } body, td, p { color: #343434; font-size: 11px; font-family: Verdana,Arial, Helvetica, sans-serif ;line-height: 18px;} a, a:hover, a:link, a:visited{ background-image: none;} /* ________________________________ Positionierung ______________________________________________________ */ #container {background-image: url("../images/bg_site.jpg"); text-align: left; margin-right: auto;margin-left: auto; width: 879px } #klammer {position: relative; width: 648px; float: right; padding:0;margin: 0;} /* ________________________________ Moodbar / Hauptmenu ______________________________________________________ */ #header {position: relative; margin: 0;padding:0;width: 879px; height: 191px } #logo {margin: 0;padding: 96px 0 0 66px;border:none; } .logo {border:none; } .bg_mood_home { background-image: url("../images/bg_mood_home.jpg");} .bg_mood_profil { background-image: url("../images/bg_mood_profil.jpg");} .bg_mood_kunden { background-image: url("../images/bg_mood_kunden.jpg");} .bg_mood_glossar { background-image: url("../images/bg_mood_glossar.jpg");} /* Hauptmenu */ div#vera {margin: 0; padding: 14px 57px 0 44px;float:left;text-align:center;} div#vera h1 {color: #c40725;font-family: "Trebuchet MS",Arial, Verdana, Helvetica, sans-serif ;font-size: 24px;font-weight: bold; line-height: 20px;margin: 0px;padding:0; padding-bottom: 3px;} div#vera h2 {color: #343434;font-family: Verdana, Helvetica, sans-serif ;font-size: 12px;font-weight: bold; line-height: 16px;text-decoration: none;margin: 0px;padding:0 0 0 0 ;} /* Hauptmenu */ div#hauptmenu {margin: 0; padding-top: 0;background-image: url("../images/bg_hauptmenu.jpg"); min-height: 83px} div#hauptmenu ul { color: #343434; font-weight: bold; margin: 0; padding: 18px 0 0 0} div#hauptmenu ul li {display: inline;margin-left: -4px;} div#hauptmenu ul li a{font-size: 12px;padding: 0;color: #343434;text-decoration: none;} div#hauptmenu ul li a:hover{color: #c40725;} div#hauptmenu ul li .current{padding: 0;color: #c40725;text-decoration: none;} .trenner_oben { color: #c40725;font-size: 14px;font-weight: bold;padding: 0 5px 0px 4px; } .trenner { color: #c40725;font-size: 14px;font-weight: bold;padding: 0 14px 0px 13px; } /* Kontakt / Sitemap */ #top {font-weight: bold;padding: 0;margin:5px 0 0 0; text-align: right;float:right } #top ul {padding-right: 39px;padding-top: 0px;margin:0 ;} #top ul li{ margin-top: 0px;padding-top: 0;display: inline;} #top a, a:link, a:visited{ font-size:11px;color: #343434; background-repeat: no-repeat;text-decoration: none; padding: 0} #top a:hover { color: #c40725;} #top_active a, a:link, a:visited { color: #c40725;} #top ul li .current {color: #c40725;} /* Textformatierung */ /* ________________________________ Textformatierung ______________________________________________________ */ h1 {color: #c40725;font-size: 15px;font-weight: bold; line-height: 20px;margin: 0px;padding:0 0 12px 0;} h2 {color: #525252;font-size: 12px;font-weight: bold; line-height: 20px;margin: 0px;padding:0 0 8px 0;} h3 {color: #343434;font-size: 12px;font-weight: bold; line-height: 20px;margin: 0px;padding:0 0 5px 0;} h4 {color: #c40725;font-size: 15px;font-weight: bold; line-height: 20px;margin: 0px;padding:2px 0 3px 0;} /* ________________________________ Content ______________________________________________________ */ #content { display: inline; margin: 0; padding: 12px 0 0 0;position: relative;min-height: 310px;float: left ;} *html #content{margin-left:18px;} #content p {padding:0 0 10px 0;margin:0 } #content td {border-top:dotted 1px #343434;padding-top:10px;} .leistungstabelle {border:0;padding-top:10px;} .td-leistungen {border:0;background-color:#fff} #content .zitat {border-top:dotted 1px #343434;border-bottom:dotted 1px #343434;margin:5px 50px 5px 50px;padding:5px 0 5px 40px} #inhalt_content { width: 480px;padding: 0 ; margin: 0;} #inhalt_content_breit { width: 540px;padding: 0 ; margin: 0;} .grau {color: #525252;} .rot {color: #c40725;} .bild_umfluss_bu { margin-top: 5px; margin-left: 5px; padding-bottom: 5px; float: right } .bild_umfluss_logo { margin-top: 5px; margin-left: 5px; padding-bottom: 5px; float: right } .contentlist {list-style-image:url("../images/list_icon.jpg"); line-height:18px;margin:-7px 0 10px 22px;padding:0} .contentlist_table {list-style-image:url("../images/list_icon.jpg");margin:-7px 0 0px 15px;padding:0} *+html .contentlist {list-style-image:url("../images/list_icon.jpg"); line-height:18px;margin:-8px 0 0 36px} #inhalt_content_breit a{ color: #c40725;font-weight:bold;text-decoration: none; padding: 0;} #inhalt_content_breit a:hover{color: #c40725;text-decoration: underline;} #inhalt_content a{ color: #c40725;font-weight:bold;text-decoration: none;line-height:18px} #inhalt_content a:hover{color: #c40725;text-decoration: underline;} #oben { font-size: 10px; text-align: right;padding-bottom: 15px; } #oben a{ color: #c40725; background-image: url("../images/obenpfeil.jpg"); background-repeat: no-repeat;text-decoration: none; padding: 0 2px 2px 13px ;} #oben a:hover{color: #c40725; background-image: url("../images/obenpfeil.jpg"); background-repeat: no-repeat;} #inhalt_a-z { width: 540px;padding: 0 ; margin: 0;} #inhalt_a-z a{ font-size: 9px;color: #c40725; background-image:none; padding-left:0 ;} #inhalt_a-z a:hover{color: #343434; background-image: none;text-decoration: underline;} #a-z-liste {margin: 0; list-style-type:none;padding:0 } .a-z-unterpunkt {list-style-image:url("../images/list_icon.jpg"); line-height:18px;margin:-7px 0 10px 22px;padding:0} #inhalt_a-z h1{} #inhalt_a-z h2 {margin:0;padding:0} #inhalt_a-z h3 {margin:10px 0 0 0;color: #a2a2a2;font-size:22px;font-family: "Trebuchet MS",Arial, Verdana, Helvetica, sans-serif ;} #inhalt_a-z #oben { text-align: right;padding-bottom: 0;padding-top:0; padding-right: 10px;} div#menu3 {margin:0;} div#menu3 ul {font-weight: bold;padding:0; margin: 0;} div#menu3 ul li {display: inline;} div#menu3 ul li a{font-weight: bold;font-size: 10px;text-decoration: none;color: #c40725;background-image: none} div#menu3 ul li a:hover{text-decoration:underline} div#menu3 ul li .current{text-decoration:underline} .trenner { color: #343434;font-size: 11px;font-weight: bold;padding: 0px 6px 0px 8px; } /* ________________________________ Links / Submenu ______________________________________________________ */ #links { margin: 0; padding: 0; position: relative; width: 230px; float: left;} #navcontainer {margin: 43px 50px 0 10px ;padding: 0;font-weight: bold;text-align: right;} #navlist {margin: 0; list-style-type:none;padding:0 } #navlist a, a:link, a:visited {fontweight:bold;color: #343434;text-decoration: none; padding: 0 2px 2px 0px;line-height:10px} #navlist a:hover { color: #c40725;} #navcontainer ul li .current {color: #c40725;} #navcontainer ul li {padding-bottom:5px} .current {color: #c40725;} .trenner_left { color: #c40725;font-size: 16px;font-weight: bold;padding: 0 3px 0px 3px; } .projektlist { list-style-type:none; color: #666;font-size:11px;font-weight:normal;text-decoration: none; line-height:13px;margin-bottom:8px} .projektlist_1 { list-style-type:none; color: #666;font-size:11px;font-weight:normal;text-decoration: none; line-height:13px;margin-bottom:8px;padding-top:6px} /* ________________________________ Footer ______________________________________________________ */ #footer { font-size: 10px; text-align: right; background-color: #fff; background-image: url("../images/bg_footer.jpg"); background-repeat: no-repeat;min-height: 38px; clear: both;} div#footer ul { color: #343434; margin: 0;padding: 28px 45px 0 0 ;position: relative ;} div#footer ul li {display: inline; } div#footer ul li a { font-size: 10px;color: #343434;text-decoration: none; padding: 3px 3px 1px 1px; } div#footer ul li a:hover { color: #c40725; text-decoration: underline; } div#footer ul li a.current { color: #c40725; text-decoration: underline;} #sitemap { margin-left: -40px;margin-right: 30px;} #sitemap h1 {margin-left: 40px } .teil { border-top: 1px solid #c40725;margin-top:20px;padding-top:5px} #navlist_sitemap ul { margin-left: -10px;} * html #navlist_sitemap ul { margin-top: -12px; margin-left: 0px } #navlist_sitemap li {list-style-type: none; display: block ;background-image: none; background-repeat: no-repeat;} #navlist_sitemap li a{ color: #343434;text-decoration: none; padding: 0 2px 2px 13px;} #navlist_sitemap li a:hover{color: #c40725;text-decoration: underline;} /* #sitemap { margin-left: 0px;margin-right: 30px;} #sitemap h1 {margin-left: 0 } .teil { border-top: 1px solid #E0E09B;margin-top: 5px;padding-top: 10px;} .contentlist {list-style-image:url("../images/list_icon_gruen.jpg"); line-height:18px;margin:0 0 0 -28px} *+html .contentlist {list-style-image:url("../images/list_icon_gruen.jpg"); line-height:18px;margin:0 0 0 17px} #navlist_sitemap ul { margin-left: 0px;} #navlist_sitemap li {display: block ;list-style-image:url("../images/list_icon_gruen.jpg");} #navlist_sitemap li a{ color: #5C5C31;text-decoration: none; padding: 0 2px 2px 18px;} #navlist_sitemap li a:hover{color: #8A291D;text-decoration: underline;} */ /* ________________________________ 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;} }