/*- Page Structure */

html { /* Force Vertical Scrollbar */
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
}

* {
	padding: 0;
	margin: 0;
	}

img {
	border: 0;
	}

body {
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	color: #444;
	text-align: center;

	background: #2c2c29 url("http://assbach.de/img/bg.grunge7.jpg") repeat;
	padding: 0 0 40px;
	margin: 0;	

	}

#border, .border {
	background: transparent url("/img/black30.png") repeat;
	width: 600px;
	padding: 8px;
	margin: 20px auto;
	position: relative;
}

#wrapper, .wrapper {
	background: #f6f6e8;
	text-align: left;
	padding: 0;

}

#header {
		background: #000 ;
		height: 80px;
		padding: 20px 0 0 20px;
		

}

#nav {
	background: #a6ba00;
	border-top:  4px solid #879700;
	color: #fff;
/*	font-style: italic;
	text-align: right;
	padding: 6px 80px 6px 0px; */
	padding: 10px;
	font-size: 14px;
}
	
#nav ul {
	list-style: none;	
}	

#nav ul li {
	display: inline;
	
}

#nav ul li a:link,#nav ul li a:visited   {
	color: #fff; text-decoration: none;
	padding:  4px 10px;
}

#nav ul li a:hover   {
	color: #000;
	background-color: #fff;
}
	
	
	#header h1 { 
	 font-size: 3em;
	 color: #89897c;
	}
	
	#header h2 {
	color:  #89897c !important;
	}

	#header h1 a:link,
	#header h1 a:visited { 
		color: #89897c;
		text-decoration: none;
		font-weight: normal;
	}



	#content, .content {
		padding: 20px; 
		font-size: 1.3em;
		/*background: url(http://assbach.de/tumblr/divider-sa.png) repeat-x 0 -81px; */
	}
	
	a:link, a:visited { color: #8ac155 ; }
	
	p {margin-top: 10px;}
	
	
	h1,h2,h3 {color: #8ac155 !important;
	font-family:'Trebuchet MS',Verdana,Sans-Serif;
	}
	
	
	
	h2 {
		font-size:2em;
		font-weight:normal;
		color: #8ac155 !important;
		font-family:'Trebuchet MS',Verdana,Sans-Serif;
		margin: 0px 0px 10px; 
	}
	
	
	
	
	
	
	#footer {
background: #000; padding:  20px;
border-top:  4px solid #879700;

}
	#footer p { padding: 0px; margin: 0px;}
	
	#footer p a:link, 
	#footer p a:visited { color: #ccc; text-decoration: none;}
	
	#footer p a:hover { color: #fff; text-decoration: underline;}
	
	
	
	
		
	.type2 {
	background: #ffc;
	border: 1px solid #eeb;
	
	}
	
	.type1 {
	background: #fff;
	border: 0px solid #fff;
	}
	

	
	
	
	.clear { padding:0px;margin:0px; clear:both}
	
	
	
	/* --------------------- */
	

	/* ---------------------- */
.np {margin-top: 20px;}	
	
	
ul.type2 {
	list-style:none;
	padding: 0px;
	margin: 10px 0px 0px -10px;
	background: #fff;
	border : 1px solid #fff;
}	

ul.type2 li {
	background: #fff url(/img/icons/bullet_go.png) no-repeat; 
	background-position: 0.5em; 
	padding-left: 25px; 
	line-height: 1.5em;
}

.boxIndex {float:left; margin-right: 5px; }
.c {clear:both;}



 dl.table
{
width: 540px;
margin: 2px 0;
padding: 0;

}

dl.table dt
{
width: 100px;
float: left;
margin: 0 0 0 0;
padding: 2px 0;
border-top: 2px solid #fff;

}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

dl.table dd
{
float: left;
width: 440px;
margin: 0 0 0 0;
padding: 2px 0;
border-top: 2px solid #fff;
}


#monster {
	position: absolute;
    top:270px;  
    width: 128px;      
	margin: 0 auto;  
	margin-left: 525px; 
	
}
#monster1 {
	position: absolute;
    top:60px;  
    width: 128px;   
    height:  128px;   
	margin: 0 auto;  
	margin-left: 605px; 
	overflow: hidden;
	background: transparent url(/img/monster2_128.png) no-repeat;
}
/* normal gallery */

	#gallery {
		background-color: #d8d8c7;
		padding: 10px;
	  
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #f6f6e8;
		border-width: 5px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }  
 
/* /normal gallery */

	
	ul.gallery { list-style: none; padding: 0px; margin: 0px; width 300px;}
	ul.gallery li { display: inline; padding: 0px; margin: 0px; }
	ul.gallery img {
		border: 4px solid #777;
		border-width: 4px;
	}
	ul.gallery a:hover img {
		border: 4px solid #999;
		border-width: 4px;
		color: #fff;
	}
	ul.gallery a:hover { color: #fff; }   
	
	
/*	
	#kontakt, #referenzen, #impressum {
	margin-top: 2em;
	background: url(/img/div.png) no-repeat top left; 
	padding-top: 4em;
}
*/

#leistungen ul {
	margin-left: 20px;
	margin-top: 1em;
}
	
#leistungen ul li {
	margin-bottom: 1em;
}	

.skip, .skipDown {
	width: 60px;
	margin-left: -55px;
	top: 3px;
	position: relative;
	border:  0px solid white;
	float: left;
}

.skipDown {
		top: -25px;
}

ul#ref_navi {list-style: none;margin-top: 1em;}
ul#ref_navi li { display: inline; text-decoration: none; color:#8ac155; cursor: hand; cursor:pointer; padding: 4px; margin-right: 4px; background-color: #fff;}
ul#ref_navi li:hover {
	background-color: #8ac155; color: #fff;
}