/* Theme Name: CS Consulting Description: CS Consulting Wordpress Theme Version: 1.0 Author: Marcel Fahle Author URI: http://marcelfahle.com */ @import "style/css/reset.css"; @import "style/css/typography.css"; @import "style/css/layout.css"; @import "style/css/jScrollPane.css"; * { margin: 0; padding: 0; } body { font: 12px Arial; color: #634a3f; } /* #page-wrap { width: 950px; height: 680px; padding: 0; margin: 0 auto; background: #f9f8f7 url(images/bg.jpg) no-repeat center top; } #deco { width: 950px; height: 680px; padding: 0; margin: 0; } */ #page-wrap { width: 950px; height: 680px; padding: 0; margin: 0 auto; background: #f8f4f5 url(images/bg.jpg) no-repeat center top; } #deco { width: 950px; height: 680px; padding: 0; margin: 0; } body.isRoot.startseite-de #page-wrap { height:1330px; } body.isRoot.startseite-de #deco { height:1330px; } /* body.home #deco { background: url(images/deco-home.jpg) no-repeat left bottom; } body.page-id-5 #deco, body.page-id-6 #deco { background: url(images/deco-maxime.jpg) no-repeat left bottom; } body.page-id-7 #deco { background: url(images/deco-beratungsansatz.jpg) no-repeat left bottom; } body.page-id-23 #deco { background: url(images/deco-strafueh.jpg) no-repeat left bottom; } body.page-id-11 #deco { background: url(images/deco-beraterteam.jpg) no-repeat left bottom; } body.page-id-13 #deco { background: url(images/deco-projekte.jpg) no-repeat left bottom; } body.page-id-15 #deco { background: url(images/deco-aktuelles.jpg) no-repeat left bottom; } body.page-id-17 #deco { background: url(images/deco-kontakt.jpg) no-repeat left bottom; } */ .page-item-734 ul { display:none; } .post p span {line-height:20px; padding-top:20px;} cufon { padding-bottom:5px; } /* TEAM */ .post .teamBox { padding-bottom:20px; } .post .teamBox div { margin-left:-15px; padding: 10px 0 0px 15px; } #headlogo { float: right; margin: 60px 60px 0 0; text-indent: -9999px; display: block; width: 226px; height: 29px; } body #headlogo { background: url(images/logo-yellow.jpg) no-repeat; } body.orange #headlogo { background: url(images/logo-orange.jpg) no-repeat; } body.brown #headlogo { background: url(images/logo-brown.jpg) no-repeat; } body.green #headlogo { background: url(images/logo-green.jpg) no-repeat; } #footer { position: absolute; top: 612px; width: 950px; height: 68px; font-size: 11px; background: url(images/footerlines.png) no-repeat; } body.isRoot.startseite-de #footer { top:1260px; } .language { float: left; margin-left: 370px; margin-top: 38px; list-style: none;} .language li.active a { background: #e3dedc; } .meta { float: right; margin-right: 20px; margin-top: 38px; } .meta a.aktiv { background: #e3dedc; } #mainnav { padding: 38px 0 0 20px; font-size: 11px; } #mainnav li { display: inline-block; list-style-type: none; } #mainnav li.aktiv a, #mainnav li ul li.aktiv a { background: #e3dedc; } #mainnav li.aktiv ul a { background: none; } #mainnav li.aktiv ul a:hover { background: #e3dedc; } #mainnav li a, #footer a { padding: 2px 4px 2px 4px; text-decoration: none; color: #634a3f; } /* QTRANSLATE */ #qtranslate-3-chooser{ list-style: none; } #qtranslate-3-chooser li { display: block; float: left; background: url(images/divider.jpg) left no-repeat; padding-left:2px; } li#qtranslate_first_item { background: none; } /* LEVEL ONE */ ul.dropdown { position: relative; } ul.dropdown li { float: left; background: url(images/divider.jpg) left no-repeat; } ul.dropdown a:hover { } ul.dropdown a:active { } ul.dropdown li a { display: block; margin-left: 3px; margin-right: 1px; } ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */ ul.dropdown li.hover, ul.dropdown li.active_hover, ul.dropdown li:hover { position: relative; } ul.dropdown li.hover a { } /* AKTIVE SUB MENU */ ul.dropdown ul.active_sub_menu { visibility: visible !important; } /* LEVEL TWO */ ul.dropdown ul.sub_menu { visibility: hidden; position: absolute; top: 100%; left: 0; } ul.dropdown ul.sub_menu li { font-weight: normal; float: none; width: 800px; margin: 2px 0 0; background: none; } /* IE 6 & 7 Needs Inline Block */ ul.dropdown ul.sub_menu li a { border-right: none; display: inline-block; } #mainnav li a:link, #mainnav li a:visited, #footer a:link, #footer a:visited { } #mainnav li a:active, #mainnav li a:hover, #footer a:active, #footer a:hover { background: #e3dedc; } #list1a ol { padding:0; margin:0; } #list1a li { line-height:20px; padding:0; margin:0; padding-bottom:10px; list-style:none; } #list1a a.link { background: url(images/link_pfeil_yellow.jpg) right no-repeat; padding-right:20px;} /*#list1a a.link { background: url(images/anker_pfeil_yellow.gif) right no-repeat; padding-right:20px; padding-left:18px; margin-left:-23px; }*/ #list1a a.link:hover { background: #f9ebc5 url(images/link_pfeil_yellow_hover.jpg) right no-repeat; } div.content p { line-height:20px;} #body { margin-top: 135px; } h1.pageh1 { color: #634a3f; font-size: 20px; margin-bottom: 20px; } body.home h1.pageh1 { visibility: hidden; } body.orange h1.pageh1 { color: #ff750f; } body.brown h1.pageh1 { color: #b6975a; } body.brown #post-1374 h1.pageh1 { color:#634A3F; } body.green h1.pageh1 { color: #a1c023; } #startseitentext { margin-top:50px; } #startseitentext h1 { color:#634a3f; font-size:20px; margin-bottom:15px; } #startseitentext p { text-align:justify; margin-bottom:10px; } h3 { color: #634a3f; font-size: 17px; margin-bottom: 0px; margin-top:10px; padding-top:0px;} h3 a { padding: 4px; } h3 a:link, h3 a:visited { text-decoration: none; } h3 a:hover, h3 a:active { text-decoration: none; background: #faf2d9; } h3 img { vertical-align:top; } /*.isFirstPage h3 { margin-top:15px !important; margin-bottom:0 !important; padding-top:0 !important; }*/ h4 { font-weight: bold; margin-bottom: 14px;} .post { padding-right: 64px; } .post-liste { padding-right: 64px; } .post p { text-align: justify; } /*.post p, .post ul { margin-bottom: 8px;}*/ .post p, .post ul li, .post ol li { line-height: 20px } .post ul, .post ol { margin-left: 16px; padding-bottom:5px; } body.orange .post ul li { list-style-image: url(images/listdot-orange.jpg); } body.brown .post ul li { list-style-image: url(images/listdot-brown.jpg); } body.green .post ul li { list-style-image: url(images/listdot-green.jpg); } a { color: #634a3f; text-decoration: none; } a:link, a:visited { } a:hover, a:active { background: #faf2d9; } p.absatz { line-height:20px; visibility:hidden; } #animation { padding-top:0; width:512px; overflow:hidden; } .teamBox div#animationImage { padding:70px 0 0 0; } .teamBox div#animationContent { padding-top:0; } .post a.back { background: url(images/back_pfeil_yellow.jpg) left no-repeat; padding: 2px 4px 0 20px; } .post a.back:hover { background: #f9ebc5 url(images/back_pfeil_yellow_hover.jpg) left no-repeat; padding: 2px 4px 0 20px; } .post a { background: url(images/link_pfeil_yellow.jpg) right no-repeat; padding: 2px 20px 0 0; } body.orange .post a { background: url(images/link_pfeil_orange.gif) right no-repeat; padding: 2px 20px 0 0; } body.brown .post a { background: url(images/link_pfeil_braun.jpg) right no-repeat; padding: 2px 20px 0 0; } body.green .post a { background: url(images/link_pfeil_green.gif) right no-repeat; padding: 2px 20px 0 0; } .post a.dark { background: url(images/link_pfeil_yellow_dark.jpg) right no-repeat; padding: 0 20px 0 0; } .post a.dark:hover { background: #f9ebc5 url(images/link_pfeil_yellow_hover.jpg) right no-repeat; padding: 0 20px 0 0; } .post a:hover { background: #f9ebc5 url(images/link_pfeil_yellow_hover.jpg) right no-repeat; padding: 2px 20px 0 0; } body.orange .post a:hover { background: #ffe3cf url(images/link_pfeil_orange_hover.gif) right no-repeat; padding: 2px 20px 0 0;} body.brown .post a:hover { background: #f0eade url(images/link_pfeil_braun_over.jpg) right no-repeat; padding: 2px 20px 0 0; } body.green .post a:hover { background: #ecf2d3 url(images/link_pfeil_green_hover.gif) right no-repeat; padding: 2px 20px 0 0; } .post { margin: 142px 0 0 375px;} .post-liste { margin: 0 0 0 375px;} .post-box { margin: 0 0 0 375px; padding:0; } .paneClass div { background: #eeeaeb; float:left; margin: 0 0 20px -8px; padding:8px; width:505px; } body.isRoot.startseite-en .post { margin: 202px 0 0 75px; } body.isRoot.startseite-de .post { margin: 130px 0 0 75px; } img.alignright { margin-left: 14px; margin-bottom: 14px;} img.imageLayer { display:block; height:80px; margin: 0 auto; } div.imageBox { height:83px; width:83px; padding:0; margin:0 10px 0 0; } div.contentBox { width:420px; padding:0; margin:0 10px 0 0; } #subpagenav { top:584px; width: 950px; position: absolute; font-size: 10px; } #subpagenav ul { float: right; margin-right: 64px;} #subpagenav ul li { float: left; list-style: none; } #subpagenav ul li a, #subpagenav ul li span.selected { display: block; width: 14px; height: 14px; text-align: center; padding: 1px 0 0 1px;} #subpagenav ul li span.selected { background: #ffc708;} /*#subpagenav ul li span.selected { background: #dbd5d2; }*/ .box_head { display:block;} body.orange #subpagenav span.selected { background: #ff750f; } body.brown #subpagenav span.selected { background: #b6975a; } body.green #subpagenav span.selected { background: #a1c023; } /* kpi */ img.kpi_logo{ margin-top:-15px; margin-left:-16px; } /* SCROLLER */ #pane0{ height:385px; width:530px; } a.jScrollArrowUp { background: url(images/anker_up_pfeil_yellow.gif) no-repeat 0 0; height:13px; width:12px !important; padding:0; } a.jScrollArrowUp:hover { background: url(images/anker_up_pfeil_yellow_hover.gif) no-repeat 0 0; height:13px; width:12px !important; padding:0; } a.jScrollArrowDown { background: url(images/anker_down_pfeil_yellow.gif) no-repeat 0 0; height:13px; width:12px !important; padding:0; } a.jScrollArrowDown:hover { background: url(images/anker_down_pfeil_yellow_hover.gif) no-repeat 0 0; height:13px; width:12px !important; padding:0; } /*a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background: url(images/basic_arrow_down.gif) no-repeat 0 0; }*/ /* a.jScrollArrowUp { background: url(images/basic_arrow_up.gif) repeat-x 0 0; } a.jScrollArrowUp:hover { background-position: 0 -15px; } a.jScrollArrowDown { background: url(images/basic_arrow_down.gif) repeat-x 0 0; } a.jScrollArrowDown:hover { background-position: 0 -15px; } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }*/ .jScrollPaneTrack { background: #f9ebc5; width:12px !important; } .jScrollPaneDrag { background: #FFc700; width:12px !important; } .scroll-pane { background: #69f; } .holder { float: left; margin: 10px; } .scroll-pane { width: 200px; height: 200px; overflow: auto; background: #ccc; float: left; } .clearfix { display: inline-block; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfix { height:1%; } .clearfix { clear:both; display:block; } .wieh3 { font-size:17px; margin-top:10px; } h1.effektlink { display:inline; margin-bottom:30px; padding-left:20px; background:url("images/link_pfeil_yellow.jpg") no-repeat scroll left center transparent; } h1.effektlink:hover { background:#F9EBC5 url("images/link_pfeil_yellow_hover.jpg") no-repeat scroll left center; }