info@63: html,
info@54: body {
info@63:   height: 100%;
info@63: }
info@63: body {padding-top:8px;border-top:8px solid  @blue;}
info@63: #wrap {
info@63:   min-height: 100%;
info@63:   height: auto;
info@63:   margin: 0 auto -60px;
info@63:   padding: 0 0 60px;
info@63: }
info@54: /* Typo
info@54: ------------------------------------ */
info@54: @font-face {
info@54:     font-family: 'gandhi_serifbold';
info@54:     src: url('../fonts/gandhiserif-bold-webfont.eot');
info@54:     src: url('../fonts/gandhiserif-bold-webfont.eot?#iefix') format('embedded-opentype'),
info@54:          url('../fonts/gandhiserif-bold-webfont.woff') format('woff'),
info@54:          url('../fonts/gandhiserif-bold-webfont.ttf') format('truetype'),
info@54:          url('../fonts/gandhiserif-bold-webfont.svg#gandhi_serifbold') format('svg');
info@54:     font-weight: normal;
info@54:     font-style: normal;
info@54: }
info@54: @font-face {
info@54:     font-family: 'gandhi_serifregular';
info@54:     src: url('../fonts/gandhiserif-regular-webfont.eot');
info@54:     src: url('../fonts/gandhiserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
info@54:          url('../fonts/gandhiserif-regular-webfont.woff') format('woff'),
info@54:          url('../fonts/gandhiserif-regular-webfont.ttf') format('truetype'),
info@54:          url('../fonts/gandhiserif-regular-webfont.svg#gandhi_serifregular') format('svg');
info@54:     font-weight: normal;
info@54:     font-style: normal;
info@54: }
info@54: /* Utilities
info@54: ------------------------------------ */
info@63: #wrap > .container {
info@63:   /*padding: 60px 15px 0;*/
info@54: }
info@63: img {
info@63:      vertical-align: middle;
info@63:      border: 0;
info@63:      page-break-inside: avoid;
info@63:      max-width: 100% !important;
info@63:      }
info@54: /* Navigation
info@54: ------------------------------------ */
info@63: .navbar-nav > li:hover {
info@63: //border-top:8px solid @yellow;position: relative;top: -17px;
info@63: }
info@63: .navbar-nav > li > a {
info@63:  // margin-top: 48px;
info@63:   font-size: 18px;
info@63: }
info@63: .nav > li > a:hover, 
info@63: .nav > li > a:focus {
info@63: //margin-top: 54px;
info@63: }
info@54: .navbar {
info@63: margin-bottom: 0px;
info@63: border-bottom:3px solid #f0f0f0;
info@63: }
info@54: /* Content
info@54: ------------------------------------ */
info@63: .course {
info@63:   background:#f8f8f8;
info@63:   padding:15px 0;
info@63: }
info@63: .course h1 {color:@blue;}
info@63: .course p {color:@yellow;}
info@63: .themen {
info@63:   background:@gray-light;
info@63:   padding:15px 0;
info@63: }
info@54: /* Footer
info@54: ------------------------------------ */ 
info@54: #footer {
info@63:   height: 60px;
info@63:   background-color: #f5f5f5;
info@63: }
info@63: #footer > .container {
info@63:   padding-left: 15px;
info@63:   padding-right: 15px;
info@63: }