/*
With this css file i'm trying to maintain a certain level 
of consistency in the way web items are formatted.
So, some of the styles will only contain codes to format 
font type, colors, etc, while others will only contain 
codes for positioning and scaling, etc.
*/

/*
--------------
DEFAULT STYLES
--------------
*/
body
{
	background: url("../images/bck.png") repeat-x #000000;
	color: #ff9900;
	font: 0.7em "Arial" sans-serif;
}
a:link
{
	color: purple;
	text-decoration: none;
}
a:visited
{
	color: purple;
	text-decoration: none;
}
a:active
{
	color: purple;
	text-decoration: none;
}
a:hover
{
	color: white;
	text-decoration: none;
}
h1
{
	color: #0070c0;
	font: 3.0em "Arial" sans-serif;
	white-space: nowrap;
	
}
h2
{
	color: #0070c0;
	font: 2.1em "Arial" sans-serif;
	white-space: nowrap;
}
h3
{
	color: #0070c0;
	font: 1.4em "Arial" sans-serif;
	white-space: nowrap;
}
h4
{
	color: #0070c0;
	font: 0.7em "Arial" sans-serif;
	white-space: nowrap;
}
img
{
	border: 0px;
}
table
{
	height: 100%;
	width: 85%;
}
td
{
	
}
th
{
	
}

/*
---------------
CONSUMER STYLES
---------------
To date, there are no special styles for the consumer part of the site yet.
*/

/*
-----------
CITY STYLES
-----------
*/
h1.city
{
	color: #0070c0;
	font: 2.1em "Arial" sans-serif;
}
h2.city
{
	color: #0070c0;
	font: 1.6em "Arial" sans-serif;
}
h3.city
{
	color: #0070c0;
	font: 1.0em "Arial" sans-serif;
	font-style: italic;
}
h4.city
{
	color: #0070c0;
	font-family: "Arial";
	font-size: 10pt;
	font-style: bold;
}
td.city1
{
	background-image: url("../images/skyline.png");
	background-repeat: no-repeat;
	background-position: center left;
	border: 1 solid gray;
	height: 90%;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}
td.city2
{
	border: 1 solid gray;
	height: 90%;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}
td.city3
{
	background-image: url("../images/carline.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	border: 1 solid white;
	padding: 0px;
}
td.city4
{
	background-image: url("../images/huftertje.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	border: 1 solid white;
	padding: 0px;
}
td.city5
{
	background-image: url("../images/congres.png");
	background-repeat: no-repeat;
	background-position: bottom center;
	border: 1 solid white;
	padding: 0px;
}

/*
-----------
MENU STYLES
-----------
*/
a.menu:link
{
	color: #ff9900;
	text-decoration: none;
}
a.menu:visited
{
	color: #ff9900;
	text-decoration: none;
}
a.menu:active
{
	color: #ff9900;
	text-decoration: none;
}
a.menu:hover
{
	color: white;
	text-decoration: none;
}
h4.menu
{
	text-align: center;
	white-space: nowrap;
}
td.menu
{
	background: url("../images/bck_menu.png") repeat-x left top;
	height: 32px;
	text-align: center;
	width: 25%;
}

/*
-----------------
NAVIGATION STYLES
-----------------
*/
a.navigation:link
{
	color: #0070c0;
	text-decoration: none;
}
a.navigation:visited
{
	color: #0070c0;
	text-decoration: none;
}
a.navigation:active
{
	color: #0070c0;
	text-decoration: none;
}
a.navigation:hover
{
	color: white;
	text-decoration: none;
}
h2.navigation
{
	color: yellow;
	font-size: 24pt;
}
td.navigation
{
	height: 90%;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 5px;
	vertical-align: top;
}

/*
------------
INDEX STYLES
------------
*/
h1.index
{
	color: #ff9900;
	font: 3.0em "Arial" sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
h2.index
{
	color: #0070c0;
	font: 2.0em "Arial" sans-serif;
	letter-spacing: 13px;
}
td.index
{
	height: 15%;
	vertical-align: bottom;
	width: 50%;
}
th.index
{
	text-align: center;
	vertical-align: middle;
}

/*
-----------------
ADDITIONAL STYLES
-----------------
*/
table.additional
{
	border: 0px solid #FFFFFF;
	font-size: 10pt;
	height: 100%;
	padding: 0px;
	width: 75%;
}
td.additional
{
	font-size: 10pt;
	padding-left: 15px;
}

td.footer
{
	height: 1%;
	text-align: center;
	vertical-align: bottom;
	width: 100%;
}
/*-----Logo table cells-----*/
th.logo
{
	height: 10%;
	text-align: center;
	vertical-align: top;
	width="100%;
}