/* CSS Document */

body, html{margin:0px; padding:0px; width:100%; height:100%;
	background: #f5dfcc url(images/bg.jpg) repeat 0 0px;
}
img{border:0px;}
a:active, a:focus {outline: 0; }

/* text classes */


.Bold, .Bold a {
	font-weight: bold;
}

/* =div */

div{position:relative; z-index:5;}
div#boven_menu{ position: fixed; z-index: 100; height:70px; width:100%;
	background: url(images/boven_menu_bg.png) repeat-x;
}
div#holder{margin: 0 auto;  text-align:left; width:960px; z-index:5;}
div#siteborder{width:960px; float:left; margin-top: 70px; z-index:5; }
div#nav_onder{float:right; width: 920px;
	margin: 15px 20px 0px; display:inline;
font: 13px DIN-Medium, DIN-Regular, Helvetica, Arial;
text-align: right;
}
div#content{ width:950px; margin:5px; float:left; background-color:#FFFFFF; display:inline;}
div#header{width:100%; height:166px; background-image:url(images/menu_bg.jpg); background-repeat:repeat-x; float:left;}
div#main{float:left; background-color:#FFFFFF; width:100%; }
.clearfloat { clear: both; height: 0px; }
.NoLine, .NoLine a, .NoLine a:hover {
	text-decoration: none !important;
}

/* header */

img#logo{position:relative; right:0px; top:0px; float:right; position:absolute;}
img#title_header{position:relative; left:0px; top:0px; float:left; position:absolute;}

   ul#main_nav {position:absolute; margin:0; padding:0; list-style:none; width:950px; position:relative; top:125px;  height:42px;  }
  ul#main_nav li.current{float:left;  padding:0; background:url(images/tab_right.png) no-repeat right top; height:42px; margin: 0 7px;}
  ul#main_nav li{float:left; margin:0; padding:0;  height:42px; margin:0 5px;  width:auto; position:relative; left:0px;
 }
  ul#main_nav li.current a{ height:42px;    background:url(images/tab_left.gif) no-repeat left top;
  }
  ul#main_nav li a, ul#main_nav li a:visited, ul#main_nav li a:active{display:block; height:42px;   padding:0px 0px; text-decoration:none; color:#1C3642; font-size:13px; font-family:DIN-Medium, DIN-Regular, Helvetica, Arial; float:left;}
  ul#main_nav li a span{margin:20px 17px 0 17px; position:relative; top:15px; 
 }
  

  
   ul#main_nav li.homecurrent a{background-image:none;}
   
   ul#main_nav li.homecurrent{float:left;  padding:0; background:url(images/tab_right.png) no-repeat right top; height:42px; margin: 0 1px 0 0px;}
   ul#main_nav li.homecurrent{float:left; margin:0; padding:0;  height:42px; margin:0 1px 0 0px;}
   ul#main_nav li.homecurrent a span{margin: 20px 23px 0 22px; position:relative; top:15px;  }
   
   ul#main_nav img.vertical{float:left; }
   
   /* bovenmenu */
   
   div#boven_menu_holder{margin:0 auto; width:970px; overlow:hidden;}
   ul#boven_menu_list{ list-style-type:none; height:35px; width: 970px; padding:0px; margin:0px; position:absolute; top:10px;}
    ul#boven_menu_list li a, ul#boven_menu_list li a:visited, ul#boven_menu_list li a:active{display:block; height:25px; padding:0px 0px; text-decoration:none; color:#FFFFFF; font-size:13px; font-family:Helvetica, Arial; float:left; }
	ul#boven_menu_list li a:hover{opacity:.7;}
   ul#boven_menu_list li{float:left; margin:0 10px; display:inline;}
   img#vertical_boven{float:left; margin:0 5px; }
   ul#boven_menu_list li#Datum {
	float: right;
}
  .datum{ font-size:11px;  position:relative; height:25px;  top:2px; color:#FFFFFF; font-family:Helvetica, Arial; float:right;}
  
  /* nav onder */
  
  div#nav_onder a, div#nav_onder a:visited, div#nav_onder a:active{color:#000000; text-decoration:none; margin-bottom:10px; display:inline;}
  div#nav_onder a:hover{color:#444444;}
  
  
  /* text */
  
  .homebottom_text{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:140%; color:#FFFFFF;}
  .homeright_text{font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:150%; color:#535E68;}
  .text{font-family: Helvetica, Arial; font-size:13px; line-height:150%; color:#535E68;}
  .text a:link, a:active, a:visited { color:#535E68; text-decoration: underline; }
  .text a:hover { color:#535E68; text-decoration: none; }
  .bold{font-weight:bold;}
  .toestellen_list_text{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#000000;}
  .toestellen_list_text a:link, a:active, a:visited{ color:#000000; text-decoration: underline; }
  .toestellen_list_text a:hover{ color:#333333; text-decoration: none; }
  .detail_title{font-family: Helvetica, Arial; font-size:22px; color:#CC3399; line-height: 100%;}
  .table_text{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:140%; color:#000000;}
  

.FormContact		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background: #ffffff; height: 16px; width: 264px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 1px; }
.FormContactPC		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background: #ffffff; height: 16px; width: 55px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 1px; }
.FormContactPl		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background: #ffffff; height: 16px; width: 205px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 1px; }
.FormContactTA		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background: #ffffff; height: 16px; width: 264px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 1px; }
.FormContactSelect		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background: #ffffff; height: 22px; width: 264px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 2px; }
.FormZoekKort		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background: #ffffff; height: 16px; width: 35px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 1px; }
.AlertBox_DivAchtergrond{	
	filter:alpha(opacity=70);	/* Transparency */
	opacity:0.7;	/* Transparency */
	background-color:#000;
	z-index:100;
	position:absolute; /* Always needed	*/
	top:0;
	left: 0;
	display: none;
}
.AlertBox_DivContent{
	z-index:150;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	display: none;
}
#DivPDContainer {
	width: 600px;
	background-color: #ffffff;
}
#DivPDSluiten {
	position: absolute;
	width: 30px;
	height: 30px;
	z-index: 110;
	margin-left: 585px;
	margin-top: -15px;
}
#DivPDInhoud {
	width: 550px;
	padding: 25px;
}
#DivHidden {
	display: none;
}  

/* CSS Document */

div#toestellen{margin: 10px 10px 0; background-image:url(images/toestellen_list_bg.gif); background-repeat:repeat-y; width:200px; float:left; display:inline; padding-bottom: 10px;
}
div#detail_speeltoestellen{margin: 20px 0 25px 24px; float:left; width:672px;}
div#detail_speeltoestellen span{float:left;}
div#detail_speeltoestellenBreed{margin: 20px 0 25px 10px; float:left; width:700px;}
div#speeltoestellen_img{margin:0 0 20px 0px; padding:0px; float:left;}

ul#left_toestellen_list{width:191px; float:left; margin: 15px 0 15px 9px; padding:0px; list-style-type:none}
ul#left_toestellen_list li{height:20px; text-indent:5px; border-bottom: 1px solid #FFE681; }
ul#left_toestellen_list li:hover{background-image:url(images/left_toestellen_bg_over.jpg); }


ul#left_toestellen_list li a, ul#left_toestellen_list li a:active , ul#left_toestellen_list li a:visited{display:block; text-decoration:none; color:#000000; }
ul#left_toestellen_list li.selected a{ color:#FFFFFF;
	background: url(images/left_toestellen_bg.jpg) 0;
}

ul#right_toestellen_list{width:225px;float:left; padding:0px; margin:15px 0 15px 15px; list-style-type:none; color:#FFFFFF;}
ul#right_toestellen_list li { border-bottom: 1px solid #52b6df; }

ul#right_toestellen_list li a, ul#right_toestellen_list li a:active , ul#right_toestellen_list li a:visited{display:block; text-decoration:none; color:#FFFFFF;}
ul#right_toestellen_list li.selected_right a{color:#FFFF99;}

table#speeltoestel_gegevens{width:672px; float:left; }
table#info_speeltoestellen{width:672px; float:left; margin-top:10px;}
table#overige_info_speeltoestellen{width:672px; float:left; margin-top:10px;}
table#afmetingen_speeltoestellen{width:400px; float:left; margin-top:10px;}
  
div#SpeeltoestellenFotoLinks {
	float: left;
	width: 211px;
	height: 211px;
	overflow: hidden;
	margin-right:10px;
}
div#SpeeltoestellenFotoRechts {
	float: left;
	width: 211px;
	height: 211px;
	overflow: hidden;
}
div.FotoHomeBanners{
	width: 164px;
	height: 150px;
	overflow: hidden;
	margin-bottom: 15px;
}

div#submenu{margin: 10px 10px 0; background-image:url(images/toestellen_list_bg.gif); background-repeat:repeat-y; width:200px; float:left; display:inline; }

ul#submenu_list{width:190px; float:left; margin: 15px 0 15px 10px; padding:0px; list-style-type:none; cursor: pointer;}
ul#submenu_list li{min-height:20px;
	border-bottom: 1px solid #bec6cb;
	padding: 10px;
}
ul#submenu_list li:hover{background-image:url(images/left_toestellen_bg_over.jpg);}


ul#submenu_list li a, ul#submenu_list li a:active , ul#submenu_list li a:visited{display:block; text-decoration:none; color:#000000; }
ul#submenu_list li.selected a{background-image:url(images/left_toestellen_bg.jpg); color:#FFFFFF;}

div#Tekst {
	float: left;
	width: 481px;
	padding: 20px 25px 20px 24px;
}
div#Beeldkolom {
	float: left;
	width: 175px;
	padding-right: 25px;
	padding-top: 40px;
	padding-bottom: 20px;
}
div#BladerenLinks {
	float: left;
	padding-left: 20px;
	width: 80px;
	padding-bottom: 15px;
}
div#BladerenRechts {
	float: left;
	padding-right: 10px;
	text-align: right;
	width: 90px;
	padding-bottom: 15px;
}

#ImgStreepLinks {
	z-index: 4;
	position: absolute;
	width: 1px;
	float: left;
}
#ImgStreepRechts {
	z-index: 4;
	position: absolute;
	width: 1px;
	margin-left: 961px;
}
div#DivVergrootGlas{
	width: 211px;
	height:211px;
	position: absolute;
	z-index: 10;
}
#FormZoeken {
	margin: 0;
	padding: 0;
}
.ZoekResultaatKop{
	width: 405px;
	clear: left;
	float: left;
	margin-top: 10px;
}
.ZoekResultaatLinks{
	width: 130px;
	clear: left;
	float: left;
}
.Onder {
	padding-bottom: 15px;
}
.ZoekResultaatRechts{
	width: 230px;
	float: left;
}

.ZoekGegevensContainer {
	float: left;
	margin-left: 10px;
}
.ZoekFoto{
	float: left;
	height: 50px;
	width: 50px;
	overflow: hidden;
	margin-top: 14px;
}

div.ProdItem {
	float: left;
	width: 168px;
	margin-right: 9px;
}
div.MRTien {
	margin-right: 10px;
}
div.NMR {
	margin-right:0;
}
div.ProdItemImg {
	float: left;
	width: 168px;
	height: 168px;
	overflow: hidden;
	display: block;
}
div.ProdItemText {
	float: left;
	width: 158px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 5px;
}
div.CatPijl {
	position: absolute;
	width: 10px;
	height: 20px;
	margin-left: 185px;
}
