@charset "utf-8";
/* allgemein */
*{margin:0;padding:0;border:none;}
html{overflow-y:scroll; background:url(../images/footer-bg2.jpg)}
body{background: #fff url(../images/bg-body.jpg) repeat-x;font:76% Verdana, Arial, Helvetica, sans-serif;color:#666; height: 100%}
#container{width:896px;margin:0; min-height: 735px; height: auto; _height: 735px}

/* header */
#header{height: 235px}
#header img.branding {position:absolute; margin: 50px 0 0 50px}
.slideshow{width:614px; height: 143px; background:url(../images/header-images.jpg) no-repeat; position:absolute; margin: 50px 0 0 282px}

/* navi */
#navi{height: 26px; width: 896px; position:absolute; margin: 209px 0 0 0}
#navi li{height: 26px; display:block; float:left;}
#navi li a{height: 26px; display:block;color:#666;text-decoration:none} 
	.start{background: url(../images/nav_01.jpg) no-repeat; width: 139px;}
	.schuhmode{background: url(../images/nav_02.jpg) no-repeat; width: 96px;}
	.lederwaren{background: url(../images/nav_03.jpg) no-repeat; width: 96px;}
	.service{background: url(../images/nav_04.jpg) no-repeat; width: 63px;}
	.geschaeft{background: url(../images/nav_05.jpg) no-repeat; width: 121px;}
	.ueberuns{background: url(../images/nav_06.jpg) no-repeat; width: 75px;}
	.newsletter{background: url(../images/nav_07.jpg) no-repeat; width: 90px;}
	.kontakt{background: url(../images/nav_08.jpg) no-repeat; width: 69px;}
	.anfahrt{background: url(../images/nav_09.jpg) no-repeat; width: 69px;}
	.impressum{background: url(../images/nav_10.jpg) no-repeat; width: 78px;}
	
	#navi li a:hover, 
	#index #navi li .start, 
	#schuhmode #navi li .schuhmode,
	#lederwaren #navi li .lederwaren,
	#service #navi li .service,
	#ueberuns #navi li .ueberuns,
	#newsletter #navi li .newsletter,
	#kontakt #navi li .kontakt,
	#danke #navi li .kontakt,
	#geschaeft #navi li .geschaeft,
	#anfahrt #navi li .anfahrt,
	#impressum #navi li .impressum
	{background-position: 0 -26px}


#navi li a:hover{color:#;text-decoration:none}

/* naviAdd */
.naviAdd{background:url(../images/)}
.naviAdd li{display:inline}
.naviAdd li a{color:#;text-decoration:none}
.naviAdd li a:hover{color:#;text-decoration:none}

/* content */
#content{background: #fff url(../images/content-bg.jpg) repeat-x; font-size: .9em; padding-bottom: 18px}
#index #content{background: url(../images/beine.jpg) no-repeat; min-heigth: 304px; height:auto; _height: 304px}

.contentMain{width: 614px; padding: 40px 0 0 0; float:left}
#index .contentMain{width: 614px; padding: 60px 0 0 282px; float:none}
.contentMain a{color:#00a1aa}
.contentMain a.wichtig{color:red; font-weight:bold;}
.contentMain a img{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.contentMain a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

.contentMain img, .contentMain iframe{background: #fff; padding: 4px; border: 1px solid #e9e0cf}
#kontakt .contentMain img, #danke .contentMain img, #newsletter .contentMain img{background: none; padding: 0; border: 0}
.imText{float:left; margin: 0 10px 10px 0}
.ohneRahmen{padding: 0 !important; background: none !important; border:none !important;}

h1{font-size: 17px; color: #257d82; margin-bottom:25px; font-family:Arial, Helvetica, sans-serif;}
#index h1{background: url(../images/hl-start.png) no-repeat; height: 63px; width: 614px; margin-bottom: 25px}
	.unterschrift{background: url(../images/unterschrift.png) no-repeat; width:249px; height: 15px}
#schuhmode h1{background: url(../images/hl-schuhmode.png) no-repeat; height: 14px; width: 103px; margin-bottom: 25px}
#lederwaren h1{background: url(../images/hl-lederwaren.png) no-repeat; height: 14px; width: 101px; margin-bottom: 25px}
#service h1{background: url(../images/hl-service.png) no-repeat; height: 14px; width: 62px; margin-bottom: 25px}
#geschaeft h1{background: url(../images/hl-geschaeft.png) no-repeat; height: 14px; width: 130px; margin-bottom: 25px}
#ueberuns h1{background: url(../images/hl-ueberuns.png) no-repeat; height: 16px; width: 73px; margin-bottom: 25px}
#aktuelles h1{background: url(../images/hl-aktuelles.png) no-repeat; height: 14px; width: 76px; margin-bottom: 25px}
#anfahrt h1{background: url(../images/hl-anfahrt.png) no-repeat; height: 14px; width: 64px; margin-bottom: 25px}
#kontakt h1, #danke h1{background: url(../images/hl-kontakt.png) no-repeat; height: 14px; width: 65px; margin-bottom: 25px}
#newsletter h1{background: url(../images/hl-newsletter.png) no-repeat; height: 14px; width: 90px; margin-bottom: 25px}
#impressum h1{background: url(../images/hl-impressum.png) no-repeat; height: 16px; width: 89px; margin-bottom: 25px}

h2{color: #257d82; font-size: 12px; margin-bottom: 14px}
.contentMain ul{margin-bottom: 18px; line-height: 18px}
	.contentMain ul li{background:url(../images/bullet.png) no-repeat 0 6px; padding-left: 12px;}
	#s-partner .contentMain ul li, #newsletter .contentMain ul li{background:none; padding-left: 12px;}

#schuhmode .contentMain table{border-collapse: collapse; margin-bottom: 18px}
#schuhmode .contentMain tr{border-bottom: 1px solid #eae5d8}
	#schuhmode .contentMain td{padding: 4px 0}
	#schuhmode .contentMain table a{text-decoration: none}
	
#impressum .contentMain dl, #kontakt .contentMain dl{float:left; width: 300px; margin-bottom: 18px}
#impressum .contentMain dt, #kontakt .contentMain dt{font-weight:bold; margin-bottom: .8em}
#impressum .contentMain dd, #kontakt .contentMain dd{margin-bottom: 1.4em}

#address { display: none; }

/* sidebar */
.contentSidebar{width:212px; margin: 32px 20px 0 50px; _margin: 32px 20px 0 25px;  float:left;}
	.sideNav li{border-bottom: 1px solid #d2d9d2; padding: 8px 0}
	.sideNav a{font-size: 12px; color: #008b96; text-decoration:none}
	.sideNav a:hover{color: #c9965a}

.kataloglink{margin-top:20px; display:block; width: 200px height: 55px;}
	#lederwaren .kataloglink{margin-top:0}

/* footer */
#footer{background:url(../images/footer-bg.jpg) repeat-x; min-height: 160px; height: auto; _height: 160px; width: 100%; font-size: .9em}
#footer a{color:#fff}

#footer dl{color:#fff}
	#footer dt{font-weight:bold}
	#footer .kontakt2 dt{font-weight:normal; float: left; width: 70px}
	
	.kontakt1, .kontakt2, .kontakt3, .kontakt4{position:absolute; line-height: 18px}
	.kontakt1{margin: 40px 0 0 70px; width: 193px}
	.kontakt2{margin: 40px 0 0 282px; width: 211px}
	.kontakt3{margin: 40px 0 0 578px; width: 133px}
	.kontakt4{margin: 40px 0 0 732px; width: 165px}

.aktuelles{background: url(../images/aktuelles.png) no-repeat; width: 200px; height: 134px; position:absolute; margin: -170px 0 0 50px; color:#fff; padding: 55px 0 0 18px}
	.aktuelles p{width: 156px}
	.aktuelles a{color: #fff}
	

/* allgemein */

ul{list-style:none}


p{margin-bottom:1.4em;line-height:1.4em}
address{margin-bottom:20px;line-height:1.4em;font-style:normal}
.klein{font-size:10px}

.hidden{font-size:0.001em;line-height:0.001em;display:block;overflow:hidden;width:1px;height:1px;position:absolute; top:-1px;left:-1px}
.nofloat{font-size:0.001em;line-height:0.001em;clear:both}

/* CMS */

.aktuellesFoto{float:right; margin: 0 0 18px 18px}
.datei{display:block; border-bottom: 1px dotted #ccc; padding: 4px 0;background:url(../images/bullet.png) no-repeat 0 6px; padding-left: 12px;}
.downloads{margin-bottom:20px;}

/* - Mobile Styles -*/
#mobile-link{
	border: 1px solid #ccc;
	background:#fff url(../images/mobile/bg-btn-desktop.png) repeat-x 0 bottom;
	display:none;
	clear:both;
	position:relative;
	z-index:99999;
}

.btn-mobile {
	display: block!important;
	margin: 0 auto;
	color: #666 !important;
	background:url(../images/mobile/icon-mobile.png) no-repeat 5% 24px;
	text-indent:20%;
	text-decoration: none!important;
	font-size:30px;
	padding: 60px 20px;
	text-transform: uppercase;
}