html {
    height: 100%;
}

body {
    color: #fff !important;
    font-family: "Titillium Web",sans-serif !important;
    font-size: 16px !important;
    height: 100%;
}
.logo {
    float: left;
}
.info-headline {
    text-align: right;
}

/********** Headings ***************/

h1, h2, h3, h4, h5, h6 {
	font-family: "Titillium Web",sans-serif !important;
	font-weight: 700;
	color: #009fe3 !important;
}

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .panel-body h2 {
	color: #FFF !important;
	font-weight: bold !important;
	position: relative;
	z-index: 10;
}

.sidebar p {
	position: relative;
	z-index: 10;
}

.mainContent h1 {
	font-size: 40px !important; 	
}

.subHeader {
	font-size: 18px !important;
}

.black {
	color: #000 !important;
}

bold {
	font-weight: bold !important;
}

input[type=text], input[type=password] {
	color: #000 !important;
	width: 220px;
}

textarea {
	color: #000 !important;
}

label {
    font-weight: 100 !important;
    font-size: 14px !important;
}


.zusatz {
    font-size: 12px !important;
    display: block;
    margin-top: -3px;
}

/********** Headings:Ende ***************/

/********** Layout ***************/

.row {height: 100%;}
.col-md-4, .col-md-8 {height: 100%; min-height: 100%;}
.container-fluid {height: 100%; display: table; width: 100%;}

.logo {
	margin: 20px 0 50px 30px;
}

.sidebar {
    background: url(../images/sidebar.png) top left repeat-y transparent;
    background-position: 0;
    padding: 20px 0 50px 50px;
    min-height: 100%;
    height: 100%;
}


.startMain {
	margin-left: 30px;
	padding-right: 20px;
}

.trenner {
	min-height: 50px;
}

.sideLogo {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}

.sidebar ul.nav li {
    background-color: #009fe3 !important;
    margin-bottom: 24px;
    padding: 3px 0;
}


ul.nav li a {
	color: #FFF !important;
}

ul.nav li a:hover {
	background-color: transparent !important;
}

.panel a {
	color: #FFF !important;
	text-decoration: none !important;
}
/********** Layout:Ende ***************/

/********** Wochentag Empfehlung ***************/

.list-group-item {
    line-height: 150px;
    background-color: rgb(255,188,43) !important;
    background-color: rgba(255,188,43, 0.7) !important;
    border: none !important;
    text-align: center;
    color: #FFF !important;
    font-size: 20px;
    margin-left: 20px;
    font-weight: bold !important;
    border-radius: 0px !important;
}

a.list-group-item:hover {
	background-color: rgb(255,222,151) !important;
    background-color: rgba(255,222,151, 0.7) !important;
}

a.list-group-item.disabled  {
	background-color: rgb(255,222,151) !important;
    background-color: rgba(255,222,151, 0.7) !important;
    cursor: default;
}

.list-group a:nth-child(1) {
    margin-left: 0px !important;
}


.panel {
	background-color: rgb(255,188,43) !important;
    background-color: rgba(255,188,43,0.7) !important;
    border: none !important;
    border-radius: 0px !important;
}

.preis {
    font-size: 40px;
    float: right;
}

ul.nav li {
	background-color: rgb(255,188,43) !important;
    background-color: rgba(255,188,43,0.7);
    margin-bottom: 24px;
    padding: 3px 0;
    width: 75%;
}

ul.nav li:hover {
	background-color: rgb(255,222,151) !important;
    background-color: rgba(255,222,151, 0.7) !important;
}

ul.nav li a {
	color: #FFF !important;
}

ul.nav li a:hover {
	background-color: transparent !important;
	color: #009fe3 !important;
}

/********** Wochentag Empfehlung:Ende ***************/


/********** Bestellung ***************/
.startMain table tr {
	background-color: rgb(255,188,43) !important;
    background-color: rgba(255,188,43,0.7) !important;
    border: none !important;
}

.tdLead {
    font-size: 1.5em;
    font-weight: bold;
    text-align: left !important;
}

.timeTable td{
    font-size: 1.5em;
    text-align: right;
    border: none !important;
}

.menuTable td {
    font-size: 1.5em;
    text-align: left;
    border: none !important;
}

table.menuTable tr {
    border-bottom: 2px solid #FFF !important;
}

.tdLeadName {
    font-size: 1.5em;
    font-weight: bold;
    color: #009fe3 !important;
}

table.nameTable tr {
    background-color: transparent !important;
    border: none !important;
}

table.nameTable tr td{
	border: none !important;
	text-align: left !important;
}

.nameTable input {
	width: 90%;
	border: 2px solid rgb(255,188,43);
	color: #000;
	padding: 2px;
}

.btn {
	width: 250px !important;
	background-color: #94cde6;
	color: #FFF !important;
	border: none !important;
	float: right;
	margin-left: 10px;
}

.submit {
	font-size: 1.5em !important;
	font-weight: bold !important;
	padding: 5px !important;
}

/********** Bestellung:Ende ***************/

/********** Login ***************/

#loginBox {
	background: rgb(255, 188, 43) !important;
    background: rgba(255, 188, 43, 0.7) !important;
    overflow: hidden;
    text-align: center;
}
#loginBox input {
    float: none;
}

#loginBox table {
    width: 25%;
    margin: 0 auto;
    background: transparent !important;
}
#loginBox table tr {
    background: transparent !important;
}
#loginBox table tr td {
    padding: 10px;
}

/********** Login:Ende ***************/

/********** Gästebestellung ***************/

form.gaeste input {
	float: right;
}

.gaesteTable input {
    float: none !important
}

.gaesteTable ul {
    display: none;
}

/********** Gästebestellung:Ende ***************/

.editTable input.short {
	max-width: 30px;
}

.editTable input {
	max-width: 150px;
}

input.date {
    width: 95px !important;
}
input.day {
    width: 95px;
}
input.preis {
    font-size: 16px;
    float: left;
    width: 60px;
}
textarea.medit {
    width: 300px;
    height: 75px;
}



.bestView .list-group-item {
    line-height: 50px;
    background-color: rgb(255,188,43) !important;
    background-color: rgba(255,188,43, 0.7) !important;
    border: none !important;
    text-align: center;
    color: #FFF !important;
    font-size: 20px;
    margin-left: 20px;
    font-weight: bold !important;
    border-radius: 0px !important;
}