body{							/* blue, green		orange, yellow */
	/* background: linear-gradient( #ECF7FD, #D8EECD, #FAD4B8, #FEE4A5 ); */
	background: linear-gradient( #ECF7FD, #BEE4F9);
	
}

.wrapper{
	background: rgba(255,255,255,0.6);
}

a {
	color: #41322d;
	text-decoration: underline;
}

a:hover {
	color: #41322d;
}

ul.nav-tabs {
	width: 170px;
	border-radius: 4px;
	border: 1px solid #f47920;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
}
@media screen and (max-width: 1199px)
{
	ul.nav-tabs {
		width: 140px;
		border-radius: 4px;
		border: 1px solid #f47920;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
	}
}


ul.nav-tabs li {
	margin: 0;
	border-top: 1px solid #f47920;
}

ul.nav-tabs li a:hover {
	background: #f4ccaf;
	color:white;
}

ul.nav-tabs li:first-child {
	border-top: none;
}
ul.nav-tabs li a {
	margin: 0;
	padding: 11px 16px;
	border-radius: 0;
	text-decoration: none;
}
ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover {
	color: white;
	background: #f47920;
	border: 1px solid #f47920;
}

ul.nav-tabs li.active a{
	font-weight: bold;
}

ul.nav-tabs li:first-child a {
	border-radius: 4px 4px 0 0;
}
ul.nav-tabs li:last-child a {
	border-radius: 0 0 4px 4px;
}

.affix{
	top: 30px;
}

.headline{
	font-size: 18pt;
	color: white;
	border-radius: 4px;
	padding: 3px;
	padding-left: 15px;
	margin-bottom: 14px;
	background-color: #f47920;
}

.panel-primary{
	display: block;
	width:49%;
	float: left;
	margin-right: 1%;
}

@media screen and (max-width: 650px)
{
	.panel-primary{
		width:100%;
	}
}

.panel-green{
	border-color: #64B33C !important;
}

.panel-heading-green{
	background-color:#64B33C !important;
	border-color: #64B33C !important;
}

.panel-referenz{
	width: 100%;
	border-color: #F07F26 !important;
}

.panel-heading-referenz{
	border-color: #F07F26 !important;
	background: #F07F26 !important;
}

.panel * img{
	max-width: 350px;
	display: block;
	margin: 0 auto;
	padding-bottom: 7px;
}
#header {
	height: 300px;
	width: 100%;
}

@media screen and (max-width: 1199px)
{
	#header {
		height: 245px;
		width: 100%;
	}
}

@media screen and (max-width: 991px)
{
	#header {
		height: 188px;;
		width: 100%;
	}
}

#footer {
	margin-top: 25px;
	background: #f47920;
	padding: 7px;
	color: white;
	text-align: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size:110%;
}

#footer a {
	color: white;
}

.roundBorder {
	border: 15px solid black;
	border-radius: 10px;
}

/* Bootstrap adjustments */
.carousel-caption {
	color: white;
}

.btn-primary {
    color: #fff;
    background-color: #f47920;
    border-color: #f47920;
}

.btn-primary:hover {
    color: #fff;
    background-color: #EF6A0B;
    border-color: #EF6A0B;
}