* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body, form, textarea, input, button, select, legend, h1, h2, h3, h4, h5, h6, p, ol, ul, table, td, th { margin:0;padding:0; }
body { background:#FFFFFF;color:#555555;text-align:left;font:16px/1.3 arial,helvetica,clean,sans-serif;font-weight:400;*font-size:small; /* for IE */*font:x-small; /* for IE in quirks mode */-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; 
}
html { overflow-y:auto; }

#parent { margin: 0 auto; padding: 5px 30px; position: relative; text-align: left; min-width: 320px; max-width: 780px; }

#header { margin-bottom: 20px; position: relative; text-align: center;}
#header .inner, #container .inner { margin:0 auto;width:100%;max-width:1200px; }

#logo { display:inline-block;margin:0 auto 5px auto;text-align:center;vertical-align:middle;width:100%;line-height:1;font-size:1em;position:relative;  max-width:200px; }
#logo a:link, #logo a:focus, #logo a:hover, #logo a:visited, #logo a:active { display:inline-block; }

#logo, .clubnewsletterpopup .logo { position: relative; }
.clubnewsletterpopup .logowrap { text-align: center; }
#logo:after, .clubnewsletterpopup .logo:after { content: '';background: url(gfx/padlock.png); background-repeat: no-repeat; background-size: 28px;position: absolute;width:28px;height: 28px;top: 0;right: 0; }

#container { background:#EEE;margin-bottom:30px; }
#container .inner { position:relative; }

#content { }
#left, #right { padding:0 15px; }

.mt20 { margin-top:20px; }

.cfix:before, .cfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.cfix:after { clear: both; }


/* ----- =navigation ----- */
#navwrap { display:inline-block; vertical-align:middle;width:100%;padding-right:10px; border-bottom: 1px solid #EEEEEE; }
#nav {font-size:1.071em;margin:0;padding:0;}
#nav li {display:inline-block;list-style:none;list-style-image:none;letter-spacing:0;position:relative;vertical-align:top;}
#nav a, #nav strong { color: #333333;display:block;padding:10px 12px;text-decoration:none;transition:.4s ease all; border-bottom: 2px solid rgba(255,255,255, 0) }
#nav a:hover, #nav a:focus, #nav strong { color:#DB0812; font-weight: 400; }
#nav strong { border-color: #DB0812; }

.nav { margin:0;padding:0; }
.nav li { margin:0 0 5px; }
.nav li a { border-radius:5px;display:block;font-weight:700;padding:12px;transition:.2s ease all;width:100%; }
.nav li a:hover, .nav li a:focus { background:#333;color:#FFF; }

.none, .noem em {
    display: none;
    visibility: hidden;
}

/* columns */
.col-s-6, .col-s-4 { width:100%; }

/* ----- +feedback ----- */
.error, .message, .warning { list-style:none;margin:0;padding:0; }
.error li, .message li, .warning li { font-weight:bold; }
.error li { color:#950000; }
.message li { color:#00952D; }
.warning li { color:#006494; }

/* ----- +modules ----- */
.login-wrapper { background:#FFF;border-radius:5px; }




/* ----- +layout ----- */
form { clear: both;margin: 20px 0;padding:0;width:100%;font-family:'Lato',arial,helvetica,clean,sans-serif; }
fieldset {border:0 none;margin:0;padding:0 0 30px 0;position:relative;text-align: left;}
fieldset.p0 {padding:0;}
legend {font-weight:bold;font-size:1.1em;padding:0;}
form ol, form ul {list-style-type:none;margin:0;padding:0;}
form ol li, form ul li {background-image:none;float:left;list-style-image:none;padding:10px  0 0 0;width:100%; position: relative;}
form li ol, form li ul {padding:0;}
form ol li li, form ul li li {list-style-image:none;padding:0 0 8px 0;}
form ol div label, form ul div label {display:block;float:none;margin:0;width:auto;}
form .optgroup, form .optgroup li {width:auto;}
form .optgroup {float:none;}
form .optgroup li {margin-right:10px;}
form li.req {}

/* ----- +error ----- */
.error-msg { border:1px solid;clear:both;margin:0 0 20px 0;padding:10px;}
.error-msg legend {border:1px solid;padding:.2em .5em;}
.error-msg ul { list-style-type:square;margin-left:20px;overflow:visible;}
.error-msg ul li {clear:both;float: none;list-style-image:none;padding:2px 0;width:auto;}
.error-msg label {float:none;display:inline;margin:0;padding:0;width:auto;}
form li.error input, form li.error select, form li.error textarea { font-weight:400; }

/* ----- +label ----- */
form small { display:block;font-size:0.85em; }
label, form ol div, form ul div { display:block;line-height:1.3;margin:0 0 5px 0;vertical-align:top; }
label { font-weight: bold; }
form .checktxt, form .radiotxt { font-weight:400; }
form .checktxt, form .radiotxt, form .widetxt { float:left;margin-right:0; }
form fieldset .autotxt { width:auto; }
form label.req { display:block;float:none;font-weight:bold;margin:0 0 .69em;width:100%; }

/* ----- +elements ----- */
input, select, textarea {border: 1px solid;font-size:0.889em;padding:12px 10px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
font-family:'Lato',arial,helvetica,clean,sans-serif;
font-size: 16px; /* iOs will autozoom to textfield if font size is lower than 16px */
}

.ios input[type=text], .ios select, .ios textarea { font-size:16px !important; }
.ios select { line-height:28px; }

select {width:auto;}
option {padding-left: 0.4em;} /* resets rendering error */
textarea {vertical-align:top;resize:none;}
input.button {text-align:center;}
input.button:focus {text-decoration:underline;}
input.img {border:0 none;padding:0;width: auto;}
input.noborder {background-color: transparent;border: 0 none;margin-bottom:.7em;margin-right:5px;padding:0;width:auto;}
input.checkbox, input.radio { float:left;margin:5px 8px 0 0;padding:0;width:auto;}
form .checktxt, form .radiotxt { margin:0 !important; }
label, input[type=checkbox], input[type=radio], input[type='submit'], input[type='button'], button {cursor:pointer;}
label.disabled { cursor:not-allowed; }
input[type='text'],input[type='password']{cursor:text;}
input[type='hidden']{display:none;}
input[disabled='disabled'] {background-color:#DADADD; cursor:not-allowed;}
input[type="submit"]::-moz-focus-inner {border:0;} /* http://christophzillgens.com/de/articles/input-und-button-gleich-hoch */

/* ----- =headlines/ Ueberschriften/ Absaetze ----- */
/* Zeilenhoehe 18px */
h1, .h1 { font-size: 1.750em;line-height: 1.1;margin:0.643em 0 0.321em; color:#C91846; font-family:'Source Sans Pro',arial,helvetica,clean,sans-serif; font-weight:300; text-align:center; } /*28px*/
h2, .h2 { font-size: 1.500em;line-height: 1.3;margin:0.750em 0 0.375em; color:#333; font-weight:normal; } /*24px*/
h3, .h3 { font-size: 1.250em;line-height: 1.3;margin:0.900em 0 0.450em; color:#333; font-weight:normal; } /*20px*/
h4, .h4 { font-size: 1.125em;line-height: 1.3;margin:1.000em 0 0.500em; color:#333; font-weight:normal; } /*18px*/
h5, .h5 { font-size: 1.125em;line-height: 1.3;margin:1.000em 0 0.500em; color:#333; font-weight:normal; } /*18px*/
h6, .h6 { font-size: 1.125em;line-height: 1.3;margin:1.000em 0 0.500em; color:#333; font-weight:normal; } /*18px*/
p {line-height: 1.4;margin: .69em 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
h1, h2, h3, h4, h5 {font-weight:normal;}

/* ----- +standard ----- */
form .wauto { width:auto !important; }
form .full { width:100% !important; }
form img.captcha {float:left;margin-left:.5em;}
input.captcha { float:left; }

/* @section =buttons mit Hintergrundbild
-------------------------------------------------------------------*/
a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, a.buttonwauto:link, a.buttonwauto:visited, a.buttonwauto:focus, a.buttonwauto:hover, a.buttonwauto:active, button, input[type='submit'], input[type='button'] { border:0 none;cursor:pointer;display:inline-block;font-size:0.875em;font-weight:bold;font-family:arial,helvetica,clean,sans-serif;letter-spacing:0.08em;line-height:20px;margin:0;padding:10px 20px;text-align:center;text-decoration:none;text-transform:uppercase; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
	-moz-transition: background-color 0.4s ease-in-out;  
       -o-transition: background-color 0.4s ease-in-out;  
  -webkit-transition: background-color 0.4s ease-in-out;  
      -ms-transition: background-color 0.4s ease-in-out;  
          transition: background-color 0.4s ease-in-out;	
} 
button, input[type='submit'], input[type='button'] { width: 100%; overflow: visible; } /* http://www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button::-moz-focus-inner {border: none;}
button.auto, a.auto:link, a.auto:visited, a.auto:focus, a.auto:hover, a.auto:active, input[type='submit'].auto, input[type='button'].auto { width:auto; }
button.fright, a.fright:link, a.fright:visited, a.fright:focus, a.fright:hover, a.fright:active { float:right; }

a.buttonwauto { width:auto !important;line-height:30px !important;padding:0 10px !important;margin:0 0 10px 0 !important; }

.ios button, .ios input[type='submit'], .ios input[type='button'] { -webkit-appearance: none;-webkit-border-radius:0;border-radius:0; }

/* ----- +size ----- */
label, form ol div, form ul div { width:100%; }
input, select, textarea { width:100%; }
form .checktxt, form .radiotxt { width:85%; } 
form .widetxt { width:100%; }
form li ol, form li ul, input.button { width:100%; }
input.captcha { margin-top:6px;width:150px; }
form .short { width:150px; }

/* ----- +color ----- */
label { color: #555555; }
form .req li label { background-color:transparent; }
label.disabled { color:#999; }
input, select, textarea { background-color: #fff;border-color: #ccc;color:#555; }
input, textarea { -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; }
input:focus, select:focus, textarea:focus {
background-color:#eef6ff;
outline:none;
}
input.checkbox, input.radio { box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none; }
.ios select { border-color:#333; }
.ios input.checkbox, .ios input.radio { border-color:#333; 
  background-image: -webkit-gradient(#ccc, #ccc);
  background-image: -webkit-linear-gradient(#ccc, #ccc);
}
.ios input.checkbox:checked, .ios input.radio:checked {
  background-image: -webkit-gradient(#333, #333);
  background-image: -webkit-linear-gradient(#333, #333);
  
}

a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, a.buttonwauto:link, a.buttonwauto:visited, a.buttonwauto:focus, a.buttonwauto:hover, a.buttonwauto:active, button, input[type='submit'], input[type='button'] { background:#007AFF;color:#fff !important; }
a.button:focus, a.button:hover, a.buttonwauto:focus, a.buttonwauto:hover, button:focus, button:hover, input[type='submit']:focus, input[type='submit']:hover, input[type='button']:focus, input[type='button']:hover { background:#429CFF; }
a.button:active, a.buttonwauto:active, button:active, input[type='submit']:active { background:#004591; }

a.buttondark:link, a.buttondark:visited, a.buttondark:focus, a.buttondark:hover, a.buttondark:active, button.buttondark, input[type='submit'].buttondark, input[type='button'].buttondark { background:#333;color:#fff !important; }
a.buttondark:focus, a.buttondark:hover, button.buttondark:focus, button.buttondark:hover, input[type='submit'].buttondark:focus, input[type='submit'].buttondark:hover, input[type='button'].buttondark:focus, input[type='button'].buttondark:hover { background:#555; }
a.buttondark:active, button.buttondark:active, input[type='submit'].buttondark:active, input[type='button'].buttondark:active { background:#111; }

a.buttonbright:link, a.buttonbright:visited, a.buttonbright:focus, a.buttonbright:hover, a.buttonbright:active, button.buttonbright, input[type='submit'].buttonbright, input[type='button'].buttonbright { background:#777;color:#fff !important; }
a.buttonbright:focus, a.buttonbright:hover, button.buttonbright:focus, button.buttonbright:hover, input[type='submit'].buttonbright:focus, input[type='submit'].buttonbright:hover, input[type='button'].buttonbright:focus, input[type='button'].buttonbright:hover { background:#999; }
a.buttonbright:active, button.buttonbright:active, input[type='submit'].buttonbright:active, input[type='button'].buttonbright:active { background:#555; }

button.togglepw, button.togglepw:hover{
	position: absolute;
	right: 10px;
	width: 30px;
	padding: 0;
	height: 30px;
	top: 38px;
	background-color: transparent !important;
	background-image: url(/loginassets/style/gfx/eyeClosed.svg) !important;
	background-position: center;
	background-size: contain;
  }
  button.togglepw.showpw, button.togglepw.showpw:hover{
	background-image: url(/loginassets/style/gfx/eyeOpen.svg) !important;
  }


input.placeholder { color:#999; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; }
input:-moz-placeholder, textarea:-moz-placeholder  { color:#999;opacity:1; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999;opacity:1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#999; }

input.placeholder.mainsearch-input { color:#ccc; }
input.mainsearch-input::-webkit-input-placeholder { color:#ccc; }
input.mainsearch-input:-moz-placeholder { color:#ccc; }
input.mainsearch-input::-moz-placeholder { color:#ccc; }
input.mainsearch-input:-ms-input-placeholder { color:#ccc; }

.error-msg legend { background-color:#d90000;border-color:#d90000;color:#fff; }
.error-msg { background-color: #FFCECF;border-color:#d90000;border-left:3px solid #d90000; }
.error-msg label { font-weight:400; }
form li.error label {color:#d90000;}
input[type=text]:focus:invalid,
input[type=email]:focus:invalid,
input[type=url]:focus:invalid,
input[type=date]:focus:invalid,
input[type=tel]:focus:invalid,
input[type=number]:focus:out-of-range,
form li.error input, form li.error select, form li.error textarea {border-color:#d90000;}

.listlight {
	background-color:#EDEDED;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	text-decoration: none
}

.listdark {
	background-color:#F4F4EE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	text-decoration: none
}

.xmynav {
	background-color:#fff;
	padding-left:30px;
	margin-top:180px;
}
.xmynav a:link, .xmynav a:visited
{
	text-decoration:none;
	color:#000;
	margin-right:20px;
}
.xmynav a:focus, .xmynav a:hover, .xmynav a:active
{
	text-decoration:underline;
	color:#000;
	margin-right:20px;
}

.registerbox { margin-top: 30px; margin-bottom: 0; }
.registerbox a.button:link, .registerbox a.button:focus, .registerbox a.button:hover,  .registerbox a.button:active,  .registerbox a.button:visited  { width: 100%; }

a.button.grey:link, a.button.grey:focus, a.button.grey:hover,  a.button.grey:active,  a.button.grey:visited  { background-color: #DDDDDD; color: #333333 !important; }
a.button.grey:focus, a.button.grey:hover,  a.button.grey:active { background-color: #CCCCCC; }

.noaccount { color: #666666; text-align: center; position: relative; height: 20px; }
.noaccount:before { content:''; background-color: #666666; height: 2px; width: 100%; display: block; position: absolute; top: 50%; margin-top:-1px; }
.noaccount small { margin-top:-20px; position: absolute; left: 50%; bottom: 0; background-color: #FFFFFF; display: inline-block; height: 20px; line-height:20px; width: 120px; margin-left: -60px; }


/* infoshow */
.infoshow { position: relative; display: block; background-color: #CCCCCC; color: #33333; padding: 20px 20px 20px 60px; margin-bottom: 20px; }
.infoshow.infoshow-noicon { padding: 20px 20px 20px 20px; }
.infoshow>*:first-child, .infoshow>.infoshow-icon:first-child+* { margin-top: 0px !important; }
.infoshow>*:last-child { margin-bottom: 0px !important; }
.infoshow-icon { display: block; position: absolute; top: 20px; left: 20px; width: 24px; height: 24px; border-radius: 50%; background-color: #222222; }
.infoshow-icon:before, .infoshow-icon:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; background-color: #FFFFFF; width: 2px; height: 2px; margin: -1px 0 0 -1px; }
.infoshow-icon:before { height: 8px; margin-top: -7px; }
.infoshow-icon:after { margin-top: 3px; }

.infoshow.infoshow-error { background-color: #FCC5CC; }
.infoshow.infoshow-error .infoshow-icon { background-color: #F31431; }
.infoshow.infoshow-error .infoshow-icon:before { height: 12px; margin: -6px 0 0 -1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.infoshow.infoshow-error .infoshow-icon:after { height: 12px; margin: -6px 0 0 -1px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.infoshow.infoshow-success { background-color: #D6EED4; }
.infoshow.infoshow-success .infoshow-icon { background-color: #4BB543; }
.infoshow.infoshow-success .infoshow-icon:before { height: 12px; margin: -6px 0 0 1px; -webkit-transform: rotate(42deg); -ms-transform: rotate(42deg); transform: rotate(42deg); }
.infoshow.infoshow-success .infoshow-icon:after { height: 6px; margin: -1px 0 0 -4px; -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); }



@media screen and (max-width: 400px){ 
    a.button.wauto:link, a.button.wauto:visited, a.button.wauto:focus, a.button.wauto:hover, a.button.wauto:active, button.wauto, input[type='submit'].wauto, input[type='button'].wauto, form .wauto { width: 100% !important; }    
}
@media screen and (min-width: 401px){ 
    .mobileonly { display: none; }
}

@media screen and (max-width: 719px) {
	
}
@media screen and (min-width: 720px) {
	
}
@media screen and (min-width: 980px) {
	#left, #right { position:absolute;top:0; }
  #left { left:0;width:250px; }
  #right { right:0;width:300px; }
}




@media screen and (min-width: 720px) {
}