/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAUi-qJCY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAXC-q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_FQft1dw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*{
	color: #2f2f2f;
    font-family: 'Lato',sans-serif;
    font-size: 12px;
}
body, html, form {
    min-height: 100% !important;
    
    line-height: 1.55;
   
}

html {
    margin: 0;
    padding: 0;
    font-size: 62.5%;

    font-size: 1.4rem;
    color: #333;
}
   

body {
}

#LoginPage, #PortalPage, .divAufbuchen{
    max-width: 630px;
  /* margin: 0 auto; */
  overflow: hidden;
  min-width: 300px;
  min-height: 300px;
  display: block;
  width: 98%;
  text-align: left;
  margin: 0 auto;
  padding: 5px 10px;
 
  padding: 10px; 
 
}



#LoginPage .welcome, #RegisterPage .welcome, #PortalPage .welcome {
  padding-top: 8px!important;
  color: #6bb89d !important;
  font-size:24px!important;
  
}
/*
#LoginPage button{
      width: 100%;
      display: block;
      padding: 10px 15px;
      font-size: 14px;
      text-transform: uppercase;
      text-decoration: none;
      text-align: center;
      border: 1px solid #e0e5e9;
     border-radius:5px;
      cursor: pointer;
	  color:#333;
}

#pbLoginCheck{
	width:100%;
	background: #fecb01!Important;
	color:#333;
	font-weight:normal;
}
#pbLoginCheck:hover{
	background: #fecb01!Important;
}
#LoginPage button:hover{
		
        background: #6bb89d;
		color:#fff!important;
}
*/

#LoginPage .loginrow{
   /* width: 100%;*/
      display: block;
    margin-left:0px;
     margin-right:0px;
}
button{
   
    margin-top:10px;
    
}

#PWDVergessenContainer, #RegisterContainer{
    display:none;
}

#global_display, #global_display2{
    width:100%;
    margin-top:10px;    
    display:block;
    cursor:default
   
}
.error-msg{
    display:inline-block;
    font-weight:bold!important;
    font-size:18px!important;
    color:red!important;
    padding:10px;
    width:100%;
    line-height:30px;
    border:2px solid red;
    background-color: #f2dede;
  border-color: #ebccd1;
 /*   text-shadow: 1px 1px #215076;*/
}
.success-msg{
      background-color: #dff0d8;
  border-color: #d6e9c6;
     display:inline-block;
     width:100%;
    line-height:30px;
    border:2px solid green;   
    font-weight:bold!important;
    font-size:18px!important;
    color:green!important;
    padding:10px;
    
    /* text-shadow: 1px 1px #ff0000;*/
}

#RegisterContainer .form-group {
  margin-bottom: 2px!important;
}
#RegisterContainer .fg-medium {
        width: 300px;
        float: left;
    }

        #RegisterContainer .fg-medium input {
            width: 280px;
        }

    #RegisterContainer .fg-short {
        width: 175px;
        float: left;
    }

        #RegisterContainer .fg-short input {
            width: 165px;
        }

    #RegisterContainer .fg-xshort {
        width: 125px;
        float: left;
    }

        #RegisterContainer .fg-xshort input {
            width: 95px;
        }
        #RegisterContainer .fg-land{
              width: 125px;
        float: left;
        }
        #RegisterContainer .fg-land select{
              width: 115px;
        }

        #RegisterContainer .fg-PLZ{
              width: 125px;
        float: left;
        }
        #RegisterContainer .fg-PLZ input{
              width: 115px;
       
        }
        #RegisterContainer .fg-ort{
              width: 360px;
        float: left;
        }
        #RegisterContainer .fg-ort input{
              width: 360px;
       
        }

      #PersonendatenDiv .checkbox{
          line-height:30px;
      }
      #PersonendatenDiv .registerhead{
          font-weight:bold;
      }
/********************************************************************/
 .pbPersonendaten, .pbPasswort{
     display:none;
 }

/********************************************************************/
 #PortalPage #persdisplay p {
            font-size: 12px;
            
        }
#PortalPage .btn-group{
    width:100%!important;
}
.datenschutz, .regioncheckdatenschutz {
            display: none;
        }

        .row-newsletter, .row-info {
            border: 2px solid #fcfcfc;
            margin:0px!important;
            margin-top: 10px;
        }
        .fg-xshort{
            width:100px;
        }

        .row-newsletter-col1, .row-info-col1 {
            border-right: 2px solid #fcfcfc;
        }

        .row-info-col1 {
            min-height: 162px;
            border:1px solid #215076 !important;
        }

        label {
            font-size: 11px;
            margin-bottom: 0px;
        }

        .datumsauswahl {
            margin-top: 10px;
        }

        .holeTrans, .pbsaveuser {
            width: 100%;
            height: 34px;
            margin-top: 0px !important;
        }

        .form-group {
            margin-bottom: 2px;
        }

        .input-error {
            font-size: 10px;
            color: red;
            margin-bottom: 0px;
            height: 12px;
            width: 100%;
            display: block;
        }

        .cardNoActive {
            background: #6bb89d !important;
            color:#fff!important;
        }

       

        #karteninfos {
            font-size: 12px;
            color: #215076;
            padding-top: 10px;
        }

            #karteninfos .attrBezeichner {
            }

            #karteninfos .attrWert {
                float: right;
                font-weight: normal;
            }

        .btn-group .essbutton {
            font-size: 20px !important;
        }



/********************************/

.pblogout{
    float:right;
}
.checkbox{
    padding-left:25px;
}
.esscheckbox{
     display: block;
  width: 25px;
  height: 25px;
  border: 2px solid #808080;
  background: #FFF;
  margin-left:-25px!important;
}
input, select {
  border: 1px solid #ccc !important;
  color:#000000!important;
  border-radius:4px!important;
  padding: 8px!important;
  /*
  
  background: #6bb89d !important;
  color: #fff !important;
  */
  vertical-align: middle;
  font-size: 14px;
}
::-webkit-input-placeholder { /* WebKit browsers */
		color: #ccc !important;
	}

	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: #ccc !important;
		opacity: 1;
	}

	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #ccc !important;
		opacity: 1;
	}

	:-ms-input-placeholder { /* Internet Explorer 10+ */
		color: #ccc !important;
	}

.essbutton_colored{
     /* background: #fecb01;*/
}
.essbutton_normal{
	/*
      background-color: transparent;
	  font-weight:normal;
	  color:#6bb89d;
	  */
}


/**************************************** CUSTOM *******************/
#PageHeader{
	background-image:url('AHOI/AHOI.png');
	background-repeat:no-repeat;
	min-height:138px;
	display:block;
	background-size:contain;
	background-position:center;
	
	
}
#loginheader span{
	font-size: 24px;
	background-color:#fff;
	padding: 0px 10px;
    z-index: 1
}
#loginheader{
	text-align:center;
}

#loginheader:before {
    content: "";
    position: absolute;    
    height: 1px;
    width: 610px;
    display: block;
    margin-top: 15px;
    background-color: #dfdfdf;
    background-color: rgba(0,0,0,0.075);
	    z-index: -1;
}
.essbutton{
       margin: 3px 0 20px;
    height: auto;
    line-height: 1.1em;
    font-weight: normal;
    padding-top: 7px;
    padding-bottom: 5px;
    border: 2px solid;
    height: 34px;
    line-height: 32px;
    border-radius: 17px;
    padding: 0 20px;
    font-size: 16px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .2) !important;
    outline: none !important;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    color: #ffffff;
    background-color: #547A79;
}
#pbLoginCheck{
	width:100%;
	font-weight:normal;
}
#pbLoginCheck:hover{
	/*background: #fecb01!Important;*/
}
#LoginPage button:hover{
		
        background: #6bb89d;
		color:#fff!important;
}
#pwdverg, #regfirst{
	width:calc(100% - 10px)!important;
}
#regfirst{
	float:right;
}

footer ul{
	margin:0px auto;
	list-style:none;
}
footer {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}

footer ul {
	min-width: 610px;
	list-style: none;
	padding-top: 20px;
	}
	ul li {
		display: inline;
	}