/* --------schuhhaus-thom.de-------- */

/*	1.basics
	2.layout
	3.links
	4.content
	5.navi
	5.1 subnavi */
	
/*------------------1.basics------------------*/
html, body, div, p, h1, h2, h3, ul, ol,  span, a, li, table, td, form, img, input, form, object, textarea{
	margin: 0px auto;
	padding: 0px auto;
	
}
html, body{
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color:#666;
	font-size: 12px;
	background-color:#fff;
	background-image: url(../images/bg.jpg);
	background-position:bottom;
	background-repeat:repeat-y;
	background-position:top;
}

html {
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
	SCROLLBAR-FACE-COLOR: #ccc;
	SCROLLBAR-HIGHLIGHT-COLOR: #fff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #ffffff;
	scrollbar-3d-light-color: #ffffff;
}

p{
	padding:5px 0 20px 25px;
	line-height:20px;
	}
	
h1{
	padding:5px 0 0 25px;
	font-weight:bold;
	font-size:12px;
	color:#afce27;
	}
	
h2{
	padding:5px 0 35px 25px;
	font-weight:bold;
	font-size:12px;
	color:#060;
	}
	
/*------------------2.layout------------------*/
#container{
	margin: 0px auto;
	background-repeat:no-repeat;
	width: 815px;
	position:relative;
	}
	
#header{
	width:100%;
	height:305px;
	background:url(../images/bg_header.jpg);
	background-repeat:no-repeat;
	}
	
*html #header{background:url(../images/bg_header2.jpg);background-repeat:no-repeat;}
	
#content{
	width:550px;
	min-height:350px;
	float:right;
	}
*html #content{	height:350px;}
	
#footer{
	height:42px;
	background-position: right bottom;
	background-repeat:no-repeat;
	text-align:right;
	color:#063;
	line-height:250%;
	background-image:url(../images/bg_footer.jpg);
	clear:both;
}

/*------------------3.links------------------*/
a { color: #b5d136; text-decoration:underline;}

a:hover { text-decoration:none;color:#063;}
/*------------------4.content------------------*/

.imgleft{float:left; margin: 10px 10px 0 20px;}

.imgright{float:right; margin: 10px 0 5px 20px;}

.imgright2{float:right; padding: 10px 20px 5px 0;}

dl {margin: 0 0 0 37px; line-height:130%}
dt {margin: 5px 0 4px 0;text-align:right; width:157px;}
dd {margin: -20px 0 4px 0;padding: 0 0 0 175px;}



#liste{	padding:5px 0 20px 52px;}
#liste ul{list-style-image: url(../images/arrow.gif);}
#liste li{display:block;padding:5px 0 0 10px;}

/*------------------5.navi------------------*/
#navi {
	background:url(../images/bg_navi.jpg);
	width:245px;
	height:285px;
	float:left;
	margin:0 0 0 10px;

}	

#navi ul{list-style-type:none;}
	
#navi li  {text-indent:-4000px; }


#navi li a, #navi li a:hover {
	background-position:right;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;}
	
	
#nav01 a {background: url(../images/navi/ueber.jpg); height:39px;}
#nav01 a:hover { background: url(../images/navi/ueber-hover.jpg);}
#nav01-aktiv a { background: url(../images/navi/ueber-hover.jpg);}

#nav02 a {background: url(../images/navi/schuhe.jpg); height:28px;}
#nav02 a:hover { background: url(../images/navi/schuhe-hover.jpg);}
#nav02-aktiv a { background: url(../images/navi/schuhe-hover.jpg);}

#nav03 a {background: url(../images/navi/finn-comfort.jpg);height:19px;}
#nav03 a:hover { background: url(../images/navi/finn-comfort-hover.jpg);}
#nav03-aktiv a { background: url(../images/navi/finn-comfort-hover.jpg);}

#nav04 a {background: url(../images/navi/mbt.jpg);height:18px;}
#nav04 a:hover { background: url(../images/navi/mbt-hover.jpg);}
#nav04-aktiv a { background: url(../images/navi/mbt-hover.jpg);}

#nav05 a {background: url(../images/navi/birkenstock.jpg);height:18px;}
#nav05 a:hover { background: url(../images/navi/birkenstock-hover.jpg);}
#nav05-aktiv a { background: url(../images/navi/birkenstock-hover.jpg);}

#nav06 a {background: url(../images/navi/think-shoes.jpg);height:17px;}
#nav06 a:hover { background: url(../images/navi/think-shoes-hover.jpg);}
#nav06-aktiv a { background: url(../images/navi/think-shoes-hover.jpg);}

#nav07 a {background: url(../images/navi/varomed.jpg);height:18px;}
#nav07 a:hover { background: url(../images/navi/varomed-hover.jpg);}
#nav07-aktiv a { background: url(../images/navi/varomed-hover.jpg);}

#nav08 a {background: url(../images/navi/laszlo.jpg); height:22px;}
#nav08 a:hover { background: url(../images/navi/laszlo-hover.jpg);}
#nav08-aktiv a { background: url(../images/navi/laszlo-hover.jpg);}

#nav09 a {background: url(../images/navi/zubehoer.jpg);height:32px;}
#nav09 a:hover { background: url(../images/navi/zubehoer-hover.jpg);}
#nav09-aktiv a { background: url(../images/navi/zubehoer-hover.jpg);}

#nav10 a {background: url(../images/navi/reperatur.jpg);height:34px;}
#nav10 a:hover { background: url(../images/navi/reperatur-hover.jpg);}
#nav10-aktiv a { background: url(../images/navi/reperatur-hover.jpg);}

#nav11 a {background: url(../images/navi/orthopaedie.jpg);height:40px;}
#nav11 a:hover { background: url(../images/navi/orthopaedie-hover.jpg);}
#nav11-aktiv a { background: url(../images/navi/orthopaedie-hover.jpg);}


	
/*------------------5.1 subnavi------------------*/
#subnavi{
	height:59px;
	margin-top:-1px;
	float:right;
	z-index:10 !important;
}
	
#subnavi ul{list-style-type:none;}

#subnavi li{display:inline;text-indent:-4000px; }

#subnavi li a, subnavi li a:hover{
	text-decoration:none; 
	background-repeat:no-repeat;
	height:59px;
	float:left;
}

#sub01 a { background: url(../images/subnavi/home01.gif); width:90px;}
#sub01 a:hover { background: url(../images/subnavi/home02.gif);}
#sub01-aktiv a { background: url(../images/subnavi/home02.gif);}

#sub02 a { background: url(../images/subnavi/kontakt01.gif);width:86px;}
#sub02 a:hover { background: url(../images/subnavi/kontakt02.gif);}
#sub02-aktiv a { background: url(../images/subnavi/kontakt02.gif);}

#sub03 a { background: url(../images/subnavi/newsletter01.gif);width:98px;}
#sub03 a:hover { background: url(../images/subnavi/newsletter02.gif);}
#sub03-aktiv a { background: url(../images/subnavi/newsletter02.gif);}

#sub04 a { background: url(../images/subnavi/anfahrt01.gif);width:81px;}
#sub04 a:hover { background: url(../images/subnavi/anfahrt02.gif);}
#sub04-aktiv a { background: url(../images/subnavi/anfahrt02.gif);}

#sub05 a { background: url(../images/subnavi/impressum01.gif);width:105px;}
#sub05 a:hover { background: url(../images/subnavi/impressum02.gif);}
#sub05-aktiv a { background: url(../images/subnavi/impressum02.gif)*/