body {
	margin:0;
	padding:0;
	color:#666;
	background:#000000 url(../images/holz.jpg) no-repeat 50% 60%;
	border-top: 5px solid #82BA61;
	font:.7em normal Arial, Helvetica, sans-serif;
	text-align:center;
}
img {
	margin:0;
	padding: 0;
	border:0 none;
}
p {
	margin:0 0 30px 0;
	line-height:18px;
	color: #999;
}
a {
	color:#aaaaaa;
	text-decoration: underline;
}
#footer a {
	color:#aaaaaa;
	text-decoration: none;
}
a:hover, #footer a:hover {
	color:#82BA61;
	text-decoration: none;
}

h1#studio_stockstadt { text-indent: -5000px; height: 13px; background: url(../images/studio_stockstadt.gif) no-repeat 0 0; }
h1#studio_walldorf { text-indent: -5000px; height: 13px; background: url(../images/studio_walldorf.gif) no-repeat 0 0; }
h1#imprint { text-indent: -5000px; height: 16px; background: url(../images/imprint.gif) no-repeat 0 0; }
h1#wert_legen { text-indent: -5000px; height: 34px; background: url(../images/wert_legen.gif) no-repeat 0 0; }
h1#hilfe { text-indent: -5000px; height: 13px; background: url(../images/hilfe.gif) no-repeat 0 0; }

h1#studio_stockstadt, h1#studio_walldorf, h1#imprint, h1#wert_legen, h1#hilfe { margin-bottom: 10px; padding:0; }

h4 {
	margin:25px 0 25px 25px;
	padding:0;
	height:15px;
	line-height:15px;
	font-size:12px;
	z-index:0;
}
h3 {
	margin:0 0 20px 0;
	padding:0;
	height:15px;
	line-height:15px;
	font-size:15px;
	z-index:0;
}

ul {
	margin:40px 0 0 0;
	padding:0;
	list-style:none;
}
ul li {
	margin:0;
	padding:5px 0 5px 0;
}
#container {
	margin:50px auto 0 auto;
	padding:0;
	width:690px;
}
.logo {
	margin:0 0 25px 0px;
	padding:0;
	float:left;
}
.invisible {
	visibility:hidden;
}
.green {
	color:#7B9C0A;
}

ul#menu {
	margin:10px 0 25px 0;
	padding:0;
	float:right;
	list-style-type:none;
	width:330px;
}
html>body ul#menu {
	margin:10px 0 25px 0;
}
#menu li {
	margin:0;
	padding:0;
	float:left;
	height:17px;
	line-height:17px;
}
#menu li a {
	margin:0;
	padding:0;
	text-decoration:none;
}
#menu li.wir a {
	margin:0 20px 0 0;
	width:32px;
	height:17px;
	background:url(../images/navigation_bg.gif) no-repeat;
	display:block;
}
#menu li.wir a:hover {
	background:url(../images/navigation_bg.gif) 0 -18px no-repeat;
}
#menu li.aktionen a {
	margin:0 20px 0 0;
	width:85px;
	height:17px;
	background:url(../images/navigation_bg.gif) -43px 0 no-repeat;
	display:block;
}
#menu li.aktionen a:hover {
	background:url(../images/navigation_bg.gif) -43px -18px no-repeat;
}
#menu li.galerie a {
	margin:0 20px 0 0;
	width:75px;
	height:17px;
	background:url(../images/navigation_bg.gif) -139px 0 no-repeat;
	display:block;
}
#menu li.galerie a:hover {
	background:url(../images/navigation_bg.gif) -139px -18px no-repeat;
}
#menu li.kontakt a {
	margin:0;
	width:74px;
	height:17px;
	background:url(../images/navigation_bg.gif) -224px 0 no-repeat;
	display:block;
}
#menu li.kontakt a:hover {
	background:url(../images/navigation_bg.gif) -224px -18px no-repeat;
}

#featured {
	margin:0;
	padding:0;
	clear:both;
	background: transparent url(../images/spinner.gif) no-repeat 50% 50%;
}
#content {
	margin:0 auto 0 auto;
	padding:0;
	width:690px;
	clear:both;
	text-align:left;
}
html>body #content {
	margin:0 auto 0 auto;
}
#left {
	margin:0;
	padding:0;
	width:150px;
	float:left;
}
#right {
	margin:0 0 0 20px;
	padding:0;
	width:520px;
	float:left;
}
#description {
	margin:0;
	padding:0;
	width:262px;
	text-align:left;
	float:left;
}

#footer { width: 690px; margin: 0 auto; padding: 0 16px; }

select {
	background-color:#303030;
	font-size:9px;
	color:#666;
	border:none;
}
#footer .copy {
clear: left;
float: left;
height: 14px;
font-size: 12px;
}
#footer .mali_md {
text-indent: -9999px;
clear: right;
float: right;
width: 145px;
height: 19px;
overflow: hidden;
background: url(../images/interag.gif) no-repeat left;
}
#footer .mali_md:hover {
background-position: right;
}
#footer .copy {
margin-top: 18px;
color: #444444;
}
#footer .mali_md {
margin-top: 18px;
}
.list {
padding: 10px 0 21px 45px;
margin: 0;
font-weight: bold;
font-size: 13px;
color: #aaaaaa;
list-style-type:upper-roman;
}
strong { color: #aaa; }

#links { width:447px;
          float:left;
          background: #333333;
margin-right: 3px;
height: 28em;
        }
#rechts { width:240px;
          float:left;
          background: #222222;
          height: 28em;
        }
#links p, #rechts p {
padding: 0px 0px 15px 15px;}
#links h1, #rechts h1 {
margin-left: 15px; margin-top: 15px; }

/*-- KONTAKT PAGE -------------*/

.contactMainArea {
position: relative;
float: left;
display: inline;
width: 340px;
height: 460px;
background-color: #222222;
}
.contactMainArea h1 {
font:18px bold Courier, Arial, Helvetica, sans-serif; 
color: #7BA563; 
line-height: 1em; 
margin: 10px 0 0 10px; 
padding: 0;
} 
.contactMainArea p {
font-size: 12px; 
color: #999; 
line-height: 1.5em; 
margin: 10px; 
padding-right: 5px;
} 
.contactColumn1 {
position: relative; 
float: left; 
display: inline; 
margin: 5px 5px 20px 5px; 
width: 330px; 
height: 460px;
background: url(../images/tapsen.gif) no-repeat  97.5% 98.5%;
}
.contactImageArea {
position: relative; 
float: right; 
display: inline; 
width: 347px; 
height: 460px; 
background: #454E54 url(../images/hund.jpg);
} 
.contactImageArea img {
border: 0;
}
#imprint {
text-align: left;
margin: 10px;
padding: 10px;
background: #222;
}
#imprint p {
color: #ccc;
padding: 5px 0px;
margin: 0;
}

/*-- AKTIONEN PAGE -------------*/

#dhtmlgoodies_slideshow{
		width:690px;	/* Total width of slideshow */


	}
	
	#previewPane{
		margin-bottom:3px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 515px;	/* IE 5.x */
		height/* */:/**/500px;	/* Other browsers */
		height: /**/500px;
				
	}
	#previewPane img{
		line-height:500px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:100px;	/* Height of the images + 2 */
		position:relative;
		overflow:hidden;
		padding:0px;
		background: #000;
		
		/* CSS HACK */
		height: 102px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/100px;	/* Other browsers */
		height: /**/100px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: transparent;
		padding:0px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: transparent;
		padding:0px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding-right:3px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}
	
	#theImages .imageCaption{
		display:none;
	}