/*
Theme Name: SNPC Custom
Theme URI: http://www.klug-newmedia.de/
Description: The default WordPress for SNPC
Version: 1.0
Author: klug new-media
Author URI: http://www.klug-newmedia.de/
Tags: snpc
Text Domain: snpc
*/

/* -----------------------------------------------------------------------
 Blueprint CSS Framework 0.9
 http://blueprintcss.org
   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/*
Our deviations from reset
*/
ol {margin-left: 2em}
#content ul { margin-left: 0 }
#content ul li { list-style-type: none;  background-image: url(images/bullet.png); background-repeat: no-repeat; padding-left: 1em; }
h1 {font-size:2em;margin-bottom:13px; color:#0186d0; font-weight: normal; width: 600px;}
h2 {font-size:1.5em;line-height:1;margin-bottom:13px; color: #7d7b6e; font-weight: normal; width: 500px; }
h3 {font-size:1.2em;line-height:1.2;font-weight:bold;margin-bottom:13px; color: #7d7b6e; font-weight: 600; width: 500px;}
h4, h5, h6 {font-size:1em;font-weight:bold;margin-bottom:1.5em; color: #7d7b6e; font-weight: 600; width: 500px;}
p { width: 500px; }
p.intro { width: 600px; font-size: 16px; line-height: 22px; }
.full { width: 100%; }
img { margin-bottom: 18px; }
img.left, p img.left { float: left; margin: 0.3em 30px 1.2em 0; }
img.right, p img.right { float: right; margin: 0.3em 0 1.2em 30px; }
img.alignleft, p img.alignleft { float: left; margin: 0.3em 30px 1.2em 0; }
img.alignright, p img.alignright { float: right; margin: 0.3em 0 1.2em 30px; }

div.columns p,
div.columns h1, div.columns h2, div.columns h3, div.columns h4, div.columns h5, div.columns h6 { width: 285px; }
div.columns p {  }
div.columns { margin-bottom: 1em; }
div.columns:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

div.left  { width: 315px; float: left; }
div.right { width: 285px; float: left; }
div.dotted { background-image: url(images/vertical-dot-line.png);
  background-repeat: repeat-y; background-position: 295px 0; }

div.reference div.left  { width: 140px; }
div.reference div.right { width: 450px; padding-bottom: 15px; }
div.reference div.right p { width: 450px; }
div.reference div.left img { margin-bottom: 5px; }
div.reference div.left span { margin: 0 0 15px 0; width: 120px; display: block; }

div.partner div.left  { width: 210px; }
div.partner div.right { width: 380px; }
div.partner div.right p { width: 380px; }
div.partner div.left img { margin-bottom: 5px; }
div.partner div.left div { margin: 0 0 15px 0; width: 180px; display: block; }

hr { clear: both; background-image: url(images/dot-line.png); background-repeat: no-repeat;
  height: 4px; margin: 34px 0; background-color: #fff; border: none; color:#fff; _border-bottom: dotted 1px #999; _border-top: dotted 1px #999; }
hr.single { height: 2px; margin: 17px 0; _border-top: none; }
hr.clear { height: 0; margin: 0; border: none; }

body { background-image: url(images/bg.png); background-color: #FFF; background-repeat: repeat-x; color: #2f2f2f; }
#header { width: 901px; margin: 0 auto; height: 150px; }
#header h1 { display: none; }
#footer {
  background-image: url(images/bg-footer.png); background-color: #999;
  background-repeat: repeat-x;  clear:both; height: 39px; 
}
#main { padding: 0; }
#main:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.container { width: 885px; margin: 0 auto; clear: both;  position: relative; }
.column { float: left; }

#left { width: 215px; margin-right: 70px; }
#content { width: 600px; }
a { color: #7dac34; }
a:hover { color: #7dac34 !important; text-decoration: none; }
.metanav, .metanav a { color: #e0ded6; text-decoration: none; font-size: 11px; }
.metanav a { padding: 0 5px; }
#header .metanav a { font-weight: bold; padding: 0 10px; }
.metanav a:hover { color: #fff !important; }
.metanav a.active { color: #b4e568 !important; }

#header .metanav { float: right; margin-right: 8px; margin-top: 20px; }
#logo { display: block; width: 293px; height: 121px; float: left; }
#footer .metanav { float:left; margin-top: 14px; }
#logo_footer { display: block; width: 241px; height: 35px; position: absolute; top: 4px; right: 0px;}

#logo_footer img, #logo img { border: none; }
  
.sidenav ul { list-style-type: none; border-top: dotted gray 1px; margin:0; }
.sidenav ul ul { border: none; margin: 0 0 5px 0; }
.sidenav ul li { border-bottom: dotted gray 1px; font-size: 15px; line-height: 36px; padding: 0 15px; }
.sidenav ul ul li { border: none;  font-size: 14px; padding: 0; line-height: 20px; }
.sidenav ul ul ul li { padding: 0 0 0 20px; }
.sidenav ul a { text-decoration: none; color: #4C4A47; text-transform: uppercase; font-weight: bold; }
.sidenav ul ul a { color: #585653; text-transform: none; font-weight: normal; }  /* level 2 */

/*.sidenav ul ul ul li { color: #585653; text-transform: none; } */  /* level 3 */
.sidenav ul ul ul .current_page_item {
  background-image: url(images/bullet-menu.png); background-repeat: no-repeat; background-position: 13px 7px;
  }  /* level 3, selected */

.sidenav .current_page_ancestor a, .sidenav .current_page_item a { color: #007fc1; }
.sidenav .current_page_ancestor ul a { color: #585653; }  /* level 2 */
.sidenav .current_page_ancestor .current_page_item a,  /* level 2 */
.sidenav .current_page_ancestor .current_page_ancestor a { color: #006292; }
.sidenav .current_page_ancestor .current_page_ancestor ul a { color: #7b7976; }
.sidenav .current_page_ancestor .current_page_ancestor .current_page_item a { color: #006292; }
.sidenav .current_page_item ul a { color: #585653; }
.sidenav .current_page_ancestor .current_page_item ul a { color: #7b7976; }

.sidenav  ul ul,
.sidenav .current_page_item ul ul,
.sidenav .current_page_ancestor ul ul,
.sidenav .current_page_ancestor .current_page_item ul ul,
.sidenav .current_page_ancestor .current_page_ancestor ul ul {
	display: none;
}

.sidenav .current_page_item ul,
.sidenav .current_page_ancestor ul,
.sidenav .current_page_ancestor .current_page_item ul,
.sidenav .current_page_ancestor .current_page_ancestor ul,
.sidenav .current_page_ancestor .current_page_ancestor .current_page_item ul,
.sidenav .current_page_ancestor .current_page_ancestor .current_page_ancestor ul {
	display: block;
}

/* Fader */
#slideshow {
    position:relative;
    height:350px;
    margin-bottom: 18px;
}
#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }


/* Section Navigation */

.section_nav { background-color: #f5f5f5; font-weight: bold; border: solid 1px #eee; padding: 5px 20px; margin-bottom: 30px; }
.with_back { margin-bottom: 7px; }
.ref_back { display: block; text-align: right; font-size: 10px; line-height: 10px; margin-bottom: 22px; width: 100%; }
.ref_back a { color:  rgb(123, 121, 118); }
.menu { position: relative; font-weight: bold; text-align: left; cursor: pointer; }
.menu .label { font-size: 16px; text-decoration: underline; color: #7dac34; padding: 0 5px; }
.menu .punkt { padding-right: 3px; }
.menu .ul { position: absolute; display: none; top: 0; left: 0; padding-top:20px; width: 220px; }
.menu:hover .ul { display: block; }
.menuHover .ul { display: block !important; }
.menu ul { padding-top: 5px; margin: 0; background-color: #fff; border: solid 1px #eee; }
.menu li { font-weight: normal; list-style-type: none; padding: 0 2em 5px 2em; background-image: none !important; color: #7d7b6e; }
.menu a { color: #7d7b6e; text-decoration: none;  }
.menu .current_page_item a, .menu .current-cat a { color: #2f2f2f; }
.sidenav .page-item-107 ul,
.sidenav .page-item-109 ul { display: none !important; }

/* pagination */

ul.paging { list-style: none; padding: 0; font-weight: bold; }
ul.paging li { float: left; margin: 0 6px 6px 0;  background-image: none !important; padding: 0 !important; }
ul.paging li a, ul.paging li.active { display: block; padding: 3px 6px !important; background-color: #f5f5f5; border: 1px solid #ccc; }
ul.paging li.active { background-color: #ccc; border-color: #ccc; color: #000; }

/* sticky footer */
html, body { height: 100%; }
body { margin: 0; padding: 0;}
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 0 -39px 0; padding: 0; width: 100%; }
#inner_wrapper { padding: 0 0 39px 0; }
#footer { height: 39px; overflow: hidden; }
#footer img { margin-bottom: 0; }