/* Theme Name: HK 2010 Theme URI: http://holger-krahmer.de Description: Wordpress-Theme für die Webseite von Holger Krahmer. Relaunch im Februar 2010. Basiert auf einer leeren Vorlage von texto.de Version: 1.1 Author: Marcus Viefeld Author URI: http://viefeld.net */ /*--------------------basics--------------------*/ * { margin:0px; padding:0px; } body { background: #275a8d url('/wp-content/themes/hk2010/img/bg_body.png') 0 0 repeat-y; color: #464646; font: normal 10px Verdana, Arial, Helvetica, lucida, sans-serif; line-height:1.2em; text-align: center; } a { color: #00629b; text-decoration:none; } a:hover { color: #000; } .hide, .print { display:none; } .pointer { cursor: pointer; } .withspace { margin-bottom: 15px !important; } .line { padding-bottom: 18px !important; margin-bottom: 18px !important; background: url('/wp-content/themes/hk2010/img/post_line.png') no-repeat bottom center !important; } img, a img { border: none; } /*--------------------design--------------------*/ /* top */ #top { height: 41px; background: #1b4771 url('/wp-content/themes/hk2010/img/bg_top.png') 0 0 repeat-y; } #top_wrap { margin: 0 20px 0 19px; width: 781px; } #top_text { margin: 0; width: 781px; padding-top:15px; color:#ebf2f9; position:relative; text-align: left; } #top_text input.text { position: absolute; top: 12px; right: 48px; background: #5f90bb; border: 1px solid #5f90bb; color: #fff; height: 14px; width: 182px; padding: 1px 5px; font-size: 10px; } #top_text input.image { position: absolute; top: 12px; right: 0px; height: 18px; width: 42px; border: 0px #5f90bb; background: #5f90bb; padding: 0; } /* wrap */ #wrap { margin: 0; width: 820px; text-align: left;} /* titel */ #titel { margin: 0; width: 820px; height: 213px; position: relative; background: url('/wp-content/themes/hk2010/img/holger-krahmer.jpg') 0 0 no-repeat; } #titel h1 { text-indent: -3000px; margin:0; padding:0; } #titel h1 a { display: block; height: 213px; width: 820px; } #titel_rechts { position: absolute; height: 213px; width: 281px; right: 0; top:0; } * html #titel { overflow: hidden; } /* navigation */ #navigation { margin: 0; width: 820px; height: 41px; position: relative; } #navigation a { position: absolute; top:0; display: block; height: 41px; border:none; } #navigation a.navi_home { left: 0; width: 47px; background: url('/wp-content/themes/hk2010/img/navi_home.png') 0 0 no-repeat; } #navigation a.navi_ziele { left: 47px; width: 133px; background: url('/wp-content/themes/hk2010/img/navi_ziele.png') 0 0 no-repeat; } #navigation a.navi_vita { left: 180px; width: 57px; background: url('/wp-content/themes/hk2010/img/navi_vita.png') 0 0 no-repeat; } #navigation a.navi_wahlkreis { left: 237px; width: 98px; background: url('/wp-content/themes/hk2010/img/navi_wahlkreis.png') 0 0 no-repeat; } #navigation a.navi_krahmerladen { left: 335px; width: 123px; background: url('/wp-content/themes/hk2010/img/navi_krahmerladen.png') 0 0 no-repeat; } #navigation a.navi_presse { left: 458px; width: 81px; background: url('/wp-content/themes/hk2010/img/navi_presse.png') 0 0 no-repeat; } #navigation a.navi_kontakt { right: 0; width: 281px; background: url('/wp-content/themes/hk2010/img/kontakt-zu-holger-krahmer.png') 0 0 no-repeat; } #navigation a:hover, #navigation a.current { background-position: 0 -41px; } /* content */ #outer { margin: 0; width: 820px; } * html #outer { margin: 0; width: 820px; position: relative; } #content { width: 539px; float:left; background: url('/wp-content/themes/hk2010/img/bg_content.png') repeat-x top #fff; min-height:840px; height:auto !important; height:840px; border:none; margin:0px; } * html #content { width: 539px !important; border:none; min-height:1350px; height:auto !important; height:1350px; } #content.kontakt { background: url('/wp-content/themes/hk2010/img/bg_content.png') repeat-x 0 -220px #fff; } #inner { padding: 36px 18px 50px; font-size: 12px; line-height: 1.5em; } #inner p { font: normal 12px Arial; line-height: 1.5em; padding-bottom: 9px; margin-bottom: 9px; } #inner p:last-child { padding:0; margin-bottom: 8px !important; background: none !important; } #inner p { background: expression((this.parentNode.firstChild == this)? "none" : "" ); } /* IE */ #inner.nolines p { padding-bottom: 0px; margin-bottom: 8px; background: none; } /* header-zusätze */ #wahlkreis { position: relative; z-index:1; } #wahlkreis_rechts { position: absolute; top: 0; right:0; } #wahlkreis_hover a { position: absolute; top: 190px; left: 205px; height:50px; width: 80px; z-index:99; cursor:default; } #wahlkreis_hover a:hover { background: url('/wp-content/themes/hk2010/img/wahlkreis_hover.png') 25px 12px no-repeat; cursor:default; } #presse_fotos { position: relative; height: 258px; background: url('/wp-content/themes/hk2010/img/bg_presse.png') 0 0 no-repeat; } #presse_fotos_links { position: absolute; top:0; left: 0; height:226px; width:117px; } #presse_fotos_mitte { position: absolute; top:0; left: 117px; height:226px; width:305px; } #presse_fotos_rechts{ position: absolute; top:0; right: 0; height:226px; width:117px; } #presse_fotos_back { position: absolute; top:226px; left: 117px; height:32px; width:63px; } #presse_fotos a.presse_fotos_print { position: absolute; top:226px; left: 180px; height:32px; width:136px; } #presse_fotos a.presse_fotos_web { position: absolute; top:226px; left: 316px; height:32px; width:42px; } #presse_fotos_forward { position: absolute; top:226px; left: 359px; height:32px; width:63px; } .presse_back, .presse_forward { cursor: pointer; } #kontakt_formular { padding: 36px 18px 18px; background: url('/wp-content/themes/hk2010/img/post_line.png') no-repeat bottom center; position: relative; } #kontakt_pflicht { height:15px; width:100px; bottom:24px; position: absolute; color: #959595; font: normal 11px Verdana; } /* twitter */ #twitter { font: normal 10px Verdana; height: 30px; margin-bottom: 30px; background: url('/wp-content/themes/hk2010/img/twitter_line.png') bottom repeat-x; } #twitter a { color: #7d7e7d; font-weight:bold; } #twitter a:hover { color: #7d7e7d; text-decoration: underline; } li.twitter-item { padding-right:20px; display: inline; list-style-image: none; list-style-type: none; } /* rss */ #rss { margin-top:-7px; height:1px; position:relative; } #rss a.rss_logo { position: absolute; top:0; right:0; height:19px; width:20px; background: url('/wp-content/themes/hk2010/img/rss.png') 0 0 no-repeat; } #rss a.rss_logo:hover { background-position: 0 -19px; } /* beiträge */ .post { margin-bottom:20px; padding-bottom: 18px; background: url('/wp-content/themes/hk2010/img/post_line.png') no-repeat bottom center; } .post_date { margin-bottom:8px; color: #959595; font-size: 10px; } .post_date a { color: #959595; } .post h2 { font-size: 16px; margin-bottom: 18px; font-weight: bold; } * html .post h2 { font-size: 16px; margin-bottom: 18px; font-weight: bold !important; } /* IE6 */ *+html .post h2 { font-size: 16px; margin-bottom: 18px; font-weight: normal !important; } /* IE7 */ .post h2 a:hover { color: #00629b; } .post_text { font: normal 12px Arial; line-height: 1.5em; margin-bottom: 12px; } .post_more { clear:both; color: #00629b; font-size: 10px; } .post h2.post_presse { margin: 0; } /* css-container für das truncate-Plugin / braucht exakte Werte! */ .entry-noimgTxt { height: 7.5em !important; width: 503px; } /* kein bild, 5 zeilen anriss */ .entry-imgMTxt { height: 6em !important; width: 503px; } /* medium bild, 4 zeilen anriss */ .entry-imgTxt { float: right; height: 7.5em !important; width: 345px; } /* thumb bild, 5 zeilen anriss */ /* termine */ #termine p.date { padding:0; margin-bottom:2px; color: #959595; font: normal 10px Verdana; background: none !important; } #termine h4 { padding-bottom: 14px; margin-bottom: 14px; background: url('/wp-content/themes/hk2010/img/p_line.png') no-repeat bottom center; } #termine h4.noline { background: none !important; padding-bottom: 0 !important; margin-bottom: 8px !important; } * html #termine h4 { font-weight: bold; } *+html #termine h4 { font-weight: normal; } #termine p { color: #797979; } /* sidebar */ #sidebar { margin-left: 539px; width: 281px; border: none; } * html #sidebar { overflow: hidden; right: 0; width: 281px; position: absolute; } #dossiers { position: relative; width: 281px; height: 319px; background: url('/wp-content/themes/hk2010/img/bg_dossiers.png') repeat-x top; overflow:hidden; } * html #dossiers { width: 281px; overflow:hidden; } #dossiers a { width: 128px; height: 102px; position: absolute; display: block; border:none; } #dossiers a.dossier_klimawandel { left: 12px; top: 13px; background: url('/wp-content/themes/hk2010/img/dossier_klimawandel.png') 0 0 no-repeat; } #dossiers a.dossier_verkehr { left: 140px; top: 13px; background: url('/wp-content/themes/hk2010/img/dossier_verkehr_umwelt.png') 0 0 no-repeat; } #dossiers a.dossier_industrie { left: 12px; top: 115px; background: url('/wp-content/themes/hk2010/img/dossier_industrieemissionen.png') 0 0 no-repeat; } #dossiers a.dossier_naturschutz { left: 140px; top: 115px; background: url('/wp-content/themes/hk2010/img/dossier_naturschutz.png') 0 0 no-repeat; } #dossiers a.dossier_lm { left: 12px; top: 217px; background: url('/wp-content/themes/hk2010/img/dossier_lebensmittel.png') 0 0 no-repeat; } #dossiers a.dossier_ad { left: 140px; top: 217px; background: url('/wp-content/themes/hk2010/img/dossier_antidiskriminierung.png') 0 0 no-repeat; } #dossiers a:hover { background-position: 0 -102px; } #stoerer { margin: 18px 20px; background: url('/wp-content/themes/hk2010/img/bg_stoerer.png') repeat-x top; } #sidebar .box { background: url('/wp-content/themes/hk2010/img/bg_box.png') no-repeat bottom center; margin-bottom: 5px; } * html #sidebar .box { width: 281px; overflow:hidden; } #sidebar .box a { color: #767675; } #sidebar .box a:hover { color: #767675; font-weight:bold; text-decoration:none; } #sidebar .boxtext { padding: 10px 33px; color: #767675; margin-bottom: 10px; } #sidebar .boxtext p { margin-bottom: 8px; } #sidebar .boxtext p.boxline { background: url('/wp-content/themes/hk2010/img/box_line.png') no-repeat top center; padding-top: 10px; } #sidebar h2 { margin: 0px !important; padding: 0px; display: block; height: 45px; } #sidebar h2.termine { background: url('/wp-content/themes/hk2010/img/box_termine.png') 0 0 no-repeat; } #sidebar h2.video { background: url('/wp-content/themes/hk2010/img/box_video.png') 0 0 no-repeat; } #sidebar h2.linktipps { background: url('/wp-content/themes/hk2010/img/box_linktipps.png') 0 0 no-repeat; } /* social networks */ #socialmedia { position: relative; width: 281px; height: 120px; } #socialmedia a { height: 34px; position: absolute; display: block; border:none; } #socialmedia a.nsm_facebook { width: 80px; left: 12px; top: 10px; background: url('/wp-content/themes/hk2010/img/button_facebook.png') 0 0 no-repeat; } #socialmedia a.nsm_twitter { width: 80px; left: 92px; top: 10px; background: url('/wp-content/themes/hk2010/img/button_twitter.png') 0 0 no-repeat; } #socialmedia a.nsm_youtube { width: 80px; left: 176px; top: 10px; background: url('/wp-content/themes/hk2010/img/button_youtube.png') 0 0 no-repeat; } #socialmedia a:hover { background-position: 0 -34px; } /* footer */ #footer { clear:both; margin: 0; width: 820px; height: 155px; background: url('/wp-content/themes/hk2010/img/bg_footer.jpg') no-repeat 0 0; color: #bbc7d7; } #footer_text { padding: 18px; } #footer_logos { padding: 0 18px; } #footer a { color: #a0b7d6; } #footer a:hover { color: #fff; } #footer p.links { margin-bottom:2px; } #footer_logos a { margin-right:36px; } /*--------------------textgestaltung--------------------*/ p { margin-bottom: 8px; } p.noline { padding-bottom: 0px !important; margin-bottom: 8px !important; background: none !important; } p.bottomlinks { color: #00629b; } p.nolinespace { padding-bottom: 0px !important; margin-bottom: 40px !important; background: none !important; } p.nolinenospace { padding-bottom: 0px !important; margin-bottom: 0px !important; background: none !important; } h1,h2,h3,h4,h5,h6 { color: #00629b; line-height: 1.2em; } h2 { font-size: 16px; margin-bottom: 18px; font-weight: bold; } * html h2 { font-size: 16px; margin-bottom: 18px; font-weight: bold !important; } /* IE6 */ *+html h2 { font-size: 16px; margin-bottom: 18px; font-weight: normal !important; } /* IE7 */ h3 { font-size: 14px; margin-bottom: 14px; font-weight: normal; } h4 { font-size: 12px; margin-bottom: 12px; font-weight: normal; } * html h4 { font-size: 12px; margin-bottom: 12px; font-weight: bold !important; } /* IE6 */ .joker { color:#f00; } sub, sup { line-height: 0px; font-size: 8px; } acronym, abbr, span.caps { cursor: help; } acronym, abbr { } blockquote { color: #959595; margin:15px 30px; } img.alignleft { float:left;margin: 10px 15px 10px 0; } img.alignright { float:right;margin: 10px 0 5px 10px; } img.alignnone { margin: 20px 0; } img.post-thumb { float:left;margin: 3px 15px 10px 0; border: 1px solid #ebebeb; } img.post-image { margin-bottom: 20px; border: 1px solid #ebebeb; } img.border { border: 1px solid #ebebeb; } p.wp-caption-text { font: normal 10px Verdana !important; margin:-15px 0 20px 0 !important; background: none !important; } div.alignleft { float:left; margin-right: 15px; } div.alignright { float:right; margin-left: 15px; } div.prevnext { margin-top:50px; color: #00629b; font-size: 10px; } div.kontakt_bild { float: right; width: 150px; } div.kontakt_bild img { height: 110px; width: 148px; border:0; margin-bottom: 13px; border: 1px solid #ebebeb; } /*--------------------linkgestaltung--------------------*/ a { } a:link { } a:visited { } a:link:focus{ } a:link:hover, a:visited:hover { } a:link:active, a:visited:active { } a.nolink { color: #464646; } a.nolink:hover { color: #464646; } /*--------------------bilder als links--------------------*/ a img{ } a:link img { } a:visited img { } a:link:active img, a:visited:active img { } /*--------------------smilies im text--------------------*/ body img.wp-smiley{ } /*--------------------der weiterlesen link--------------------*/ .more-link{ } /*--------------------die seiten wenn es mehrere gibt--------------------*/ p.serif{ } /*--------------------suche--------------------*/ #searchform{ } input#s{ } input#searchsubmit{ } /*--------------------Kommentare--------------------*/ #comments h3 { color: #00629b; } .alt { } .commentlist { list-style-image: none; list-style-type: none; margin-bottom:20px; } .commentlist li { margin-bottom:15px; font-size:10px; } .commentlist .comment-author { color: #00629b; margin-bottom:8px; } .commentlist img.avatar { float: right; } .commentlist .comment-text, .commentlist .comment-text p { font: normal 12px Arial !important; color: #797979; line-height:1.5em !important; background: none !important; padding:0 !important; } .commentlist .reply { clear:both; padding-bottom: 8px; background: url('/wp-content/themes/hk2010/img/post_line.png') no-repeat bottom center; } #commentform p { padding-bottom: 0px !important; margin-bottom: 5px !important; background: none !important; } #commentform label { width: 100px; color: #959595; display:block; float:left; height: 15px; padding: 1px 0; font: normal 11px Verdana; } * html #commentform label { width: 95px; } #commentform input { background: #ebebeb; border: 1px solid #ebebeb; color: #464646; height: 15px; width: 391px; padding: 1px 5px; font: normal 11px Arial; } #commentform .error { color:red; border-color:#FF0000 #ebebeb; border-style:solid;border-width:1px; } #commentform textarea { background: #ebebeb; border: 1px solid #ebebeb; color: #464646; height: 115px; width: 391px; padding: 1px 5px; font: normal 11px Arial; } .formsubmit { color: #00629b; } .formsubmit:hover { color: #000; } p.comment_error { display:hide; margin-left:100px; color:red; font: normal 11px Verdana;} #commentform #submit { } .nocomments { } .commentlist cite, .commentlist cite a { } .commentlist p { } .commentmetadata { } /*--------------------fuer den wp kalender--------------------*/ #wp-calendar th { } #wp-calendar { empty-cells: show; } #wp-calendar #next a { } #wp-calendar #prev a { } #wp-calendar a { } #wp-calendar caption { } #wp-calendar td { } #wp-calendar td.pad:hover { } /*-------------------- widgets---------------------*/ #widgets { list-style-image: none; list-style-type: none; margin:0; padding:0; } #widgets li { list-style-image: none; list-style-type: none; margin:0; padding:0; } h2.widgettitle{ } .widget { } /*--------------------Archive--------------------*/ li#archives{ } .widget_archives{ } /*--recent posts--*/ li#recent-posts{ } .widget_recent_entries{ } /*--------------------text widget--------------------*/ li.widget_text{ } /*--id haengt von der nummer des text widgets ab*/ li#text-4{ } div.textwidget{ } /*--------------------links blogroll--------------------*/ li#links{ } .widget_links{ } /*--------------------kategorien--------------------*/ li#categories{ } .widget_categories{ } /*--------------------pagebar--------------------*/ .pagebar { font-size: 10px; text-align: right; color: #00629b; } .pagebar .this-page { font-weight: bold; } .orbitaltooltip-simplebox { background: #ddd; width:50px; height:50px; border: 2px solid #607e98; } .orbitaltooltip-simplebox p { padding:1px 1px 1px 6px; color:#222; } #tooltip { position: absolute; z-index: 3000; border: 1px solid #bbb; background-color: #eee; font: Verdana 10px normal; padding: 5px; opacity: 0.85; } #tooltip h3, #tooltip div { margin: 0; font-size: 10px; font-weight: normal; color: #464646; }