@charset "utf-8";

/******************************************************************
 *Author: Duy Tran
 *Created: 28.11.2008					
 *Copyright: Euroweb Internet GmbH 
/******************************************************************


/* --------------------------------------------------------------------------- */
/* -------------------------->>> IMPORT <<<----------------------------------- */
/* --------------------------------------------------------------------------- */

	@import url("lightbox.css");
	@import url("ew_cms.css");
	
/* --------------------------------------------------------------------------- */
/* -------------------------->>> FARBEN <<<----------------------------------- */
/* --------------------------------------------------------------------------- */

/**/
	

/* --------------------------------------------------------------------------- */
/* -------------------------->>> GLOBAL <<<----------------------------------- */
/* --------------------------------------------------------------------------- */

* { margin: 0;	
	padding: 0; 
	list-style-type: none; 
	text-decoration: none;
	border: none;
	outline: none;
}

body {
	background: #000 url(../images/layout/bg.jpg) no-repeat top center;
	font: 14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	color: #e8e8e8;
}

html, body { height: 100%;}


html[xmlns^="http"] { overflow-y: scroll;}

/*
KLASSEN & ANDERE STANDARDS
==================================================*/

.clear { clear: both;}

.float-left { float: left;}

.float-right { float: right;}

.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}

.mr10 { margin-right: 10px;}
.mr20 { margin-right: 20px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}

.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}

.ml10 { margin-left: 10px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}
.ml40 { margin-left: 40px;}
.ml90 { margin-left: 90px;}


hr {color: #41100C; height: 1px; border-top: solid 1px #41100C; border-bottom: transparent; clear: both; margin-bottom: 15px;}
.no-bg { background: none!important;}

/* --------------------------------------------------------------------------- */
/* -------------------------->>> LAYOUT <<<----------------------------------- */
/* --------------------------------------------------------------------------- */

/*
CONTAINER
==================================================*/

div#container {
	width: 955px;
	margin: 0 auto -420px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
}


/*
HEADER
==================================================*/

div#header { width: 955px; height: 505px; background: url(../images/layout/header.jpg) no-repeat; position: relative;}

/*
LOGO
==================================================*/
div#header h2 { display: inline;}
div#header h2 a { display: block; width: 264px; height: 127px; position: absolute; top: 0; left: 0; text-indent: -5000px; }

/*
CONTENT
==================================================*/

div#headline  { width: 862px; height: 97px; background: url(../images/layout/h1.jpg); padding-left: 93px;}

div#content { 
	float: left;
	width: 535px;
	min-height: 407px;
	overflow: hidden;
	padding: 0 10px 25px 95px;

}

/*
SLIDESHOW
==================================================*/

div#no-slide {
	position: absolute;
	width: 221px;
	height: 31px;
	background: #000;
	color: #fff;
	padding: 5px;
	top: 25px;
	left: 13px;
	z-index: 100;
	line-height: 16px;
	font-size: 12px;
}

div#slideshow { float: left; width: 315px; height: 407px; position: relative; background: url(../images/layout/slideshow.jpg);}


/*
FOOTER
==================================================*/

div#footwrap  {width: 955px; height: 420px; margin: 0 auto; position: relative;}
.push { height: 420px;}

div#topfooter {
		width: 861px;
		height: 130px;
		background:  url(../images/layout/topfooter.png) no-repeat;
		padding: 51px 0 0  94px;
}

*html div#topfooter {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/topfooter.png', sizingMethod='crop');
}

div#footer {
	width: 880px;
	height: 165px;
	background: url(../images/layout/footer.jpg) no-repeat;
	padding: 65px 0 0 75px;
	position: relative;
}


/* --------------------------------------------------------------------------- */
/* -------------------------->>> NAVIGATION <<<------------------------------- */
/* --------------------------------------------------------------------------- */

ul#navi  {}

ul#navi li { float: left;}

ul#navi li a {}

ul#navi li a:hover {}


/* --------------------------------------------------------------------------- */
/* -------------------------->>> TOPNAVIGATION <<<---------------------------- */
/* --------------------------------------------------------------------------- */

ul#topnavi { 
	width: 651px; 
	height: 43px;
	background: url(../images/layout/topnavi.jpg) no-repeat 338px 0;
	padding-left: 370px; 
}


ul#topnavi li { float: left; font-family: Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif; font-size: 16px;}

ul#topnavi li a { display: block; height: 33px; color: #fff; text-decoration: none; padding-top: 8px; padding-left: 19px;}

ul#topnavi li a:hover { text-decoration: underline;}

/*Aktive Links*/
ul.top-aktiv-t1 li a.t1, ul.top-aktiv-t2 li a.t2, ul.top-aktiv-t3 li a.t3, ul.top-aktiv-t4 li a.t4, ul.top-aktiv-t5 li a.t5, ul.top-aktiv-t6 li a.t6, ul.top-aktiv-t7 li a.t7 { text-decoration: underline!important;}

a.t1 { width: 75px;}
a.t2 { width: 55px; }
a.t3 { width: 114px; }
a.t4 { width: 61px; }
a.t5 { width: 46px; padding-left: 21px!important; }
a.t6 { width: 46px; }
a.t7 { width: 80px;}

a.t1:hover {  background:#000 url(../images/layout/navi/t1.jpg) no-repeat;}
a.t2:hover { background: #000 url(../images/layout/navi/t2.jpg) no-repeat;}


/* --------------------------------------------------------------------------- */
/* -------------------------->>> TOPNAVIGATION-AUFKLAPP <<<------------------------------- */
/* --------------------------------------------------------------------------- */

ul#topnavi  li ul,
ul#topnavi  li#sub1 ul, ul#topnavi  li#sub2 ul, ul#topnavi  li#sub2a ul  {
	display: none;
 	list-style: none;
}

ul#topnavi  li ul li {
	background: none;
	display: block;
	position: relative;
	float: none;
	text-indent: 0;
}

ul#topnavi li ul a {
	font-size: 12px !important;
	display: block;
	color: #fff!important;
	width: 90px;
	height: 15px;
	text-indent: 0;
	padding-left: 26px;
	text-decoration: none;
}

ul#topnavi li ul a:hover { text-decoration: underline;}

ul#topnavi li#sub1 ul, ul#topnavi li#sub2 ul, ul#topnavi li#sub2a ul {
	position: absolute;
	padding-bottom: 12px;
	z-index: 1;
	background: #0e0000;
}

ul#topnavi li#sub1:hover ul, ul#topnavi li#sub2:hover ul, ul#topnavi li#sub2a:hover ul {display: block;}


ul#topnavi li#sub1 ul { top: 38px; left: 350px;}
ul#topnavi li#sub2 ul {	top: 38px;left: 450px;}
ul#topnavi li#sub2a ul {top: 38px;left: 520px; width: 180px;}


ul#topnavi li ul li { float: none; position: relative; display: inline; clear: both;}

ul#topnavi li ul li a { color: #9d1c2b;}


/* --------------------------------------------------------------------------- */
/* -------------------------->>> PRODUKTNAVI <<<---------------------------- */
/* --------------------------------------------------------------------------- */

ul#produktnavi { width: 840px; height: 273px; no-repeat;  position: absolute; top: 190px; left: 65px; }

ul#produktnavi  li { float: left;}

ul#produktnavi  li a { display: block; text-indent: -5000px;}

a.p1 { width: 361px; height: 127px; margin: 0 0px 18px 0; }
a.p2 { width: 265px; /*width:130px;*/ height: 127px; margin-left:210px;}
a.p5 { __width: 265px; width:140px; height: 127px; margin-left:195px;}
a.p3 { width: 310px; height: 128px; margin-right: 240px; }
a.p4 { width: 275px; height: 160px;}


 /*a.p1:hover { background: url(../images/layout/navi/p1.jpg) no-repeat;}
 a.p2:hover { background: url(../images/layout/navi/p2.jpg) no-repeat;}
 a.p3:hover { background: url(../images/layout/navi/p3.jpg) no-repeat;}
 a.p4:hover { background: url(../images/layout/navi/p4.jpg) no-repeat;}*/
 
 /* --------------------------------------------------------------------------- */
/* -------------------------->>> PRODUKTNAVIGATION-AUFKLAPP <<<------------------------------- */
/* --------------------------------------------------------------------------- */

ul#produktnavi  li#sub2a ul, ul#produktnavi  li#sub3 ul, ul#produktnavi  li#sub4 ul, ul#produktnavi  li#sub4a ul, ul#produktnavi  li#sub5 ul, ul#produktnavi  li#sub6 ul,  ul#produktnavi  li#sub7 ul {
	display: none;
 	list-style: none;
}

ul#produktnavi  li ul li {
	background: none;
	display: block;
	position: relative;
	float: none;
	text-indent: 0;
}

ul#produktnavi li ul a {
	font-size: 13px !important;
	display: block;
	color: #fff!important;
	width: 90px;
	height: 12px;
	text-indent: 0;
	padding: 7px 0 0 16px;
	text-decoration: none;
}

ul#produktnavi li ul a:hover { text-decoration: underline;}

ul#produktnavi li#sub3 ul, ul#produktnavi li#sub4 ul, ul#produktnavi li#sub4a ul, ul#produktnavi li#sub5 ul, ul#produktnavi li#sub6 ul, ul#produktnavi li#sub7 ul {
	position: absolute;
	padding-bottom: 12px;
	z-index: 1;
	background: #0D0000 /*url(../images/layout/navi/produktnavi-bg.png)*/;
	border: 1px solid #0D0000;
	border-bottom: none;
}

ul#produktnavi li#sub3:hover ul, ul#produktnavi li#sub4:hover ul, ul#produktnavi li#sub4a:hover ul, ul#produktnavi li#sub5:hover ul,  ul#produktnavi li#sub7:hover ul {display: block;}

#container #header #produktnavi #sub5 #sub6 ul { display: none;}

ul#produktnavi li#sub3 ul {	top: 53px; _top: 47px; left: 224px; width: 104px;} /*TATTOO*/

ul#produktnavi li#sub4 ul {	top: 15px; _top: 10px; right: 7px; } /*SCHMUCK*/
ul#produktnavi li#sub4 ul li a { width: 109px;}

ul#produktnavi li#sub4a ul {	top: 40px; _top: 20px; right: 150px; } /*Geschenkbox*/
ul#produktnavi li#sub4a ul li a { width: 170px;}

ul#produktnavi li#sub5 ul {	top: 159px; _top: 140px; left: 10px; width: 120px;} /*PIERCING*/
ul#produktnavi li#sub5 ul  li a { width: 120px; _width: 103px;}

ul#produktnavi li#sub6 ul {	top: -39px; *top: -20px;left: 120px; width: 100px;} /*PIERCING*/

ul#produktnavi li#sub7 ul {	top: 102px; _top: 66px; right: 162px; width: 101px;} /*SPORTS*/

ul#produktnavi li ul li { float: none; position: relative; display: inline; clear: both;}

ul#produktnavi li ul li a { color: #9d1c2b;}

/* --------------------------------------------------------------------------- */
/* -------------------------->>> SUBNAVIGATION <<<---------------------------- */
/* --------------------------------------------------------------------------- */

ul#subnavi { width: 291px; height: 22px; position: absolute; top: 12px; right:  34px; }

ul#subnavi li { float: left; height: 20px; padding-top: 2px;}

ul#subnavi li a { height: 22px;font-size: 13px; color: #ececec; text-decoration:  none; display: block; text-align: center; padding: 0;}

ul#subnavi li a:hover { text-decoration: underline;}

/*Aktive Links*/
ul.sub-aktiv-s1 li a.s1, ul.sub-aktiv-s2 li a.s2, ul.sub-aktiv-s3 li a.s3, ul.sub-aktiv-s4 li a.s4 { text-decoration: underline!important;}

a.s1 { width:  84px;}
a.s2 { width:  61px;}
a.s3 { width:  62px;}
a.s4 { width:  84px;}

/* --------------------------------------------------------------------------- */
/* -------------------------->>> LINKS <<<------------------------------------ */
/* --------------------------------------------------------------------------- */

div#content a  { text-decoration: underline; color: #e5acac; padding: 0;}
div#content a:hover { text-decoration: none;}
div#topfooter a {	 background: #310000; color: #d1d1d1; padding: 2px; text-decoration: none;}



div#topfooter a:hover { background: none;} 

a.nach-oben { 
	float: right; 
	padding-left: 15px;
	color: #761212!important;
	font-size: 11px;
	display: block;
} 

a, .escape span{
	text-decoration: underline;
	color: #e5acac;
	outline: none;
}

.escape span { padding: 0; text-decoration: none;}

a:hover, a:hover span { text-decoration: none; color: #e5acac;}

a[href$=".pdf"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/pdf.gif) no-repeat 0 50%;
	 line-height: 30px;
	 border-bottom: none;
	 display:block;
}

/* --------------------------------------------------------------------------- */
/* -------------------------->>> CONTENT <<<---------------------------------- */
/* --------------------------------------------------------------------------- */

/*
SPALTEN
==================================================*/

div.spalte01, div.spalte02, div.spalte03 { 
	float: left; 
	padding: 8px;
	height: 125px; 
	margin: 0 2px 20px 0;
}
div.spalte01 { padding-left: 0;}

div.spalte01 { float: left; width: 156px; }
div.spalte02 { float: left; width: 159px; }
div.spalte03 { float: left; width: 164px; }

.team-img { float: left; width: 150px;}
.team-beschreibung { float: left; width: 350px;}
.studioimages { width: 500px; height: 300px;}
.studioimages div { float: left; width: 160px; height: 140px;}

.galerie-taettoowierer {
	float:left;
	margin-bottom:30px !important;
}


/*
LISTEN
==================================================*/

ul.liste { margin-bottom: 30px;}

ul.liste li {
	line-height: 22px;
	width: 165px;
	background: url(../images/content/li.png) no-repeat left center;
	padding-left: 10px;
}

*html ul.liste li {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content/li.png', sizingMethod='crop');
}

ul.liste li a { color: #e8e8e8!important;}

div#produktbeschreibung ul li { list-style-type: square; margin-left: 15px;}


/*
HEADLINE
==================================================*/

h1 {
	font-size: 22px;
	color: #f2f2f2;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 20px 0;
	text-transform: uppercase;
}

h2 {
	font-size: 17px;
	color: #f2f2f2;
	font-weight:lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
}

h2 {
	font-size: 17px;
	color: #f2f2f2;
	font-weight:lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #fff;
}

div#produktbeschreibung h2 { border-bottom: 1px solid #fff; width: 515px;}


h3 {
	font-size: 13px;
	color: #f2f2f2;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px ;
	background: #1c0303;
	display: inline;
	line-height: 30px;
}

h4 { font-weight: bold; padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*
P
==================================================*/

div#content p { margin: 10px 0 20px 0 ; line-height: 19px;}

div.spalte01 p, div.spalte02 p, div.spalte03 p { font-size: 12px;}

div#produktbeschreibung p { font-size: 13px;}

div#topfooter p, div#footer p {float: left; color: #d1d1d1; font-size: 13px; line-height: 18px;}

div#footer p { color: #fee4e4;}

p#fragen { width: 244px; padding-right: 40px;}

p#news { width: 225px; padding-right: 40px;}

p#gbook { width: 242px; padding-right: 20px:;}

p#adress01 { width: 199px;}

p#adress02 { width: 191px;}
	
p#adress03 { width: 185px;}

p.produkt { float: left; width: 285px; }
p.preis { float: left; width: 220px;}

.studioimages p { float: left; width: 160px; height: 140px;}

div#datenschutzhinweis p { font-size: 11px;}



/*
IMAGEBORDER
==================================================*/

.imgborder {
	border: 1px solid #550a0a;
	padding: 1px;
	background:#fff url(../images/progress.gif) no-repeat center center;
	margin: 4px 18px 4px 0;
	cursor: url(../images/zoomin.cur), pointer;
    outline: none;
}

.imgborder:hover{
	border: 1px solid #fff;
	padding: 1px;
}

.imgbordernohover {
	border: 1px solid #550a0a;
	padding: 1px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 12px 0 0;
}


div#produktbeschreibung img {
	border: 1px solid #550a0a;
	padding: 1px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 10px 0 0;
	float: left;
}

/* --------------------------------------------------------------------------- */
/* -------------------------->>> KONTAKT | ANFAHRT | IMPRESSUM <<<------------ */
/* --------------------------------------------------------------------------- */

/*
KONTAKT
==================================================*/

div#personalien { float: left; width: 280px;}
div#nachrichtenfeld { float: left; width: 200px;}

/*
ANFAHRT
==================================================*/

div.anfahrtsskizze { float: left; width: 500px; height: 400px; margin-bottom: 20px; }
div.routenplaner { float: left; width: 230px;height: 180px; margin-bottom: 20px; }

/*
IMPRESSUM
==================================================*/

div#adressdaten { float: left; width: 280px;}
div#geschaeftsdaten { float: left; width: 250px;}