html {
     height:100%
}
body {
  	background-color:#FFF;
  	/*background-image:url(../images/bg-left.png), url(../images/bg-right.png);
  	background-repeat: no-repeat;
  	background-position: left 110px, right 360px;*/
	font-family:Arial, verdana, sans-serif;
	font-size:15px;
	color:#333;
	line-height:140%;
	height:100%;
}

@font-face {
    font-family: 'SquadaOne';
    src: url('fonts/squadaone-regular-webfont.eot');
    src: url('fonts/squadaone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/squadaone-regular-webfont.woff') format('woff'),
         url('fonts/squadaone-regular-webfont.ttf') format('truetype'),
         url('fonts/squadaone-regular-webfont.svg#SquadaOne') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ####### sticky footer ####### */
#wrap { min-height: 100%; }
#main { overflow:auto; padding-bottom:80px; }  /* must be same height as the footer */


em { 
	font-weight:bold; 
}

.right { float: right; }
.left { float:left; }

label { 
	user-select:none; 
	-moz-user-select:none; 
}

input, textarea	{ 
	
}
input[type="text"] {
   
}

/*###############     TEXT      ###################*/

h1, h2, h3, h4, h5 {
  	color:#0066A6; 
	line-height:100%;
	font-size:46px;
	margin:0 0 24px 0;
	font-family: 'SquadaOne', 'Arial', sans-serif;
	text-transform: uppercase;
}
h2 {
   font-size:32px;
   color:#0066A6; 
   margin:0 0 16px 0;
}
h3, h4, h5 {
   font-size:24px;
   color:#373328;
   margin:0 0 12px 0; 
}
h5 {
	font-size: 22px;
	margin-bottom: 8px;
}


div.success, div.error {
	padding:6px 18px;
	margin:2em 0;
	border:1px solid #00688f; 
	border-radius:4px;
	background:#FFF; 
	color: #00688f;
	font-weight: bold;
}

p {
   line-height:140%;
   margin-bottom:12px;
}

#header *, #footer * {
	color:#FFF;
} 

a { 
	color:#0066A6; 
	text-decoration:none;
}
a:hover { 
	text-decoration:none;
	color:#666; 
}

nav {
	padding: 66px 0 0;
}
nav ul {
	list-style: none;
}
nav ul li {
	float:left;
	margin-right: 30px;
}
nav ul li a {
	text-transform: uppercase;
	font-size: 24px;
	font-family: 'SquadaOne', 'Arial', sans-serif;
}

nav ul li a.active {
	color:#043669;
}
nav ul li a:hover {
	color:#1B7DBA;
	text-decoration: none;
}


.clear {
   clear:both;
}

.border-box {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}


/*###############     structur      ###################*/

header {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    height: 120px;
	position:relative;
	margin-bottom:50px;
}
header .width {
	height: 100%;
}

.width {
   margin:0px auto;
   width:980px;
   position:relative;
   padding:0;
}

#content {
	margin-bottom: 40px;
}

#sidebar {
	width:20%;
	margin:4px 5% 0 0;
	float:left;
}
#sidebar + #content {
	float:right;
   	width:75%;
}


footer {
	height:45px;
	padding-top: 35px;
	margin-top:-80px;
	position:relative;
	background: #043669;
}
footer * {
	color:#FFF;
	font-weight: bold;
}