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





body {
	font-family: Tahoma, Geneva, sans-serif ;
	font-size: 10px;
	color: black;
	background-color: black;
	background-image: url(bilder/HG.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
		
* { border: 0px;}

a 			{ color: white; text-decoration: none; border:none;}
a:visited 	{ color: white; text-decoration: none; border:none;}
a:hover 	{ color: white; text-decoration: none; border:none;}
a:active 	{ color: white; text-decoration: none; border:none;}		
		
		
#hg {	
	background-image:url(bilder/content.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
		
div#wrapper	{
	width: 100%;
	height: 565px;
	position: absolute;
	top: 50%;
	margin-top: -301px;
}

div#wrapcontent	{
	width: 800px;
	height: 565px;
	margin: 0px auto;
	padding: 0px;
}

div#logo	{	
	width: 300px;
	height: 54px;
	margin: 0px;
	margin-top: 10px;
	background-image: url(bilder/logo.png);
	float: left;
}

/***************************************************************Menu************************************************************/
div#menu	{
	float: right;
	width: 460px;
	height: 30px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	margin-top: 34px;
	margin-right: 0px;
}

div#rubrikhome	{
	
	float: right;
	width: 44px;
	height: 30px;
}

div#rubrikfirmen	{
	
	float: right;
	width: 110px;
	height: 30px;
}

div#rubrikcontact	{
	
	float: right;
	width: 62px;
	height: 30px;
	margin-right: 3px;
}

div#rubrikinfo	{
	
	float: right;
	width: 39px;
	height: 30px;
}

div#rubrikretouching	{
	
	float: right;
	width: 88px;
	height: 30px;
}
div#rubrikgalerie	{
	
	float: right;
	width: 60px;
	height: 30px;
}
	

div#menu li	{
	display:inline;
	margin-left: 5px;
}

div#menu a 			{ color: #CCC; text-decoration: none;}
div#menu a:visited 	{ color: #CCC; text-decoration: none;}
div#menu a:hover 	{ color: white; text-decoration: none; }
div#menu a:active 	{ color: white; text-decoration: none;}

/************************************************************Hauptfenster*****************************/

div#text	{
	
	width: 520px;
	height: 340px;
	background-image: url(bilder/text_hg.png);
	margin-left: 20px;
	margin-top: 20px;
	float: left;
}

div#text_gallery	{
	
	width: 760px;
	height: 340px;
	background-image: url(bilder/text_hg3.jpg);
	margin-left: 20px;
	margin-top: 20px;
	float: left;
}

div#text_index	{
	
	width: 520px;
	height: 340px;
	background-image: url(bilder/text_hg_klein.jpg);
	margin-left: 20px;
	margin-top: 20px;
	float: left;
}


div#textcontent	{
	
	float: right;
	width:210px;
	height: 200px;
	color: white;
	margin-top: 80px;
	margin-right: 35px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.3em;
	text-align: left;
}

div#textcontent_home	{
	
	float: right;
	width: 210px;
	height: 200px;
	color: white;
	margin-top: 80px;
	margin-right: 35px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.3em;
	text-align: left;
}

div#textcontent_xmas	{
	
	float: left;
	width: 210px;
	height: 200px;
	position: absolute;
	color: white;
	margin-top: 50px;
	margin-left: 60px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.3em;
	text-align: left;
}


div#textcontentfooter	{
	
	float: right;
	width: 305px;
	height: 30px;
	color: white;
	margin-right: 10px;
	margin-top: 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.6em;
}

div#text_inhalt	{
	
	float: left;
	position: x;
	width: 450px;
	height: 290px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	color: white;
	margin: 25px 0px 0px 10px;
	z-index: x;
}

div#text_inhalt_gallery	{
	
	float: left;
	position: x;
	width: 690px;
	height: 290px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	color: white;
	margin: 25px 0px 0px 10px;
	z-index: x;
}

#text_contact h2	{
	
	font-size: 18px;
}

div#text_contact	{
	
	position: relative;
	width: 480px;
	height: 180px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	color: white;
	margin: 25px 0px 0px 37px;
	z-index: 2;
}

div#galleryhead	{
	
	float: left;
	position: x;
	width: 30px;
	height: 282px;
	margin-top: 36px;
	margin-left: 5px;
	color: white;
	z-index: x;
}

div#mainpic		{
	
	position: relative;
	top: -155px;
	left: 35px;
	width: 450px;
	height: 150px;
	background-color: white;
	margin-left: x35px;
	margin-top: x20px;
	z-index: 2;
}

div#mainpichg	{
	
	position: relative;
	width: 520px;
	height: 160px;
	margin-top: 15px;
	z-index: 1;
}
	

div#mainpic_small		{
	
	position: relative;
	top: -175px;
	width: 450px;
	height: 150px;
	margin-left: 35px;
	margin-top: 20px;
}


.maintextrow	{
	
	position: relative;
	top: -150px;
	left: 15px;
	float: left;
	width: 220px;
	height: 200px;
	color: white;
	margin-top: 10px;
	margin-left: 30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.3em;
}

.maintextrow a 			{ color: #fff; text-decoration: none;}
.maintextrow a:visited 	{ color: #fff; text-decoration: none;}
.maintextrow a:hover 	{ color: white; text-decoration: none;}
.maintextrow a:active 	{ color: white; text-decoration: none;}


div#mainpictext a 			{ color: #fff; text-decoration: underline;}
div#mainpictext a:visited 	{ color: #fff; text-decoration: underline;}
div#mainpictext a:hover 	{ color: white; text-decoration: underline;}
div#mainpictext a:active 	{ color: white; text-decoration: underline;}

div#mainpichead	{
	
	position: relative;
	top: -155px;
	width: 450px;
	height: 25px;
	color: white;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.7em;
	margin-left: 35px;
	margin-top: 10px;
}

div#mainpichead_preise	{
	
	position: relative;
	width: 450px;
	height: 25px;
	color: white;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.7em;
	margin-left: 35px;
	margin-top: 10px;
}

div#mainpictext_preise	{
	
	position: relative;
	width: 450px;
	height: 120px;
	color: white;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.3em;
	margin-left: 35px;
}

div#mainpictext	{
	
	position: relative;
	top: -155px;
	width: 450px;
	height: 120px;
	color: white;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.3em;
	margin-left: 35px;
}

div#mainslide1	{
	
	width: 450px;
	height: 300px;
	margin-left: 35px;
	margin-top: 20px;
}
div#mainslide2	{
	
	width: 212px;
	height: 300px;
	margin-left: 154px;
	margin-top: 20px;
}

.main_3x5	{
	width: 397px;
	height: 249px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.3em;
	color: white;
	margin: 55px 0px 0px 75px;
}

div#text_inhalt a 			{ color: #CCC; text-decoration: none;}
div#text_inhalt a:visited 	{ color: #CCC; text-decoration: none;}
div#text_inhalt a:hover 	{ color: white; text-decoration: none;}
div#text_inhalt a:active 	{ color: white; text-decoration: none;}

div#text_contact a 			{ color: #CCC; text-decoration: none;}
div#text_contact a:visited 	{ color: #CCC; text-decoration: none;}
div#text_contact a:hover 	{ color: white; text-decoration: none;}
div#text_contact a:active 	{ color: white; text-decoration: none;}

div#fotografenpic	{
	
	float: right;
	width: 193px;
	height: 50px;
	background-color: black;
	margin-right: 100px;
	margin-top: 25px;
}



/*************************************************Menü*Slideshow**************************************/

.menu a 		{ color: white; text-decoration: none; font-size: 1.2em;}
.menu a:visited { color: white; text-decoration: none; font-size: 1.2em;}
.menu a:hover 	{ color: #CCC; text-decoration: none; font-size: 1.2em;}
.menu a:active 	{ color: #CCC; text-decoration: none; font-size: 1.2em;}

.menu_sel a 		{ display: block; color: white; text-decoration: none; font-size: 1.2em; font-weight: bold;}
.menu_sel a:visited { display: block; color: white; text-decoration: none; font-size: 1.2em;	 }
.menu_sel a:hover 	{ display: block; color: #CCC; text-decoration: none; font-size: 1.2em; 	 }
.menu_sel a:active 	{ display: block; color: #CCC; text-decoration: none; font-size: 1.2em;		 }

.menu h2	{
	
	font-size:16px;
}


.menu	{
	
	float: right;
	width: 210px;
	height: 290px;
	margin-top: 20px;
	margin-right: 20px;
	font-family: Tahoma, Geneva, sans-serif;
	color: white;
	padding-left: 10px;
	padding-top: 50px;
	background-image: url(bilder/menu_hg.png);
}
	

.slideshow	{
	
	float: right;
	width: 216px;
	height: 336px;
	margin-top: 20px;
	margin-right: 20px;
	padding: 2px;
	background-color:#ff66cc;
	/**border: #F3C;
	border-width: 2px;**/
}

div#fadeshow1	{
	
	float: right;
	width: 216px;
	height: 336px;
	margin-top: 0px;
	margin-right: 0px;
	background-color: white;
}
	
	

/**************************************************Footer*********************************************/
div#thumbs	{
	
	float: left;
	width: 760px;
	height: 120px;
	background-image: url(bilder/thumb_hg.png);
	margin: 20px 0px 0px 20px;
}

div#news	{
	
	float: left;
	width: 485px;
	height: 80px;
	margin-top: 10px;
	margin-left: 25px;

}

div#datum	{
	
	float: left;
	width: 50px;
	height: 70px;
	margin-top: 5px;
	margin-left: 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	color: white;
}

span#datum 			{ color: white; text-decoration: blink;}



div#newscontent	{
	
	float: left;
	width: 400px;
	height: 70px;
	margin-top: 5px;
	margin-left: 20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	color: white;
}

div#newscontent a 			{ color: white; text-decoration: underline;}
div#newscontent a:visited 	{ color: white; text-decoration: underline;}
div#newscontent a:hover 	{ color: #CCC; text-decoration: underline;}
div#newscontent a:active 	{ color: white; text-decoration: underline;}

div#facebook	{
	
	float: right;
	width: 180px;
	height: 70px;
	color: white;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.1em;
	margin-right: 20px;
	margin-top: 25px;
	
}

div#visage	{
	
	width: 80px;
	height: 13px;
	margin-top: 15px;
}

div#wienermodels	{
	
	width: 80px;
	height: 13px;
	margin-top: 3px;
}

div#preisliste	{
	
	float: right;
	width: 80px;
	height: 70px;
	margin-top: 0px;
	background-image: url(bilder/preisliste.png);
}
div#gutschein	{
	
	float: right;
	width: 80px;
	height: 35px;
	margin-top: 0px;
	background-image: url(bilder/gutschein.png);
}

/**********************************************copyright******************************************/

.copy	{
	
	float: left;
	width: 530px;
	height: 15px;
	color: white;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	opacity: .6;
	margin-top: 2px;
}
.copy a 			{ color: #CCC; text-decoration: underline;}
.copy a:visited 	{ color: #CCC; text-decoration: underline;}
.copy a:hover 		{ color: white; text-decoration: underline; }
.copy a:active 		{ color: white; text-decoration: underline;}
	
/**********************************************lightbox******************************************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto; }
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 2px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(bilder/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(bilder/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.gallerypics img:hover{border:#FFF 2px solid; margin:0px;}
.gallerypics img{margin:2px;}

/*********************************************************************************************/
	
	
#aktion{}
#facebook{position:absolute; top:400px; left:0px; z-index:501;}
#rightbutton{position:absolute; top:272px; right:0px; z-index:501;}