/**********************************************
STANDAARD ELEMENTEN
**********************************************/
td{font-size: 12px; }
html				{}
body				{color: #000000; font-size: 12px; line-height:20px; font-family: Arial;}
body.site			{color: #cccccc; font-size: 12px; line-height:20px; font-family: Arial; background: #000;} 
img					{border:0px;}
p					{margin:10px 0px 0px 0px;}
ul					{margin:0px; padding:0px; list-style: none;}
ol					{font-size: 11px;}
li					{font-size: 11px;}
a.shops				{font-size: 12px; padding-bottom: 3px; margin-bottom: 0px; font-weight: bold; display: block; width: 155px;}
img					{border:0px; padding:0px;}
.clearfix			{clear:both; height:0px; line-height:0px; font-size:0px;}
span 				{line-height:normal}
input[type='text']	{height: 18px; padding: 0px; background: #000000; border: 1px solid #333333;}	
textarea					{background: #000000; border: 1px solid #333333;}
input.submit 		{border: 1px solid #333; background: url(../images/navbar.gif) repeat-x left top; color: #CCC; height: 29px;}

/**********************************************
LINKS
**********************************************/
a:visited, a:active, a:link							{ outline: none; color:#CCC;text-decoration:underline;font-weight: normal;}
a:hover												{color:#fff;}
.wit a:hover, .wit a:visited, .wit a:active, .wit a:link		{ color:#FFF; text-decoration:underline; }

a.subnav		{vertical-align: top; color: #ffffff; font-size: 10px; padding-top:0px; padding-bottom: 0px; padding-left: 5px; padding-right: 4px; }
 a.subnav:hover{color: #CCC;}
 
 a.subnav2		{text-decoration:none; vertical-align: top; color: #cccccc; font-size: 10px; padding-top:0px; padding-bottom: 0px; padding-left: 5px; padding-right: 4px; }
 a.subnav2:hover{color: #ffffff;}

a.hoofdnav		{text-decoration:none; font-size: 10px; width: auto; float: left; display: block; height: 21px; padding: 8px 21px; color: #CCC;}
	a.hoofdnav:hover{background: url(../images/navbar_ov.gif) repeat-x left top; color: #333;}
	a.hoofdnav_ov	{text-decoration:none; font-size: 10px; width: auto; float: left; display: block; height: 21px; padding: 8px 21px; background: url(../images/navbar_ov.gif) repeat-x left top; color: #333;}

a.homebutton		{text-decoration:none; width: 132px; height: 106px; display: block; margin-left: 6px !important;  margin-left: 4px;margin-right: 2px; float: left; background: url(../images/button.jpg) no-repeat left top;}
a.homebutton:first-child		{padding: 0px;margin-left: 5px !important; margin-left: -5px; margin-right: 2px !important;  margin-right: 0px;}
	a.homebutton:hover		{background: url(../images/button_ov.jpg) no-repeat left top;}	
/**********************************************
MAIN DIVS
**********************************************/
img.hover 					{}

#main						{width: 100%; height: 100%; position:absolute; left: 0px; top: 0px; background: url(../images/grad.jpg) repeat-x left bottom;}
	#top					{width: 100%; height: 152px; background: url(../images/logo.jpg) no-repeat center center;}
		#menu2				{width: 100%; height: 18px; border-bottom: 1px solid #4d4d4d; margin-bottom: 1px; padding-top: 132px;}
			#nav2			{position: relative; left: 50%; margin-left: 169px; width: 302px; height: 16px; overflow: hidden; padding-top:2px; padding-left: 10px; padding-right: 10px;background: url(../images/nav2.jpg) no-repeat left 4px;}
			#nav2 a			{text-decoration: none;}
	#menu					{width: 100%; height: 37px; border-bottom: 1px solid #5a5a5a; border-top: 1px solid #5a5a5a; background: url(../images/navbar.gif) repeat-x left top;}
		#nav				{width: 980px; position: relative; left: 50%; margin-left: -490px; height: 37px;}
	#cholder				{height: auto; width: 100%;}
		#slideshow			{height: 420px; width: 980px; overflow: hidden;}
		#content			{height: auto; min-height: 420px; _height: 420px; width: 980px; position: relative; left: 50%; margin-left: -490px;padding-bottom: 40px;}
			#crumbs			{height: 19px; width: 980px; margin: 10px 0px;font-size: 10px;}
			#output			{height: auto; width: 980px;}
			#slideholder	{width: 380px; height: 100%; float: right; padding-left: 20px;}
			#slides			{width: 378px; height: 252px; overflow: hidden;}
			#slides2		{width: 378px; height: 252px; overflow: hidden;}
			#pager			{width: 380px; height: 55px; padding: 0px 0px; margin: 5px 0px; overflow: hidden;}
			#page			{width: 380px; height: 55px; }
			#page li 		{width: 380px; height: 55px; margin: 0px; padding: 0px 0px; list-style: none;outline: none; float: none; overflow: hidden; border: none;vertical-align:bottom;}
			#page a 		{width: 74px; display: block; height: 55px; float: left; padding: 0px 1px; margin: 0px;overflow: hidden;vertical-align:bottom;}
			#page a.activeSlide { border: none; padding: 0px 1px; margin: 0px; outline: none;}
			#page a:focus 	{outline: none;border: none; padding: 0px; margin: 0px;  }
			#page img 		{border: none; display: block; margin: 0px; padding: 0px;vertical-align:bottom;}
			#contact		{position: absolute; left: 0px; top: 0px; height: 400px; width: 0px; background: #000000; z-index: 1000; overflow: hidden; }
			#gMap			{position: absolute; left: 0px; top: 0px; height: 400px; width: 0px; background: #000000; z-index: 1000; overflow: hidden; }
			#mapcanvas		{height: 360px; width: 540px; margin: 20px;}
			#links			{position: absolute; left: 0px; bottom: 15px; height: 20px; font-size: 10px;}
			#newsflash		{width: 22px; height: 398px; overflow: hidden; position: absolute; left: 0px; top: 12px; z-index: 1000;}
				#newscontent	{background: #1a1617; width: 235px; height: 398px; position: absolute; right: 22px;}
				a.newsopener	{background: url(../images/newsflashclosed.png) no-repeat left top; text-indent: 1000px; display: block; width: 22px; height: 398px; position: absolute; right: 0px;}
				a.flashOpen		{background: url(../images/newsflashopen.png) no-repeat left top; }
				
				div.flashblok	{border-top: 1px solid #333333; padding: 8px 5px;font-size: 10px; line-height: 15px;}
				div.flashblok	h4	{color: #cc00cc; margin: 0px; font-size: 11px; padding: 0px;}
				div.flashBlack	{background: #000000;}
				div.flashblok	a	{display: block; font-size: 11px; font-weight: bold; padding-right: 10px; margin-top: 3px; text-decoration: none; background: url(../images/arrow.gif) no-repeat 70px center;}
				
				a.gotonews		{display: block; font-size: 11px; border-top: 1px solid #333333; font-weight: bold; text-indent: 5px; padding-right: 10px; padding-top: 7px; text-decoration: none; background: url(../images/arrow.gif) no-repeat 120px 15px;}
				
	#extra					{width: 100%; height: 106px; padding-bottom: 10px;  margin-top: 6px;}
		#home				{height: 106px; width: 980px; position: relative; left: 50%; margin-left: -490px;}
			#locator		{position: relative; z-index: 101;float: left;height: 106px; width: 410px;padding: 0px 5px 0px 5px; border-right: 1px solid #666666; background: url(../images/locator.jpg) no-repeat left top;}
			#homebuttons	{height: 106px; width: 559px; float: left; overflow: hidden;}
	#footer					{height: 20px; padding: 10px 0px; width: 100%; border-top: 1px solid #333333; position: relative;}
	#footer2				{position: absolute; top: 740px; left: 0px; padding: 10px 0px; width: 100%; border-top: 1px solid #333333;}
		#logo				{height: 70px; width: 93px; position:relative; left: 50%; margin-left: -47px; background: url(../images/logo.png) no-repeat center center;}
		#nav3				{height: 20px; width: 250px; position:absolute; left: 50%; margin-left: 230px; top: 17px;}
		#nav4				{height: 20px; width: 250px; position:absolute; left: 50%; margin-left: 230px; top: 757px; z-index: 100; color: #cccccc;}
/**********************************************
COLLUMS
**********************************************/

	
.collums	{width: 184px; height: 350px; overflow: hidden; background: #666; position: relative;}
	
/**********************************************
FORM ELEMENTS
**********************************************/
input, textarea, select{color: #cccccc; font-size: 11px; line-height:13px; font-family:Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
input, textarea, select{ padding:4px; }
textarea{ line-height:18px; }

/**********************************************
TBMODULE
**********************************************/
.tbmodule{ background-color:#ea0082; color:#FFF; padding:20px; margin:15px 0px 15px 0px; text-align:center; font-weight:bold; border:dotted 1px #000000; }

/**********************************************
IMAGES VANUIT TOOLBOX
**********************************************/
.img_left_border{ float:left; margin-right:15px; margin-bottom:5px; width: auto;}
.img_left_noborder{ float:left; margin-right:15px; margin-bottom:5px;  width: auto;}
.img_right_border{ float:right; margin-left:15px; margin-right:4px;	margin-bottom:5px;  width: auto;}
.img_right_noborder{ float:right; margin-right:4px;	margin-left:15px; margin-bottom:5px;  width: auto;}
.img_noalign_noborder{ margin:0px; }
.img_noalign_border{ margin:0px; }
.cssbutton{ cursor:pointer; border:1px solid #FFF; background-color:#00457c; width: auto; color:#FFF; background-image:url('../images/arrow_rechts.gif'); background-repeat:no-repeat; background-position:100% 50%; text-align:left; text-indent:4px;	padding-left:4px; padding-right:20px; padding-top:3px; padding-bottom:3px;	font-size: 12px; float:left;}
.cssfield{ padding:5px; line-height:11px;border:1px solid #4db3d0; font-size:11px;}
.boekField{ border:1px solid #dedede; padding:2px 0px 2px 4px; height:18px;}