@charset "UTF-8";
/**
 * CSS Base IF5 Framework
 *
 * @site         IF5 Framework
 * @version      0.8.1
 * @date         2009-06-02
 * @package      xhtml-css
 * @author       Danilo Fickert, pitcom GmbH http://www.pitcom.net/
 * @copyright    2009 by the author
 * @cssdoc       version 1.0-pre
 * @valid        yes
 * @lastmodified 2009-10-07 16:00
 */

/**
 * Reset
 *
 * @section      reset
 */

@import url(reset.css);

/**
 * Basics
 *
 * @section      basics
 */

body {
    font: 75% Arial, Helvetica, sans-serif; /** 12px */
    line-height: 1.5; /** without the unit! 18px */
    color: black;
    background: white;
}

hr, caption, .hide {
    display: none;
}

h1, h2, h3, .clear {
    clear: both;
}

a, a:link, a:visited {
    text-decoration: none;
    color: #666;
}

a:focus {
    text-decoration: underline;
}

dt {
    font-weight: bold;
    text-align: right;
    width: 30%;
    margin-bottom: -1.5em;
}

dt:after {
    content: ":";
}

dd {
    width: 60%;
    margin-left: 33%;
}

label {
    float: left;
    width: 10em;
    vertical-align: top;
}

input, select, textarea {
    font-size: inherit;
    font-family: inherit;
    padding: .1em;
    margin: 0;
}

select {
    padding: 0;
}

textarea {
    overflow: auto;
}

/**
 * Header
 *
 * @section      header
 */

#header {
    width: 83em;
    height: 10em;
    padding-right: .833em;
}

#header h1 {
    height: 8em;
    background: #F00;
}

/**
 * Metanavigation
 *
 * @subsection   meta
 */

#meta {
    line-height: 1.9em;
    font-weight: bold;
    width: 83em;
    color: #FFF;
    background: #979797 url(../img/bg-meta.gif) repeat-x left bottom;
    padding-bottom: .1em;
}

#blz {
    float: left;
    width: 14.633em;
    padding-left: 3.7em;
}

#metanav {
    display: inline;
    padding-left: .833em;
}

#metanav li {
    display: inline;
    padding: 0 .4165em;
}

#metanav a {
    color: #FFF;
    padding: 0 .4165em;
}

/**
 * Suche
 *
 * @subsection   search
 */

#search {
    float: right;
    width: 12em;
}

#search p {
    line-height: 1.5em;
}

#search input {
    vertical-align: middle;
    margin-top: .2em;
}

#search .searchfield {
    font-size: .916em;
    width: 9em;
    height: 1.2em;
    padding: 0 .1em;
    margin-right: .4em;
}

/**
 * GSW-Banner
 *
 * @subsection   gsw
 */

#gsw {
    position: absolute;
    left: 18.333em;
    top: 0;
    width: 61.666em;
    height: 5em;
    background: #FFF url(../img/gsw.jpg) no-repeat right top;
    padding: 1.5em;
}

#gsw h3 {
    font-size: 1.5em;
    font-weight: normal;
    color: #666;
}

#gsw a {
    font-size: 1.5em;
    color: #F00;
    background: url(../img/forward.gif) no-repeat left center;
    padding-left: 1.3em;
}

/**
 * Main layout
 *
 * @section      main
 */

#main {
    clear: both;
    width: 83em;
    overflow: hidden;
}

#menu {
    float: left;
    width: 14.8em;
    background: #E9E9E9;
    padding: .833em .833em .833em 2.7em;
}

#content {
    float: left;
    width: 50em;
    padding: .833em 0 .833em .833em;
}

#container {
    float: right;
    width: 13em;
    margin-top: .833em;
}

/**
 * Menu
 *
 * @section      menu
 */

#menu li {
    margin-bottom: 1.5em;
}

#menu a {
    display: block;
    color: #000;
}

#menu li h3 a {
    background: url(../img/bg-nav.gif) no-repeat .1em center;
    padding-left: 1em;
}

#menu li.on h3 a {
    background: url(../img/bg-nav-on.gif) no-repeat left center;
}

#menu li ul {
    margin-top: .3em;
}

#menu li li {
    margin-bottom: 0;
}

#menu li li h4 {
    line-height: 1.3em;
    font-weight: normal;
    background: url(../img/bg-nav-border.gif) repeat-x left bottom;
    padding: 0 0 .2em 1em;
}

#menu li li.on {
    background-color: #F0F0F0;
}

#menu li li.on a, #menu li li.on li.on a {
    font-weight: bold;
}

#menu li li ul {
    margin-top: 0;
}

#menu li li li {
    background: #E9E9E9 url(../img/bg-nav-border.gif) repeat-x left bottom;
    padding-left: 2em;
}

#menu li li.on li a {
    line-height: 1.3em;
    font-weight: normal;
    width: 12em;
    padding-bottom: .2em;
}

/**
 * Content
 *
 * @section      content
 */

#content h2 {
    font-size: 2em;
    line-height: 1.2em;
    font-weight: normal;
    color: #F00;
    margin-bottom: .2em;
}

#content h3 {
    font-size: 1.2em;
    color: #666;
    margin-bottom: .6em;
}

#content p, #content ul, #content ol, #content dl {
    margin-bottom: 1.5em;
}

#content a {
    text-decoration: underline;
    color: #000;
}

#content a:focus {
    text-decoration: underline !important;
}

#content a:hover {
    text-decoration: none;
}

#content ul {
    list-style: square;
}

#content ul.links {
    list-style: none;
    padding-left: 0;
}

#content ul.links li {
    background: url(../img/forward.gif) no-repeat left .2em;
    padding-left: 1.8em;
}

#content ul.links li a {
    text-decoration: none;
    color: #666;
}

#content ol {
    list-style: decimal;
}

#content ul, #content ol {
    padding-left: 1.5em;
}

#content li ul, #content li ol {
    margin-bottom: 0;
}

#content ul.action, #content p.action {
    clear: both;
    list-style: none;
    text-align: right;
    padding-left: 26em;
}

#content ul.action a, #content p.action a {
    display: block;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    color: #F00;
    background: url(../img/forward.gif) no-repeat right center;
    padding: 0 2em 0 1.5em;
    margin: 0 .7em .3em 0;
}

#content ul.action a.prime, #content p.action a.prime {
    line-height: 2.5;
    color: #FFF;
    background: url(../img/bg-primelink-l.png) no-repeat left center;
    padding: 0 0 0 1.5em;
    margin-right: 0;
}

#content ul.action a.prime strong, #content p.action a.prime strong {
    display: block;
    text-align: center;
    background: url(../img/bg-primelink-r.png) no-repeat right center;
    padding: .2em 3.5em 0 0;
}

#content table {
    position: relative;
    left: -.9em;
    width: 49.9em;
    margin-bottom: 1.5em;
}

#content th, #content td {
    background: #F0F0F0;
    padding: .3em .833em;
    border-left: 1px solid #FFF;
}

#content th {
    color: #666;
    background: #F9F9F9;
}

#content dl {
    width: 100%;
}

/**
 * Brotkrumen
 *
 * @subsection   breadcrumbs
 */

#content #breadcrumbs {
    font-size: .833em;
    line-height: 1.8em;
    list-style: none;
    color: #666;
    padding-left: 0;
    margin: -.5em 0 .5em;
}

#content #breadcrumbs li {
    display: inline;
    background: url(../img/bg-nav.gif) no-repeat .2em center;
    padding: 0 .2em 0 1em;
}

#content #breadcrumbs li a {
    text-decoration: none;
    color: #666;
}

#content #breadcrumbs li a:hover {
    text-decoration: underline;
}

/**
 * Homepage
 *
 * @subsection   home
 */

#opener {
    height: 15.166em;
    padding: .75em;
    margin-bottom: .833em;
    overflow: hidden;
}

#opener ul {
    list-style: none;
    padding-left: 0;
}

#opener li {
    background: url(../img/forward.gif) no-repeat left .2em;
    padding-left: 1.8em;
}

#opener li a {
    text-decoration: none;
    color: #666;
}

#opener ul.nolinks {
    list-style: square;
    padding-left: 1.5em;
}

#opener ul.action, #opener p.action {
    padding-left: 13em;
}

#opener ul.nolinks li, #opener ul.action li {
    background: transparent;
    padding-left: 0;
}

#opener ul.nolinks li a {
    text-decoration: underline;
    color: #000;
}

#opener ul.nolinks li a:hover {
    text-decoration: none;
}

#content .op1 {
    background: url(../img/bg-op1.jpg) no-repeat left top;
    padding-left: 14.75em;
}

#content .op2 {
    background: url(../img/bg-op2.jpg) no-repeat right top;
    padding-right: 28em;
}

#content .op3 {
    background: url(../img/bg-op3.jpg) no-repeat right top;
    padding-right: 15em;
}

#content .op1 h2 {
    margin-top: .4em;
}

#content .gafl, #content .gafr, #content .afl, #content .afr {
    line-height: 1.2;
    float: left;
    width: 23.5em;
    padding: .6em .6em .6em .75em;
    overflow: hidden;
}

#content .gafl, #content .gafr {
    height: 15.466em;
    border-bottom: 1px solid #E9E9E9;
}

#content .gafl {
    background: url(../img/bg-afl.jpg) no-repeat left bottom;
    border-right: 1px solid #E9E9E9;
}

#content .gafr {
    background: url(../img/bg-afr.jpg) no-repeat right bottom;
}

#content .gafl, #content .afl {
    clear: both;
    padding-right: .75em;
}

#content .gafl ul, #content .gafr ul {
    list-style: none;
    padding-left: 0;
    margin-top: 2em;
}

#content .gafl li, #content .gafr li {
    line-height: 2.3em;
}

#content .gafl p, #content .gafl ul {
    margin-left: 10em;
}

#content .gafr p, #content .gafr ul {
    margin-right: 10em;
}

#content .gafl a, #content .gafr a, #content .afl a, #content .afr a {
    text-decoration: none;
    color: #666;
    background: url(../img/forward.gif) no-repeat left top;
    padding-left: 1.8em;
}

/**
 * Tabs
 *
 * @subsection   tabs
 */

#content #tabs {
    position: relative;
    z-index: 10;
    line-height: 2;
    list-style: none;
    height: 3em;
    padding-left: 0;
    margin-bottom: -1px;
}

#tabs li {
    float: left;
    background: url(../img/bg-tab-l.gif) no-repeat left .8em;
    margin-top: -1px;
}

#tabs li a {
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
    background: url(../img/bg-tab-r.gif) no-repeat right .8em;
    padding: 1em 1.5em 0;
}

#tabs li strong {
    font-weight: bold;
    padding: 1em 1.5em 0;
}

#tabs li.on {
    background: url(../img/bg-tab-on-l.gif) no-repeat left top;
    margin-top: 0;
}

#tabs li.on a, #tabs li strong {
    display: block;
    color: #444;
    background: url(../img/bg-tab-on-r.gif) no-repeat right top;
}

#tabs li.action {
    background: url(../img/bg-tab-action-l.gif) no-repeat left .8em;
}

#tabs li.action a {
    background: url(../img/bg-tab-action-r.gif) no-repeat right .8em;
}

/**
 * Triptychon
 *
 * @subsection   triple
 */

#triple {
    min-height: 12em;
    height: auto !important; /* min-height for IE6 */
    height: 12em; /* min-height for IE6 */
    background: url(../img/bg-border-rt.gif) no-repeat left -1px;
    border-top: 1px solid #ECECEC;
}

#triple #t1, #triple #t2, #triple #t3 {
    float: left;
    width: 16em;
    border: 1px solid #E9E9E9;
    border-width: 0 1px;
    margin-bottom: 1.5em;
}

#triple #t1 {
    margin-right: .75em;
}

#triple #t3 {
    float: right;
}

#triple h4 {
    height: 3.25em;
    background: url(../img/bg-triple.jpg) no-repeat center;
    padding-top: 3em;
}

#triple h4 span {
    display: block;
    background: url(../img/bg-triple-h.png) repeat left top;
    padding: 0 .833em;
}

#triple ul {
    position: relative;
    z-index: 8;
    list-style: none;
    padding-left: 0;
    margin: 1.5em 0 0;
}

#triple li {
    position: relative;
    z-index: 9;
    padding: 0 .833em .7em;
    background: url(../img/bg-border-lb.gif) no-repeat left bottom;
    margin: .8em 0 -1px -1px;
}

#triple li a {
    display: block;
    text-decoration: none;
    color: #444;
    width: 13.4em;
    background: url(../img/bg-nav.gif) no-repeat left .5em;
    padding-left: .9em;
}

#triple li a strong {
    display: block;
    color: #666;
}

/**
 * Content Frame Box
 *
 * @subsection   box
 */

#frame {
    background: url(../img/bg-border-lb.gif) no-repeat left bottom;
    border: 1px solid #FFF;
    border-left: 0;
    margin-bottom: .833em;
}

#frame #box {
    background: url(../img/bg-border-rt.gif) no-repeat right top;
    padding: 1.666em .833em;
    margin: -1px -1px 1px 1px;
}

#box ul.half {
    float: left;
    width: 42%;
    margin-right: 2%;
}

/**
 * Top-Produkte
 *
 * @subsection   special
 */

#specials {
    width: 100%;
    overflow: hidden;
}

#specials #sptop {
    line-height: 1.2;
    min-height: 12em;
    height: auto !important; /* min-height for IE6 */
    height: 12em; /* min-height for IE6 */
    background: url(../img/bg-sp.jpg) no-repeat left top;
    padding-left: 24.5em;
    margin-bottom: 1.5em;
    overflow: hidden;
}

#specials .spl, #specials .spr {
    line-height: 1.2;
    float: left;
    width: 23.5em;
    padding-top: 1.5em;
    border-top: 1px solid #E9E9E9;
    overflow: hidden;
}

#specials .spl {
    clear: both;
    margin-right: 1em;
}

#specials #sptop h3 a, #specials .spl h3 a, #specials .spr h3 a {
    font-size: .833em;
    color: #000;
    background: transparent;
    padding-left: 0;
}

#specials #sptop a, #specials .spl a, #specials .spr a {
    text-decoration: none;
    color: #666;
    background: url(../img/forward.gif) no-repeat left top;
    padding-left: 1.8em;
}

/**
 * Content Cross-Selling
 *
 * @subsection   cs
 */

#content .csl, #content .csr {
    line-height: 1.2;
    float: left;
    width: 23.5em;
    padding: .6em .6em .6em .75em;
    overflow: hidden;
}

#content .csl {
    clear: both;
    padding-right: .75em;
    border-right: 1px solid #E9E9E9;
}

#content .csl a, #content .csr a {
    text-decoration: none;
    color: #666;
    background: url(../img/forward.gif) no-repeat left top;
    padding-left: 1.8em;
}

/**
 * Iframe
 *
 * @subsection   iframe
 */

#content #iframe {
    width: 770px;
    height: 1000px;
    margin-left: -5px;
}

/**
 * Container
 *
 * @section      container
 */

#container .container {
    background: url(../img/bg-border-lb.gif) no-repeat left bottom;
    border: 1px solid #FFF;
    border-left: 0;
    margin-bottom: .833em;
}

#container .container div {
    font-size: .916em;
    line-height: 1.636em;
    color: #666;
    background: url(../img/bg-border-rt.gif) no-repeat right top;
    padding: 1.1em .9em;
    margin: -1px -1px 1px 1px;
}

#container .container h4 {
    font-size: 1.182em;
    margin-bottom: .7em;
}

#container .container li {
    background: url(../img/forward.gif) no-repeat left .2em;
    padding-left: 1.8em;
    margin-bottom: .3em;
}

#container .container a {
    font-weight: bold;
}

#spendenbarometer {
	overflow: hidden;
	width: 153px;
	margin:0px auto;
	border: 1px solid #E9E9E9;
	margin-top: 10px;
}

/**
 * Contact
 *
 * @subsection   contact
 */

#container #contact h4 {
    font-size: 1em;
    font-weight: normal;
    background: url(../img/bg-contact.png) no-repeat left center;
    padding-left: 3em;
    margin: 0 0 0 -.9em;
}

#container #contact h4 strong {
    font-size: 1.1em;
    display: block;
    margin-top: -.3em;
}

#container #contact ul {
    margin: .9em 0;
}

#container #contact li {
    line-height: 1.8em;
    padding-left: 2.1em;
    margin-bottom: 0;
}

#container #contact a {
    font-weight: normal;
}

#container #contact #cmail {
    background: url(../img/bg-cmail.gif) no-repeat left center;
}

#container #contact #ccall {
    background: url(../img/bg-ccall.gif) no-repeat left center;
}

#container #contact #cloc {
    background: url(../img/bg-cloc.gif) no-repeat left center;
}

#container #contact #ceph {
    background: url(../img/bg-ceph.gif) no-repeat left center;
}

#container #contact #cchat {
    background: url(../img/bg-cchat.gif) no-repeat left center;
}

#container #contact #cnews {
    background: url(../img/bg-cnews.gif) no-repeat left center;
}

#container #contact #price {
    font-size: .91em;
    line-height: 1.3em;
    padding: .6em 1em 0;
    border-top: 1px solid #E9E9E9;
    margin: 0 -1em;
}

/**
 * Footer
 *
 * @section      footer
 */

#footer {
    clear: both;
    width: 50em;
    margin: 0 15.833em 1.5em 19.166em;
}

#footer #service {
    line-height: 1.666em;
    height: 1.666em;
    background: #979797 url(../img/bg-footer.gif) repeat-x left bottom;
    padding-left: .833em;
    margin-bottom: .2em;
}

#footer #service li {
    float: left;
    margin-right: .833em;
}

#footer #service #ftop {
    float: right;
    display: inline;
}

#footer #service a {
    font-weight: bold;
    color: #FFF;
    padding-left: 1.8em;
}

#footer #service #fsend a {
    background: url(../img/bg-fsend.gif) no-repeat left top;
}

#footer #service #fprint a {
    background: url(../img/bg-fprint.gif) no-repeat left top;
}

#footer #service #ftop a {
    background: url(../img/bg-ftop.gif) no-repeat left top;
}

#footer #footernav {
    font-size: .916em;
    line-height: 1.8em;
    text-align: center;
}

#footer #footernav li {
    color: #444;
    display: inline;
}

#footer #footernav a {
    color: #444;
    padding-left: 1em;
    border-left: 1px solid #444;
    margin-left: .7em;
}