@charset "UTF-8";
.content-top {
	background-color: #DCDCDC;
	border: 1px solid #CCC;
	position: relative;
	padding: 5px;
}
.fokus {
	font-weight: bold;
	text-transform: uppercase;
	color: #5A5A5A;
	margin-left: 34px;
}
.fokus .count {
	font-size: 11px;
	color: #DCDCDC;
	background-color: #5A5A5A;
	float: left;
	margin-right: 8px;
	border-radius: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	margin-bottom: 3px;
	margin-top: 1px;
	width: 11px;
}
.gravesstufen {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
	position: relative;
	cursor: default;
}
.gravesstufen:hover {
	background-color: #F6F6F6;
}
.graveskunde-link {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
	position: relative;
	cursor: default;
	padding-left: 10px;
}
.graveskunde-link:hover {
	background-color: #F6F6F6;
}
.content-top .pfeil {
	color: #878787;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	position: absolute;
	top: 3px;
	bottom: 3px;
	font-size: 14px;
	padding-top: 2px;
	padding-left: 9px;
	left: 0px;
	padding-right: 9px;
	cursor: default;
}
#main-page-layout .content-top #pfeil-rechts {
	border-left-width: 1px;
	border-right-style: none;
	border-left-style: solid;
	border-left-color: #CCC;
	left: inherit;
	right: 0px;
}
#main-page-layout .content-top #pfeil-links {
	color: #CCC;
}
.gravesstufen .count {
	font-size: 9px;
	color: #FFFFFF;
	background-color: #5A5A5A;
	float: left;
	margin-right: 8px;
	border-radius: 9px;
	margin-bottom: 3px;
	margin-top: -2px;
	font-weight: normal;
	height: 14px;
	width: 18px;
	text-align: center;
	padding-top: 4px;
	margin-left: 10px;
}
.gravesstufen .auswahl {
	font-size: 9px;
	float: right;
	margin-right: 10px;
	border-radius: 9px;
	margin-bottom: 3px;
	margin-top: -2px;
	font-weight: normal;
	height: 12px;
	width: 12px;
	text-align: center;
	margin-left: 5px;
	border: 3px solid #5A5A5A;
}
.template {
	margin-top: 15px;
}
#template1 {
	margin-bottom: 60px;
}
#gravesfragen-rechts-head {
	font-weight: bold;
	text-transform: uppercase;
	color: #878787;
	margin-bottom: 0px;
	position: fixed;
	background-color: #F6F6F6;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left:10px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #DCDCDC;
	font-size: 10px;
	font-family: 'alto_probold';
	width: 225px;
	z-index:100;
}
#gravesfragen-head {
	font-weight: bold;
	text-transform: uppercase;
	color: #B4B4B4;
	margin-bottom: 15px;
}
#gravesfragen-rechts {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DCDCDC;
	position: absolute;
	right: 0px;
	top: 30px;
	bottom: 0px;
	width: 235px;
	overflow: auto;
	box-shadow: -1px 0px 5px -1px #CCC;
	z-index:3;
}
#gravesuebersicht-rechts {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DCDCDC;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 235px;
	overflow: auto;
	padding-left: 0px;
	box-shadow: -1px 0px 5px -1px #CCC;
	z-index: 3;
}
#gravesuebersicht-links {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 235px;
	overflow: auto;
	left: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DCDCDC;
	padding-right: 0px;
	box-shadow: 1px 0px 5px -1px #CCC;
	z-index: 3;
}
#gravesfragen {
	position: absolute;
	left: 10px;
	top: 50px;
	right: 245px;
	bottom: 0px;
	overflow: auto;
}
#graveskunde-data {
	position: absolute;
	left: 236px;
	top: 0px;
	right: 236px;
	bottom: 0px;
	overflow: auto;
}
.button-grave {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 4px;
	right: 5px;
	z-index: 20;
}
.dotbig {
	font-size: 20px;
	color: #FFF;
	background-color: #DCDCDC;
	text-align: center;
	float: left;
	border-radius: 23px;
	font-weight: bold;
	margin-right: 14px;
	cursor: pointer;
	border: 4px solid #DCDCDC;
	padding-top: 4px;
	padding-right: 11px;
	padding-bottom: 4px;
	padding-left: 12px;
}
.dotbigAktiv {
	font-size: 20px;
	color: #FFF;
	background-color: #405D7C;
	text-align: center;
	float: left;
	border-radius: 23px;
	font-weight: bold;
	margin-right: 14px;
	cursor: pointer;
	border: 4px solid #405D7C;
	padding-top: 4px;
	padding-right: 11px;
	padding-bottom: 4px;
	padding-left: 12px;
}
.dotbig:hover {
	border: 4px solid #7A9AB3;
	background-color: #7A9AB3;
}
.choosedot #skala {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}
.gravesantworten  {
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
	position: relative;
	cursor: default;
}
.gravesantworten:hover {
	background-color: #F6F6F6;
}
.dot {
	height: 14px;
	width: 14px;
	border-radius: 10px;
	border: 3px solid #B4B4B4;
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 7px;
}
.dotAktiv {
	height: 14px;
	width: 14px;
	border-radius: 10px;
	border: 3px solid #7A9AB3;
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 7px;
	background-color: #7A9AB3;
}
.dot:hover {
	border: 3px solid #405D7C;
}
.template3-textfeld {
	height: 160px;
	position: relative;
	width: 100%;
	background-color: #F6F6F6;
	border: 1px solid #DCDCDC;
}
.template4-textfeld {
	height: 22px;
	position: relative;
	width: 391px;
	background-color: #F6F6F6;
	border: 1px solid #DCDCDC;
	padding-left: 5px;
}
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  width: 100%;
}
.choosedot {
	height:60px;
}
.auflistung4 {
	float: left;
	width: 170px;
	position: relative;
	padding-top: 9px;
	padding-right: 20px;
	padding-bottom: 9px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
	margin-right: 10px;
	cursor: default;
}
#auflistung4option {
	position:relative;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 40px;
}
#auflistung4form {
	position: absolute;
	left: 205px;
	width: 400px;
	top: 6px;
}
.auflistung4:hover {
	background-color: #F6F6F6;
}
.auflistung4 .dot {
	right: 5px;
	top: 6px;
}
#graves-graph-region {
	background-color: #F6F6F6;
	height: 400px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
}
#graveskundeH1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	text-transform: uppercase;
	margin-left: 20px;
	margin-top: 20px;
}
.graves-table {
	display:table; 
	width:100%;
}
.graves-table-row {
	display:table-row;
}
.graves-table-row-top {
	display: table-row;
	font-weight: bold;
}
.graves-table-col{
	display: table-cell;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
	position: relative;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 39px;
}
.graves-table-col-top {
	display: table-cell;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
	position: relative;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-transform: uppercase;
}
.graves-table-col-small{
	display: table-cell;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
	width: 60px;
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.graves-table-col-small-top{
	display: table-cell;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
	width: 60px;
	text-align: center;
}
.graves-table-col-spacer {
	width: 20px;
	display: table-cell;
}
.graves-table-region {
	display: table-row;
}
.graves-table-region:hover {
	background-color: #F6F6F6;
}
.graves-table-col .count {
	font-size: 9px;
	color: #FFFFFF;
	background-color: #5A5A5A;
	border-radius: 9px;
	font-weight: normal;
	height: 14px;
	width: 18px;
	text-align: center;
	padding-top: 4px;
	position: absolute;
	left: 10px;
	top: 8px;
}
#graves-box  {
	box-shadow: 0px 0px 40px 0px #999;
	display: none;
	width: 500px;
	margin-left: -250px;
	height: 280px;
	margin-top: -180px;
}
#graves-interview-box {
	box-shadow: 0px 0px 40px 0px #999;
	display: none;
	width: 500px;
	margin-left: -250px;
	height: 210px;
	margin-top: -180px;
}
#graves-box-top {
	position: absolute;
	height: 40px;
	top: 0px;
	left: 0px;
	right: 0px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #DCDCDC;
}
#graves-box-titel {
	font-family: 'alto_pro_bdbold', sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #000;
	position: absolute;
	left: 15px;
	top: 12px;
	font-weight: bold;
}
#graves-box-logo {
	position: absolute;
	top: 10px;
	right: 15px;
}
.graves-box-table {
	display: table;
	width: 100%;
	background-color: #FFF;
}
.graves-box-table-caption {
	display: table-caption;
}
.graves-box-table-row {
	display:table-row;
}
.graves-box-table-col{
	display: table-cell;
	position: relative;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.graves-box-table-col-small{
	display: table-cell;
	width: 110px;
	text-align: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-weight: normal;
	text-transform: uppercase;
}
.graves-box-table-form-falsch {
	height: 100%;
	width: 100%;
	background-color: #FECDC2;
	text-align: left;
	border: 1px solid #990000;
	padding-top: 7px;
	padding-bottom: 7px;
}
.graves-box-table-form:hover {
	border: 1px solid #DCDCDC;
}
#graves-box-content {
	position: absolute;
	left: 0px;
	top: 41px;
	right: 0px;
	bottom: 0px;
	background-color: #FFF;
}
.graves-box-button {
	color: #000;
	background-color: #8CAEC4;
	width: 470px;
	padding-top: 7px;
	padding-bottom: 7px;
	border: 1px solid #7A9AB3;
	margin-left: 15px;
	margin-top: 15px;
	border-radius: 2px;
	font-weight: bold;
}
.graves-box-button:hover {
	background-color: #8EB7D4;
}
.graves-box-table-form {
	width: 340px;
	background-color: #F6F6F6;
	text-align: left;
	border: 1px solid #DCDCDC;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 5px;
	padding-left: 5px;
}
#graveskunde-data-choose-ges {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
}
#graveskunde-data-choose-ges #content-menu {
	background-color: #FFF;
	border-bottom: none;
}
#graveskunde-data-choose-ges #content-menu .content-menu-link {
	color: #333333;
}