/* *_*_*_*_*_ kruse_medien _*_*_*_*_* Styles */ /* Farben */ /* menuschrift #d68f1e, aktiv #a63e0f content h #a06000; text #0a0909 */ html, body {background-color: #080808;margin:0; padding:0; text-align:center; } html { min-height: 101%; } body, td, p { color: #0a0909; font-family: Arial,Verdana,Helvetica, sans-serif;font-size: 11px;} a, a:hover, a:link, a:visited{} /* ________________________________ Positionierung ______________________________________________________ */ #container { background-color: #FFF; background-image: url("../images/bg_site.jpg"); text-align: left; margin-right: auto; margin-left: auto; width: 988px } /* ________________________________ Moodbar / Hauptmenu ______________________________________________________ */ #header {font-size: 100%;position: relative; margin: 0;width: 988px; min-height: 232px } *html #header {height: 232px } #logo {margin:0;padding-top: 63px; padding-left: 155px;background-image: none;float:left; } .bg_mood { background-image: url("../images/bg_mood.jpg");} /* Hauptmenu */ div#hauptmenu {margin-left: 30px; padding-top: 62px; clear: both; } * +html div#hauptmenu {margin-left: 30px; padding-top: 30px; clear: both; } div#hauptmenu ul { color: #d68f1e; font-weight: bold; margin: 0; padding: 3px 1px 6px 5px;} div#hauptmenu ul li {display: inline;} div#hauptmenu ul li a{color: #d68f1e;padding: 3px 0px 3px 0px;background-color: transparent;text-decoration: none;lineheight:12px} div#hauptmenu ul li a{color: #d68f1e;padding: 3px 0px 3px 0px;background-color: transparent;text-decoration: none;lineheight:12px} div#hauptmenu ul li a:hover{color: #a63e0f; } div#hauptmenu ul li .current{color: #a63e0f;text-decoration: none;} .trenner { color: #d68f1e;font-size: 14px;font-weight: bold;padding: 0px 13px 0px 13px; } .abstand_kontakt {padding: 0 0 0 185px; } .e-abstand_kontakt {padding: 0 0 0 330px; } /* Sprachen */ #top {font-weight: bold;padding:0 0 9px 100px;margin-left:652px ; text-align: center;} *html #top {margin-left:500px ;} #top ul {padding:10px 0 0 50px;margin:0 ;text-align: left;list-style: none;} #top ul li{ margin-top: 0px;padding: 0 0 0 20px;display: inline;} #top a, a:link, a:visited{ color: #d68f1e; background-repeat: no-repeat;text-decoration: none; padding: 0 0 0 0} #top a:hover { color: #a63e0f;text-decoration: underline;} #top_active a, a:link, a:visited { color: #a63e0f;text-decoration: underline;} div#top ul li .current{color: #a63e0f;text-decoration: underline;} .bg_deutsch { background-image: url("../images/flagge_deutsch.jpg"); background-repeat: no-repeat;} .bg_englisch { background-image: url("../images/flagge_englisch.jpg"); background-repeat: no-repeat;} /* Textformatierung */ /* ________________________________ Textformatierung ______________________________________________________ */ h1 {color:#834f00;font-size: 20px;font-weight: normal; line-height: 22px;font-family:Georgia, Times, serif;margin: 0; padding: 0 0 10px 0;} h2 {color:#834f00;font-size: 16px;font-weight: bold; line-height: 22px;font-family:Georgia, Times, serif;margin: 0; padding: 10px 0 0 0;} h3 {color:#834f00;font-size: 12px;font-weight: bold;font-family:Georgia, Times, serif;margin: 0; padding: 0 0 2px 0;} /* ________________________________ Content ______________________________________________________ */ #content { display: inline; margin: 18px 0 0 35px; padding: 30px 0 0 125px;position: relative;min-height: 330px; float: left ;} .bg_initiale_A { background-image: url("../images/initiale_A.jpg"); background-repeat: no-repeat;} .bg_initiale_B { background-image: url("../images/initiale_B.jpg"); background-repeat: no-repeat;} .bg_initiale_C { background-image: url("../images/initiale_C.jpg"); background-repeat: no-repeat;} .bg_initiale_D { background-image: url("../images/initiale_D.jpg"); background-repeat: no-repeat;} .bg_initiale_I { background-image: url("../images/initiale_I.jpg"); background-repeat: no-repeat;} .bg_initiale_K { background-image: url("../images/initiale_K.jpg"); background-repeat: no-repeat;} .bg_initiale_L { background-image: url("../images/initiale_L.jpg"); background-repeat: no-repeat;} .bg_initiale_R { background-image: url("../images/initiale_R.jpg"); background-repeat: no-repeat;} .bg_initiale_V { background-image: url("../images/initiale_V.jpg"); background-repeat: no-repeat;} #inhalt_content {width: 535px;line-height: 17px;padding:0 0 7px 0; margin:0;} #inhalt_content_cds {width: 820px;line-height: 17px;padding:0 0 7px 0; margin:0;} #content p {padding-bottom: 5px;padding-top: 3px;margin:0 } .cd-cover {float: left;width:200px} .cd-text {float: left;width:300px;margin:0 30px 10px 0} .einleitung {width:535px;} .player {} .titel {color:#834f00} .rand { border: 1px solid #834f00; } .br {float: left;width:80px} #content td {border-bottom:dotted 1px #d6912a;padding:3px 0 3px 0} .contentlist_table {list-style-image:url("../images/listenstern.jpg");margin:0 0 0px 15px;padding:0} .rep_rubrik {color:#834f00;font-weight:bold} .bla {padding-top:900px} .sterne{text-align:center;clear:both;height:50px} .sterne-kritik{text-align:center;clear:both;margin-bottom:10px} .sterne-preise{text-align:center;clear:both;margin:15px 0} .raquo {color:#834f00;font-size: 11px;font-weight: bold; line-height: 17px;font-family:Georgia, Times, serif;} .autor {color:#834f00;font-size: 12px;line-height:25px;font-weight: normal;font-style:italic;font-family:Georgia, Times, serif;padding:5px 0 0 15px} #inhalt_content a{ color: #a63e0f;text-decoration: underline;} #inhalt_content a:hover{color: #a06000;} /* ________________________________ Rechts ______________________________________________________ */ #rechts {position: relative;float: right; margin: 65px 40px 0 0; padding:4 0; } /* ________________________________ Footer ______________________________________________________ */ #footer { font-size: 10px; text-align: right;background-image: url("../images/bg_footer.jpg"); background-repeat: no-repeat;height: 38px; clear: both;width:988px} div#footer ul { color: #d68f1e; margin: 0;padding-right: 30px ;position: relative ; top: 10px } div#footer ul li {display: inline; } div#footer ul li a { color: #d68f1e;text-decoration: none; padding: 3px 3px 1px 1px; } div#footer ul li a:hover { color: #a63e0f; text-decoration: underline; } div#footer ul li a.current { color: #a63e0f; text-decoration: underline;} .abstand_copy { text-decoration: none; padding-right: 510px } .trenner_footer { color: #d68f1e;font-size: 12px;font-weight: bold;padding: 0px 8px 0px 8px; } #sitemap { margin-left: 100px;margin-right: 30px;} #sitemap h1 {margin-left: 0 } .teil { border-top: 1px dotted #171717;margin-top: 5px;padding-top: 10px;} #navlist_sitemap ul { margin-left: 20px;} #navlist_sitemap li {list-style-type: none; display: block ;background-image: none; background-repeat: no-repeat;} #navlist_sitemap li a{text-decoration: none; padding: 0 2px 2px 2px;} #navlist_sitemap li a:hover{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;} }