* {
	margin: 0;
    padding: 0;
    }

body {
    text-align: center;
    /*background-color: #3c71b9;*/
    background:#edecf1 url(../bilder/bodyHgKettermann.jpg) left top  repeat-x fixed;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

#container {
    width: 883px;
	margin: 1px auto;
	padding: 0;
	text-align:left;
}

#header {
	margin: 0;
	padding: 0;
    width: 883px;
    height: 138px;
    background: #ccc url(../bilder/headerKettermann.jpg) left top no-repeat;
}

#naviDiv {
	margin: 0 2px 0 2px;
	padding:0 0 19px 0;
	width:877px;
	height:28px;
	border-left:1px solid #8f9495;
	border-right:1px solid #8f9495;
	background: #ccc url(../bilder/navidivHg.gif) left top repeat-x;
}

#topNavi {
    margin:  0;
    padding: 10px 0 0 0;
	font: normal 75%/16px Arial, Helvetica, sans-serif;
	/*color: #f9fbfb;*/
   /* width: 719px;
    height: 57px;*/
}


    #topNavi ul {
        margin:0 0 0 7px;
        padding: 0 0 0 0;
        list-style-type: none;
        /*float: left;*/
        /*width: 650px;*/
    }

   		 #topNavi ul li {
            display: inline;
            float: left;
            padding: 0;
            margin: 0;
            color:#f9fbfb;
        }

            #topNavi ul li a,  #topNavi ul li a:link, #topNavi ul li a:visited {
                display: block;
               /* width: 97px; /*insbesondere für mac ie*/
                margin:0;
                padding:1px 0 1px 0;
                text-align:center;
                text-decoration: none;
              	color:#1b3f7c;
              	/*border:1px solid #256123;*/
            }

			#topNavi ul li a.start, #topNavi ul li a:link.start, #topNavi ul li a:visited.start {
				text-align: left;
                width:70px;
                overflow:hidden;
            }

            #topNavi ul li a.schuhe {
                width:94px;
            }

            #topNavi ul li a.bekleidung {
                width:105px;
            }

            #topNavi ul li a.zubehoer {
                width:92px;
            }

            #topNavi ul li a.bestellf {
                width:129px;
            }

            #topNavi ul li a.kontakt {
                width:88px;
            }

            #topNavi ul li a.service {
                width:83px;
            }

			#topNavi ul li a.anfahrt {
                width:84px;
            }

            #topNavi ul li a.agb, #topNavi ul li a:link.agb, #topNavi ul li a:visited.agb {
                width:116px;
			 	text-align: right;
            }

       		#topNavi ul li.chosen a, #topNavi ul li.chosen a:link, #topNavi ul li.chosen a:visited{
                /*text-decoration: underline;*/
                font-weight:bold;
            }

#ausklappmenue{
	position:absolute;
	top:171px;
	float:left;
	width:830px;
	height: 14px;
    margin:  0px 0 0 17px;
    padding: 0 0 1px 8px;
	border-bottom:1px solid #96abb6;
	border-right:1px solid #96abb6;
	text-align:center;
	overflow:hidden;
	visibility: hidden;
}

#ausklappmenue p{
	font: normal 12px/13px Arial, Helvetica, sans-serif;
	color: #535352;
}

#innercontainer {
	width:877px;
	margin: 0 2px 0 2px;;
	border-left:1px solid #8f9495;
	border-right:1px solid #8f9495;
	background: #e1e5e6 url(../bilder/inhaltHgKettermann.jpg) left top repeat-x;
}

#linkeSpalte {
	float:left;
	width: 289px;
	margin: 0 0 0 0;
	padding: 0 6px 0 7px;
}

    #linkeSpalte p {
        margin: 4px 4px 8px 12px;
        font: normal 74%/17px Arial, Helvetica, sans-serif;
        color:#282c35;
    }

    #linkeSpalte h1 {
        margin: 8px 15px 10px 12px;
        font: normal 105%/20px Arial, Helvetica, sans-serif;
        color:#282e3c;
    }

    #linkeSpalte ul {
        margin: 4px 4px 8px 31px;
        font: normal 75%/18px Arial, Helvetica, sans-serif;
        color:#282c35;
            list-style-type:circle;
        /*background-color:#5de723;*/
    }

	#linkeSpalte a, #linkeSpalte a:link, #linkeSpalte a:visited{
		color: #982e19;
		font-weight:bold;
		text-decoration:underline;
	}

	#weisseBox1Start {
		padding: 7px 0 0 3px;
		margin: 0;
		height: 29px;
		background: url(../bilder/weisseBoxStart1.gif) left top no-repeat;
		/*border: 1px solid #123289;*/
	}

        #weisseBox1Start h1, #weisseBox1Start p {
            padding: 0 0 7px 2px;
            margin: 0;
            color: #97680f;
            font: bold 90%/13px Arial, Helvetica, sans-serif;
        }

	#weisseBox {
		padding: 4px 0 3px 2px;
		margin: 0 18px 3px 1px;
		background-color: #fbfcfc;
		border-right: 1px solid #96abb6;
		border-bottom: 1px solid #96abb6;
	}

	    #weisseBox.mb0 {
            margin-bottom: 0;
        }

	#weisseBox2{
		padding: 5px 0 3px 2px;
		margin: 4px 18px 0 1px;
		background-color: #fbfcfc;
		border-right: 1px solid #96abb6;
		border-top: 1px solid #96abb6!important;
	}

		#weisseBox h1 {
			padding: 0 0 0 21px;
			background: url(../bilder/headlineDeko3.gif) left center no-repeat;
		 	font: bold 80%/17px Arial, Helvetica, sans-serif;
            margin: 8px 7px 5px 7px;
            color: #535352;
     	}

		#weisseBox h1.ersteZeile {
            margin: 0 7px 5px 7px;
     	}

	    #weisseBox p {
	    	font: normal 75%/17px Arial, Helvetica, sans-serif;
            margin: 3px 7px 0 7px;
            color: #535352;
     	}

        #weisseBox p.keinAbsatz {
            margin-top: 0;
        }

 		#weisseBox p.oez {
            margin: 2px 7px 1px 30px;
     	}

		#weisseBox ul, #weisseBox2 ul {
	    	font: normal 75%/18px Arial, Helvetica, sans-serif;
            margin: 4px 7px 8px 31px;
            color: #535352;
            list-style-image:url(../bilder/listenDeko2.gif);
     	}

		#weisseBox ul li, #weisseBox2 ul li {
			padding-left:2px;
     	}

		#weisseBox ul.ppalette {
            margin: 8px 7px 12px 27px;
     	}

		/*#weisseBox ul.ppalette li {
            padding-bottom:4px;
     	}*/

 		#weisseBox ul.ppalette li a, #weisseBox ul.ppalette li a:link, #weisseBox ul.ppalette li a:visited {
            color:#1b3f7c;
     	}

 		#weisseBox ul li.chosen2, #weisseBox2 ul li.chosen2 {
           list-style-image:url(../bilder/listenDeko.gif);
     	}

 		#weisseBox ul li.chosen2 a, #weisseBox2 ul li.chosen2 a {
 			text-decoration:none;
            color:#97680f;
     	}

	#weisseBoxEnde {
		padding: 0 0 10px 2px;
		margin: -3px 0 0 0;
		height: 28px;
		background: url(../bilder/weisseBoxEnde2.jpg) left top no-repeat;
		/*border: 1px solid #123289;*/
	}

	#suchform{
		padding: 0 !important;
		height: 29px !important;
    }

    #suchdiv{
		padding: 0 0 0 8px;
		margin: 0 18px 0 1px;
		height:28px;
		position:relative;
		background-color: #fbfcfc;
		border-top: 1px solid #96abb6;
		border-right: 1px solid #96abb6;
		border-bottom: 1px solid #96abb6;
    }

  	#suchdiv p.keinAbsatz{
        margin-top: 0;
    }

    #suchdiv p {
	    	font: normal 75%/17px Arial, Helvetica, sans-serif;
            margin: 0 0 0 7px;
            padding-top:5px;
            color: #535352;
     	}

  .submstyle3{
    width:68px;
    height:20px;
    padding-bottom:2px;
    font: bold 94%/18px Arial, Helvetica, sans-serif;
    color: #982e19;
    background-color:#e9edf0;
    vertical-align:middle;
	border: 1px solid #96abb6;
	/*margin:0;*/
	position:absolute;
	top:4px;
	left:198px;
 }

  .inpstyle{
    width:82px !important;
    height:18px !important;
    padding:0 !important;
	border: 1px solid #97680f;
    font: normal 90%/16px Arial, Helvetica, sans-serif;
	/*margin:0 0 0 16px;*/
	position:absolute;
	top:4px;
	left:109px;
 }

#rechteSpalte {
	margin: 0 0 0 302px;
	padding: 9px 7px 5px 0;
	width: 567px;
}

    #rechteSpalteScrollen {
    	position:relative;
        height:448px;
        overflow:auto;
        margin: 0 0 0 0;
        width:568px;
        padding: 0 3px 5px 0 !important;
           /*background-color: #324698;  */
          scrollbar-face-color:#dfeef1;
          scrollbar-track-color: #eee5cc;
          scrollbar-arrow-color:#96abb6;
          scrollbar-highlight-color:#dfeef1;
          /*scrollbar-base-color:#cdd8bc;*/
          scrollbar-shadow-color:#96abb6;
          scrollbar-3dlight-color:#a5b0a3;
         /*scrollbar-darkshadow-color:#96a194;*/
    }


	.la3 {
		position:absolute;
		margin-left:114px;
		margin-top: 171px;
		font: bold 13px/17px Arial, Helvetica, sans-serif;
        color: #982e19;
		width:68px;
	}

	.la2 {
		position:absolute;
		margin-left:195px;
		margin-top: 168px;
		font: bold 13px/17px Arial, Helvetica, sans-serif;
        color: #982e19;
		width:68px;
	}

	.pr{
		position:relative!important;
		}


    #rechteSpalteScrollen.short{
    	height: 408px;
    }

    #rechteSpalte p, #rechteSpalteScrollen p{
        margin: 4px 0 0 0;
        font: normal 74%/18px Arial, Helvetica, sans-serif;
        color:#282c35;
    }

    #rechteSpalte p.keinAbsatz, #rechteSpalteScrollen p.keinAbsatz {
        margin-top: 0;
    }

    #rechteSpalte ul, #rechteSpalteScrollen ul {
        margin: 4px 0 8px 12px;
        font: normal 74%/17px Arial, Helvetica, sans-serif;
        color:#282c35;
    }

    #rechteSpalteScrollen ul.ankermenue{
		font: normal 74%/19px Arial, Helvetica, sans-serif;
    	margin: 7px 3px 14px 25px;
    }

    #rechteSpalteScrollen ul.ankermenueL{
		font: normal 74%/19px Arial, Helvetica, sans-serif;
    	margin: 7px 3px 14px 19px;
    }

    #rechteSpalteScrollen ul.ankermenueR{
    	float:right;
		font: normal 74%/19px Arial, Helvetica, sans-serif;
    	margin: 7px 3px 0 15px;
    }

	#rechteSpalteScrollen ul.ankermenue li, #rechteSpalteScrollen ul.ankermenueR li, #rechteSpalteScrollen ul.ankermenueL li{
		padding-left: 3px;
		list-style-image: url(../bilder/listenDeko3.gif);
	}

    #rechteSpalte h1, #rechteSpalteScrollen h1 {
        font: bold 105%/21px Arial, Helvetica, sans-serif;
        color:#1b3f7c;
        /*background: #f5f9fa url(../bilder/headlineDeko2.gif) left center repeat-x;*/
    }

        #rechteSpalte h1.ar,  #rechteSpalteScrollen h1.ar{
            text-align:right;
            border-bottom: 1px solid #97680f;
            margin: 0 0 8px 2px;
        }

        #rechteSpalte h1.ar2, #rechteSpalteScrollen h1.ar2 {
            text-align:right;
            border-bottom: 1px solid #97680f;
            margin: 0 0 8px 2px;
            padding-top:9px;
        }

        #rechteSpalte h1.ar span, #rechteSpalteScrollen h1.ar span, #rechteSpalte h1.ar2 span, #rechteSpalteScrollen h1.ar2 span {
            padding:2px 0 0 25px;
            background: url(../bilder/headlineDeko2.gif) left center no-repeat;
        }

    #rechteSpalte h2, #rechteSpalteScrollen h2{
        font: bold 80%/27px Arial, Helvetica, sans-serif;
        color: #97680f;
        margin: 4px 0 0 0;
        /*background: #f5f9fa url(../bilder/headlineDeko2.gif) left center repeat-x;*/
    }

	#rechteSpalte a, #rechteSpalte a:link, #rechteSpalte a:visited{
		color: #982e19;
		font-weight:bold;
		text-decoration:underline;
	}

	#rechteSpalteScrollen a, #rechteSpalteScrollen a:link, #rechteSpalteScrollen a:visited{
		color: #982e19;
		font-weight:bold;
		text-decoration:underline;
	}

	#rechteSpalteScrollen table{
		margin:0;
		padding:0;
		width: 550px;
		/*border: 1px solid #97680f;*/
	}

	#rechteSpalteScrollen th{
		text-align:left;
		height:28px;
		padding:0 0 0 5px;
		border-bottom:1px solid #96abb6;
		background: url(../bilder/thHg.gif) left bottom no-repeat;*/
	}

	#rechteSpalteScrollen th h1{
		font: bold 90%/23px Arial, Helvetica, sans-serif !important;
        color: #97680f;
        margin-top: 4px !important;
	}

	#rechteSpalteScrollen table.norm td{
		vertical-align: top;
		width: 50%;
		border:1px solid #96abb6;
	}

	#rechteSpalteScrollen table.bform td{
		/*background-color:#dfeef1;*/
		border:0;
	}

	 #rechteSpalteScrollen table.bform2{
		font: normal 74%/18px Arial, Helvetica, sans-serif;
		width:550px;
	}

	#rechteSpalteScrollen td span.nO{
		float:right;
		padding: 0 3px 0 0;
		margin:0;
	}

	#rechteSpalteScrollen td span.nO a{
		font: bold 90%/15px Arial, Helvetica, sans-serif;
		text-decoration: none !important;
		color: #282c35 !important;
	}

	#rechteSpalteScrollen td.prodhl p.nmb{
		margin-bottom:0 !important ;
	}

	#rechteSpalteScrollen table.boots td{
		vertical-align: top;
		width: 33%;
		border:1px solid #96abb6;
	}

	#rechteSpalteScrollen table.ts td{
		vertical-align: top;
		width: 100%;
		border:1px solid #96abb6;
	}

	#rechteSpalteScrollen td.prod1, #rechteSpalteScrollen td.prod1p{
		background-color:#eee5cc;
		padding:3px 0 3px 0;
	}


    #rechteSpalteScrollen td.prod1p a, #rechteSpalteScrollen td.prod1p a:visited, #rechteSpalteScrollen td.prod2p a, #rechteSpalteScrollen td.prod2p a:visited{
        color:#535352 !important;
    }

	#rechteSpalteScrollen td.prod1pic{
		text-align:center;
		background: #eee5cc url(../bilder/bilderHg.jpg) left center repeat-x;
	}

	#rechteSpalteScrollen td.prod1titel{
		background-color:#eee5cc;
		color:#535352;
	}

	#rechteSpalteScrollen td.prod1ts{
		background-color:#f3eddc;
		color:#535352;
	}

	#rechteSpalteScrollen td.prod2ts{
		background-color:#e7f2f4;
		color:#535352;
	}

	#rechteSpalteScrollen td.prod1ts p, #rechteSpalteScrollen td.prod2ts p{
		margin-top:0;
		margin-bottom: 0;
		margin-left: 28px;
	}

	#rechteSpalteScrollen td.prod1titel p, #rechteSpalteScrollen td.prod2titel p{
		font: bold 80%/18px Arial, Helvetica, sans-serif;
	}

	#rechteSpalteScrollen td.prod1titel p span, #rechteSpalteScrollen td.prod2titel p span{
		font: bold 85%/18px Arial, Helvetica, sans-serif;
		float:right;
		text-align: right;
		padding-right: 3px;
		color: #982e19;
	}

	 #rechteSpalteScrollen td.prod2, #rechteSpalteScrollen td.prod2p{
        background-color:#dfeef1;
        padding:3px 0 3px 0;
    }

	#rechteSpalteScrollen td.prod2pic{
		text-align:center;
		background: #dfeef1 url(../bilder/bilder2Hg.jpg) left center repeat-x;
	}

	#rechteSpalteScrollen td.prod2titel{
		background-color:#dfeef1;
		color:#535352;
	}

	#rechteSpalteScrollen td.prodhl{
		background:#dfeef1 url(../bilder/tableh2Hg.jpg) left center no-repeat;
		color:#535352;
		padding:0 0 3px 0;
	}

                                #rechteSpalteScrollen td.pspace1{
                                    background-color:#dfeef1;
                                    height: 12px !important;
                                }

                                #rechteSpalteScrollen td.pspace2{
                                    background-color:#96abb6;
                                    height: 5px !important;
									border:1px solid #96abb6;
                                }

    #rechteSpalteScrollen td.prodhl h2{
        float:left;
        background:url(../bilder/hl2Deko.gif) left bottom no-repeat;
        font: bold 80%/18px Arial, Helvetica, sans-serif;
        padding-left:24px;
    }

	#rechteSpalteScrollen td p{
		font: normal 70%/17px Arial, Helvetica, sans-serif;
		margin: 4px 0 2px 8px;
	}

	#rechteSpalteScrollen td p.keinAbsatz{
		margin: 0 0 0 8px;
	}

    #derPreis{
        /*float:right;*//*ändern*/
        text-align:right;
        padding-right:3px;
        /*width: 80px;*//*ändern*/
        font: bold 110%/17px Arial, Helvetica, sans-serif;
        color: #982e19;
    }

	#dieMwSt{
        float:left;
        padding-left:8px;
        margin-top:4px;
        width: 170px;
        font: bold 70%/13px Arial, Helvetica, sans-serif;
        color:#535352;
    }

	#dieMwSt2{
        float:left;
        padding-left:8px;
        width: 92px;
        font: bold 70%/13px Arial, Helvetica, sans-serif;
        color:#535352;
    }

	#flleft{
		float:left;
		margin-right: 18px;
	}

	#udiv{
		padding-left: 28px;
	}

	.maphl{
		float:left;
		width: 287px;
	}

	.maphl2{
		margin-left:287px;
		width: 257px;
		padding-right:7px;
		text-align:right;
	}

#zwischenfooter {
	text-align:center;
	margin-top:4px;
	height:15px;
	clear:both;
}

    #zwischenfooter p{
        font: normal 70%/15px Arial, Helvetica, sans-serif;
        color:#97680f;
    }

    #zwischenfooter p a{
        color:#97680f;
    }

#footer {
	text-align:center;
	height:34px;
	background: #2bf2f5 url(../bilder/footerKettermann.jpg) left top no-repeat;
	/*clear:both;*/
}

    #footer p{
        font: normal 70%/22px Arial, Helvetica, sans-serif;
        color:#1b3f7c;
    }

	#footer a, #footer a:link, #footer a:visited{
        color:#f9fbfb;
        font-weight:bold;
	}

#prodBox1ganzoben {
	text-align:right;
	height:27px;
	background-color:#cbdadf;
	padding:4px 5px 0 0;
}

#prodBox1ganzoben p {
	font: bold 80%/22px Arial, Helvetica, sans-serif;
	color:#97680f;
}

#prodBox1oben {
	font: bold 80%/22px Arial, Helvetica, sans-serif;
	padding:0;
	height:552px;
	background-color:#ffffff;

}

table.prod{
	height:350px;
}

.mid{
	vertical-align:middle;
}

#prodBox1unten {
	padding-top:3px;
	height: 27px;
	font: normal 74%/18px Arial, Helvetica, sans-serif;
	color:#97680f;
	background-color:#cbdadf;
}

            #prodBox1unten a {
                font-weight: bold;
                margin: 0 78px 0 78px;
                color: #982e19;
            }

#portoBoxOben {
	text-align:left;
	padding:8px 0 0 5px;
	height:120px;
	background-color:#ffffff;
}

#portoBoxOben h1 {
	font: bold 90%/23px Arial, Helvetica, sans-serif !important;
	color: #97680f;
}

#portoBoxOben p {
	font: normal 80%/20px Arial, Helvetica, sans-serif !important;
	color: #535352;
}

#portoBoxOben ul {
	margin-top: 4px;
	font: bold 80%/20px Arial, Helvetica, sans-serif !important;
	color: #535352;
}

#portoBoxOben ul span{
	font-size: 120%;
	color:#1b3f7c;
}

#portoBoxUnten {
	text-align:right;
	padding:2px 4px 0 0;
	height:20px;
	background-color:#cbdadf;
}

#portoBoxUnten p {
	font: bold 74%/18px Arial, Helvetica, sans-serif !important
}

#portoBoxUnten a {
	color: #982e19;
}

#sortiment{
	text-align:left;
	margin: 10px 0 0 11px;
	font: bold 70%/18px Arial, Helvetica, sans-serif;
	color:#97680f;
}

#sortiment tr.mR td{
	border:1px solid #96abb6;
}

#sortiment td{
	margin: 0 10px 0 12px !important;
	overflow:hidden;
}

#map1, #map2, #map3{
	width:544px;
	height:362px;
	border: 1px solid #97680f;
}

.rgt{
	text-align:right;
	padding-right:7px;
}

.rgt2{
	text-align:right;
}

.rgt3{
	text-align:right;
	padding-right:1px;
}

.rgt4{
	text-align:right;
	padding-right:3px;
}

.frgt{
	float:right;
}

.mlxl{
	margin-right: 22px;
	float:right;
}

.gp{
	background-color:#e8e8e8;
	border:1px solid #96abb6;
}

.tspace{
	padding-top:7px;
}

/*.bspace{
	margin-bottom:4px;
}*/

#rechteSpalteScrollen p.vspace, #rechteSpalteS p.vspace{
	margin-left:3px;
	margin-bottom:28px;
}

.clearit{
	clear:both;
}

.bildrechts {
	float:right;
	margin: 4px 0 0 12px;
	border: 1px solid #97680f;
}

.ital {
	font-style: italic;
}

.mRa {
		border:1px solid #96abb6;
}

.bold_ {
	font-weight: bold;
}

.boldcolored{
	font-weight: bold;
	color:#1b3f7c;
}

.boldcolored2{
	font-weight: bold;
	color:#97680f;
}

.boldcolored3{
	/*font-weight: bold;*/
	font: bold 130%/18px Arial, Helvetica, sans-serif;
	color: #982e19;
}

.colored3{
	/*font-weight: bold;*/
	color: #982e19;
}

.littleless{
	font-size: 70%;
}

.evenmore{
	font-size: 120%;
}

.transp {
	display:none;
}

a img{
	border:0;
}

.contact1 {
	width: 287px;
	font: normal 74%/18px Arial, Helvetica, sans-serif;
	color:#282c35;
	/*border:1px solid #356723;*/
}

.contact2 {
	margin:0
	padding: 0 0 0 0;
	font: normal 74%/18px Arial, Helvetica, sans-serif;
	color:#282c35;
	/*border:1px solid #356723;*/
}

.contactSubmit {
	margin: 0;
	padding: 5px 0 14px 0;
	font: normal 74%/18px Arial, Helvetica, sans-serif;
 	color:#282c35;
	/*border:1px solid #356723;*/
}

#rechteSpalteScrollen table.bform2 td.contactMGP, #rechteSpalteS table.bform2 td.contactMGP {
	width:96px !important;
	padding: 0 0 4px 0;
	color:#282c35;
	/*border:1px solid #356723;*/
}

.contactArtikel {
	width:197px !important;
	padding: 0 0 4px 0;
	color:#282c35;
	/*border:1px solid #356723;*/
}

.contactPreis {
	width:63px;
	padding: 0 0 4px 0;
	color:#282c35;
	/*border:1px solid #356723;*/
}

.contactTL {
	height:1px;
	padding:5px 45px 7px 0;
	background: url(../bilder/tdTrennlinie.gif) left center repeat-x;
	color:#282c35;
	/*border:1px solid #356723;*/
}

.submstyle{
    width:253px;
    height:23px;
    padding-bottom:1px;
    font: bold 94%/18px Arial, Helvetica, sans-serif;
    color: #982e19;
 }

 .submstyle2{
    width:158px;
    height:23px;
    padding-bottom:1px;
    font: bold 94%/18px Arial, Helvetica, sans-serif;
    color: #982e19;
 }



 /***************************************************************************/
/* 3px Bug Workaround; Hide from IE5-mac \*/

* html #linkeSpalte {
    margin-right: -3px;
}

* html #rechteSpalte {
	display:inline-block;
	height:1%;
    margin-left: 300px;
}
/* End IE5/mac hide */