/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@
   @@         LAYOUT          @@
   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

body
{
	background-image: url(images/bg_main.gif);
	text-align: center;
}
table
{
	border: none;
}
.td_h1
{
	border: 1px solid #000000;
	background-color: #666666;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.td_h2
{
	border: 1px solid #000000;
	background-color: #CCCCCC;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.thinborder
{
	border: 1px solid #000000;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@
   @@          FONTS          @@
   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	list-style-image: url(images/list_item.gif);
}
h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0099FF;
}
.smalltext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.tinytext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.redtext
{
	color: #F00;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@
   @@          FORMS          @@
   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

input
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 200px;
	border: 1px solid #000000;
}
.input_medium
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 80px;
	border: 1px solid #000000;
}
.input_small
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 40px;
	border: 1px solid #000000;
}
.button
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: auto;
	border: 1px solid #FFFFFF;
}
.input_image
{
	width: 40px}
.checkbox
{
	background: transparent;
	border: 0px;
	height: 16px;
	width: auto;
	width: auto;
}
select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 200px;
	border: 1px solid #000000;
}
.select_medium
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 80px;
	border: 1px solid #000000;
}
.select_small
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 40px;
	border: 1px solid #000000;
}
.select_auto
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: auto;
	border: 1px solid #000000;
}
textarea
{
}


#main
{
	position: relative;
	width: 700px;
}
#main_table
{
	float: right;
	position: relative;
}
#logo
{
	position: absolute;
	float: left;
	left: -12px;
	width: 200px;
	height: 115px;
	z-index: 1;
}
#adres
{
	position: absolute;
	float: left;
	left: 0px;
	width: 172px;
	top: 210px;
	z-index: 3;
	text-align: left;
}
#openingsuren
{
	position: absolute;
	float: left;
	left: 0px;
	width: 172px;
	top: 325px;
	z-index: 3;
	text-align: left;
}
#nieuws
{
	position: absolute;
	float: left;
	left: 0px;
	width: 172px;
	top: 365px;
	z-index: 3;
	text-align: left;
}

.nieuwstabel_left
{
	background-image: url(images/nieuwskolom_left.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 17px;
}
.nieuwstabel_right
{
	background-image: url(images/nieuwskolom_right.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 17px;
}
.nieuwstabel
{
	background-image: url(images/nieuwskolom_bg.gif);
	height: 17px;
}
.nieuwstabel_bottom
{
	background-image: url(images/nieuwskolom_bottom.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 6px;
}
.nieuwstabel_main
{
	background-color: #FFFFFF;
}

.adrestabel_top
{
	background-image: url(images/adreskolom_top.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 6px;
}
.adrestabel_bottom
{
	background-image: url(images/nieuwskolom_bottom.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 6px;
}
.adrestabel_main
{
	background-color: #FFFFFF;
	background-image: url(images/bg_adres.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.menu_left
{
	background-image: url(images/menubalk_left.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 24px;
}
.menu_right
{
	background-image: url(images/menubalk_right.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 24px;
}
.menu
{
	background-image: url(images/menubalk_bg.gif);
	height: 24px;
}
.content
{
	background-color: #FFFFFF;
	background-image: url(images/watermerk.gif);
	background-position: center;
	background-repeat: no-repeat;
}
.bottom
{
	background-image: url(images/main_bottom.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 57px;
}

.blackborder_left
{
	background-color: #FFFFFF;
	background-image: url(images/blackborder.gif);
	background-position: left;
	background-repeat: repeat-y;
	width: 2px;
}
.blackborder_right
{
	background-color: #FFFFFF;
	background-image: url(images/blackborder.gif);
	background-position: right;
	background-repeat: repeat-y;
	width: 2px;
}
.blackborder_thin_left
{
	background-color: #FFFFFF;
	background-image: url(images/blackborder_thin.gif);
	background-position: left;
	background-repeat: repeat-y;
	width: 2px;
}
.blackborder_thin_right
{
	background-color: #FFFFFF;
	background-image: url(images/blackborder_thin.gif);
	background-position: right;
	background-repeat: repeat-y;
	width: 2px;
}