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

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;

	color:#666666;

	margin: 0px;
	padding:0px;

	background-color: #E2E2E2;
	
	background-image:url(../images/bg_square.gif);
		
	text-align:center;
}

#all
{
	height: 100%;
	width: 100%;

	position: relative;
	z-index:1;

	top:0px;
	left:0px;
}

	#help_navi
	{
		position: absolute;
		z-index:1;
		
		/*top:492px;*/
    right:10px;

		height: 139px;
		width: 5px;
		
		bottom:5px !important;

	}

	#head_spacer
	{
		position: relative;
		z-index:1;

		height: 60px;
		width: 100%;
		
		background-color: #E2E2E2;
	}
		
	#head
	{
		position: relative;
		z-index:1;

		height: 120px;
		width: 100%;
		
		background-image:url(../images/bg_head.gif);
		background-repeat:repeat-x;
	}
	
		#header
		{
			position: relative;
			z-index:1;
		
			top:0px;
			left:0px;

			height: 120px;
			width: 850px;
		}
	
			#logo
			{
				position: absolute;
				z-index:1;
		
				top:10px;
				right:0px;

				height: 10px;
				width: 312px;
			}
			
			#main_navi, #main_navigation
			{
				position: absolute;
				z-index:1;
		
				top:70px;
				left:26px;

				height: 11px;
				width: 404px;
			}
			#main_navigation{left:54px;}
			
			#mn_bilder, #mn_neuemedien, #mn_fotograf, #mn_projekte, #mn_kontakt, #mn_start,
			#mm_bilder, #mm_neuemedien, #mm_fotograf, #mm_projekte, #mm_kontakt, #mm_start, #mm_bilder, #mm_kunden
			{
				position: absolute;
				z-index:1;
		
				top:0px;

				height: 11px;
			}
			#mn_start, #mm_start
			{
				left:0px;
				width: 57px;
			}
			
			#mn_bilder
			{
				left:0px;
				width: 57px;
			}
			#mm_bilder{
				left:61px;
				width: 57px;
			}
			#mn_portfolio
			{
				left:65px;
				width: 92px;
			}
			
			#mn_neuemedien
			{
				left:65px;
				width: 92px;
			}
			
			#mn_projekte
			{
				left:160px;
				width: 77px;
			}
			#mm_projekte
			{
				left:122px;
				width: 101px;
			}
			
			#mn_fotograf
			{
				left:245px;
				width: 75px;
			}
			#mm_fotograf
			{
				left:294px;
				width: 77px;
			}
			
			#mn_kontakt
			{
				left:328px;
				width: 71px;
			}
			#mm_kontakt
			{
				left:375px;
				width: 71px;
			}
			#mm_kunden
			{
				left:227px;
				width: 63px;
			}
			
			#main_navi_snd
			{
				position: absolute;
				z-index:1;
		
				top:92px;
				left:55px;

				height: 11px;
				width: 404px;
			}
			
			.mn_snd
			{
				position: absolute;
				z-index:1;
		
				top:0px;

				height: 11px;
			}
	
	#content_container
	{
		position: relative;
		z-index:1;

		height: 450px;
		width: 100%;
		
		background-image:url(../images/bg_content.gif);
		background-repeat:repeat-x;
	}
	
		#bottom_spacer
		{
			position: relative;
			z-index:1;

			height: 40px;
			width: 100%;
		}
		
		#aktuell
		{
			position: relative;
			z-index:1;
		
			top:5px;
			left:0px;

			height: 40px;
			width: 850px;
		}
	
			#hdl_a
			{
				position: absolute;
				z-index:1;
		
				top:5px;
				left:430px;

				height: 10px;
				width: 70px;
			}
			
			#txt_a
			{
				position: absolute;
				z-index:1;
		
				top:0px;
				right:53px;

				height: 10px;
				width: 300px;
				
				text-align:right;
			}
	
	#content
	{
		position: relative;
		z-index:1;
		
		top:0px;
		left:0px;

		height: 450px;
		width: 850px;
		
		background-color: #f2f2f2;
	}
	
		/* Schatten des Content Containers */
		#shadow_up, #shadow_up_png
		{
			position: absolute;
			z-index:1;
		
			top:-5px;
			left:-5px;

			height: 5px;
			width: 860px;
		}
		
		#shadow_left
		{
			position: absolute;
			z-index:1;
		
			top:0px;
			left:-5px;

			height: 450px;
			width: 5px;
		}
		
		#shadow_right
		{
			position: absolute;
			z-index:1;
		
			top:0px;
			left:850px;

			height: 450px;
			width: 5px;
		}
		
		#shadow_down
		{
			position: absolute;
			z-index:1;
		
			top:450px;
			left:-5px;

			height: 5px;
			width: 860px;
		}
		/* Anpassung Formatierung Schatten */
    #shadow_up_png{top:-6px;}
    #shadow_right_png, #shadow_left_png{
    position: absolute;
	  z-index:1;
		top:0;
		width: 5px;
		height: 100% !important;
    background-repeat:repeat-y;
    background-position:top left;
    margin-top:0px;
    }
    #shadow_right_png{left:850px;background-image:url('../images/bg_shadow_right.png');}
    #shadow_left_png{left:-5px;background-image:url('../images/bg_shadow_left.png');}
    
    #shadow_down_png{
    position:static;
    top:auto;
    bottom:0 !important;
    margin:0 auto;
    }
		
		/* Teile im Content mit Rotator */
		#logo_small
		{
			position: absolute;
			z-index:1;
		
			top:39px;
			right:29px;

			height: 27px;
			width: 33px;
		}
		
		#image_rotator
		{
			position: absolute;
			z-index:1;
		
			top:40px;
			left:55px;

			height: 370px;
			width: 390px;
			
			border:1px solid #CECECE;
			
			background:url(../images/loading.gif) no-repeat center center;
		}
		
		#image_rotator_fullscreen
		{
			position: absolute;
			z-index:1;
		
			top:39px;
			left:55px;

			height: 370px;
			width: 740px;
			
			border:1px solid #FFF;
			
			background:url(../images/loading.gif) no-repeat center center;
		}
			
			#fade, #fade2
			{
				position: absolute;
				top:0px;
				left:0px;
			}
			
			#fade2
			{
				width: 400px;
			}
		
			#hn_start
			{
				position: absolute;
				z-index:1;
		
				bottom:0px;
				left:0px;

				height: 30px;
				width: 5px;
			}
			
			#hn_agb
			{
				position: absolute;
				z-index:1;
		
				bottom:81px;
				left:0px;

				height: 19px;
				width: 5px;
			}
			
			#hn_impressum
			{
				position: absolute;
				z-index:1;
		
				bottom:0;
				left:0px;

				height: 61px;
				width: 5px;
			}
			
			#content_text_container
			{
				position: absolute;
				z-index:1;
		
				top:170px;
				left:500px;

				height: 240px;
				width: 300px;
			}
			
			#content_agbtext_container
			{
				position: absolute;
				z-index:1;
		
				top:170px;
				left:500px;

				height: 240px;
				width: 300px;
			}
				
				#hdl_m
				{
					position: absolute;
					z-index:1;
		
					top:0px;
					left:0px;

					height: 50px;
					width: 300px;
				}
				
				#hdl_s
				{
					position: absolute;
					z-index:1;
		
					top:67px;
					left:0px;

					height: 16px;
					width: 300px;
				}
				
				#hdl_m_rt
				{
					position: absolute;
					z-index:1;
		
					top:-1px;
					left:0px;

					height: 22px;
					width: 300px;
				}
				
				#hdl_s_rt
				{
					position: absolute;
					z-index:1;
		
					top:36px;
					left:0px;

					height: 18px;
					width: 300px;
				}
				
				#hdl_m_agb
				{
					position: absolute;
					z-index:1;
		
					top:-73px;
					left:0px;

					height: 22px;
					width: 300px;
				}
				
				#hdl_s_agb
				{
					position: absolute;
					z-index:1;
		
					top:-36px;
					left:0px;

					height: 18px;
					width: 300px;
				}
				
				#content_text
				{
					position: absolute;
					z-index:1;
		
					top:98px;
					left:0px;

					height: 142px;
					width: 300px;
					
					text-align:left;
				}
				
				#content_text_rt
				{
					position: absolute;
					z-index:1;
		
					top:80px;
					left:0px;

					height: 142px;
					width: 300px;
					
					text-align:left;
				}
	
		/* Galerien */		
		#images, #images_center
		{
			position: absolute;
			z-index:1;
		
			top:40px;
			left:30px;

			height: 370px;
			width: 740px;

			border:1px solid #FFFFFF;
			
			background:url(../images/loading.gif) no-repeat center center;
		}
		
		#images_center{left:54px;top:39px;}
		
		#diashow
		{
			position: absolute;
			z-index:1;
		
			top:40px;
			left:30px;

			height: 370px;
			width: 740px;

			background:url(../images/loading.gif) no-repeat center center;
		}
		
			#referenz_1
			{
				position: absolute;
				z-index:1;
		
				top:0px;
				left:0px;

				height: 370px;
				width: 247px;

				border-right:1px solid #FFFFFF;
			}
			
			#referenz_2
			{
				position: absolute;
				z-index:1;
		
				top:0px;
				left:248px;

				height: 370px;
				width: 247px;

				border-right:1px solid #FFFFFF;
			}
			
			#referenz_3
			{
				position: absolute;
				z-index:1;
		
				top:0px;
				left:496px;

				height: 370px;
				width: 244px;
			}
		
		#pic_stat
		{
			position: absolute;
			z-index:1;
		
			top:423px;
			left:350px;

			height: 10px;
			width: 100px;
			
			text-align:center;
			
			font-size:13px;
		}
		
		#chg_pic
		{
			position: absolute;
			z-index:1;
		
			top:360px;
			right:24px;

			height: 52px;
			width: 50px;
			
			text-align:center;
			
			font-size:1px;
		}
		
		#chg_pic_back, #chg_pic_fwd{
		position: absolute;
		top:205px;
		text-align:center;
	  font-size:1px;
		}
		#chg_pic_back{left:10px;}
		#chg_pic_fwd{right:10px;}
		
	
.spacer_content_teaser
{
	position: relative;
	z-index:2;

	height: 5px;
	width: 100%;
}

#teaser
{
	height: 50px;
	width: 850px;
}
		
.pic_rotator, .pic_galerie
{
	position: absolute;
	top:0px;
	left:0px;
}	

/* Links *************************************************************/
a.bilderKategorie{
float:left;
margin-right:1px;
margin-top:1px;
}
a.bilderKategorie img{border:0;}

#kontaktInformation{
position:absolute;
top:45px;left:20px;
color:#FFF;
text-align:left;
}
#kontaktInformation a:link, #kontaktInformation a:visited{color:#FFF;}

#kontakt_form_container
{
	position: absolute;
	z-index:4;

	top:0px;
	left:0px;

	height: 240px;
	width: 300px;

	text-align:left;
}
	#form_attention
	{
		position: absolute;
		z-index:4;

		bottom:11px;
		right:0px;

		height: 10px;
		width: 240px;

		text-align:right;
	}

input, textarea
{
	background-color:#FFFFFF;
	border: thin solid rgb(201,201,201);

	padding: 1px 5px 1px 5px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

	color:#656565;
}

/* Links *************************************************************/

a:link 		{ font-size:11px; color:#B40B2C; text-decoration:none; }
a:visited 	{ font-size:11px; color:#B40B2C; text-decoration:none; }
a:focus 	{ font-size:11px; color:#B40B2C; text-decoration:none; }
a:hover		{ font-size:11px; color:#B40B2C; text-decoration:underline; }
a:active 	{ font-size:11px; color:#B40B2C; text-decoration:none; }

a.bg_link:link 		{ font-size:11px; color:#B40B2C; text-decoration:none; }
a.bg_link:visited 	{ font-size:11px; color:#B40B2C; text-decoration:none; }
a.bg_link:focus 	{ font-size:11px; color:#B40B2C; text-decoration:none; }
a.bg_link:hover		{ font-size:11px; color:#B40B2C; text-decoration:underline; }
a.bg_link:active 	{ font-size:11px; color:#B40B2C; text-decoration:none; }

a.ak_link:link 		{ font-size:11px; color:#666666; text-decoration:none; }
a.ak_link:visited 	{ font-size:11px; color:#666666; text-decoration:none; }
a.ak_link:focus 	{ font-size:11px; color:#666666; text-decoration:none; }
a.ak_link:hover		{ font-size:11px; color:#B40B2C; text-decoration:underline; }
a.ak_link:active 	{ font-size:11px; color:#666666; text-decoration:none; }