html,body {
  font-family: 'Ubuntu Condensed', sans-serif;
  height: 100%;
  font-size:15px;
  color:#222;
  background:url('../images/bg.jpg') top center fixed no-repeat;
}
.red { color:#f00; }

.bgyellow {
	margin:5px;
	background: #f7bd21;
}

h1 { font-size:27px; }
h2 { font-size:24px; }
h3 { font-size:21px; }
h4 { font-size:18px; }
h5 { font-size:15px; }

h1,h2,h3,h4,h5 {
	font-family: 'Ubuntu Condensed', sans-serif;
}

hr {
  border-color:#191919;
}

.content_box h2 {
	margin: 0 -15px 15px -15px;
}

/* wrapper for page content to push down footer */
.page-container {
  max-width:1050px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin:0 auto;
  padding-bottom:10px;
  /* background:#555 url('../images/bg.jpg') top center fixed no-repeat; */
}

/* set the fixed height of the footer here */
#footer {
  margin:0 auto;
  background:#e6e6e6;
  padding:15px 0 50px 0;
}

#footer .container {
  max-width:1030px;
  padding:0 10px;
  color:#000;
}

#footer a {
	color:#000;
}

#footer img {
	margin-top:5px;
}

body,tr,th,td {
  overflow-x: hidden;
}
a {
  color:#666;
}
.text-center {
  padding-top: 20px;
}

#content {
	z-index:2;
	padding:0;
}

.dropdown-menu {
	font-size:13px;
	border-radius:0;
}

.mainpanel {
	background:transparent;
}

/* collapsed sidebar styles */
@media screen and (max-width: 767px) {
  .no-padding-xs {
	padding:0 !important;
  }
  
  #content, .page-container {
	border:0;
  }

  #sidebar,
  #cart {
    position: fixed;
	z-index:0;
    height:100%;
    overflow-y:auto;
    top: 0;
    padding: 0; 
    background: #102830;
    color:#ddd;
    display:none;
  }

  .navbar-top {
	position:fixed;
	width:100%;
	z-index:4;
	top:0;
  }
  .mainpanel {
	margin-top:50px;
  }

  .row.row-offcanvas {
    position: relative;
    margin:0 !important;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas.active,
  .row-offcanvas.active .navbar-top {
    left: 80%;
    margin:0;
    position:fixed;
    width:100%;
  }
  .row-offcanvas.active2,
  .row-offcanvas.active2 .navbar-top {
    right: 80%;
    margin:0;
    position:fixed;
    width:100%;
  }

  .row-offcanvas.active #sidebar {
    left:0;
    width: 80%;
    z-index:3;
    border-right:1px solid #000;
    box-shadow:1px 0 3px #222;
    display:block;
  }

  .row-offcanvas.active2 #cart {
    right:0;
    width: 80%;
    z-index:3;
    border-left:1px solid #000;
    box-shadow:-1px 0 3px #222;
    display:block;
  }

  #sidebar.sidebar-offcanvas ul {
	padding:0;
  }
  #sidebar.sidebar-offcanvas li a {
    color:#ddf8ff;
    background:none;
    padding: 8px 10px;
  }
  #sidebar.sidebar-offcanvas li a:hover {
	background:#183840;
    color:#fff;
  }
  
  .row-offcanvas #cart h2,
  .row-offcanvas #cart h3,
  .row-offcanvas #cart h4 {
    color:#fff;
  }
  
  .dropdown-menu {
	width:100%;
    background: #008080;

  }
  
  #footer,
  #cart-topmenu,
  #sidebar .tafel-links,
  #sidebar .tafel-rechts {
	display:none;
  }

  .layout-default {
	margin:10px -10px 0;
  }
  
	.layout-pizza {
		background:rgba(255,255,255,0.3);
		/*background: url('../images/bg_pizza.jpg') repeat-y;*/
		position:relative;
		padding-top:40px;
	}
	
	.layout-pizza .product {
		background: transparent;
		border:0;
		box-shadow:none;
		padding:0;
		margin:0 -30px;
	}
	
	.layout-pizza .product-image {
		z-index:1;
	}

	.layout-pizza .product-text {
		z-index:2;
		margin:-40px 40px 25px 40px;
		padding: 15px;
		background:rgba(255,255,255,0.8);
	}
	
	.layout-pizza .product-text h4 {
		border-bottom:1px solid #340330;
		color:#340330;
	}

	.layout-pizza img {
	}
  
  #cartbutton, #qualitaet { display:none; }

	#order_huelle {
		margin: 0 !important;
	}  
}
@media screen and (min-width: 768px) {

 	.page-container {
		padding: 0 10px;
	}
	
	.modal-lg {
		width: 750px;
	}

	#logo-top {
		position:relative;
		float:right;
		margin-top:20px;
		margin-bottom:20px;
		left:0px;
		width:240px;
	}
		

	.footer-right {
		text-align:right;
	}
}


/* theme */
.btn,.form-control,.alert,.progress,.panel,.list-group,.well,.list-group-item:first-child {border-radius:0px;box-shadow:0 0 0;}
.btn {border-color:transparent;}
.btn-default,.well {
  background-color:#cccccc;
  border-color:#c0c0c0;
}
.btn-primary,.label-primary,.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus,.btn.active,a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
   background-color:#0099CC;
   border-color:transparent;
}
.btn-info,.label-info,.progress-bar-info {
  background-color:#33b5e5;
}
.btn-success,.label-success,.progress-bar-success {
  background-color:#669900;
}
.btn-danger,.label-danger,.progress-bar-danger {
  background-color:#FF4444;
}
.btn-warning,.label-warning,.progress-bar-warning {
  background-color:#FFBB33;
  color:#444444;
}
.nav-tabs>li>a {
  border-radius:0;
}
     
      
      
h3,h4,h5,.panel {
   color:#222;
}
.panel hr {
   border-color:#efefef;
}

.header {
	position:relative;
}

.header h1 {
	position:absolute;
	margin:0;
	padding:0;
	z-index:0;
	font-size:12px;
}
.header img {
	position:relative;
	z-index:1;
}
.navbar h2 {
	color:#fff;
	margin:0;
	display:inline-block;
	padding: 13px 10px;
	font-size:20px;
	background:#f00;
}

.navbar-toggle {
	display:inline-block;
	border-radius:0;
	border:0;
	padding:0;
	margin:0;
	width:50px;
	height:50px;
}

.navbar-toggle-right {
	float:right;
	color:#fff;
	font-size:1.5em;
	border-left:1px solid rgba(255,255,255,0.8) !important;
}

.navbar-toggle-left {
	float:left;
	border-right:1px solid rgba(255,255,255,0.8) !important;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
	background:rgba(255,255,255,0) !important;
	outline:0 !important;
}

.navbar-toggle .icon-bar {
	width:60%;
	margin-left:20%;
}
.content_box h2 {
	margin: 0 -15px 15px -15px;
}

.content_box .product {
	padding: 15px;
}

.header img {
	width:100%;
}

#sidebar .nav li {
	/*border-bottom:1px solid #ddd;*/
}
#sidebar .nav li:last-child {
	/*border-bottom:0;*/
}


.size_option {
	display:inline-block;
}
.size_option.activ {
	font-weight:bold;
}

.addzutat, .deladdon {
	margin-bottom:3px;
}