/***************************/
/* ©2006 despecial.com */
/***************************/

body {
	font-family:tahoma,arial,verdana,helvetica,sans-serif;
	color:#000;
	font-size:12px;
	margin:0;
	padding:0;
	background: #FFD666 url("img/footprints.png");
	overflow-y: hidden;
}

html {overflow-y: auto} 

/* Layout */
#container { 
	width: 798px;
	height: 598px;
	position: absolute;
	left: 50%;
	margin-left: -400px;
	top: 50%;
	margin-top: -300px;
}

#bg-left, #bg-right {
 	float:left;
 	height: 598px;
 	width: 5px;
}

#bg-left {
 	background: url(img/bg-left.png)
}
#bg-right {
 	background: url(img/bg-right.png)
} 

#content {
	float:left;
	height: 598px;
	width: 788px;
	background: url(img/bg-content.png)
}

#logo {
	position: absolute;
	left: 340px;
	top: 30px;
}

#schild {
	position: absolute;
	left: 70px;
	top: 0px
}

#kartons {
	position: absolute;
	left: 35px;
	top: 232px
}

#ssh {
	z-index: 1;
	position: absolute;
	right: 10px;
	bottom: 10px
}

* html #ssh { bottom: 30px }

/* NAVIGATION */
#nav-schuh,
#nav-tipps,
#nav-geschaeft { display:none }

#nav-schuh { 
	position: absolute;
	left: 115px;
	top: 257px
}

#nav-tipps { 
	position: absolute;
	left: 63px;
	top: 420px
}

#nav-geschaeft { 
	position: absolute;
	left: 42px;
	top: 472px
}


/* Textbox */
.text {background: transparent; position:absolute; left: 375px; top: 190px; width: 380px;  margin:0 auto;}
.text h1, .text p,.text h2 {margin:0 10px;}
.text h1 {font-size:2em; color:#9C0E14; letter-spacing:1px; margin-bottom: 5px }
.text h2 {font-size:1.5em; color:#9C0E14; letter-spacing:0px; margin-bottom: 5px }
.text p {padding-bottom:0.5em;}

.text .top, .text .bottom {display:block; background:transparent; font-size:1px;}
.text .b1, .text .b2, .text .b3, .text .b4, .text .b1b, .text .b2b, .text .b3b, .text .b4b {display:block; overflow:hidden;}
.text .b1, .text .b2, .text .b3, .text .b1b, .text .b2b, .text .b3b {height:1px;}
.text .b2 {background:#FCE6BB; border-left:1px solid #9A6301; border-right:1px solid #915D00;}
.text .b3 {background:#FCE6BB; border-left:1px solid #9A6301; border-right:1px solid #815302;}
.text .b4 {background:#FCE6BB; border-left:1px solid #9A6301; border-right:1px solid #6D4600;}
.text .b4b {background:#FCE6BB; border-left:1px solid #915D00; border-right:1px solid #5F3D00;}
.text .b3b {background:#FCE6BB; border-left:1px solid #815302; border-right:1px solid #5F3D00;}
.text .b2b {background:#FCE6BB; border-left:1px solid #6D4600; border-right:1px solid #5F3D00;}

.text .b1 {margin:0 5px; background:#9A6301;}
.text .b2, .text .b2b {margin:0 3px; border-width:0 2px;}
.text .b3, .text .b3b {margin:0 2px;}
.text .b4, .text .b4b {height:2px; margin:0 1px;}
.text .b1b {margin:0 5px; background:#5F3D00;}
.text .boxcontent {display:block;  background:#FCE6BB; border-left:1px solid #9A6301; border-right:1px solid #5E3C00;}

/* Mitarbeiter */
#scrollbox { width:430px; height:90px; margin: -5px -15px 0px 10px; }
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; width:55px; height:55px; margin:0.5px; float:left; border: 1px solid #FCE6BB }
a.slidea {background: transparent url(img/tn_mitarbeiter1.jpg)}
a.slideb {background: transparent url(img/tn_mitarbeiter2.jpg)}
a.slidec {background: transparent url(img/tn_mitarbeiter3.jpg)}
a.slided {background: transparent url(img/tn_mitarbeiter4.jpg)}
a.slidee {background: transparent url(img/tn_mitarbeiter5.jpg)}
a.slidef {background: transparent url(img/tn_mitarbeiter6.jpg)}
a.slideg {background: transparent url(img/tn_mitarbeiter7.jpg)}

a.gallery span { z-index: 1000; display:block; position:absolute; top:0px; width:0px; height:1px; overflow:hidden; background:#FCE6BB;}
a.gallery:hover { white-space:normal; border: 1px solid #FC4811 }
a.gallery:hover img, a.gallery:active img, a.gallery:focus img { border:0; }
a.gallery:hover span, a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:405px; height:280px; top:105px; left:11px; font-style:italic; color: #000; }
#thumbs {width:430px; height:60px; }
#pad { height:260px; width:330px; margin-left: 10px; }

.footer {
	font-size: 11px;
	color: #9A7635;
	text-align:center;
	line-height: 20px;
}

.weiter {
	margin-right: 10px;
	text-align:right
}

.weiter2 {
	margin: -10px 10px 0 0;
	text-align:right
}

.wms { margin: 0 50px 0 0; }

#schuhtipps { 
	line-height: 16px; 
	padding: 0;
	margin-left: 25px;
}

#lieferanten {
	list-style-type:none;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
}
#lieferanten li { 
	display: inline;
	background-image: url(img/list.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: .6em;	
} 

#contactform {
	margin-left: 10px;
}

#contactmsg {
	width: 370px;
	height: 70px;
	margin: 0px;
	padding: 1px;
	font-size: 11px;
	line-height: 14px;
	font-family: tahoma, arial, sans-serif;
	background: url(img/bg_box.gif);
	overflow: auto;
	border: 0;
	color: darkred
}

.leftfield { 
	float: left;
	width: 70px;
	font-weight: bold;
	color: darkred;
	margin: 8px 0 0 0;
}

.msgfield { font-weight: bold; color: darkred; }
.txtfield { width: 200px; margin: 5px 0 0 0; }
.sendfield {
	position: absolute;
	right: 20px;
	top: 165px;
	color: darkred;
	font-weight: bold; 
	font-size: 11px; 
	width: 70px; 
	height: 50px
}

.txtfield {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #593C1B;
	background-color: transparent
}

form { margin: 0; padding: 0 }

.clear { clear:both }

.contact { color: red }

a:link, a:visited { color: darkred; text-decoration: none }
a:hover, a:active{ color: red; text-decoration: underline }

.wmsprofi {
	margin-right: 20px;
	margin-bottom: -2px
}

#wmsprofi {
	position: absolute;
	left: 220px;
	top: 20px;
}