/* ----- BASIC STYLESHEET ELEMENTS ----- */

body {
	background-color: #FFFFFF;
	background-image: url(../images/page_elements/body.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	/*overflow: auto;*/
	text-align: center;
	height: 100%;
}

table {
	background-color: transparent;
	border: none;
}

td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	color: #666666;
}

table.openingsuren {
	width: 270px;
	border-collapse: collapse;
}

table.openingsuren tr {
	vertical-align: top;
}

table.openingsuren td {
	width: 90px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

table.brands {
	background-color: transparent;
	border: none;
	width: 345px;
	margin-bottom: -10px;
}

table.brands tr {
	vertical-align: top;
}

table.brands td {
	width: 115px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

table.form {
	width: 500px;
	height: auto;
	border-collapse: collapse;
}

table.form tr {
	vertical-align: middle;
}

table.form tr.message {
	vertical-align: top;
}

table.form td.formtitle {
	width: 160px;
}

table.form td.formfields {
	width: 340px;
}

a:link, a:visited, a:active {
	color: #8FD400;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #8FD400;
	text-decoration: underline;
	font-weight: bold;
}

a.topnav:link, a.topnav:visited, a.topnav:active {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
}

a.topnav:hover {
	color: #5E6167;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 6px;
	color: #666666;
	line-height: 150%;
}

.invert {
	color: #FFFFFF;
}

.small {
	font-size: 10px;
	margin-bottom: 6px;
}

.large {
	font-size: 14px;
	margin-bottom: 10px;
}

.light_text {
	color: #CCCCCC;
}

.dark_text {
	color: #000000;
}

.glow {
	color: #8FD400;
}

.bold_text {
	font-weight: bold;
}

.italic_text {
	font-style: italic;
}

.bold_italic_text {
	font-style: italic;
	font-weight: bold;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.caps {
	font-variant: small-caps;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #8FD400;
	font-weight: bold;
	/*margin-bottom: -10px;*/
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8FD400;
	font-weight: bold;
	/*margin-bottom: -5px;*/
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	/*margin-bottom: -5px;*/
}

hr {
	width: 100%;
	height: 1px;
	color: #8FD400;
	text-align: left;
}

ul {
	margin-left: 23px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
	padding: 0px;
}

li {
	list-style-image: url(../images/bullet.gif);
	line-height: 130%;
	margin-bottom: 6px;
	color: #666666;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #EEEEEE;
	border: solid #666666 1px;
	margin-bottom: 3px;
	width: 200px;
}

input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	background-color: #EEEEEE;
	border: solid #666666 1px;
	margin-bottom: 3px;
	cursor: hand;
	width: 120px;
}

input.radio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: transparent;
	border: none;
	margin-bottom: 3px;
	width: auto;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #EEEEEE;
	border: solid #666666 1px;
	width: 200px;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #EEEEEE;
	border: solid #666666 1px;
	overflow: auto;
	margin-bottom: 3px;
	width: 260px;
	height: 150px;
}

img {
	border: 0px;
}

img.border {
	border: 1px solid #666666;
}

img.no_margins {
	border: 0px;
}

img.no_margins_border {
	border: 1px solid #6089B5;
}

img.left_align {
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 20px;
	float: left;
}

img.right_align {
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 40px;
	margin-right: 0px;
	float: right;
}

img.left_align_border {
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 40px;
	border: 1px solid #666666;
	float: left;
}

img.right_align_border {
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 0px;
	border: 1px solid #666666;
	float: right;
}

img.gallery {
	border: 0px;
	cursor: hand;
	vertical-align: bottom;
}

img.navspacer {
	vertical-align: middle;
}

object {
	margin: 0px;
	padding: 0px;
}

embed {
	margin: 0px;
	padding: 0px;
}

div.gallery {
	position: relative;
	width: auto;
	height: auto;
	margin-right: 5px;
	display:-moz-inline-stack;
	display: inline-block;
	zoom: 1;
	* display: inline;
	white-space: nowrap;
}

div.number {
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 9999;
	font-size: 10px;
	font-weight: bold;
}

/* ----- LAYOUT ELEMENTS ----- */

#page_container {
	background-color: transparent;
	background-image: url(../images/page_elements/background.gif);
	width: 954px;
	height: 600px;
	text-align: left;
	margin: auto;
	position: relative;
	top: 25px;
	margin-bottom: 25px;
}

#highlight {
	background-color: transparent;
	width: 700px;
	height: 35px;
	text-align: right;
	position: absolute;
	top: 85px;
	right: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	color: #8FD400;
	z-index: 99;
}

#base_content {
	display: none;
}

#header {
	background-color: transparent;
	background-image: url(../images/page_elements/header.gif);
	width: 940px;
	height: 72px;
	text-align: left;
	position: absolute;
	top: 15px;
	left: 2px;
}

#footer {
	background-color: transparent;
	width: 940px;
	height: 30px;
	text-align: right;
	position: relative;
	top: 0px;
	left: 0px;	
}

#logo {
	background-color: transparent;
	width: 286px;
	height: 73px;
	position: absolute;
	top: -7px;
	left: 710px;
}

#topnav {
	background-color: transparent;
	width: 740px;
	height: 30px;
	position: absolute;
	top: 21px;
	left: 10px;
	z-index: 99;
}

#content {
	background-color: #FFFFFF;
	background-image:url(../images/page_elements/content.gif);
	background-repeat: no-repeat;
	width: 603px;
	height: 420px;
	text-align: left;
	position: absolute;
	top: 130px;
	left: 25px;
	padding: 10px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #5E6167;
	scrollbar-shadow-color: #5E6167;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-arrow-color: #5E6167;
	scrollbar-track-color: #FFFFFF;
}

div.content_container {
	position: relative;
	width: 95%;
	height: auto;
	clear: both;
	padding: 10px;
}

#homepage_content {
	background-color: #FFFFFF;
	background-image:url(../images/page_elements/content.gif);
	background-repeat: no-repeat;
	width: 280px;
	height: 420px;
	text-align: left;
	position: absolute;
	top: 130px;
	left: 25px;
	padding: 10px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #5E6167;
	scrollbar-shadow-color: #5E6167;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-arrow-color: #5E6167;
	scrollbar-track-color: #FFFFFF;
}

#homepage_intro {
	background-color: transparent;
	width: 320px;
	height: 420px;
	text-align: left;
	position: absolute;
	top: 135px;
	left: 330px;
}

#gallery_image {
	background-color: transparent;
	width: 420px;
	height: 280px;
	position: absolute;
	top: 5px;
	right: 5px;
	/*border: 1px solid #666666;*/
	text-align: center;
	vertical-align: middle;
}

#gallery_text {
	background-color: transparent;
	width: 170px;
	height: 280px;
	position: absolute;
	top: 0px;
	left: Opx;
}

#image {
	background-color: transparent;
	width: 250px;
	height: 280px;
	position: absolute;
	top: 5px;
	right: 5px;
	border: 1px solid #666666;
	text-align: center;
	vertical-align: middle;
}

#text {
	background-color: transparent;
	width: 345px;
	height: 280px;
	text-align: left;
	position: absolute;
	top: 0px;
	left: 0px;
	/*overflow-y: auto;*/
}

#gallery {
	background-color: transparent;
	width: 535px;
	height: 110px;
	position: absolute;
	bottom: 5px;
	right: 5px;
	padding: 5px;
	border: 1px solid #666666;
	overflow: auto;
	overflow-y: hidden;
	overflow-x: scroll;
	white-space: nowrap;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #5E6167;
	scrollbar-shadow-color: #5E6167;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-arrow-color: #5E6167;
	scrollbar-track-color: #FFFFFF;
}

#title {
	background-color: transparent;
	width: 50px;
	height: 420px;
	text-align: center;
	position: absolute;
	top: 120px;
	left: 655px;
}

#messages {
	background-color: transparent;
	/*background-color: #DDDDDD;
	background-image: url(../images/page_elements/messages.gif);*/
	width: 200px;
	height: 390px;
	text-align: center;
	position: absolute;
	top: 125px;
	left: 710px;
	padding: 10px
}

#animation {
	background-color: #DDDDDD;
	width: 220px;
	height: 425px;
	text-align: center;
	position: absolute;
	top: 125px;
	left: 710px;
}

#musicplayer {
	background-color: #5E6167;
	width: 220px;
	height: 25px;
	text-align: center;
	position: absolute;
	top: 540px;
	left: 710px;	
}

#thumbnails {
	background-color: transparent;
	width: 300px;
	height: 90px;
	text-align: left;
	position: absolute;
	bottom: 7px;
	left: 9px;
}

/* ----- STYLESHEET ITEMS FOR TREEMENU ----- */

.treemenu {
	list-style: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

.treemenu ul {
	list-style: none;
	list-style-image: none;
}

.treemenu li {
	list-style: none;
	list-style-image: none;
	float: left;
}

.treemenu ul.sublevel {
	margin-top: 2px;
}

.treemenu li.sublevel {
	list-style: none;
	margin-bottom: 0px;
	margin-left: -20px;
	list-style-image: none;
	float: none;
}

.treemenu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
}

.treemenu a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
}

.treemenu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
}

.treemenu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	color: #5E6167;
}

.treemenu a.sublevel:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 600;
	text-decoration: none;
	color: #DDDDDD;
}

.treemenu a.sublevel:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 600;
	text-decoration: none;
	color: #DDDDDD;
}

.treemenu a.sublevel:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 600;
	text-decoration: none;
	color: #DDDDDD;
}

.treemenu a.sublevel:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 600;
	text-decoration: none;
	color: #8FD400;
}

/* ----- END STYLESHEET ----- */