@charset "UTF-8";
/* CSS Document */

/* =================================
Grundsystem
================================= */
body {
	padding-top: 70px;
}

.fullwidth-container {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.welcome-headline {
	font-size: 19px;
	font-weight: bold;
	}

.btn-mainpage {
	text-transform: uppercase;
}
	
.course-image {
	border: 2px solid #222222 !important;
	margin-left: 10px;
	margin-top: 13px;
	margin-right: 10px;
	}
	
.h1, h1 {
	font-size: 28px !important;
}

h1 {
	font-size: 28px !important;
}

h2 {
	font-size: 23px !important;
}

h3 {
	font-size: 18px !important;
}

.thumbnail img {
    width: 100%;
}

.ratings {
    padding-right: 10px;
    padding-left: 10px;
    color: #d17581;
}

.thumbnail {
    padding: 0;
}

.thumbnail .caption-full {
    padding: 9px;
    color: #333;
}

.scroll {
	height: 200px;
	overflow: scroll;
	width: 100%;
	padding: 10px;
} 

footer {
    margin: 50px 0;
}

table .top {
	border-top: 0px !important;
}

#header {
	height: 400px;
	background-repeat: no-repeat;
	margin-top: -20px;
}

#header-investor {
	height: 400px;
	background-image: url(../files/584123671.jpg);
	background-repeat: no-repeat;
	margin-top: -20px;
}

#header-affiliate {
	height: 400px;
	background-image: url(../files/438745827.jpg);
	background-repeat: no-repeat;
	margin-top: -20px;
}

#header-letter {
	height: 400px;
	background-image: url(../files/894286492.jpg);
	background-repeat: no-repeat;
	margin-top: -20px;
}

.focus {
	width: 750px;
	margin-top: 50px;
}

@media (max-width: 767px) {
	.focus {
	width: 100% !important;
}
}

.focus ul {
	font-size: 20px;
	list-style-type: none;
	padding-left: 0px;
	line-height: 1.8;
	margin-bottom: 30px;
}

@media (max-width: 767px) {
	.focus ul {
	font-size: 16px;
}
}

.focus li:before {
	content: "\2714\A0\A0";
	color: #56b056;
}

.focus-price li:before {
	content: "\2714\A0\A0";
	color: #56b056;
}

.focus-price ul {
	font-size: 18px;
	list-style-type: none;
	line-height: 1.8;
	margin-top: 20px;
}

.focus h1 {
	font-size: 28px !important;
	font-weight: bold;
	margin-bottom: 30px;
}

@media (max-width: 767px) {
	.focus h1 {
	font-size: 17px !important;
}
}

.maincontent {
	font-size: 18px;
	line-height: 1.5;
	margin-top: 20px;
}

.maincontent h2 {
	font-size: 23px;
	margin-bottom: 30px;
}

.lpdescription {
	font-size: 17px;
	margin-bottom: 20px;
}

.maincourses h2 {
	font-size: 23px;
	margin-bottom: 30px !important;
}

.nav {
	float: right !important;
}

@media (max-width: 767px) {
	.nav {
	float: left !important;
}
}

.nav-bold {
	color: #e38d13;
	font-weight: bold;
}

.nav-order {
	color: #4ca74c;
}

@media only screen and (min-width: 767px) {
	.course-box {
		height: 339.39px !important;
}
}

.soon {
	background-color: #CCCCCC;
	opacity: 0.2;
	padding: 30px;
}

/* =================================
Price Table
================================= */ 
.price-table {
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 7px solid #eeeeee;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.price-table:hover {
	background: rgba(0,0,0, .03);
	border-color: #0093DD;
}
.price-table .price-table-heading {
	color: #333333;
	background: #f9f9f9;
	padding: 10px 0;
	margin: 0;
}
.price-table .price-table-heading .title {
	color: #333333;
	font-weight: 900;
	letter-spacing: 1px;
}
.price-table > .price-table-body {
	color: #FFFFFF;
	background: #0093DD;
	padding: 50px 0 30px;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.price-table > .price-table-body .value {
	font-size: 66px;
	font-weight: 300;
	color: #FFFFFF;
	padding: 0;
}
.price-table > .price-table-body .value small {
	font-size: 16px;
}
.price-table > .list-group {
	color: #333;
	font-weight: 400;
	margin-bottom: 0;
}
.price-table > .list-group .list-group-item {
	color: #333;
	font-weight: 400;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;	
}
.price-table .btn {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: 700;
}
.price-table-footer {
	background: #eeeeee;
	padding: 15px 0;
}

a:hover {
	text-decoration: none;
}

.navbar-inverse {
	background-image: none;
	border-bottom: none;
}

blockquote {
	font-size: 14px;
}

.countdown {
	padding-top: 50px;
	padding-bottom: 50px;
}

.countdown p {
	font-size: 16px;
}

#counter {
	font-size: 40px;
	color: green;
	font-weight: bold;
}

.progress {
	margin-bottom: 0px !important;
}

/* Center the loader */
#loader {
  width: 150px;
  height: 150px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#secondnav {
	background-color:#f5f5f5; 
	margin-top:-20px; 
	margin-bottom:20px; 
	padding-top:20px; 
	padding-bottom:20px;
}

#result 
{
	width: 100%;
	max-width: 1140px;
	background-color: white;
	position: absolute;
	box-shadow: 5px 5px #efefef;
	z-index: 100;
}

#result table
{
	margin: 5px;
}

#result td
{
	padding: 5px;
}

#result a
{
	text-decoration: none;
}

.thumbnail .caption {
	height: 180px;
}

.caption {
	position: relative;
}

.caption .btn-success {
	position: absolute;
	bottom: 10px;
}

.caption .btn-primary {
	position: absolute;
	bottom: 10px;
}

.caption .btn-default {
	position: absolute;
	bottom: 10px;
	left: 115px;
}

#kurse .caption .btn-default {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.single {
	position: absolute !important;
	bottom: 10px !important;
	left: 10px !important;
}

.boximage {
   height:147px;
   overflow:hidden;
}

.dashboard-image {
   height:56px;
   overflow:hidden;
}

.red {
	font-weight: bold;
	color: red;
}

.strong {
	font-weight: bold;
}

.mainpage-img {
	max-width: 300px;
	margin: 25px;
}

.none {
    display:none;
}

input[type="text"]:disabled {
  background: #dddddd;
}

select:disabled {
	background: #dddddd;
}

@media screen and (max-width: 400px) {
	.btn-primary {
		margin-bottom:10px !important; 
	}
	.btn-secondary {
		margin-bottom:10px !important; 
	}
	.btn-default {
		margin-bottom:10px !important; 
	}
}