html {
	overflow-y: scroll;
}
 
/* Change bootstrap max-width */
@media (min-width: 1200px) {
  .container {
    max-width: 1000px;
  }
}

@font-face {
	font-family: 'bauman1';
	src: url('../font/bauman1.eot');
	src: url('../font/bauman1.eot?#iefix') format('embedded-opentype'),
		url('../font/bauman1.woff') format('woff'),
		url('../font/bauman1.ttf') format('truetype'),
		url('../font/bauman1.svg#bauman1a') format('svg');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'bauman2';
	src: url('../font/bauman2.eot');
	src: url('../font/bauman2.eot?#iefix') format('embedded-opentype'),
		url('../font/bauman2.woff') format('woff'),
		url('../font/bauman2.ttf') format('truetype'),
		url('../font/bauman2.svg#bauman2a') format('svg');
	font-weight: normal;
	font-style: normal
}

img { 
  max-width: 100%;
}

/* Sticky Footer */

* {
	margin:0;padding:0;
}

/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {
	height: 100%;
}

#wrap {
	min-height: 100%;
}

#main {
	overflow: visible;
	padding-bottom: 40px;
	margin-top: 10px;
	/* footer height */
	padding-top: 60px;
}

footer {
	position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 40px;
	clear:both;
	border: none;
	padding: 0px;
	background-color: #6D6E70;
	text-align: center;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

/* End Sticky Footer */

#top-bar {
	position: absolute;
	width: 100%;
	height: 40px;
	top: 0px;
	left: 0px;
	background-color: #6D6E70;
}

#logo-container {
	margin: 0 0 0 0;
	padding: 0;
}

/*Main Navigation */

.navbar {
	background-color: #FFF;
}

#nav-container a {
	text-decoration: none;
	color: white;
	font-family: bauman1;
	font-size: 110%;
	background-color: #D9531E;
	border: 1px solid #FFF;
	padding: 0 10px;
	margin: 0;
	margin-right: -1px;
	text-align: center;	
}
#nav-container a:hover {
	background-color: #FFF;
	color: #D9531E;
}
/* Make button text responsive like button size*/
@media screen and (max-width: 1200px) {
	#nav-container a {
	font-size: 85%;}
}

.nav-container-fill-1, .nav-container-fill-2, .nav-container-fill-3 {
	background-color: #D9531E;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
	margin-right: -1px;
}

.nav-container-fill-1 {
	height: 40px;
	opacity: 0.7;
	border-bottom: 1px solid #FFF;
}

.nav-container-fill-2 {
	height: 110px;
}
.nav-container-fill-3 {
	height: 22px;
	border: 1px solid #FFF;
}
body#page1 a#nav1, body#page2 a#nav2, body#page3 a#nav3 {
	color: #D9531E; 
	background-color: #FFF;
	cursor: default;
}
/* End Main Navigation */

h1, h2, h3 {
	font-family: bauman1;
	color: #D9531E;
	border-bottom: 4px dotted #D9531E;
	display: inline-block;
}

.striking {
	font-weight: bold;
}

.main-text a {
	color: #333;
	text-decoration: underline;
}
.main-text a:hover {
	color: #000;
}

p.align-center {
	text-align: center;
}

p.align-right {
	text-align: right;
}

div.main-text p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 0 40px 0 0 ;
}

footer a {
	color: 	#333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
}

footer a:hover {
	color: #000;
}

footer .container {
		padding-top: 10px;
		font-size: 80%;
}

div#home-portret {
	float: right;
	margin: 0 10px;
	border: 3px solid #D9531E;
}

div#map-canvas {
	display: block;
	border: 3px solid #D9531E;
	width: 100%;
	height: 400px;
}

/* Fix Bootstrap Google map controls mess up */ 
div#map-canvas img{
	max-width: none;
}