/*--- General ---*/
body, textarea, input, select, h1 {
	font-family:'Segoe UI','Trebuchet MS',Charcoal,'Lucida Grande',sans-serif;
	color:#606060;
	font-size:12px;
}

body {
	border:0;
	margin:0;
	background-color:#ffffff;
}

.clr {
	clear:both;
}

.disNone,
.hidden 
{
	display:none;
}

img{
	border:0;
}

.iActObj {
	cursor:pointer;
}

.flash-replaced .alt {
	display:none;
}

.left {
	float:left;
}

/*--- Forms ---*/
form {
	margin:0;
	padding:0;
}

input,
textarea,
select
{
	border:1px solid #606060;
	background-color:#FFFFFF;
}

input[type=radio],
input[type=checkbox] 
{
	border:0;
}

input[type=text],
textarea,
select,
.radioRow
{
	width:250px;
	margin-bottom:6px;
}

textarea {
	height:100px;
}

/*--- Layout ---*/
#pageStretch {
	position:absolute;
	width:1px;
	height:101%;
	left:0;
	top:0;
}

#layoutContainer {
	padding:25px 0px 25px 0px;
	width:972px;
	margin:auto;
}

	#frmLeft {
		float:left;
		width:172px;
	}

		#flLogo {
			width:172px;
			height:75px;
		}

/*--- Contact Box ---*/
		#flContactBar {
			margin-top:29px;
			padding-left:20px;
			padding-right:20px;
			position:fixed;
			width:132px; /* img width - padding */
			height:400px;
			background:url(img/kontaktbox_bg.png) no-repeat;
			font-size:11px;
		}
		
		.flContactBarHome {
			display:none;
		}

			#flcTop {
				padding-top:17px;
				height:26px;
				color:#606060;
				font-size:15px;
			}

			#flcContactData {
				padding-top:10px;
				height:105px;
			}


			#flcContactUs {
				padding-top:10px;
				height:115px;
			}

				#flcmTitle {
					color:#b62d40;
					font-size:15px;
				}

				 #flcmAdress {
				 }

				#flcmPhoneFax {
					margin-top:12px;
					color:#f6a000;
				}

				#flcmMail {
					margin-top:12px;
					color:#b62d40;
				}

				.contactBarLink {
					color:#b62d40;
					font-size:12px;
					text-decoration:none;
				}

				.contactBarLink:hover {
					text-decoration:underline;
				}

#flcmContactTile {
	color:#B62D40;
	font-style:italic;
	font-size:13px;
	margin-bottom:4px;
}

.flcmLabel {
	margin-bottom:-4px;
}

input.flcmInputText {
	background:url(img/contactbox_input_lo.png);
	width:130px; /* img width 146 */
	height:17px; /* img width 24 */
	border:0;
	position:relative;
	left:-5px;
	padding-left:6px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:2px;
	margin:0;
	margin-bottom:2px;
}

.fixWidthPhone {
	display:inline-block;
	width:28px;
}

.fixWidthWeb {
	display:inline-block;
	width:50px;
}

.actionLink {
	color:#606060;
	text-decoration:underline;
	background:url(img/link_arrow_lo.jpg) no-repeat 0 2px;
	padding-left:13px;
}

#contactFormBox {
	margin-top:30px; 
}

.actionLink:hover {
	color:#f6a000;
}

			#flcBottom {
				padding-top:10px;
				height:80px;
			}
			
			.flcbBox {

			}
			
			.flcbBox a {
				position:relative;
				top:-10px;
			}

.linkBox {
	margin-bottom:5px;
}

.linkBox a.linkExt {
	position:relative;
	top:-35px;
	margin-left:20px;
}

.linkBox img {
	
}

/*--- ... ---*/
	#frmMain {
		padding-top:25px;
		float:left;
		width:800px;
	}
	
		#fmNavi {
			padding-left:10px;
			width:790px;
			background:url(img/delimiter.jpg) no-repeat bottom;
		}
		
			#fmnFirst{
			}
			
		#fmCont
		{
			padding:30px 0px 30px 0px;
		}
	
	/*--- Home Layout ---*/
.home a {
	color:#606060;
	text-decoration:none;
	font-style:italic;
}

.home a:hover {
	color:#f6a000;
	text-decoration:none;
}

			.home
			{
				position:relative;
				height:450px;
			}
				.homeHeadline
				{
					position:absolute;
					top:100px; /*20 */
					left:-130px;
					color:#f6a000;
					font-size:22px;
					font-style:italic;
				}
				.homeShow
				{
					position:absolute;
					top:55px;
					right:0;
					width:670px;
					height:320px;
				}
					.homeShow img
					{
						position:absolute;
						top:0;
						left:0;
					}
				.homeText
				{
					position:absolute;
					top:125px; /* 65 */
					left:-110px;
					color:#606060;
					font-size:12px;
					width:315px;
				}
				
.homeSolarTop50Box {
	bottom:0;         	
	position:absolute;
	right:0;         
}

#homeMainText {
	color:#606060;
	font-size:12px;
	width:315px;
}

.homeTwitterBox,
.homeVideoBox {
	margin-left:20px;
	margin-top:30px;
}

#twitterHL,
#homeVideoHL {
	color:#f6a000;
	font-size:15px;
	font-style:italic;
	position:relative; /*for inner pos */
}

#imgTwitterBird,
#imgHomeVideoicon {
	position:absolute;
	left:-33px;
	top:-5px;
}

#twitter_update_list {
	list-style-type:none;
	margin:0;
	margin-top:10px;
	padding-left:0;
	width:200px;
	color:#B62D40;
}

#twitter_update_list a {
	display:none; /* momentan komplett ausgeblendet */
	color:#FFFFFF;
	margin-left:10px;
	font-size:100% !important;
	margin-top:15px;
}

#twitter-link,
#home-video-link {
	margin-top:15px;
	position:relative;
	left:-13px;
	display:inline-block;
}

#imgHomeVideoThumb {
	margin-top:10px;
}

			.contentContainer
			{
				display:none;
			}
			
				.contentBox
				{}
				
					.contentHeader
					{
						margin-left:22px;
						margin-bottom:25px;
						width:770px;
						height:100px;
					}

					.contTeaser,
					.contVideoTeaser
					{
						padding:10px;
						margin-left:47px;
						position:relative;
						width:645px;
					}
					
					.js_jsEnabled .contTeaser {
						cursor:pointer;
					}
					
					.contTeaser.active
					{
						max-height:800px;
					}
						.contTeaserToggle
						{
							position:absolute;
							display:none;
							top:10px;
							left:-25px;
							width:25px;
							height:25px;
						}
						.contTeaserBg
						{
							position:absolute;
							display:none;
							top:0;
							left:0;
							width:100%;
							height:100%;
						}
							.contTeaserBgTop
							{
								position:absolute;
								top:0;
								left:0;
								display:block;
								width:665px;
								height:20px;
							}
							.contTeaserBgMiddle
							{
								position:absolute;
								top:0;
								left:0;
								width:665px;
								height:100%;
								background:url(img/bg_cb_middle.jpg) repeat-y;
							}
							.contTeaserBgBot
							{
								position:absolute;
								bottom:0;
								left:0;
								display:block;
								width:665px;
								height:20px;
							}
						.contTeaserInner
						{
							position:relative;
							/*margin-bottom:10px;*/
							width:645px;
						}
							.contTeaserImg
							{
								position:absolute;
								top:0;
								left:0;
								width:125px;
								height:70px;
							}
							.contTeaserHeadline
							{
								padding-top:5px;
								margin-bottom:5px;
								margin-left:135px;
								color:#b62d40;
								font-size:18px;
							}
							
							.contTeaserText
							{
								overflow:hidden;
								margin-left:135px;
								min-height:32px;
								color:#606060;
								font-size:12px;
							}
							
							.contTeaserTextCollapsed {
								height:32px; /* shows 2 lines of text */
							}
							
								.subNaviLinkLink
								{
									color:#f6a000;
								}
									.subNaviLinkLink:link
									{}
									.subNaviLinkLink:hover
									{
										color:#b62d40;
									}
				.fullContentBox
				{
					margin-left:27px;
				}
					.fullContentHeadline
					{
						color:#b62d40;
						font-size:16px;
						margin-bottom:25px;
						width:380px;
					}
					.fullContentText
					{
						width:360px;
						margin-right:35px;
						float:left;
						color:#606060;
						font-size:12px;
					}
					
.fullContentBigForm {
	width:500px;
	color:#606060;
	font-size:12px;
}

.fullContentBigForm label {
	width:150px;
	display:inline-block;
}

.fullContentBigForm label.checkboxGroup {
	display:block;
}

.cbInnerLabel {
	margin-right:15px;
}

.moreInfoBox {
	margin-bottom:15px;
}

.js_infoToggler {
	position:relative;
	left:-13px;
}

.mainChapterContentBox {
	margin-left:196px; /* aligned with chapter copy contents */
}
					
					.fullContentImg
					{
						float:left;
						width:378px;
						height:230px;
					}
		#fmMeta
		{
			padding-top:5px;
			padding-left:27px;
			width:773px;
			background:url(img/delimiter.jpg) no-repeat top;
		}
			.outlineText
			{
				font-size:12px;
				color:#606060;
			}
			.outlineLink
			{
				display:inline-block;
			}
			.outlineLink:link
			{}
			.outlineLink:hover
			{
				cursor:pointer;
				text-decoration:underline;
			}
			.outlineLink.active
			{
				text-decoration:underline;
			}
				.outlineLinkImg
				{
					padding:0;
					margin:0;
					margin-left:5px;
					top:1px;
					position:relative;
				}
			.outlineDelimiter
			{
				display:inline-block;
				color:#606060;
				width:20px;
				text-align:center;
			}

.fullContentLightboxBox {
	
}
		
.fullContentLightboxBox h2 {
	color:#f6a000;
	margin-top:10px;
	margin-bottom:10px;
}

.fullContentLighboxSubline {
	color:#a5a5a5;
}

.fullContentLighboxThumbBox {
	margin-top:10px;
	margin-bottom:40px;
}

.referenzLogoBox {
	color:#a5a5a5;
	margin-top:15px;
	margin-bottom:20px;
}

.referenzLogoBox a.linkExt {
	color:#a5a5a5;
}

.referenzLogoBox a.linkExt:hover {
	color:#f6a000;
}

.referenzLogoImg {
	float:left;
}

.referenzLogoInfoBox {
	width:400px;
	float:left;
	margin-left:20px;
}

.js_lightbox_link {
	margin-right:10px;
	margin-bottom:10px;
	display:inline-block;
}

/* --- Navi -- */	
.mainNaviItem {
	position:relative;
	display:inline-block;
	margin-bottom:10px;
	float:left;
	/*  height:23px; for correct border position with alternate font */
}

.mainNaviItemHasSubnav {
	margin-bottom:27px;	
}

.linkMainNavi {
	color:#b62d40;
	font-size:18px;
	text-decoration:none;
	margin-right:20px;
}

.linkMainNavi:hover {
	color:#F6A000;
}

.linkMainNaviHi {
	color:#F6A000;
}

.imgMainNaviArrow{
	position:relative;
	border:0;	
	margin-right:6px;
	top:-1px;	
}

.subNaviBox {
	position:absolute;
	width:550px;
	top:32px;
	left:0;
}

.linkSubNavi {
	color:#F6A000;
	font-size:12px;
	text-decoration:none;
	margin-right:10px;
}

.subNaviLinktextHi {
	border-bottom:2px solid #F6A000;
	padding-bottom:3px;	
	/* display:inline-block; fix height for correct border position for alternate font */
	/* height:13px; fix height for correct border position for alternate font */
}

.imgSubNaviArrow{
	position:relative;
	border:0;	
	margin-right:6px;
	top:1px;	
}

/*--- Content teaser ---*/
.linkContTeaserMore {
	color:#F6A000;
	text-decoration:none;
	margin-bottom:12px;
	display:inline-block;
}

.linkContTeaserMore:hover {
	color:#b62d40;
}

/*--- Meta Navi ---*/
.linkMetaNavi,
.metaNaviDelimiter {
	color:#606060;
}

.linkMetaNavi {
	font-size:12px;
	text-decoration:none;
}

.linkMetaNavi:hover {
	text-decoration:underline;
}

.linkMetaNaviHi {
	text-decoration:underline;
}

.metaNaviDelimiter {
	font-size:14px;
	display:inline-block;
	text-align:center;
	width:22px;
}

.googleMapsBox {
	position:relative;
	width:425px;
	margin-bottom:15px;
}

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

.googleMapsCorner_tr {
	position:absolute;
	top:0;
	right:0;
}

.googleMapsCorner_bl {
	position:absolute;
	bottom:0;
	left:0;
}

.googleMapsCorner_br {
	position:absolute;
	bottom:0;
	right:0;
}

/*--- General ---*/
h1 {
	color:#B62D40;
	font-size:16px;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:normal;
}

h2 {
	color:#B62D40;
	font-size:14px;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:normal;
}

h3 {
	color:#B62D40;
	font-size:12px;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:normal;
}

.paragraphMarked {
	color:#F6A000;
}

.mainChapterContentBox a,
.fullContentText a,
a.videoLink {
	color:#606060;
}

.mainChapterContentBox a:hover,
.fullContentText a:hover,
a.videoLink:hover {
	color:#F6A000;
}

.imgRulerContImgTop {
	margin-bottom:5px;
}

.imgRulerContImgBot {
	margin-top:5px;
}

a.linkExt {
	background:url("img/icon_linkextern_lo.png") no-repeat right;
	padding-right:16px;
	margin-right:3px;
}

a.linkExt:hover {
	background:url("img/icon_linkextern_hi.png") no-repeat right;
}

a.linkPDF {
	background:url("img/icon_pdf_lo.png") no-repeat right;
	padding-right:16px;
	margin-right:3px;
}

a.linkPDF:hover {
	background:url("img/icon_pdf_hi.png") no-repeat right;
}

/*--- Contents: SubsubNavi ---*/
.subsubNavBox {
	margin-bottom:15px;
}

.subsubNavBox ul {
	margin:0;
	margin-left:15px;
	padding:0;
	list-style-image: url('img/subsubicon.png');
}

/* +++ Validation +++++++++++++++++++++++ */
.js_vali_inputBox,
.js_valiGroup
{
	position:relative; /* for tooltip pos */
}

.js_vali_valiTTObj {
	position:absolute;
	height:47px; 
	font-weight:normal !important;
	width:400px; /* prevent wrap of lanog text contents */
}

.js_vali_valiTTLeft {
	background:url(img/js_vali_tt_bg_left.png);
	width:37px;
	height:47px;	
	float:left;
}

.js_vali_valiTTMid {
	background:url(img/js_vali_tt_bg_mid.png);
	float:left;
	height:47px;
}

.js_vali_valiTTMidInner {
	margin-top:13px;
	margin-left:-15px;
	margin-right:5px;
}

.js_vali_valiTTRight {
	background:url(img/js_vali_tt_bg_right.png);
	width:21px;
	height:47px;	
	float:left;
}

/* --- --- config according to website design --- --- */
.js_vali_valiTTObj {
	left:360px; 
	top:-36px;
}

.js_valiGroup .js_vali_valiTTObj { 
	left:150px; 
	top:-50px;
}

#contactFormBox .js_vali_valiTTObj {
	left:200px; 
	top:-20px;
}

#formPhone .js_vali_valiTTObj {
	left:100px; 
	top:-23px;
}


/* +++ Lightbox +++++++++++++++++++++++ */
#LB_Overlay {
	position:fixed;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:100%;}

#LB_Popup {
	color:#FFFFFF;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;}

#LB_ImgBox {
	position: relative;
	background-color: #616161;
	width: 250px;
	height: 250px;
	margin: 0 auto;}

#LB_ImgBoxInner {
	position:relative; /* for inner pos */
}

#LB_ImgBoxImgBox{
	/* normalerweise einfach auf #LB_ImgBoxInner margin=2px gesetzt. gibt aber sprung bei animation */
	position:relative; 
	top:2px;
	left:2px; 
}

#LB_Loading {
	position:absolute;
	top:42%; /* damit  in mitte (da kommt noch höhe von preloader drauf) */
	left:0;
	width: 100%;
	height:50px; /* img height */
}

#LB_Bar_Meta {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:url(img/js_lb_bg_70black.png);
}

#LB_Bar_MetaInner{
	margin:12px;}

#LB_Area_Navi {
	width:80px; /* breite pfeile + breite play (damit zentriert werden kann) */
	margin-left:auto;
	margin-right:auto;}

#LB_Tab_Controls {
	width:100%;}

#LB_Tab_Controls img {
	cursor:pointer;
}

#LB_BtnPause {
	display:inline;}

#LB_Tab_Controls_CM,
#LB_Tab_Controls_Close
{
	width:100px; /* beide gleiche breit, damit navi zentriert in der mitte */
}

#LB_Tab_Controls_Close {
	text-align:right;}

#LB_ControlBox {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	/* overflow: visible;  overflow:auto; geändert wegen tooltips */
	width: 100%;
	position:relative; /*FLMOD */}

#LB_PlayNavi {
	margin-left:20px;
	margin-right:20px;
	display:inline;}

#LB_ImgdetailsCaption {
	margin-right:25px;
	font-size:22px;
	max-width:480px;}

#LB_Bar_MetaTable {
	width:100%;
}

#LB_ImgdetailsCurrNumber {
	text-align:right;
	white-space:nowrap;
	vertical-align:top;
}

.Preload_preloaderLB {
	margin-left:auto;
	margin-right:auto;
	width:50px; /* breite, damit margin auto funzt */
	position:relative;
	cursor:wait;
}

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

/* +++ video popup +++++++++++++++++++++++ */

.videoPageCover {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#000000;
	z-index:50;
}

.videoPopup {
	position:absolute;
	background-color:#616161;
	z-index:60;
	padding:2px;
}

.videoObjectBox {
	width:720px;
	height:404px;
}

.videoPopupControlBox {
	position:absolute;
	top:416px;
	right:2px;
}

.videoBtnClosePopup {
	cursor:pointer;
}