/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*
@default color: #023267 blau
				#2F6EB3 helleres blau
				#012043 dunkleres blau
				#FA2714 rot
*/

/* Large desktop */
@media (min-width: 1200px) {
	.head_header {
		width: 1170px;
	}
	
	.head_header h1{
		font-size: 24px;
	}

	.navbar{
		width: 1170px;
		top: 272px;
		*margin-left: 30px;
	}

	#map_canvas{
		height: 300px;
	}
}

/* Default width */
@media (max-width: 1199px) {
	.head_header {
		width: 940px;
	}

	.head_header h1{
		font-size: 20px;
        margin: 7px 5px 0px 5px !important;
	}

	.head_header img{
		height: 27px;
		margin-top: 5px;
	}

	.navbar{
		width: 940px;
		top: 222px;
		/*zerhaut Layout im IE7 tablet Breite inkl. head header*/
		/**margin-left: 20px;*/
	}
  
	.navbar-inner {
		min-height: 32px;
	}
  
    .navbar .nav > li > a {
        padding: 6px 15px 6px;
    }

	#map_canvas{
		height: 300px;
	}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.head_header {
		width: 724px;
	}

	.head_header h1{
		font-size: 14px;
		margin: 3px 5px 0px 5px !important;
	}

	.head_header img{
		height: 25px;
		margin-top: 0px;
		margin-left: 5px !important;
	}

	.navbar{
		width: 724px;
		top: 156px;
		*margin-left: 20px;
	}
  
	#map_canvas{
		height: 350px;
	}

	h1 {
		font-size: 24.5px;
	}

	h2 {
		font-size: 17.5px;
	}

	h3 {
		font-size: 14px;
	}

	.navbar .nav > li > a {
	  padding: 2px 15px 2px !important;
	}

	.navbar-inner {
	  min-height: 12px !important;
	}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.navbar{
		position: static !important;
		width: 100%;
		top: 0px;
	}
	.navbar-inner {
		background-color: #023267;
		background-image: none;
	}
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a{
		color: white !important;
	}
	.navbar .nav > li > a:focus, .navbar .nav > li > a:hover{
		color: red !important;
	}
    .navbar .btn-navbar {
        margin-bottom: 5px;
    }
    .logo_nav {
        padding-top: 7px !important;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
    
}

.head_header {
	z-index: 2;
	position: absolute;
	background-color: #012043;
 	background-color: transparent;
	background-image: -webkit-linear-gradient(left , rgba(255, 255, 255, 0.5) 0%, rgba(2, 50, 103, 0.5) 50%, rgba(2, 50, 103, 0.8) 100%);
	background-image: linear-gradient(left , rgba(255, 255, 255, 0.5) 0%, rgba(2, 50, 103, 0.5) 50%, rgba(2, 50, 103, 0.8) 100%);
	background-image: -o-linear-gradient(left , rgba(255, 255, 255, 0.5) 0%, rgba(2, 50, 103, 0.5) 50%, rgba(2, 50, 103, 0.8) 100%);
	background-image: -moz-linear-gradient(left , rgba(255, 255, 255, 0.5) 0%, rgba(2, 50, 103, 0.5) 50%, rgba(2, 50, 103, 0.8) 100%);
	background-image: -webkit-linear-gradient(left , rgba(255, 255, 255, 0.5) 0%, rgba(2, 50, 103, 0.5) 50%, rgba(2, 50, 103, 0.8) 100%);
	background-image: -ms-linear-gradient(left , rgba(255, 255, 255, 0.5) 0%, rgba(2, 50, 103, 0.5) 50%, rgba(2, 50, 103, 0.8) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0, rgba(255, 255, 255, 0.5)),
		color-stop(0.5, rgba(2, 50, 103, 0.5)),
		color-stop(1, rgba(2, 50, 103, 0.8))
	);
	background-repeat: repeat-x;
	*zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC023267,endColorstr=#CC023267)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F023267,endColorstr=#CC023267);   /* IE6 & 7 */
}


.head_header h1{
	margin: 8px 8px 8px 8px;
	color: white;
	float: right;
	font-weight: normal;
	line-height: 20px;
}

.head_header img{
	float: left;
	margin-left: 8px;
}

.navbar{
	position: absolute;
}

.logo_nav {
	width: 230px;
	padding-top: 5px;	
}

.left{
	float: left;
}

.right{
	float: right;
}

#map_canvas{
	width: 100%;
}

.bootstrap-select .btn {
width: 100% !important;
}

.bootstrap-select {
width: 100% !important;
}

.select {
width: 100% !important;
}

.bottom-button-section {
	margin-top: 20px;
}

.impressum-row {
	margin-top: 10px;
}

#kontakt input, #kontakt textarea, #kontakt .uneditable-input {
	width: 100% !important;
}

#kontakt select {
	width: auto;
}

#kontakt .form-horizontal .control-label {
	width: 100px !important;
}

#kontakt .form-horizontal .controls {
	margin-left: 120px !important;
}

.fb{
	text-align: center;
}

.fb_iframe_widget iframe {
	position: relative !important;
}

.preise .bootstrap-select{
	margin-top: 20px;
}