/**
* cutom CSS
*
*/
	
/* Layout */
body {background-color: #E3E3E3;background: url("../images/body.gif") repeat scroll 0 0 #F4F4F4;}

#page {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
	background-color: #F9F9F9;
	border-radius: 4px;
}

#mainmenu {
  margin-right: -20px;
  margin-left: -20px;
}

#footer {
	background-color: #D1D1D1;
  background-color: #D1D1D1;
  border-radius: 0 0 4px 4px;
  padding: 10px 20px;
  margin-right: -20px;
  margin-left: -20px;
	border-left: 1px solid #C9C9C9;
	border-right: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
}

@media (max-width: 480px) {
	#page {
		margin-top: 0px;
		margin-bottom: 0px;
	  margin-right: -18px;
	  margin-left: -18px;
		padding-left: 2px;
		padding-right: 2px;
	}

	#mainmenu {
	  margin-right: -18px;
	  margin-left: -18px;
	}

	#footer {
	  padding: 10px 20px;
	  margin-right: -18px;
  	margin-left: -18px;
	}
}

@media (min-width: 480px) and (max-width: 979px) {
	#page {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#mainmenu {
	  margin-right: -10px;
	  margin-left: -10px;
	}

	#footer {
	  padding: 10px 20px;
	  margin-right: -10px;
  	margin-left: -10px;
	}
}

/* Basic */
h1 {
	margin-bottom: 12px;
  font-size: 25px;
  line-height: 28px;
}

a {
	color: #C38706;
}
.grid-view table td a {
	display: block;
	position: relative;
}
.grid-view table td a.btn {
	display: inline-block;
}
[class^="icon-"], [class*=" icon-"] {
	opacity: 0.8;
}

/* Navigation */
/*
.navbar-inner {
  background-image: -moz-linear-gradient(top, #ffc64c, #c48601);
  background-image: -ms-linear-gradient(top, #ffc64c, #c48601);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc64c), to(#c48601));
  background-image: -webkit-linear-gradient(top, #ffc64c, #c48601);
  background-image: -o-linear-gradient(top, #ffc64c, #c48601);
  background-image: linear-gradient(top, #ffc64c, #c48601);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ffc64c, endColorstr='#'c48601, GradientType=0);
}
*/
#mainmenu .navbar-inner {
background: #ffbf31;
background: -moz-linear-gradient(top, #ffbf31 0%, #eba703 20px, #e09e04 21px, #c48601 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbf31), color-stop(20px,#eba703), color-stop(21px,#e09e04), color-stop(100%,#c48601));
background: -webkit-linear-gradient(top, #ffbf31 0%,#eba703 20px,#e09e04 21px,#c48601 100%);
background: -o-linear-gradient(top, #ffbf31 0%,#eba703 20px,#e09e04 21px,#c48601 100%);
background: -ms-linear-gradient(top, #ffbf31 0%,#eba703 20px,#e09e04 21px,#c48601 100%);
background: linear-gradient(top, #ffbf31 0%,#eba703 20px,#e09e04 21px,#c48601 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf31', endColorstr='#c48601',GradientType=0 );
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
#mainmenu .navbar .brand {
	color: #FFFFFF;
	padding: 10px 20px;
	text-shadow: none;
}
/*
http://stackoverflow.com/questions/4686997/firefox-hover-opacity
http://stackoverflow.com/questions/7582567/css-opacity-change-on-hover-flickering
*/
#mainmenu .navbar .nav > li > a {
	padding: 13px 10px 7px;
	color: #FFFFFF;
	-moz-transform: rotate(0);
	opacity: 0.8;
	text-shadow: none;
}

#mainmenu .navbar .nav .active > a, #mainmenu .navbar .nav .active > a:hover {
  background-color: #222222;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  color: #FFFFFF;
  background-image: none;
}

#mainmenu .navbar .nav .active > a i, #mainmenu .navbar .nav .active > a:hover i{
  opacity: 1;
}

#mainmenu .navbar .nav li.dropdown.open > .dropdown-toggle, #mainmenu .navbar .nav li.dropdown.active > .dropdown-toggle, #mainmenu .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #222222;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}

#mainmenu .navbar .nav > li > a:hover, #mainmenu .navbar .nav > li > a:hover i {
	opacity: 1;
}

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
  color: #ffffff !important;
  text-decoration: none;
  background-color: #C48601;
  background-image: none;
}


#mainmenu .navbar .nav .open > .dropdown-toggle, #mainmenu .navbar .nav .active > .dropdown-toggle, #mainmenu .navbar .nav .open.active > .dropdown-toggle {
  background-color: transparent;
}

.caret {
  opacity: 0.7;
}

.nav .nav-header {
  color: #757575;
}

.nav-collapse .nav .nav-header {
  color: #757575;
}

@media (max-width: 979px) {
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
		color: #333333;
	}

	.nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {
	  background-color: #222222;
	  background-color: rgba(0, 0, 0, 0.3);
	  opacity: 1;
	}
}

/* Buttons */
/* GELB
.btn-primary {
  background-color: #C48601;
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #ffc64c, #c48601);
  background-image: -ms-linear-gradient(top, #ffc64c, #c48601);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc64c), to(#c48601));
  background-image: -webkit-linear-gradient(top, #ffc64c, #c48601);
  background-image: -o-linear-gradient(top, #ffc64c, #c48601);
  background-image: linear-gradient(top, #ffc64c, #c48601);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ffc64c, endColorstr='#'c48601, GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #c48601;
}
.btn-primary:active, .btn-primary.active {
  background-color: #003399 \9;
}
*/

/* dito INVERSE */
.btn-primary {
  background-color: #414141;
  *background-color: #222222;
  background-image: -ms-linear-gradient(top, #555555, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
  background-image: -webkit-linear-gradient(top, #555555, #222222);
  background-image: -o-linear-gradient(top, #555555, #222222);
  background-image: -moz-linear-gradient(top, #555555, #222222);
  background-image: linear-gradient(top, #555555, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #222222;
  *background-color: #151515;
}
.btn-primary:active, .btn-primary.active {
  background-color: #080808 \9;
}


.btn-warning {
  background-color: #e05955;
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #f48886, #e05955);
  background-image: -ms-linear-gradient(top, #f48886, #e05955);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f48886), to(#e05955));
  background-image: -webkit-linear-gradient(top, #f48886, #e05955);
  background-image: -o-linear-gradient(top, #f48886, #e05955);
  background-image: linear-gradient(top, #f48886, #e05955);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'f48886, endColorstr='#'e05955, GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #e05955;
}
.btn-warning:active, .btn-warning.active {
  background-color: #c67605 \9;
}

/* etc */
.form-actions {
  border: 1px solid #DDDDDD;
	border-radius: 4px;
}

.grid-view {
    padding-top: 10px;
}

.grid-view-loading {
	background:url(loading.gif) no-repeat;
}

.grid-view th.button-column select {
	margin-bottom: 0px;
}

.table {
	background-color: #FFFFFF;
}

.table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {
    background-color: #FCFCFC;
}

.pagination ul {
    background-color: #FFFFFF;
}

.form-horizontal .help-block {
    margin-bottom: 9px;
    margin-top: 9px;
}

a.grid-filter {
	-moz-transform: rotate(0);
	opacity: 0.4;
}
a.grid-filter:hover {
	opacity: 0.8;
}

.uppercase {
	text-transform: uppercase;
}

/* table filter */
div.filter-container .select, div.filter-container input, div.filter-container .uneditable-input {
	padding: 2px 4px;
}

div.filter-container select {
    height: 26px;
    line-height: 26px;
    padding: 2px 4px 2px 0;
}

/*
.tooltip-inner {
  background-color: #C48601;
}
.tooltip.top .tooltip-arrow {
  border-top: 5px solid #C48601;
}
.tooltip.left .tooltip-arrow {
  border-left: 5px solid #C48601;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom: 5px solid #C48601;
}
.tooltip.right .tooltip-arrow {
  border-right: 5px solid #C48601;
}
*/

/* Fahrzeugsuche */
@media (max-width: 480px) {
	#vehicle-search-form .control-label, #vehicle-search-form .toogleInputs {
		float: none;
	}
}

div.vehicle-details {
    padding-right: 1em;
    border-right: 0.5em solid #DDDDDD;
    border-bottom: 2px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    border-radius: 4px 4px 8px 4px;
    padding-bottom: 1em;
    margin-bottom: 1em;
}
div.vehicle-details:first-of-type {
    padding-right: .5em;
    border-right: 0.5em solid #DDDDDD;
    border-bottom-color: #DDDDDD;
}

div.vehicle-details.date-valid {
    border-right-color: #468847;
    border-bottom-color: #468847;
    border-left: 1px solid #468847;
    border-top: 1px solid #468847;
    background-color: #E3F2DC;
}

div.vehicle-details.date-valid .alert-success {
    background-color: #c3dfbe;
    border-color: #8ab886;
    color: #468847;
    padding-right: 30px;
}

div.vehicle-details.date-unvalid {
    border-right-color: #FE9100;
    border-bottom-color: #FE9100;
    border-left: 1px solid #FE9100;
    border-top: 1px solid #FE9100;
    background-color: #F6DFC0;
}

div.vehicle-details.date-unvalid .alert-error {
    background-color: #fec578;
    border-color: #F99F66;
    color: #FD5800;
    padding-right: 30px;
}

div.vehicle-details .validation-block {
	 text-align: right;
}

div.vehicle-details .validation-block .pull-left{
    margin-left: -6px;
    margin-top: 10px;
    margin-right: 5px;
}

div.vehicle-details .help-block {
    margin-bottom: 4px;
}

@media (min-width: 450px) and (max-width: 979px) {
	div.vehicle-details .alert-block {
		padding: 5px;
	}
	div.vehicle-details .alert-block .pull-left{
		margin: 0;
	}
	div.vehicle-details .validation-block {
		 text-align: left;
	}
	div.vehicle-details .validation-block .pull-left{
	    margin: 0 5px 0 0;
	}
}

div.vehicle-details .row-second {
	margin-top: 15px;
}

div.vehicle-details legend, div.vehicle-calculate legend {
	margin-bottom: 5px;
}

/* @link http://stackoverflow.com/questions/8878033/how-to-make-twitter-bootstrap-menu-dropdown-on-hover-rather-than-click*/
/*Hover Menu*/
.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
/*Hover Menu*/