/* Theme Name: Marketingclub Bremen Theme URI: http://www.marketingclub-bremen.de Description: Theme fuer die Website des Marketingclub Bremen. Erstellt durch construktiv GmbH, Edgar Nanninga Version 1.0 Author: construktiv GmbH, Edgar Nanninga Author URI: http://www.construktiv.de */ /* blau: #004494 */ @import url('reset.css'); body { color:#000000; background:#FFFFFF url(images/bg-verlauf.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size: 0.75em;} strong { font-weight:bold; } .hidden { display:none; } .navigation { display:none;} #wrapper { width: 980px; margin:auto; background:url(images/bg-wrapper.jpg) repeat-x; } #header { position:relative; width:100%; height:145px; } #header #logo { width:209px; height:71px; margin-top: 20px; margin-left: 5px; float:left; } #header #metanavigation { float: right; font-size: 1em; margin-top:10px; color:#666; } #header #metanavigation a { text-decoration:none; padding: 0px 10px; line-height:1.2em; color: #004494; } #header #metanavigation a.last { padding: 0 0 0 10px; } #header #metanavigation a:hover { color: #fff; background: #004494; } #header #search { clear:right; float:right; margin-top:40px; } #header #s { float:left; width:164px; height:15px; margin:0px; padding:2px; border-top:1px solid #BFBFBF; border-left:1px solid #BFBFBF; border-bottom:1px solid #E0E0E0; border-right:1px solid #E0E0E0; } #header .searchbutton { float:left; border:none; background:#004494; color:#fff; width:65px; font-size:1em; font-weight:bold; height:21px; margin-left:13px; } #header #navigation { width:980px; height:28px; background: #004494; position:absolute; bottom:0; left:0; } #header #navigation ul ul { display:none; } #header #navigation ul li:hover ul { display:block; } #header #navigation ul, #header #navigation ul ul { list-style-type:none; } #header #navigation ul li, #header #navigation ul ul li { display:block; position:relative; float:left; } #header #navigation a { color:#fff; text-decoration:none; line-height:28px; padding: 0 18px; font-weight:bold; height:28px; display:block; float:left; } #header #navigation a:hover, #header #navigation ul li.current_page_item a, #header #navigation ul li.current_page_parent a, #header #navigation ul li.current-cat a, #header #navigation ul li.current-cat-parent a { background:url(images/navi-hover-dreieck.gif) center bottom no-repeat; } #header #navigation ul ul { position: absolute; top: 28px; left:0; height:30px; width:600px; background: url(images/bg-subnavi.jpg) repeat-x; } #header #navigation ul ul a { color: #004494; font-weight:normal; padding: 0 10px; } #header #navigation ul ul a:hover { background:none; font-weight:bold; } #header #navigation .current_page_parent ul li a, #header #navigation .current_page_item ul li a, #header #navigation .current-cat ul li a, #header #navigation .current-cat-parent ul li a { background:none; font-weight:normal; } #header #navigation .current_page_parent ul li a:hover, #header #navigation .current-cat-parent ul li a:hover, #header #navigation .current-cat ul li a:hover { font-weight:bold; } #header #navigation ul ul li { display:inline; } #header #navigation ul ul li.current_page_item a, #header #navigation ul ul li.current-cat a { background:none; font-weight:bold; } #content, .page { margin-top:20px; width:720px; float:left;} .post img.alignleft, .storyimage { float: left; padding: 0 20px 20px 0; } .alignright { float:right; padding: 0 0 20px 20px; } .storyimage { width:170px; } .post .storyimage a { border:none;} .story { float:left; width: 510px; } .story img { display:none; } .post { border-bottom:1px dotted #ccc; padding:20px 0; width:700px; float:left;} .post a { color:#004494; border-bottom:1px solid #004494; text-decoration:none; } .post a:hover { border-bottom:none; } .post h2 { color:#999; font-size:11px; font-weight:bold; text-transform:uppercase; padding: 0 0 10px 0; } .post h3 { font-weight:bold; font-size: 20px; } .post h3 a { text-decoration:none; border-bottom:none; } .post h3 a:hover { border-bottom:1px solid #004494;} .post p { color: #000; font-size:12px; line-height:18px; padding: 10px 0; } .post ul { list-style-type:square;} .post li { line-height: 18px; margin:0 20px 5px 25px;} .post .wp-caption { display:none; } .single { padding:20px 16px; width:642px; float:left; border-bottom: 1px dotted #ccc; } .single a { color:#004494; border-bottom:1px solid #004494; text-decoration:none; } .single a:hover { border-bottom:none; } .single h2 { font-weight:bold; font-size: 20px; } .single h2 a { text-decoration:none; border-bottom:none; } .single h2 a:hover { border-bottom:1px solid #004494;} .single h3 { color: #999; padding: 5px 0 10px 0; } .single p { color: #000; font-size:12px; line-height:18px; padding: 10px 0; } .single ul { list-style-type:square;} .single li { line-height: 18px; margin:0 20px 5px 25px;} .single .alignleft { float:left; margin: 0 20px 20px 0; padding: 5px; background:#efefef;} .single .wp-caption, .post .wp-caption { background:#efefef; padding: 0; margin: 12px 20px 20px 0;} .single .wp-caption a, .post .wp-caption a { border:none;} .single .wp-caption img, .post .wp-caption img { padding:5px 5px 0 5px; border:none;} .single .wp-caption-text, .post .wp-caption-text { padding:5px; width:240px; font-size: 10px; line-height:12px; text-align:left;} .page { padding:20px 16px; width:642px; float:left;} .page a { color:#004494; border-bottom:1px solid #004494; text-decoration:none; } .page a:hover { border-bottom:none; } .page h1 { font-weight:bold; font-size: 20px; padding-bottom:20px; color:#004494; } .page h1 a { text-decoration:none; border-bottom:none; } .page h1 a:hover { border-bottom:1px solid #004494;} .page h2 { font-weight:bold; font-size: 15px; line-height:18px; padding: 20px 0 10px 0; } .page h3 { font-weight:bold; font-size: 13px; line-height:18px; padding: 20px 0 10px 0; } .page p { padding:10px 0; color: #000; font-size:12px; line-height:18px;} .page ul { list-style-type:disc; position:relative; left: 20px; } .page ul li { font-size:12px; line-height:18px; } .page .wp-caption { background:#efefef; padding:0; border:1px solid #dfdfdf; } .page .wp-caption a { border:none; } .page .wp-caption img { padding:5px 5px 0 5px; border:none;} .page .wp-caption-text { padding:5px; width:240px; font-size: 10px; line-height:12px; text-align:left;} .page .alignleft { float: left; margin: 0 20px 20px 0; } .page .alignright { float:right; margin: 0 0 20px 20px; } .stellenmarkt { padding:20px 16px; width:642px; float:left;} .stellenmarkt h2 { font-weight:bold; font-size: 15px; line-height:18px; padding: 0px 0 10px 0; } .stellenmarkt h3 { font-weight:bold; font-size: 13px; line-height:18px; padding: 5px 0 5px 0;} .stellenmarkt a { color:#004494; border-bottom:1px solid #004494; text-decoration:none; } .stellenmarkt a:hover { border-bottom:none; } .stellenmarkt ul { list-style-type:none; margin-bottom:20px;} .stellenmarkt li {line-height: 18px; margin:0 0px 10px 0px;} .stellenmarkt small { font-size:10px; color: #666; } .pressemitteilungen { padding:20px 16px; width:642px; float:left;} .pressemitteilungen .datum { color:#999; font-size:11px; font-weight:bold; text-transform:uppercase; padding: 0 0 5px 0; } .pressemitteilungen h2 { font-weight:bold; font-size: 20px;} .pressemitteilungen p { } .pressemitteilungen ul { } .pressemitteilungen li { } .pressemitteilungen a { color:#004494; border-bottom:1px solid #004494; text-decoration:none; } .pressemitteilungen a:hover {border-bottom:none; } .pressemitteilungen small { } .search_result { padding:20px 16px; width:642px; float:left; border-bottom: 1px dotted #ccc; } .search_result h2 { font-weight:bold; font-size: 20px; } .search_result h2 a { text-decoration:none; border-bottom:none; } .search_result h2 a:hover { border-bottom:1px solid #004494;} .search_result h3 { color: #999; padding: 5px 0 10px 0; } .search_result p { color: #000; font-size:12px; line-height:18px; padding: 10px 0; } .search_result ul { margin:0 0 0 15px;} .search_result ul li{ font-size:12px; line-height: 18px; margin-bottom:15px; list-style-type:square; } .search_result a { color:#004494; border-bottom:1px solid #004494; text-decoration:none; } .search_result a:hover { border-bottom:none; } .search_result small { font-size:10px; line-height:14px;} h1.storytitle_EN { font-weight:bold; font-size: 20px; padding-bottom:20px; color:#004494; padding:20px 16px; } .gallery a { border:none; } .gallery img.attachment-thumbnail { width:100px; height:100px; } .gallery_EN .post { width:330px; padding-left:20px; } .gallery_EN .story { width:210px; } .gallery_EN img { width:100px; height: 100px; } .gallery_EN .storyimage { width:100px; } .gallery_EN .post h3 { padding: 0 0 5px 0; } .gallery_EN .post h3 { font-weight:bold; font-size: 14px; } #TB_prev, #TB_next { padding: 10px 0; } /* #TB_prev { float: left;} #TB_next { float: right; } */ #TB_next{ padding-left: 5px;} #TB_prev { padding-right: 5px; } .kommentare { border: none; padding: 20px 0 20px 16px; width:510px; float:left; } .kommentare h4 { color:#999; font-size:13px; font-weight:bold; text-transform:uppercase; padding: 20px 0 10px 0; } .kommentare ol li { border-bottom: 1px dotted #ccc; padding:20px 0; } .kommentare p { padding:3px 0; color: #000; font-size:12px; line-height:18px;} .kommentare p.metadata, .kommentare a { color:#999;} .kommentare a { text-decoration: none; border-bottom:none;} .kommentare a:hover { border-bottom:1px solid #ccc; } .kommentare label { cursor:pointer; padding-left:10px; } .kommentare small { font-size: 10px; color:#bbbbbb;} #sidebar { float:right; width:260px; } #branding { width:248px; height:35px; float:right; position:relative; } #branding a { text-decoration: none; color:#004494; font-size:11px; } #branding .construktiv , #branding .wong , #branding .twitter, #branding .facebook { position:absolute; bottom:8px;} #branding .wong { right:0;} #branding .construktiv { left:0; } #branding .twitter { right:115px;} #branding .facebook { right: 85px; } #sidebar .box, #sidebar .boxGallery { background: #ededed url(images/bg-sidebar-box.jpg) repeat-x; width:226px; float:right; border:1px solid #ccc; margin: 5px 0; padding:0 10px 10px 10px;} #sidebar .boxGallery { padding:0 7px 7px 7px; } #sidebar .box h2 { color:#999; font-size:1em; font-weight:bold; margin:10px 0; } #sidebar .tagcloud a { color:#004494; text-decoration:none;} #sidebar .tagcloud a:hover { border-bottom:1px solid #004494; } #sidebar .events ul li { line-height:18px; font-size:12px; font-weight:bold;} #sidebar .events ul li a { font-weight:normal; color: #004494; text-decoration:none;} #sidebar .events ul li a:hover { border-bottom: 1px solid #004494; } #sidebar .rssAbsatzwirtschaft ul { list-style-type:square; width: 206px; padding-left:20px; color: #999;} #sidebar .rssAbsatzwirtschaft li { font-size:12px; line-height:18px; margin-bottom:10px;} #sidebar .rssAbsatzwirtschaft a { color: #004494; text-decoration:none; } #sidebar .rssAbsatzwirtschaft a:hover { text-decoration:underline;} #sidebar .rssAbsatzwirtschaft small { display:none;} #sidebar .rssAbsatzwirtschaft p { text-align:right; } #sidebar .rssAbsatzwirtschaft p a { font-size: 9px; color:#999; text-decoration:none; line-height:1.5em; } #sidebar li.wGallery { display: block; width:50px; height:50px; float:left; overflow:hidden; padding:3px;} #sidebar li.wGallery img { width: 50px; height:50px;} #sitemap_list li a { border:none;} /*.pagebar { font-size: 12px; width: 100%; text-align:center; clear:both; padding: 5px 0; } .pagebar .inactive { color:#ccc; } .pagebar .this-page { font-weight:bold; } .pagebar a { color: #004494; text-decoration: none;} .pagebar span, .pagebar a { padding:0 3px; } */ .pagebar { line-height:14px; font-size:12px; padding-top: 50px; padding-bottom:10px; display:block; clear:both; text-align:center;} .pagebar a { color:#004494; border:1px solid #004494; margin: 0 1px; padding: 1px 4px; text-decoration:none; } .pagebar .this-page { color:#fff; border:1px solid #004494; margin: 0 1px; padding: 1px 4px; background:#004494; font-weight:normal; display:inline; float:none; } .pagebar .inactive { display:none;} #footer { clear:both; width:980px; height:28px; background:#004494; margin:20px 0; } .community p { color:#000000; font-size:12px; line-height:18px; padding:10px 16px; } .community .hinweis { font-weight: bold; text-transform: uppercase; font-size: 14px; } #communityAnmeldung { padding: 0 16px; } #communityAnmeldung p { color:#000000; font-size:12px; line-height:18px; padding:10px 0; } #communityAnmeldung .hinweis { font-weight: bold; text-transform: uppercase; font-size: 14px; } #communityAnmeldung label, input, span { display:block; float:left; margin:5px 0; line-height:1.4em; } #communityAnmeldung label { width: 90px; clear:left; } #communityAnmeldung label.long { width:120px; } #communityAnmeldung input { width:300px; position:relative; top:-2px; border:1px solid #004494; padding:2px; } #communityAnmeldung input.small { width: 50px;} #communityAnmeldung input.medium { width: 234px; } #communityAnmeldung .left { margin-right: 10px; } #communityAnmeldung .right { margin-left:10px; } #communityAnmeldung small { font-size:10px; } #communityAnmeldung .error { color: #ff0000; font-weight: bold; } #communityAnmeldung #labelURL, #communityAnmeldung #myurl { display:none; } .communityAnmeldung { padding: 0 16px; } .communityAnmeldung p { color:#000000; font-size:12px; line-height:18px; padding:10px 0; } .communityAnmeldung .hinweis { font-weight: bold; text-transform: uppercase; font-size: 14px; } .communityAnmeldung label, input, span { display:block; float:left; margin:5px 0; line-height:1.4em; } .communityAnmeldung label { width: 90px; clear:left; } .communityAnmeldung label.long { width:120px; } .communityAnmeldung input { width:300px; position:relative; top:-2px; border:1px solid .004494; padding:2px; } .communityAnmeldung input.small { width: 50px;} .communityAnmeldung input.medium { width: 234px; } .communityAnmeldung .left { margin-right: 10px; } .communityAnmeldung .right { margin-left:10px; } .communityAnmeldung small { font-size:10px; } .communityAnmeldung .error { color: .ff0000; font-weight: bold; } .communityAnmeldung #labelURL, .communityAnmeldung #myurl { display:none; } #socialmediabar p { padding:20px 0 5px 0; font-weight:bold;} #socialmediabar a { border:none; }