/*------------- GLOBAL SELECTORS --------------*/
* {margin:0; padding:0; line-height: 100%; font-size: 100%}

body { text-align: justify; margin: 0; padding: 0; border:0; color: #9d9d9d; font-family:Arial, Helvetica, sans-serif; font-size: 12px; background-color: #2398d2; }

p { line-height: 18px; color: #fff; padding: 0 0 10px 0; margin: 0; }
.smalltext {font-size:10px;	}
h1 {padding: 0 0 20px 0; margin:0;color:#2398d2; font-size:1.4em;}
h2 {padding: 0 0 20px 0; margin:0; color:#2398d2; font-size:1.2em;}
h2 a{padding: 0 0 20px 0; margin:0; color:#2398d2; font-size:1.0em; font-weight:bold}
h2 a:hover{text-decoration:none}

ul { margin-top: 0px; margin-bottom: 8px; margin: 0; margin-left: 5px; padding: 0; }
li { text-indent:0px; margin:0 0 0 20px;padding: 0 0 5px 0; text-align:left; list-style-image: url('../images/listimage.gif');}

a { text-decoration: underline; color: #2398d2; font-weight: normal; }
a:hover { text-decoration: none; color: #2398d2; }
a:active, a:focus {outline: 0} /*remove link border in firefox*/
img.nowrap { display: block; padding: 0; margin: 0; }
img {border:0;}

.teskya {font-weight:bold; color:#2398d2;}
.emphasis {font-weight:bold; color:#2398d2; line-height: 18px; }

#pagecontainer { float: left; background: #2398d2 url(../images/topbg.jpg) repeat-x; margin: 0 auto; padding:0; width:100%; }

#headercontainer {width:1024px;margin: 0 auto; padding:0; height:223px; }
#header {background: url(../images/boxtop.jpg) no-repeat 0px 0px; height:223px; width:1024px; padding:0;margin:0;}
#logo {float: left; width:614px; height:156px;margin-top:60px;margin-left:113px; cursor:pointer;}
#topmenu{float:left;margin-top:80px;font-size:1.2em;}

#boxcontainer {margin: 0 auto; padding:0; width: 815px;}
#box {float:left; padding:0; margin:0;background: url(../images/boxbg.jpg) repeat-y;}
#boxbottom { float:left;margin: 0 auto; padding:20px 0 0 0;width: 815px; height: 131px; text-align: center; background: url(../images/boxbottom.jpg) no-repeat bottom left; font-size:10px}
#copyright {text-align:center; width:90%;height:50px;padding:0 0 0 0px; margin:80px auto 0 300px;}
#copyright p {float:left;padding:10px 5px 0px 0;margin:0;font-size:1.1em; height:50px;  color:#fff; font-weight:bold;}
#copyright p.lower {float:left;padding:20px 5px 0px 0;margin:0;font-size:1.1em; height:50px;  color:#fff; font-weight:bold;}
#copyright a {float:left;padding:0;margin:0;font-size:0.9em; height:50px;  filter:alpha(opacity=100);opacity:1;-moz-opacity:1;}
#copyright a:hover {float:left;padding:0;margin:0;font-size:0.9em; height:50px;  filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
#copyright p.smalltext a {float:right;}


.centercontainer 	{float: left; padding: 10px 0 0 0; margin:0;}
.blockcontainer 	{float:left;margin:0 0px 20px 40px; padding: 0;width:234px; }
.blocktop			{float:left;width:234px; height: 9px;background: url(../images/menutop.jpg) no-repeat top left;padding: 0;margin:0;}
.blockbottom		{float:left;width:234px; height: 9px;background: url(../images/menubottom.jpg) no-repeat top left;}
.block 				{float:left;width:234px; padding: 0; margin:0;background:#181818; text-align:left;}
.block p 			{padding: 0 0 0 20px;}
.block h2 			{padding: 0 0 10px 20px;}

#contactblock {float:left; margin:20px 0px 0px 0px; padding: 10px 0 0 20px;background: url(../images/contactbg.jpg) no-repeat top left; width:213px; height:115px;}
#contactblock p {padding: 0 0 5px 0; line-height:14px;}
#contactblock h2 {padding: 0 0 10px 0px;}


#onderwegblock {float:left; margin:0px 0px 20px 0px; padding: 10px 0 0 20px;background: url(../images/onderweg.jpg) no-repeat top left; width:213px; height:115px; cursor:pointer}
#sidec {float:left; margin:0px 0px 20px 0px; padding: 10px 0 0 20px;background: url(../images/sidec.jpg) no-repeat top left; width:213px; height:115px; cursor:pointer}

ul#menu 				{ margin:0;padding:5px 0 5px 0;}
ul#menu LI 				{ display: block; height: 40px; width: 208px; margin: 0 13px 0 13px;padding: 0; list-style-image:none; list-style:none; font-size: 14px; line-height: 18px; }
ul#menu li.on a 		{ display: block; height: 40px; background: url(../images/menu_on.jpg) no-repeat top left;padding-left:40px;color:#2398d2;}
ul#menu li a 			{ text-decoration:none; color:#9d9d9d;display: block; height: 40px; background: url(../images/menu_off.jpg) no-repeat top left; padding:10px 10px;}
ul#menu li A:hover 		{ display: block; height: 40px; background: url(../images/menu_on.jpg) no-repeat top left;padding-left:40px;color:#2398d2;}

ul#menu li.sub a 		{ display: block; height: 20px; background:none; padding: 5px 0 0 40px;color:#fff; line-height: 10px;margin:0}
ul#menu li.sub A:hover 	{ display: block; background:none; color:#2398d2;margin:0}
ul#menu li.subon a 		{ display: block; height: 20px; background:none; padding: 5px 0 0 40px;color:#2398d2; line-height: 10px;margin:0}
ul#menu li.subon A:hover { display: block; background:none; color:#fff;margin:0}

#specialcontainer		{margin: 0 auto 10px auto; width: 638px; padding:15px;background: #01517a; }
#specialcontainer h1 	{padding: 0 0 20px 0; margin:0 ;color:#d7d7d7; font-size:1.4em;}
#special 				{margin:0; padding:0;width:638px; text-align:center;}
ul#special				{margin:0; padding:0; width:638px; display: block; ; }
ul#special li			{display: block; width:638px; list-style:none; margin:0; padding:0; overflow:hidden;  }

#photocontainer 	{margin:0 0 0 20px; padding:15px 5px 5px 15px;background: #181818; }
#content 			{float:left;margin:10px 20px 0 20px; padding:0;width:470px;}
#content h1			{margin-top:30px;}
#content h1.white 	{padding: 0 0 20px 0; margin:0;color:#fff; font-size:1.4em;}
#formcontainer 		{float:left;margin:0 20px; padding:20px;width:432px; background: #181818;}

.clicktoenlargetext {text-align:right; font-size:11px; }

form 				{margin:0; padding:0; display:block; }
input, select, 
textarea, option 	{ padding: 0; margin: 0; }
input, textarea 	{padding:0 0 50px 0; }
fieldset			{border:0;}
#spinner 			{float:right; margin:0px 40px 0 0; }
label				{float:left; width:100px; padding:5px 0 0 0; display:block; }
input				{padding:0; margin:0 0 10px 0; width:200px;}
.small				{width:40px;}
.text				{width:200px;}
.textarea			{width:430px;}
.email				{width:200px;}
.tel				{width:100px;}
textarea			{padding:0; margin:0 0 10px 0; width:400px; overflow: auto;}
label.long			{float:left; width:450px; padding:5px 0 0 0; display:block; }


/*hidden divs*/
#trappenDiv, #douchesDiv, #onderhoudDiv, #plaatsingDiv			{display: none;}


/*slider*/
#controlbreaker {border:none; padding:0;margin:0;height:35px;}
#slider{margin:0 0 0 5px;padding:0;}
#slider ul, #slider li{  
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:452px;
	height:247px;
	overflow:hidden; 
	}	
/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0 0 10px 0;
		height:28px;	
		}
	ol#controls li{
		margin:0 5px 0 5px; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #030303;
		background:#030303;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#2398d2;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/*kleuren gallery */
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 500px;
}
ul.thumb li {
	list-style-image:none;
	margin: 5px; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 70px;
	height: 70px;
}
ul.thumb li img {
	width: 70px; height: 70px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(../images/thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}