@font-face {
	font-family: 'CDUKievit';
	src: url(fonts/CDUKievitWeb-Medium.eot);
	src: local(CDUKievit), url(fonts/CDUKievitWeb-Medium.woff) format("woff")
}

@font-face {
	font-family: 'CDUKievit Bold';
	src: url(fonts/CDUKievitWeb-BoldItalic.eot);
	src: local('CDUKievit Bold'), url(fonts/CDUKievitWeb-BoldItalic.woff) format("woff")
}


html 
{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
    
}

.h1, .h2, .h3, .h4, .h5, h3, h4, h5 
{
    font-size: 20px;
}

h1
{
    font-family: 'CDUKievit', Arial;
    font-size: 35px;
    font-weight:100;
}

h2 
{
    font-family: 'CDUKievit Bold', Arial;
    font-size: 24px;
    font-weight:100;
}


b{
    font-weight:bold;
}

.kpanelSuccess1
{
    padding:10px;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
	font-family: 'CDUKievit', Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
    font-weight:100;

    line-height: 1.428571429;
    background-color: #ffffff;
    margin: 0;

    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding:0;
}

.dbMiniText {
        font-size: 10px;

}

.jumbotron-logo {

    position: absolute;
    top: 0;
    right: 0;
    height:100%;
}

.jumbotron-logo-over {
}
.jumbotron-left {
    float:left;
    width:49%;
    min-width:200px;
}

.jumbotron-right {
    position: relative;
    min-width:200px;
}


@media (max-width: 767px) {
    .jumbotron-right {
        float: left;
        width: 50%;
        min-height: 70px;
    }
}
@media (min-width: 767px) {
    .jumbotron-right {
        float: left;
        width: 50%;
        min-height: 90px;
    }
}


.clear {
     clear: both;   
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    min-width: 200px;
    border:1px solid #DEE1E3;
    padding:10px;
    margin-top:4px;
    margin-bottom:20px;
}

select
{
min-width: 70px;
    border:1px solid #DEE1E3;
    padding:5px;
    margin-top:4px;
    margin-bottom:15px;
}

.selhalf
{
    min-width: 95px !important;
    margin-right:5px;
}

input[type="submit"] {
    
}

input[type="checkbox"] {
    margin-top:4px;
    margin-bottom:4px;
    margin-right:8px;
    padding-right:5px;
    
}

input[type="select"],
input[type="submit"],
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    
}

select{
  background: url(../img/arrow-down.svg) no-repeat 100% 50%;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
}


.innerPanel {
    padding:10px;
}

.kGrpPanel {
    padding:10px;
    background-color:#f4f4f4;
    border-color:#e0e0e0;
    border-style:solid;
    border-width:1px;
    margin-bottom:10px;
}

.kMultiselectbox label {
    display: inline-block;
    font-weight:normal;
    margin-bottom: 1px;
    margin-left: 5px;
}

.kMultiselectbox table {
    display: inline-block;
    font-weight:normal;
    margin-bottom: 1px;
    margin-left: 5px;
}

.kMultiselectbox  td {
    background-color:white; !important;
}


.kLabelPbogen {
    font-weight:bold;
}

.tablinkicon {
    padding-left:5px;
}

tr:nth-child(odd)		
{ 
    background-color:#F3F5F6; 
}
tr:nth-child(even)		
{ 
    background-color:#fff; 
}

option 
{
  background:#fff;
  border: 1px solid #DEE1E3;
  padding:6px;

}

/* copy from bootstrap */

a {
  color: #000;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #000;
  text-decoration: underline;
}

.col-lg-11,
.col-lg-12
 {
  position: relative;
  min-height: 1px;
  padding: 10px 10px 10px 20px;
  margin:10px;
   background-color:#F3F5F6; 
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  
  color: #BDC3C6;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default {
  color: #ffffff;
  
  border-color:#ca080c;
  border-style:solid;
  border-width:1px;

  min-width: 200px;    
}

.btn-default-xs {
  color: #ffffff;
  
  border-color:#ca080c;
  border-style:solid;
  border-width:1px;

  min-width:85px;    
}


.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  border-color:#2F3538;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #BDC3C6;
  color :#F3F5F6;
  border-color: #cccccc;
}


.btn-primary {
  color: #ffffff;
  background-color: #0099DA;
  border-color: #0099DA;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
 
  border-color: none;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}


@media (min-width: 992px) {
    .container {
        max-width: 970px;
    }

    .col-md-4 {
    }
}



.col-md-8 {
    margin-left:20px;
}


.col-md-4 h2 {
    text-align: center;
    font-size:24px;
    margin-top:10px;
    margin-bottom:10px;
    color:#000;
}

.col-md-4 h1 {
    text-align: center;
}

.col-md-4 .xsummary h1 {
    text-align: center;
    font-size:45px;
    border:solid 1px #9BDD00;
    background-color:#9BDD00;
    color :#fff;
    border-radius: 50%;
    margin:0 auto;
    padding-top:32px;
    width:130px;
    height:130px;
}


.col-md-4 {
    position: relative;
}

.col-md-4i p{
    text-align: center;
    border:solid 0px red;
    
}

.col-md-4i > p > .btn {
    margin-bottom:10px;
    min-width:180px;
    
}

.col-md-4i {
    height: calc(100% - 30px);
    margin:10px;
    padding:20px;
    overflow:hidden;

    background-color: #dad9d4;
}



.nav::before,
.nav::after,
.row::before,
.row::after,
.navbar-header::after {
    clear: both;
}

.row::before,
.row::after,
.container::before, 
.container::after,
.nav::before,
.nav::after,
.navbar::before, 
.navbar::after,
.navbar-collapse::before, 
.navbar-collapse::after,
.navbar-header::before, 
.navbar-header::after {
    display: table;
    content: " ";
}

.navbar-header::after,
.navbar::after {
    clear: both;
}


.navbar-fixed-top {
    background-color: #fab200;
    top: 0;
    left: 0;
    right:0;
    position: fixed;
    z-index: 1030;
    border-radius: 0;
    min-height: 50px;
    margin-bottom: 20px;
    border-width: 0 0 1px;
}

.container > .navbar-header {
    margin-right: 0;
    margin-left: 0;
    float: left;
}

.navbar-collapse {
    height: auto !important;
    max-height: 340px;
    width: auto;

   /* display: block !important;*/
    overflow: visible !important;
    border-top: 0;
    box-shadow: none;

    margin-right: 0;
    margin-left: 0;

    padding-bottom: 0;
    padding-right: 15px;
    padding-left: 15px;
}

.navbar-header {
    margin-right: 0;
    margin-left: 0;
    float: left;
}






.navbar-brand {
   
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    min-height:50px;
    background-image: url('../img2/button_shuttlebus48.png');
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
}



*, *::before, *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container {
    max-width: 970px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


.jumbotron {
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 21px;
    line-height: 2.1428571435;
    color:#DEE1E3;
    background-color:#494748;
}

.jumbotron a:focus,
.jumbotron a:hover {
    color: #fff;

    text-decoration: none;
}

.jumbotron-text 
{
    color:#DEE1E3;
}

.jumbotron h1 {
    line-height: 1;
    color: inherit;
    margin-top:10px;
    margin-bottom:10px;
}

.jumbotron p {
    line-height: 1.4;
    margin-top:0;
    margin-bottom:10px;

}

.lead {
    font-weight: 200;
    line-height: 1.4;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}
.btn-primary {
    color: #ffffff;
    background-color: #0099DA;
    border-width:0;
}


.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;

    border-width: 0px;
    border-radius: 4px;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    margin-bottom:1px;
}

.btnxs
{
    min-width:100px !important;
    height:24px;
    padding: 3px 6px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;

    border-width: 0px;
    border-radius: 4px;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    margin-bottom:1px;
}

.btnxs2
{
    min-width:100px !important;
    height:16px;
    margin-left:10px;
    
    font-size: 11px;
    font-weight: 300;
    
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;

    border-width: 0px;
    border-radius: 4px;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    margin-bottom:1px;
}



.btn,
.btn:hover,
.btn:focus { 
  text-decoration: none;
  border-width: 0px;

  color: #ca080c;
  border: 1px solid #ca080c;
  border-radius:15px;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}



hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-top: 1px solid #eeeeee;
    height: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

footer p {
    font-size:0.8em;
}

.col-md-12 {
    width:100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

dl {
    margin-bottom: 20px;
}

.dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dl-horizontal dt {
    white-space: normal;
}

dt {
    font-weight: bold;
}

dt, dd {
    line-height: 1.428571429;
}

.dl-horizontal dd {
    margin-left: 180px;
}

dd {
    margin-left: 0;
    padding-bottom: 10px;
}

dt, dd {
    line-height: 1.428571429;
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 13px;
}

th {
    text-align: left;
}






@media (min-width: 768px) {
    /* großer Browser Desktop */
  .navbar-toggle {
    display: none;
  }

    .navbar-nav > li {
        float: left;
        position: relative;
        display: block;
    }

    .navbar-nav > li > a {
        line-height: 20px;
        position: relative;
        display: block;
        padding: 15px 15px 15px;
        color:#fff;
    }

    .navbar-nav {
        float: left;
        margin: 0;
        padding-left: 0;
        list-style: none;
    }

    .navbar-right {
        float: right !important;
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }


    .col-md-4 {
        float:left;
        height:340px;
        width:33.33333333333333%;
    }
    .jumbotron h1 {
        font-size: 35px;
    }

    .lead {
        font-size: 18px;
    }
    .jumbotron {
        padding: 48px 60px 48px 60px;
    }
}

@media (max-width: 767px) {
    /* iPad */
  .collapse {
    display: none;
  }
    .navbar-collapse.in {
        overflow-y: auto;
    }

    .navbar-nav > li {
    }
    .navbar-nav > li > a {
        line-height: 40px;
        color:#fff;
    }

    .navbar-nav {
        list-style: none;
    }

    .navbar-right {
    }

    .navbar-nav.navbar-right:last-child {
    }

    .col-md-4 {
        width:100%;
    }

    .lead {
        font-size: 14px;
    }
    .jumbotron {
        padding: 24px 30px 24px 30px;
    }

}

.navbar-toggle {
  position: absolute;
  float: right;
  right:0px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  background-image: none;
}

.icon-bar {
    background-color: #81886F;
    display: block;
    width: 22px;
    height: 2px;
    margin-bottom:3px;
    border-radius: 1px;
}

.ddlHHMM 
{
    width:30px;
}

.termContainer {
    width:90%;
    border: solid 0px; 
    padding:10px 10px 30px 10px;
    margin-bottom:30px;
    background-color: #dad9d4;
}


.termUser {
    float:right;

}

.termEditLink {
        float:right;
}

.termSum {
    float:left;
    font-size:1.3em;
    color:#fff;
    padding:3px;
}

.termLoc {
    font-size:1.3em;
    color:#fff;
    float:right;    
    padding:3px;
    color:#ca080c;
}

.termInnerContainer {
    background-color:#494748;
    height:34px;
}

.termDesc {
    font-size:0.9em;
}

.clearfix {
    clear:both;
}


.termUser {
    font-size:0.7em;
    color:darkgray;
}

.termInvited {

    padding:10px;
}


.termStartDay {
    float:left;
    width:180px;
    font-size:1.5em;

}

.termStartHour {
    float:left;
    width:100px;
    font-size:0.95em;

}

.termEndHour {
    float:left;
    width:60px;
    font-size:0.95em;

}

.termDContainer
{
    width:100%;

    height:auto;
    min-height:35px;
}

.hboxcc {
    border:1px solid #e0e0e0;
    padding:10px;
}


.hboxcc2 {
    border:1px solid #e0e0e0;
    background-color: #f0f0f0;
    padding:10px;
    box-shadow: 5px 5px 10px #eee;
}