html, body, div { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif;font-size:12pt;}

html {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin:0px;padding:100px 0px 0px 0px;
overflow-y: scroll;
}


@media all and (max-width: 1024px) {
html{background: url(https://s3-eu-west-1.amazonaws.com/sailerverlag/lernbrief/images/bghome.jpg);background-size: cover;background-repeat:no-repeat;}
}
@media all and (min-width: 1025px) {
html{background: url(https://s3-eu-west-1.amazonaws.com/sailerverlag/lernbrief/images/bghome.jpg) no-repeat center center fixed;}

}



body {
overflow-x: hidden;
margin:0px;padding:0px;
font-family:arial;
}

table{border-spacing:0;
  border-collapse:collapse;}
  
table td, table th
{
    padding: 0; /* 'cellpadding' equivalent */
}

img{border:none}

.clear{clear:both}

.right {
background: url(https://s3-eu-west-1.amazonaws.com/sailerverlag/lernbrief/images/right.png) no-repeat;
width: 96px;
height: 97px;
position: relative;
margin-bottom: -83px;
left: 756px;
}
.wrong{background:url(https://s3-eu-west-1.amazonaws.com/sailerverlag/lernbrief/images/wrong.png) no-repeat;width: 96px;
height: 97px;position: relative;margin-bottom: -83px;left: 742px;}

#nav {
width: 100%;
background-color: white;
margin: 0px auto;
height: 75px;
padding: 10px;
position: fixed;
top: 0px;
z-index:10000;
}
#nav>#bar{width:900px;margin:10px auto; height:100%;padding:0px;}

#logo {
float: left;
position: relative;
top: -10px;
}
#hello {
float: left;
font-weight: bold;
font-size: 14pt;
position: relative;
top: 30px;
left: 36px;
}
ul#mainmenu {

}
ul#mainmenu li{display:inline;list-style-type:none;margin-left:20px;height:20px;margin-left: 5px!important;}
ul#mainmenu li a{height:20px;padding:5px 10px 5px 10px;border-radius: 9px;-webkit-border-radius: 9px;-moz-border-radius: 9px;color:black;font-weight:bold;text-decoration:none}
ul#mainmenu li a:hover{color:#d70000;}
ul#mainmenu li a:hover{color:#d70000;}

#center{width:840px;margin:0px auto; height:100%;padding:0px;}
#center img{opacity:1}

#strip {
width: 840px;
margin: 70px auto;
background-color: white;
background: rgba(255, 255, 255, 0.90);
padding: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
height: 320px
}

#striph100 {
width: 840px;
margin: 50px auto;
height: 100%;
background-color: white;
background: rgba(255, 255, 255, 0.90);
padding: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
overflow: hidden;
}

#stripw60 {
width: 504px;
margin: 50px auto;
background-color: white;
background: rgba(255, 255, 255, 0.90);
padding: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

div#left50 {
width: 48%;
border-right: 1px solid silver;
padding-right: 2%;
}

div#right50 {
width: 48%;
float: right;
padding-left: 2%;
}

#login a{
text-decoration:none;
color:black;
}
#login a:hover{text-decoration:underline}

#strip img, #striph100 img, #stripw80 img{opacity:1}

#tv{background-image:url('https://s3-eu-west-1.amazonaws.com/sailerverlag/lernbrief/images/tvbg.png');background-repeat:no-repeat;width: 780px;height: 446px;padding-left: 60px;padding-top: 44px;}

#tvindexpage{width: 280px;height: 160px;margin-right: -313px;margin-top: 30px;float:right;}


#example_video_1 {border: 4px solid #000000;border-radius: 9px;-webkit-border-radius: 9px;-moz-border-radius: 9px;z-index: 100;}

#video{width:840px;margin:20px 0px 20px 0px;}

#videoindexpage{width:840px;margin:20px 0px 20px 0px;}

#rest{margin-left:0px;}
#rest > input[type=image] { margin-bottom: 50px; }
#footernavsection { margin-bottom: 50px; }

.radio{width:40px;}

.fragen {
margin-bottom:20px;
}


/*Button Formatierungen Anfang*/
#holder {
	width: 100%;
}

#holder > div {
	clear: both;
	padding: 2%;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	float: left;
	width: 96%;
}

label {
	display: inline;
}

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}


.big-checkbox + label {
	padding: 18px;
}

.big-checkbox:checked + label:after {
	font-size: 28px;
	left: 6px;
}

.tag {
	font-family: Arial, sans-serif;
	width: 200px;
	position: relative;
	top: 5px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	float: left;
}

.radio-1 {
	width: 193px;
}

.button-holder {
	float: left;
}

/* RADIO */

.regular-radio {
	display: none;
}



.regular-radio + label {

	background-color: #fafafa;
	border: 2px solid #454545;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;
	display: inline-block;
	position: relative;
}

.regular-radio:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #454545;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

.regular-radio:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 2px solid #454545;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.big-radio + label {
	padding: 13px;
}

.big-radio:checked + label:after {
	width: 20px;
	height: 20px;
	left: 3px;
	top: 3px;
}

/*@media all and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	.regular-radio {
		display: block;
	}
	.big-radio + label {
		display:none;
	}	
}*/

/* ------- IGNORE */

#header {
	width: 100%;
	margin: 0px auto;
}

#header #center {
	text-align: center;
}

#header h1 span {
	color: #000;
	display: block;
	font-size: 50px;
}

#header p {
	font-family: 'Georgia', serif;
}
#header h1 {
	color: #892dbf;
	font: bold 40px 'Bree Serif', serif;
}

#travel {
	padding: 10px;
	background: rgba(0,0,0,0.6);
	border-bottom: 2px solid rgba(0,0,0,0.2);
	font-variant: normal;
	text-decoration: none;
	margin-bottom: 20px;
}

#travel a {
	font-family: 'Georgia', serif;
	text-decoration: none;
	border-bottom: 1px solid #f9f9f9;
	color: #f9f9f9;
}
/*Button Formatierungen Ende*/

#topdashboarddiploma {
	margin-left: 600px;
}

#headerleft {
float: left;
width: 215px;
}

#headerright {
float: right;
width: 685px;
text-align: right;
position: relative;
top: -13px;
}

#login{
/*color: grey;*/
font-size: 8pt;
}

#loginemail, #loginpwd {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid silver;
padding: 5px;
height: 15px;
/*color: grey;*/
font-size: 8pt;
position: relative;
top: -1px;
}

#loginbtn {
border-radius: 8px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #1b6db6;
background-color: #1b6db6;
padding: 4px;
color: white;
cursor:pointer;
font-size:12pt;
-webkit-appearance: none;
}

/*input{-webkit-appearance: none;}*/


#loginbtn:hover{background-color:#d70000;border-color:#d70000;}

.smalltext{font-size:11pt;}

/*FOOTER ANFANG*/
#footerlinks {
margin: 0px 0px 0px -40px;
font-size: 8pt;
float: right;
}
#footer {
background: rgba(255,255,255,1);
height: 17px;
padding: 3px;
width: 100%;
border-top-right-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
clear: both;
position: fixed;
bottom: 0px;
}
#footer #content li{float:left;list-style-type:none;margin-right:22px;}
#footer #content li a{color:#000000;text-decoration:none}
#footer #content li a:hover{color:#d70000;}
/*FOOTER ENDE*/

/*HOME ANFANG*/
#redcircle {
position: relative;
top: -79px;
left: 739px;
width:150px;
}

#strip #content.home {
position: relative;
top: -170px;
}

.home h1{font-size:32pt;margin-bottom:0px}
.home h2{font-size:17pt;}
.home p{line-height:20pt}
.home #videoplayer{float:right;margin-left:15px;margin-top:15px;margin-right:15px;}

.home #registerkidsname, .home #registeremail, .register #registerkidsname, .register #registeremail{
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid silver;
padding: 5px;
height: 22px;
color: black;
font-size: 11pt;
position: relative;
top: 0px;
width:200px;
}

.register select {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid silver;
padding: 5px;
height: 30px;
color: black;
font-size: 11pt;
position: relative;
top: 0px;
width:100px;
}


.home #registerbtn,.register #registerbtn {
border-radius: 8px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #d70000;
background-color: #d70000;
padding: 4px;
color: white;
height: 32px;
width: 115px;
cursor: pointer;
font-size:12pt;
-webkit-appearance: none;
}
.home #registerbtn:hover{background-color:#1b6db6;border-color:#1b6db6;}

.home #registerbtnhome {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 1px solid #d70000;
background-color: #d70000;
padding: 4px;
color: white;
height: 42px;
width: 315px;
cursor: pointer;
font-size:12pt;
-webkit-appearance: none;
}
.home #registerbtnhome:hover{background-color:#1b6db6;border-color:#1b6db6;}

.home #registerform {
margin-top: 35px;
margin-bottom: 40px;
}

#stripfull{background-color:white;height:410px;width:100%;margin:145px 0px 100px 0px;}
#stripfull #content{width:840px;margin:0px auto;}

#homekreis1, #homekreis2, #homekreis3 {
position: relative;
top: -105px;
float: left;
width: 227px;
text-align: center;
margin: 0px 25px;
}

#languagesmenu li {
display: inline;
margin-left: 10px;
}
#languagesmenu {
float: right;
}
/*HOME ENDE*/

/*MEMBERAREA ANFANG*/
#rocket {
position: relative;
top: -44px;
left: 370px;
}

#gift {
position: relative;
top: 109px;
left: 270px;
}

#hellotext {
margin-top: -250px;
}

#hellotext2 {
margin-top: -200px;
}


#coin {
position: relative;
top: 4px;
}

#plus{cursor:pointer}

.lessonheadline{display: block;
margin-bottom: 10px;}

.redo {
text-decoration: none;
color: white;
background-color: #d70000;
padding: 2px 4px 2px 4px;
border-radius: 4px;
}

.redo:hover {background-color: #1b6db6;}

#inlineheadline {
display: inline;
}

.allparts {
list-style-type: none;
}

.allparts p{font-size:11pt;}

.partimage {
float: left;
margin-right: 20px;
}

#coinsection {
width: 800px;
background-color: white;
background: rgba(255, 255, 255, 0.90);
padding: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
height: 466px;
margin-top: 30px;
margin-bottom: 20px;
}

#coinsection h1 {
margin-top: 0px;
background-color: #f99d1c;
padding: 2px 10px 5px 10px;
border-radius: 10px;
color: white;
font-size: 22pt;
}

#congrats {
position: relative;
margin-top: -381px;
left: 311px;
width: 352px;
overflow: visible;
}

#coinsection h2 {
font-size: 15pt;
margin: 0px 0px 10px 0px;
}

#howmanycoins {
font-size: 46pt;
color: #ffe400;
font-weight: bold;
position: relative;
top: 165px;
left: 360px;
}

#levelmeter {
position: relative;
margin-top: -195px;
left: 669px;
}

#yourlevel {
position: relative;
left: 669px;
top: -82px;
}

.coincount {
position: relative;
margin-top: -44px;
left: 149px;
font-size: 10pt;
}

.allparts li {
margin-bottom: 35px;
}

/*MEMBERAREA ENDE*/

.tourlinks {
width: 350px;
float: left;
margin-bottom:20px;
}

.tourrechts {
width: 400px;
float: right;
margin-bottom: 20px;
text-align: center;
}

.hrtour{clear:both;margin-bottom:20px;border: none; border-top: 6px dotted #fff;  height: 1px;}

#tour h2{margin-top:0px;}

.left75 {
margin-left: 75px;
}

.red{color:#d70000;}

#main {
padding-bottom: 37px;
}

#useredit input[type=text],#useredit input[type=password]{ 
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid silver;
padding: 5px;
height: 22px;
color: black;
font-size: 11pt;
position: relative;
top: 0px;
}

#useredit input[type=submit] {
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #d70000;
background-color: #d70000;
padding: 4px;
color: white;
height: 32px;
width: 212px;
cursor: pointer;
position: relative;
left: 162px;
font-size:11pt;
}

#useredit input[type=submit]:hover{background-color:#1b6db6;border:1px solid #1b6db6} 

#useredit select {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid silver;
width: 213px;
height: 33px;
font-size: 11pt;
position: relative;
left: 2px;
}

.usereditcaption {
width: 139px;
float: left;
text-align: right;
margin-right: 20px;
font-size: 11pt;
}

#bonuses{margin-left:-20px;}

#bonuses li {
width: 150px;
display: inline;
float: left;
margin-right: 50px;
text-align: center;
}

#bonuses li h3{
font-size:11pt;
}

#bonuses li :last-child{margin-right:0px;}

#bonuses li img{border:5px solid white;}
#bonuses li img:hover{border:5px solid #1b6db6;}

#bonuses li a{text-decoration:none;color:black;}
#bonuses li a:hover{color:#d70000;}

a.toptopmenu {
font-size: 8pt;
/*color: grey;*/
text-decoration: none;
margin-right: 20px;

}


div#nrbig {
font-size: 55pt;
font-weight: bold;
max-width: 180px;
overflow: hidden;
float: left;
line-height: 60pt;
margin-top:10px;
}

div#textnexttonrbig {
max-width: 200px;
overflow: hidden;
float: left;
margin-top: 25px;
margin-left: 13px;
text-transform: uppercase;
font-weight: bold;
font-size: 16pt;
margin-right: 25px;
}

div#topdashboardtext {
margin-top: 10px;
float: left;
}

div#bottomdashboard {
clear: both;
margin-top: 20px;
}

a.dashboardicon1 {
margin-right: 85px;
}

a.dashboardicon3 {
margin-left: 340px;
}

@media all and (max-width: 1024px) {
	.ccbtn {
	font-size: 16pt!important;
	}
	
	.fragen input[type=text]{font-size:16pt!important;}
}