/* CSS Document */

/* Graublau Sans Web (www.fonts.info) */
 @font-face {
  font-family: 'Graublau Web';
   src: local('Graublau Web Regular'), local('Graublau Web'),
         url(fonts/GraublauWeb.otf) format('opentype');
}

 @font-face {
  font-family: 'Graublau Web';
   src: local('Graublau Web Bold'), local('Graublau Web Bold'),
         url(fonts/GraublauWebBold.otf) format('opentype');
}

/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
@font-face {
  font-family: 'Fontin';
  src: local('Fontin-Regular'), local('Fontin-Regular'),
         url(fonts/Fontin-Regular.otf) format('opentype');
}

body{
	padding: 0;
	margin: 10px;
	font-family: Fontin, "Lucida Grande", sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #003366; 
}

.button a {
   background-color: #C9C6FF;
   border: 1px solid #333333;
   display: block;
   padding-bottom: 4px;
   padding-left: 12px;
   padding-top: 6px;
   text-decoration: none;
   width: 100%;
   font-family: Fontin, "Lucida Grande",  Arial, sans-serif;
   font-size: 85%;
   color: #333333;
  	-moz-border-radius: 12px;
	-moz-box-shadow: 3px 3px 5px #333333;
   -webkit-border-radius: 12px;
   -webkit-box-shadow: 3px 3px 5px #333333;
	}

.button a:hover {
   background-color: #666680; 
   border: 1px solid #333333; 
   color: #FFFFFF;
   text-decoration: none 
}

#content{
	padding-top: 150px;
	padding-bottom: 20px;
	padding-left: 230px;
	padding-right: 10%;
}

#content h1 {
	font-family: Graublau Web, "Lucida Grande", Arial, sans-serif;
	font-size: 250%;
	font-weight: bold;
	line-height: 120%;
	background-color: transparent;
}

#content h2 {
	font-family: Graublau Web, "Lucida Grande", arial, sans-serif;
	font-size: 150%;
	font-weight: normal;
	color: #000080;
	background-color : transparent;
}

#logo{
	position : absolute;
	top : 20px;
	left : 60px;
	z-index : 50;
}

#navigation{
	position: absolute;
	top : 250px;
	left : 55px;
	width : 140px;
	
}


/* ###### Footer ###### */

#footer {
	background-color: transparent;
	font-size: .7em;
	margin: 0;
	padding: 1em 2.5mm 2.5ex 2.5mm;
	clear: both;
}

#footer .left {
  line-height: 1.45em;
  float: left;
  clear: left;
}

#footer .right {
  text-align: right;
  line-height: 1.45em;
}