/*
	http://css-tricks.com/perfect-full-page-background-image/
	http://bcreativeweb.blogspot.ch/2012/10/creating-different-css3-box-shadows.html	
	
	http://bigspaceship.github.io/shine.js/
	http://www.noupe.com/development/better-than-pure-css3-realistic-and-complex-shadows-with-shine-js-83800.html
	
*/


.btn {
  border-radius:                    0px;
  -webkit-border-radius:            0px;
  -moz-border-radius:               0px;
}

ul.footer a {
	color: black;
}

ul.footer a:hover {
	font-weight: bold;
}

html { 
	background-color: black;
	background: url(../images/bg.jpg) no-repeat center center fixed;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    -webkit-transition: background 1s;
    transition: background 1s;
	-webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.bg-gold {
	bbackground-color: #F1F1F1;
	bbackground-color: #deb879;
	bbackground-color: #FF9900;
	bbackground-color: #FFCC00;
	
	bbackground: url(../images/Fotolia_64679980_M.jpg) repeat center center fixed;
	bbackground: url(../images/gold-1.jpg) repeat center center fixed;
	vbackground: url(../images/Fotolia_69575823_M.jpg) repeat center center fixed;
	bbackground-color: rgba(183, 235, 137, 0.6);
	background-color: rgba(154, 112, 60, 0.6);
	bbackground-color: #b7eb89;
}

body {
	background-color: transparent;
}

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

.gtitle {
	text-align: center;
	margin: 10px 0 10px 0;
	font-weight: bold;
}

.gillu {
	text-align: center;
	margin: 10px 0 10px 0;
	font-weight: bold;
}

.gcta {
	text-align: center;
	margin: 0px 0 0px 0;
	font-weight: bold;
}

.mini-cart-box .btn-cart {
	display:block;
	padding:0 0 0 34px;
	background:url(../img/varia/sprite.png) no-repeat -223px -6px;
}


.btn-del {
    background: url("../img/varia/sprite.png") no-repeat scroll -389px -265px transparent;
    top: -8px;
    height: 20px;
    right: -4px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    width: 21px;
    z-index: 5;
    cursor: pointer;
}


.blockCentered {
	display: block;
	margin-left: auto; 
	margin-right: auto;
}




.carousel-control.right {
	background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,100,0,.0005) 100%);
}
.carousel-control.left {
	background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,100,0,.0005) 100%);
}
.carousel-caption {
	display: none;
	color: black;
	bottom: 140px;
	text-shadow: 0 1px 2px rgba(0,0,0,.0);
}



.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.myPanel .panel-heading {
	background-image: -webkit-linear-gradient(top,#eede6f 0,#fef1a2 100%);
	background-image: -o-linear-gradient(top,#eede6f 0,#fef1a2 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#eede6f),to(#fef1a2));
	background-image: linear-gradient(to bottom,#eede6f 0,#fef1a2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eede6f', endColorstr='#fef1a2', GradientType=0);
	background-repeat: repeat-x;
}

.myPanel .panel-heading .panel-title {
	color: #191709;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}



.btn-standard {
	background-color: white;
	border-color: #AEAEAE;
}

.btn-info, .btn-info:hover, .btn-info:focus {
	border-color: #b3000d;
	background-color: #b3000d;
	background-image: -webkit-linear-gradient(top,#b3000d 0,#b3000d 100%);
	background-image: -o-linear-gradient(top,#b3000d 0,#b3000d 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#b3000d),to(#b3000d));
	background-image: linear-gradient(to bottom,#b3000d 0,#b3000d 100%);
}

.btn-valentine, .btn-valentine:hover, .btn-valentine:focus {
	color: white;
	border-color: #f16da4;
	background-color: #f16da4;
	background-image: -webkit-linear-gradient(top,#f16da4 0,#f16da4 100%);
	background-image: -o-linear-gradient(top,#f16da4 0,#f16da4 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f16da4),to(#f16da4));
	background-image: linear-gradient(to bottom,#f16da4 0,#f16da4 100%);
}


.box h3{
    text-align:center;
    position:relative;
	font-weight: bold;
	font-size: 15px;
    ttop:80px;
}

.box {
    width:100%; 
	hheight:200px;
    background:#FFF;
    margin:40px auto;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2 { position: relative; }
.effect2:before, .effect2:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px; top: 80%;
    left: 10px;
    width: 50%; max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;

    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.effect2:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px; left: auto;
}


effect7 {
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect7:before, .effect7:after {
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0; bottom:0;
    left:10px; right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

.effect7:after {
    right:10px; left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
    -o-transform:skew(8deg) rotate(3deg);
    transform:skew(8deg) rotate(3deg);
}


/*==================================================
 * special buttons
 * ===============================================*/

.btn-country,
.open>.dropdown-toggle.btn-country
 {
	color: white;
	border-color: black;
	background-color: black;
	background-image: none;
}

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

.btn-country:hover, 
.btn-country:focus,
.btn-country.focus,
.btn-country:active,
.btn-country.active,
.open>.dropdown-toggle.btn-country
{
	color: white;
	border-color: black;
	background-color: black;
}

.btn_active
{
	border-color: #FF7600;
	bbackground-color: #FF7600;
	background-color: #ffa56e;
}

/*==================================================
 * img border
 * ===============================================*/

.img_border {
	border: 1px solid #EAEAEA;
}

/*==================================================
 * dd
 * ===============================================*/

dt {
	font-size: 12px;
	font-family: 'Lucida Sans', Arial, Helvetica, sans-serif;
}

/*==================================================
 * carousel
 * ===============================================*/

.carousel-indicators li {
	background-color: #669966;
	margin-top: 20px;
	margin-left: 5px;
	margin-right: 5px;
}
.carousel-indicators .active {
	background-color: #FF7600;
	margin-top: 20px;
	margin-left: 5px;
	margin-right: 5px;
}

.carousel-control {
	width: 10%;
}


.form-group.required .control-label:after { 
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 5px;
    top:8px;
}


.checkout_active {
	font-weight: bold;
}

td {
	vertical-align: text-top;
}

h4.footer {
	font-size: 14px;
	font-weight: bold;
}

ul.footer {
    list-style-type: none;
	padding-left: 0px; 
}

ul.footer li {
	padding-left: 0px; 
}

ul.footer li a {
	text-decoration: none;
}

a.social {
	display: block;
	width: 36px;
	height: 36px;
	overflow: hidden;
	text-indent: -9999px;
}

.facebook {background:url(../img/varia/sprite.png) no-repeat 1px -162px;}
.facebook:hover {background-position:1px -215px;}
.twitter {background:url(../img/varia/sprite.png) no-repeat -41px -162px;}
.twitter:hover {background-position:-41px -215px;}
.googleplus {background:url(../img/varia/sprite.png) no-repeat -83px -162px;}
.googleplus:hover {background-position:-83px -215px;}
.youtube {background:url(../img/varia/sprite.png) no-repeat -124px -162px;}
.youtube:hover {background-position:-124px -215px;}
.pinterest {background:url(../img/varia/sprite.png) no-repeat -167px -162px;}
.pinterest:hover {background-position:-167px -215px;}


.top-border {
	border-top: solid 1px #EAEAEA;
	padding-top: 10px;
}

.activeBox {
	border: solid 5px orange;
}

.drop-box {
	background: #F8F8F8;
	border: 5px dashed #DDD;
	width: 100%;
	height: 65px;
	text-align: center;
	padding-top: 25px;
	margin: 10px;
}
.dragover {
	border: 5px dashed blue;
}

#zutaten td {
	padding: 10px;
}

#zutaten tr:nth-child(even) {
	background: #F0F0F0;
}

#zutaten tr:nth-child(odd) {
	background: #FFF;
}