body{margin:0;padding:0;background-color:#141414; font-family:arial; color:#eee; font-size:9pt;}

h2 {font-variant:small-caps;font-size:11pt; padding:0px;  width:100%;} /*border-bottom: 1px dotted #eee;*/

a:link , a:visited {color: #FF8400}

a:hover {color:#1C56CD;}

a:active, a:focus {outline: none}

#alles_wrapper {width:950px; margin:0 auto 0 auto;}
#oben {width:100%;height:87px;background:url(logo.jpg) no-repeat top left; border-bottom: 1px dotted #fff;}
#oben h1 {height:0px; text-indent:-4000em; padding:0px; margin:0px; line-height:0pt}
#oben img {float:left;}
#mitte {width:100%; height:400px; border-bottom: 1px dotted #fff;}
#mittestart {width:100%; height:412px; border-bottom: 1px dotted #fff;}
#unten {height:80px;width:100%;}
#unten_wrapper {width:810px; margin:0 auto 0 auto;}

#nav {width:100%; height:27px; margin-left:220px; margin-top:57px;}
#nav ul {margin:0;list-style-type:none;padding:0}
#nav ul li {margin:0 10px 0 0px;list-style-type:none;padding:0; float:left; list-style-type:none;text-indent:-4000em;display: block; cursor:pointer;}

#nav ul li.home {height:27px; width: 42px; background: url(buttons/home.jpg) no-repeat top left; }
#nav ul li.kollektion {height:27px; width: 71px; background: url(buttons/kollektion.jpg) no-repeat top left;  }
#nav ul li.stoff {height:27px; width: 108px; background: url(buttons/stoffundleder.jpg) no-repeat top left;  }
#nav ul li.kontakt {height:27px; width: 54px; background: url(buttons/kontakt.jpg) no-repeat top left;}
#nav ul li.finanzieren {height:27px; width: 113px; background: url(buttons/finanzierung.jpg) no-repeat top left;}
#nav ul li.stuttgart {height:27px; width: 103px; background: url(buttons/stuttgart.jpg) no-repeat top left;  }
#nav ul li.aussteller {height:27px; width: 143px; background: url(buttons/aussteller.jpg) no-repeat top left;  }

#nav ul li:hover {background-position: bottom left;}

#nav ul li a:link, #nav ul li a:visited { display:block; width:100%; height:100%; }
#nav ul li a:hover {  }



#footer { color:#FF8400; width:100%; text-align: center;  }
#footer a:link, #footer a:visited  { color:#FF8400;  }
#footer a:hover  { color:#1C56CD;  }

.og {font-size:16pt;  color:#FF8400; font-weight:bold;}



/*SLICING PLUG IN by QUENESS.COM*/
.qitem {
	width:250px;
	height:75px;	
	border:4px solid #222;	
	margin:5px 10px 5px 0;
	background: url('bg.gif') no-repeat;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
}

	.qitem img {
		border:0;
	
		/* allow javascript moves the img position*/
		position:absolute;
		z-index:200;
	}

	.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		display:block;
	}

		.qitem .caption h4 {
			font-size:12pt;
			padding:5px 5px 0 8px;
			margin:0;
			color:#FF8400; font-family:Lucida Sans;
		}

		.qitem .caption p {
			font-size:9pt;	
			padding:3px 5px 0 8px;
			margin:0;
		}



/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {height:0px; line-height:0px;
	clear:both;	
}

#overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%;display: none; opacity: 0.8; }

#lightbox { position: fixed; _position: absolute; top: 50%; left: 50%; padding: 10px; background: #fff; width: 600px; height: 400px; margin: -200px 0 0 -300px; display: none; z-index:50000; -moz-box-shadow: 0 0 20px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7); box-shadow: 0 0 20px rgba(0,0,0,0.7); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

#lightbox.loading { background: #fff url('loading3.gif') no-repeat 50% 50%; }
		
	#lightbox a.close { color: #111; background: #fff; position: absolute; right: 0; top: 0; display: block; font-size: 10px; z-index: 5; padding: 8px 14px 4px 6px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
	
	#lightbox a.prev, #lightbox a.next { position: absolute; top: 90%; left: 0; padding: 5px; background: #fff; margin-top: -0.5em; width: 6em; text-align: center; opacity: 0.5; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
	
	#lightbox a.next { left: auto; right: 0; }
	
	#lightbox a:hover.prev, #lightbox a:hover.next { opacity: 1; }
	
	#textFeld { color:#000; font-size:11pt; font-weight:bold;background-color:#fff; 
	
	filter: alpha(opacity=80);
	opacity:0.8; position:absolute; bottom:15px; left:50%; width:250px; height:80px; margin: 0 auto 0 -125px;
	padding:10px;
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7); box-shadow: 0 0 20px rgba(0,0,0,0.7); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; 
	}
	
	.ttt {display:none;}
	

.collectionimg {display:block; width:175px; height:65px; float:left; margin:0 10px 12px 0; background-color:#fff; text-align:center;border:2px solid #fff;}
.collectionimg:hover{border:2px solid #FF8400;}
.collectionimg img {border:none;margin:0 auto 0 auto; height:45px;padding:10px;}

.anfahrt {font-size:7pt;}
.orange {color:#FF8400;}
.ergebnis {display:none;color:#FF8400; font-size:16pt; width:100%; background-color:#1e1e1e;padding:5px; border: 1px dotted #FF8400; width:250px; text-align:middle;}

.tabelle table tr td{padding:10px 0 0 0;margin:0;}

#staff img { padding:5px; border: 1px dotted #FF8400;}

