/* generell */
body {
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#FEAE00;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	background:	black;
	text-align:			left; /* For IE */
	}


/* Container Styles */
#container {
	position:		relative;
	top:				20px;
	width:			800px !important;
	width /**/:		800px;
	min-height:		600px  !important;
	height:			600px;
	margin:			0 auto;
	padding:			0px 0px 0px 0px;
	text-align:		left; /* For IE, see above */
	background: url(poison-heart-bg.jpg);
	}

/* Intro Styles */
#intro {
	padding:			0;
}

#logo{
	position:		absolute;
	left:				44px;
	top:				194px;
	height: 370px;
	width: 270px;
	background: url(poison-heart-logo.jpg) no-repeat;
	
}

#site{
	position:		absolute;
	left:				550px;
	top:				500px;
	height: 100px;
	width: 250px;
	background: url(poison-heart-logo.jpg) no-repeat;
	
}

#global{
	position:		absolute;
	left:				660px;
	top:				5px;
	width:			150px;
	height:			20px;
}

#global a.global{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			10px;
	color:				#B3892D;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-align:			left;
	text-decoration: none;
	}

#global a:hover.global{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			10px;
	color:				white;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-align:			left;
	text-decoration: none;
	}
	
#global a.globalaktiv{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			10px;
	color:				white;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-align:			left;
	text-decoration: none;
	}

#hauptnavi {
	position:		absolute;
	left:				360px;
	top:				100px;
	width:			415px;
	height:			50px;
	z-index: 1;
	}
	

	
#hauptnavi a.tattoo {
display: block;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	background-image: url(tattoo.gif);
	width:			70px;
	height:50px;
	float: left;
	}

	
#hauptnavi a:hover.tattoo {
	width:			70px;
	height:50px;
	margin:				0 0 0px 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	background-image: url(tattoo-hover.gif);
	float: left;
	}
	
#hauptnavi a.tattooaktiv {
	width:			70px;
	height:50px;
	margin:				0 0 0px 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	background-image: url(tattoo-hover.gif);
	float: left;
	}
	
#hauptnavi a.graffiti {
display: block;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	background-image: url(graffiti.gif);
	width:			92px;
	height:50px;
	float: left;
	}

	
#hauptnavi a:hover.graffiti {
	width:			92px;
	height:50px;
	margin:				0 0 0px 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	background-image: url(graffiti-hover.gif);
	float: left;
	}
	
#hauptnavi a.graffitiaktiv {
	width:			92px;
	height:50px;
	margin:				0 0 0px 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	background-image: url(graffiti-hover.gif);
	float: left;
	}
	

	#hauptnavi a.paintings {
display: block;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	background-image: url(paintings.gif);
	width:			108px;
	height:50px;
	float: left;
	}

	
#hauptnavi a:hover.paintings {
	width:			108px;
	height:50px;
	margin:				0 0 0px 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	background-image: url(paintings-hover.gif);
	float: left;
	}
	
#hauptnavi a.paintingsaktiv {
	width:			108px;
	height:50px;
	margin:				0 0 0px 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	background-image: url(paintings-hover.gif);
	float: left;
	}
	
#hauptnavi a.flash {
display: block;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	background-image: url(flash.gif);
	width:			78px;
	height:50px;
	float: left;
	}

	
#hauptnavi a:hover.flash {
	width:			78px;
	height:50px;
	margin:				0 0 0px 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	background-image: url(flash-hover.gif);
	float: left;
	}
	
#hauptnavi a.flashaktiv {
	width:			78px;
	height:50px;
	margin:				0 0 0px 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	background-image: url(flash-hover.gif);
	float: left;
	}
	

	#hauptnavi a.studio{
display: block;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	background-image: url(studio.gif);
	width:			67px;
	height:50px;
	float: left;
	}

	
#hauptnavi a:hover.studio {
	width:			67px;
	height:50px;
	margin:				0 0 0px 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	background-image: url(studio-hover.gif);
	float: left;
	}
	
#hauptnavi a.studioaktiv {
	width:			67px;
	height:50px;
	margin:				0 0 0px 0px;
	padding:				0 0 0 0px;
	text-decoration: none;
	background-image: url(studio-hover.gif);
	float: left;
	}
	
#gallery {
	position:		absolute;
	left:				44px;
	top:				160px;
	width:			750px;
	height: 			325px;
	padding-left:	0px;
	}	
	
		
img.tn{
	border: 1px solid #B2892D;
	height: 75px;
	width: 75px;
	margin: 5px;
	}
	
img.tnsec{
	border: 1px solid #B2892D;
	height: 120px;
	margin: 5px;
	}
	
	
#content {
	position:		absolute;
	top:				160px;
	left:				365px;
	width:			400px;
	height: 			325px;
	padding-left:	0px;
	}
	

	
#content img.gallery{
	width: 90px;
	height: 90px;
	margin:  0 10px 10px 0;
	float: left;
}

#content p.gallery{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#B3892D;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-align:			left;
	}
	
content a.gallery{
	margin:  0 10px 10px 0;
	float: left;
	}
	
#content a.blaettern{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			10px;
	color:				#B3892D;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-align:			left;
	text-decoration: none;
	}

#content a:hover.blaettern{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			10px;
	color:				white;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-align:			left;
	text-decoration: none;
	}

#content h1{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			20px;
	color:				#B3892D;
	margin:				0 0 0 0px;
	padding:				0 0 15px 0px;
	text-align:			left;
	}
	

	

#content p.text{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			12px;
	line-height: 		16px;
	font-weight: bold;
	color:				#B3892D;
	margin:				0 0 0 0px;
	padding:				0 0 15px 0px;
	text-align:			left;
	z-index: 2;
	}
	

#content p.klein{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height: 		12px;
	color:				#B3892D;
	margin:				0 0 0 0px;
	padding:				0 0 15px 0px;
	text-align:			left;
	z-index: 2;
	}

	#content a.link{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#B3892D;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-align:			left;
	text-decoration: none;
	}

#content a:hover.link{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				white;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-align:			left;
	text-decoration: none;
	}
	
#content a.linkaktiv{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				white;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-align:			left;
	text-decoration: none;
	}
	
	
#login{
	position:		absolute;
	left:				0px;
	top:				590px;
	width:			50px;
	height:			20px;
}

#login a.login{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				black;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-align:			left;
	text-decoration: none;
	}

#login a:hover.login{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				white;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-align:			left;
	text-decoration: none;
	}
	
input.button {
	font-size: 12px;
	color:				#B3892D;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	background-color: black;
	border: 1px solid		#B3892D;
	text-align: center;
	font-weight : bold;
	margin-top:	5px;
}



#footer{
	position:		absolute;
	top:				600px;
	left:				20px;
	height:			20px;
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#B3892D;
	text-align: center;
}

#footer a{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#B3892D;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-align:			left;
	text-decoration: none;
	}

#footer a:hover{
	font-family: 		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				white;
	margin:				0 0 0 0px;
	padding:				0 0 0 0px;
	text-align:			left;
	text-decoration: none;