@import url("reset.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700);

body
{
	background-color : #587298;
	font       : 14px "Open Sans", Arial, Helvetica, sans-serif;
	min-width  : 978px;
}

@font-face 
{
	font-family : VegurRegular;
    font-weight : normal;
	src         : url("fonts/vegur-r.woff"), url("fonts/vegur-r.ttf") format("truetype");
}
@font-face 
{
	font-family : VegurMedium;
    font-weight : normal;
	src         : url("fonts/vegur-m.woff"), url("fonts/vegur-m.ttf") format("truetype");
}

/***** Box Model *****/

#main
{
    background-color: #E0E9FA;
	color      : #2b447c;
	height     : 459px;
}
#main #topmenu
{
	/*background : url("website.cover/topmenu-bg.png") repeat-x;*/
	height     : 47px;
    background-color: #D1E0FA;
}
#content
{
	background-color : #ffffff;
	min-height : 342px;
    padding: 15px 0px;
}
#bellowfold
{
    background-color : #E9EEF7;
	min-height : 300px;
    padding-top: 30px;
}
#footer
{
	color       : #ffffff;
	min-height  : 180px; 
	text-align  : right;
}

div.innerbox,
div.innerinnerbox
{
	margin    : 0px auto;
    padding   : 0px 30px;
	position  : relative;
	width     : 970px;
}
#main div.innerbox
{
	/*background : url("website.cover/logo.png") no-repeat center 90px;*/
	height     : 416px;
}
#content div.innerbox
{
	position: relative;
}
#footer div.innerbox div.logo
{
	background : url("website.cover/logo-small.png") no-repeat;
	height     : 38px;
	left       : 30px;
	position   : absolute;
	top        : 30px;
	width      : 165px;
}

br.clear
{
	clear    : both;
	height   : 1px;
	overflow : hidden;
}

.button {
   display         : block;
   color           : #ffffff !important;
   cursor          : pointer;
   font-size       : 17px;
   font-weight     : 600;
   height          : 47px;
   line-height     : 47px;
   text-align      : center;
   text-decoration : none;
   width           : 233px;
   border-radius: 3px;
   background-color: #468FD1;
   border-color: #2B6FAB;
}

.button.green {
   background-color: #9AC83C;
}

.button:hover
{
  opacity: 0.9;
}

/***** TOPMENU *****/

#topmenu ul.menu
{
	padding : 9px 0px;
}
#topmenu ul.menu li
{
	display       : inline;
	float         : left;
	padding-right : 5px;
}
#topmenu ul.menu li a
{
	color           : #3f65a0;
	border-radius   : 15px;
	display         : block;
	font-weight     : 600;
	padding         : 4px 15px;
	text-decoration : none;
	text-transform  : uppercase;
}
#topmenu ul.menu li a.selected,
#topmenu ul.menu li a:hover
{
	background  : #ffffff;
}
#topmenu ul.menu li.right
{
	float : right;
}
#topmenu ul.menu li.right a
{
   border: 1px solid #3f65a0;
}

/***** MAIN *****/


#main img
{
	padding     : 90px 0px 0px 120px;
}
#main h1
{
	font-family : VegurMedium, Arial, Helvetica, sans-serif;
	font-size   : 39px;
	padding     : 0px 0px 0px 58px;
    margin-top   : -14px;
	text-align  : center;
}

#main h2
{
	font-family : VegurMedium, Arial, Helvetica, sans-serif;
	font-size   : 24px;
	padding     : 0px 0px 0px 170px;
	text-align  : center;
}
#main p
{
	font-size  : 14px;
	padding    : 60px 0px 0px 0px;
	text-align : right;
}

/***** CONTENT *****/

#content
{
	letter-spacing : -0.5px;
}
#content strong
{
	font-weight : bold;
}
#content ul.features
{
	color       : #4c5768;
	float       : left;
	font-size   : 18px;
	padding     : 40px 0px 0px 0px;
}
#content ul.features li
{
	background  : url("website.cover/icon-check.svg") no-repeat left center;
    background-size: 36px 36px;
	padding     : 1px 0px 1px 50px;
	line-height : 38px;
}

#content span.underline
{
	background     : url("website.cover/underline-red.png") no-repeat 0px 35px;
	display        : block;
	padding-bottom : 5px;
}
#content span.cloud
{
	background  : url("website.cover/icon-cloud.png") no-repeat 0px 6px;
	color       : #4c5768;
	display     : block;
	float       : left;
	font-size   : 18px;
	line-height : 48px;
	margin-top  : 20px;
	padding     : 0px 0px 0px 50px;
}
#content span.clock
{
	background  : url("website.cover/icon-clock.png") no-repeat 0px 0px;
	color       : #103167;
	display     : block;
	float       : right;
	font-size   : 18px;
	font-weight : 600;
	line-height : 48px;
	margin-top  : 20px;
	padding     : 0px 0px 0px 60px;
}

#content div#loupe
{
	height     : 296px;
	left       : 398px;
	position   : absolute;
	top        : 0px;
	width      : 580px;
	z-index    : 10;
}

#content div#loupe ul.btnline
{
	float       : right;
	padding-top : 51px;
}
#content div#loupe ul.btnline li
{
	display      : inline;
	float        : left;	
	padding-left : 20px;
}
#content div#loupe ul.btnline li a
{
	font-size       : 18px;
	height          : 48px;
	line-height     : 48px;
	width           : 264px;
}

#content div#loupe span
{
   display: block;
   position: absolute;
   opacity: 0.9;
   top: 16px;
   left: 320px;
   width: 221px;
   height: 251px;
   background: url("website.cover/loupe.png") no-repeat 0px 0px;
}

/***** BELLOWFOLD ******/

#bellowfold div.columnleft
{
	float  : left;
	width  : 447px;
}

#bellowfold div.columnright
{
	float  : right;
	width  : 447px;
}

#bellowfold h2
{
	color       : #3F65A0;
	font-size   : 24px;
	font-weight : normal; 
	margin      : 35px 0px 20px 0px;
}
#bellowfold h3
{
	color       : #103167;
	font-size   : 18px;
	font-weight : 600;
	margin      : 18px 0px 10px 0px;
}
#bellowfold h4
{
	color       : #468FD1;
	font-size   : 14px;
	font-weight : 600;
	margin      : 18px 0px 10px 0px;
}

#bellowfold p
{
	color       : #103167;
	font-size   : 14px;
	line-height : 21px; 
}

#bellowfold ul.btnline
{
	text-align : center;
	margin     : 0px 237px;
}
#bellowfold ul.btnline li
{
	display : inline;
	float   : left;
	margin  : 0px 10px;
}
#bellowfold ul.btnline li a
{
	display         : block;
	width           : 223px;
}

#bellowfold span.interested
{
	color      : #103167;
	display    : block;
	font-size  : 18px;
	padding    : 15px 0px 20px 0px;
	text-align : center;
}
#bellowfold span.interested em
{
	color : #2B6FAB;
}

#bellowfold #bottombox {
    padding: 40px 0 60px 0;
}

/***** FOOTER *****/

#footer ul.menu
{
	float  : right;
	margin : 40px 0px 55px 0px;
}
#footer ul.menu li
{
	display : inline;
	float   : left;
}
#footer ul.menu li.right
{
	display : none;
}
#footer ul.menu li a
{
	color           : #ffffff;
	font-weight     : normal;
	padding-left    : 30px;
	text-decoration : none;
	text-transform  : uppercase;
}
#footer ul.menu li a.selected,
#footer ul.menu li a:hover
{
	color : #8d9ebf;
}

#footer span.copyright
{
	display     : block;
	font-size   : 12px;
	line-height : 18px;
}
#footer span.copyright a
{
	color           : #ffffff;
	text-decoration : none;
}
#footer span.copyright a:hover
{
	text-decoration : underline;
}

/***** EOF *****/