﻿@media screen {
body															{	background-color: #E71803; font-family:verdana,helvetica,arial,sans-serif; font-size:12px; margin:20px;}
a 																{ color:#fff;}
a:hover 													{ text-decoration:none;}
a.button													{ display:block; float:right; clear:both; background-image:url(/images/list_right.gif); background-position:0 5px; background-repeat:no-repeat; padding:0 0 0 8px;}h1 																{ font-size:1.8em;}
div#container											{ width:720px;}

div#header												{	width:860px; overflow:hidden;}
div#header address								{ color:#ffffff; font-weight:normal; font-style:normal; float:left; margin:7px 20px 0 0; padding-bottom:20px;}
*html #header address 						{ margin-top:2px;}
div#header address strong					{ font-size:13px;}

div#route 												{	color: #000000;	font-weight:bold;}
div#route img 										{ display:none;}

div#route td 											{ background-color: #E71803; color:#FFFFFF; font-weight:normal;}        
div#route table 									{	background-color: #E71803; color: #FFFFFF;}        

div#formulier 										{ width:340px; float:left;}
#formulier .field 								{ clear:both; margin-bottom:5px; overflow:hidden; zoom:1;}
#formulier .field label 					{ display:block; float:left; font-weight:bold; margin-top:4px;}
#formulier label       						{ font-weight:bold; cursor:pointer;}
#formulier fieldset    						{ border:none;}
#formulier legend      						{ display:none;}
#formulier input									{ padding:.3em; vertical-align:middle; float:right;}
#formulier input.text							{ border:1px solid #bbb; background:#f6f6f6; border:1px solid #bbb; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; }
#formulier input.text:focus				{ background:#fff; border:1px solid #999; }
	
#map															{ background-color: #FFFFFF; width:420px; height:360px; margin:10px 10px 0 0;	float:left;	clear:both;	border: 1px solid black;}
#routeinfo												{ display:none;}
#route														{	background-color: #E71803; width:260px; height:380px; float:left; margin-top:-4px; overflow:-moz-scrollbars-vertical;	overflow-x:hidden; overflow-y:scroll;}
#print 														{ clear:both; float:left; width:100px;}
#logo															{ display:none;}
}

@media print 
{

* 											{ background-color:white !important; background-image:none !important; margin:0; font-family:verdana,helvetica,arial,sans-serif;}
body 										{ margin:0; padding:0; background:none; color:#000; font:normal 10pt/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1,h2,h3,h4,h5,h6 			{ font-family: "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif; }
h1											{ font-size:14pt;}
a img 									{ border:none; }
/* float: none; for all floated elements */
#container							{ float:none !important; }
#map 										{ text-align:center; background-color: #FFFFFF; width:420px; height:450px; float:none !important;}
#routeinfo 							{ display:block; float:none !important;}
#route									{	background-color: #E71803; width:600px; border: 0px solid #000000; float:none !important;}
#print									{	display:none;}
div#header							{	display:none;}
#logo										{	display:block; text-align:center; width:200px; float:right;}
}