@charset "utf-8";

/*---------------------------------------------------------------------------------------
--------------------------------------AUTHOR: Stefanie Mohr------------------------------
---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/

body, p, h1, h2, h3, h4, h5, h6, ul, ol, dt, dl, dd, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0;
	padding: 0;
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration: none;
	list-style-type: none;
	border:none;
}
body, html {
	background: #f5f5f5 url(../images/bg.jpg) repeat-x top center;
	height:100%;
}
html[xmlns^="http"] {
	overflow-y: scroll;
}

h1 {
	font: bold 25px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0 0 20px 0;
}
h2 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #da1316;
	padding: 0 0 15px 0;
}
h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
}
h4 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	background:url(../images/bg-h4.gif);
	width:566px;
	margin-bottom:5px;
	height:21px;
	padding:6px 15px 0 7px;
}
h5 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0 0 5px 0;
}
/*---------------------------------------------------------------------------------------
--------------------------------------Classen--------------------------------------------
---------------------------------------------------------------------------------------*/

.clear { clear:both; float:none; }

.float-left { float:left;	margin: 4px 8px 4px 0; }
.float-right { float:right; margin: 4px 0 4px 8px; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTAINER---------------------------------------------
---------------------------------------------------------------------------------------*/

#container {
	margin:auto;
	width: 980px;
	position:relative;
	min-height:100%;
}
/*---------------------------------------------------------------------------------------
--------------------------------------HEADER---------------------------------------------
---------------------------------------------------------------------------------------*/

#header {
	width: 980px;
	height:331px;
	position:relative;
	background:url(../images/bg-header.jpg);
}

h1#branding a {
	display:block;
	position:absolute;
	top:45px;
	left:65px;
	width:440px; 
	height:120px; 
	text-indent:-5000px; 
}

.angebotebox {
	display:block;
	position:absolute;
	top:0px;
	left:666px;
	width:258px; 
	height:53px; 
	text-indent:-5000px; 	
}

.angebotebox:hover {
	background: url(../images/bg-angeboteHover.jpg);	
}


/*---------------------------------------------------------------------------------------
--------------------------------------LEFT-----------------------------------------------
---------------------------------------------------------------------------------------*/

#content-sidebar {
	width:314px;
	background:url(../images/bg-content-sidebar.jpg) no-repeat;
	min-height:460px;
	height:460px;
	float:left;
}
#content-sidebar .kontaktdaten { margin:52px 0 0 15px; }
#content-sidebar .oeffnungszeiten { margin:17px 0 0 15px; }
#content-sidebar p { color:#fff; margin-bottom:5px; }
#content-sidebar h3 { color:#fff; text-indent:-6000px; }

#content-sidebar a, #content-sidebar a:visited, #content-sidebar .escape span {
	text-decoration: underline;
	color: #a1a1a1;
	outline: none;
}

#content-sidebar a:hover, #content-sidebar a:hover span, #content-sidebar a:active, #content-sidebar a:active span {
	text-decoration:none;
	color:#a1a1a1;
}
/*---------------------------------------------------------------------------------------
--------------------------------------NAVI-----------------------------------------------
---------------------------------------------------------------------------------------*/

#navi {
	width:350px;
	height:111px;
	position:absolute;
	top:220px;
	left:38px;
}
#navi ul { float:left;
}
#navi li a {
	display:block;
	height:37px;
	text-indent:-6000px;
}
#navi li.n1 a, #navi li.n2 a, #navi li.n3 a { width:160px; }
#navi li.n4 a, #navi li.n5 a, #navi li.n6 a { width:190px; }

#navi li.n1 a:hover { background:url(../images/bg-navi.jpg) 0 0px; }
#navi li.n2 a:hover { background:url(../images/bg-navi.jpg) 0 -37px; }
#navi li.n3 a:hover { background:url(../images/bg-navi.jpg) 0 -74px; }
#navi li.n4 a:hover { background:url(../images/bg-navi.jpg) -160px 0; }
#navi li.n5 a:hover { background:url(../images/bg-navi.jpg) -160px -37px; }
#navi li.n6 a:hover { background:url(../images/bg-navi.jpg) -160px -74px; }

/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI--------------------------------------------
---------------------------------------------------------------------------------------*/
ul#navi-add {
	height:50px;
	margin:25px 0 0 0;
	width:230px;
	
}
ul#navi-add li {
	float:left;
}
ul#navi-add li a {
	display:block;
	height:50px;
	text-indent:-6000px;
}

ul#navi-add li.s1 a { width:75px; }
ul#navi-add li.s2 a { width:66px; }
ul#navi-add li.s3 a { width:85px; }

ul#navi-add li.s1 a:hover {background:url(../images/bg-navi-add.jpg) 0 0; }
ul#navi-add li.s2 a:hover {background:url(../images/bg-navi-add.jpg) -75px 0; }
ul#navi-add li.s3 a:hover {background:url(../images/bg-navi-add.jpg) -141px 0; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT--------------------------------------------
---------------------------------------------------------------------------------------*/

#content-main {
	width:588px;
	float:left;
	padding:25px 41px 20px 37px;
}

.gutschein {
	display:block;
	width:189px !important; 
	height:63px !important; 
	text-indent:-5000px; 
	background: url(../images/gutschein.jpg) no-repeat !important;	
	margin-right:5px;
	
}

.gutschein:hover {
	background: url(../images/gutscheinHover.jpg) !important;	
}


/*------------------ Überschrift h1 ------------------*/

#content-main h1 { width:588px; height:43px; margin-bottom:23px; padding:0px; text-indent:-6000px; }
#content-main h1.index { background:url(../images/h1/bg-index.jpg) no-repeat; }
#content-main h1.kontakt { background:url(../images/h1/bg-kontakt.jpg) no-repeat; }
#content-main h1.danke { background:url(../images/h1/bg-danke.jpg) no-repeat; }
#content-main h1.impressum { background:url(../images/h1/bg-impressum.jpg) no-repeat; }
#content-main h1.anfahrt { background:url(../images/h1/bg-anfahrt.jpg) no-repeat; }
#content-main h1.fehler { background:url(../images/h1/bg-fehler.jpg) no-repeat; }
#content-main h1.schuhe { background:url(../images/h1/bg-schuhe.jpg) no-repeat; }
#content-main h1.sport { background:url(../images/h1/bg-sport.jpg) no-repeat; }
#content-main h1.unsere-marken { background:url(../images/h1/bg-unsere-marken.jpg) no-repeat; }
#content-main h1.ueber-uns { background:url(../images/h1/bg-ueber-uns.jpg) no-repeat; }
#content-main h1.service { background:url(../images/h1/bg-service.jpg) no-repeat; }
#content-main h1.angebote { background:url(../images/h1/bg-angebote.jpg) no-repeat; }
#content-main h1.aktuelles { background:url(../images/h1/bg-aktuelles.jpg) no-repeat; }
#content-main h1.taschen { background:url(../images/h1/bg-taschen.jpg) no-repeat; }

/*------------------ iFrame Anfahrt ------------------*/

#content-main iframe { 
	border:1px solid #666666; 
	padding:4px; 
	background:#fff;
}

/*---------------- Textformatierungen ----------------*/

#content-main p { 
	margin: 0 0 15px 0px; 
}

#content-main ul {
	margin-bottom:15px;
}

#content-main li { 
	background:url(../images/li-liste.gif) 0 6px no-repeat; 
	padding:0 0 0 23px; 
	margin-left:20px;
	line-height:25px; 
}

/*------------------ Bildformatierungen ------------------*/

#content-main .logo {
	border: 1px solid #ccc;
    outline: none;
	margin-bottom:7px;
}
#content-main .logoleft {
	float:left;
	margin:0 6px 0 0;
}

#content-main .image {
	border: 1px solid #ccc;
	padding: 3px;
    outline: none;
}
#content-main .imagenohover {
	border: 1px solid #666;
	padding: 2px;
	margin: 4px 4px 0 0;
}

/*---------------------------------------------------------------------------------------
--------------------------------------FOOTER---------------------------------------------
---------------------------------------------------------------------------------------*/

#footer {
	margin:auto;
	width:980px;
	height:63px;
	background:url(../images/bg-footer.jpg);
	padding:7px 0 0 0;
}

#footer p {
	color:#878787;
}
#footer a, a:visited, #footer .escape span {
	text-decoration: underline;
	color: #878787;
	outline: none;
}

#footer a:hover, #footer a:hover span, #footer a:active, #footer a:active span {
	text-decoration:none;
	color:#878787;
}
#footer .impress a  { color:#da1316; float:right; margin:15px 58px 0 0; }
#footer .impress li { background:url(../images/btn-impressum.gif); }
/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/

a, a:visited, .escape span {
	text-decoration: underline;
	color: #da1316;
	outline: none;
}

a:hover, a:hover span, a:active, a:active span {
	text-decoration:none;
	color:#da1316;
}