body
{
	background-color: #7D8176;
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
h3 
{
	font-size:12px; 
	line-height:16px; 
	margin-top:5px;
	font-family:Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #626262;
}
table
{
    border: none; 
    padding: 0px;
}
.main
{
	background: url(img/hline_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.content
{
	background: url(img/main_bg.gif);
	background-repeat: repeat;
	background-position: left;
    padding-bottom: 10px;
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 30px;
}
.inside
{
	background: url(img/i_all_bg.gif);
	background-repeat: repeat;	
}

body,td,p,span
{
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: top;
	font-size: 12px;
	color: #626262;
	line-height: 16px;
}
img
{
	border: 0px;
}
div
{
	 margin: 0px;
}
a:link
{	
   color: #CC006A;
   text-decoration: underline;
}
a:visited
{
	color: #CC006A;
	text-decoration: underline;
}
a:active
{
	text-decoration: none;
}
a:hover
{
	text-decoration: none;
}
a.menu
{	
   display: block;		
   color: #BA0057;
   font-size: 12px;
   text-decoration: none;
}
a.menu:visited
{
	color: #BA0057;
	text-decoration: none;
}
a.menu:active
{
	color: #BA0057;
	text-decoration: none;
}
a.menu:hover
{
	color: #FFFFFF;
	text-decoration: none;
}
#bottom
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	text-align: center;
}
a.bottom
{	
   font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
   color: #000000;
   font-size: 10px;
   text-decoration: none;
   line-height: 18px;
   background-color: #DFDFDF;
}
a.bottom:visited
{
	color: #656565;
	text-decoration: none;
}
a.bottom:active
{
	color: #000000;
	text-decoration: none;
}
a.bottom:hover
{
	color: #BE1664;
	text-decoration: none;
	background: url(img/smalbut_bg.gif);
}
#submenu1
{
	display: list-item;
	line-height: 20px;
	margin-left: 41px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	list-style-position:inside;
	list-style-image: url(img/bullet22.gif);
}
a.submenu
{	
   display: block;
   color: #000000;
   font-size: 12px;
   text-decoration: none;
   background-color: #CACACA;
}
a.submenu:visited
{
	color: #656565;
	text-decoration: none;
}
a.submenu:active
{
	color: #BE1664;
	text-decoration: none;
	background: url(img/smalbut_bg.gif);
}
a.submenu:hover
{
	color: #BE1664;
	text-decoration: none;
	background: url(img/smalbut_bg.gif);
}

a.blocklink
{	
   display: block;
   color: #000000;
   font-size: 12px;
   text-decoration: none;
   background-color: #CACACA;
   background-image: url(/img/butbg_of.gif);
   color: #CC006A; 
   padding:8px;
   border-bottom: 1px solid #7D8176;
   border-left: 1px solid #7D8176;
   border-right: 1px solid #7D8176; 
}
a.blocklink:visited
{
	color: #656565;
	text-decoration: none;
	color: #CC006A; 
    padding:8px; 
}
a.blocklink:active
{
	color: #BE1664;
	text-decoration: none;
	color: #CC006A; 
    padding:8px; 
}

a.blocklink:hover
{
	color: #BE1664;
	text-decoration: none;
	color: #CC006A; 
    padding:8px; 
}
.slogan
 { 
 	text-align: right;
	padding-bottom: 18px;
	padding-left: 0px;
	padding-right: 11px;
	padding-top: 75px;
	font-size: 13px;
	color: #7F7F7F;
	font-weight : bolder;
}
.abzats
{
	text-align: justify;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	font-size:11px;
}
#abzats3
{
	text-align: left;;
	margin-left: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
}

#abzats2
{
	display: list-item;
	text-align: left;
	margin-left: 14px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;    
	list-style: outside;
	list-style-image: url(img/bullet1.gif);
	font-size:12px;
}
#picframe
{
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#header1
{
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 13px;
	color: #000000;
	font-size: 18px;
}
#header2
{
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-align: left;
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 13px;
	color: #000000;
	font-size: 18px;
	line-height: 22px;
}
#copyright
{
	position: relative; top:-25px; left:0px; z-index: 8;
	text-align: center;
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
    color: #656565;
    font-size: 10px;
}
#menu
{	
    width: 230px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background: url(img/butbg_of.gif);
}
#menuactive
{	
	color: #FFFFFF;
    width: 230px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background: url(img/butbg_on.gif);
}
.icon
{
	margin-left: 5px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
#ng_containercentreren{
	position: relative;
	margin:0;
	width:450px;
	height: 100%;
	background-color:#ffffff;
	}
#ng_media_container
{
	position:relative;
 	top:30px;
 	width:100%;
	text-align: center;
	display: none;
}
 
#ng_header_microphone_access_step2
{
	display: none;
}
 
/* css system selection */
#ng_system_selection_tomtom
{
	background-image: url('images/tomtom.gif');
	width: 187px;
	height: 50px;
	float: left;
	cursor: pointer;
}
#ng_system_selection_garmin
{
	background-image: url('images/garmin.gif');
	background-color: white;
	width: 167px;
	height: 50px;
	float: left;
	cursor: pointer;
}
/* loader */
#ng_loader
{
	padding-top: 100px; 
	background: url('images/loader_big.gif') center center no-repeat;
	background-position: center center;
	width: 100%;
	height: 100px;
	text-align: center;
}

#ng_player_container
{
	font-size:80%;
	font-weight: bolder;
}

/* sidebar */

		#ng_sidebar {
			position:absolute;
			font-size:80%;
			display:block;
			left:25px;
			top:40px;
			height:600px;
			width: 190px;
			border-radius: .5em;
			color: #606060;
			border: solid 1px #b7b7b7;
			background: #fff;
			background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
			background: -moz-linear-gradient(top,  #fff,  #ededed);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
			}
			
		#ng_sidebar ol {
			padding: 0 0 0 10px;
		}
	
			
		#ng_sidebar a{
			text-decoration:underline;
			color:#000;
			line-height:28px;
			padding: 0 5px 0 5px;
		
		}
			#ng_sidebar a:hover{
			text-decoration:none;
				
		}
		
		.menu_active{
			padding:0px 0px 0px 10px;
			margin-left:-10px;
			width:100%;
			color: #000;
			display:inline-block;
			border-top: solid 1px #b7b7b7;
			border-bottom:solid 1px #b7b7b7;
			background: #fff;
			background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
			background: -moz-linear-gradient(top,  #fff,  #ededed);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
			line-height:28px;
			}
			
		.menu_inactive {
			text-decoration:none;
			display:block;
			color:#d6d6d6;			
			line-height:28px;			
		}

		
		#ng_sidebartop {
			position:absolute;
			left:0px;
			top:0px;
			height:40px;
			width: 189px;
			border-radius: .5em .5em .0em .0em;
			color: #e9e9e9;
			border: solid 1px #555;
			background: #6e6e6e;
			background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
			background: -moz-linear-gradient(top,  #888,  #575757);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
			}

		#ng_sidebartextonder {
			position:absolute;
			text-align:left;
			left:0px;
			top:50px;
			height:600px;
			width: 190px;
			z-index: 3;
			}
		
		#ng_end_of_block_button
		{
			width: 80%;
			color: white;
		}
			
		#ng_btn1 {
			position:absolute;
			left:25px;
			top:520px;
			height:30px;
			width: 190px;
			}
 
	
		#ng_btn2 {
			position:absolute;
			left:25px;
			top:560px;
			height:30px;
			width: 190px;
			}	 
 /* contentblok */			
		#ng_contentblok {
	 		 position: relative;
			 top: 180px;
			 text-align:center;
			 margin-left:240px;
		     margin-right:25px;
			 padding: 0 0 10px 0;
			 color: #606060;
			 border: solid 1px #b7b7b7;
			 background: #fff;
			 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
			 background: -moz-linear-gradient(top,  #fff,  #ededed);
			 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
			
			 }
		
		#ng_contentblok1 {
	 		 position: relative;
			 top: 150px;
			 text-align:center;
			 margin-left:25px;
		     margin-right:25px;
			 padding: 0 0 10px 0;
			 color: #606060;
			 border: solid 1px #b7b7b7;
			 background: #fff;
			 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
			 background: -moz-linear-gradient(top,  #fff,  #ededed);
			 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
			
			 }
/* stappen */
	#ng_stappen{
						
			margin:30px auto;
			text-align:center;
							
		}		
		#ng_rondje1 {
			display:inline;
			}
		#ng_rondje2 {
			display:inline;
			}
		#ng_rondje3 {
			display:inline;
			}

		#ng_rondje4 {
			display:inline;
			}
 
		#ng_bloktext {
			position:relative;
			margin:10px auto;
			width: 100%;
			}
		
	
		#ng_statusbalk {
			position:relative;
			margin:0px auto;
			width: 100%;
			height:14px;
			background-color:#000000;		
			}

		#ng_status {
			position: relative;
			top: 1px;
			margin-left:1px;
		    margin-right:60%;
			width: auto;
			height:12px;
			color: #d9eef7;
			background: #0095cd;
			background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
			background: -moz-linear-gradient(top,  #00adee,  #0078a5);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
			}
				

		#ng_yes_button {
		display: inline;

			}

		#ng_no_button {
		display:inline;
			}	

		#ng_text {
			position: relative;
		 	top: 75px;
		 	margin-left:240px;
		    margin-right:25px;
		 	width:   auto;
			height:  80px;
			}
			
		#ng_text1 {
			position: relative;
		 	top: 75px;
		 	margin-left:25px;
		    margin-right:25px;
		 	width:   auto;
			height:  80px;
			}
 
 
		#btn_holder{
			margin:50px auto 0 0;
			text-align:center;
		}
/* page 2 */	
		#ng_btn5 {
			display:inline;
			}
/* page 3 */
/* page 5 */
		#ng_btn6 {
			display:inline;			
			}
/* page 7 */
		#ng_btn7 {
			margin: 80px 0 0 0;
			}
		#ng_btn8 {			
			display:inline;
			}
			
		#ng_btn9 {
		display:inline;		
			}											
/* page 11 */
		#ng_btn10 {			
			display:inline;
			}
		
		#ng_btn11 {
			display:inline;
			}

		#ng_btn12 {
			display:inline;
			}	
/* text */
.cont1 {
			color:#000000;
			font-size:80%;
			line-height:18px;
			text-align:left;
			margin:20px 0px 0px 0px;
    			}
.cont2 {
			
			color:#000000;
			font-size:120%;
			text-align:left;
				
    			}
.cont3 {
			position: relative;
			display:block;
			color:#000000;
			font-size:80%;
			padding: 10px 10px 5px 10px;
			text-decoration:underline;
							
    			}
.cont4 {
			position: relative;
			display:block;
			color:#b7b7b7;
			font-size:80%;
			padding:10px 10px 5px 10px;	
    			}

.cont5 {
			position:relative;
			color:#ffffff;
			font-size:90%;
			padding:10px 20px 0px 20px;		
    			}


.cont6 {
			
			color:#000000;
			margin: 0 auto;
			font-size:100%;
			padding:18px 20px 0px 20px;		
    			}

.cont7 {
			font-family:arial,"times new roman";
			color:#000000;
			font-size:80%;
			font-weight: bold;
			text-align:left;
			padding:0px 20px 0px 20px;		
    			}

.cont8 {
			font-family:arial,"times new roman";
			color:#00FFFF;
			font-size:100%;
			font-weight: bold;
				
    			}
				
.cont9 {
			font-family:arial,"times new roman";
			color:gray;
			font-size:100%;
			font-weight: bold;
			text-align:left;	
			padding:10px 45px 0px 45px;	
    			}

/* buttons */
/* stappenrondjes
---------------------------------------------- */
.stappenrondjes {
	text-align: center;
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif;
	padding:6px 10px 6px 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius: .9em;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
}
/* ronjeactive */
.rondjeactive {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
/* rondjetodo */
.rondjetodo {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
/* rondjedone */
.rondjedone {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	cursor: pointer;
	margin-top:-20px;
	text-align: center;
	text-decoration: underline;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: 8px 15px 8px 15px;
	margin-bottom:10px;
	margin-left: 5px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	} 
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}
.sidebar{
	width: 160px;
}
/* color styles 
---------------------------------------------- */
/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	margin-top:3px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
} 
/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
.grey{
	color: #000;
	border: solid 1px #9d9d9d;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d6d6d6));
	background: -moz-linear-gradient(top,  #f6f6f6,  #d6d6d6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#d6d6d6');
}

.grey:hover{
	color: #000;
	text-decoration:none;
	border: solid 1px #9d9d9d;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
	background: -moz-linear-gradient(top,  #eeeeee,  #cccccc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');
}

.blue:active {
	color: #000;
	text-decoration:none;
	border: solid 1px #9d9d9d;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
	background: -moz-linear-gradient(top,  #eeeeee,  #cccccc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');
}
/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
ol { list-style-type: none;}
