@charset "UTF-8";
@import url("latoja.datepicker.css");
/* CSS Document */

body {width:100%; height:100%; font-family: Arial, sans-serif;color:#857E77; font-size:100%; margin: 0;padding: 0;hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; }
html {background: url(../bilder/default_bg.jpg) no-repeat center center fixed;background-size:cover;}

h1, h2, h3, h4, h5, h6, p {margin-top:0;}
a img {border:none;}
b, strong {font-weight:700;}
a {transition: all 0.3s ease 0s;}
a img { border: none;}
a:link {color: #857E77;text-decoration: underline; }
a:hover { color:#857E77; text-decoration: none;}
table {border-collapse: collapse;border-spacing: 0;}
.clear { clear:both;height:0;font-size: 1px;line-height: 0px;}

.wrapper {width:100%;height:100%;margin:0;padding:0;}

.header { width:100%; background: linear-gradient(to bottom, #000000 0%, transparent 100%) repeat scroll 0% 0% transparent; height: 140px;margin:0 0 10px 0;}
.header .logo  {float: left;padding: 15px 15px 15px 10px;margin:20px 0 0 30px}

.content {width:850px;height:580px;margin:0 auto;}
.content .menue {height:55px;width:800px;float:left}
.content .menue ul.nav1 {margin:0 0 0 20px;padding:25px 0 0 0;font-size:15px; font-weight:bold;}
.content .menue ul.nav1 li {list-style:none; display:inline;padding:0 20px 0 0}
.content .menue ul.nav1 li.last {padding:0;}
.content .menue ul.nav1 li a {text-decoration:none; color:#E52C33;}
.content .menue ul.nav1 li:hover a {text-decoration:underline;}

.content .countdown {display: none; height:55px;width:370px;float:left;text-align:right;padding:0 20px 0 0}
.content .countdown img {margin:0 0 0 10px}

.content .karte {z-index:5; width: 850px; height: 550px; border-radius: 30px; background-color:#FFFFFF; background-image:url(../bilder/bg_karte.jpg);background-repeat:no-repeat; -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75); position:relative;}
.content .karte .gaestelogo {position:absolute; width:335px; height:80px; top:30px;left:74px;}
.content .karte .inhalt {width:702px;padding:165px 74px 0 74px}
.content .karte .inhalt .zweispalt {}
.content .karte .inhalt  .spalte.links {width:351px;float:left;height:370px;position:relative;}
.content .karte .inhalt  .spalte.rechts {width:316px;padding-left:35px;float:left;position:relative;}
.content .karte .inhalt  .spalte .textframe {width:295px;height:auto;background-color: white; background-color:rgba(255, 255, 255, 0.9);border-radius: 20px;padding:10px;margin:0 0 20px 0;overflow-y:auto;}
.content .karte .inhalt  .spalte .textframe p {font-size:14px;color:#333333;}
.content .karte .inhalt  .spalte .textframe a {color:#333333;}
.content .karte .inhalt  .spalte .textframe a:hover {color:#E52C33;}
.content .karte .inhalt  .spalte .textframe h1 {font-size:16px; color:#E52C33;}
.content .karte .inhalt  .spalte .headframe {width:295px;background-color:rgba(255, 255, 255, 0.9);border-radius: 10px;padding:10px;margin:0 0 25px 0}
.content .karte .inhalt  .spalte .headframe h1 {font-size:16px; color:#E52C33;margin:0}
.content .karte .inhalt  .spalte .headframe p {font-size:14px;color:#333333;margin-top:14px;}
.content .karte .inhalt  .spalte .textframe ul {font-size:14px;color:#333333;margin-left:0;padding:0 0 0 0}
.content .karte .inhalt  .spalte .textframe ul li {margin:0 0 0 20px;padding:0 0 0 0}

fieldset {padding:0;margin:0; border: none; font-family: Arial, sans-serif;}
fieldset.start {margin-top:0}
input {font-family: Arial, sans-serif;}
select {font-family: Arial, sans-serif;}
input.textinput {width:305px; border:1px solid #666666; border-radius:10px;height:20px;padding:5px; box-shadow: inset 1px 0px 8px -5px rgba(50, 50, 50, 0.75); margin-bottom:10px;color:#333333;font-size:12px;}
select {width:155px;border:1px solid #666666; border-radius:10px;padding:5px;margin-bottom:10px;font-size:12px;}
select.moschmosch {width:315px;}
select option {color:#333333;}
input.textinputklein {width:145px;border:1px solid #666666; border-radius:10px;height:20px;padding:5px; box-shadow: inset 1px 0px 8px -5px rgba(50, 50, 50, 0.75); margin:0 4px 10px 0;float:left;color:#333333;font-size:12px;}
input[type="checkbox"] {float:left;width:20px;height:20px;}

label.regstep2 {
  color: black;
  float: left;
  width: 158px;
  display: none; /*only visible in ie8 (see ie8.css)*/
}
.ie8only {display: none; } /*only visible in ie8 (see ie8.css)*/

.info p{padding:0!important;margin:0;}
.info {margin:10px 0!important;}

button {font-family: Arial, sans-serif;width:156px;border-radius:10px;height:32px;padding:0;background-color:#E52C33;color:#FFFFFF;border:none;font-size:14px;cursor:pointer;}
button.leftButton{position:absolute;bottom:0;left:160px}
button.rightButton{position:absolute;bottom:0;right:160px}
button#backbutton {position:absolute;bottom:0;left:0}

form .checkbox p {font-size:12px;color:#333333!important;font-weight:bold;padding:0 0 0 30px;margin:0}
.checkbox {width:305px;padding:5px;border-radius:10px;border:1px solid #666666;height:auto;background-color:#FFFFFF;}
form .radio p {font-size:12px;color:#333333!important;font-weight:normal;padding:3px 5px 0 0;margin:0;float:left;}
.radio {width:305px;padding:5px;border-radius:10px;border:1px solid #666666;height:20px;background-color:#FFFFFF;}
span.radiobtn {font-size:12px;color:#333333;display:block;width:50px;float:left;}

*::-webkit-input-placeholder {color: #333333;}
*:-moz-placeholder {color: #333333;opacity: 1;}
*::-moz-placeholder {color: #333333;opacity: 1;}
*:-ms-input-placeholder {color: #333333;}

.pointer{
  cursor:pointer;
}

.spot{
  min-width: 45px;
  height: 44px;
  display: inline-block;
  border-radius: 100px;
  padding:1px;
  text-align: center;
  margin-right: 10px;
  border:1px solid #FFFFFF;
}
.spot .inner{
  padding:5px;
  border-radius: 100px;
  font-size: 28px;
  font-weight: bolder;
  margin: 1px;
  background:#FFFFFF;
  color: #A6A6A6;
}
.spot.on{
  border:1px solid #DE213A;
}

.spot.on .inner{
  background:#DE213A;
  color: white;
}

.error{
  background: #DE213A;
  color: #000000;
  border-radius: 0 0 20px 20px;
   border-radius: 20px;
  padding: 10px;
}
input.error, select.error{
  background: #FFFFFF;
  color: #000000;
  border-color:#DE213A;
  border-width: 2px;
}
#formerrors{
  display: none;
}
/*#formerrors{
  position: absolute;
  bottom: 0px;
  left: 40px;
display:none;
  width: 750px;
  z-index: 0;
  text-align: center;
}
#formerrors.open{
  display:block;
  bottom: -40px;
}*/

/* DATEPICKER */
.datepickerlabel { background:#0c3451;margin:0 0 0px 0px;width:295px;padding:5px 0 2px 5px;color:#FFF; }
.ui-widget-header { display:block;width:290px;padding:5px;background:white;margin:0 0 0 0; }
table.ui-datepicker-calendar {width: 298px;}

.ui-state-highlight{background-color: #E52C33!important;}
.ui-state-default,table.ui-datepicker-calendar th span{
  padding: 2px 0;
  width: 100%;
  border: 1px white solid;
  text-align: center;
  display: inline-block;
  background:#FFF;
}
.ui-state-default{display: block;background: #DDDDDD;color:#0c3451;}
.ui-state-default:hover { color:#FFFFFF;background:#E52C33!important; }
.ui-datepicker-unselectable span {color:#BBBBBB;background: #FFFFFF;}
.ui-datepicker-unselectable:hover span {color:#BBBBBB;background: #FFFFFF;}
.ui-state-active{ color:#FFFFFF;background:#0c3451; }
.ui-datepicker-inline{width: 182px;}
.ui-datepicker-calendar th,.ui-datepicker-calendar td{padding:2px 0; }
.ui-datepicker-prev,.ui-datepicker-next{cursor: pointer;}
.ui-datepicker-prev{float: left;}
.ui-datepicker-next{float: right;}
.ui-datepicker-title{text-align: center;}
.ui-datepicker-year,.ui-datepicker-month{width: auto;}
.ui-icon{width: 20px;height: 20px;display: block;}


/**punktestand */
.tx-atnetmicrosicare-pi1 .rankingValue {font-size: 4em; width: 100%; text-align: center;}

/*coupons*/

.tx-atnetmicrosicare-pi1 .showCoupons {
    height: 280px;
    overflow: auto;

}

.tx-atnetmicrosicare-pi1 .coupons {

    margin-top: 8px;
}


table.couponTable {
    border: 1px solid #eeeeee;
    font-size: 10pt;
}

table.couponTable tr th {
  background-color: #ddd;
  border: 1px solid white;
  padding: 2px;
}

table.couponTable td {
  border: 1px solid #cccccc;
    padding: 2px;

}



/*powermail*/
.tx-powermail fieldset legend {display: none; }
.tx-powermail form label {width: 80px; display: block; float: left; font-size: 10pt;  }
.tx-powermail form input[type=submit] {border: 1px solid #857E77;margin: 10pt 0 0 0; margin-left: 80px;  }
.tx-powermail h3 {display: none; }
.tx-powermail .formErrorContent {
background-color: white;
border: 2px solid red;
border-radius: 10px;
font-size: 10pt;
padding: 4px;
width: 120px;
}

/*dsgvo-modifikationen*/

#c52 {
  margin-top: -133px;
}
.powermail_check_outer label {
  width: 260px !important;
  float: left;
  clear: none;
  font-size: 11px !important;
}
.powermail_check_outer {
  width: 100%;
}
#powermail_fieldwrap_10 p.bodytext {
  font-size: 11px;
  margin-top: 5px;
}
.parsley-required {
	color: red;
}
.textframe {
	background-color: #f6ede6;
	padding: 10px;
	font-size: 11px;
	border-radius: 24px;
}
#c59.textframe {
	background-color: #eeeeee;
	padding: 10px;
	font-size: 11px;
	border-radius: 24px;
	margin-top: -30px;
	height: 365px;
	overflow-x: hidden;
	overflow-y: auto;
}
form .checkbox p.tiny {
	font-size: 9px !important;
	font-weight: normal;
}
form .checkbox.dsgvo {margin-top: 8px}
.powermail_fieldwrap {
	clear: both;
}