/*...........................................................................body...............*/


body {
	font: 76%/1.5 Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #000 url(../grafik/bg3.jpg) no-repeat top center;
	text-align: left;
	margin:0;
	padding:0;
	height:100%;

}

html {
/*background : #19150f;*/
	margin:0 auto;
}


a:link {color:#FFCC99; text-decoration:none;}
a:visited {color:#FFCC99; text-decoration:none;}
a:active {color:#000; text-decoration:none;}
a:hover {color:#fff; text-decoration:none;}


#content p{
clear:both;
}

#content strong{
color:#ccc;
}




h1{
    width:465px;
    color:#fcf7bf;
/*
	border-bottom:1px dotted #ccc;*/
	margin: 10px 0 0 ;
	padding:10px 0 0 ;
	font : 22px/26px Georgia, "Times New Roman", Seriff;
	clear:both


}
#c_right h1{
    width:260px;
    color:#fcf7bf;
	font-size: 20px;
	
	margin:0;
	padding:0 ;
	


}

h2{
	color:#fcf7bf;
	font-size: 16px;
	margin:0;
	padding:0 0 0 20px;
	width:440px;
	
	background:url(../sitepics/arrow.gif) no-repeat left center;
}

.h2 {
	height:40px;
	float:right;
	width:260px;
	margin:0;
	padding:0;
	border:none;
}

h3{
    
    color:#fcf7bf;
	font-size: 14px;
	font-weight:bold;
	margin:0 0 0 0 ;
	padding:0 ;
	
	clear:both;
	


}

/*...............................................................................header...............*/

#header {
    width:760px;
    height:120px;
    margin:0 auto;
    padding:0;
	
	
    
}   
#header img {
    float:left;
    margin:0 ;
    padding:0;
	/*background:#000;*/
    
} 

/*...............................................................................header...-------->----ende............*/
  
#logo {
	position:relative;
	top:0;
	left:0px;
	margin:0;
	float:right;	 	 
}






#container{
	width:760px;
	margin:0 auto; 
} 

/*...............................................................................content-box...............*/
#content{
	width:500px;
	padding-bottom:50px;
	float:left;
	height:100%;
	margin:0;
	/* background:#FFCC00;*/
} 


#content p, p{
    color:#ccc;
	margin:0;
    padding:5px 35px 10px 0px;
	min-height:1px;
	text-align:justify;
	font-size:12px;

}

#content img, #content img a{
float:left;
padding:5px 10px 0 0;
border:none;
} 



#content .extra {

margin:0px 35px 25px 0px;
padding:4px;
border:1px solid  #333333;
text-align:left;



}

#content img.piercing{

margin:3px 0px 10px 8px;
padding:4px;
border:1px solid  #333333;

float:right;



}
#content img.extraimg{

margin:0px 0px 10px 0px;
padding:0px;
/*border:1px solid #333333;*/

float:left;



}
#links img{
float:left;
margin:0 10px 0 0;
border:3px solid #10100f;
border:none;
}




/*...............................................................................imgbox-startseite..........*/

#imgbox{
    background: url(../grafik/bilder.jpg) no-repeat;
    height:180px;
	margin-top:10px;
	padding:30px 0 0 7px;
}	



	
#imgbox a img{
	border:3px solid #000;
}
		
#imgbox a:hover img{
	border:3px solid #FF9900;


}


#imgbox img{
	margin:0;
	padding:0;
	border:none;
}

/*...............................................................................content-right..........*/
#c_right{
	float:right;
	width:260px;
	padding-bottom:50px;
	padding-top:30px;
	height:100%;
}  



img.extras {
	float:right;
	border:none;
	margin-top:10px;
}  
.rightimg{
	margin-top:5px;
	margin-bottom:10px;
	position:relative;
	float:right;
	background-color:#000;
	padding:4px;
	border:none;
}
 
#c_right p{
	float:left;
	padding:20px 10px 10px 10px;
	background:#20130a url(../grafik/pright.jpg) repeat-y;
	margin:0;
	width:240px;
	text-align:right;
} 

.fett{
	font-size:14px;
}               
 


  
  /*............................................................................................Footer...............*/

#footer {
    clear:both;
	width:760px;
	height:60px;
	padding:0;
	margin-top:50px;
	margin: 0 auto;
	background:url(../grafik/footerlogo.gif) no-repeat center 5px;
	border-top:1px solid #404040; 
}



#footer p  {
	padding:14px 5px 15px 5px ;
	text-align:right;
	float:right;
	width:340px;
	font-size:11px;
}
 
ul{
width:400px;
margin-left:20px;
}

li{
	color:#FFFFFF;
	padding:5px;
}
 
 

 
/*----------------------------------------------------------------------------------head-navigation*/ 
/*
#navcontainer{
	margin: 0;
	height:50px;
	float:right;
	font : 18px Georgia, "Times New Roman", Seriff;


}

#navcontainer ul, #navcontainer li{
	height:100px;
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navcontainer a:link, #navcontainer a:visited{
	float: left;
	text-align:center;
	width:65px;
	height:37px;
	padding-top:15px;
	padding-bottom:13px;
	margin:0;
	text-decoration: none;
	color: #999;
	margin-left:3px;
}

#navcontainer a:link#current, #navcontainer a:visited#current, #navcontainer a:hover{
	color: #fcf7bf;
	background:url(../grafik/navbg.jpg) no-repeat center bottom;
}

#navcontainer .active a { 
	background:url(../grafik/navbg.jpg) no-repeat center bottom;
	color: #fcf7bf; 
}*/

#mainNav {
	position: relative;
	top: 12px;
	right: 0;
	width: 422px;
	height: 40px;
	overflow: hidden;
	list-style: none;

	float:right;
}


#mainNav li {
	min-height: 40px;
	float: left;
	list-style: none;
	margin:0;
	padding:0;
}
	
#mainNav li a {
	position: relative;
	display: block;
	height: 40px;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -2000em;
}
  
#start a {width: 57px; background-position: 0 0; }
#start a:hover { background-position: 0 -40px; }
#start a.active { background-position: 0 -40px; } 

#studio a { width: 69px; background-position: -57px 0; }
#studio a:hover { background-position: -57px -40px; }
#studio a.active { background-position: -57px -40px; }

#tattoo a { width: 67px; background-position: -129px 0; }
#tattoo a:hover { background-position: -129px -40px; }
#tattoo a.active { background-position: -129px -40px; }

#piercing a { width: 84px; background-position: -193px 0; }
#piercing a:hover { background-position: -193px -40px; }
#piercing a.active { background-position: -193px -40px; }


#links a { width: 63px; background-position: -277px 0; }
#links a:hover { background-position: -277px -40px; }
#links a.active { background-position: -277px -40px; }

#kontakt a { width: 82px; background-position: -340px 0; }
#kontakt a:hover { background-position: -340px -40px; }
#kontakt a.active { background-position: -340px -40px; }


/*----------------------------------------------------------------------------------footer-navigation--------------------*/

#navfooter{
	margin: 0;
	width:340px;
	height:50px;
	float:left;
}

#navfooter ul, #navfooter li{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navfooter a:link, #navfooter a:visited{
	float: left;
	text-align:center;
	line-height: 14px;
	font-size:12px;
	width:50px;
	height:37px;
	padding-top:15px;
	margin:0;
	text-decoration: none;
	color: #999;
	margin-left:3px;
}

#navfooter a:link#current, #navfooter a:visited#current, #navfooter a:hover{
	color: #fcf7bf;
	text-decoration:underline;
}

#navfooter .active a { 
	text-decoration:underline;
	color: #fcf7bf; 
}

.left{
	
	margin:0;
	padding:10px 0 0 0;
	float:left;
	width:250px;
	
	
}
.right{
	
	margin:0;
	padding:10px 0 0 0;
	float:right;
	width:250px;
	
	
}



/*----------------------------------------------------------------------------------imgset---lightbox-------------------------*/ 





#content .imgset img{ 

	
	height:50px;
	width:50px;
	margin:3px;
	border:#000 3px solid;
	overflow:visible;
	padding:0;
}


.imgset ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	width:465px;
}

.imgset ul, .imgset li { 
	float: left; 
	padding:2px;
	

}

.imgset a{
	text-decoration: none;
	background:#10100f;
	font-size: 12px;
	float: left;
	margin: 0px;
	height: 62px;
	width: 62px;
	color:#e0dfdf;
}

.imgset li a:hover{
	background:#423924;
	color: #fff;
}