body { margin:0 auto; margin-top:10px; margin-bottom:70px; padding:0px; background-color:#ffffff; font-family:arial; color:#707070; font-size:100%; width:960px; } .body { background-color:#ffffff; } /** * Deverse **/ .clear { clear:both; } a { // outline: 0; } .floatLeft { float:left; } .floatRight { float:right; } a { color:#707070; text-decoration:none; } a:visited { color:#959596; text-decoration:none; } a:hover, a.active:hover { color:#F8981D; text-decoration:underline; } a.searchlinks { color:#F8981D; text-decoration:underline; } a.searchlinks:hover { color:#707070; text-decoration:none; } /** * Logo top left **/ img#logo { clear:both; margin-top:18px; position:absolute; } /** * Small navigation top right **/ ul#smallNavigationTopRight { list-style-type:none; float:right; clear:both; margin:0px; padding:0px; font-size:11px; font-weight:bold; } ul#smallNavigationTopRight li { float:left; padding-left:10px; } ul#smallNavigationTopRight li:last-child a { padding-left:10px; color:#F8981D !important; } a.navTopArrow { background:url(/10/resources/images/nav_top_bottom.gif) 0px 6px no-repeat !important; padding-left: 12px; } a.navTopArrow:hover { background:url(/10/resources/images/nav_top_bottom.gif) 0px 6px no-repeat !important; padding-left: 12px; } /** * Language-Navigation topright **/ /** ul#languageNavigationTopRight { list-style-type:none; clear:both; float:right; margin:49px 0px 3px 0px; padding:0px; font-size:11px; border:0px; width:100px; } **/ ul#languageNavigationTopRight { position: relative; list-style-type: none; float: left; margin: 25px 0px 3px 865px; padding: 0px; font-size: 11px; border: 0px; width: 100px; } ul#languageNavigationTopRight li { float:left; height:10px; border-right:1px solid #707070; padding:0px 5px 0px 5px; } ul#languageNavigationTopRight li.last { border-right:0px; padding:0px 0px 0px 5px; } ul#languageNavigationTopRight li a { padding:0px 0px 0px 0px; margin-top:-2px; display:block; } /** * Top navigation * font-weight:bold; raus am 25.09.2013 **/ ul#largeNavigationTopLeft { list-style-type:none; float:left; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#000000; width:960px; font-size:13px; } ul#largeNavigationTopLeft li { float:left; } ul#largeNavigationTopLeft li.searchField { float:right; } ul#largeNavigationTopLeft li a { display:block; margin:0px; padding:7px 6px 5px 0px; width:77px; height:20px; border-bottom:1px solid white; color:#fff; background:url(/10/resources/images/icon_arrow_navigation_white.gif) 4px 14px no-repeat; background-color;#000; text-align:right; text-decoration:none; } ul#largeNavigationTopLeft li a:hover, ul#largeNavigationTopLeft li a.active:hover { display:block; margin:0px; padding:7px 6px 5px 0px; border-bottom:1px solid black; z-index:100; width:77px; height:20px; color:#fff; background:url(/10/resources/images/icon_arrow_navigation_white.gif) 4px 14px no-repeat; background-color:#F8981D; text-align:right; text-decoration:none; } ul#largeNavigationTopLeft li a.noneFlyout { background:url(none); background-color;#000; border-bottom:1px solid white; text-align:center; padding-right:0px; } ul#largeNavigationTopLeft li a.noneFlyout:hover { background:url(none); background-color:#F8981D; border-bottom:1px solid white; text-align:center; padding-right:0px; } div#shoutNavigation { width:960px; opacity:.9; background-color:#000000; position:absolute; top:122px; border-top:1px solid #DFE0E0; margin-left:-10px; height:280px; z-index:1; filter: alpha(opacity=90); display:none; } ul#largeNavigationTopLeft li:hover div#shoutNavigation { display:block; } /** * Searchfield **/ li#searchFieldContainer { overflow:hidden; width:250px; position:relative; padding-right:0px; padding-left:0px; } li#searchFieldContainer input.searchFieldInput { border:4px solid #F8981D; height:20px; height /*\**/:19px\9; width:207px; padding-left:5px; padding-right:30px; padding-top:3px; padding-top /*\**/:4px\9; } li#searchFieldContainer input.searchFieldButton { text-indent:-99999; background:url(/10/resources/images/icon_glass.png) no-repeat; z-index:1; border:0px; position:absolute; right:10px; top:8px; height:16px; width:16px; cursor:pointer; } /** * Content-Bereich **/ div#content { width:682px; float:left; font-size:12px; } div#content div#startSiteTeaser { height:271px; width:710px; overflow:hidden; } div#innerContent { padding:15px 0px 0px 0px; } div#innerContent a { color:#707070; text-decoration:underline; } div#innerContent a:visited { color:#959596; } div#innerContent a:hover { color:#F8981D; } div#innerContent hr { clear:both; border:0px; border-bottom:1px solid #DADEE2; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; } div#innerContent p { line-height:135%; margin:0px 0px 20px 0px; } div#innerContent h1, ul#breadcrumb li { color:#F8981D; font-weight:normal; margin:0px 0px 15px 0px; } div#innerContent h2 { font-size:15px; margin:15px 0px 15px 0px; } div#innerContent .h1Image { border-top:5px solid #DADEE2; margin-top:-10px; margin-bottom:10px; } div#innerContent div.teaserWith2Images { padding:0px; margin:0px 0px 0px 0px; width:332px; } div#innerContent div.teaserWith2ImagesLeft { float:left; } div#innerContent div.teaserWith2ImagesRight { float:right; } div#innerContent div.teaserWith2Images h2 { font-size:15px; padding-bottom:5px; margin-top:0px; margin-bottom:0px; border-bottom:6px solid #DADEE2; } div#innerContent div.teaserWith2Images h2.borderTop { font-size:15px; padding-bottom:5px; margin-top:0px; margin-bottom:0px; border-top:6px solid #DADEE2; border-bottom:0px; } div#innerContent img.teaserWith2ImagesImg { margin-right:16px; height:148px; border:0px; } div#innerContent img.teaserWith2ImagesImg a:hover { text-decoration:none; } div#innerContent div.teaserWith2Images p { margin:0px 0px 21px 0px; line-height:150%; padding-top:6px; text-decoration:underline; } div#innerContent div.teaserWith2Images a { color:#707070; text-decoration:none; } div#innerContent div.teaserWith2Images a:visited { color:#707070; text-decoration:none; } div#innerContent div.teaserWith2Images a:hover, div#innerContent div.teaserWith2Images a.active:hover { color:#F8981D; text-decoration:underline; } div#innerContent div.smallTeaserWith2Images { padding:0px; margin:0px 0px 0px 0px; width:332px; } div#innerContent div.smallTeaserWith2ImagesLeft { clear:both; float:left; } div#innerContent div.smallTeaserWith2ImagesRight { float:right; } div#innerContent div.smallTeaserWith2Images h2 { font-size:15px; padding-bottom:5px; margin-top:0px; margin-bottom:0px; border-bottom:6px solid #DADEE2; } div#innerContent div.smallTeaserWith2Images h2.borderTop { font-size:15px; padding-top:5px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; border-top:6px solid #DADEE2; border-bottom:0px; } div#innerContent img.smallTeaserWith2ImagesImg { margin-right:16px; margin-top:10px; float:left; border:0px; } div#innerContent div.smallTeaserWith2Images div { float:left; width:235px; } div#innerContent div.smallTeaserWith2Images div p { padding:8px 0px 0px 0px; } div#innerContent div.smallTeaserWith2Images div ul { padding:8px 0px 0px 0px; margin:0px; list-style-type:none; } div#innerContent div.smallTeaserWith2Images div ul li { padding:0px 0px 4px 14px; background:url(/10/resources/images/icon_bullet_orange.gif) 0px 4px no-repeat; } div#innerContent div.smallTeaserWith2Images div ul li a { color:#707070; text-decoration:none; } div#innerContent div.smallTeaserWith2Images div ul li a:visited { color:#959596; text-decoration:none; } div#innerContent div.smallTeaserWith2Images div ul li a:hover, div#innerContent div.smallTeaserWith2Images div ul li a.active:hover { color:#F8981D; text-decoration:underline; } div#innerContent dl#accordion, div#innerContent dl#accordion dt, div#innerContent dl#accordion dd { padding:0px 0px 8px 0px; margin:10px 0px 0px 0px; } div#innerContent dl#accordion dt { font-size:15px; font-weight:bold; border-bottom:3px solid #DADEE2; padding:0px 0px 0px 0px; clear:both; } /** * margin-bottom:4px; * margin-top:10px; */ div#innerContent dl#accordion dt a { display:block; color:#707070; text-decoration:none; padding:0px 0px 4px 18px !important; background:url(/10/resources/images/icon_arrow_orange.gif) 2px 1px no-repeat; } div#innerContent dl#accordion dt a:visited { display:block; padding:0px 0px 4px 18px; color:#959596; text-decoration:none; } div#innerContent dl#accordion dt a:hover, div#innerContent dl#accordion dt a.active:hover { display:block; padding:0px 0px 4px 18px; color:#F8981D; text-decoration:underline; } div#innerContent dl#accordion dt.ui-accordion-header-active a { background:url(/10/resources/images/icon_arrow_black.gif) 0px 5px no-repeat !important; padding:0px 0px 4px 18px; } div#innerContent dl#accordion dd { margin-bottom:0px; margin-top:0px; padding-top:8px; padding-bottom:8px; overflow:auto; height:200px; line-height:150%; width:683px; } div#innerContent dl#accordion dd img { display:block; float:left; padding-bottom:10px; padding-right:10px; } div#innerContent dl#accordion dd ul { margin:0px; padding-left:15px; } div#innerContent dl#accordion dd ul li { padding-bottom:8px; } /** * Teaserlist for content and mwc **/ div.teaserList { margin-top:25px; } div.px250 { width:250px; } div.px410 { width:417px; } div.px100percent { width:100%; } div.marginRight15px { margin-right:15px; } div.teaserList h2 { font-size:15px; padding-bottom:5px; padding-right:0px; margin-bottom:8px; border-bottom:4px solid #DADEE2; } div.teaserList ul { padding:0px; margin:0px; list-style-type:none; } div.teaserList ul li { padding:0px 0px 8px 14px; background:url(/10/resources/images/icon_bullet_orange.gif) 0px 4px no-repeat; } div#innerContent div.teaserList ul li a { color:#707070; text-decoration:none; } div#innerContent div.teaserList ul li a:visited { color:#959596; text-decoration:none; } div#innerContent div.teaserList ul li a:hover, div#innerContent div.teaserList ul li a.active:hover { color:#F8981D; text-decoration:underline; } /** * SocialBox **/ div#socialBox { margin-top:35px; margin-bottom:10px; float:left; width:100%; } /** * BreadCrumb **/ div#innerContent ul#breadCrumb { padding:0px; margin:0px 0px 16px 0px; list-style-type:none; } div#innerContent ul#breadCrumb li { float:left; padding-left:13px; padding-right:8px; background:url(/10/resources/images/icon_breadcrumb.gif) 0px 5px no-repeat; } div#innerContent ul#breadCrumb li.first { float:left; padding-left:0px; padding-right:8px; background:url(none); } div#innerContent ul#breadCrumb li a { color:#707070; text-decoration:none; } div#innerContent ul#breadCrumb li a:visited { color:#959596; text-decoration:none; } div#innerContent ul#breadCrumb li a:hover, div#innerContent ul#breadCrumb li a.active:hover { color:#F8981D; text-decoration:underline; } /** * MWC **/ div#mwc { width:250px; float:right; font-size:12px; //padding-top:31px; } table#sliderNavigation { position:relative; padding:0px; margin:0px 0px 2px 0px; left:-21px; width:273px; } table#sliderNavigation td { cursor:pointer; background:url(/10/resources/images/background_slider_normal.png) 0px 0px no-repeat; } table#sliderNavigation td:hover, table#sliderNavigation td.active { cursor:pointer; background:url(/10/resources/images/background_slider_hover.png) 0px 0px no-repeat; } table#sliderNavigation td { height:87px; width:273px; vertical-align:middle; border-collapse:collapse; border:0px; padding:0px 0px 0px 12px; margin:0px; } table#sliderNavigation td h2 { margin:0px; padding:0px 0px 0px 25px; font-size:14px; font-weight:normal; line-height:150%; } #mwc div.teaserList { margin-top:4px; padding-left:6px; padding-right:0px; width:244px; } /** * PreFooter **/ #preFooter { float:left; width:960px; font-size:12px; } #preFooter div.teaserListRight { margin-left:15px; width:244px; } /** * Footer **/ hr#footerLine { clear:both; border:0px; border-bottom:4px solid #DADEE2; margin:0px 0px 0px 0px; padding:50px 0px 0px 0px; } ul#footerNavigationBottomLeft { list-style-type:none; float:left; font-size:11px; margin:15px 0px 0px 0px; padding:0px; width:960px; } ul#footerNavigationBottomLeft li { float:left; border-right:1px solid #707070; padding:0px 5px 0px 5px; } ul#footerNavigationBottomLeft li.first { padding-left:0px; } ul#footerNavigationBottomLeft li.last { border-right:0px; padding-right:0px; } ul#footerNavigationBottomLeft li.rightLi { float:right; } ul#footerNavigationBottomLeft li a { padding:0px 0px 0px 0px; margin-top:-2px; display:block; } /** * OldShit **/ //.content_box_big_h1 { // font-size:15px; // padding-bottom:5px; // margin-top:0px; // margin-bottom:0px; // border-bottom:6px solid #DADEE2; // } div#innerContent .content_box_big .content_box_big_td h1 { font-size:15px; font-weight:bold; color:#707070; margin:15px 0px 15px 0px; } .content_box_big_td { line-height:150%; //padding-left:10px; } .content_box_big_td ul { margin-left:0px; padding-left:15px; } .imagetd { padding-right:10px; } /** * Navigation **/ ul.NAVLEVEL1 { position:absolute; z-index:1000001; padding-left:10px; float:left; } ul.NAVLEVEL1_open { position:absolute; top:109px; padding:15px 25px 15px 25px; background-color:#3D3D3D;; z-index:1000001; margin-left:0px; display:none; width:910px; float:left; } @-moz-document url-prefix() { ul.NAVLEVEL1_open { top:110px; } } ul.smallFont { font-size:13px; } ul.smallFont li { padding-bottom:2px; } ul.smallFont, ul.smallFont ul, ul.smallFont ul ul, ul.smallFont ul ul ul { list-style-type:square; } ul.smallFont a { color:#ffffff; } ul.smallFont a:visited { color:#ffffff; } ul.smallFont a.firstLevel { color:#ffffff; font-weight:bold; } ul.smallFont a:hover.firstLevel { color:orange; font-weight:bold; } ul.smallFont a:hover { color:orange; } /** * Sitemap **/ ul#sitemap { float:left; list-style-type:none; margin:0px 0px 0px 10px; padding:0px 3px 0px 0px; } #sitemap li.normal { list-style-type:none; } #sitemap a:link.normal, #sitemap a:visited.normal { padding-top:3px; padding-bottom:4px; display:block; font-size:11px; padding-left:6px; } #sitemap a:hover.normal { padding-top:3px; padding-bottom:4px; display:block; font-size:11px; padding-left:6px; } #sitemap a:link.level1, #sitemap a:visited.level1 { padding-top:3px; padding-bottom:4px; display:block; font-size:11px; padding-left:25px; } #sitemap a:hover.level1 { padding-top:3px; padding-bottom:4px; display:block; font-size:11px; padding-left:25px; } #sitemap a:link.level2, #sitemap a:visited.level2 { padding-top:3px; padding-bottom:4px; display:block; font-size:11px; padding-left:45px; } #sitemap a:hover.level2 { padding-top:3px; padding-bottom:4px; display:block; font-size:11px; padding-left:45px; } #sitemap a:link.level3, #sitemap a:visited.level3 { padding-top:3px; padding-bottom:4px; display:block; font-size:11px; padding-left:65px; } #sitemap a:hover.level3 { padding-top:3px; padding-bottom:4px; display:block; font-size:11px; padding-left:65px; } #sitemap a:link.level4, #sitemap a:visited.level4 { padding-top:3px; padding-bottom:4px; display:block; font-size:11px; padding-left:85px; } #sitemap a:hover.level4 { padding-top:3px; padding-bottom:4px; display:block; font-size:11px; padding-left:85px; } #sitemap a:link.level5, #sitemap a:visited.level5 { padding-top:3px; padding-bottom:4px; display:block; font-size:11px; padding-left:105px; } #sitemap a:hover.level5 { padding-top:3px; padding-bottom:4px; display:block; font-size:11px; padding-left:105px; } /** *=========================================================== * CSS-Definitionen fuer Formularelemente *=========================================================== **/ div#innerContent input, textarea, checkbox, select { font-size:11px; font-family:arial; margin-bottom:5px; } div#innerContent input.input { height:12px; padding-top:2px; background:#ffffff; width:215px; } html>body .input { width:210px; } .input_subject { width:417px; } html>body .input_subject { width:410px; } textarea { width:417px; margin-left:0px; } html>body textarea { width:410px; margin-left:0px; } .button { width:130px; font-size:12px; font-family:arial; letter-spacing:1px; border: 1px solid; background:url(/10/resources/images/background_form_button.gif); padding-bottom:0px; padding-top:0px; border-color: #ACACAC #000000 #000000 #ACACAC; padding-left:0px; margin-left:10px; } div#innerContent legend { font-weight:bold; } div#innerContent label { width:200px; display:inline; float:left; margin-top:2px; } div#innerContent div.formbuttons { padding-top:15px; padding-bottom:5px; text-align:center; } div#innerContent fieldset { font-size:12px; font-family:arial; margin-top:15px; margin-bottom:15px; padding:10px; } /** * Blog **/ .calendarBG { font-size:12px; } .calendarDayHeading { background-color:#E2E2E2; } .calendarCell { background-color:#D6D7D9; } .calendarToday { background-color:#FBC399; } div#tagcloudTop { padding:10px; width:662px; float:left; background-color:#EBEAEA; border:1px solid silver; } ul.tagcloudTopList { padding:0px 10px 0px 10px; margin:0px 0px 0px 0px; list-style-type:none; } ul.tagcloudTopList li { padding:0px 0px 10px 14px; background:url(/10/resources/images/icon_bullet_orange.gif) 0px 8px no-repeat; } ul.tagcloudTopList li a { font-size:12px; color:#707070; text-decoration:none; } ul.tagcloudTopList li a:visited { font-size:12px; color:#959596; text-decoration:none; } ul.tagcloudTopList li a:hover, ul.tagcloudTopList li a.active:hover { font-size:12px; color:#F8981D; text-decoration:underline; } div#innerContent h1.blogTitle { margin-top:15px; margin-bottom:0px; clear:both; } div#innerContent ul.nav_cat_archive { padding:10px 0px 10px 0px; margin:0px 0px 0px 0px; list-style-type:none; } div#innerContent ul.nav_cat_archive li ul { list-style-type:none; margin-top:10px; } div#innerContent ul.nav_cat_archive li ul li { padding:0px 0px 10px 14px; background:url(/10/resources/images/icon_bullet_orange.gif) 0px 6px no-repeat; } div#innerContent ul.blogArchive { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type:none; } div#innerContent ul.blogArchive li { padding:0px 0px 10px 14px; margin-left:20px; background:url(/10/resources/images/icon_bullet_orange.gif) 0px 6px no-repeat; } a.externalLinks { background:url("/10/resources/images/external_link.gif") no-repeat scroll right 3px transparent; padding-right:12px; } /** * ActiveKB **/ div.text { line-height:150%; font-size:12px; } .text ul li { padding-bottom:10px; } .InfoList li { padding-bottom:10px; } #mwc div.teaserList ul.abowidget {list-style-type:none;margin:0px} #mwc div.teaserList ul.abowidget li {background:none;padding-left:0px} #mwc ul.abowidget a { background: transparent url('http://news.skppsc.ch/wp-content/themes/skppsc/gfx/icon_socials.png') no-repeat; display: block; padding-left: 25px; line-height: 20px; } #mwc ul.abowidget a.facebook { background-position: 0 1px; } #mwc ul.abowidget a.facebook:hover { background-position: 0 -19px; } #mwc ul.abowidget a.twitter { background-position: 0 -39px; } #mwc ul.abowidget a.twitter:hover { background-position: 0 -59px; } #mwc ul.abowidget a.rss { background-position: 0 -79px; } #mwc ul.abowidget a.rss:hover { background-position: 0 -99px; } #mwc ul.abowidget a.flickr { background-position: 0 -119px; } #mwc ul.abowidget a.flickr:hover { background-position: 0 -139px; } #mwc ul.abowidget a.youtube { background-position: 0 -159px; } #mwc ul.abowidget a.youtube:hover { background-position: 0 -179px; } #mwc ul.abowidget a.xing { background-position: 0 -239px; } #mwc ul.abowidget a.xing:hover { background-position: 0 -259px; } #mwc ul.abowidget a.linkedin { background-position: 0 -279px; } #mwc ul.abowidget a.linkedin:hover { background-position: 0 -299px; } #mwc ul.abowidget a.formspring { background-position: 0 -319px; } #mwc ul.abowidget a.formspring:hover { background-position: 0 -339px; } #mwc ul.abowidget a.newsletter { background-position: 0 -359px; } #mwc ul.abowidget a.newsletter:hover { background-position: 0 -379px; } .linklist ul.abowidgetlinks {list-style-type:none !important;margin:-2px 0px 0px 0px !important} .linklist ul.abowidgetlinks li {background:none !important;padding-left:0px !important;float:left;} .linklist ul.abowidgetlinks a { background: transparent url('http://news.skppsc.ch/wp-content/themes/skppsc/gfx/icon_socials.png') no-repeat; display: block; width:16px;height:20px;padding-right:10px;} .linklist ul.abowidgetlinks a.facebook { background-position: 0 1px; } .linklist ul.abowidgetlinks a.facebook:hover { background-position: 0 -19px; } .linklist ul.abowidgetlinks a.twitter { background-position: 0 -39px; } .linklist ul.abowidgetlinks a.twitter:hover { background-position: 0 -59px; } .linklist ul.abowidgetlinks a.googleplus { background-position: 0 -399px; } .linklist ul.abowidgetlinks a.googleplus:hover { background-position: 0 -419px; } .linklist ul.abowidgetlinks a.xing { background-position: 0 -239px; } .linklist ul.abowidgetlinks a.xing:hover { background-position: 0 -259px; } ul.abowidget a.pinterest { background: transparent url('/10/resources/images/pinterest.png') no-repeat !important; display: block; color:#707070;padding-left: 25px; line-height: 20px; } ul.abowidget a.pinterest:hover { background: transparent url('/10/resources/images/pinterest_hover.png') no-repeat !important; display: block;color:#707070; padding-left: 25px; line-height: 20px; } /* Scroll Bar Master Styling Starts Here */ /* All comments can be freely removed from the css */ .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; } .vscrollerbase { width: 8px; background-color: #DADEE2; } .vscrollerbar { width: 8px; background-color: #F8981D; } .hscrollerbase { height: 8px; background-color: #DADEE2; } .hscrollerbar { height: 8px; background-color: #F8981D; } .scrollerjogbox { width: 8px; height: 10px; top: auto; left: auto; bottom: 0px; right: 0px; background-color: gray; } div#innerContent div.smallTeaserWith2Images div.linklist div { clear:both; width:auto; margin-bottom:12px; } .call2actionTopNavigation { text-align:left !important; padding-left:20px !important; } #notruf_text { z-index:10000000 !important; } #ui-accordion-accordion-panel-0_vscrollerbar { background-color:silver; }