/*
 * Demo-Styles für die Tabs
 */
	#tab-container { display: inline-block; width: 49%; max-width: 49%; min-width: 300px; min-height: 442px; height: auto; float: right;}
	#tab-container.tabs {
	    font-weight: normal;
	    font-size: 1em;
		}
	/*
    .etabs { margin: 0; padding: 0; }
    .tab { display: inline-block; zoom:1; *display:inline; background: #b5cce5; border-bottom: solid 1px #9cb7d7; border-right: solid 1px #9cb7d7;}
    .tab:nth-child(2) { position: relative; left: -3px; border-right: none; }
    .tab a { font-size: 14px; color: #3F70B0; line-height: 3em; height: 40px; display: block; padding: 0 10px; outline: none; text-decoration: none; }
    .tab a:hover { text-decoration: none; color: #3F70B0; }
    .tab.active { background: #CEDDEE; color: #3f70B0; border-bottom: 1px solid #CEDDEE; }
    .tab a.active, .tab a.active:hover { color: #3f70B0; }
    .tab-container .panel-container { height: 380px; position: static; background: #ceddee; border: none; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
    .panel-container { margin-bottom: 10px; position: static; }
	*/
/*
 * Ende Demo-Styles
 */
.content-wrap {
	background: #cedced; border: none; padding: 0px;
	}
.content-wrap section {
	padding-right: 1.5em;
	}
.tabs-style-bar nav {
	background: #b5cce5;
	}
#tab-container.tabs-style-bar nav ul {
	border: none;
	}
#tab-container.tabs-style-bar nav ul li.tab-current a {
	background-color: #cedced; 
	color: #0d57ac; 
	}
#tab-container.tabs-style-bar nav ul li a {
	background-color: #9EBCDB;
	color: #0D57Ac;
	text-decoration: none;
	}
#tab-container.tabs-style-bar nav ul li a:hover, #tab-container.tabs-style-bar nav ul li a:focus {
	color: #0d57ac; 
	}
#tab-container .tab-current {
	border-bottom: 1px solid #cedced;
	}
#tab-container a { text-decoration: none; }	
/*
 * Jquery-UI Anpassungen
 */
.ui-slider-horizontal {
	height: 0.75em;
	margin-top: 0.75em;
	}
.ui-slider-horizontal .ui-slider-handle {
    top: -0.4em;
    margin-left: -0.75em;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 1em;
	}	
.ui-slider .ui-slider-handle {
	width: 1.5em;
	height: 1.5em;
	}
.ui-slider .ui-slider-handle:focus, .ui-slider .ui-slider-handle:active, .ui-slider .ui-slider-handle:visited {
	outline: none;
	}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #0d57a6;
	background: url('images/ui-bg_glass_0_0d57a6_1x400.png') repeat-x scroll 50% 50% #0D57A6;
	}
.ui-state-hover {
	
	}	
/*
 * Bootstrap-Anpassungen
 */	
.modal-content {
	border-radius: 0px;
	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	background-color: #dde7f2;
	}	
h4.modal-title {
	color: #0D57A6;
	}
button.btn.btn-default {
	border-radius: 0;
	background-color: #0D57A6;
	border-color: #0D57A6;
	color: white;
	}	 
button.btn.btn-default:hover {
	background-color: #6D9AC9;
	border-color: #6D9AC9;
	}
/*
 * Demo-Styles für Select
 */
	.select-wrapper{
		float: none;
		display: inline-block;            
		background: url("../img/dropdown.png") no-repeat right center;
		cursor: pointer;
	}
	.select-wrapper, .select-wrapper select{
		width: 100%;
		height: 30px;
		line-height: 30px;
		background-color: white;
		border: 1px solid #cedded;
	}
	.select-wrapper:hover {	
		background: #fff url("../img/dropdown-hover.png") no-repeat right center;
		border-color: #0D57A6;
		}
	.select-wrapper .holder{
		display: block;
		margin: 0 30px 0 0px;
		padding-left: 10px;
		white-space: nowrap;            
		overflow: hidden;		
		cursor: pointer;
		position: relative;
		bottom: 2px;
		z-index: 0;
		}
	.select-wrapper .holder:hover {
		border-color: #0D57A6;
		}
	.select-wrapper select{
		margin: 0;
		position: absolute;
		z-index: 2;            
		cursor: pointer;
		outline: none;
		opacity: 0;
		/* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true); 
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
	}
    /* Formulare */
	form{
        margin: 20px;
    }
    label {
    	font-weight: bold;
    	margin-bottom: 1em;
    	}
    input[type="submit"]{
        float: left;
        background: #d8d8d8;
        border: 1px solid #c4c4c4;
        margin-left: 10px;
        padding: 4px 10px;
        cursor: pointer;
        outline: none;
    }
    input[type="submit"]:hover{
        color: #fff;
        border-color: #1b7aa9;
        background-color: #239fdb;
    }	
/*
 * Ende Demo-Styles
 */
/*
 * Demo-Styles für Range
 */
input[type='range'] {
	-webkit-appearance: none;
	height: 10px;
	vertical-align: middle;
	border-radius: 5px;
}
input[type="range"]::-ms-fill-upper {
    background-color: white;
}
input[type="range"]::-ms-fill-lower {
        background-color: #2e509a;
}
input:focus, input:active, input:visited {
	outline: none;
	}
input[type='range']::-moz-range-track {
	 -moz-appearance: none;
	 border-radius: 5px;
	 box-shadow: inset 0 0 5px #fff;
	 background-color: white;
	 height: 10px;
	 outline: none;
}
input[type='range']::-webkit-slider-thumb {
	 -webkit-appearance: none !important;
	 border-radius: 20px;
	 background-color: #2e509a;
	 box-shadow:inset 0 0 10px rgba(000,000,000,0.5); 
	 border: 1px solid #999;
	 height: 20px;
	 width: 20px;
	 outline: none;
}
input[type='range']::-moz-range-thumb {
	 -moz-appearance: none;
	 border-radius: 20px;
	 background: #2e509a;
	 outline: none;
	 /*
	 box-shadow:inset 0 0 10px rgba(000,000,000,0.5);
	 */border: 1px solid #2e509a;
	 height: 20px;
	 width: 20px;
}

/*
 * Ende Demo-Styles für Range
 */

/*
 * Styles für Axislabel
 */
.axisLabels.xaxisLabel {
	width: 100%;
	padding: 3px 10px;
	text-align: center;
	background-color: #bac800;
	}

div#auswertenBtn {
	text-align: right;
	padding-top: 10px;
	color: white;
	}
div#auswertenBtn a.btn.btn-primary {
	color: white;
	background-color: #0d57a6;
	border-color: #0D57A6;
	border-radius: 0px;	
	}
div#auswertenBtn a.btn.btn-primary:hover {
	background-color: #6d9ac9;
	border-color: #6D9AC9;
	}

#infotextbox {
	border-top: 1px dotted #ED5901;
	margin-top: 10px;
	}
div#risikodaten {
	height: auto;
	}
div#risikoBerufContainer label, div#risikoFreizeitContainer label {
	width: 100%;
	display: inline-block;
	}
div.sk_risikoTicks { 
    width: 100%;
    display: block;
    position: static;
    font-size: small;
	}

span.sk_leftTick { width: 33%; text-align: left; display: inline-block; position: static;}
span.sk_centerTick { width: 33%; text-align: center; display: inline-block; position: static; }
span.sk_rightTick { width: 33%; text-align: right; display: inline-block; position: static; }
input.sk_fullwidthSlider { width: 99%; }
span.sk_fssmaller { font-size: smaller; }

span.sk_rechtspfeil {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	vertical-align: baseline;
	}
span.sk_infoicon {
	width: 20px;
	height: 20px;
	display: inline-block;
	border: 1px solid #c2c9d1;
	color: #0D57A6;
	background-color: white;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	right: 1em;
	}
a#auswahltbtn span.sk_infoicon {
	margin-top: 6px;
	}
span.sk_infoicon:hover {
	color: #8398ae;
	border-color: #6d9ac9;
	}
#diagrammcontainer {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: -10;
	}
@media only screen and (min-width: 630px)  {
	div#sksmart { display: none;}
	div#skclassic { display: block; padding: 16px;}
	body {
		margin: 0;
		padding: 0;
		width: 100%;
		max-width: 1024px;
		height: 740px;
		font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
		font-size: 14px;
		font-weight: normal;
		background-color: #DDE7F2;
		}
	h3, h4 {
		font-size: 14px;
		font-weight: bold;
		}
	.signalcolor {
		font-weight: bold;
		}
	.zeromargin {
		margin: 0;
		}
	div.diagramm div.y2axisLabel {
		direction: rtl;
		}
	label {
		font-size: 14px;
		font-weight: bold;
		}
	span#leistungVollinvEuro, span#leistungInvEuro {
		/* padding-left: 10px; */
		}
	p.smaller {
		font-size: smaller;
		}
	.skchartbox {
		background-color: #BAC800;
		border: 1px solid #BAC800;
		color: #0d57a6;
		padding: 10px;
		font-weight: normal;
		text-align: left;
		width: 49%;
		position: absolute;
		top: 0;
		}
	.skchartboxrechts {
		background-color: #BAC800;
		border: 1px solid #BAC800;
		color: #0d57a6;
		padding: 10px;
		font-weight: normal;
		text-align: left;
		width: 49%;
		right: 0px;
		position: absolute;
		top: 0;
		}
	.skcharttitle {
		position: absolute;
		top: 70px;
		font-weight: bold;
		}

	.skchartpoint {
		background-color: #BAC800;
		width: 1.5em;
		height: 1.5em;
		border-radius: 1em;
		border: 2px solid #0d57a6;
		}
	div#figurundtabs {
		position: relative;
		z-index: 0;
		height: auto;
		width: 100%;
		overflow: hidden;
		display: block;
		margin-bottom: 10px;
		}
	div#figurundtabs a {
		font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
		font-size: 14px;
		color: #0D57A6;
		text-decoration: none;
		}
	div#figur {
		position: absolute;
		display: inline-block;
		width: 220px;
		height: auto;
		float: left;
	}

	div#sizeMaster2 {
		position: absolute;
		display: block;
		width: 336px;
		height: auto;
	}
	div#sizeMaster3 {
		position: absolute;
		display: block;
		width: 250px;
		height: auto;
	}

	div.diagramm {
		float: none;
		display: block;
		width: 100%;
		height: 420px;
		background: none repeat scroll 0% 0% #CEDCED;
		}

	img#heightDummy {
		z-index: 0;
		position: absolute;
		}

	div.sk_responsiveContainer {
		width: 100%;
		max-width: 100%;
		height: auto;
		}
		
	img.sk_responsiveImage {
		width: 100%;
		height: auto;
		}

	div#rCdiv1 {
		position: absolute;
		z-index: 0;
		width: 194px;
		height: 355px;
		}

	div#rCdiv2 {
		position: absolute;
		z-index: 1;
		width: 100%;
		max-height: 355px;
		}
	div#rCdiv1.sk_thumb {
		z-index: 1;
		width: 49px;
		max-height: 89px;
		}
	div#rCdiv1.sk_thumb img {
		max-height: 89px;
		}
	div#figurButtonDiv.sk_thumb {
		position: absolute;
		display: block;
		z-index: 2;
		width: 60px;
		max-height: 120px;
		}
		
	div#imagemapsContainer {
		z-index: 9;
		position: relative;
		}
		
	div#imagemapsContainer img {
		width: 100%;
		height: auto;
		vertical-align: top;
		}
		
	div#rechterArmContainer {
		position: relative;
		float: left;
		top: 55px;
		margin-right: 55px;
		left: 10px;
		z-index: 4;
	/*
		position: absolute;
		top: 74px;
		left: 3px;
		*/
		}
	div#rechterArmContainer.sk_thumb {
		top: 14px;
		margin-right: 0px;
		left: 2.5px;
		}
	div#linkerArmContainer {
		position: relative;
		top: 55px;
		display: inline-block;
		z-index: 1;
		/*
		position: absolute;
		top: 74px;
		left: 97px;
		*/
		}
	div#linkerArmContainer.sk_thumb {
		top: 14px;
		width: 16px;
		margin-left: 13.5px;
		}

	div#rechtesBeinContainer {
		clear: both;
		float: left;
		display: block;
		position: relative;
		top: -5px;
		left: 0px;
		z-index: 3;
		}
	div#rechtesBeinContainer.sk_thumb {
		top: -1px;
		left: 0px;
		width: 21px;
		}
	div#linkesBeinContainer {
		position: relative;
		padding-top: 0%;
		display: inline-block;
		top: 11px; // -12.5%;
		left: -38px;
		z-index: 2;
		/*
		position: absolute;
		top: 74px;
		left: 97px;
		*/
		}
	div#linkesBeinContainer.sk_thumb {
		width: 16px;
		top: 3px;
		left: -3px;
		}

	div#ihreAngaben, div#ihreLeistung {
		width: 100%;
		padding: 10px;
		display: block;
		background-color: #bac800;
		height: auto;
		color: #232323;
		border-top: 1px dotted #bac800;
		}
	div#ihreAngaben {
		border: none;
		background-color: transparent;
		}
	div#diagrammTitel {
		padding: 10px;
		}	
	div#hinweistext_angaben_mobile {
		display: none;
		}
		
	input[type=range] {
		border: 1px solid #E3EECD;
		outline: none;
		outline-offset: -1px;
	}
	input#monatseinkommenInputRange, #mbinputslider, #grundsummeSlider {
		width: 60%;
		margin-top: 10px;
		margin-right: 0px;
		float: right;
		}
	#mbinputslider {
		margin-right: 0px;
		width: 64%;
		}
	div#vorschlagInput {
		display: block;

		}
	div.form-group label {
		clear: both;
		display: block;
		padding-right: 10px;
		}
	input, select {
		font-size: small;
		}		
	div#ihreAuswahl {
		width: 100%;
		padding: 10px;
		display: none;
		background-color: #f4fae7;
		height: 90px;
		color: #232323;
		border-top: 1px dotted #ED5901;
		}
	div#ihreAngaben .form-group {
		margin-bottom: 10px;
		}
	div#vsselect {
		display: none;
		}
	div#vsinput {
		display: block;
		}
	input#grundsummeInputField, select#grundsummeInputSelect, #monatseinkommenInputField {
		width: 33%;

		}
	select#grundsummeInputSelect {
		padding-left: 0;
		}
	input#grundsummeInputRange {
		width: 65%;
		vertical-align: text-bottom;
		}
	input.skdefault, select.skdefault {
		background-color: white;
		height: 30px;
		font-size: 13px;
		color: #333333;
		line-height: 30px;
		vertical-align: top;
		padding: 5px 10px;
		}
	#vsmin, #vsmax {
		vertical-align: top;
		font-size: 13px;
		}

	.modal-dialog {
		width: 300px;
		}
	.sk_hint {
		font-size: smaller;
		font-weight: normal;
		
		}
	div#auswahlHeadDiv {
		display: table-cell;
		width: 75%;
		}
	div#auswahlResetDiv {
		width: 25%;
		display: table-cell;
		text-align: right;
		}
	.sk_clearboth {
		clear: both;
		}
	.sk_tablerow {
		display: table-row;
		}
	.btn-skdefault {
		border: 1px solid #BAC800;
		color: #0D57A6;
		background-color: #BAC800;
		height: 34px;
		padding: 0px 15px;
		}
	.btn-skdefault:hover {
		
		}
		
	button#totalreset {
		right: 0;
		}
	div#headClickDiv {
		position: absolute;
		top: 0px;
		left: 57px;
		width: 50px;
		height: 55px;
		cursor: pointer;
		outline: none;
		z-index: 999;
		background-image: none;
		background-repeat: no-repeat;
		}
	div#spleenClickDiv {
		position: absolute;
		top: 94px;
		left: 53px;
		width: 60px;
		height: 47px;
		cursor: pointer;
		outline: none;
		z-index: 999;
		background-image: none;	
		background-repeat: no-repeat;
		}

	area#rechteSchulter:hover {
		background-color: yellow;
		opacity: 0.5;
		}		
	div#imagemapsContainer .popover {
		width: 100px;
		font-size: smaller;
		margin-top: -90px;
		}
	.popover-content {
		
		}
	a div.popover {
		color: #232323;
		font-size: smaller;
		}
	.only_mobile { display: none; }	
}

/*
@media only screen and (min-width: 570px) and (max-width: 629px)  {
	div#sksmart { display: none;}
	div#skclassic { display: block;}	
	body {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 740px;
		font-size: 14px;
		font-weight: normal;
		}
	h3, h4 {
		font-size: 14px;
		font-weight: bold;
		}
	.signalcolor {
		font-weight: bold;
		}
	.zeromargin {
		margin: 0;
		}
	div.diagramm div.y2axisLabel {
		direction: rtl;
		}
	label {
		font-size: 14px;
		font-weight: normal;
		width: 140px;
		}
	span#leistungVollinvEuro, span#leistungInvEuro {
		padding-left: 10px;
		}
	p.smaller {
		font-size: smaller;
		}
	.skchartbox {
		background-color: #f4fae7;
		border: 1px solid #ed5901;
		padding: 2px 5px;
		font-weight: bold;
		}
	div#figurundtabs {
		z-index: 0;
		height: 420px;
		max-height: 420px;
		overflow: hidden;
		display: block;
		margin-bottom: 10px;
		}
	div#figur {
		position: absolute;
		display: inline-block;
		width: 168px;
		height: auto;
		float: left;
		z-index: 2;
	}

	div#sizeMaster2 {
		position: absolute;
		display: block;
		width: 336px;
		height: auto;
	}
	div#sizeMaster3 {
		position: absolute;
		display: block;
		width: 250px;
		height: auto;
	}

	div.diagramm {
		float: none;
		display: block;
		width: 100%;
		height: 420px;
		z-index: 1;
		}

	img#heightDummy {
		z-index: 0;
		position: absolute;
		}

	div.sk_responsiveContainer {
		width: 100%;
		max-width: 100%;
		height: auto;
		}
		
	img.sk_responsiveImage {
		width: 100%;
		height: auto;
		}

	div#rCdiv1 {
		position: absolute;
		z-index: 0;
		width: 100%;
		}

	div#rCdiv2 {
		position: absolute;
		z-index: 1;
		width: 100%;
		max-height: 420px;
		}

	div#imagemapsContainer {
		z-index: 9;
		position: relative;
		}
		
	div#imagemapsContainer img {
		width: 100%;
		height: auto;
		vertical-align: top;
		}
		
	div#rechterArmContainer {
		position: relative;
		float: left;
		top: 77px;
		margin-right: 55px;
		left: 9px;
		z-index: 4;
		}
	div#linkerArmContainer {
		position: relative;
		top: 80px;
		width: 63pxpx;
		display: inline-block;
		z-index: 1;
		}

	div#rechtesBeinContainer {
		clear: both;
		float: left;
		display: block;
		position: relative;
		top: 27px;
		left: 36px;
		z-index: 3;
		}
	div#linkesBeinContainer {
		position: relative;
		padding-top: 0%;
		width: 49px;
		display: inline-block;
		top: 27px; // -12.5%;
		left: -21px;
		z-index: 2;
		}


	div#ihreAngaben, div#ihreLeistung {
		width: 100%;
		padding: 10px;
		display: block;
		background-color: #e3eecd;
		height: auto;
		color: #232323;
		border-top: 1px dotted #ED5901;
		}
	div#ihreAngaben {
		border: none;
		background-color: transparent;
		}

		
	div#hinweistext_angaben_mobile {
		display: none;
		}
		
	input[type=range] {
		border: 1px solid #E3EECD;
		outline: none;
		outline-offset: -1px;
	}

	div.form-group label {
		float: left;
		padding-right: 10px;
		}
	input, select {
		font-size: small;
		}		
	div#ihreAuswahl {
		width: 100%;
		padding: 10px;
		display: none;
		background-color: #f4fae7;
		height: 90px;
		color: #232323;
		border-top: 1px dotted #ED5901;
		}
	div#ihreAngaben .form-group {
		margin-bottom: 10px;
		}
	div#vsselect {
		display: none;
		}
	div#vsinput {
		display: block;
		}
	input#grundsummeInputField, select#grundsummeInputSelect {
		width: 110px;
		height: 1.6em;
		padding-left: 6px;
		padding-bottom: 2px;
		margin-right: 10px;
		vertical-align: top;
		}
	select#grundsummeInputSelect {
		padding-left: 0;
		}
	input#grundsummeInputRange {
		width: 120px;
		vertical-align: top;
		}
	#vsmin, #vsmax {
		vertical-align: top;
		font-size: 13px;
		}

	.modal-dialog {
		width: 300px;
		}
	.sk_hint {
		font-size: smaller;
		font-weight: normal;
		
		}
	div#auswahlHeadDiv {
		display: table-cell;
		width: 75%;
		}
	div#auswahlResetDiv {
		width: 25%;
		display: table-cell;
		text-align: right;
		}
	.sk_clearboth {
		clear: both;
		}
	.sk_tablerow {
		display: table-row;
		}
	.btn-skdefault {
		border: 1px solid #ED5901;
		color: #ED5901;
		background-color: transparent;
		font-size: 13px;
		}
	.btn-skdefault:hover {
		background-color: white;
		}
		
	button#totalreset {
		right: 0;
		}
	div#headClickDiv {
		position: absolute;
		top: 4px;
		left: 43px;
		width: 56px;
		height: 65px;
		cursor: pointer;
		outline: none;
		z-index: 999;
		background-image: none;
		background-repeat: no-repeat;
		}
	div#spleenClickDiv {
		position: absolute;
		top: 99px;
		left: 41px;
		width: 60px;
		height: 47px;
		cursor: pointer;
		outline: none;
		z-index: 999;
		background-image: none;	
		background-repeat: no-repeat;
		}
			
	div#imagemapsContainer .popover {
		width: 400px;
		font-size: smaller;
		margin-top: -90px;
		}
	.popover-content {
		
		}
	a div.popover {
		color: #232323;
		font-size: smaller;
		}
	.only_mobile { display: none; }	
}
*/

/*
 * Einstellungen für die diversen Endgeräte
 */

@media only screen and (min-width: 280px) and (max-width: 569px) {
	div#sksmart { display: block;}
	div#skclassic { display: none;}
/* für die Tabs */
	#tab-container { display: inline-block; width: 100%; max-width: 100%; height: auto; float: right;}
	#tab-container ol { list-style-position: inside; padding-left: 60px; }
	#tab-container a { text-decoration: none; }
    .etabs { margin: 0; padding: 0; }
    .tab { display: inline-block; zoom:1; *display:inline; background: #b5cce5; border-bottom: solid 1px #9cb7d7; border-right: solid 1px #9cb7d7;}
    .tab:nth-child(2) { position: relative; left: -3px; border-right: none; }
    .tab a { font-size: 12px; color: #3F70B0; line-height: 3em; height: 40px; display: block; padding: 0 10px; outline: none; text-decoration: none; }
    .tab a:hover { text-decoration: none; color: #3F70B0; }
    .tab.active { background: #dfe6f2; color: #3f70B0; border-bottom: 1px solid #dfe6f2; }
    .tab a.active, .tab a.active:hover { color: #3f70B0; }
    .tab-container .panel-container { height: 380px; position: static; background: transparent; border: none; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
    .panel-container { margin-bottom: 10px; position: static; }
    #infotextbox { display: none; }
/* Ende Tabs */	
	#figurSlidePfeil {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		color: #3f70B0;
		vertical-align: baseline;
		z-index: 10; 
		position: absolute; 
		left: 252px; 
		top: 138px;
		}
	input { border: none; padding: 5px 10px; }
	body {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 780px;
		font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
		font-size: 14px;
		font-weight: normal;
		background-color: #DDE7F2;
		}
	h3, h4 {
		font-size: 14px;
		font-weight: bold;
		}
	.signalcolor {
		font-weight: bold;
		}
	.zeromargin {
		margin: 0;
		}
	div.diagramm div.y2axisLabel {
		direction: rtl;
		}
	label {
		font-size: 14px;
		font-weight: normal;
		width: 200px;
		}
	span#leistungVollinvEuro, span#leistungInvEuro {
		padding-left: 0px;
		}
	p.smaller {
		font-size: smaller;
		}
	.skchartbox {
		background-color: #BAC800;
		border: 1px solid #BAC800;
		color: #0d57a6;
		padding: 10px;
		font-weight: normal;
		text-align: left;
		width: 49%;
		position: absolute;
		top: -38px;
		}
	.skchartboxrechts {
		background-color: #BAC800;
		border: 1px solid #BAC800;
		color: #0d57a6;
		padding: 10px;
		font-weight: normal;
		text-align: left;
		width: 49%;
		right: 0px;
		position: absolute;
		top: -38px;
		}
	.skcharttitle {
		position: absolute;
		top: 70px;
		font-weight: bold;
		}

	.skchartpoint {
		background-color: #BAC800;
		width: 1.5em;
		height: 1.5em;
		border-radius: 1em;
		border: 2px solid #0d57a6;
		}
	div#figurundtabs {
		z-index: 0;
		height: 420px;
		width: 633px;
		overflow: hidden;
		display: block;
		margin-bottom: 10px;
		padding: 16px;
		}
	div#figurundtabs a {
		font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
		font-size: 14px;
		color: #0D57A6;
		text-decoration: none;
		}
	div#grundsummendiv, div#vertragsdaten, #ihreAngaben p {
		padding-left: 60px;
		}
	div#figurSlide {
		z-index: 10;
		position: absolute;
		left: -248px;
		}
	div#figur {
		position: absolute;
		display: inline-block;
		width: 250px;
		height: auto;
		float: left;
		padding: 20px 0 40px 4px;
		border: thin solid #95abd2;
		background-color: #D3DCEC;
		-webkit-box-shadow: 3px 3px 8px #c6c9c5; /* webkit browser*/ 
		-moz-box-shadow: 3px 3px 8px #95abd2; /* firefox */ 
		box-shadow: 3px 3px 8px #c6c9c5;		
		}

	div#sizeMaster2 {
		position: absolute;
		display: block;
		width: 336px;
		height: auto;
	}
	div#sizeMaster3 {
		position: absolute;
		display: block;
		width: 250px;
		height: auto;
		}
	div#diagrammcontainer {
		position: relative;
		/* top: 52px; */
		
		}

	div.diagramm {
		clear: both;
		float: none;
		display: block;
		width: 100%;
		height: 375px;
		top: 18px;
		z-index: -1;
		}

	img#heightDummy {
		z-index: 0;
		position: absolute;
		}

	div.sk_responsiveContainer {
		width: 100%;
		max-width: 100%;
		height: auto;
		}
		
	img.sk_responsiveImage {
		width: 100%;
		height: auto;
		}

	div#rCdiv1 {
		float: left;
		z-index: 0;
		width: 194px;
		height: 355px;
		}
	div#figurButtonDiv div#rCdiv1 {
		position: absolute;
		}
	div#figurButtonDiv {
		top: 100px;
		background-color: #d3dcec;	// wie Diagramm
		padding: 10px 5px;
		margin-left: 50px;
		}
	div#rCdiv2 {
		position: absolute;
		float: left;
		z-index: 1;
		width: 100%;
		max-height: 355px;
		}
	div#rCdiv1.sk_thumb {
		z-index: 1;
		width: 49px;
		max-height: 89px;
		}
	div#rCdiv1.sk_thumb img {
		max-height: 89px;
		}
	div#figurButtonDiv.sk_thumb {
		position: absolute;
		display: inline-block;
		z-index: 0;
		width: 67px;
		max-height: 120px;
		border: thin solid #95abd2;
		border-left: none;
		padding: 5px 0 5px 12px;
		-webkit-box-shadow: 3px 3px 8px #c6c9c5; /* webkit browser*/ 
		-moz-box-shadow: 3px 3px 8px #c6c9c5; /* firefox */ 
		box-shadow: 3px 3px 8px #c6c9c5;		
		}
	/* kann raus? */
	div#testdiv { display: none; }
		
	div#imagemapsContainer {
		z-index: 9;
		position: relative;
		}
		
	div#imagemapsContainer img {
		width: 100%;
		height: auto;
		vertical-align: top;
		}
		
	div#rechterArmContainer {
		position: relative;
		float: left;
		top: 55px;
		margin-right: 55px;
		left: 10px;
		z-index: 4;
	/*
		position: absolute;
		top: 74px;
		left: 3px;
		*/
		}
	div#rechterArmContainer.sk_thumb {
		top: 14px;
		margin-right: 0px;
		left: 2.5px;
		}
	div#linkerArmContainer {
		position: relative;
		top: 55px;
		display: inline-block;
		z-index: 1;
		/*
		position: absolute;
		top: 74px;
		left: 97px;
		*/
		}
	div#linkerArmContainer.sk_thumb {
		top: 14px;
		width: 16px;
		margin-left: 13.5px;
		}

	div#rechtesBeinContainer {
		clear: both;
		float: left;
		display: block;
		position: relative;
		top: -5px;
		left: 0px;
		z-index: 3;
		}
	div#rechtesBeinContainer.sk_thumb {
		top: -1px;
		left: 0px;
		width: 21px;
		}
	div#linkesBeinContainer {
		position: relative;
		padding-top: 0%;
		display: inline-block;
		top: 11px; // -12.5%;
		left: -38px;
		z-index: 2;
		/*
		position: absolute;
		top: 74px;
		left: 97px;
		*/
		}
	div#linkesBeinContainer.sk_thumb {
		width: 16px;
		top: 3px;
		left: -3px;
		}

	div#ihreAngaben, div#diagrammTitel, div#ihreLeistung {
		width: 100%;
		padding: 10px;
		display: block;
		height: auto;
		color: #232323;
		}
	div#ihreAngaben, div#diagrammTitel {
		border: none;
		background-color: transparent;
		padding-left: 10px;
		}
	
	div#ihreLeistung {
		background-color: #e3eecd;
		border-top: 1px dotted #ED5901;
		
		}	
		
	div#hinweistext_angaben_mobile {
		display: none;
		}
		
	input[type=range] {
		border: 1px solid #E3EECD;
		outline: none;
		outline-offset: -1px;
	}
	input#monatseinkommenInputRange {
		width: 48%;
		}
	div#vorschlagInput {
		display: block;

		}
	div.form-group label {
		clear: both;
		display: block;
		padding-right: 10px;
		}
	input, select {
		font-size: small;
		}		
	div#ihreAuswahl {
		width: 100%;
		padding: 10px;
		display: none;
		background-color: #f4fae7;
		height: 90px;
		color: #232323;
		border-top: 1px dotted #ED5901;
		}
	div#ihreAngaben .form-group {
		margin-bottom: 10px;
		}
	div#vsselect {
		display: none;
		}
	div#vsinput {
		display: block;
		}
	input#grundsummeInputField, select#grundsummeInputSelect {
		width: 110px;

		}
	select#grundsummeInputSelect {
		padding-left: 0;
		}
	input#grundsummeInputRange {
		width: 164px;
		vertical-align: text-bottom;
		}
	input.skdefault, select.skdefault {
		background-color: white;
		height: 30px;
		font-size: 13px;
		color: #333333;
		line-height: 30px;
		vertical-align: top;
		border: none;
		}
	#vsmin, #vsmax {
		vertical-align: top;
		font-size: 13px;
		}

	.modal-dialog {
		width: 300px;
		}
	.sk_hint {
		font-size: smaller;
		font-weight: normal;
		
		}
	div#auswahlHeadDiv {
		display: table-cell;
		width: 75%;
		}
	div#auswahlResetDiv {
		width: 25%;
		display: table-cell;
		text-align: right;
		}
	.sk_clearboth {
		clear: both;
		}
	.sk_tablerow {
		display: table-row;
		}
	.btn-skdefault {
		border: 1px solid #BAC800;
		color: #0D57A6;
		background-color: #BAC800;
		height: 34px;
		padding: 0px 15px;
		}
	.btn-skdefault:hover {
		
		}
		
	button#totalreset {
		right: 0;
		}
	div#headClickDiv {
		position: absolute;
		top: 0px;
		left: 57px;
		width: 50px;
		height: 55px;
		cursor: pointer;
		outline: none;
		z-index: 999;
		background-image: none;
		background-repeat: no-repeat;
		}
	div#spleenClickDiv {
		position: absolute;
		top: 94px;
		left: 53px;
		width: 60px;
		height: 47px;
		cursor: pointer;
		outline: none;
		z-index: 999;
		background-image: none;	
		background-repeat: no-repeat;
		}

	area#rechteSchulter:hover {
		background-color: yellow;
		opacity: 0.5;
		}		
	div#imagemapsContainer .popover {
		width: 100px;
		font-size: smaller;
		margin-top: -90px;
		}
	.popover-content {
		
		}
	a div.popover {
		color: #232323;
		font-size: smaller;
		}		
	.only_mobile { display: inherit; }
	h4 span.only_mobile { display: inline-block; }	
	}