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

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

body
{
    background-color: #fff;
    text-align: left;
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    color: Black;
}
ul
{
    list-style-position: outside;
}
a
{
    color: #343FA6;
    text-decoration: none;
}
a:hover
{
    color: #FF0000;
}
html > body #container
{
    height: auto;
    min-height: 100%;
}

* html #container
{
    height: 100%;
}
#container
{
    position: relative;
    width: 990px;
    background-position: left top;
    background-image: url(../images/hg-container.gif);
    background-repeat: repeat-y;
}
#container-wrap 
{
    padding-bottom:77px;
    }
#links
{
    width: 170px;
    float: left;
}
#rechts
{
    float: left;
}
/*Hauptmenu*/
#menu 
{
    margin-bottom:20px;
    }
#menu ul
{
    list-style-type:none;
    list-style-position:outside;
    border-bottom: solid 1px #fff;
    }
#menu ul a,  #menu ul a:hover, #menu ul a.act, #menu ul a:hover.act
{
    display:block;
    padding-left: 30px;
    padding-top:2px;
    padding-right:5px;
    padding-bottom:2px;
    color:#343FA6;
    text-decoration:none;
    background-image: url(../images/kn-menu-1l.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #99CDFF;
    border-top: solid 1px #fff;
    line-height:16px;
    }
html > body #menu ul a
{
    min-height: 16px;
    width:135px;
}

* html #menu ul a
{
    height: 22px;
    width:170px;
}
#menu ul a:hover, #menu ul a.act, #menu ul a:hover.act, #menu ul a:hover#letzt
{
    background-image: url(../images/kn-menu-1l-a.jpg);
    background-color:#C2FFF5;
    }
#menu ul ul
{
    background-color: #99CDFF;
    border-top: solid 1px #fff;
    border-bottom: 0;
    padding-bottom:5px;
    width:170px;
    }
#menu ul ul li
{
    padding:1px 5px 1px 13px;
    voice-family:"\"}\"";  /* с этих пор игнорирует IE 5.x последующие записи */
    voice-family :inherit;
    padding:1px 5px 1px 30px;
    }
#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:#343FA6;
    text-decoration:none;
    background-image: url(../images/kn-menu-2l.jpg);
    background-position: 0 2px;
    background-color: Transparent;
    line-height:16px;
    margin-bottom: 0;
    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:125px;
}

* html #menu ul ul a
{
    height: 16px;
    width:118px;
}
/*Zulassungszeichen*/
#zulassungszeichen-wrap 
{
    text-align:center;
    color:#ff0000;
    }
#zulassungszeichen 
{
    width:155px;
    margin: 0 auto;
    }
#tuev-wrap 
{
    margin-top:15px;
    position:relative;
    width:155px;
    height:100px;
    }
/*Header*/
#header
{
    margin-left: 0px;
    padding-left: 30px;
    width: 780px;
    height: 100px;
    background-color: #99CcFF;
    background-position: left top;
    background-image: url(../images/hg-header.jpg);
    background-repeat: repeat-y;
}
html > body #header
{
    width: 780px;
}

* html #header
{
    width: 820px;
}
#header-container
{
    float: left;
    margin-top: 12px;
    text-align: left;
}
#header-container img
{
    margin-right: 7px;
}
#header-container form
{
    margin-top: 10px;
}
#header-container input#suche
{
    height: 18px;
    width: 165px;
    margin-top: 3px;
    margin-right: 7px;
    border: solid 1px #C2FFF5;
    vertical-align: middle;
    color: #343FA6;
}
* html #header-container input#suche
{
    height: 20px;
    width: 167px;
}
#header-container input#such-kn
{
    height: 20px;
    margin-top: 3px;
    width: 26px;
    vertical-align: middle;
}
#logo
{
    width: 250px;
    height: 100px;
    float: right;
}
/*Inhalt-Bereich*/
#content-wrap
{
    margin-left: 30px;
    margin-top: 30px;
}
#inhalt
{
    float: left;
}
#inhalt h1, #inhalt h2, #inhalt h3, #inhalt h4, #inhalt h5
{
    color: #343FA6;
    font-size: 22px;
    margin-bottom: 15px;
}
#inhalt h2
{
    font-size: 18px;
    margin-bottom: 10px;
}
#inhalt h3, #inhalt h4, #inhalt h5
{
    font-size: 16px;
    margin-bottom: 10px;
}
#inhalt ul, #inhalt p
{
    font-size: 13px;
    margin-bottom: 10px;
    line-height:18px;
}
#inhalt ul
{
    margin-left:20px;
}
#inhalt ul ul
{
     margin-bottom: 0px;
}
#inhalt p.align-right
{
    text-align:right;
}
.csc-textpic-caption 
{
    color:#ff0000;
    line-height:25px;
    }
* html #inhalt td
{
  padding-left:10px;
  padding-top:5px;
  }
*:first-child+html #inhalt td
{
  padding-left:10px;
  padding-top:5px;
  }
/*Preise*/
#inhalt-table table, table.prod
{
    margin-top:20px;
    border: solid 1px #C2FFF5;
    border-collapse: separate;
    empty-cells: hide;
    width:100%;
    }
#inhalt-table td, table.prod td
{
    border: solid 1px #C2FFF5;
    padding: 2px 3px;
    }
#inhalt-table p, table.prod p
{
    margin-bottom:0;
    }
/*tt_produkte*/
#tx-ttproducts-pi1-tracking input
{
	border: solid 1px #C2FFF5;
	padding:2px;
	margin-top:10px;
	margin-bottom:10px;
}
#tx-ttproducts-pi1-list img 
{
    margin:0 10px 10px 0;
    float:left;
    }
#tx-ttproducts-pi1-list p 
{
    clear:left;
    }
#inhalt #cat-list ul 
{
    list-style-type:none;
    margin-left:0;
    }
#inhalt #cat-list ul li a
{
    display:block;
    padding:10px;
    border: solid 1px #C2FFF5;
    }
/*SmoothGallery*/
div.rgsgcontent 
{
    background-color:Transparent;
    }
#inhalt div.rgsgcontent h2
{
    font-size:15px;
    font-weight:normal;
    text-align:center;
    line-height:35px;
    color:Black;
    }
/*Search*/
#inhalt .tx-indexedsearch td 
{
    padding: 5px;
    }
#inhalt .tx-indexedsearch input, #inhalt .tx-indexedsearch select, #inhalt .tx-indexedsearch textarea
{
    border: solid 1px #C2FFF5;
    background-color:#fff;
    height:18px;
    line-height:18px;
    vertical-align:middle;
    margin-bottom:4px;
    font-family: Arial, Sans-Serif;
    font-size:13px;
    }
#inhalt input.tx-indexedsearch-searchbox-button
{
    border: solid 1px #C2FFF5;
    height:auto;
    padding:3px 10px;
    color:Red;
    font-weight:bold;
    background-color:#fff;
    }
/*Kontakt-Formular*/
#inhalt div.tx-bbsimplecontact-pi1 
{
    width:550px;
    }
#inhalt form#tx-bbsimplecontact-pi1-form fieldset 
{
    padding:0 15px 15px 15px;
    border: solid 1px #C2FFF5;
    background-color: #fff;
    margin-bottom:10px;
    }
#inhalt form#tx-bbsimplecontact-pi1-form legend 
{
    border: solid 1px #C2FFF5;
    background-color: #fff;
    color: #343FA6;
    font-weight:bold;
    padding: 3px 7px;
    margin:2px 0 9px 0;
    }
#inhalt form#tx-bbsimplecontact-pi1-form label.error 
{
    color: red;
    }
#inhalt form#tx-bbsimplecontact-pi1-form input, #inhalt form#tx-bbsimplecontact-pi1-form select, #inhalt form#tx-bbsimplecontact-pi1-form textarea, #inhalt form#registrationForm input, #inhalt form#registrationForm select, #inhalt form#registrationForm textarea, #inhalt form#pp input
{
    border: solid 1px #C2FFF5;
    background-color:#fff;
    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:100px;
    }
#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 #C2FFF5;
    background-color: #FFF;
    color: #ff0000;
    font-weight:bold;
    }
/*Inhalt-Bereich-rechts*/
#bereich-wrap
{
    float: left;
    width: 240px;
}
.bereich-r
{
    margin-left: 20px;
    margin-bottom:20px;
    padding: 10px;
    background-color: #99CcFF;
    /*background-position: left top;
    background-image: url(../images/hg-bereich-r.jpg);
    background-repeat: repeat-y;*/
    color: #343FA6;
}
.bereich-r p
{
    text-align:center;
    margin-bottom: 10px;
}
.bereich-r form
{
    margin-top: 7px;
    text-align:center;
}
.bereich-r form select
{
    border: solid 1px #C2FFF5;
}
.bereich-r table 
{
    border: solid 1px #C2FFF5;
    width:180px;
    margin:10px auto 10px auto;
    border-collapse:collapse;
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    color: #343FA6;
    }
.bereich-r td 
{
    border: solid 1px #C2FFF5;
    padding:2px;
    text-align:left;
    }
.bereich-r .kl-header 
{
    color:#ff0000;
    font-weight:bold;
    }
.bereich-r ul 
{
    margin-left:10px;
    padding: 0 10px 0 20px;
    list-style-type:circle;
    margin-bottom:10px;
    }
/*Fuß*/
#footer
{
    height: 27px;
    width: 990px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    padding-bottom: 5px;
    padding-left: 190px;
}
html > body #footer
{
    width: 790px;
}

* html #footer
{
    width: 980px;
}
#footer p
{
    height: 22px;
    line-height: 22px;
    vertical-align:middle;
}
#footer img
{
    vertical-align:middle;
}
.clear
{
    clear: both;
}
