/* import der content.css für schriftformatierungen */
@import url(content.css);

/* import der thumbnailviewer.css */
@import url(thumbnailviewer.css);

#banner_right {width:400px; height:173px; margin-left:834px; background:url(../images/banner-05.jpg) no-repeat;}
#nipsel {float: right;height: 55px; border-right:1px solid #762A2A;margin-right: -13px;margin-top: -81px;width: 81px; background:url(../images/banner-02_reverse.png) no-repeat;}
iframe html body {color:#ffffff !important;}
/* ############################################################################################################ */
/*		da alle html-elemente auf null gesetzt wurden, müssen sie ggf. neu ausgerichtet werden		*/
/* ############################################################################################################ */


/* mit dem element werden alle innen- und außenabstände aller html-elemente auf null gesetzt  */
* 
	{ margin:0; padding:0; }


html 
	{ height:100%;width:100% }


body 
	{ position:relative; background:url(../images/bg.gif) repeat #180000; height:100%;width:100%; color:#ffffff!important;}


img 
	{ border:0px solid; }


input, textarea, select
	{ background-color:#660000; border:1px #808080 solid; font-family:Verdana; font-weight:normal; color:#d9d9d9; padding:5px; }

select, input 
	{ font-size:0.9em; }
	
	select {width:211px;}
	
	input {width:200px;}

/* da die innen- und außenabstände aller html-elemente auf null gesetzt wurden, muss der inhalt wieder eingerückt werden  */
option 
	{ padding-left:0.4em; }

textarea
	{ height:100px; padding-left:5px; background-color:#600;}

textarea#mitteilung
	{ width:423px; font-size:11px; background-color:#600;}

textarea#haftung
	{ width:423px; height:397px; font-size:11px; background-color:#600; border: 1px solid #762a2a;}
	
textarea#agb
	{ height: 400px; width: 722px; font-size:11px; background-color:#600;}

.kontakt
	{ float:left; width:223px; }

.haftung	{
 float:left; width:161px;
}
	
#minheight
	{
  min-height:550px;
  height:auto !important;
  height:550px;
  width:1234px; min-height:525px; padding:57px 0px 145px 0px; 
	}
	
#index 
{ border: 1px solid #762A2A; position:relative; margin:0 auto;  width:1234px; height:auto !important; /* real browsers */ height:100%; min-height:100%; /* real browsers */
background:url(../images/content-spacer.jpg) repeat-y #460000; }

.connect_widget_not_connected_text {
	color:#fff!important;
}
/* admin area */


/*slider*/
.above_slider {margin-bottom:60px;}

#slider_container {
	height:229px; width:143px;
	/*background: url(../images/layout/slider.png) no-repeat -18px 0;*/
	position:absolute;
	overflow:hidden;
	margin-left: 7px;
    margin-top: 21px;
}

#descriptions { display: none; }

		#caption{color:#a8a8a8; position:absolute; z-index:9999; margin: -97px 0 0 82px; font-family:verdana;}

#content_container {
	background: url(../images/layout/content_box.png) no-repeat;
	height: 263px; width: 583px;
    margin-top: -1px;
    position: absolute;
	display:block;
	margin: -1px 0 0 386px; padding: 72px 0 0 43px;
	z-index:10;
}

	#content_container ul, .angebote ul li span, #content_container ul li span {color:#b0b0b0;}

	.angebote ul {
		width:358px;
		margin-left:20px;
	}
	
	.angebote ul li, #content_container ul li {
		list-style-type: square;
		color: #E77D0D;
		line-height:18px;
	}
	
	#preise_left {
		float:left;
		width:516px;
		margin-top:21px;
	}
	
	tr.headcol td{
		border-bottom:1px solid #E77D0D;
		padding-top:5px;
	}
	
	#preise_right {
		width:400px;
		margin-top:21px;
		padding-bottom: 51px;
	}
	
	#contact_infos {
		float:right;
		margin: -89px 130px 0 0;
	}
	
	#link_to_products {margin:54px 0 0 118px; position:absolute; display:block; background: url(../images/layout/contact_product_sprite.png) no-repeat; height: 35px; width: 120px;}
	#link_to_contact {margin:54px 0 0 354px; position:absolute; display:block; background: url(../images/layout/contact_product_sprite.png) -234px 0 no-repeat; height: 35px; width: 168px;}
	
	#link_to_products:hover {background-position: 0 -35px;}
	#link_to_contact:hover {background-position: -234px -35px;}
	
	
	
	/************** EASY SLIDER SETTINGS **************/
	
		pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px; margin:.5em 0;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		width:674px;
	}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0 0 0 70px; padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
        }
    /* // image replacement */
	
	#slider {}
			
	#container, #slider{	
		position:relative;
		text-align:left;
		width:696px;
	}	
	
	#content{position:relative;}			

	
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0; padding:0;
		list-style:none;
	}
	
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
			overflow: hidden; 			
	}	
	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px; height:77px;
		position:absolute; z-index:1000;
		left:-33px; top:198px;
	}	
	
	#nextBtn, #slider1next{ left:-10px;}	
	
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:25px; height:25px;
		background:url(../images/slider_navi_sprite.png) no-repeat;	
	}	
	
	#nextBtn a, #slider1next a{ background:url(../images/slider_navi_sprite.png) -23px 0px no-repeat;	}	
	#nextBtn a:hover, #slider1next a:hover{ background:url(../images/slider_navi_sprite.png) -23px -19px no-repeat;	}	
	#prevBtn a:hover, #slider1prev a:hover{ background:url(../images/slider_navi_sprite.png) 0 -19px no-repeat;	}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0; padding:0;
		height:28px;	
		
	}
	ol#controls li{
		margin:0 10px 0 0; padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
	}
		
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
	}
	
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
	}
	
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


/*navigation */
#home {
	background:url(../images/buttons/willkommen.png) no-repeat;
	display:block;
	z-index:100;
	width:91px; height:80px;
} 

	#home:hover, #home.active {background:url(../images/buttons/willkommen_hover.png) no-repeat;}
	
#tattoo {
	background:url(../images/buttons/tattoo.png) no-repeat;
	display:block;
	z-index:100;
	width:91px; height:80px;
}
	
	#tattoo:hover, #tattoo.active {background:url(../images/buttons/tattoo_hover.png) no-repeat;}
	
#piercing {
	background:url(../images/buttons/piercing.png) no-repeat;
	display:block;
	z-index:100;
	width:91px; height:80px;
}
	
	#piercing:hover, #piercing.active {background:url(../images/buttons/piercing_hover.png) no-repeat;}
	
#remove {
	background:url(../images/buttons/remove.png) no-repeat;
	display:block;
	z-index:100;
	width:91px; height:80px;
}
	
	#remove:hover, #remove.active {background:url(../images/buttons/remove_hover.png) no-repeat;}
	
#literatur {
	background:url(../images/buttons/literatur.png) no-repeat;
	display:block;
	z-index:100;
	width:91px; height:80px;
}
	
	#literatur:hover, #literatur.active {background:url(../images/buttons/literatur_hover.png) no-repeat;}
	
#agb_nav {
	background:url(../images/buttons/agb.png) no-repeat;
	display:block;
	z-index:100;
	position:relative;
	width:91px; height:80px;
}
	
	#agb_nav:hover, #agb_nav.active {background:url(../images/buttons/agb_hover.png) no-repeat;}
	
#bilder_nav {
	background:url(../images/buttons/bilder.png) no-repeat;
	display:block;
	z-index:100;
	width:91px; height:80px;
}
	
	#bilder_nav:hover, #bilder_nav.active {background:url(../images/buttons/bilder_hover.png) no-repeat;}
	
 	
 	
#kontakt {
	background:url(../images/buttons/kontakt.png) no-repeat;
	display:block;
	z-index:100;
	position:relative;
	width:91px; height:80px;
}
	
	#kontakt:hover, #kontakt.active {background:url(../images/buttons/kontakt_hover.png) no-repeat;}
	
#impressum {
	background:url(../images/buttons/impressum.png) no-repeat;
	display:block;
	z-index:100;
	position:relative;
	width:91px; height:80px;
}
	
	#impressum:hover, #impressum.active {background:url(../images/buttons/impressum_hover.png) no-repeat;}
	
#studio {
	background:url(../images/buttons/studio.png) no-repeat;
	display:block;
	z-index:100;
	position:relative;
	width:91px; height:80px;
}
	#studio:hover, #studio.active {background:url(../images/buttons/studio_hover.png) no-repeat;}


#guestbook {
	background:url(../images/buttons/guestbook.png) no-repeat;
	display:block;
	z-index:100;
	position:relative;
	width:91px; height:80px;
}
	
	#guestbook:hover, #guestbook.active {background:url(../images/buttons/guestbook_hover.png) no-repeat;}

#footer
{ position:absolute; width:982px; height:135px; bottom:0; /* stick to bottom */ }

#index-info 
{ position:absolute; width:143px; height:auto !important; /* real browsers */ height:100%; min-height:100%; /* real browsers */
background:url(../images/info/design-partner-02.jpg) repeat-y;  top:0px; margin-left:838px; }

#footer-info
{ position:absolute; width:143px; height:34px; bottom:93px; /* stick to bottom */ }

.beitrag
  { margin-left:150px; margin-top:25px;}
  
#navi
{ width:982px; position:absolute; top:0; margin:0 auto; visibility:visible; z-index:2; width: 1235px;}

.button
{height:86px; float:left;}

#button2
{height:74px; float:left;}

#platzl
{margin-left:152px; }

#bilder
{width:100px; height:100px; float:left; margin:4px 6px 0 0;}

#bilder2
{width:100px; height:100px; float:left; margin:4px 0 0;}

#bilder-oben
{width:100px; height:100px; float:left; margin:0 6px 0 0;}

#bilder-oben2
{width:100px; height:100px; float:left; margin:0}

img.groesse
	{width:205px; height:145px; border:1px solid ; border-color:#000;  }
	
img.leer
	{width:100px; height:100px; border:1px solid ; border-color:#000;  }
.pic_box
	{ float:left; padding:3px; text-align:center; }