/* Theme Name: Folien-Box - it's soapdesigned! Theme URI: http://soapdesigned.com/ Description: A custom, very cool Wordpress theme. It's soapdesigned! Version: 1.1 Author: Robert Augustin Author URI: http://soapdesigned.com/ Tags: */ /*COLORS orange F7931E blue 29ABE2 darkblue 2E3192 */ * { margin:0; padding:0;} img, a img { border:none; } a { color:#29abe2; text-decoration:underline; } a:hover { color:#F7931E; } p { margin:0 0 15px; line-height:1.5em; } ul { list-style:none; } h1,h2,h3 { letter-spacing:-.05em; } .alignleft { text-align:left; } .alignright { text-align:right } .aligncenter { text-align:center; } .floatleft { float:left; } .floatright { float:right; } img.alignleft, a img.alignleft, .wp-caption.alignleft { float:left; margin:0 15px 15px 0; } img.alignright, a img.alignright, .wp-caption.alignright { float:right; margin:0 0 15px 15px; } img.aligncenter, a img.aligncenter, .wp-caption.aligncenter, object { display:block; margin:0 auto 15px; clear:both; } .clear { clear:both; } body { font-family:Helvetica, Arial, sans-serif; color:#4d4d4d; font-size:83%; background:#FFFCE2 url(img/bg.gif) repeat-x; } #wrap { width:974px; margin:0 auto; } #header { width:974px; background:url(img/header.jpg) no-repeat; } #container { width:974px; background:url(img/container.gif) repeat-y; position:relative; } #footer { width:974px; height:165px; background:url(img/footer.jpg) no-repeat; position:relative; } /*header*/ #header #headertop { width:974px; height:389px; position:relative; } #header #headertop #claim { width:974px; height:219px; position:absolute; top:170px; left:0px; background:url(img/claim.jpg) no-repeat; } #header #headertop ul#topnav { position:absolute; top:91px; left:192px; overflow:hidden; } #header #headertop ul#topnav li { float:left; display:inline; } #header #headertop ul#topnav li a { height:44px; display:block; text-indent:-9999px; outline:none; background:url(img/topnav.jpg) no-repeat; } #header #headertop ul#topnav li.topnav_home a { width:99px; background-position:0px -1px; } #header #headertop ul#topnav li.topnav_home a:hover { background-position:0px -46px; } #header #headertop ul#topnav li.topnav_leistungen a { width:126px; background-position:-100px -1px; } #header #headertop ul#topnav li.topnav_leistungen a:hover { background-position:-100px -46px; } #header #headertop ul#topnav li.topnav_referenzen a { width:132px; background-position:-226px -1px; } #header #headertop ul#topnav li.topnav_referenzen a:hover { background-position:-226px -46px; } #header #headertop ul#topnav li.topnav_anfahrt a { width:107px; background-position:-358px -1px; } #header #headertop ul#topnav li.topnav_anfahrt a:hover { background-position:-358px -46px; } #header #headertop ul#topnav li.topnav_kontakt a { width:200px; background-position:-465px -1px; } #header #headertop ul#topnav li.topnav_kontakt a:hover { background-position:-465px -46px; } #header #headertop #toplogo { position:absolute; top:50px; left:25px; } #header #headertop #toplogo h1 a, #header #headertop #toplogo h2 a { width:168px; height:120px; display:block; text-indent:-9999px; outline:none; } #header #headertop #toplogo h1 a:hover, #header #headertop #toplogo h2 a:hover { background-position:left bottom; } #header #headertop #topslide { width:560px; height:254px; position:absolute; top:135px; right:6px; overflow:hidden; } #header #headertop #topslide #tin { width:560px; height:254px; position:absolute; top:0px; left:0px; z-index:50; } #header #headertop #topslide #tin img { width:560px; height:254px; } #header #headertop #topslideframe { width:560px; height:254px; position:absolute; top:135px; right:6px; overflow:hidden; background:url(img/topslide_frame.png) no-repeat; z-index:51; } #header #headertop a.button.topanfrage { position:absolute; top:80px; right:-8px; z-index:52; } #header ul#topcats { width:974px; position:relative; left:1px; overflow:hidden; background:url(img/topcats.gif) repeat-y; padding:2px 15px 2px 25px; } #header ul#topcats li.topcats_title { width:72px; height:22px; display:block; text-indent:-9999px; background:url(img/topcats_title.gif) no-repeat; } #header ul#topcats li { float:left; display:inline; } #header ul#topcats li a { display:block; padding:3px 10px 5px; color:#fff; text-decoration:none; font-size:1em; } #header ul#topcats li.current-cat a { color:#2E3192; } #header ul#topcats li a:hover { color:#2E3192; } /*container*/ #container #containertop { width:974px; height:28px; position:absolute; 0px:0px; left:0px; z-index:100; background:url(img/containertop.gif) no-repeat;} #container #containerbutt { width:974px; height:122px; position:absolute; bottom:0px; left:0px; z-index:100; background:url(img/containerbutt.jpg) no-repeat; } #container #content { width:702px; float:left; margin:20px 15px 35px 20px; position:relative; z-index:101; } #container.index #content { margin-bottom:0; } #container .sidebar { width:214px; margin:20px 0 0; position:relative; z-index:101; } #container .sidebar#sideright { float:left; } #container #content .sidebar#sideleft { float:right; margin:0 0 0 15px; } #container #content .contentleft { width:473px; float:right; } /*content*/ #container #content .post { overflow:hidden; margin:0 0 15px; } #container #content .postbetween { width:107px; height:22px; margin:15px auto 20px; background:url(img/postbetween.gif) no-repeat; } #container #content .pagehead { padding:10px; margin:0 0 15px; background:url(img/pagehead.gif) no-repeat; } #container #content .pagehead .pageheadbutt { width:700px; height:22px; margin:-10px 0 -10px -10px; background:url(img/pageheadbutt.gif) no-repeat; } #container #content .contentleft .pagehead { padding:10px; background:url(img/pagehead_narrow.gif) no-repeat; } #container #content .contentleft .pagehead .pageheadbutt { width:473px; height:22px; background:url(img/pageheadbutt_narrow.gif) no-repeat; } .wp_page_numbers { background:transparent !important; } .wp_page_numbers ul { border:none !important; margin:0 !important; } .wp_page_numbers ul li { float:left !important; display:inline !important; background:transparent !important; padding:0 !important; margin:0 4px 0 0 !important; } .wp_page_numbers ul li.page_info { padding:1px 0 4px 0 !important; margin:0 8px 0 0 !important; background:transparent !important; color:#999 !important; } .wp_page_numbers ul li a { padding:2px 5px !important; margin:0 !important; background:#e6e6e6 !important; text-decoration:none !important; color:#999 !important; } .wp_page_numbers ul li.active_page a, .wp_page_numbers ul li a:hover { background:#b2b2b2 !important; color:#fff !important; } /*bar*/ #container .bar { padding:0; margin:; font-size:.8em; color:#999; overflow:hidden; } #container #content .bar.postedit { margin:-15px 0 15px; } #container #content .bar.postedit a { color:#666; text-decoration:none; background:#f2f2f2; padding:2px 5px; } #container #content .bar.postedit a:hover { color:#4d4d4d; background:#e6e6e6; } #container #content .bar.breadcrumbs { } #container #content .breadcrumbs strong { float:left; } #container #content .breadcrumbs ul.breadcrumbs { overflow:hidden; float:left; margin:-1px 0 0; } #container #content .breadcrumbs ul.breadcrumbs li { padding:0 8px 0 13px; float:left; display:inline; background:url(img/icon_arr_bar.gif) no-repeat left 2px; color:#b2b2b2; } #container #content .breadcrumbs ul.breadcrumbs li.first { padding-left:5px; background:transparent; } #container #content .breadcrumbs ul.breadcrumbs li a { color:#808080; text-decoration:none; } #container #content .breadcrumbs ul.breadcrumbs li a:hover { text-decoration:underline; } #container #content .post .postcategory { font-size:.8em; } /*tags*/ #container #content .post .posttags { margin:3px 0 15px; font-size:.8em; overflow:hidden; clear:both; } #container #content .post .posttags a { display:block; float:left; color:#808080; text-decoration:none; padding:1px 8px 3px; margin:0 5px 5px 0; background:url(img/tag.gif) no-repeat; position:relative; } #container #content .post .posttags a span { width:5px; height:18px; background:url(img/tag.gif) no-repeat right top; position:absolute; right:0px; top:0px; } #container #content .post .posttags a:hover { color:#fff; background-position:left bottom; } #container #content .post .posttags a:hover span { background-position:right bottom; } /*postpic*/ #container #content .post .wp-caption { padding:3px; margin-bottom:10px; border:10px solid #ccc; background:#f2f2f2; overflow:hidden; font-size:.9em; color:#808080; } #container #content .post .wp-caption p { margin:5px; } #container #content .post img { border:0px solid #ccc; padding:5px; background:#f2f2f2; } #container #content .post .wp-caption img { padding:0; } .postpicdiv { max-width:473px; width:auto !important; padding:5px; border:0px solid #ccc; background:#f2f2f2; overflow:hidden; } .postpicdiv .postpicinside { max-width:461px; width:auto !important; border:1px solid #ccc; overflow:hidden; } .postpicdiv img { max-width:461px; width:auto!important; padding:0 !important; border:none !important; } #container.index #content .post .postpicdiv { float:left; margin:0 15px 10px 0; } #container.index #content .post .postpicdiv img {} /*postpic archive*/ #container.archive #content .post.leistungen .postpicdiv { float:left; margin:0 15px 10px 0; max-width:400px; width:auto !important; max-height:200px; height:auto !important; } #container.archive #content .post.leistungen .postpicdiv .postpicinside { max-width:400px; width:auto !important; max-height:200px; height:auto !important; } #container.archive #content .post.leistungen .postpicdiv img { max-width:388px; width:auto !important; } #container.archive #content .post.referenzen .postpicdiv { float:left; margin:0 15px 10px 0; max-width:400px; width:auto !important; max-height:200px; height:auto !important; } #container.archive #content .post.referenzen .postpicdiv .postpicinside { max-width:400px; width:auto !important; max-height:200px; height:auto !important; } #container.archive #content .post.referenzen .postpicdiv img { max-width:388px; width:auto !important; } #container.archive #content .post.default .postpicdiv { float:left; margin:0 15px 10px 0; max-width:250px; width:auto !important; max-height:150px; height:auto !important; } #container.archive #content .post.default .postpicdiv .postpicinside { max-width:238px; width:auto !important; max-height:140px; height:auto !important; } #container.archive #content .post.default .postpicdiv img { max-width:238px; width:auto !important; } /*postpic search*/ #container.search #content .post.leistungen .postpicdiv { float:left; margin:0 15px 10px 0; max-width:473px; width:auto !important; max-height:100px; height:auto !important; } #container.search #content .post.leistungen .postpicdiv .postpicinside { max-width:461px; width:auto !important; max-height:90px; height:auto !important; } #container.search #content .post.leistungen .postpicdiv img { max-width:461px; width:auto !important; } #container.search #content .post.referenzen .postpicdiv { float:left; margin:0 15px 10px 0; max-width:250px; width:auto !important; max-height:150px; height:auto !important; } #container.search #content .post.referenzen .postpicdiv .postpicinside { max-width:238px; width:auto !important; max-height:140px; height:auto !important; } #container.search #content .post.referenzen .postpicdiv img { max-width:238px; width:auto !important; } #container.search #content .post.news {} #container.search #content .post.news h2 {} #container.search #content .post.news h2 a {} #container.search #content .post.news p {} /*type*/ #container #content .post h1, #container #content .post h2, #container #content .post h3 { color:#000; font-size:1.9em; font-weight:bold; line-height:1.1em; margin:0 0 20px; } #container #content .post h1 a, #container #content .post h2 a, #container #content .post h3 a { color:#000; text-decoration:none; } #container #content .post h1 a:hover, #container #content .post h2 a:hover, #container #content .post h3 a:hover { color:#F7931E; } #container #content .post h1.pagetitle, #container #content .post h2.pagetitle { color:#4d4d4d; margin:0; } #container.index #content .post h2.pagetitle { color:#000; } #container #content .pagehead h1, #container #content .pagehead h2, #container #content .pagehead h3 { margin:0; } #container #content .post blockquote { padding:10px 0 0; margin:0 0 15px; } #container #content .post blockquote .quote { width:59px; height:58px; float:left; margin:-10px 10px 0 0; background:url(img/icon_quote.gif) no-repeat; } #container #content .post ul, #container #content .post ol { margin:0 0 10px 15px; } #container #content .post ul li { padding:0 0 0 15px; margin:0 0 5px; background:url(img/icon_circ_post.gif) no-repeat left 2px; } #container #content .post ol li { margin:0 0 5px; } #container #content .post a {} #container #content .post a:hover {} #container #content .post a.txtlink {} /*special posts*/ #container #content .post.searchwrapbutt, #container #content .post.cformwrap, #container #content .post.vcardwrap { margin-top:35px; } #container #content .post.searchwrapbutt h2, #container #content .post.cformwrap h2, #container #content .post.vcardwrap h2 { color:#666; font-size:1.4em; font-weight:normal; } #container #content .post.searchwrapbutt p, #container #content .post.cformwrap p, #container #content .post.vcardwrap p { color:#666; font-weight:bold; } #container.search #content .pagehead { margin-bottom:-1px; } #container.search #content .post.searchwraptop { margin-bottom:30px; } .linklove { display:none !important; } /*vcard*/ #container #content .post .vcard { width:473px; height:150px; margin:15px 0 15px; background:url(img/vcard_post.gif) no-repeat; clear:both; } #container.single #content .post.leistungen .vcard { width:682px; height:88px; background:url(img/vcard_leistungen.gif) no-repeat; clear:both; } /*search*/ .searchformdiv form { position:relative; } .searchformdiv form input.formtxt { width:100%; color:#999; font-family:Helvetica, Arial, sans-serif; border:none; } .searchformdiv form input.formtxt:hover { color:#808080; } .searchformdiv form input.formtxt:focus { color:#4d4d4d; } .searchformdiv form input.formsubmit { position:absolute; top:0px; right:0px; outline:none; text-indent:-9999px; border:none; font-size:0px; line-height:0px; cursor:pointer; } .post .searchformdiv form input.formtxt { padding:9px 5px 9px 28px; font-size:1.5em; background:url(img/searchbar_post.gif) no-repeat; } .post .searchformdiv form input.formsubmit { width:40px; height:43px; background:url(img/searchbar_post.gif) no-repeat right top; } .post .searchformdiv form input.formsubmit:hover { background-position:right bottom; } .side .searchformdiv form input.formtxt { width:160px; padding:5px 5px 8px 18px; font-size:.9em; background:url(img/searchbar_side.gif) no-repeat; } .side .searchformdiv form input.formsubmit { width:23px; height:26px; background:url(img/searchbar_side.gif) no-repeat right top; } .side .searchformdiv form input.formsubmit:hover { background-position:right bottom; } /*sidebar*/ #container .side { width:184px; padding:0 15px; margin:0 0 15px; color:#808080; font-size:.9em; background:url(img/side.gif) repeat-y; } #container .side .sidetop { width:214px; height:20px; margin:-0 0 0 -15px; background:url(img/sidetop.gif) no-repeat; position:relative; z-index:200; } #container .side .sidebutt { width:214px; height:20px; margin:0 0 0 -15px; background:url(img/sidebutt.gif) no-repeat; position:relative; z-index:200; } #container .side .sidecontent { width:189px; margin:0 0 0px -15px; padding:0 0 0 15px; background:url(img/icon_arr_sidecontent.gif) no-repeat left 3px; position:relative; z-index:201; } #container .side.vcard { padding:0; background:transparent; } #container .side.news .sidecontent { margin-bottom:25px; } #container .side.news .sidebutt { margin-top:-25px; } #container .side .postpicdiv { max-width:100px !important; max-height:100px !important; height:auto !important; float:right; margin:0 0 10px 10px; } #container .side .postpicdiv img { max-width:90px; width:auto !important; max-height:90px !important; height:auto !important; } #container .side h3 { font-size:1.5em; font-weight:bold; color:#808080; margin:-10px 0 15px; position:relative; z-index:201; } #container .side h3 a { color:#808080; text-decoration:none; } #container .side h3 a:hover { color:#F7931E; } #container .side.hilite h3 { color:#F7931E; } #container .side p {} #container .side ul, #container .side ol { } #container .side ul li { padding:0 0 0 15px; margin:0 0 4px; background:url(img/icon_circ_side.gif) no-repeat left 1px; } #container .side ol li {} #container .side.tagcloud ul li a { color:#808080; text-decoration:none; } #container .side.tagcloud ul li a:hover { color:#29ABE2; text-decoration:underline; } /*footer*/ #footer #footernavdiv { width:700px; position:absolute; top:31px; left:130px; } #footer ul#footernav { font-size:.8em; overflow:hidden; text-align:center; } #footer ul#footernav li { display:inline; margin:0 10px; } #footer ul#footernav li a { color:#fff; text-decoration:none; } #footer ul#footernav li a:hover { color:#F7931E; } #footer a#design { width:88px; height:13px; display:block; position:absolute; bottom:5px; right:1px; text-indent:-9999px; outline:none; background:url(img/soapdesign.gif) no-repeat; } #footer #footertos { width:400px; position:absolute; top:90px; left:290px; text-align:center; font-size:.8em; color:#29abe2; } #footer #footertos a { color:#29abe2; text-decoration:none; } #footer #footertos a:hover { text-decoration:underline; } /*btns*/ a.button { display:block; text-indent:-9999px; outline:none; } .post a.button.vcard { width:473px; height:150px; background:url(img/vcard_post.gif) no-repeat; clear:both; } .side a.button.vcard { width:214px; height:500px; background:url(img/vcard_side.jpg) no-repeat; } a.button.topanfrage { width:200px; height:79px; background:url(img/button_topanfrage.png) no-repeat; } a.button.jetztanfragen_small { width:180px; height:46px; background:url(img/button_jetztanfragen_small.jpg) no-repeat; } a.button.topanfrage:hover, a.button.jetztanfragen_small:hover { background-position:left bottom; } a.txtlink, .pagenav .forward a, .pagenav .back a { outline:none; padding:0 12px 0 0; float:right; color:#F7931E; font-size:.9em; text-transform:uppercase; text-decoration:none; font-weight:normal; background:url(img/icon_arr_link.gif) no-repeat right 1px; } a.txtlink:hover, .pagenav .forward a:hover { color:#29ABE2; background-position:right -11px; } a.txtlink.back, .pagenav .back a { padding:0 0 0 15px; background:url(img/icon_arr_link_back.gif) no-repeat left 1px; } a.txtlink.back:hover, .pagenav .back a:hover { color:#29ABE2; background-position:left -11px; }