*
{
    margin: 0;
    padding: 0;
    border: 0;
}

html
{
    overflow: auto;
}

html, body
{
    height: 100%; /* все предки #container должны иметь высоту */
}

body
{
    background-color: #fff;
    font-family: Arial, Sans-Serif;
    font-size:13px;
    color: Black;
    text-align:center;
}

html > body #container
{
    height: auto;
    min-height: 100%;
}

* html #container
{
    height: 100%;
}
.mail, .mail:hover, #inhalt li a, #inhalt li a:hover, #inhalt a.external-link
{
    font-family: Arial, Sans-Serif;
    font-size:13px;
    color: Black;
    text-decoration: none;
    }
.mail:hover, #inhalt li a:hover, #inhalt a.external-link:hover
{
    color: #ED0F0F;
    text-decoration: none;
    }

#container
{
    position: relative;
    width:950px;
    margin:0 auto;
    background-color: #C6D4E2;
    background-image: url(../images/hg-content.jpg);
    background-position: 223px bottom;
    background-repeat: no-repeat;
}
/*Header*/
#header
{
    height: 225px;
    width:950px;
    margin:0 auto;
    overflow:hidden;
    background-image: url(../images/hg-body.gif);
    background-position: top left;
    background-repeat: repeat-x;
}
#head-wrap-1
{
    height: 67px;
    text-align:left;
    /*border-left: solid 2px #C6D4E2;
    border-right: solid 2px #C6D4E2;*/
    overflow:hidden;
}
html > body #head-wrap-1
{
    width:950px;
}

* html #head-wrap-1
{
    width:950px;
}
#head-wrap-1 p, #head-wrap-1 p#menu2
{
    height: 20px;
    width:280px;
    margin-top:40px;
    margin-left:0px;
    line-height:20px;
    font-family: Arial, Sans-Serif;
    font-size:13px;
    color: Black;
    font-weight:normal;
}
#head-wrap-1 p#menu2
{
    width:411px;
    margin-left:22px;
    }
#head-wrap-1 a, #head-wrap-1 a:hover, #head-wrap-1 a.act, #head-wrap-1 a.act:hover 
{
    color: Black;
    text-decoration:none;
    }
#head-wrap-1 a:hover, #head-wrap-1 a.act, #head-wrap-1 a.act:hover 
{
    color: #ED0F0F;
    text-decoration:none;
    }
#head-wrap-1 form
{
    margin-top:15px;
    line-height:20px;
}
#head-wrap-1 input#suche
{
    border: solid 1px #d2d2d2;
    width:173px;
    margin:0 10px 0 0;
    vertical-align:middle;
}
html > body #head-wrap-1 input#suche
{
    height: 18px;
}

* html #head-wrap-1 input#suche
{
    height: 20px;
}
#head-wrap-1 input#such-kn
{
    height: 20px;
    width:26px;
    margin:0 0 0 0;
    vertical-align:middle;
}
#head-wrap-2
{
    width:950px;
    height: 158px;
    overflow:hidden;
}
/*Content*/

/*Hauptmenu*/
#menu 
{
    float: left;
    width:200px;
    text-align:left;
    }
#menu ul
{
    list-style-type:none;
    }
#menu ul li
{
    margin-bottom: 7px;
    }
#menu ul a,  #menu ul a:hover, #menu ul a.act, #menu ul a:hover.act
{
    display:block;
    padding-left: 20px;
    color:Black;
    text-decoration:none;
    background-image: url(../images/kn-menu-1l.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #C8D5E3;
    border: solid 1px #fff;
    padding-top:2px;
    padding-right:3px;
    padding-bottom:2px;
    line-height:16px;
    }
html > body #menu ul a
{
    min-height: 16px;
    width:135px;
}

* html #menu ul a
{
    height: 22px;
    width:160px;
}
#menu ul a:hover, #menu ul a.act, #menu ul a:hover.act
{
    background-image: url(../images/kn-menu-1l-a.jpg);
    background-color:#7D91aa;
    }
#menu ul ul
{
    background-color: #D9E2EC;
    padding-bottom:5px;
    width:160px;
    margin-bottom: -7px;
    }
#menu ul ul li
{
    padding:1px 3px 1px 0px;
    margin:0;
    voice-family:"\"}\"";
    voice-family:inherit;
    padding:1px 3px 1px 10px;
    }
#menu ul ul a,  #menu ul ul a:hover, #menu ul ul a.act, #menu ul ul a:hover.act
{
    display: block;
    padding-left: 10px;
    color:Black;
    text-decoration:none;
    background-image: url(../images/kn-menu-2l.jpg);
    background-position: 0 2px;
    background-color: Transparent;
    line-height:16px;
    border:0;
    }
#menu ul ul a:hover, #menu ul ul a.act, #menu ul ul a:hover.act
{
    color:#ED0F0F;
    background-image: url(../images/kn-menu-2l-a.jpg);
    }
html > body #menu ul ul a
{
    min-height: 16px;
    width:138px;
}

* html #menu ul ul a
{
    height: 16px;
    width:146px;
}
/*Inhalt*/
#inhalt, #inhalt-produkte
{
    float: left;
    width:646px;
    text-align:left;
    line-height:18px;
    }
#inhalt h1, #inhalt-produkte h1
{
    color: #ED0F0F;
    font-size:22px;
    margin: 0 0 25px 0;
    }
#inhalt h2, #inhalt h3, #inhalt-produkte h2, #inhalt-produkte h3
{
    color: #ED0F0F;
    font-size:18px;
    font-weight:normal;
    margin: 0 0 20px 0;
    font-family: Arial, Sans-Serif;
    }
#inhalt h4, #inhalt h5, #inhalt-produkte h4, #inhalt-produkte h5
{
    color: #ED0F0F;
    font-size:13px;
    margin: 0 0 15px 0;
    font-family: Arial, Sans-Serif;
    }
#inhalt p, #inhalt-produkte p
{
    margin: 0 0 10px 0;
    }
#inhalt p b, #inhalt p strong, #inhalt-produkte p b, #inhalt-produkte p strong
{
    color: #ED0F0F;
    }
#inhalt ul, #inhalt-produkte ul
{
    list-style-position:inside;
    margin-bottom:15px;
    }
#inhalt a.internal-link, #inhalt a.external-link-new-window, #inhalt a:hover.internal-link, #inhalt a:hover.external-link-new-window, #inhalt a.download, #inhalt a:hover.download, #inhalt .news-latest-item a, #inhalt .news-latest-item a:hover, #inhalt .news-single-backlink a, #inhalt .news-single-backlink a:hover, #inhalt-produkte a.internal-link, #inhalt-produkte a:hover.internal-link, #inhalt .news-single-item a.mail
{
    color: #ED0F0F;
    text-decoration:none;
    }
    
#inhalt .tx-indexedsearch a, #inhalt .tx-flseositemap-pi1 ul.list a
{
    color: #ED0F0F;
}
     
#inhalt a:hover.internal-link, #inhalt a:hover.external-link-new-window, #inhalt a:hover.download, #inhalt .news-latest-item a:hover, #inhalt .news-single-backlink a:hover, #inhalt-produkte a:hover.internal-link, #inhalt .tx-flseositemap-pi1 ul.list a:hover, #inhalt .news-single-item a:hover.mail
{
    color: #42549E;
    }
    
 #inhalt .tx-indexedsearch a:hover
{
     color: #42549E;
     text-decoration:none;
}
    
/*Sitemap*/
#inhalt .tx-flseositemap-pi1 ul.list 
{
    list-style-type: circle;
    color: #ED0F0F;
    }
#inhalt .tx-flseositemap-pi1 ul ul 
{
    margin-left:45px;
    margin-bottom:0;
    }
#inhalt .tx-flseositemap-pi1 li
{
    margin-bottom:3px;
    }
/*Produkte Übersicht*/
#inhalt-produkte .csc-textpic-intext-left, #inhalt-produkte .csc-textpic-intext-left-nowrap, #inhalt .news-latest-item, #inhalt form#tx-bbsimplecontact-pi1-form fieldset
{
    border: solid 1px #fff;
    background-color: #C9D6E4;
    background-image: url(../images/hg-inhalt-block.jpg);
    background-position: 0 0;
    background-repeat:repeat-x;
    margin:0 0 25px 0;
    padding:0;
    }
#inhalt-produkte .csc-textpic-text h2, #inhalt-produkte .csc-textpic-text h3, #inhalt-produkte .csc-textpic-text h4, #inhalt-produkte .csc-textpic-text h5
{
    font-size: 17px;
    font-weight:bold;
    margin-bottom:7px;
    font-style: normal;
    color:Black;
    }
#inhalt-produkte .csc-textpic-text
{
    padding:15px 20px 15px 0;
    margin:0;
    }
* html #inhalt-produkte .csc-textpic-text
{
    height: 130px;
}
html > body #inhalt-produkte .csc-textpic-text
{
    min-height: 100px;
}
#inhalt-produkte .csc-textpic-imagewrap
{
    height:130px;
    width:268px;
    overflow:hidden;
    margin:0;
    padding:0;
    }
/*Einzelne Produkt*/
#inhalt-produkte .csc-textpic-intext-left-nowrap .csc-textpic-text
{
    padding:25px 20px 25px 0;
    margin:0;
    }
* html #inhalt-produkte .csc-textpic-intext-left-nowrap .csc-textpic-text
{
    height: 250px;
}
html > body #inhalt-produkte .csc-textpic-intext-left-nowrap .csc-textpic-text
{
    min-height: 200px;
}
#inhalt-produkte .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap
{
    height:250px;
    width:250px;
    overflow:hidden;
    margin:0;
    padding:0;
    }
/*tt-news*/
#inhalt .news-latest-item, #inhalt form#tx-bbsimplecontact-pi1-form fieldset  {
    padding:15px;
    }
#inhalt .news-latest-item h3 
{
    font-size:16px;
    margin-bottom:10px;
    }
/*Kontakt-Formular*/
#inhalt form#tx-bbsimplecontact-pi1-form fieldset 
{
    background-image:none;
    background-color:Transparent;
    padding:0 15px 15px 15px;
    }
#inhalt form#tx-bbsimplecontact-pi1-form legend 
{
    border: solid 1px #fff;
    background-color: #C9D6E4;
    color: #ED0F0F;
    font-weight:bold;
    padding: 3px 7px;
    margin:2px 0 9px 0;
    }
#inhalt form#tx-bbsimplecontact-pi1-form input, #inhalt form#tx-bbsimplecontact-pi1-form select, #inhalt form#tx-bbsimplecontact-pi1-form textarea
{
    border: solid 1px #fff;
    background-color: #C9D6E4;
    height:18px;
    width:348px;
    line-height:18px;
    vertical-align:middle;
    margin-bottom:4px;
    font-family: Arial, Sans-Serif;
    font-size:13px;
    }
* html form#tx-bbsimplecontact-pi1-form input, * html form#tx-bbsimplecontact-pi1-form textarea
{
    width:350px;
}
#inhalt form#tx-bbsimplecontact-pi1-form select
{
    width:350px;
    height:20px;
    }
#inhalt form#tx-bbsimplecontact-pi1-form select.salutation 
{
    width:60px;
    }
* html #inhalt form#tx-bbsimplecontact-pi1-form select
{
    height:18px;
    border:0;
}
* html #inhalt form#tx-bbsimplecontact-pi1-form select.salutation 
{
    width:58px;
}
#inhalt form#tx-bbsimplecontact-pi1-form textarea
{
    height:50px;
    }
#inhalt form#tx-bbsimplecontact-pi1-form input.radio 
{
    border:0;
    margin-right: 5px;
    width:25px;
    height:13px;
    }
#inhalt form#tx-bbsimplecontact-pi1-form button 
{
    margin-top:5px;
    margin-bottom:15px;
    padding: 5px 10px;
    border: solid 1px #fff;
    background-color: #C9D6E4;
    color: #ED0F0F;
    font-weight:bold;
    font-family: Arial, Sans-Serif;
    }
/*Such-Formular*/
#inhalt .tx-indexedsearch input, #inhalt .tx-indexedsearch select, #inhalt .tx-indexedsearch textarea
{
    border: solid 1px #fff;
    background-color: #C9D6E4;
    line-height:18px;
    vertical-align:middle;
    margin-bottom:4px;
    font-family: Arial, Sans-Serif;
    }

#inhalt .tx-indexedsearch input.submit
{
    border: solid 1px #fff;
    background-color: #C9D6E4;
    color: #ED0F0F;
    font-weight:bold;
    font-family: Arial, Sans-Serif;
    }
    
/*Fuß*/
#footer
{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 93px;
    width: 100%;
    text-align: center;
}
#footer div
{
    position:relative;
    width:950px;
    margin-left:auto;
    margin-right:auto;
    padding-top:60px;
    background-image: url(../images/hg-footer.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
}
html > body #footer div
{
    height: 33px;
}

* html #footer div
{
    height: 93px;
}
#footer img
{
    position: absolute;
    right:0px;
    top:-145px;
}
#footer div p
{
    line-height:18px;
    text-align: center;
}
.clear 
{
    clear:both;
    }