input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
/* ------------------- Schrift ------------------- */
h1 {
	font-size:1.5em;
	color:#004699;
}
h2 {
	font-size:1.2em;
	color:#004699;
}

h3 {
	font-size:1.2em;
	color:#333333;
}

.text_style {
	font-size:1em;
	color:#333333;
}

/*  Box   */
div.box {
	font-size:1em;
	color:#454545;
}
ul.box_left li ul li.beschreibung {
	font-weight:bold;
}
/*  Prämie   */
div#jahres_out {
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
}

a {
	color:#004699;
	text-decoration:none;
}
a:hover {
	color: #2871c6;
	text-decoration:none;
}
a:hover span {
	color:#000;
	font-weight:normal;
	font-size:0.8em;
}

/*  Icon Info   */
a.info {
	color:#FFFFFF;
	text-decoration:none;
}
a.info:hover {
	text-decoration:none;
}
a.info:hover span {
	color:#000;
	font-weight:normal;
	font-size:0.8em;
}
/*  Uhr (ab Seite 2)   */
#SessionTimeCount {
	font-weight: bold;
}

a.leistungen {
	color:#5aab13;
}
a.leistungen:hover {
	color:#468014;
}

a.dok
{
 color: #004699;
	font-weight: bold;
}
a.dok:hover
{
 color: #2871c6;
}

.flex {
 	display: flex; 
 	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox | -ms-inline-flexbox;
  display: -webkit-flex;
 }
	
	.flex-row {
  -webkit-box-orient: horizontal; 
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  flex-direction: row;
 }
	
	.flex-column {
  -webkit-box-orient: vertical;
	 -moz-box-orient: vertical;
	 box-orient: vertical;
	 flex-direction: column;
 }
	
	.flex-spacebetween {
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  box-pack: space-between;
  justify-content: space-between;
 }
	
/* ------------------- Style ------------------- */
.clearfix:after {
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0px;
}
body {
	/* background-color:#f6f5f5; */
	background-image: url('/img/background.jpg');
	background-attachment:fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
}
div#container {
	max-width:700px;
	min-height: 850px;
	padding:1.5em;
	margin: 0 auto;
	background-color:#ffffff;
	-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 0;
border-radius: 3px;
border-top-left-radius: 0;
}

/*  Navigation Tabs AKV   */
.tabs-con-akv
{
	max-width: 700px;
	width: 100%;
 padding: 0em 1.5em 0em 1.5em;
	margin: 0 auto;
}
ul#tabs-akv {
	list-style:none;
	margin: 0px 0px 0px -1.5em;
	height: 25px;
	padding:0px 0px 0px 0px;
}
ul#tabs-akv li {
	float:left;
	width:100px;
	margin: 0px;
	text-align:center;
	border: solid 0px;
	padding: 5px 4px 5px 4px;
}
ul#tabs-akv li#select {
	color:#000000;
	background-color: #FFFFFF;
}
ul#tabs-akv li.nonselect {
	color:#ffffff;
	background-color: #004699;
}


/* Navigation Tabs RRV */
ul#tabs li#select {
	color:#000000;
	background-color: #FFFFFF;
}
ul#tabs li.nonselect {
	color:#ffffff;
	background-color: #004699;
}
.tabs-con
{
	max-width: 700px;
	width: 100%;
 padding: 0em 1.5em 0em 1.5em;
	margin: 0 auto;
}

ul#tabs {
	list-style:none;
	margin: 0px 0px 0px -1.5em;
	height: 25px;
	padding:0px 0px 0px 0px;
}
ul#tabs li {
	float:left;
	width:78px;
	margin: 0px;
	text-align:center;
	border: solid 0px;
	padding: 5px 4px 5px 4px;
}
/*  Box   */
img.box_icons {
	margin: 1em 0em -1.2em -0.8em;
}
div.box {
	width:100%;
	display:table;
	background-color:#f6f5f5;
}

ul.box_left {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.list {
	float:left;
	padding:10px;
	list-style:none;
}
ul.list li ul {
	list-style:none;
	min-width:18em;
	padding:10px 0px;
}
ul.list li ul li {
	float:left;
	padding-left:10px;
}
ul.list li ul.praemie li {
	width:95%;
}
div#jahres_out {
	float:right;
	min-width:5em;
	max-width:8em;
	padding:10px 20px;
	text-align:center;
	background-color:#004699;
	border-radius:0.3em;
}
div.box_right {
	display:table-cell;
	padding:10px;
	vertical-align:middle;
	text-align:center;
	border-left:1px dashed black;
}
div#info_preis {
	text-align:left;
}
button#weiter {
	float:right;
	margin:20px 0px;
	padding:10px 20px;
	background-color:#f2f2f2;
	border-radius:0.3em;
}
span#weiter2 {
	float:right;
	margin:20px 0px;
	padding:10px 20px;
	background-color:#f2f2f2;
	border-radius:0.3em;
}
button#zurueck {
	float:left;
	margin:20px 0px;
	padding:10px 20px;
	background-color:#f2f2f2;
	border-radius:0.3em;
}
.input1 {
 border: 1px solid #c5c5c5;
 margin: 1px 0px 10px 0px;
 padding: 0.5em;
 width: 15em;
}
select.input1 {
 width: 16.2em;
 margin: 1px 0px 10px 0px;
 padding: 0.5em;
}
.input2 {
 border: 1px solid #c5c5c5;
 margin: 1px 0px 10px 0px;
 width: 9.8em;
 padding: 0.5em;
}
.input3 {
 border: 1px solid #c5c5c5;
 margin: 1px 0px 10px 0px;
 width: 3.7em;
 padding: 0.5em;
}
.error {
 background-color: #faf0f0 !important;
 border: 1px solid #ff0000;
}

.error h2 {
	color:#FF0000;
}

/* Buttons */
.btn {
 display: inline-block;
 *display: inline;
 padding: 4px 12px;
 margin-bottom: 0;
 *margin-left: .3em;
 font-size: 14px;
 line-height: 20px;
 color: #333333;
 text-align: center;
 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 vertical-align: middle;
 cursor: pointer;
 background-color: #f5f5f5;
 *background-color: #e6e6e6;
 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
 background-repeat: repeat-x;
 border: 1px solid #cccccc;
 *border: 0;
 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 border-bottom-color: #b3b3b3;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 *zoom: 1;
 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 text-decoration: none; font-size: 1.25em; float:left; margin:0px 0px; padding:10px 20px;	background-color:#f2f2f2;	border-radius:0.3em;
}

.btn-large {
 padding: 11px 19px;
 font-size: 17.5px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
}
.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-back {
 color: #ffffff;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 background-color: #9c9e9c;
 *background-color: #797979;
 background-image: -moz-linear-gradient(top, #a4a4a4, #797979);
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a4a4a4), to(#797979));
 background-image: -webkit-linear-gradient(top, #a4a4a4, #797979);
 background-image: -o-linear-gradient(top, #a4a4a4, #797979);
 background-image: linear-gradient(to bottom, #a4a4a4, #797979);
 background-repeat: repeat-x;
 border-color: #797979 #797979 #a4a4a4;
 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4a4a4', endColorstr='#797979', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 margin: 20px 0;
}

/*  Fehler Box   */
ul#fehler {
	width:100%;
	margin:0px;
	padding:10px;
	list-style:none;
	display:table-cell;
}
/*  Icon Info  */
a.info {
	position:relative;
	z-index:1;
}
a.info:hover {
	z-index:2;
	cursor:help;
}
a.info span {
	display:none;
}
a.info:hover span {
	display:block;
	position:absolute;
	font-size: 100%;
	top:2em;
	left:2em;
	width:250px;
	border:1px solid #12127D;
	background-color:#FFFFFF;
	padding: 1em;
}
/*  Uhr (ab Seite 2)  */
#SessionTimeCount {
 float: right;
 padding: 2px 12px;
}



/*-------------------- 1. Tarif Design -------------------------*/
h2.tarif
{
	color: #2871c6;
}

h3.pers
{
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

.pers-box
{
	display: block;
	border: solid 1px #cde4ff;
	padding: 10px;
	background-color: #f6fafe;
}

.box-info
{
	display: inline-table;
	background-color: #f6fafe;
	border: solid 1px #cde4ff;
	width: 100%;
}

.box-info .tr
{
	display: table-row;
}

.box-info .tr .td
{
	display: table-cell;
	padding: 10px;
	border-bottom: solid 1px #cde4ff;
}

.box-info .tr .td-left
{
	color: #004699;
	font-weight: bold;
	width: 200px;
	border-right: solid 1px #cde4ff;
}

.tcalc
						 {
							 display: inline-table;
							}
							.tcalc .tr
							{
							 display: table-row;
							}
							.tcalc .tr .td
							{
							 display: table-cell;
							 padding: 0.5em;
							}					
							.tcalc .tr .fett
							{
							 font-weight: bold;
							}


/* ------------------- Style max-width:480px ------------------- */
@media screen and (max-width: 480px) {

	div.box_right {
		display:none;
	}
}


		  .vers-ul
				{}
    .vers-li
				{
				 list-style: none;
					background: url('/book/img/check.png') no-repeat left center;
					padding-left: 25px;
					line-height: 25px;
					height: 25px;
				}
							
				@media screen and (max-width: 400px)
				{
				 .vers-ul
					{
					 margin: 0px;
						padding: 0px;
					}
					.vers-li
					{
					 padding-left: 25px;
					}
				}