@charset "utf-8";
/* CSS Document */

body{
	background:url(../Images/bg_doorloop.jpg) top center repeat-x #0e0e0f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	height: 100%;
	}
img{
	border:none;
	behavior:url(http://www.ronintools.com/Include/iepngfix.htc);
	}
h1{
	font-size:28px;
	}
h2{
	font-size:18px;
	}
a{
	color:#FFFFFF;
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
input{
	width:298px;
	height:16px;
	margin:0px;
	padding:0px;
	border:1px solid #b4b6b8;
	}
select{
	width:298px;
	margin:0px;
	padding:0px;
	border:1px solid #b4b6b8;
	}	
textarea{
	width:298px;
	height:116px;
	margin:0px;
	padding:0px;
	border:1px solid #b4b6b8;
	}
.clear{
	clear:both;
	height:0px;
	}
.highlight{
	color:#f7931e;
	font-weight:bold;
	}
.grijs{
	color:#a7a9ac;
	font-weight:bold;
	}
a.grijs{
	text-decoration:none;
	}
.top{
	color:#a7a9ac;
	font-weight:bold;
	cursor:pointer;
	}
#container{
	width:700px;
	margin:0 auto 0 auto;
	padding:0px;
	position: relative;
	}
#header{
	width:700px;
	height:150px;
	margin:0px;
	padding:0px;
	}
	
	
/* Header bovenkant styles */
#header_top{
	background:url(../Images/header_top_bg.gif);
	width:700px;
	height:86px;
	margin:0px;
	padding:0px;
	}
#keep_posted{
	width:250px;
	height:20px;
	margin:0px;
	padding:24px 0 0 303px;
	float:left;
	}
.keep_posted_vak{
	background:#FFFFFF;
	border:1px solid #FFFFFF;
	width:94px;
	height:14px;
	margin:0 0 0 8px;
	padding:0 0 0 8px;
	font-size:10px;
	}
.keep_posted_submit{
	width:28px;
	height:14px;
	margin:0 0 0 2px;
	padding:0px;
	border:1px solid #808285;
	}
#top_menu{
	width:147px;
	height:20px;
	margin:24px 0 0 0;
	padding:0px;
	float:left
	}
#top_menu ul{
	min-height:20px;
    height:auto !important;
	height:20px;
	float:left;
	margin:4px 0 0 0;
	padding:0px;
	color:#ffffff;
	font-size:10px;
	}
#top_menu ul li{
	height:20px;
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
#top_menu ul li a{
	margin:0px;
	padding:0 2px 0 2px;
	float:left;
	color:#ffffff;
	font-size:10px;
	text-decoration:none;
	}
#top_menu ul li a:hover{
	text-decoration:none;
	color:#f7931e;
	}
#top_menu ul li.aan a{
	text-decoration:none;
	color:#f7931e;
	}
	
	
/* Header onderkant styles */
#header_bottom{
	background:url(../Images/header_bottom_bg.gif) no-repeat;
	position:relative;
	width:700px;
	height:64px;
	margin:0px;
	padding:0px;
	}
#header_bottom_content{
	background:url(../Images/header_bottom_bg_2.gif) no-repeat;
	position:relative;
	width:700px;
	height:64px;
	margin:0px;
	padding:0px;
	}
#logo_link{
	background:url(../Images/logo_header.jpg);
	position:absolute;
	top:42px;
	left:14px;
	width:222px;
	height:30px;
	z-index:999;
	}
#logo_link a{
	margin:0px;
	padding:7px 0 0 0;
	display:block;
	}
#logo_link a:hover{
	text-decoration:none;
	}
#menu{
	position:relative;
	width:700px;
	min-height:34px;
    height:auto !important;
	height:34px;
	margin:0px;
	padding:3px 0 0 0;
	float:right;
	}
#menu a{
	display: block;
	}
#menu ul{
	float:right;
	padding:0px;
	margin:0px;
	list-style: none;
	}
#menu ul li{
	min-height:17px;
    height:auto !important;
	height:17px;
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0 5px 0 3px;
	}
#topMenu li ul{
  	position: absolute;
  	left:     -999em;
	}

/* Display sub menus when the mouse hovers over the top menu item (Used by JavaScript) */
#topMenu li:hover ul, #topMenu li.showMenu ul{
	left: auto;
	}

.subMenu{
	position:absolute;
	background:url(../Images/submenu_bg.gif) top left repeat-y;
  	width:126px;
	min-height:36px;
    height:auto !important;
	height:36px;
	margin:0px;
	padding:0px;
	left:0px;
	top:20px;
	}
.subMenu li a{
	color:#000000;
	font-size:10px;
	width:126px;
	margin:2px 0 0 0;
	padding:0px;
	text-decoration:none;
	}
.subMenu li a:hover{
	text-decoration:none;
	color:#FFFFFF;
	}
	
	
/* Content styles */
#content{	
	background:url(../Images/content_bg.gif) no-repeat #121111;
  	width:343px;
	min-height:334px;
    height:auto !important;
	height:334px;
	margin:0px;
	padding:0px;
	float:left;
	}
.kop{
	position:relative;
	height:80px;
	width:323px;
	margin:0 0 0 20px;
	padding:0px;
	}
.kop h1, .kop img{
	position:absolute;
	bottom:0;
	left:0;
	margin:0px;
	padding:0px;
	}
#content p{
	margin:0px;
	padding:10px 0 0 20px;
	float:left;
	}
#foto_rechts{
	background:url(../Images/foto_rechts.jpg) left top no-repeat #121111;
	width:357px;
	height:334px;
	margin:0px;
	padding:0px;
	float:left;
	}
	
	
/* Kaart styles */
#kaart{
	position:relative;
	background:url(../Images/kaart.jpg) no-repeat;
	width:700px;
	height:290px;
	margin:0px;
	padding:0px;
	float:left;
	border-top:1px solid #4d4b4b;
	}
#overlay{
	z-index:10;
	position:absolute;
	float:left;
	width:700px;
	height:290px;
	left:0;
	top:0;
}
#locatie_1{
	z-index:9;
	width:71px;
	height:71px;
	position:absolute;
	left:308px;
	top:89px;
	margin:0px;
	padding:0px;
	float:left;
	}
#locatie_2{
	width:71px;
	height:71px;
	position:absolute;
	left:299px;
	top:111px;
	margin:0px;
	padding:0px;
	float:left;
	}
#locatie_3{
	width:71px;
	height:71px;
	position:absolute;
	left:238px;
	top:170px;
	margin:0px;
	padding:0px;
	float:left;
	}
#locatie_4{
	width:71px;
	height:71px;
	position:absolute;
	left:321px;
	top:70px;
	margin:0px;
	padding:0px;
	float:left;
	}
#locatie_5{
	width:71px;
	height:71px;
	position:absolute;
	left:337px;
	top:185px;
	margin:0px;
	padding:0px;
	float:left;
	}
#locatie_6{
	width:71px;
	height:71px;
	position:absolute;
	left:321px;
	top:85px;
	margin:0px;
	padding:0px;
	float:left;
	}
#locatie_7{
	width:71px;
	height:71px;
	position:absolute;
	left:341px;
	top:86px;
	margin:0px;
	padding:0px;
	float:left;
	}
#locatie_8{
	width:71px;
	height:71px;
	position:absolute;
	left:300px;
	top:73px;
	margin:0px;
	padding:0px;
	float:left;
	}
#locatie_9{
	width:71px;
	height:71px;
	position:absolute;
	left:327px;
	top:107px;
	margin:0px;
	padding:0px;
	float:left;
	}
#locatie_10{
	width:71px;
	height:71px;
	position:absolute;
	left:375px;
	top:68px;
	margin:0px;
	padding:0px;
	float:left;
	}
#locatie_11{
	width:71px;
	height:71px;
	position:absolute;
	left:336px;
	top:47px;
	margin:0px;
	padding:0px;
	float:left;
	}
#locatie_12{
	width:71px;
	height:71px;
	position:absolute;
	left:440px;
	top:141px;
	margin:0px;
	padding:0px;
	float:left;
	}
#locatie_13{
	width:71px;
	height:71px;
	position:absolute;
	left:481px;
	top:193px;
	margin:0px;
	padding:0px;
	float:left;
	}
#locatie_14{
	width:71px;
	height:71px;
	position:absolute;
	left:482px;
	top:110px;
	margin:0px;
	padding:0px;
	float:left;
	}
#locatie_15{
	z-index:9;
	width:71px;
	height:71px;
	position:absolute;
	left:308px;
	top:97px;
	margin:0px;
	padding:0px;
	float:left;
	}
#locatie_16{
	width:71px;
	height:71px;
	position:absolute;
	left:349px;
	top:42px;
	margin:0px;
	padding:0px;
	float:left;
	}
#locatie_17{
	width:71px;
	height:71px;
	position:absolute;
	left:330px;
	top:60px;
	margin:0px;
	padding:0px;
	float:left;
	}	
#Belgium, #Spain, #France, #Brasil, #The_Netherlands, #South_Africa, #Germany, #Poland, #United_Kingdom, #Italy, #Russia, #Sweden, #Japan, #Malaysia, #Australia, #Finland, #Denmark{
	display:none;
	left:16px;
	top:252px;
	height:16px;
	position:absolute;
	border:1px solid #636467;
	background:#171614;
	color:#ffffff;
	margin:0px;
	padding:2px;
	z-index:20;
	}
	
	
/* Content pagina styles */
#content_container{
	background:url(../Images/content_container_bg.gif) no-repeat #181615;
	width:700px;
	min-height:500px;
    height:auto !important;
	height:500px;
	margin:0px;
	padding:0px;
	}
#links{
	width:140px;
	min-height:334px;
    height:auto !important;
	height:334px;
	margin:0px;
	padding:20px 0 0 20px;
	float:left;
	}
#links_2{
	width:140px;
	height:120px;
	margin:0px;
	padding:20px 0 0 20px;
	float:left;
	}
.titel{
	background:url(../Images/titel_bg.gif) no-repeat;
	width:125px;
	height:36px;
	margin:0px;
	padding:0px;
	float:left;
	font-weight:bold;
	}
.titel p{
	margin:0px;
	padding:10px 0 0 10px;
	}
#links ul, #links_2 ul{
	width:123px;
	margin:0px;
	padding:0px;
	float:left;
	border-left:1px solid #636467;
	border-right:1px solid #636467;
	}
#links ul li, #links_2 ul li{
	width:113px;
	margin:0px;
	padding:0 0 0 10px;
	list-style-type:none;
	}
#links ul li a, #links_2 ul li a{
	color:#ffffff;
	font-size:10px;
	width:126px;
	margin:2px 0 0 0;
	padding:0px;
	text-decoration:none;
	}
#links ul li a:hover, #links_2 ul li a:hover{
	text-decoration:none;
	color:#f7931e;
	}
#links ul li.aan a, #links_2 ul li.aan a{
	text-decoration:none;
	color:#f7931e;
	}
#rechts{
	width:540px;
	min-height:334px;
    height:auto !important;
	height:334px;
	margin:0px;
	padding:0px;
	float:left;
	}
#rechts_2{
	width:540px;
	height:140px;
	margin:0px;
	padding:0px;
	float:left;
	}
#rechts h1, #rechts_2 h1, #rechts h2{
	color:#a7a9ac;
	margin:0px;
	padding:25px 0 0 6px;
	}
#rechts p, #rechts_2 p{
	margin:0px;
	padding:11px 20px 11px 6px;
	}
#rechts table{
	margin:22px 20px 22px 6px;
	padding:0px;
	}
input.submit_knop{
	background:url(../Images/contact_submit_EN.png) no-repeat left top;
	behavior:url(http://www.ronintools.com/Include/iepngfix.htc);
	display:block;
	width:88px;
	height:52px;
	border:none;
	cursor:pointer;
	}
input.submit_knop:hover{
	background:url(../Images/contact_submit_over_EN.png) no-repeat left top;
	behavior:url(http://www.ronintools.com/Include/iepngfix.htc);
	display:block;
	width:88px;
	height:52px;
	border:none;
	cursor:pointer;
	}
	
	
/* Foto album styles */
#foto_album{
	width:514px;
	min-height:30px;
    height:auto !important;
	height:30px;
	margin:0px;
	padding:22px 20px 0 6px;
	float:left;
	}
.foto{
	background:#FFFFFF;
	width:126px;
	height:130px;
	margin:0 32px 20px 0;
	padding:0px;
	float:left;
	}
.foto img{
	max-width:126px;
	max-height:130px;
	margin:0px;
	padding:0px;
	}
	
	
#product_info{
	width:660px;
	min-height:300px;
    height:auto !important;
	height:300px;
	margin:0px;
	padding:0 0 0 20px;
	float:left;
	}
#product_menu{
	width:530px;
	height:24px;
	border-top:1px solid #636467;
	border-bottom:1px solid #636467;
	margin:0px;
	padding:0px;
	float:left;
	}
#product_menu ul{
	height:17px;
	float:left;
	padding:0px;
	margin:0 0 0 134px;
	list-style: none;
	}
#product_menu ul li, #volgende_vorige ul li, #volgende_vorige_onder ul li{
	height:20px;
	float:left;
	list-style-type:none;
	margin:4px 0 0 0;
	padding:0px;
	}
#product_menu li a, #volgende_vorige ul li a, #volgende_vorige_onder ul li a{
	color:#ffffff;
	font-size:10px;
	margin:0px;
	padding:0 11px 0 11px;
	text-decoration:none;
	}
#product_menu li.aan a{
	color:#f7931e;
	}	
#product_menu li a:hover, #volgende_vorige ul li a:hover, #volgende_vorige_onder ul li a:hover{
	text-decoration:none;
	color:#f7931e;
	}

#product_sub_menu{
	width:660px;
	height:24px;
	border-bottom:1px solid #636467;	
	margin:0px;
	padding:0px;
	float:left;
}
#product_sub_menu ul{
	height:17px;
	float:left;
	padding:0px;
	margin:0 0 0 0px;
	list-style: none;
}
#product_sub_menu ul li{
	height:20px;
	float:left;
	list-style-type:none;
	margin:4px 0 0 0;
	padding:0px;
}
#product_sub_menu li a{
	color:#ffffff;
	font-size:10px;
	margin:0px;
	padding:0 8px 0 8px;
	text-decoration:none;
}
#product_sub_menu li.aan a{
	color:#f7931e;
}
#product_sub_menu li a:hover{
	text-decoration:none;
	color:#f7931e;
}
	
#volgende_vorige{
	width:130px;
	height:24px;
	border-top:1px solid #636467;
	border-bottom:1px solid #636467;
	margin:0px;
	padding:0px;
	float:left;
	}
#volgende_vorige_onder{
	width:130px;
	height:24px;
	border-top:1px solid #636467;
	border-bottom:1px solid #636467;
	margin:0 0 10px 0;
	padding:0px;
	float:right;
	}
#volgende_vorige ul, #volgende_vorige_onder ul{
	height:17px;
	float:left;
	padding:0px;
	margin:0px;
	list-style: none;
	}
#producten_tabel{
	width:660px;
	margin:0px;
	padding:0px;
	float:left;
	}
.product{
	width:125px;
	color:#f7931e;
	font-weight:bold;
	margin:0px;
	padding:10px 0 0 20px;
	}
.product_titel{
	width:346px;
	font-weight:bold;
	font-size:14px;
	margin:0px;
	padding:10px 0 0 0;
	}
.product_tekst{
	width:346px;
	font-weight:bold;
	margin:0px;
	padding:10px 0 0 0;
	}
.product_foto{
	width:169px;
	margin:0px;
	padding:10px 0 10px 0;
	}
.lijntje{
	margin:0px;
	padding:0px;
	}
	
	
/* Footer styles */
#footer{
	background:#000000;
	width:700px;
	height:40px;
	margin:0px;
	padding:0px;
	}
#copy{
	width:350px;
	height:40px;
	margin:0px;
	padding:0px;
	float:left;
	}
#copy p{
	margin:12px 0 0 20px;
	padding:0px;
	font-size:10px;
	}
#logo{
	width:350px;
	height:40px;
	margin:0px;
	padding:0px;
	float:left;
	}
#logo img{
	float:right;
	}
#formulier{
	margin:65px 0 0 15px;
	background:#212122;
	width:280px;
	float:left;
}
#formulier_form{
	margin:0px;
}

#formulier LABEL{
	padding:5px 15px 5px 15px;
	width:250px;
	float:left;
	background:#383839;
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
}
#formulier INPUT{
	padding:4px;
	margin:10px 15px 15px 0px;
	width:242px;
	font-size:15px;
	font-weight:bold;
}
#formulier INPUT.knop{
	border:0px;
	padding:0px;
	margin:10px 15px 5px 15px;
}


#formulier_knop{
	margin:45px 0 0 15px;
	width:280px;
	float:left;
}
#formulier_knop INPUT.knop{
	border:0px;
	padding:0px;
	margin:10px 15px 5px 15px;
}


#voorbeeld{
	margin:0 25px 20px 0;
	float:right;
}

/*******************************
** Portal pagina
********************************/

.header{ width: 700px; height: 150px; margin-top: 21px; background: url(../Images/header.png) no-repeat 0 0; behavior:url(http://www.ronintools.com/Include/iepngfix.htc);}

.kaart_bg{ width: 100%; position: absolute; left: 0; top: 0; height: 100%; background: url(../Images/wereldkaart.jpg) no-repeat 50% 85px;}

.content{ width: 700px; min-height: 425px; height: auto !important; height: 425px;}
.portal_titel{ width: 507px; height: 175px; margin: 0 auto; background: url(../Images/portal_titel.png) no-repeat 0 0; behavior:url(http://www.ronintools.com/Include/iepngfix.htc);}
.landen{ width: 100%; float: left;}
.landen UL{ margin: 0 auto; padding: 0; list-style: none; text-align: center;}
.landen UL LI{ display: inline; margin: 0 10px; behavior:url(http://www.ronintools.com/Include/iepngfix.htc);}
.landen UL LI IMG{ margin-bottom: 30px;}