/******************************************************************************/
/* Allgemein																  */
/******************************************************************************/

html, body {
	height: 			100%;
	margin:				0;
	padding:			0;
	background:			#ffffff;
	color:				#666666;
	font-family:		Arial, sans-serif;
	font-size:			11px;
}



#logo_box
{
	position:			absolute;
	top:				0;
	left:				0;
	width:				75px;
}



#logoLink 
{
	width:				83px;
	height: 			123px;
	display: 			block;
	border: 			none;
}



#container
{
	position:			relative;
	width:				965px;
	min-height:			99%;
	height:				auto !important; /* moderne Browser */
	height:				100%; /* IE */
	margin:				0 auto 0 auto;
	padding:			0;
}


/* Basiseigenschaften */

#AllTemplateHeadline
{
	width:				100%;
	height:				25px;
	font-weight:		10px;
	border-bottom:	    1px groove #999999;
}

#AllTemplateHeadline img
{
	float:				left;
}


#AllTemplateHeadlineImg
{
	padding:			5px 5px 0 5px;
}


ol,ul 
{
	list-style: 		none;
}

li 
{
	list-style-type: 	none;
}

a img 
{
	border: 			none;
}

/* Anf�hrungen (Pfeile) im 3. Nav-Men�  */

#naviEntry3
{
	padding:			0 5px 3px 0;
}


a 
{
	color: 				#666666;
	font-weight: 		bold;
	text-decoration: 	none;
}

a:hover, a.active 
{
	color: 				#A70703;
}

#clear
{
	clear:				both;
}


/******************************************************************************/
/* Header - Bereich															  */
/******************************************************************************/
#header
{
	position:			static;
	width:				100%;
	height:				190px;
	padding:			20px 0 0 0;
}

#headerContent 
{
	margin-left:		100px;
	height:				100px;
}

#headerLine 
{
	width: 				100%;
	height: 			15px;
}

#navigation 
{
	width:				100%;
	height: 			60px;
	margin:				20px 0 0 0;
}

/******************************************************************************/
/* Navigationen  Details												      */
/******************************************************************************/
/**
 * Men�strukturen
 */

#header ul li 
{
	float: 				left;
	margin-right: 		5px;
}

a span.hover 
{
	display: 			none;
}

a:hover span.hover 
{
	display: 			inline;
}

a:hover span.normal 
{
	display: 			none;
}

/* Lang-Men� Ausrichtung */
#langnav
{
	height: 			15px;
	margin:				0;  /* f�r IE !!! */
	padding: 			0px 0 0px 40px;
}

#langnav li.impressumLink
{
	width: 				25px;
}

#langnav li a
{
	font-family: 		Arial;
	font-size: 			10px;
	text-decoration: 	none;
}

/*  Positionierung der NAV-Leiste. !!! Keine Schrift- oder Farbstyles hier, das macht das CMS !!! */
#nav 
{
	width: 				800px;
	height: 			20px;
	margin:				0;  /* f�r IE !!! */
	padding:			0 0 0 80px;
}


#subnav
{
	width: 				auto;
	height: 			20px;
	margin:				0;  /* f�r IE !!! */
}


#subnav.page_2
{
	padding:			0 0 0 80px;
}


*html #navigation .page_2
{
	padding:			0 0 0 80px;
}


#subnav.page_7
{
	padding:			0 0 0 402px;
}


*html #navigation .page_7
{
	padding:			0 0 0 402px;
}


#subnav.page_42
{
	padding:			0 0 0 205px;
}


*html #navigation .page_42
{
	padding:			0 0 0 205px;
}


#subnav.page_43
{
	padding:			0 0 0 320px;
}


*html #navigation .page_43
{
	padding:			0 0 0 320px;
}


#subnav.page_44
{
	padding:			0 0 0 510px;
}

*html #navigation .page_44
{
	padding:			0 0 0 510px;
}


#subnav.page_46
{
	padding:			0 0 0 615px;
}


*html #navigation .page_46
{
	padding:			0 0 0 615px;
}


#subnav.page_,
#subnav.page_156
{
	padding:			0 0 0 244px;
}


#navigation .page_,
#navigation .page_156
{
	padding:			0 0 0 244px;
}


/******************************************************************************/
/* Mastertemplate - Contentbereich											  */
/******************************************************************************/

#content 
{
	clear:				both;
	width: 				100%;
	height:				417px;
	padding: 			0 0 80px 0;
	font-size: 			11px;
}


/******************************************************************************/
/* Home																		  */
/******************************************************************************/

##content #HomeTemplate img {
	float: left;
}

#content #HomeTemplate #leftSide {
	width: 619px;
	float: left;
	overflow: hidden;
}

#content #HomeTemplate #rightSide {
	width: 345px;
	float: left;
	overflow: hidden;
}


/******************************************************************************/
/* TextPic-Template															  */
/******************************************************************************/

#TextPicTemplate
{
	width:				91%;
	height:				430px;
	margin: 		    0 0 0 9%;

}

/* Linker Container f�r Polaroid-Zusammenbau  */

#TextPicPolaroidBackground
{
	width:				277px;
	height:				296px;
	background-image:	url(../img/polaroid-gross.jpg);
	background-repeat:	no-repeat;
	float:				left;
}

#TextPicMainPic
{
	width:				240px;
	height:				218px;
	padding-top:		15px;
	padding-left:		15px;
}

#TextPicMainPicText
{
	padding-top:		20px;
	padding-left:		30px;
}


/* Rechter Container f�r Headline und Textcontent  */
#TextPicRight
{
	width:				550px;
	height: 			400px;
	float:				left;
	margin:				0 0 0 30px;
}

#TextPicHeadline
{
	width:				100%;
	height:				25px;
	font-weight:		1px;
	border-bottom:	    1px groove #999999;
}

#TextPicTextfeld
{
	width:				100%;
	height:				200px;
	margin:				10px 0 0 0;
	padding:			0 0 10px 0;
	border-bottom:	    1px groove #999999;
	overflow:			auto;
}


/******************************************************************************/
/* TeamTemplate																  */
/******************************************************************************/

 
#TeamTemplate
{
	width:				91%;
	margin: 		    0 0 0 9%;

}

#TeamTemplate_headline
{
	width:				100%;
	border-bottom:	    1px groove #999999;
}

#TeamTemplate_PicList
{
	width:				100%;
	height:				250px;
	overflow:			auto;
	margin:				10px 0 0 0;
}

#TeamTemplatePolaroidBackground
{	
	width:				211px;
	height:				225px;
	float:				left;
	background-image:	url(../img/polaroid-mittel.jpg);
	background-repeat:	no-repeat;
}

#TeamTemplateMainPic
{
    padding-top: 		15px;
	padding-left:		13px;
}

#TeamTemplate_Text
{
	width:				415px;
	margin:				25px 0 0 0;
}


/******************************************************************************/
/* Jobs  ( StellenTemplate )												  */
/******************************************************************************/


#StellenTemplateContainer
{
	width:				91%;
	height:				430px;
	margin: 		    0 0 0 9%;
}


#StellenTemplateLeftContent{
	width:				277px;
	height:				430px;
	float:				left;
}

#StellenTemplatePolaroidBackground
{
	width:				277px;
	height:				296px;
	background-image:	url(../img/polaroid-gross.jpg);
	background-repeat:	no-repeat;
}

#StellenTemplateMainPic
{
	width:				240px;
	height:				218px;
	padding-top:		15px;
	padding-left:		15px;
}

#StellenTemplateMainPicText
{
	padding-top:		15px;
	padding-left:		30px;
}



#StellenTemplateThirdMenu 
{
	width:				277px;
	float:				left;
}



#StellenTemplateRightContent
{
	width:				550px;
	height: 			400px;
	float:				left;
	margin:				0 0 0 30px;
}






#StellenTemplateTextfeld
{
	width:				100%;
	height:				200px;
	margin:				10px 0 0 0;
	padding:			0 0 10px 0;
	border-bottom:	    1px groove #999999;
	overflow:			auto;
}




/******************************************************************************/
/* Kontakt																	  */
/******************************************************************************/


#ContactTemplateRightContent
{
	width:				550px;
	height: 			350px;
	float:				left;
	margin:				0 0 0 30px;
	border-bottom:	    1px groove #999999;
}


#requiredlabel 
{
	width: 				400px;
	height: 			50px;
	margin: 			10px 0 0px 0;
}


#contactform 
{
	width: 				450px;
	height: 			auto;
}


.classFormDiv 
{
	float:				left;
	padding-left:		5px;
	padding-bottom:		3px;
	background:			none;
	font-size:			10px;
}


.classInputGrey, .classTextareaGrey, .classSelectGrey 
{
	opacity:			1.0;
	font-family: 		Arial, sans-serif;
	border: 			solid 1px transparent;
	background-color: 	#EAEAEA;
	color: 				#666666;
	font-size:			9px;
	padding-left:		3px;
	padding-right:		3px;
}

.classInputGreyBorder 
{
	border: 			1px solid #60605D;
}


.formSubmitButton 
{
	width: 				200px;
	height: 			20px;
	line-height: 		20px;
	font-family: 		Arial;
	font-size: 			11px;
	font-weight: 		bold;
	color: 				#666666;
	text-align: 		left;
	cursor: 			pointer;
	background: 		none;
	border: 			none;
	
}

.formSubmitButton:hover 
{
	color: 				#A70703;
}



#ContentTemplateRightContent
{
	width:				550px;
	height: 			400px;
	float:				left;
	margin:				0 0 0 30px;
}






#ContentTemplateTextfeld
{
	width:				100%;
	height:				250px;
	margin:				10px 0 0 0;
	padding:			0 0 10px 0;
	border-bottom:	    1px groove #999999;
	overflow:			auto;
}



/******************************************************************************/
/* KarriereTemplate  (Bewerbungsformular)									  */
/******************************************************************************/



#KarriereTemplateUpload
{
	width:				400px;
	height:				60px;
	float:left;
}

#KarriereTemplateUploadText
{
	width:				190px;
	float:				left;
	margin:				5px 5px 0px 10px;
}


#KarriereTemplateUploadInput
{
	width:				180px;
	float:				left;
	margin:				8px 0 0 0;
}



/******************************************************************************/
/* TextFlexPicTemplate														  */
/******************************************************************************/

#TextFlexPicTemplate
{
	width:				91%;
	margin: 		    0 0 0 9%;
}


#TextFlexPicMainContent
{
	width:				100%;
	height:				400px;
	margin:				10px 0 0 0;
	clear:				both;
}


#TextFlexPicLeft
{
	width:				190px;
	float:				left;
}


#TextFlexPicTextfeld
{
	overflow:			auto;
}


#TextFlexPicRight
{
	width:				650px;
	float:				left;
	margin:				0 0 0 20px;
}


#TextFlexPicPolaroidBackground
{
	width:				211px;
	height:				225px;
	background-image:	url(../img/polaroid-mittel.jpg);
	background-repeat:	no-repeat;
	float:				left;
}


#TextFlexPicMainPic
{
	width:				211px;
	padding:			12px 0 0 12px;
}


#TextFlexPicMainPicText
{
	width:				211px;
	padding:			0px 0 0 30px;
}


#TextFlexPicUrltext
{
	width:				211px;
	margin:				30px 0 0 10px;
}




/******************************************************************************/
/* GalleryTemplate															  */
/******************************************************************************/

#GalleryTemplate
{
	width:				91%;
	margin: 		    0 0 0 9%;

}

#GalleryTemplate_headline
{
	width:				100%;
	border-bottom:	    1px groove #999999;
}

#GalleryTemplate_PicList
{
	width:				100%;
	height:				320px;
	overflow:			auto;
	margin:				10px 0 0 0;
}

#GalleryTemplateImgContainer
{
	float: left;
}

#GalleryTemplate_TextContainer
{
	width:				100%;
	margin:				25px 0 0 0;
}

#GalleryTemplateImg
{
    padding:			5px 5px 0 5px;
	vertical-align:     top;
}



/******************************************************************************/
/* PortfolioTemplate 														  */
/******************************************************************************/

#PortfolioTemplateMainContent
{
	width:				100%;
	height:				400px;
	margin:				0px 0 0 0;
	clear:				both;
}


#PortfolioTemplateLeft
{
	width:				190px;
	float:				left;
	margin:				25px 0 0 0;
}


#PortfolioTemplateRight
{
	width:				650px;
	float:				left;
	margin:				0 0 0 20px;
}


#PortfolioTemplatePolaroidBackground
{
	width:				158px;
	height:				166px;
	background-image:	url(../img/polaroid-klein.jpg);
	background-repeat:	no-repeat;
	float:				left;
	margin-top:				25px;
}


#PortfolioTemplateMainPic
{
	width:				128px;
	padding:			11px 0 0 12px;
}


#PortfolioTemplateMainPicText
{
	width:				211px;
	padding:			0px 0 0 30px;
}


*html #PortfolioTemplateMainPicText
{
	width:				auto;
}


#PortfolioTemplateMainPicHover img

{
	padding-right:		30px;
}

.hoverlink
{
	position:			relative;
	top:				0px;
	left:				0px;
}

.hoverlink a span
{
	display:			none;
}

.hoverlink a:hover span 
{
   display: 			block;
   position: 			absolute;
   top: 				0px;
   left: 				0px;
   width: 				350px;
   padding: 			5px;
   margin: 				150px 0 0 0;
   background: 			#ffffff;
   color: 				#666666;
   border: 				1px solid #ffffff;
   font: 				11px Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-decoration: 	none;
   z-index: 			100;
}

.hoverlink a:hover 
{
   color: 				#ff6600;
   border: 				0px;
   text-decoration: 	none;
}




/******************************************************************************/
/* LightboxTemplate															  */
/******************************************************************************/

#LightboxTemplate
{
	width:				91%;
	margin: 		    0 0 0 9%;
}


#LightboxTemplateMainContent
{
	width:				100%;
	height:				auto;
	margin:				10px 0 0 0;
	clear:				both;
}


#LightboxTemplateLeft
{
	width:				190px;
	float:				left;
}


#LightboxTemplateTextfeld
{
	width:				190px;
	overflow:			auto;
}


#LightboxTemplateRight
{
	width:				650px;
	float:				left;
	margin:				0 0 0 20px;
}


.thumbholder a img 
{
	display:			block; 
}


.thumbholder 
{
	width:				59px;
	height:				55px;
	margin:				5px 5px 5px 5px;
	padding:			0px 0 0px 0px;
	border:				1px solid #fff;
	background:			#fff;
	float:				left;
}


.thumbholder h2.title 
{
	font-size:			25px;
	color:				#444;
	font-weight:		normal;
	font-family:		"Arial", san-serif;
}


.thumbholder h2.title b 
{
	font-weight:		bold;
	color:				#000;
	font-size:			30px;
}


.thumbholder h2.title span 
{
	font-weight:		bold;
	font-style:			italic;
}



.thumbholder a 
{
	display:			block; 
	float:				left; 
	margin:				0px 0px 0px 0; 
	display:			inline; 
	border:				1px solid #000;
}


.lightbox 
{
	position:			absolute; 
	left:				-9999px; 
	top:				0; 
	cursor:				default; 
	z-index:			100;
}


.light 
{
	position:			absolute; 
	left:				0; 
	top:				0;
}


.box 
{
	position:			absolute; 
	left:				0; 
	top:				0;
}

/* trigger for IE6 */
a:active 
{
	background:			#ddd;
}


a:active .lightbox,
a:focus .lightbox 
{
	left:				0; 
	width:				100%; 
	height:				100%;
}

a:active .lightbox .light,
a:focus .lightbox .light 
{
	background:			#000; 
	width:				100%; 
	height:				100%; 
	filter: 			alpha(opacity=85);
	filter: 			progid:DXImageTransform.Microsoft.Alpha(opacity=85); 
	opacity:			0.85;
}



a:active .lightbox .box,
a:focus .lightbox .box 
{
	width:				100%; 
	text-align:			center; 
	margin-top:			150px;
}


a:active .lightbox .box img,
a:focus .lightbox .box img 
{
	border:				1px solid #aaa; 
	margin:				0 auto;
}


a:active .lightbox .box h2,
a:focus .lightbox .box h2 
{
	font-size:			11px; 
	font-weight:		normal; 
	width:				400px; 
	padding:			0; 
	margin:				10px auto; 
	text-align:			center; 
	text-decoration:	none; 
	color:				#999;
}


a:active .lightbox .box h2 b,
a:focus .lightbox .box h2 b 
{
	font-weight:		bold; 
	font-family:		"times new roman", san-serif; 
	color:				#000;
}



*html a:active .lightbox .light 
{
	width:			expression(document.getElementById('container').offsetWidth);
	height:			expression(document.getElementById('container').offsetHeight);
}


*html a:active .lightbox .box 
{
	width:			expression(document.getElementById('container').offsetWidth);
	height:			expression(document.getElementById('container').offsetHeight);
}


/******************************************************************************/
/* AniPreviewTemplate - Anpassung der Containergrösse an die Thumbzahl																		  */
/******************************************************************************/


#anipreview
{
	width:				600px;
}






/******************************************************************************/
/* Abwicklung 360°-Animation												  */
/******************************************************************************/

#backbutton
{
	width: 			380px;
	height:			 20px;
	text-align: right;
}

#film 
{
  position:relative; 
  width:380px; 
  height:277px;
}


#film a b 
{
  display:none;
}


#film a img, #film a:visited img 
{
  display:none;
}


#film a, #film a:visited 
{
  position:absolute; 
  top:250px; 
  width:10px; 
  height:25px; 
  z-index:100; 
  cursor:default;
}

#film a#f1 
{
  left:0;
  z-index:100;
}

#film a#f2 
{
  left:10px; 
  z-index:100;
}

#film a#f3 
{
  left:20px;
  z-index:100;
}

#film a#f4 
{
  left:30px;
  z-index:100;
}

#film a#f5 
{
  left:40px;
  z-index:100;
}

#film a#f6 
{
  left:50px;
  z-index:100;
}

#film a#f7 
{
  left:60px;
  z-index:100;
}

#film a#f8 
{
  left:70px;
  z-index:100;
}

#film a#f9 
{
  left:80px;
  z-index:100;
}

#film a#f10 
{
  left:90px;
  z-index:100;
}

#film a#f11 
{
  left:100px;
  z-index:100;
}

#film a#f12 
{
  left:110px;
  z-index:100;
}

#film a#f13 
{
  left:120px; 
  z-index:100;
}

#film a#f14 
{
  left:130px;
  z-index:100;
}

#film a#f15
{
  left:140px;
  z-index:100;
}

#film a#f16
{
  left:150px;
  z-index:100;
}

#film a#f17
{
  left:160px;
  z-index:100;
}

#film a#f18
{
  left:170px;
  z-index:100;
}

#film a#f19
{
  left:180px;
  z-index:100;
}

#film a#f20
{
  left:190px;
  z-index:100;
}

#film a#f21
{
  left:200px;
  z-index:100;
}

#film a#f22 
{
  left:210px;
  z-index:100;
}


#film a#f23
{
  left:220px;
  z-index:100;
}

#film a#f24
{
  left:230px;
  z-index:100;
}

#film a#f25
{
  left:240px;
  z-index:100;
}

#film a#f26
{
  left:250px;
  z-index:100;
}

#film a#f27
{
  left:260px;
  z-index:100;
}

#film a#f28
{
  left:270px;
  z-index:100;
}

#film a#f29
{
  left:280px;
  z-index:100;
}

#film a#f30
{
  left:290px; 
  z-index:100;
}

#film a#f31
{
  left:300px; 
  z-index:100;
}

#film a#f32 
{
  left:310px;  
  z-index:100;
}

#film a#f33
{
  left:320px; 
  z-index:100;
}

#film a#f34
{
  left:330px; 
  z-index:100;
}

#film a#f35
{
  left:340px;
  z-index:100;
}

#film a#f36
{
  left:350px;
  z-index:100;
}

#film a#f1:hover, 
#film a#f2:hover, 
#film a#f3:hover, 
#film a#f4:hover, 
#film a#f5:hover, 
#film a#f6:hover, 
#film a#f7:hover, 
#film a#f8:hover,
#film a#f9:hover,
#film a#f10:hover,
#film a#f11:hover,
#film a#f12:hover,
#film a#f13:hover,
#film a#f14:hover,
#film a#f15:hover,
#film a#f16:hover,
#film a#f17:hover,
#film a#f18:hover,
#film a#f19:hover,
#film a#f20:hover,
#film a#f21:hover,
#film a#f22:hover,
#film a#f23:hover,
#film a#f24:hover,
#film a#f25:hover,
#film a#f26:hover,
#film a#f27:hover,
#film a#f28:hover,
#film a#f29:hover,
#film a#f30:hover,
#film a#f31:hover,
#film a#f32:hover,
#film a#f33:hover,
#film a#f34:hover,
#film a#f35:hover,
#film a#f36:hover
{
  width:380px;
  height:277px;
  top:0;
  left:-10px; 
  background-position:0 0; 
  z-index:50; 

}



/******************************************************************************/
/* Footer																	  */
/******************************************************************************/

#footer
{
	width: 				963px;
	height: 			60px;
	margin:             auto;
	font-size: 			9px;
	color: 				#999999;
}

a 
{
	color: 				#999999;
	font-weight: 		bold;
	text-decoration: 	none;
}



/* Um die Footertexte zum FooterLogo einzur�cken */
#footer .footerBox 
{
	height: 			33px;
	float: 				left;
	padding: 			15px 20px 0px 0px;
}


#footer #footerStrasse 
{
	width: 				380px;
}

#footer #footerKontakt 
{
	width: 				150px;
}

#footer #footerLogo 
{
	width: 				200px;
	float: 				left;
}