@charset "UTF-8";

.blauw {color: #0073C3}
.grijs {color: #CCCCCC}

h1, h2, h3, h4, h5, h6, p {
	font: 1.15em/1.7em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
* {	padding: 0;	margin: 0;}
body, html { height:100%; }

/*structuur*/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font: 62.5% "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background: url(../i/back_submenu.png) repeat-x 0px 128px;
}
#container {
	width: 960px;
	margin: 0 auto; 
	text-align: left;
	/*	css om de footer beneden aan de pagina te houden: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ */
	margin: 0 auto -112px; /* the bottom margin is the negative value of the footer's height */
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#header {
	height: 158px;
	margin-bottom: 10px;
}
#mainContent {
/*zie contentVastMobiel
*/}
#footer, #push /* .push must be the same height as .footer */ {
	height: 112px;
	clear: both;
}
#footer {
	background: url(../i/back_footer.png) repeat-x bottom;
}

/*header*/
#header h1 {
	left: -2000px;
	position: absolute;
}
#header #logo {
	height: 110px;
	width: 120px;
	float: left;
	display: block;
	background: url(../i/logo_vastmobiel.jpg) no-repeat;
	margin-top: 26px;
}
#logo span {display: none}

#header #geza {
	height: 84px;
	width: 250px;
	float: left;
	padding-left: 270px;
}


#g_kosten,
#g_bereikbaar,
#g_gemak {
	margin: 10px 10px 0px 0px;
	height: 50px;
	width: 50px;
	text-decoration: none;
	border-style: none;
	float: left;
	display: block;
}
#g_kosten {	background: url(../i/icons_geza.jpg) 0px 0px}
#g_bereikbaar {	background: url(../i/icons_geza.jpg) -50px 0px}
#g_gemak {	background: url(../i/icons_geza.jpg) -100px 0px}

#g_kosten:hover {background: url(../i/icons_geza.jpg) 0px -50px}
#g_bereikbaar:hover {background: url(../i/icons_geza.jpg) -50px -50px}
#g_gemak:hover {background: url(../i/icons_geza.jpg) -100px -50px}

#g_kosten span {display: none}
#g_bereikbaar span {display: none}
#g_gemak span {display: none}

#header #nav_boven {
	height: 84px;
	width: 300px;
	float: right;
}

#container #header #nav {
	height: 74px;
	width: 828px;
	float: left;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: left;
}



/*footer*/
#footer #webdesign {
	width: 960px;
	margin: 0 auto;
	text-align: right;
}
#footer #webdesign p {
	font: 9px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #555;
	letter-spacing: 0.1em;
	margin-right: 30px;
	padding-top: 4px;
	background: bottom;
}
#footer #webdesign a:link, #footer #webdesign a:visited {
	color: #555;
	border-bottom: 1px dotted #555;
	text-decoration: none;
}
#footer #webdesign a:hover, #footer #webdesign a:active {
	color: #777;
	border-bottom: 1px dotted #777;
	text-decoration: none;
}

/*quote algemeen*/

#footer #vm_quote {	background: url(../i/quote.png) no-repeat; text-align: left; width: 960px; height: 78px; margin: 0 auto; padding-top: 10px;}
#footer #vm_quote_2 p {	font: 1.3em/1.6em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #FFFFFF; text-align: left;	margin-right: 12px;	margin-left: 40px;}
#footer #vm_quote #vm_quote_2 a:link, #footer #vm_quote #vm_quote_2 a:visited {color: #000; text-decoration: none; border-bottom: 1px dotted #000;}
#footer #vm_quote #vm_quote_2 a:hover, #footer #vm_quote #vm_quote_2 a:active {color: #fff; text-decoration: none; border-bottom: 1px dotted #FFFFFF;}
#footer #vm_quote_2 img {float: right; height: 66px; width: 66px; margin-left: 35px;}
#footer #vm_quote_2 h1,
#footer #vm_quote_2 h2,
#footer #vm_quote_2 h3 {font: bold 1.15em/1.2em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;	text-align: right; margin-top: 10px;	margin-left: 12px;	margin-right: 12px;}



/*algemeen*/

.fltrt {float: right; margin-left: 8px;}
.fltlft {float: left; margin-right: 8px;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
html {overflow-y: scroll;}