/* Theme Name: Korrekt Mode v1 Version: 1 Author: Thomas Eses Colors: rot #d30a2b Logo braun #3f2e1a Link farbe, Block schrift hell braun #600000 Headline (pagetitle) */ html {height:101%; } html, body { margin:0;padding:0;border:0; outline:0;} body { font-size: small; font-family: 'Helvetica', "Trebuchet MS", Arial,Verdana, Sans-Serif; color: #3f2e1a; background: #000 url('images/header.jpg') center; background-attachment: fixed; text-align: center; } img {border:0; outline:0;} a, a:hover {outline:0;} a {color: #3f2e1a; } a:hover {color: #d30a2b; } #page { } /*--------------------------------------------------------------------------------------- Header + Footer ------------------------------------------------------------------------------------------*/ #header {width: 100%;top:0px;left:0;position:fixed;text-align:center;background: #000 url('images/header.jpg') center;background-attachment: fixed;z-index:1000;} #header .inner { background: url('images/header_content_trenner.png') bottom repeat-x; } #header .centered {position:relative; width:900px; margin:0 auto; text-align:left; height:170px;} #Logo { position:absolute; top:11px; left:49px;} #Slogan { position:absolute; top:17px; right:47px;} /*--------------------------------------------------------------------------------------- #HauptNavi ------------------------------------------------------------------------------------------*/ #HauptNaviWrapper {position:absolute; top:143px; left:140px;} #HauptNavi {overflow:hidden;width:630px;height:54px; background: url('images/topnav_off.png') no-repeat;} #HauptNavi ul { list-style:none;margin:0;padding:0 0 0 32px;} #HauptNavi ul li { text-indent:-2000px;list-style:none;margin:0;padding:0;float:left;width:auto;color:#fff;height:54px;} #HauptNavi ul li a{ color:#fff; display:block;height:54px;} #HauptNavi ul li.home { width:83px;} #HauptNavi ul li.home:hover { background: url('images/topnav_news.png') 0px 4px no-repeat;} #HauptNavi ul li.produkte { width:133px;} #HauptNavi ul li.produkte:hover, #HauptNavi ul li.produkte.active { background: url('images/topnav_produkte.png') 0px 4px no-repeat;} #HauptNavi ul li.store { width:114px;} #HauptNavi ul li.store:hover { background: url('images/topnav_store.png') 0px 4px no-repeat;} #HauptNavi ul li.service { width:128px;} #HauptNavi ul li.service:hover { background: url('images/topnav_service.png') 0px 4px no-repeat;} #HauptNavi ul li.kontakt { width:108px;} #HauptNavi ul li.kontakt:hover { background: url('images/topnav_kontakt.png') 0px 4px no-repeat;} ul#breadcrumb li, ul#breadcrumb li a {text-decoration:none;font-size:26px; font-family: arial; letter-spacing:-0.05em; color: #600000; font-weight:bold; font-style:italic; text-transform:uppercase;} ul#breadcrumb {list-style:none; margin:0 0 10px 0; padding:0; overflow:hidden; } ul#breadcrumb li {list-style:none; margin:0; padding:0; float:left;width:auto;margin-right:7px; } ul#breadcrumb li.delimiter {background: url('images/headline_star.png') 0px 5px no-repeat; width:24px; height:18px;padding-top:5px;margin-right:0px;} ul#breadcrumb li.node {} /*--------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------*/ #footer {text-align:center;background: url('images/bottom_border.png') top repeat-x; color:#fff; } #footer .inner{position:relative;text-align:left;width:900px; margin:0 auto;overflow:hidden;height:300px;} #NewsletterJoinBtn {position:absolute; top:30px; left:0px;} #FriendJoin {position:absolute; top:50px; left:335px;} #SocialIcons {position:absolute; top:120px; left:343px;} #SocialIcons a { margin-right:26px;} #FooterRight {position:absolute; top:30px; right:0px;line-height:1.4em;} #FooterRight .footerbtn {background: url('images/btn_footer.png') no-repeat; width:152px; height:76px;padding-top:25px;text-align:center;} #FooterRight a {font-size:18px; color:#e1daba; font-style:italic; } #FooterInfos {color:#ccc;position:absolute; top:90px; width:148px; right:0px; font-size:11px; margin-top:15px; line-height:1.1em; text-align:center;} #FooterInfos a { color:#ccc;font-weight:bold; font-size:11px;} #FooterAdmin {position:absolute; top:150px; right:0px; width:148px;} #FooterAdmin ul { list-style:none; margin:0; padding:0;} #FooterAdmin ul li { list-style:none; margin:0; padding:0;} #FooterAdmin ul li a { color:#fff;} #footer .hiddenfooter a {color:#000 !important;} /*--------------------------------------------------------------------------------------- Layout ------------------------------------------------------------------------------------------*/ #ContentWrapper {background: url('images/content_bg.jpg');margin-top:170px;padding-top:50px;padding-bottom:20px;} #ContentWrapper #ContentWrapper_border{text-align:center;} #ContentWrapper #ContentWrapper_center { text-align:left;width:900px; margin:0 auto;overflow:hidden;} #content { overflow:hidden;position:relative;z-index:900;} #content.widecolumn { } #content.narrowcolumn {margin-left:190px;width:700px;} #content.column2 {margin-left:190px;width:540px;} #sidebar { float:left; width:190px;} #sidebar.widesidebar { float:left; width:190px;} #sidebar2 { float:right; width:160px;} /*--------------------------------------------------------------------------------------- Globale Styles ------------------------------------------------------------------------------------------*/ .alignleft { float:left; } .size-medium {} /*----------------------------------------------------------------------------------------------------- Großes Content panel ----------------------------------------------------------------------------------------------------*/ .PanelBig { padding: 0px; background: url('images/platte/platte_corner_bottom_left.png') left bottom no-repeat;} .PanelBig .corner1 { padding: 0px 0px 0px 30px; background: url('images/platte/platte_border_left_corner_top.png') left 0px no-repeat; } .PanelBig .corner2 { padding: 30px 0px 0px 0px; background: url('images/platte/platte_border_top_corner_right.png') right top no-repeat; } .PanelBig .corner3 { padding: 0px 30px 0px 0px; background: url('images/platte/platte_border_right.png') right bottom no-repeat;} .PanelBig .corner4 { padding: 0px 0px 0px 0px; background: url('images/platte/platte_content_bg.png'); overflow:hidden;min-height:400px;} .PanelBig .corner5 { padding: 0px; margin: 0 0 0 30px; background: url('images/platte/platte_border_bottom_corner_right.png') right bottom no-repeat;height:30px;} /*--------------------------------------------------------------------------------------- Content ------------------------------------------------------------------------------------------*/ h2.pagetitle { font-size:26px; font-family: arial; letter-spacing:-0.05em; color: #600000; font-weight:bold; font-style:italic; text-transform:uppercase; margin-top:0;margin-bottom:10px;} .pagedescription {color: #600000; font-size:12px; margin:15px 0 25px 0; } .entry {overflow:hidden;} /*--------------------------------------------------------------------------------------- Bild wrapper - .wp-caption ------------------------------------------------------------------------------------------*/ .wp-caption {position:relative;} .wp-caption a {cursor: url('images/magnifier_zoom_in.png');} .wp-caption a img {border:1px solid #3f2e1a; } .wp-caption p {margin:0; padding:3px 0 3px 0;font-weight:bold;font-size:14px;color: #600000} /* Die Lupe */ .lupe-wrapper {overflow:hidden;zoom:1; float:left;position:relative; } .lupe-wrapper .lupe, .zoom .lupe { cursor:pointer;padding:3px;position:absolute;bottom:0px; right:0px;background: url('images/magnifier_zoom_in.png') no-repeat 3px 3px #000 ;width:16px;height:16px;opacity:0.6} .lupe-wrapper .lupe:hover, .zoom .lupe:hover {opacity:0.99;} .zoom {zoom:1;position:relative;} .zoom .lupe {bottom:3px; right:0px;} /*--------------------------------------------------------------------------------------- #content.PageContent ------------------------------------------------------------------------------------------*/ #content.PageContent { } #content.PageContent .post { overflow:hidden; } #content.PageContent .wp-caption { position:relative; float:left; width:142px !important; height: 205px;background: url('images/img_border_130x150.png') no-repeat;padding:7px 0 0 9px; margin:0 8px 10px 0;} #content.PageContent .lupe-wrapper {margin:0 10px 10px 0;border: 5px solid brown;} /*--------------------------------------------------------------------------------------- .navigation ------------------------------------------------------------------------------------------*/ .navigation {overflow:hidden;} .navigation .alignleft a { text-indent:-2000px; outline: 0; background: url('images/arrow_back.png') no-repeat; float:left; display:block; width:143px; height:43px;margin-right:25px;} .navigation .alignright a {text-indent:-2000px; outline: 0; background: url('images/arrow_next.png') no-repeat; float:right; display:block; width:143px; height:43px;margin-left:25px;} .navigation .text { display:none;padding-top: 5px;text-align:center; color: #600000; font-size:12px; } /*--------------------------------------------------------------------------------------- #content.CategorieContent Produkte Liste ------------------------------------------------------------------------------------------*/ #content.CategorieContent { overflow:hidden;} #content.CategorieContent .posts { overflow:hidden; } #content.CategorieContent .post { position:relative; float:left; width:160px; height: 265px; padding:0px 0px 0px 0;} #content.CategorieContent .post h3 {font-size:16px; margin:0; padding:0 0 3px 0;height:40px;width:132px;} #content.CategorieContent .post .entry > p { margin:0; padding:0 1px 0px 0; } #content.CategorieContent .post .editlink { background: #008000; color: #fff; position:absolute; top:40px; left:0; opacity: 0.5;z-index:901;} #content.CategorieContent .post .editlink a { font-size:10px;color: #fff; } #content.CategorieContent .post:hover .editlink { display:block; } #content.CategorieContent .facebooklink { } #content.CategorieContent .lupe {bottom:0px; right:0px;} /*--------------------------------------------------------------------------------------- #content.Post single.php ------------------------------------------------------------------------------------------*/ #content.SingePost { overflow:hidden;} #content.SingePost .navigation { display:none;} /*--------------------------------------------------------------------------------------- .NewsPosts ------------------------------------------------------------------------------------------*/ .NewsPosts {} .NewsPosts .article {position:relative;margin-bottom:30px; } .NewsPosts .article h3 {margin: 0px; padding:0px; font-size:18px; } .NewsPosts .article p { margin: 7px 0 7px 0; } .NewsPosts .article .text { text-align :justify; line-height:1.4em; background: url('images/star_line.png') -3px bottom repeat-x; padding-bottom:16px;} .NewsPosts .article .datewrapper { padding:3px 0 0 0;} .NewsPosts .article .date { display:inline-block; font-size:11px; font-style:italic; } .NewsPosts .article .editlink { display:inline-block; background: #008000; color: #fff; opacity: 0.5;z-index:901;} .NewsPosts .article .editlink:hover { opacity: 0.99; } .NewsPosts .article .editlink a { font-size:10px;color: #fff; } .NewsPosts .article .linie{ font-size:16px; color:#3F2E1A; background: url('images/star_line.png') -3px 0 repeat-x;height:16px;} .NewsPosts .facebooklink {float:right;line-height:1; } .size-thumbnail {} /* ohne beschreibung */ .NewsPosts img.alignleft { -moz-border-radius:6px; border:1px solid #c2a884; margin:5px 0px 0 0; padding:6px; text-align:center; background: #F5EFD5 url('images/content_bg.jpg'); } .NewsPosts img.alignnone { -moz-border-radius:6px; border:1px solid #c2a884; margin:0 0 0 0; padding:6px; text-align:center; width:170px !important; background: #F5EFD5 url('images/content_bg.jpg'); } .NewsPosts .lupe-wrapper {margin-right:6px;} .NewsPosts .lupe-wrapper .lupe {bottom:7px; right:7px;} /* mit beschreibung */ div.alignleft {} div.alignnone {} .NewsPosts .wp-caption { -moz-border-radius:6px; border:1px solid #c2a884; margin:6px 6px 0 0; padding: 6px ; text-align:center; background: #F5EFD5 url('images/content_bg.jpg'); width:150px !important;} .NewsPosts .wp-caption a img { border:0; } .NewsPosts .wp-caption p.wp-caption-text { margin:0; padding:3px 0 3px 0; font-weight:bold;font-size:14px;color: #600000; } .NewsPosts .wp-caption .lupe {bottom:0px; right:0px;} #post-46 {} #content #post-46 .wp-caption { -moz-border-radius:6px; border:1px solid #c2a884; margin:0px 16px 16px 0; padding: 6px ; text-align:center; background: #F5EFD5 url('images/content_bg.jpg'); width:auto !important;} #content #post-46 .wp-caption a { border:0; } #content #post-46 .wp-caption a img { border:0; } #content #post-46 .wp-caption p.wp-caption-text { margin:0; padding:3px 0 3px 0; font-weight:normal;font-size:12px; clear:left; width:130px;} #content #post-46 .wp-caption p.wp-caption-text b { font-weight:bold;font-size:14px;color: #600000; } #content #post-46 .wp-caption .lupe {bottom:0px; right:0px;} #content #post-46 .wp-caption .lupe-wrapper {padding:0; margin:0;} /*--------------------------------------------------------------------------------------- Sidebar Boxes ------------------------------------------------------------------------------------------*/ #sidebar {color: #3f2e1a; overflow:hidden;zoom:1;} #sidebar ul {list-style:none; margin:0;padding:0;} #sidebar > ul > li {list-style:none; margin:0;padding:0;} #sidebar .widget { line-height:1.4em;font-size:12px;margin-bottom:20px; } #sidebar .widgettitle { font-size:16px;margin:0;padding:30px 0 5px 18px; } /*--------------------------------------------------------------------------------------- Widgetbox - Design 1 genagelte Box ------------------------------------------------------------------------------------------*/ #sidebar .widget_archive .widgetbox, #sidebar .widget_text .widgetbox, #sidebar .widget_pages .widgetbox, #sidebar .widget_categories .widgetbox, #sidebar .widget_tag_cloud .widgetbox { min-height:100px;width:170px;background: url('images/sidebar_box_top_long_170.png') left 0px no-repeat;} #sidebar .widget_archive .widgetbox_foot, #sidebar .widget_text .widgetbox_foot, #sidebar .widget_pages .widgetbox_foot, #sidebar .widget_categories .widgetbox_foot, #sidebar .widget_tag_cloud .widgetbox_foot { background: url('images/sidebar_box_bottom_170.png') left bottom no-repeat;width:170px;height:35px;} /*--------------------------------------------------------------------------------------- .widget_pages ------------------------------------------------------------------------------------------*/ /* 1. ebene */ #sidebar .widget_pages .widgetbox > ul {padding:10px 0 0px 18px;} /* 2. ebene */ #sidebar .widget_pages .widgetbox > ul > li > ul{ padding:0 0 0 10px; } #sidebar .widget_pages .widgetbox a { font-size:12px; font-weight:bold; padding:0 3px; text-decoration:none;} #sidebar .widget_pages .widgetbox a:hover {color:#fff;font-weight:bold;background: #3f2e1a; text-decoration:none;} /*--------------------------------------------------------------------------------------- .widget_categories ------------------------------------------------------------------------------------------*/ #sidebar .widget_categories .widgetbox a { font-size:12px; font-weight:bold; padding:0 3px; text-decoration:none;} #sidebar .widget_categories .widgetbox a:hover {color:#fff;font-weight:bold;background: #3f2e1a; text-decoration:none;} /* 1. ebene */ #sidebar .widget_categories .widgetbox > ul {padding:30px 0 0px 18px;} #sidebar .widget_categories .widgetbox > ul > li { } #sidebar .widget_categories .widgetbox > ul > li > a { font-size:16px;padding:0px 0 0px 0px;font-weight:bold;} /* 2. ebene */ #sidebar .widget_categories .widgetbox > ul > li > ul{ border:0px solid #f00; } #sidebar .widget_categories .widgetbox > ul > li > ul > li {border:0px solid #f00;margin-top:15px;} /* 3. ebene */ #sidebar .widget_categories .widgetbox > ul > li > ul > li > ul {border:0px solid #00f;padding:0 0 0 10px; } #sidebar .widget_categories .widgetbox > ul > li > ul > li > ul > li {border:0px solid #00f;} /*--------------------------------------------------------------------------------------- .widget_tag_cloud ------------------------------------------------------------------------------------------*/ #sidebar .widget_tag_cloud .widgetbox > div { padding:10px 0 5px 18px;font-size:14px; line-height:1.2em;} #sidebar .widget_tag_cloud .widgetbox > div a { font-size:14px; font-weight:bold;} #sidebar .widget_tag_cloud .widgetbox a { font-size:12px; font-weight:bold; padding:0 3px; text-decoration:none;} #sidebar .widget_tag_cloud .widgetbox a:hover {color:#fff;font-weight:bold;background: #3f2e1a; text-decoration:none;} /*--------------------------------------------------------------------------------------- .widget_text ------------------------------------------------------------------------------------------*/ #sidebar .widget_text .widgetbox .textwidget{ padding:5px 18px 0 18px;} /*--------------------------------------------------------------------------------------- .widget_text ------------------------------------------------------------------------------------------*/ #sidebar .widget_archive .widgetbox > ul { padding:5px 0 0 18px;} #sidebar .widget_archive .widgetbox a { font-size:12px; font-weight:bold; padding:0 3px; text-decoration:none;} #sidebar .widget_archive .widgetbox a:hover {color:#fff;font-weight:bold;background: #3f2e1a; text-decoration:none;} /*--------------------------------------------------------------------------------------- Debug ------------------------------------------------------------------------------------------*/ #sidebar_impressum { text-align:center;} #sidebar_impressum .ThumbWrapper140x140 { background: url('images/img_border_140x140.png') no-repeat; width: 151px; height:147px;margin-left:0px;padding:6px 0 0 5px;} #sidebar_impressum h4 { color:#d30a2b;margin:18px 0 0px 0;} #sidebar_impressum h5 { font-size:12px; margin:18px 0 0px 0;} #sidebar_impressum p {font-size:12px; margin-top:5px; margin-bottom:5px;} #sidebar_impressum .link {font-size:14px; margin-top:3px; margin-bottom:5px;font-weight:bold;} #sidebar_impressum .zoom {position:relative;display:block;width:140px;} #sidebar_impressum .zoom .lupe { cursor:pointer;padding:3px;position:absolute;top:118px; right:0px; background: url('images/magnifier_zoom_in.png') no-repeat 3px 3px #000 ;width:16px;height:16px;opacity:0.6} #sidebar_impressum .zoom .lupe:hover {opacity:0.99;} #sidebar_impressum .minilogos { overflow:hidden; margin-left:0px;} #sidebar_impressum .minilogos a { display:block; float:left;margin:15px 0px 15px 20px;} /*--------------------------------------------------------------------------------------- Debug ------------------------------------------------------------------------------------------*/ /* #sidebar { border:1px solid #00f;} #content { border:1px solid #00f;} #header { border:1px solid #f00;} #sidebar .widgetbox ul { border:1px solid #f00;} #sidebar .widgetbox li { border:1px solid #00f;} #ContentWrapper { border:1px solid #f00;} #ContentWrapper #ContentWrapper_border { border:1px solid #f0f;} #ContentWrapper #ContentWrapper_center { border:1px solid #0ff;} .widget_tag_cloud .widgetbox > div { border:1px solid #f00; } */