@charset "utf-8";
/* CSS Document /* 

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

0. Import CSS
1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

########################################################################################################
######################################################################################################*/

/* 0. Import CSS */

	@import url("lightbox.css");
 @import url("cms.css");
 @import url("clearfix.css");
/* ########################################################################################################
######################################################################################################*/   

/* 1. Standards */

html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	list-style-type: none;
	color: #fff;
	vertical-align:baseline;
	font: 12px/18px "Verdana, Arial, Helvetica", sans-serif;
}
body {
	background: #000;
	min-height: 101%;
}
html {
	font-size: 100%;
	overflow: -moz-scrollbars-vertical;
}
h1 {
	color: #67c1dd;
	font-weight:lighter;
	font: 24px/32px "Arial, Helvetica", sans-serif;
}
h2 {
	color: #67c1dd;
	font-weight:lighter;
	font: 18px/22px "Arial, Helvetica", sans-serif;
}
h3 {
	color: #67c1dd;
	font-weight:lighter;
	font: 18px/22px;
}
h4 {
	color: #67c1dd;
	font-weight:lighter;
	font: 18px/22px;
}
p {
	margin: 0 0 20px 0px;
}
.hideme {
	display: none;
}
img, img a {
	border: none;
}
/*######################################################################################################
######################################################################################################*/

/* 2. Layout */

#clear, .clear {
	clear:left;
	float:none;
}
#container {
	width: 955px;
	position:relative;
	margin: 0 auto;
	text-align: left;
}
/*---------------------------------*/

#logo {
	position:absolute;
	height:128px;
	width:279px;
	text-indent:-9999px;
	left: 621px;
	top: 128px;
	display:block;
}
#gaestebuch {
	position:absolute;
	height:55px;
	width:172px;
	text-indent:-9999px;
	left: 622px;
	top: 550px;
	display:block;
}
#gaestebuch:hover {
	background:transparent url(../images/layout/gaestebuch_hover.jpg) no-repeat 1px 0;
}
#head {
	background:url(../images/layout/header.jpg) no-repeat;
	width: 955px;
	height:509px;
	clear: both;
}
#headline {
	background: url(../images/layout/headline.jpg) no-repeat;
	width:955px;
	height:138px;
}
#content {
	padding-left: 41px;
	width:855px;
}
.col-left {
	float:left;
}
.col-right {
	float:left;
}
.editcontent {
}
/*---------------------------------*/

#footer {
	background:url(../images/layout/footer.jpg) no-repeat;
	width:955px;
	height:218px;
	padding:30px 0 0 41px;
	position:relative;
}
/*######################################################################################################
######################################################################################################*/


/* 3. Navigation */

ul#navi li a {
	position:absolute;
	text-decoration:none;
	text-indent: -9999px;
	left: 743px;
	width: 134px;
	height: 24px;
	top: 351px;
	display:block;
}
ul#navi li a#index {
	height:22px;
	width:83px;
	left:657px;
	top:272px;
}
ul#navi li a#index:hover {
	background:transparent url(../images/layout/navigation_hover.jpg) no-repeat;
}
ul#navi li a#kontakt {
	height:22px;
	width:75px;
	left:740px;
	top:272px;
}
ul#navi li a#kontakt:hover {
	background:transparent url(../images/layout/navigation_hover.jpg) no-repeat -83px 0;
}
ul#navi li a#anfahrt {
	height:22px;
	width:72px;
	left:815px;
	top:272px;
}
ul#navi li a#anfahrt:hover {
	background:transparent url(../images/layout/navigation_hover.jpg) no-repeat -158px 0;
}
ul#navi li a#ueberuns {
	height:58px;
	width:172px;
	left:31px;
	top:62px;
}
ul#navi li a#ueberuns:hover {
	background:transparent url(../images/layout/ueberuns_hover.jpg) no-repeat 0 1px;
}
ul#navi li a#lichtwerke {
	height:279px;
	width:398px;
	top:119px;
	left:74px;
}
ul#navi li a#lichtwerke:hover {
	background:transparent url(../images/layout/lichtwerke_hover.jpg) no-repeat 0 0;
}
ul#navi li a#aktuelles {
	height:80px;
	width:172px;
	left:300px;
	top:413px;
}
ul#navi li a#aktuelles:hover {
	background:transparent url(../images/layout/aktuelles_hover.jpg) no-repeat 0 0;
}
ul#navi li a#tattoo {
	height:53px;
	width:164px;
	left:479px;
	top:270px;
}
ul#navi li a#tattoo:hover {
	background:transparent url(../images/layout/tattoo_hover.jpg) no-repeat 0 0;
}
ul#navi li a#coverup {
	height:50px;
	width:222px;
	left:518px;
	top:308px;
}
ul#navi li a#coverup:hover {
	background:transparent url(../images/layout/navigation2_hover.jpg) no-repeat 0 0;
}
ul#navi li a#uvtattoos {
	height:28px;
	width:222px;
	left:518px;
	top:358px;
}
ul#navi li a#uvtattoos:hover {
	background:transparent url(../images/layout/navigation2_hover.jpg) no-repeat 0 -50px;
}
ul#navi li a#piercing {
	height:27px;
	width:222px;
	left:518px;
	top:386px;
}
ul#navi li a#piercing:hover {
	background:transparent url(../images/layout/navigation2_hover.jpg) no-repeat 0 -78px;
}
ul#navi li a#information {
	height:27px;
	width:222px;
	left:518px;
	top:413px;
}
ul#navi li a#information:hover {
	background:transparent url(../images/layout/navigation2_hover.jpg) no-repeat 0 -105px;
}
ul#navi li a#microdemal {
	height:53px;
	width:222px;
	left:518px;
	top:440px;
}
ul#navi li a#microdemal:hover {
	background:transparent url(../images/layout/navigation2_hover.jpg) no-repeat 0 -132px;
}
ul#navi li a#werke {
	height:28px;
	width:156px;
	left:763px;
	top:311px;
}
ul#navi li a#werke:hover {
	background:transparent url(../images/layout/navigation2_hover.jpg) no-repeat -245px -3px;
}
ul#navi li a#schmuck {
	height:27px;
	width:166px;
	left:740px;
	top:355px;
}
ul#navi li a#schmuck:hover {
	background:transparent url(../images/layout/navigation2_hover.jpg) no-repeat -222px -47px;
}
ul#navi li a#blumen {
	height:27px;
	width:166px;
	left:740px;
	top:386px;
}
ul#navi li a#blumen:hover {
	background:transparent url(../images/layout/navigation2_hover.jpg) no-repeat -222px -78px;
}
ul#navi li a#dosen {
	height:27px;
	width:166px;
	left:740px;
	top:413px;
}
ul#navi li a#dosen:hover {
	background:transparent url(../images/layout/navigation2_hover.jpg) no-repeat -222px -105px;
}
ul#navi li a#sc {
	height:53px;
	width:166px;
	left:740px;
	top:440px;
}
ul#navi li a#sc:hover {
	background:transparent url(../images/layout/navigation2_hover.jpg) no-repeat -222px -132px;
}
/*------------------------------- Subnavi  -------------------------------*/

a#impressum {
	position:absolute;
	text-indent:-9999px;
	width: 105px;
	height: 26px;
	left: 323px;
	top: 180px;
	display:block;
}
a#impressum:hover {
	background:url(../images/layout/impressum_hover.jpg) no-repeat 1px -2px;
	display:block;
}
a.top {
	position:absolute;
	text-indent:-9999px;
	width: 105px;
	height: 26px;
	left: 718px;
	top: 215px;
	display:block;
}
a#top:hover {
	display:block;
}
/*######################################################################################################
######################################################################################################*/

/* 4. Content */

.picture {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/layout/progress.gif) no-repeat center center;
	margin: 0px 15px 10px 0;
	cursor: url(../images/layout/zoomin.cur), pointer;
	outline: none;
}
.picture:hover, a:hover img.picture {
	border: 2px solid #cc0000;
	padding: 1px;
}
.picturenohover {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/layout/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
}
.lightblue {
	color:#67c1dd
}
/*---------------------------------*/



/*---------------------------------*/

ul.liste {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}
ul.liste li {
	padding: 5px 0 5px 25px;
	border-bottom: dashed 1px #ccc;
	margin: 0 10px 0 0;
	line-height: 18px;
	list-style:none;
	_height: 20px;
}
ul.liste li:hover {
	color:#333;
	background: #f7f8f8;
}
/*---------------------------------*/




/*######################################################################################################
######################################################################################################*/


/* 5. Links */

a:link, a:visited, a:active, a:focus, .escape span {
	text-decoration: underline;
	color: #67c1dd;
	outline: none;/*	white-space:nowrap;*/
}
a:hover, a:hover span {
	text-decoration:none;
	color:#888;
}
/*---------------------------------*/

.rahmen {
	background:url(../images/layout/cmsrahmen.jpg) no-repeat;
	padding: 8px 7px 7px 7px;
	float:left;
	margin-right:10px;
}
#contentlinks {
	width:258px;
	padding-right:40px;
	float:left;
}
#contentmitte {
	width:258px;
	padding-right:40px;
	float:left;
}
#contenrechts {
	width:258px;
	float:left;
}
.h1wuensche {
	background:url(../images/content/headline_wuensche.gif) no-repeat;
	width:279px;
	height:23px;
	text-indent:-9999px;
	display:block;
}



a#pixopolis {
    background: url("../images/footer-links.jpg") no-repeat scroll 0 -21px transparent;
    display: block;
    height: 23px;
    left: 336px;
    position: absolute;
    text-indent: -9999px;
    top: 205px;
    width: 140px;
}
a#pixopolis:hover {
	background:url(../images/footer-links.jpg) 0 -84px no-repeat;
}

a#airich {
   background: url("../images/footer-links.jpg") no-repeat scroll -143px -21px transparent;
    display: block;
    height: 23px;
    left: 477px;
    position: absolute;
    text-indent: -9999px;
    top: 205px;
    width: 167px;
}
a#airich:hover {
	background:url(../images/footer-links.jpg) -143px -84px no-repeat;
}

a#bodyfeeling {
    background: url("../images/footer-links.jpg") no-repeat scroll -94px 0 transparent;
    display: block;
    height: 23px;
    left: 431px;
    position: absolute;
    text-indent: -9999px;
    top: 183px;
    width: 222px;
}
a#bodyfeeling:hover {
	background:url(../images/footer-links.jpg) -94px -63px no-repeat;
}


a#darksilence {
	position:absolute;
	text-indent:-9999px;
	display:block;
	left: 336px;
	top:225px;
	width: 182px;
	height: 23px;
}
a#darksilence:hover {
	background:url(../images/layout/footer_hover.jpg) no-repeat;
	position:absolute;
}
a#freakhair {
	position:absolute;
	display:block;
	text-indent:-9999px;
	left: 518px;
	top:225px;
	width: 155px;
	height: 23px;
}
a#freakhair:hover {
	background:url(../images/layout/footer_hover.jpg) no-repeat -182px 0;
	position:absolute;
}
#headline_kontakt {
	background: url(../images/content/headlines/kontakt.jpg) no-repeat;
	width:955px;
	height:138px;
}
#headline_werke {
	background: url(../images/content/headlines/werke.jpg) no-repeat;
	width:955px;
	height:138px;
}
#headline_uvtattoos {
	background: url(../images/content/headlines/uvtattoos.jpg) no-repeat;
	width:955px;
	height:138px;
}
#headline_ueberuns {
	background: url(../images/content/headlines/ueberuns.jpg) no-repeat;
	width:955px;
	height:138px;
}
#headline_schmuck {
	background: url(../images/content/headlines/schmuck.jpg) no-repeat;
	width:955px;
	height:138px;
}
#headline_piercing {
	background: url(../images/content/headlines/piercing.jpg) no-repeat;
	width:955px;
	height:138px;
}
#headline_microdemal {
	background: url(../images/content/headlines/microdemal.jpg) no-repeat;
	width:955px;
	height:138px;
}
#headline_information {
	background: url(../images/content/headlines/information.jpg) no-repeat;
	width:955px;
	height:138px;
}
#headline_impressum {
	background: url(../images/content/headlines/impressum.jpg) no-repeat;
	width:955px;
	height:138px;
}
#headline_dosen {
	background: url(../images/content/headlines/dosen.jpg) no-repeat;
	width:955px;
	height:138px;
}
#headline_coverup {
	background: url(../images/content/headlines/coverup.jpg) no-repeat;
	width:955px;
	height:138px;
}
#headline_blumen {
	background: url(../images/content/headlines/coverup.jpg) no-repeat;
	width:955px;
	height:138px;
}
#headline_anfahrt {
	background: url(../images/content/headlines/anfahrt.jpg) no-repeat;
	width:955px;
	height:138px;
}
#headline_aktuelles {
	background: url(../images/content/headlines/aktuelles.jpg) no-repeat;
	width:955px;
	height:138px;
}
.unten {padding-bottom:15px;}
/*######################################################################################################
######################################################################################################*/