@CHARSET "UTF-8";
/*
_____________________________________________________

QForma layout file
URL: http://www.qforma.nl
_____________________________________________________

01. ROOT
02. HEADINGS
03. TYPOGRAPHY
04. LINKS
05. FIGURES & IMAGES
06. TABLES
07. FORMS
08. NAVIGATION
09. SITE
10. GLOBAL OBJECTS
11. VENDOR SPECIFIC
12. MODERNIZR

*/

/*=============== 01. ROOT ================*/
/*=============== 02. HEADINGS ============*/

h1, h2, h3{
	font-family: ITCAvantGardeStdBkRegular, Arial, Helvetica, sans-serif;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=public/gfx/hIEfix.png,sizingMethod=crop);
   zoom: 1;
	color: #000;
	font-weight: normal;
	line-height: normal;
}

h1{
	font-size: 30px;
	color: #000;
	margin-bottom: 15px;
}

h2{
	color: #000;
	font-size: 24px;
	margin-bottom: 3px;
}

h3{
	color: #000;
	font-size: 18px;
	font-weight:
	margin-bottom: 0px;
}

h4{
	color: #3b3f3f;
	font-weight: normal;
	font-style: italic;
	color: #767c7c;
	font-size: 12px;
	margin-bottom: 0px;
}

/*=============== 03. TYPOGRAPHY ==========*/
/*
@font-face {
    font-family: 'ITCAvantGardeStdBkRegular';
    src: url('http://www.shout4sites.nl/fonts/itcavantgardestd-bk-webfont.eot');
    src: url('http://www.shout4sites.nl/fonts/itcavantgardestd-bk-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.shout4sites.nl/fonts/itcavantgardestd-bk-webfont.woff') format('woff'),
         url('http://www.shout4sites.nl/fonts/itcavantgardestd-bk-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ITCAvantGardeStdBkCnBold';
    src: url('http://www.shout4sites.nl/fonts/itcavantgardestd-demicn-webfont.eot');
    src: url('http://www.shout4sites.nl/fonts/itcavantgardestd-demicn-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.shout4sites.nl/fonts/itcavantgardestd-demicn-webfont.woff') format('woff'),
         url('http://www.shout4sites.nl/fonts/itcavantgardestd-demicn-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
*/
body{
	font-family: ITCAvantGardeStdBkRegular, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b3f3f;
	line-height: 18px;
}

.ie8 body,
.ie7 body{
	font-family: Georgia, serif;
}

/*=============== 04. LINKS ===============*/

a,
a:visited{
	color:#999999;
}



/*=============== 05. FIGURES & IMAGES ====*/

.print{
	width: 25px;
	height: auto;
	float: right;
}

/*=============== 06. TABLES ==============*/

table td{ padding-left: 0px;}

/*=============== 07. FORMS ===============*/

button, input, select, textarea {
    font-family: 'ITCAvantGardeStdBkRegular', sans-serif;
}

/*=============== 08. NAVIGATION ==========*/
/*=============== 09. SITE ================*/

/* Maps */
#container-maps {
   position: relative;
   height: 300px;
   background: #fff;
   display: block;
}

#canvas-map {
   position: relative;
   width: 100%;
   height: 300px;
   z-index: 1;
}

#route-controller{
   width: 270px;
   position: absolute;
   bottom: 20px;
   right: 20px;
   font-size: 12px;
   z-index: 10;
   padding: 10px;
   background: #2068ac;
}

#input-address{
   height: 21px;
   float: left;
   width: 150px;
   border: 0px;
}

#calcRoute{
   width: 110px;
   float: right;
   height:23px;
   padding:0 5px;
   color:#FFFFFF;
   font-size: 10px;
   font-family:inherit;
   font-weight:bold;
   background:none repeat scroll 0 0 #3B3F3F;
   border: 0px;
}

#container-directions{
   display: none;
}

/*=============== 10. GLOBAL OBJECTS ======*/
/*=============== 11. VENDOR SPECIFIC =====*/

.ie7 p,
.ie8 p{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=public/gfx/hIEfix.png,sizingMethod=crop);
	zoom:1;
}

/*=============== 08. MEDIA QUERIES =======*/

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	h1{ font-size: 36px; margin-bottom: 10px;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	h1{ font-size: 24px; margin-bottom: 5px;}
	#container-maps { display: none; }
	.print{ display: none; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) { }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	body{ font-size: 14px;}
}

/*=============== 12. MODERNIZR ===========*/