body{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
@media (min-width: 1200px) {
    .container{
        max-width: 970px;
    }
}

@media (max-width: 600px) {
    .typeSelectButton{
        float: left !important;
        margin: 10px;
    }
    #typeSelect{
    	margin-top: 10px !important;
    }
}

.typeSelectButton{
	/*background-color: #787878;*/
	
	background-color: #E9B226;
    color: white;
    box-shadow: 2px 2px rgba(0, 0 , 0, 0.3);
    font-weight: bold !important;
}
.typeSelectButton:hover{
	/*color: #FFA600 !important;*/
	box-shadow: 10px 10px 25px rgba(0, 0 , 0, 0.3);
    color: white !important;
}


@media print {
    #print{
        display : none;
    }
	#calc{
		display: none;
	}
	.shadowed{
		padding-top:10px;
	}
	.left{
		display:none;
	}
	.footer{
		display: none;
	}
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px){
    .table-responsive{
		border:none !important;
	}  
	.responsive td{                  
		/*border: none;*/
		/*border-bottom: 1px solid #eee;*/
		position: relative;
		padding-left: 70% !important; /* Added important here */
		border-bottom: 1px solid #ccc;	
		text-align:right;
		width:100% !important;
	}
	.tdno0{
		text-align:right !important;
	}	
}

.panel{
	width:auto !important;
}
#print, #calc, #login{
	width:94px;
	background-image: none !important;
	background-color: #002075 !important;
	border-color: #002075;
	color: white !important; 
}

#print:hover, #calc:hover, #login:hover{
	color: #FFA600 !important;
}

.container{
	padding:0px !important;
	margin:0px !important;
}

.uberschrift{	
	padding-left: 15px;	
	color: #08107b;
}
.table-responsive{
	padding-left:15px;
	padding-right:15px;
}
.table{
	text-align:right;
}
.table th{
	text-align:right;
}
.table td:first-child{
	text-align:left;
}
.toolt{
	border-bottom: 1px dotted #000;
}
.table td{
    width: 20%;
}

.shadowed{
	box-shadow: 0 0 30px rgba(0, 0 , 0, 0.3);
	box-sizing: border-box;
	padding: 0px 5px 0 5px;
	margin-top:30px;
}

.shadowed:hover{
	/*background-color: #E6EFF1;*/
	background-color: #CED2D1;
}

.ns{
	margin-top: 70px;
}
.left-menu li{
	cursor:pointer;
}
.input-group-addon{
	/*padding: 6px 12px;	*/
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #EEE;
	border: 1px solid #CCC;
	border-right:none;
	border-radius: 4px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	display:table-cell;
	padding-left:4px;
	padding-right:4px;

}
#logo{
	padding-top:10px;
}

html {
	position: relative;
	/*min-height: 100%;
	height:100%;*/
	/*background-color: #275497;*/
	/*background-color: #f5f5f5 !important;*/
}
body {
  /* Margin bottom by footer height */
	margin-bottom: 40px !important;	
	overflow-x:hidden;

	/*
	height:100%;
	min-height:100%;
*/

/*	background-color: #f5f5f5 !important;*/
	background-color: #275497;
	background-image: url("imgs/124258422_1600.jpg");
	/*background-image: url("imgs/Autumn Leaves, New England, USA_1600.jpg");*/
	/*background-image: url("imgs/Electricity Pylons at Sunset_1600.jpg");*/

 	

 	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;

	/*width: 100%;
	height: auto;*/
	height: 100%;
	width: auto;
}
.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	/*height: 40px;*/
	/*background-color: #E7E7E7;*/
	/*background-color: rgba(231, 231, 231, 0.8);*/
	background-color: #282828;
	color: white;
}
.footer p{
	padding:10px;
}
.footer p a:hover{
	color: #FFA600 !important;
}
.panel-heading{
	margin-top: 15px;
	background-image: none !important; 
	background-color: #001E78 !important;
	color:#FFA504 !important;
}
.panel-heading h5{
	text-transform: uppercase;
}
.panel-primary {
    border-color: transparent !important;
}

.list-group li{
	text-transform: uppercase;
	color: #001E78;
	font-weight: bold;
}

.list-group li:hover {
    /*background-color: #3072AC !important;*/
    color: #ffffff;
}

.list-group li:hover a{
	color: #ffffff;
}
.badge{
	background-color: #001E78 !important;
	color: #FFA600 !important;
}

.table-responsive th, .table-responsive td{
	font-size: 14px !important;
}

.list-group-item a{
	color: #001E78;
}