@charset "UTF-8";
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> GENERAL <<
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.planerFrame .clear{
	clear:both;
	float:none;
	margin:0;
	}
.planerFrame .clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.planerFrame .clearfix{
	display:inline-block;
	}
	* html .clearfix {
		height:1%;
		}
.planerFrame h2.headline{
	color:#37373D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	margin:0;
	padding:0;
	}
.planerFrame h3.subHeadline{
	color:#FF7814;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:16px;
	margin:0 0 8px 0;
	padding:0;
	}
.planerFrame h3{
	color:#37373D;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	margin:16px 0 8px 0;
	padding:0;
}
.planerFrame p{
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	margin:0;
	padding:0 48px 0 0;
	}
	.planerFrame p span{
		color:#37373D;
		font-size:11px;
		font-weight:bold;
		line-height:14px;
		}
.planerFrame .imageLeft{
	float:left;
	padding:0 16px 0 0;
	}
.infoIcon{
	cursor:pointer;
	}
.noType{
	color:#485A8F;
	list-style-type:square;
	}
select{
	margin:0 0 8px 0;
	width:100%;
	}
.p0100{
	padding:0 8px 0 0;
	}
.p0002{
	padding:0 0 0 16px;
	}
.p1002{
	padding:8px 0 0 16px;
	}
.p2000{
	padding:16px 0 0 0;
	}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> INTRO <<
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.masterFrame{
	background-color:#F1F2F7;
	float:left;
	}
	.masterFrame .insertContainer{
		border-color:#37373D;
		border-style:solid;
		border-width:1px;
		}
	.masterFrame .introduction{
		background-color:#FF7814;
		background-image:url(../images/planer/introduction/flow.gif);
		background-position:top left;
		background-repeat:repeat-y;
		border-width:0;
		height:510px;
		float:left;
		padding:20px 0 0 0;
		}
.introductionTitle h1{
	color:#FFF;
	font-size:20px;
	font-weight:normal;
	line-height:24px;
	padding:10px 0 0px 14px;
	}
.introduction .backgroundFlow{
	background-image:url(../images/planer/introduction/small.jpg);
	background-position:428px 398px;
	background-repeat:no-repeat;
	height:510px;
	float:left;
	}
.introduction img{
	border:0;
	float:left;
	}
.introduction .description{
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	padding:10px 0 0 50px;
	width:186px;
	float:left;
	}
.introduction .claim{
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	line-height:26px;
	float:left;
	padding:60px 0 0 50px;
	}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PLANER <<
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.infoBox{
	background-color:#FFF;
	border-color:#F1F2F7;
	border-style:solid;
	border-width:1px;
	color:#202125;
	padding:4px 8px;
	position:absolute;
	}
.planerFrame{
	background-color:#F1F2F7;
	padding:0 0 16px 0;
	width:795px;
	}
	#planerFrame table{
		
		}
		#planerFrame table tr{
			
			}
			#planerFrame table tr td{
				
				}
				#planerFrame table tr td div{
					
					}
	.planerFrame div.breadCrumb{
		background-color:#FFF;
		padding:1px 0;
		}
		.planerFrame div.breadCrumb table{
			
			}
			.planerFrame div.breadCrumb table tr{
				
				}
				.planerFrame div.breadCrumb table tr td{
					
					}
					.planerFrame div.breadCrumb table tr td a{
						display:block;
						padding:8px 0;
						color:#202125;
						}
					.planerFrame div.breadCrumb table tr td a:link,
					.planerFrame div.breadCrumb table tr td a:visited{
						
						}
					.planerFrame div.breadCrumb table tr td a:active,
					.planerFrame div.breadCrumb table tr td a:hover{
						color:#37373D;
						}
					.planerFrame div.breadCrumb table tr td a.active{
						background-color:#FF7814;
						color:#FFF;
						font-weight:normal;
						}
					.planerFrame div.breadCrumb table tr td a:hover{
						background-color:#E3E5E6;
						color:#202125;
						}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PLANER > SELECT <<
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div.selectCol{
	margin:0;
	padding:0;
	}
	div.selectCol .stepRow,
	div.selectCol .productRow{
		background-color:transparent;
		float:left;
		margin:0;
		padding:8px 0;
		width:100%;
		}
	div.selectCol div.active{
		background-color:#FFF;
		}
		div.selectCol .stepRow ul.selectList{
			list-style-type:none;
			margin:0;
			padding:0;
			text-align:right;
			}
			div.selectCol .stepRow ul.selectList li{
				cursor:pointer;
				display:inline;
				margin:0 8px 0 0;
				padding:0;
				}
				div.selectCol .stepRow ul.selectList li div#noepstext{
					background-image:url(../images/planer/select/opt_060_06.gif);
					background-position:top right;
					background-repeat:no-repeat;
					cursor:default;
					float:left;
					height:50px;
					padding:5px 135px 0 70px;
					}
				div.selectCol .stepRow ul.selectList li div.hinweis{
					cursor:default;
					float:left;
					height:50px;
					padding:5px 20px 0;
					}
				div.selectCol .stepRow ul.selectList li a{
					}
					div.selectCol .stepRow ul.selectList li a img.active{
						background-image:url(../images/planer/select/dummyHover.gif);
						background-position:0 0;
						background-repeat:no-repeat;
						}
					div.selectCol .stepRow ul.selectList li a img:hover{
						background-image:url(../images/planer/select/dummyHover.gif);
						background-position:0 0;
						background-repeat:no-repeat;
						}
		div.selectCol #calc{
			
			}
			div.selectCol #calc table{
				
				}
				div.selectCol #calc table input.inputText{
					width:30px;
					}
		div.selectCol #calcResults{
			
			}
			div.selectCol #calcResults table{
				background-color:#FFF;
				}
		div.selectCol #calcResults p{
			font-family:arial, helvetica, sans-serif;
			font-size:13px;
			font-weight:normal;
			line-height:16px;
			margin:0;
			padding:16px 16px 0px 16px;
			}
	div.selectCol input.error,
	div.selectCol select.error,
	div.selectCol textarea.error{
		background-color:#FF7814;
		color:#FFF;
		}
	div.selectCol div.error{
		color:#FF7814;
		}
input.inputText,
textarea.inputTextarea,
select.inputSelect{
	margin:0;
	padding:0;
	width:100%;
	}
div.service{
	border-color:#A4A4A4;
	border-style:solid;
	border-width:0 0 1px 0;
	color:#37373D;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:0 0 8px 0;
	padding:0 0 8px 0;
	text-decoration:none;
	}
div.e23{
	border-color:#A4A4A4;
	border-style:solid;
	border-width:1px 0 0 0;
	margin: 8px 0 0 0;
	padding: 8px 0 0 0;
}
div.rowBox2{
	float:right;
	margin:0 8px 16px 16px;
	width:150px;
	}
div.pagination{
	float:right;
	}
	div.pagination a{
		cursor:pointer;
		}
	div.pagination ul{
		
		}
		div.pagination ul li{
			display:inline;
			}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PLANER > PREVIEW <<
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div.previewCol{
	margin:0;
	padding:0;
	}
	div.previewCol .image{
		margin:0;
		padding:0;
		}
		div.previewCol .image table{
			
			}
			div.previewCol .image table tr{
				
				}
				div.previewCol .image table tr td{
					
					}
		div.previewCol .image table tr td .previewIndex{
			background-image:url(../images/planer/preview/blank.jpg);
			background-position:top left;
			background-repeat:no-repeat;
			font-size:0;
			line-height:0;
			width:238px;
			}
		div.previewCol .image table tr td .previewIndex .step{
			float:left;
			width:100%;
			}
			div.previewCol .image table tr td .previewIndex div.step021{
				background-image:url(../images/planer/preview/step/B.gif);
				background-position:bottom left;
				background-repeat:no-repeat;
				}
			div.previewCol .image table tr td .previewIndex div.step080{
				background-position:top left;
				background-repeat:no-repeat;
				text-align:center;
				}
	div.previewCol .config{
		margin:0;
		padding:0;
		}
		div.previewCol .config ul.previewList{
			list-style-type:none;
			margin:0;
			padding:0;
			text-align:left;
			}
			div.previewCol .config ul.previewList li{
				cursor:pointer;
				display:inline;
				margin:0 8px 0 0;
				padding:0;
				}
				div.previewCol .config ul.previewList li a{
					}
					div.previewCol .config ul.previewList li a img:hover{
						background-image:url(../images/planer/select/dummyChange.gif);
						background-position:0 0;
						background-repeat:no-repeat;
						}