body
{
	margin:0;
	background:url('../images/bg.gif') top center;
	font:67.5% Verdana, Arial, sans-serif;
	scrollbar-arrow-color:#FFF; /*IE only*/
	scrollbar-track-color:#ED1B2F;
	scrollbar-face-color:#F9AFB6;
	scrollbar-highlight-color:#F9AFB6;
	scrollbar-3dlight-color:#F9AFB6;
	scrollbar-darkshadow-color:#F9AFB6;
	scrollbar-shadow-color:#F9AFB6;
}
.nobr {display:inline-block;}

/*
 * CONTAINER
 * with rounded corners
 */
#container {
	position:relative;
	margin:15px auto;
	width:900px;
	height:570px;
}
#container_tl, #container_tr, #container_bl, #container_br
{
	position:absolute;
	width:50px;
	height:50px;
}
#container_tl
{
	top:0;
	left:0;
	background:url('../images/roundedcornr_tl.gif');
	z-index:1;
}
#container_tr
{
	top:0;
	right:0;
	background:url('../images/roundedcornr_tr.gif');
	z-index:2;
}
#container_bl
{
	bottom:0;
	left:0;
	background:url('../images/roundedcornr_bl.gif');
	z-index:3;
}
#container_br
{
	bottom:0;
	right:0;
	background:url('../images/roundedcornr_br.gif');
	z-index:4;
}
#container_top, #container_bottom
{
	position:absolute;
	left:50px;
	width:800px;
	height:50px;
	background:url('../images/container_bg.gif');
}
#container_top {top:0; z-index:5;}
#container_bottom {bottom:0; z-index:6;}
#container_bg
{
	position:absolute;
	left:0;
	top:50px;
	width:100%;
	height:470px;
	background:url('../images/container_bg.gif');
	z-index:7;
}

/*
 * HEADER
 * Logo and city name
 */
#logo
{
	display:block;
	position:absolute;
	left:20px;
	top:20px;
	width:219px;
	height:57px;
	background:url('../images/logo_delunchkaart.gif') top left no-repeat;
	z-index:101;
}
#logo h1, #bar span {display:none;}
#bar
{
	display:block;
	position:absolute;
	left:20px;
	top:84px;
	width:219px;
	height:57px;
	background:url('../images/bar.gif') top left no-repeat;
	z-index:104;
}
html>body #city
{
	display:block;
	position:absolute;
	left:250px;
	top:16px;
	width:90px;
	height:90px;
	background:url('../images/circle.png') top left no-repeat;
	z-index:103;
}
#city h2 {display:none;}
html>body #city div
{
	position:absolute;
	top:0;
	left:0;
	width:90px;
	height:90px;
	background:top left no-repeat;
}
html>body #city.city_1 div {background-image:url('../images/city_utrecht.png');}
html>body #city.city_2 div {background-image:url('../images/city_eindhoven.png');}
html>body #city.city_3 div {background-image:url('../images/city_maastricht.png');}
html>body #city.city_4 div {background-image:url('../images/city_denhaag.png');}
html>body #city.city_5 div {background-image:url('../images/city_denbosch.png');}
html>body #city.city_6 div {background-image:url('../images/city_haarlem.png');}
html>body #city.city_7 div {background-image:url('../images/city_amsterdam.png');}
html>body #city.city_8 div {background-image:url('../images/city_rotterdam.png');}

/*
 * NAVIGATION
 * Other cities
 */
#nav
{
	position:absolute;
	font-size:1.2em;
	line-height:1.3em;
	color:#FFF;
	top:30px;
	left:400px;
	width:480px;
	z-index:201;
}
#nav h3
{
	margin:0;
	padding:0;
	font-size:1em;
	color:#22B7D2;
}
#nav ul, #nav ul li
{
	list-style-type:none;
	margin:0;
	padding:0;
}
#nav ul li
{
	float:left;
	width:120px;
}
#nav ul li a
{
	text-decoration:none;
	color:#FFF;
}
#nav ul li a.active {font-style:italic;}
html>body #nav ul li a.active {font-style:normal !important;}
#nav ul li a:hover {text-decoration:underline;}

/*
 * SIDEBAR
 */
#sidebar
{
	position:absolute;
	top:120px;
	left:20px;
	width:168px;
	height:420px;
	padding:0 20px 0 0;
	overflow:auto;
	z-index:301;
}
#sidebar p.header_ads
{
	font-style:italic;
	font-size:.8em;
}
#sidebar p
{
	font-size:1.1em;
	color:#FFF;
}
#sidebar p a
{
	display:inline-block;
	margin-bottom:1px;
	border-bottom:1px dotted #DDD;
	text-decoration:none;
	color:#FFF;
}
#sidebar .address {font-size:.8em;}

/*
 * MAP AND OTHER MAIN CONTENT
 */
#map
{
	position:absolute;
	top:120px;
	left:220px;
	width:650px;
	height:420px;
	z-index:901;
}
.map_balloon
{
	margin-top:0;
	width:300px;
}
.map_big_balloon {min-height:133px;}
.map_balloon a
{
	color:#ED1B2F;
}
#txt
{
	position:absolute;
	top:200px;
	left:20px;
	width:860px;
	height:340px;
	z-index:902;
	text-align:center;
}
#txt_col1
{
	position:absolute;
	top:120px;
	left:20px;
	width:600px;
	height:420px;
	z-index:903;
	text-align:left;
	overflow:auto;
}
#txt_col2
{
	position:absolute;
	top:120px;
	left:660px;
	width:220px;
	height:420px;
	z-index:904;
	text-align:left;
}
#txt h2, #txt_col1 h2
{
	font-size:1.5em;
	color:#22B7D2;
}
#txt_col2 h3
{
	font-size:1.3em;
	color:#22B7D2;
}
#txt p
{
	font-size:1.5em;
	line-height:1.6em;
	color:#FFF;
}
#txt_col1 p, #txt_col1 ol li
{
	font-size:1.2em;
	line-height:1.3em;
	color:#FFF;
}
#txt_col2 p
{
	font-size:1.1em;
	line-height:1.3em;
	color:#FFF;
}
#txt p a, #txt_col1 p a, #txt_col2 p a
{
	border-bottom:1px dotted #DDD;
	text-decoration:none;
	color:#FFF;
}

/*
 * FOOTER
 */
#footer
{
	position:relative;
	font-size:1em;
	color:#FFF;
	top:548px;
	left:0px;
	width:100%;
	text-align:center;
	z-index:401;
}
#footer a
{
	text-decoration:none;
	color:#FFF;
}
#footer a:hover {text-decoration:underline;}

/*
 * FORM
 */
input
{
	width:250px;
}
textarea
{
	width:350px;
}
input.button {width:auto;}
form table tr td
{
	font-size:1.1em;
	color:#FFF;
}
form table tr td.label
{
	width:150px;
	padding-top:5px;
	vertical-align:top;
}
span.validation_error
{
	font-style:italic;
	font-weight:700;
}